Skip to content

Commit

Permalink
Add new icon "successManualFilled" to ui icons (#731)
Browse files Browse the repository at this point in the history
* feat(svgicon): add new icon "successManualFilled" to ui icons

Add "successManualFilled" icon to the SVGIcon component and its story.
This enhances the icon set with a new visual representation for success.

* style(ui.tsx): update SVG path formatting for consistency and readability

Refactor SVG path data to use consistent formatting and improve readability. This change enhances maintainability and ensures uniformity across SVG definitions.

fix(ui.tsx): update SVG path data for successManualFilled icon

Update the SVG path data for the successManualFilled icon to correct
visual inaccuracies and improve the icon's appearance. This change
ensures the icon is rendered correctly and consistently across
different platforms and devices.

* chore(package.json): bump version from 10.4.2 to 10.4.3 to prepare for new release

* feat(SVGIcon.stories.tsx): add story for statusSuccessDetailed icon to enhance icon documentation and testing
  • Loading branch information
gmacev authored Dec 5, 2024
1 parent c5a5b7c commit 2ede9e3
Show file tree
Hide file tree
Showing 3 changed files with 32 additions and 3 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "@nordcloud/gnui",
"description": "Nordcloud Design System - a collection of reusable React components used in Nordcloud's SaaS products",
"version": "10.4.2",
"version": "10.4.3",
"license": "MIT",
"repository": {
"type": "git",
Expand Down
16 changes: 16 additions & 0 deletions src/components/svgicon/SVGIcon.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -982,6 +982,22 @@ export const Status: StoryObj = {
</Text>
</FlexContainer>
</CopyToClipboard>
<CopyToClipboard text="successManualFilled">
<FlexContainer direction="column">
<SVGIcon name="successManualFilled" />
<Text size="xs" mt=".25rem">
successManualFilled
</Text>
</FlexContainer>
</CopyToClipboard>
<CopyToClipboard text="statusSuccessDetailed">
<FlexContainer direction="column">
<SVGIcon name="statusSuccessDetailed" />
<Text size="xs" mt=".25rem">
statusSuccessDetailed
</Text>
</FlexContainer>
</CopyToClipboard>
<CopyToClipboard text="waitingFilled">
<FlexContainer direction="column">
<SVGIcon name="waitingFilled" />
Expand Down
17 changes: 15 additions & 2 deletions src/components/svgicon/icons/ui.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -924,8 +924,11 @@ export const uiIcons = {
),
statusSuccessDetailed: (
<>
<path d="m12.12,18.87c0-3.71,3.01-6.72,6.72-6.72,1.42,0,2.73.44,3.81,1.19.07-.51.12-1.03.12-1.57C22.78,5.71,17.84.78,11.78.78S.78,5.71.78,11.78s4.93,11,11,11c.52,0,1.02-.05,1.52-.12-.74-1.08-1.17-2.38-1.17-3.79Zm-1.55-2.89c-.21.2-.47.31-.74.31s-.54-.1-.74-.31l-3.17-3.17c-.41-.41-.41-1.07,0-1.48.41-.41,1.07-.41,1.48,0l2.43,2.43,6.35-6.35c.41-.41,1.07-.41,1.48,0,.41.41.41,1.07,0,1.48l-7.09,7.09Z" />
<path d="m18.84,13.97c-2.7,0-4.9,2.2-4.9,4.9s2.2,4.9,4.9,4.9,4.9-2.2,4.9-4.9-2.2-4.9-4.9-4.9Zm-.52,2.61s.02-.08.04-.11c.03-.03.07-.04.11-.04h.73s.08.01.11.04.04.07.04.11v2.73s-.02.08-.04.11c-.03.03-.07.05-.11.05h-.73s-.09-.02-.11-.05c-.03-.03-.04-.07-.04-.11v-2.73Zm1.07,4.58s-.02.08-.05.11c-.03.03-.07.05-.11.05h-.78s-.08-.02-.11-.05c-.03-.03-.04-.07-.04-.11v-.78s.01-.09.04-.12c.03-.03.07-.05.11-.05h.78s.08.02.11.05c.03.03.05.07.05.12v.78Z" />
<path d="M12.1198 18.8703C12.1198 15.1603 15.1298 12.1503 18.8398 12.1503C20.2598 12.1503 21.5698 12.5903 22.6498 13.3403C22.7198 12.8303 22.7698 12.3103 22.7698 11.7703C22.7798 5.71027 17.8398 0.780273 11.7798 0.780273C5.71979 0.780273 0.779785 5.71027 0.779785 11.7803C0.779785 17.8503 5.70978 22.7803 11.7798 22.7803C12.2998 22.7803 12.7998 22.7303 13.2998 22.6603C12.5344 21.5449 12.1263 20.223 12.1298 18.8703H12.1198ZM10.5698 15.9803C10.3598 16.1803 10.0998 16.2903 9.82979 16.2903C9.55979 16.2903 9.28979 16.1903 9.08979 15.9803L5.91979 12.8103C5.50979 12.4003 5.50979 11.7403 5.91979 11.3303C6.32979 10.9203 6.98979 10.9203 7.39979 11.3303L9.82979 13.7603L16.1798 7.41027C16.5898 7.00027 17.2498 7.00027 17.6598 7.41027C18.0698 7.82027 18.0698 8.48027 17.6598 8.89027L10.5698 15.9803Z" />
<path
d="M18.8399 13.9697C16.1399 13.9697 13.9399 16.1697 13.9399 18.8697C13.9399 21.5697 16.1399 23.7697 18.8399 23.7697C21.5399 23.7697 23.7399 21.5697 23.7399 18.8697C23.7399 16.1697 21.5399 13.9697 18.8399 13.9697ZM18.3199 16.5797C18.3199 16.5797 18.3399 16.4997 18.3599 16.4697C18.3747 16.456 18.392 16.4454 18.4109 16.4386C18.4298 16.4317 18.4499 16.4287 18.4699 16.4297H19.1999C19.1999 16.4297 19.2799 16.4397 19.3099 16.4697C19.3399 16.4997 19.3499 16.5397 19.3499 16.5797V19.3097C19.3499 19.3097 19.3299 19.3897 19.3099 19.4197C19.2812 19.4501 19.2417 19.4681 19.1999 19.4697H18.4699C18.4699 19.4697 18.3799 19.4497 18.3599 19.4197C18.3462 19.405 18.3356 19.3877 18.3288 19.3688C18.3219 19.3499 18.3189 19.3298 18.3199 19.3097V16.5797ZM19.3899 21.1597C19.3899 21.1597 19.3699 21.2397 19.3399 21.2697C19.3112 21.3001 19.2717 21.3181 19.2299 21.3197H18.4499C18.4499 21.3197 18.3699 21.2997 18.3399 21.2697C18.3262 21.255 18.3156 21.2377 18.3088 21.2188C18.3019 21.1999 18.2989 21.1798 18.2999 21.1597V20.3797C18.2999 20.3797 18.3099 20.2897 18.3399 20.2597C18.3687 20.2293 18.4082 20.2114 18.4499 20.2097H19.2299C19.2299 20.2097 19.3099 20.2297 19.3399 20.2597C19.3699 20.2897 19.3899 20.3297 19.3899 20.3797V21.1597Z"
fill="#ED991E"
/>
</>
),
statusRunning: (
Expand Down Expand Up @@ -1372,6 +1375,16 @@ export const uiIcons = {
<path d="m11.98,1.09C5.91,1.09.98,6.02.98,12.09s4.93,11,11,11,11-4.93,11-11S18.04,1.09,11.98,1.09Zm5.9,8.11l-7.09,7.09c-.2.2-.47.31-.74.31s-.54-.1-.74-.31l-3.17-3.17c-.41-.41-.41-1.07,0-1.48s1.07-.41,1.48,0l2.43,2.43,6.35-6.35c.41-.41,1.07-.41,1.48,0,.41.41.41,1.07,0,1.48Z" />
</>
),
successManualFilled: (
<>
<path d="M12.1198 18.8703C12.1198 15.1603 15.1298 12.1503 18.8398 12.1503C20.2598 12.1503 21.5698 12.5903 22.6498 13.3403C22.7198 12.8303 22.7698 12.3103 22.7698 11.7703C22.7798 5.71027 17.8398 0.780273 11.7798 0.780273C5.71979 0.780273 0.779785 5.71027 0.779785 11.7803C0.779785 17.8503 5.70978 22.7803 11.7798 22.7803C12.2998 22.7803 12.7998 22.7303 13.2998 22.6603C12.5344 21.5449 12.1263 20.223 12.1298 18.8703H12.1198ZM10.5698 15.9803C10.3598 16.1803 10.0998 16.2903 9.82979 16.2903C9.55979 16.2903 9.28979 16.1903 9.08979 15.9803L5.91979 12.8103C5.50979 12.4003 5.50979 11.7403 5.91979 11.3303C6.32979 10.9203 6.98979 10.9203 7.39979 11.3303L9.82979 13.7603L16.1798 7.41027C16.5898 7.00027 17.2498 7.00027 17.6598 7.41027C18.0698 7.82027 18.0698 8.48027 17.6598 8.89027L10.5698 15.9803Z" />
<path
d="M18.9 14C16.2 14 14 16.2 14 18.9C14 21.6 16.2 23.8 18.9 23.8C21.6 23.8 23.8 21.6 23.8 18.9C23.8 16.2 21.6 14 18.9 14Z"
fill="#55A9F3"
/>
<path d="M20.4534 21.2998L18.6212 19.4677L18.0855 21.0855L16.7998 16.7998L21.0855 18.0855L19.4677 18.6212L21.2998 20.4534L20.4534 21.2998Z" />
</>
),
waitingFilled: (
<>
<path d="m12.11,1C6.05,1,1.11,5.93,1.11,12s4.93,11,11,11,11-4.93,11-11S18.18,1,12.11,1Zm3.17,15.94c-.17.17-.4.26-.62.26s-.45-.08-.62-.26l-2.9-2.9c-.16-.16-.26-.39-.26-.62v-5.75c0-.48.39-.88.87-.88s.87.39.87.88v5.39l2.65,2.65c.34.34.34.9,0,1.24h.01Z" />
Expand Down

0 comments on commit 2ede9e3

Please sign in to comment.