(
diff --git a/src/components/radioGroup/radioCard/radioCard.test.tsx b/src/components/radioGroup/radioCard/radioCard.test.tsx
index 1ce762a08..56c03265b 100644
--- a/src/components/radioGroup/radioCard/radioCard.test.tsx
+++ b/src/components/radioGroup/radioCard/radioCard.test.tsx
@@ -36,22 +36,22 @@ describe(' component', () => {
expect(screen.getByTestId('avatar')).toBeInTheDocument();
});
- it('renders the RADIO_DEFAULT icon when unchecked', () => {
+ it('renders the RADIO icon when unchecked', () => {
render(createTestComponent());
- const uncheckedIcon = screen.getByTestId(IconType.RADIO_DEFAULT);
+ const uncheckedIcon = screen.getByTestId(IconType.RADIO);
expect(uncheckedIcon).toBeVisible();
expect(screen.getByRole('radio')).not.toBeChecked();
});
- it('renders the RADIO_CHECK icon when checked', () => {
+ it('renders the SUCCESS icon when checked', () => {
render(createTestComponent());
const radioButton = screen.getByRole('radio');
fireEvent.click(radioButton);
- const checkedIcon = screen.getByTestId(IconType.RADIO_CHECK);
+ const checkedIcon = screen.getByTestId(IconType.SUCCESS);
expect(checkedIcon).toBeVisible();
expect(screen.getByRole('radio')).toBeChecked();
diff --git a/src/components/radioGroup/radioCard/radioCard.tsx b/src/components/radioGroup/radioCard/radioCard.tsx
index ce649ae97..1cf55b562 100644
--- a/src/components/radioGroup/radioCard/radioCard.tsx
+++ b/src/components/radioGroup/radioCard/radioCard.tsx
@@ -79,15 +79,9 @@ export const RadioCard = forwardRef((props,
{tag && }
-
+
-
+
diff --git a/src/components/states/emptyState/emptyState.stories.tsx b/src/components/states/emptyState/emptyState.stories.tsx
index 53134cf1f..353c12acf 100644
--- a/src/components/states/emptyState/emptyState.stories.tsx
+++ b/src/components/states/emptyState/emptyState.stories.tsx
@@ -37,13 +37,13 @@ export const StackedFullWithObject: Story = {
objectIllustration: { object: 'LIGHTBULB' },
primaryButton: {
label: 'Label',
- iconLeft: IconType.ADD,
+ iconLeft: IconType.PLUS,
iconRight: IconType.CHEVRON_RIGHT,
onClick: () => alert('Primary Button Clicked'),
},
secondaryButton: {
label: 'Label',
- iconLeft: IconType.ADD,
+ iconLeft: IconType.PLUS,
iconRight: IconType.CHEVRON_RIGHT,
onClick: () => alert('Secondary Button Clicked'),
},
@@ -62,13 +62,13 @@ export const NonStackedFullWithObject: Story = {
objectIllustration: { object: 'LIGHTBULB' },
primaryButton: {
label: 'Label',
- iconLeft: IconType.ADD,
+ iconLeft: IconType.PLUS,
iconRight: IconType.CHEVRON_RIGHT,
onClick: () => alert('Primary Button Clicked'),
},
secondaryButton: {
label: 'Label',
- iconLeft: IconType.ADD,
+ iconLeft: IconType.PLUS,
iconRight: IconType.CHEVRON_RIGHT,
onClick: () => alert('Secondary Button Clicked'),
},
@@ -90,13 +90,13 @@ export const StackedFullWithHuman: Story = {
},
primaryButton: {
label: 'Label',
- iconLeft: IconType.ADD,
+ iconLeft: IconType.PLUS,
iconRight: IconType.CHEVRON_RIGHT,
onClick: () => alert('Primary Button Clicked'),
},
secondaryButton: {
label: 'Label',
- iconLeft: IconType.ADD,
+ iconLeft: IconType.PLUS,
iconRight: IconType.CHEVRON_RIGHT,
onClick: () => alert('Secondary Button Clicked'),
},
diff --git a/src/components/textAreas/textAreaRichText/textAreaRichTextActions.test.tsx b/src/components/textAreas/textAreaRichText/textAreaRichTextActions.test.tsx
index ecc125cbb..1399ba7a2 100644
--- a/src/components/textAreas/textAreaRichText/textAreaRichTextActions.test.tsx
+++ b/src/components/textAreas/textAreaRichText/textAreaRichTextActions.test.tsx
@@ -33,23 +33,23 @@ describe(' component', () => {
it('renders the set link action instead of the unset one when current active node is not a link', () => {
const editor = { isActive: () => false } as unknown as Editor;
render(createTestComponent({ editor }));
- expect(screen.getByTestId(IconType.WYSIWYG_LINK_SET)).toBeInTheDocument();
- expect(screen.queryByTestId(IconType.WYSIWYG_LINK_UNSET)).not.toBeInTheDocument();
+ expect(screen.getByTestId(IconType.RICHTEXT_LINK_ADD)).toBeInTheDocument();
+ expect(screen.queryByTestId(IconType.RICHTEXT_LINK_REMOVE)).not.toBeInTheDocument();
});
it('renders the unset link action instead of the set one when current active node is not a link', () => {
const editor = { isActive: () => true } as unknown as Editor;
render(createTestComponent({ editor }));
- expect(screen.getByTestId(IconType.WYSIWYG_LINK_UNSET)).toBeInTheDocument();
- expect(screen.queryByTestId(IconType.WYSIWYG_LINK_SET)).not.toBeInTheDocument();
+ expect(screen.getByTestId(IconType.RICHTEXT_LINK_REMOVE)).toBeInTheDocument();
+ expect(screen.queryByTestId(IconType.RICHTEXT_LINK_ADD)).not.toBeInTheDocument();
});
it('correctly handles the italic, bold and unordered / ordered actions', () => {
const actions: Array<{ method: keyof ChainedCommands; icon: IconType }> = [
- { method: 'toggleBold', icon: IconType.WYSIWYG_BOLD },
- { method: 'toggleItalic', icon: IconType.WYSIWYG_ITALIC },
- { method: 'toggleBulletList', icon: IconType.WYSIWYG_LIST_UNORDERED },
- { method: 'toggleOrderedList', icon: IconType.WYSIWYG_LIST_ORDERED },
+ { method: 'toggleBold', icon: IconType.RICHTEXT_BOLD },
+ { method: 'toggleItalic', icon: IconType.RICHTEXT_ITALIC },
+ { method: 'toggleBulletList', icon: IconType.RICHTEXT_LIST_UNORDERED },
+ { method: 'toggleOrderedList', icon: IconType.RICHTEXT_LIST_ORDERED },
];
const editorActions = actions.reduce void>>>(
@@ -84,7 +84,7 @@ describe(' component', () => {
chain: () => ({ focus: () => ({ extendMarkRange: () => action }) }),
} as unknown as Editor;
render(createTestComponent({ editor }));
- fireEvent.click(screen.getByTestId(IconType.WYSIWYG_LINK_UNSET));
+ fireEvent.click(screen.getByTestId(IconType.RICHTEXT_LINK_REMOVE));
expect(action.unsetLink).toHaveBeenCalled();
});
@@ -101,7 +101,7 @@ describe(' component', () => {
} as unknown as Editor;
render(createTestComponent({ editor }));
- fireEvent.click(screen.getByTestId(IconType.WYSIWYG_LINK_SET));
+ fireEvent.click(screen.getByTestId(IconType.RICHTEXT_LINK_ADD));
expect(windowPromptMock).toHaveBeenCalledWith('URL', previousUrl);
expect(action.setLink).toHaveBeenCalledWith({ href: newUrl });
});
@@ -118,7 +118,7 @@ describe(' component', () => {
} as unknown as Editor;
render(createTestComponent({ editor }));
- fireEvent.click(screen.getByTestId(IconType.WYSIWYG_LINK_SET));
+ fireEvent.click(screen.getByTestId(IconType.RICHTEXT_LINK_ADD));
expect(action.unsetLink).toHaveBeenCalled();
});
});
diff --git a/src/components/textAreas/textAreaRichText/textAreaRichTextActions.tsx b/src/components/textAreas/textAreaRichText/textAreaRichTextActions.tsx
index c97ea356e..0c8882cdb 100644
--- a/src/components/textAreas/textAreaRichText/textAreaRichTextActions.tsx
+++ b/src/components/textAreas/textAreaRichText/textAreaRichTextActions.tsx
@@ -53,12 +53,12 @@ export const TextAreaRichTextActions: React.FC =
const getRichTextActions = () => {
const actions: ITextAreaRichTextAction[] = [
- { icon: IconType.WYSIWYG_BOLD, action: () => editor?.chain().focus().toggleBold().run() },
- { icon: IconType.WYSIWYG_ITALIC, action: () => editor?.chain().focus().toggleItalic().run() },
- { icon: IconType.WYSIWYG_LINK_SET, action: setLink, hidden: editor?.isActive('link') },
- { icon: IconType.WYSIWYG_LINK_UNSET, action: unsetLink, hidden: !editor?.isActive('link') },
- { icon: IconType.WYSIWYG_LIST_UNORDERED, action: () => editor?.chain().focus().toggleBulletList().run() },
- { icon: IconType.WYSIWYG_LIST_ORDERED, action: () => editor?.chain().focus().toggleOrderedList().run() },
+ { icon: IconType.RICHTEXT_BOLD, action: () => editor?.chain().focus().toggleBold().run() },
+ { icon: IconType.RICHTEXT_ITALIC, action: () => editor?.chain().focus().toggleItalic().run() },
+ { icon: IconType.RICHTEXT_LINK_ADD, action: setLink, hidden: editor?.isActive('link') },
+ { icon: IconType.RICHTEXT_LINK_REMOVE, action: unsetLink, hidden: !editor?.isActive('link') },
+ { icon: IconType.RICHTEXT_LIST_UNORDERED, action: () => editor?.chain().focus().toggleBulletList().run() },
+ { icon: IconType.RICHTEXT_LIST_ORDERED, action: () => editor?.chain().focus().toggleOrderedList().run() },
];
return actions.filter((action) => !action.hidden);