Merge pull request #145 from savindi7/feat-add-icon

feat(primitives): add icons
wso2 · Jun 23, 2023 · a8f20d6 · a8f20d6
2 parents e306fef + e81fdb2
commit a8f20d6
Show file tree

Hide file tree

Showing 9 changed files with 91 additions and 33 deletions.
diff --git a/packages/primitives/src/icons/building-circle-check-16.svg b/packages/primitives/src/icons/building-circle-check-16.svg
diff --git a/.../primitives/src/icons/check-circle-16.svg → ...ives/src/icons/circle-check-filled-16.svg b/.../primitives/src/icons/check-circle-16.svg → ...ives/src/icons/circle-check-filled-16.svg
diff --git a/packages/primitives/src/icons/circle-info-16.svg b/packages/primitives/src/icons/circle-info-16.svg
diff --git a/packages/primitives/src/icons/lock-16.svg b/packages/primitives/src/icons/lock-16.svg
diff --git a/packages/primitives/src/icons/user-group-16.svg b/packages/primitives/src/icons/user-group-16.svg
diff --git a/packages/react/src/components/AppShell/AppShell.stories.mdx b/packages/react/src/components/AppShell/AppShell.stories.mdx
@@ -9,7 +9,7 @@ import Navbar from '../Navbar/Navbar.tsx';
 import Typography from '../Typography/Typography.tsx';
 import {basicFooterVariationOptions} from '../Footer/Footer.stories.mdx';
 import {basicHeaderVariationOptions} from '../Header/Header.stories.mdx';
-import {UserDocumentIcon, HomeFilledIcon, LockIcon, GearIcon, LanguageIcon} from '@oxygen-ui/react-icons';
+import {UserDocumentIcon, HomeFilledIcon, ShieldCheckIcon, GearIcon, LanguageIcon} from '@oxygen-ui/react-icons';
 
 export const meta = {
   component: AppShell,
@@ -33,7 +33,7 @@ export const navbarItems = [
         id: 'profile info'
       },
       {
-        icon: <LockIcon />,
+        icon: <ShieldCheckIcon />,
         name: 'Security',
         id: 'security'
       },

diff --git a/packages/react/src/components/List/List.stories.mdx b/packages/react/src/components/List/List.stories.mdx
@@ -1,5 +1,5 @@
 import {ArgsTable, Source, Story, Canvas, Meta} from '@storybook/addon-docs';
-import {LockIcon} from '@oxygen-ui/react-icons';
+import {ShieldCheckIcon} from '@oxygen-ui/react-icons';
 import {ArrowRightToBracketIcon} from '@oxygen-ui/react-icons';
 import dedent from 'ts-dedent';
 import StoryConfig from '../../../.storybook/story-config.ts';
@@ -38,7 +38,7 @@ Lists are continuous, vertical indexes of text or images.
         <ListItem disablePadding>
           <ListItemButton>
             <ListItemIcon>
-              <LockIcon />
+              <ShieldCheckIcon />
             </ListItemIcon>
             <ListItemText primary="Security" />
           </ListItemButton>

diff --git a/packages/react/src/components/ListItemIcon/ListItemIcon.stories.mdx b/packages/react/src/components/ListItemIcon/ListItemIcon.stories.mdx
@@ -1,5 +1,5 @@
 import {ArgsTable, Source, Story, Canvas, Meta} from '@storybook/addon-docs';
-import {LockIcon} from '@oxygen-ui/react-icons';
+import {ShieldCheckIcon} from '@oxygen-ui/react-icons';
 import dedent from 'ts-dedent';
 import StoryConfig from '../../../.storybook/story-config.ts';
 import {withDesign} from '../../../.storybook/utils.ts';
@@ -25,7 +25,7 @@ export const Template = args => <ListItemIcon {...args} />;
 A simple wrapper to apply List styles to an Icon or SvgIcon .
 
 <Canvas>
-  <Story name="Overview" args={{children: <LockIcon />}}>
+  <Story name="Overview" args={{children: <ShieldCheckIcon />}}>
     {Template.bind({})}
   </Story>
 </Canvas>

diff --git a/packages/react/src/components/Navbar/Navbar.stories.mdx b/packages/react/src/components/Navbar/Navbar.stories.mdx
@@ -1,7 +1,7 @@
 import {
   UserDocumentIcon,
   HomeFilledIcon,
-  LockIcon,
+  ShieldCheckIcon,
   GearIcon,
   LanguageIcon,
   SunIcon,
@@ -34,7 +34,7 @@ export const navbarItems = [
         id: 'profile info'
       },
       {
-        icon: <LockIcon />,
+        icon: <ShieldCheckIcon />,
         name: 'Security',
         id: 'security',
         tag: "BETA"
@@ -76,7 +76,7 @@ export const navbarItemsHeading = [
         id: 'profile info'
       },
       {
-        icon: <LockIcon />,
+        icon: <ShieldCheckIcon />,
         name: 'Security',
         id: 'security'
       },