Merge pull request #84 from fortanix/mkrause/250102-update-icons

Update icons pack
fortanix · Jan 3, 2025 · 7f23a79 · 7f23a79
2 parents 44c225e + 1dcb6fd
commit 7f23a79
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 9 deletions.
diff --git a/scripts/import.ts b/scripts/import.ts
@@ -313,7 +313,7 @@ const createIconsManifest = async (args: ScriptArgs) => {
     export const icons = {
     ${icons.map(iconName => `  '${iconName}': {},`).join('\n')}
     } as const satisfies Record<string, IconDef>;
-  `;
+  ` + '\n';
 
   const manifestPath = path.join(pathIconsSource, '_icons.ts');
   logger.info(`Writing file: ${manifestPath}`);

diff --git a/src/assets/icons/_icons.ts b/src/assets/icons/_icons.ts
@@ -66,7 +66,7 @@ export const icons = {
   'services': {},
   'settings': {},
   'solutions': {},
-  'status-cancel': {},
+  'status-canceled': {},
   'status-failed-filled': {},
   'status-failed': {},
   'status-success-filled': {},
@@ -75,6 +75,7 @@ export const icons = {
   'user-authentication': {},
   'user-profile': {},
   'user': {},
+  'warning-filled': {},
   'warning': {},
   'workflow': {},
 } as const satisfies Record<string, IconDef>;
diff --git a/src/assets/icons/info-filled.svg b/src/assets/icons/info-filled.svg
diff --git a/src/assets/icons/status-cancel.svg → src/assets/icons/status-canceled.svg b/src/assets/icons/status-cancel.svg → src/assets/icons/status-canceled.svg
diff --git a/src/assets/icons/status-failed-filled.svg b/src/assets/icons/status-failed-filled.svg
diff --git a/src/assets/icons/status-success-filled.svg b/src/assets/icons/status-success-filled.svg
diff --git a/src/assets/icons/warning-filled.svg b/src/assets/icons/warning-filled.svg
diff --git a/src/assets/icons/warning.svg b/src/assets/icons/warning.svg
diff --git a/src/components/overlays/Toast/Toast.tsx b/src/components/overlays/Toast/Toast.tsx
@@ -127,7 +127,7 @@ const success = ({ title, message, options = {} }: NotifyProps) => {
     className: cx(cl['bk-toast--success'], className),
     bodyClassName: cx(cl['bk-toast__body'], bodyClassName),
     progressClassName: cx(cl['bk-toast__progress-bar--success']),
-    icon: <Icon icon="status-success" className={cx(cl['bk-toast__icon--success'])} />,
+    icon: <Icon icon="status-success-filled" className={cx(cl['bk-toast__icon--success'])} />,
     closeButton: closeButton === true ? <CloseToastButton /> : closeButton,
     ...restOptions,
   };
@@ -142,7 +142,7 @@ const info = ({ title, message, options = {} }: NotifyProps) => {
     className: cx(cl['bk-toast--info'], className),
     bodyClassName: cx(cl['bk-toast__body'], bodyClassName),
     progressClassName: cx(cl['bk-toast__progress-bar--info']),
-    icon: <Icon icon="warning" className={cx(cl['bk-toast__icon--info'])} />,
+    icon: <Icon icon="info-filled" className={cx(cl['bk-toast__icon--info'])} />,
     closeButton: closeButton === true ? <CloseToastButton /> : closeButton,
     ...restOptions,
   };
@@ -166,7 +166,7 @@ const error = ({ title, message, options = {} }: NotifyProps) => {
     className: cx(cl['bk-toast--error'], className),
     bodyClassName: cx(cl['bk-toast__body'], bodyClassName),
     progressClassName: cx(cl['bk-toast__progress-bar--error']),
-    icon: <Icon icon="status-failed" className={cx(cl['bk-toast__icon--error'])} />,
+    icon: <Icon icon="status-failed-filled" className={cx(cl['bk-toast__icon--error'])} />,
     closeButton: closeButton === true ? <CloseToastButton /> : closeButton,
     ...restOptions,
   };