@unkn0wndo3s/nova-design-system 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/LICENSE.md +46 -46
  2. package/README.md +159 -165
  3. package/package.json +28 -28
  4. package/src/components/Button/_button.scss +36 -36
  5. package/src/components/Button/button.astro +14 -14
  6. package/src/components/Icons/Arrow2/Arrow2.astro +45 -45
  7. package/src/components/Icons/Arrow2/svgs/arrow2-16-down.svg +3 -3
  8. package/src/components/Icons/Arrow2/svgs/arrow2-16-left.svg +3 -3
  9. package/src/components/Icons/Arrow2/svgs/arrow2-16-right.svg +3 -3
  10. package/src/components/Icons/Arrow2/svgs/arrow2-16-up.svg +3 -3
  11. package/src/components/Icons/Arrow2/svgs/arrow2-24-down.svg +3 -3
  12. package/src/components/Icons/Arrow2/svgs/arrow2-24-left.svg +3 -3
  13. package/src/components/Icons/Arrow2/svgs/arrow2-24-right.svg +3 -3
  14. package/src/components/Icons/Arrow2/svgs/arrow2-24-up.svg +3 -3
  15. package/src/components/Icons/Arrow2/svgs/arrow2-32-down.svg +3 -3
  16. package/src/components/Icons/Arrow2/svgs/arrow2-32-left.svg +3 -3
  17. package/src/components/Icons/Arrow2/svgs/arrow2-32-right.svg +3 -3
  18. package/src/components/Icons/Arrow2/svgs/arrow2-32-up.svg +3 -3
  19. package/src/components/Icons/bin/bin.astro +26 -26
  20. package/src/components/Icons/bin/svgs/bin-16.svg +3 -3
  21. package/src/components/Icons/bin/svgs/bin-24.svg +3 -3
  22. package/src/components/Icons/bin/svgs/bin-32.svg +3 -3
  23. package/src/components/Icons/burger/burger.astro +26 -26
  24. package/src/components/Icons/burger/svgs/burger-16.svg +3 -3
  25. package/src/components/Icons/burger/svgs/burger-24.svg +3 -3
  26. package/src/components/Icons/burger/svgs/burger-32.svg +3 -3
  27. package/src/components/Icons/calendar/calendar.astro +26 -26
  28. package/src/components/Icons/calendar/svgs/calendar-16.svg +3 -3
  29. package/src/components/Icons/calendar/svgs/calendar-24.svg +3 -3
  30. package/src/components/Icons/calendar/svgs/calendar-32.svg +3 -3
  31. package/src/components/Icons/check/check.astro +26 -26
  32. package/src/components/Icons/check/svgs/check-16.svg +3 -3
  33. package/src/components/Icons/check/svgs/check-24.svg +3 -3
  34. package/src/components/Icons/check/svgs/check-32.svg +3 -3
  35. package/src/components/Icons/close/close.astro +27 -27
  36. package/src/components/Icons/close/svgs/close-16.svg +3 -3
  37. package/src/components/Icons/close/svgs/close-24.svg +3 -3
  38. package/src/components/Icons/close/svgs/close-32.svg +3 -3
  39. package/src/components/Icons/code/code.astro +26 -26
  40. package/src/components/Icons/code/svgs/code-16.svg +3 -3
  41. package/src/components/Icons/code/svgs/code-24.svg +3 -3
  42. package/src/components/Icons/code/svgs/code-32.svg +3 -3
  43. package/src/components/Icons/cube/cube.astro +26 -26
  44. package/src/components/Icons/cube/svgs/cube-16.svg +3 -3
  45. package/src/components/Icons/cube/svgs/cube-24.svg +3 -3
  46. package/src/components/Icons/cube/svgs/cube-32.svg +3 -3
  47. package/src/components/Icons/download/download.astro +26 -26
  48. package/src/components/Icons/download/svgs/download-16.svg +5 -5
  49. package/src/components/Icons/download/svgs/download-24.svg +4 -4
  50. package/src/components/Icons/download/svgs/download-32.svg +4 -4
  51. package/src/components/Icons/filter/filter.astro +26 -26
  52. package/src/components/Icons/filter/svgs/filter-16.svg +3 -3
  53. package/src/components/Icons/filter/svgs/filter-24.svg +3 -3
  54. package/src/components/Icons/filter/svgs/filter-32.svg +3 -3
  55. package/src/components/Icons/help/help.astro +26 -26
  56. package/src/components/Icons/help/svgs/help-16.svg +5 -5
  57. package/src/components/Icons/help/svgs/help-24.svg +5 -5
  58. package/src/components/Icons/help/svgs/help-32.svg +3 -3
  59. package/src/components/Icons/home/home.astro +26 -26
  60. package/src/components/Icons/home/svgs/home-16.svg +3 -3
  61. package/src/components/Icons/home/svgs/home-24.svg +3 -3
  62. package/src/components/Icons/home/svgs/home-32.svg +3 -3
  63. package/src/components/Icons/index.ts +25 -25
  64. package/src/components/Icons/link/link.astro +26 -26
  65. package/src/components/Icons/link/svgs/link-16.svg +3 -3
  66. package/src/components/Icons/link/svgs/link-24.svg +3 -3
  67. package/src/components/Icons/link/svgs/link-32.svg +3 -3
  68. package/src/components/Icons/minus/minus.astro +26 -26
  69. package/src/components/Icons/minus/svgs/minus-16.svg +3 -3
  70. package/src/components/Icons/minus/svgs/minus-24.svg +3 -3
  71. package/src/components/Icons/minus/svgs/minus-32.svg +3 -3
  72. package/src/components/Icons/more/more.astro +26 -26
  73. package/src/components/Icons/more/svgs/more-16.svg +3 -3
  74. package/src/components/Icons/more/svgs/more-24.svg +3 -3
  75. package/src/components/Icons/more/svgs/more-32.svg +3 -3
  76. package/src/components/Icons/overview/overview.astro +26 -26
  77. package/src/components/Icons/overview/svgs/overview-16.svg +3 -3
  78. package/src/components/Icons/overview/svgs/overview-24.svg +3 -3
  79. package/src/components/Icons/overview/svgs/overview-32.svg +3 -3
  80. package/src/components/Icons/plus/plus.astro +26 -26
  81. package/src/components/Icons/plus/svgs/plus-16.svg +3 -3
  82. package/src/components/Icons/plus/svgs/plus-24.svg +3 -3
  83. package/src/components/Icons/plus/svgs/plus-32.svg +3 -3
  84. package/src/components/Icons/profile/profile.astro +27 -27
  85. package/src/components/Icons/profile/svgs/profile-16.svg +3 -3
  86. package/src/components/Icons/profile/svgs/profile-24.svg +3 -3
  87. package/src/components/Icons/profile/svgs/profile-32.svg +3 -3
  88. package/src/components/Icons/search/search.astro +27 -27
  89. package/src/components/Icons/search/svgs/search-16.svg +3 -3
  90. package/src/components/Icons/search/svgs/search-24.svg +3 -3
  91. package/src/components/Icons/search/svgs/search-32.svg +3 -3
  92. package/src/components/Icons/settings/settings.astro +26 -26
  93. package/src/components/Icons/settings/svgs/settings-16.svg +3 -3
  94. package/src/components/Icons/settings/svgs/settings-24.svg +3 -3
  95. package/src/components/Icons/settings/svgs/settings-32.svg +3 -3
  96. package/src/components/Icons/share/share.astro +27 -27
  97. package/src/components/Icons/share/svgs/share-16.svg +3 -3
  98. package/src/components/Icons/share/svgs/share-24.svg +3 -3
  99. package/src/components/Icons/share/svgs/share-32.svg +3 -3
  100. package/src/components/Icons/shield/shield.astro +26 -26
  101. package/src/components/Icons/shield/svgs/shield-16.svg +3 -3
  102. package/src/components/Icons/shield/svgs/shield-24.svg +3 -3
  103. package/src/components/Icons/shield/svgs/shield-32.svg +3 -3
  104. package/src/components/Icons/sort/sort.astro +38 -38
  105. package/src/components/Icons/sort/svgs/sort-16-ascend.svg +4 -4
  106. package/src/components/Icons/sort/svgs/sort-16-default.svg +3 -3
  107. package/src/components/Icons/sort/svgs/sort-16-descend.svg +4 -4
  108. package/src/components/Icons/sort/svgs/sort-24-ascend.svg +4 -4
  109. package/src/components/Icons/sort/svgs/sort-24-default.svg +3 -3
  110. package/src/components/Icons/sort/svgs/sort-24-descend.svg +4 -4
  111. package/src/components/Icons/sort/svgs/sort-32-ascend.svg +4 -4
  112. package/src/components/Icons/sort/svgs/sort-32-default.svg +3 -3
  113. package/src/components/Icons/sort/svgs/sort-32-descend.svg +4 -4
  114. package/src/components/Icons/stats/stats.astro +26 -26
  115. package/src/components/Icons/stats/svgs/stats-16.svg +3 -3
  116. package/src/components/Icons/stats/svgs/stats-24.svg +3 -3
  117. package/src/components/Icons/stats/svgs/stats-32.svg +3 -3
  118. package/src/components/Icons/upload/svgs/upload-16.svg +3 -3
  119. package/src/components/Icons/upload/svgs/upload-24.svg +3 -3
  120. package/src/components/Icons/upload/svgs/upload-32.svg +3 -3
  121. package/src/components/Icons/upload/upload.astro +27 -27
  122. package/src/components/Link/_link.scss +29 -29
  123. package/src/components/Link/link.astro +15 -15
  124. package/src/components/ListItem/_listItem.scss +69 -20
  125. package/src/components/ListItem/listItem.astro +14 -14
  126. package/src/components/ListItem/listItemSubtitle.astro +6 -6
  127. package/src/components/ListItem/listItemTitle.astro +6 -6
  128. package/src/components/Notifications/_notification.scss +61 -61
  129. package/src/components/Notifications/notification.astro +22 -22
  130. package/src/components/Tabs/_tab.scss +32 -32
  131. package/src/components/Tabs/tab.astro +53 -53
  132. package/src/components/Tabs/tabContent.astro +20 -20
  133. package/src/components/Tabs/tabItem.astro +40 -40
  134. package/src/components/Toggle/_toggle.scss +33 -33
  135. package/src/components/Toggle/toggle.astro +61 -61
  136. package/src/components/index.ts +13 -10
  137. package/src/index.ts +1 -1
  138. package/src/layouts/Layout.astro +29 -29
  139. package/src/pages/index.astro +338 -338
  140. package/src/styles/index.scss +10 -10
  141. package/src/styles/tokens/_colors.scss +69 -69
  142. package/src/styles/tokens/_spacing.scss +32 -32
  143. package/src/styles/tokens/_typography.scss +50 -50
@@ -1,26 +1,26 @@
1
- ---
2
- import home16 from './svgs/home-16.svg?raw';
3
- import home24 from './svgs/home-24.svg?raw';
4
- import home32 from './svgs/home-32.svg?raw';
5
-
6
- export interface Props {
7
- size: 16 | 24 | 32;
8
- label?: string;
9
- class?: string;
10
- }
11
-
12
- const { size = 24, label, class: className } = Astro.props;
13
-
14
- let raw: string;
15
- if (size === 16) raw = home16;
16
- else if (size === 24) raw = home24;
17
- else if (size === 32) raw = home32;
18
- else raw = '';
19
-
20
- const classes = ['nds-icon-home', className].filter(Boolean).join(' ');
21
- const svg = raw
22
- .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
- .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
- ---
25
-
26
- <Fragment set:html={svg} />
1
+ ---
2
+ import home16 from './svgs/home-16.svg?raw';
3
+ import home24 from './svgs/home-24.svg?raw';
4
+ import home32 from './svgs/home-32.svg?raw';
5
+
6
+ export interface Props {
7
+ size: 16 | 24 | 32;
8
+ label?: string;
9
+ class?: string;
10
+ }
11
+
12
+ const { size = 24, label, class: className } = Astro.props;
13
+
14
+ let raw: string;
15
+ if (size === 16) raw = home16;
16
+ else if (size === 24) raw = home24;
17
+ else if (size === 32) raw = home32;
18
+ else raw = '';
19
+
20
+ const classes = ['nds-icon-home', className].filter(Boolean).join(' ');
21
+ const svg = raw
22
+ .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
+ .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
+ ---
25
+
26
+ <Fragment set:html={svg} />
@@ -1,3 +1,3 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M4.57143 11.8571H6.28572V9C6.28572 8.83809 6.34057 8.70247 6.45029 8.59314C6.56 8.48381 6.69562 8.42895 6.85714 8.42857H9.14286C9.30476 8.42857 9.44057 8.48343 9.55029 8.59314C9.66 8.70286 9.71467 8.83847 9.71429 9V11.8571H11.4286V6.71428L8 4.14286L4.57143 6.71428V11.8571ZM3.42857 11.8571V6.71428C3.42857 6.53333 3.46914 6.3619 3.55029 6.2C3.63143 6.03809 3.74324 5.90476 3.88572 5.8L7.31429 3.22857C7.51429 3.07619 7.74286 3 8 3C8.25714 3 8.48572 3.07619 8.68572 3.22857L12.1143 5.8C12.2571 5.90476 12.3691 6.03809 12.4503 6.2C12.5314 6.3619 12.5718 6.53333 12.5714 6.71428V11.8571C12.5714 12.1714 12.4594 12.4406 12.2354 12.6646C12.0114 12.8886 11.7425 13.0004 11.4286 13H9.14286C8.98095 13 8.84533 12.9451 8.736 12.8354C8.62667 12.7257 8.57181 12.5901 8.57143 12.4286V9.57143H7.42857V12.4286C7.42857 12.5905 7.37372 12.7263 7.264 12.836C7.15429 12.9457 7.01867 13.0004 6.85714 13H4.57143C4.25714 13 3.98819 12.8882 3.76457 12.6646C3.54095 12.4409 3.42895 12.1718 3.42857 11.8571Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M4.57143 11.8571H6.28572V9C6.28572 8.83809 6.34057 8.70247 6.45029 8.59314C6.56 8.48381 6.69562 8.42895 6.85714 8.42857H9.14286C9.30476 8.42857 9.44057 8.48343 9.55029 8.59314C9.66 8.70286 9.71467 8.83847 9.71429 9V11.8571H11.4286V6.71428L8 4.14286L4.57143 6.71428V11.8571ZM3.42857 11.8571V6.71428C3.42857 6.53333 3.46914 6.3619 3.55029 6.2C3.63143 6.03809 3.74324 5.90476 3.88572 5.8L7.31429 3.22857C7.51429 3.07619 7.74286 3 8 3C8.25714 3 8.48572 3.07619 8.68572 3.22857L12.1143 5.8C12.2571 5.90476 12.3691 6.03809 12.4503 6.2C12.5314 6.3619 12.5718 6.53333 12.5714 6.71428V11.8571C12.5714 12.1714 12.4594 12.4406 12.2354 12.6646C12.0114 12.8886 11.7425 13.0004 11.4286 13H9.14286C8.98095 13 8.84533 12.9451 8.736 12.8354C8.62667 12.7257 8.57181 12.5901 8.57143 12.4286V9.57143H7.42857V12.4286C7.42857 12.5905 7.37372 12.7263 7.264 12.836C7.15429 12.9457 7.01867 13.0004 6.85714 13H4.57143C4.25714 13 3.98819 12.8882 3.76457 12.6646C3.54095 12.4409 3.42895 12.1718 3.42857 11.8571Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M5.82857 18.9429H8.91428V13.8C8.91428 13.5086 9.01302 13.2645 9.21051 13.0677C9.40799 12.8709 9.65211 12.7721 9.94285 12.7714H14.0571C14.3486 12.7714 14.593 12.8702 14.7905 13.0677C14.988 13.2651 15.0864 13.5093 15.0857 13.8V18.9429H18.1714V9.68571L12 5.05714L5.82857 9.68571V18.9429ZM3.77142 18.9429V9.68571C3.77142 9.36 3.84445 9.05143 3.99051 8.76C4.13657 8.46857 4.33782 8.22857 4.59428 8.04L10.7657 3.41143C11.1257 3.13714 11.5371 3 12 3C12.4629 3 12.8743 3.13714 13.2343 3.41143L19.4057 8.04C19.6629 8.22857 19.8644 8.46857 20.0105 8.76C20.1566 9.05143 20.2292 9.36 20.2286 9.68571V18.9429C20.2286 19.5086 20.027 19.993 19.6238 20.3962C19.2206 20.7994 18.7364 21.0007 18.1714 21H14.0571C13.7657 21 13.5216 20.9013 13.3248 20.7038C13.128 20.5063 13.0293 20.2622 13.0286 19.9714V14.8286H10.9714V19.9714C10.9714 20.2629 10.8727 20.5073 10.6752 20.7048C10.4777 20.9023 10.2336 21.0007 9.94285 21H5.82857C5.26285 21 4.77874 20.7987 4.37622 20.3962C3.97371 19.9937 3.77211 19.5093 3.77142 18.9429Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M5.82857 18.9429H8.91428V13.8C8.91428 13.5086 9.01302 13.2645 9.21051 13.0677C9.40799 12.8709 9.65211 12.7721 9.94285 12.7714H14.0571C14.3486 12.7714 14.593 12.8702 14.7905 13.0677C14.988 13.2651 15.0864 13.5093 15.0857 13.8V18.9429H18.1714V9.68571L12 5.05714L5.82857 9.68571V18.9429ZM3.77142 18.9429V9.68571C3.77142 9.36 3.84445 9.05143 3.99051 8.76C4.13657 8.46857 4.33782 8.22857 4.59428 8.04L10.7657 3.41143C11.1257 3.13714 11.5371 3 12 3C12.4629 3 12.8743 3.13714 13.2343 3.41143L19.4057 8.04C19.6629 8.22857 19.8644 8.46857 20.0105 8.76C20.1566 9.05143 20.2292 9.36 20.2286 9.68571V18.9429C20.2286 19.5086 20.027 19.993 19.6238 20.3962C19.2206 20.7994 18.7364 21.0007 18.1714 21H14.0571C13.7657 21 13.5216 20.9013 13.3248 20.7038C13.128 20.5063 13.0293 20.2622 13.0286 19.9714V14.8286H10.9714V19.9714C10.9714 20.2629 10.8727 20.5073 10.6752 20.7048C10.4777 20.9023 10.2336 21.0007 9.94285 21H5.82857C5.26285 21 4.77874 20.7987 4.37622 20.3962C3.97371 19.9937 3.77211 19.5093 3.77142 18.9429Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M7.08572 26.0286H11.5429V18.6C11.5429 18.179 11.6855 17.8264 11.9707 17.5422C12.256 17.2579 12.6086 17.1153 13.0286 17.1143H18.9714C19.3924 17.1143 19.7455 17.2569 20.0307 17.5422C20.316 17.8274 20.4581 18.18 20.4571 18.6V26.0286H24.9143V12.6571L16 5.97143L7.08572 12.6571V26.0286ZM4.11429 26.0286V12.6571C4.11429 12.1867 4.21977 11.741 4.43075 11.32C4.64172 10.899 4.93242 10.5524 5.30286 10.28L14.2171 3.59429C14.7371 3.1981 15.3314 3 16 3C16.6686 3 17.2629 3.1981 17.7829 3.59429L26.6971 10.28C27.0686 10.5524 27.3598 10.899 27.5707 11.32C27.7817 11.741 27.8867 12.1867 27.8857 12.6571V26.0286C27.8857 26.8457 27.5945 27.5455 27.0121 28.1279C26.4297 28.7103 25.7304 29.001 24.9143 29H18.9714C18.5505 29 18.1979 28.8574 17.9136 28.5721C17.6293 28.2869 17.4867 27.9342 17.4857 27.5143V20.0857H14.5143V27.5143C14.5143 27.9352 14.3717 28.2883 14.0864 28.5736C13.8011 28.8589 13.4485 29.001 13.0286 29H7.08572C6.26857 29 5.5693 28.7093 4.98789 28.1279C4.40648 27.5465 4.11528 26.8467 4.11429 26.0286Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.08572 26.0286H11.5429V18.6C11.5429 18.179 11.6855 17.8264 11.9707 17.5422C12.256 17.2579 12.6086 17.1153 13.0286 17.1143H18.9714C19.3924 17.1143 19.7455 17.2569 20.0307 17.5422C20.316 17.8274 20.4581 18.18 20.4571 18.6V26.0286H24.9143V12.6571L16 5.97143L7.08572 12.6571V26.0286ZM4.11429 26.0286V12.6571C4.11429 12.1867 4.21977 11.741 4.43075 11.32C4.64172 10.899 4.93242 10.5524 5.30286 10.28L14.2171 3.59429C14.7371 3.1981 15.3314 3 16 3C16.6686 3 17.2629 3.1981 17.7829 3.59429L26.6971 10.28C27.0686 10.5524 27.3598 10.899 27.5707 11.32C27.7817 11.741 27.8867 12.1867 27.8857 12.6571V26.0286C27.8857 26.8457 27.5945 27.5455 27.0121 28.1279C26.4297 28.7103 25.7304 29.001 24.9143 29H18.9714C18.5505 29 18.1979 28.8574 17.9136 28.5721C17.6293 28.2869 17.4867 27.9342 17.4857 27.5143V20.0857H14.5143V27.5143C14.5143 27.9352 14.3717 28.2883 14.0864 28.5736C13.8011 28.8589 13.4485 29.001 13.0286 29H7.08572C6.26857 29 5.5693 28.7093 4.98789 28.1279C4.40648 27.5465 4.11528 26.8467 4.11429 26.0286Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,25 +1,25 @@
1
- export { default as Arrow2Icon } from './Arrow2/Arrow2.astro';
2
- export { default as BinIcon } from './bin/bin.astro';
3
- export { default as BurgerIcon } from './burger/burger.astro';
4
- export { default as CalendarIcon } from './calendar/calendar.astro';
5
- export { default as CheckIcon } from './check/check.astro';
6
- export { default as CloseIcon } from './close/close.astro';
7
- export { default as CodeIcon } from './code/code.astro';
8
- export { default as CubeIcon } from './cube/cube.astro';
9
- export { default as DownloadIcon } from './download/download.astro';
10
- export { default as FilterIcon } from './filter/filter.astro';
11
- export { default as HelpIcon } from './help/help.astro';
12
- export { default as HomeIcon } from './home/home.astro';
13
- export { default as LinkIcon } from './link/link.astro';
14
- export { default as MinusIcon } from './minus/minus.astro';
15
- export { default as MoreIcon } from './more/more.astro';
16
- export { default as OverviewIcon } from './overview/overview.astro';
17
- export { default as PlusIcon } from './plus/plus.astro';
18
- export { default as ProfileIcon } from './profile/profile.astro';
19
- export { default as SearchIcon } from './search/search.astro';
20
- export { default as SettingsIcon } from './settings/settings.astro';
21
- export { default as ShareIcon } from './share/share.astro';
22
- export { default as ShieldIcon } from './shield/shield.astro';
23
- export { default as SortIcon } from './sort/sort.astro';
24
- export { default as StatsIcon } from './stats/stats.astro';
25
- export { default as UploadIcon } from './upload/upload.astro';
1
+ export { default as Arrow2Icon } from './Arrow2/Arrow2.astro';
2
+ export { default as BinIcon } from './bin/bin.astro';
3
+ export { default as BurgerIcon } from './burger/burger.astro';
4
+ export { default as CalendarIcon } from './calendar/calendar.astro';
5
+ export { default as CheckIcon } from './check/check.astro';
6
+ export { default as CloseIcon } from './close/close.astro';
7
+ export { default as CodeIcon } from './code/code.astro';
8
+ export { default as CubeIcon } from './cube/cube.astro';
9
+ export { default as DownloadIcon } from './download/download.astro';
10
+ export { default as FilterIcon } from './filter/filter.astro';
11
+ export { default as HelpIcon } from './help/help.astro';
12
+ export { default as HomeIcon } from './home/home.astro';
13
+ export { default as LinkIcon } from './link/link.astro';
14
+ export { default as MinusIcon } from './minus/minus.astro';
15
+ export { default as MoreIcon } from './more/more.astro';
16
+ export { default as OverviewIcon } from './overview/overview.astro';
17
+ export { default as PlusIcon } from './plus/plus.astro';
18
+ export { default as ProfileIcon } from './profile/profile.astro';
19
+ export { default as SearchIcon } from './search/search.astro';
20
+ export { default as SettingsIcon } from './settings/settings.astro';
21
+ export { default as ShareIcon } from './share/share.astro';
22
+ export { default as ShieldIcon } from './shield/shield.astro';
23
+ export { default as SortIcon } from './sort/sort.astro';
24
+ export { default as StatsIcon } from './stats/stats.astro';
25
+ export { default as UploadIcon } from './upload/upload.astro';
@@ -1,26 +1,26 @@
1
- ---
2
- import link16 from './svgs/link-16.svg?raw';
3
- import link24 from './svgs/link-24.svg?raw';
4
- import link32 from './svgs/link-32.svg?raw';
5
-
6
- export interface Props {
7
- size: 16 | 24 | 32;
8
- label?: string;
9
- class?: string;
10
- }
11
-
12
- const { size = 24, label, class: className } = Astro.props;
13
-
14
- let raw: string;
15
- if (size === 16) raw = link16;
16
- else if (size === 24) raw = link24;
17
- else if (size === 32) raw = link32;
18
- else raw = '';
19
-
20
- const classes = ['nds-icon-link', className].filter(Boolean).join(' ');
21
- const svg = raw
22
- .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
- .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
- ---
25
-
26
- <Fragment set:html={svg} />
1
+ ---
2
+ import link16 from './svgs/link-16.svg?raw';
3
+ import link24 from './svgs/link-24.svg?raw';
4
+ import link32 from './svgs/link-32.svg?raw';
5
+
6
+ export interface Props {
7
+ size: 16 | 24 | 32;
8
+ label?: string;
9
+ class?: string;
10
+ }
11
+
12
+ const { size = 24, label, class: className } = Astro.props;
13
+
14
+ let raw: string;
15
+ if (size === 16) raw = link16;
16
+ else if (size === 24) raw = link24;
17
+ else if (size === 32) raw = link32;
18
+ else raw = '';
19
+
20
+ const classes = ['nds-icon-link', className].filter(Boolean).join(' ');
21
+ const svg = raw
22
+ .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
+ .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
+ ---
25
+
26
+ <Fragment set:html={svg} />
@@ -1,3 +1,3 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M8.57143 4.57143L9.71429 3.42857C10.2857 2.85714 11.4286 2.85714 12 3.42857L12.5714 4C13.1429 4.57143 13.1429 5.71429 12.5714 6.28571L9.71429 9.14286C9.14286 9.71429 8 9.71429 7.42857 9.14286M7.42857 11.4286L6.28571 12.5714C5.71429 13.1429 4.57143 13.1429 4 12.5714L3.42857 12C2.85714 11.4286 2.85714 10.2857 3.42857 9.71429L6.28571 6.85714C6.85714 6.28571 8 6.28571 8.57143 6.85714" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.57143 4.57143L9.71429 3.42857C10.2857 2.85714 11.4286 2.85714 12 3.42857L12.5714 4C13.1429 4.57143 13.1429 5.71429 12.5714 6.28571L9.71429 9.14286C9.14286 9.71429 8 9.71429 7.42857 9.14286M7.42857 11.4286L6.28571 12.5714C5.71429 13.1429 4.57143 13.1429 4 12.5714L3.42857 12C2.85714 11.4286 2.85714 10.2857 3.42857 9.71429L6.28571 6.85714C6.85714 6.28571 8 6.28571 8.57143 6.85714" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M13.0286 5.82857L15.0857 3.77143C16.1143 2.74286 18.1714 2.74286 19.2 3.77143L20.2286 4.8C21.2571 5.82857 21.2571 7.88571 20.2286 8.91429L15.0857 14.0571C14.0571 15.0857 12 15.0857 10.9714 14.0571M10.9714 18.1714L8.91429 20.2286C7.88571 21.2571 5.82857 21.2571 4.8 20.2286L3.77143 19.2C2.74286 18.1714 2.74286 16.1143 3.77143 15.0857L8.91429 9.94286C9.94286 8.91429 12 8.91429 13.0286 9.94286" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.0286 5.82857L15.0857 3.77143C16.1143 2.74286 18.1714 2.74286 19.2 3.77143L20.2286 4.8C21.2571 5.82857 21.2571 7.88571 20.2286 8.91429L15.0857 14.0571C14.0571 15.0857 12 15.0857 10.9714 14.0571M10.9714 18.1714L8.91429 20.2286C7.88571 21.2571 5.82857 21.2571 4.8 20.2286L3.77143 19.2C2.74286 18.1714 2.74286 16.1143 3.77143 15.0857L8.91429 9.94286C9.94286 8.91429 12 8.91429 13.0286 9.94286" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M17.4857 7.08571L20.4571 4.11429C21.9429 2.62857 24.9143 2.62857 26.4 4.11429L27.8857 5.6C29.3714 7.08571 29.3714 10.0571 27.8857 11.5429L20.4571 18.9714C18.9714 20.4571 16 20.4571 14.5143 18.9714M14.5143 24.9143L11.5429 27.8857C10.0571 29.3714 7.08571 29.3714 5.6 27.8857L4.11429 26.4C2.62857 24.9143 2.62857 21.9429 4.11429 20.4571L11.5429 13.0286C13.0286 11.5429 16 11.5429 17.4857 13.0286" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17.4857 7.08571L20.4571 4.11429C21.9429 2.62857 24.9143 2.62857 26.4 4.11429L27.8857 5.6C29.3714 7.08571 29.3714 10.0571 27.8857 11.5429L20.4571 18.9714C18.9714 20.4571 16 20.4571 14.5143 18.9714M14.5143 24.9143L11.5429 27.8857C10.0571 29.3714 7.08571 29.3714 5.6 27.8857L4.11429 26.4C2.62857 24.9143 2.62857 21.9429 4.11429 20.4571L11.5429 13.0286C13.0286 11.5429 16 11.5429 17.4857 13.0286" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,26 +1,26 @@
1
- ---
2
- import minus16 from './svgs/minus-16.svg?raw';
3
- import minus24 from './svgs/minus-24.svg?raw';
4
- import minus32 from './svgs/minus-32.svg?raw';
5
-
6
- export interface Props {
7
- size: 16 | 24 | 32;
8
- label?: string;
9
- class?: string;
10
- }
11
-
12
- const { size = 24, label, class: className } = Astro.props;
13
-
14
- let raw: string;
15
- if (size === 16) raw = minus16;
16
- else if (size === 24) raw = minus24;
17
- else if (size === 32) raw = minus32;
18
- else raw = '';
19
-
20
- const classes = ['nds-icon-minus', className].filter(Boolean).join(' ');
21
- const svg = raw
22
- .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
- .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
- ---
25
-
26
- <Fragment set:html={svg} />
1
+ ---
2
+ import minus16 from './svgs/minus-16.svg?raw';
3
+ import minus24 from './svgs/minus-24.svg?raw';
4
+ import minus32 from './svgs/minus-32.svg?raw';
5
+
6
+ export interface Props {
7
+ size: 16 | 24 | 32;
8
+ label?: string;
9
+ class?: string;
10
+ }
11
+
12
+ const { size = 24, label, class: className } = Astro.props;
13
+
14
+ let raw: string;
15
+ if (size === 16) raw = minus16;
16
+ else if (size === 24) raw = minus24;
17
+ else if (size === 32) raw = minus32;
18
+ else raw = '';
19
+
20
+ const classes = ['nds-icon-minus', className].filter(Boolean).join(' ');
21
+ const svg = raw
22
+ .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
+ .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
+ ---
25
+
26
+ <Fragment set:html={svg} />
@@ -1,3 +1,3 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3 8H13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3 8H13" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3 12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3 12H21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
- </svg>
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3 16H29" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -1,26 +1,26 @@
1
- ---
2
- import more16 from './svgs/more-16.svg?raw';
3
- import more24 from './svgs/more-24.svg?raw';
4
- import more32 from './svgs/more-32.svg?raw';
5
-
6
- export interface Props {
7
- size: 16 | 24 | 32;
8
- label?: string;
9
- class?: string;
10
- }
11
-
12
- const { size = 24, label, class: className } = Astro.props;
13
-
14
- let raw: string;
15
- if (size === 16) raw = more16;
16
- else if (size === 24) raw = more24;
17
- else if (size === 32) raw = more32;
18
- else raw = '';
19
-
20
- const classes = ['nds-icon-more', className].filter(Boolean).join(' ');
21
- const svg = raw
22
- .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
- .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
- ---
25
-
26
- <Fragment set:html={svg} />
1
+ ---
2
+ import more16 from './svgs/more-16.svg?raw';
3
+ import more24 from './svgs/more-24.svg?raw';
4
+ import more32 from './svgs/more-32.svg?raw';
5
+
6
+ export interface Props {
7
+ size: 16 | 24 | 32;
8
+ label?: string;
9
+ class?: string;
10
+ }
11
+
12
+ const { size = 24, label, class: className } = Astro.props;
13
+
14
+ let raw: string;
15
+ if (size === 16) raw = more16;
16
+ else if (size === 24) raw = more24;
17
+ else if (size === 32) raw = more32;
18
+ else raw = '';
19
+
20
+ const classes = ['nds-icon-more', className].filter(Boolean).join(' ');
21
+ const svg = raw
22
+ .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
+ .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
+ ---
25
+
26
+ <Fragment set:html={svg} />
@@ -1,3 +1,3 @@
1
- <svg width="16" height="3" viewBox="0 0 16 3" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M1.33333 0C0.6 0 0 0.675 0 1.5C0 2.325 0.6 3 1.33333 3C2.06667 3 2.66667 2.325 2.66667 1.5C2.66667 0.675 2.06667 0 1.33333 0ZM14.6667 0C13.9333 0 13.3333 0.675 13.3333 1.5C13.3333 2.325 13.9333 3 14.6667 3C15.4 3 16 2.325 16 1.5C16 0.675 15.4 0 14.6667 0ZM8 0C7.26667 0 6.66667 0.675 6.66667 1.5C6.66667 2.325 7.26667 3 8 3C8.73333 3 9.33333 2.325 9.33333 1.5C9.33333 0.675 8.73333 0 8 0Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="16" height="3" viewBox="0 0 16 3" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M1.33333 0C0.6 0 0 0.675 0 1.5C0 2.325 0.6 3 1.33333 3C2.06667 3 2.66667 2.325 2.66667 1.5C2.66667 0.675 2.06667 0 1.33333 0ZM14.6667 0C13.9333 0 13.3333 0.675 13.3333 1.5C13.3333 2.325 13.9333 3 14.6667 3C15.4 3 16 2.325 16 1.5C16 0.675 15.4 0 14.6667 0ZM8 0C7.26667 0 6.66667 0.675 6.66667 1.5C6.66667 2.325 7.26667 3 8 3C8.73333 3 9.33333 2.325 9.33333 1.5C9.33333 0.675 8.73333 0 8 0Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="4" viewBox="0 0 24 4" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM22 0C20.9 0 20 0.9 20 2C20 3.1 20.9 4 22 4C23.1 4 24 3.1 24 2C24 0.9 23.1 0 22 0ZM12 0C10.9 0 10 0.9 10 2C10 3.1 10.9 4 12 4C13.1 4 14 3.1 14 2C14 0.9 13.1 0 12 0Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="24" height="4" viewBox="0 0 24 4" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0ZM22 0C20.9 0 20 0.9 20 2C20 3.1 20.9 4 22 4C23.1 4 24 3.1 24 2C24 0.9 23.1 0 22 0ZM12 0C10.9 0 10 0.9 10 2C10 3.1 10.9 4 12 4C13.1 4 14 3.1 14 2C14 0.9 13.1 0 12 0Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="32" height="5" viewBox="0 0 32 5" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M2.66667 0C1.2 0 0 1.125 0 2.5C0 3.875 1.2 5 2.66667 5C4.13333 5 5.33333 3.875 5.33333 2.5C5.33333 1.125 4.13333 0 2.66667 0ZM29.3333 0C27.8667 0 26.6667 1.125 26.6667 2.5C26.6667 3.875 27.8667 5 29.3333 5C30.8 5 32 3.875 32 2.5C32 1.125 30.8 0 29.3333 0ZM16 0C14.5333 0 13.3333 1.125 13.3333 2.5C13.3333 3.875 14.5333 5 16 5C17.4667 5 18.6667 3.875 18.6667 2.5C18.6667 1.125 17.4667 0 16 0Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="32" height="5" viewBox="0 0 32 5" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M2.66667 0C1.2 0 0 1.125 0 2.5C0 3.875 1.2 5 2.66667 5C4.13333 5 5.33333 3.875 5.33333 2.5C5.33333 1.125 4.13333 0 2.66667 0ZM29.3333 0C27.8667 0 26.6667 1.125 26.6667 2.5C26.6667 3.875 27.8667 5 29.3333 5C30.8 5 32 3.875 32 2.5C32 1.125 30.8 0 29.3333 0ZM16 0C14.5333 0 13.3333 1.125 13.3333 2.5C13.3333 3.875 14.5333 5 16 5C17.4667 5 18.6667 3.875 18.6667 2.5C18.6667 1.125 17.4667 0 16 0Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,26 +1,26 @@
1
- ---
2
- import overview16 from './svgs/overview-16.svg?raw';
3
- import overview24 from './svgs/overview-24.svg?raw';
4
- import overview32 from './svgs/overview-32.svg?raw';
5
-
6
- export interface Props {
7
- size: 16 | 24 | 32;
8
- label?: string;
9
- class?: string;
10
- }
11
-
12
- const { size = 24, label, class: className } = Astro.props;
13
-
14
- let raw: string;
15
- if (size === 16) raw = overview16;
16
- else if (size === 24) raw = overview24;
17
- else if (size === 32) raw = overview32;
18
- else raw = '';
19
-
20
- const classes = ['nds-icon-overview', className].filter(Boolean).join(' ');
21
- const svg = raw
22
- .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
- .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
- ---
25
-
26
- <Fragment set:html={svg} />
1
+ ---
2
+ import overview16 from './svgs/overview-16.svg?raw';
3
+ import overview24 from './svgs/overview-24.svg?raw';
4
+ import overview32 from './svgs/overview-32.svg?raw';
5
+
6
+ export interface Props {
7
+ size: 16 | 24 | 32;
8
+ label?: string;
9
+ class?: string;
10
+ }
11
+
12
+ const { size = 24, label, class: className } = Astro.props;
13
+
14
+ let raw: string;
15
+ if (size === 16) raw = overview16;
16
+ else if (size === 24) raw = overview24;
17
+ else if (size === 32) raw = overview32;
18
+ else raw = '';
19
+
20
+ const classes = ['nds-icon-overview', className].filter(Boolean).join(' ');
21
+ const svg = raw
22
+ .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
+ .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
+ ---
25
+
26
+ <Fragment set:html={svg} />
@@ -1,3 +1,3 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M8.55556 6.33333V3H13V6.33333H8.55556ZM3 8.55556V3H7.44444V8.55556H3ZM8.55556 13V7.44444H13V13H8.55556ZM3 13V9.66667H7.44444V13H3Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.55556 6.33333V3H13V6.33333H8.55556ZM3 8.55556V3H7.44444V8.55556H3ZM8.55556 13V7.44444H13V13H8.55556ZM3 13V9.66667H7.44444V13H3Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M13 9V3H21V9H13ZM3 13V3H11V13H3ZM13 21V11H21V21H13ZM3 21V15H11V21H3Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13 9V3H21V9H13ZM3 13V3H11V13H3ZM13 21V11H21V21H13ZM3 21V15H11V21H3Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M17.4444 11.8333V3.5H29V11.8333H17.4444ZM3 17.3889V3.5H14.5556V17.3889H3ZM17.4444 28.5V14.6111H29V28.5H17.4444ZM3 28.5V20.1667H14.5556V28.5H3Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M17.4444 11.8333V3.5H29V11.8333H17.4444ZM3 17.3889V3.5H14.5556V17.3889H3ZM17.4444 28.5V14.6111H29V28.5H17.4444ZM3 28.5V20.1667H14.5556V28.5H3Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,26 +1,26 @@
1
- ---
2
- import plus16 from './svgs/plus-16.svg?raw';
3
- import plus24 from './svgs/plus-24.svg?raw';
4
- import plus32 from './svgs/plus-32.svg?raw';
5
-
6
- export interface Props {
7
- size: 16 | 24 | 32;
8
- label?: string;
9
- class?: string;
10
- }
11
-
12
- const { size = 24, label, class: className } = Astro.props;
13
-
14
- let raw: string;
15
- if (size === 16) raw = plus16;
16
- else if (size === 24) raw = plus24;
17
- else if (size === 32) raw = plus32;
18
- else raw = '';
19
-
20
- const classes = ['nds-icon-plus', className].filter(Boolean).join(' ');
21
- const svg = raw
22
- .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
- .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
- ---
25
-
26
- <Fragment set:html={svg} />
1
+ ---
2
+ import plus16 from './svgs/plus-16.svg?raw';
3
+ import plus24 from './svgs/plus-24.svg?raw';
4
+ import plus32 from './svgs/plus-32.svg?raw';
5
+
6
+ export interface Props {
7
+ size: 16 | 24 | 32;
8
+ label?: string;
9
+ class?: string;
10
+ }
11
+
12
+ const { size = 24, label, class: className } = Astro.props;
13
+
14
+ let raw: string;
15
+ if (size === 16) raw = plus16;
16
+ else if (size === 24) raw = plus24;
17
+ else if (size === 32) raw = plus32;
18
+ else raw = '';
19
+
20
+ const classes = ['nds-icon-plus', className].filter(Boolean).join(' ');
21
+ const svg = raw
22
+ .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
23
+ .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
24
+ ---
25
+
26
+ <Fragment set:html={svg} />
@@ -1,3 +1,3 @@
1
- <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M12.375 7.375H8.625V3.625C8.625 3.45924 8.55915 3.30027 8.44194 3.18306C8.32473 3.06585 8.16576 3 8 3C7.83424 3 7.67527 3.06585 7.55806 3.18306C7.44085 3.30027 7.375 3.45924 7.375 3.625V7.375H3.625C3.45924 7.375 3.30027 7.44085 3.18306 7.55806C3.06585 7.67527 3 7.83424 3 8C3 8.16576 3.06585 8.32473 3.18306 8.44194C3.30027 8.55915 3.45924 8.625 3.625 8.625H7.375V12.375C7.375 12.5408 7.44085 12.6997 7.55806 12.8169C7.67527 12.9342 7.83424 13 8 13C8.16576 13 8.32473 12.9342 8.44194 12.8169C8.55915 12.6997 8.625 12.5408 8.625 12.375V8.625H12.375C12.5408 8.625 12.6997 8.55915 12.8169 8.44194C12.9342 8.32473 13 8.16576 13 8C13 7.83424 12.9342 7.67527 12.8169 7.55806C12.6997 7.44085 12.5408 7.375 12.375 7.375Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M12.375 7.375H8.625V3.625C8.625 3.45924 8.55915 3.30027 8.44194 3.18306C8.32473 3.06585 8.16576 3 8 3C7.83424 3 7.67527 3.06585 7.55806 3.18306C7.44085 3.30027 7.375 3.45924 7.375 3.625V7.375H3.625C3.45924 7.375 3.30027 7.44085 3.18306 7.55806C3.06585 7.67527 3 7.83424 3 8C3 8.16576 3.06585 8.32473 3.18306 8.44194C3.30027 8.55915 3.45924 8.625 3.625 8.625H7.375V12.375C7.375 12.5408 7.44085 12.6997 7.55806 12.8169C7.67527 12.9342 7.83424 13 8 13C8.16576 13 8.32473 12.9342 8.44194 12.8169C8.55915 12.6997 8.625 12.5408 8.625 12.375V8.625H12.375C12.5408 8.625 12.6997 8.55915 12.8169 8.44194C12.9342 8.32473 13 8.16576 13 8C13 7.83424 12.9342 7.67527 12.8169 7.55806C12.6997 7.44085 12.5408 7.375 12.375 7.375Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M19.875 10.875H13.125V4.125C13.125 3.82663 13.0065 3.54048 12.7955 3.32951C12.5845 3.11853 12.2984 3 12 3C11.7016 3 11.4155 3.11853 11.2045 3.32951C10.9935 3.54048 10.875 3.82663 10.875 4.125V10.875H4.125C3.82663 10.875 3.54048 10.9935 3.32951 11.2045C3.11853 11.4155 3 11.7016 3 12C3 12.2984 3.11853 12.5845 3.32951 12.7955C3.54048 13.0065 3.82663 13.125 4.125 13.125H10.875V19.875C10.875 20.1734 10.9935 20.4595 11.2045 20.6705C11.4155 20.8815 11.7016 21 12 21C12.2984 21 12.5845 20.8815 12.7955 20.6705C13.0065 20.4595 13.125 20.1734 13.125 19.875V13.125H19.875C20.1734 13.125 20.4595 13.0065 20.6705 12.7955C20.8815 12.5845 21 12.2984 21 12C21 11.7016 20.8815 11.4155 20.6705 11.2045C20.4595 10.9935 20.1734 10.875 19.875 10.875Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19.875 10.875H13.125V4.125C13.125 3.82663 13.0065 3.54048 12.7955 3.32951C12.5845 3.11853 12.2984 3 12 3C11.7016 3 11.4155 3.11853 11.2045 3.32951C10.9935 3.54048 10.875 3.82663 10.875 4.125V10.875H4.125C3.82663 10.875 3.54048 10.9935 3.32951 11.2045C3.11853 11.4155 3 11.7016 3 12C3 12.2984 3.11853 12.5845 3.32951 12.7955C3.54048 13.0065 3.82663 13.125 4.125 13.125H10.875V19.875C10.875 20.1734 10.9935 20.4595 11.2045 20.6705C11.4155 20.8815 11.7016 21 12 21C12.2984 21 12.5845 20.8815 12.7955 20.6705C13.0065 20.4595 13.125 20.1734 13.125 19.875V13.125H19.875C20.1734 13.125 20.4595 13.0065 20.6705 12.7955C20.8815 12.5845 21 12.2984 21 12C21 11.7016 20.8815 11.4155 20.6705 11.2045C20.4595 10.9935 20.1734 10.875 19.875 10.875Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,3 +1,3 @@
1
- <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M27.375 14.375H17.625V4.625C17.625 4.19402 17.4538 3.7807 17.149 3.47595C16.8443 3.17121 16.431 3 16 3C15.569 3 15.1557 3.17121 14.851 3.47595C14.5462 3.7807 14.375 4.19402 14.375 4.625V14.375H4.625C4.19402 14.375 3.7807 14.5462 3.47595 14.851C3.17121 15.1557 3 15.569 3 16C3 16.431 3.17121 16.8443 3.47595 17.149C3.7807 17.4538 4.19402 17.625 4.625 17.625H14.375V27.375C14.375 27.806 14.5462 28.2193 14.851 28.524C15.1557 28.8288 15.569 29 16 29C16.431 29 16.8443 28.8288 17.149 28.524C17.4538 28.2193 17.625 27.806 17.625 27.375V17.625H27.375C27.806 17.625 28.2193 17.4538 28.524 17.149C28.8288 16.8443 29 16.431 29 16C29 15.569 28.8288 15.1557 28.524 14.851C28.2193 14.5462 27.806 14.375 27.375 14.375Z" fill="#F4F2EF"/>
3
- </svg>
1
+ <svg width="32" height="32" viewBox="0 0 32 32" fill="currentColor"ntColor" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M27.375 14.375H17.625V4.625C17.625 4.19402 17.4538 3.7807 17.149 3.47595C16.8443 3.17121 16.431 3 16 3C15.569 3 15.1557 3.17121 14.851 3.47595C14.5462 3.7807 14.375 4.19402 14.375 4.625V14.375H4.625C4.19402 14.375 3.7807 14.5462 3.47595 14.851C3.17121 15.1557 3 15.569 3 16C3 16.431 3.17121 16.8443 3.47595 17.149C3.7807 17.4538 4.19402 17.625 4.625 17.625H14.375V27.375C14.375 27.806 14.5462 28.2193 14.851 28.524C15.1557 28.8288 15.569 29 16 29C16.431 29 16.8443 28.8288 17.149 28.524C17.4538 28.2193 17.625 27.806 17.625 27.375V17.625H27.375C27.806 17.625 28.2193 17.4538 28.524 17.149C28.8288 16.8443 29 16.431 29 16C29 15.569 28.8288 15.1557 28.524 14.851C28.2193 14.5462 27.806 14.375 27.375 14.375Z" fill="#F4F2EF"/>
3
+ </svg>
@@ -1,27 +1,27 @@
1
- ---
2
- import profile16 from './svgs/profile-16.svg?raw';
3
- import profile24 from './svgs/profile-24.svg?raw';
4
- import profile32 from './svgs/profile-32.svg?raw';
5
-
6
- export interface Props {
7
- size: 16 | 24 | 32;
8
- label?: string;
9
- class?: string;
10
- }
11
-
12
- const { size = 24, label, class: className } = Astro.props;
13
-
14
- let raw: string;
15
- if (size === 16 ) raw = profile16;
16
- else if (size === 24 ) raw = profile24;
17
- else if (size === 32 ) raw = profile32;
18
- else raw = ''; // Fallback to a blank string if no match is found, though this should not happen due to the type constraints on size.
19
-
20
-
21
- const classes = ['nds-icon-profile', className].filter(Boolean).join(' ');
22
- const svg = raw
23
- .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
24
- .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
25
- ---
26
-
27
- <Fragment set:html={svg} />
1
+ ---
2
+ import profile16 from './svgs/profile-16.svg?raw';
3
+ import profile24 from './svgs/profile-24.svg?raw';
4
+ import profile32 from './svgs/profile-32.svg?raw';
5
+
6
+ export interface Props {
7
+ size: 16 | 24 | 32;
8
+ label?: string;
9
+ class?: string;
10
+ }
11
+
12
+ const { size = 24, label, class: className } = Astro.props;
13
+
14
+ let raw: string;
15
+ if (size === 16 ) raw = profile16;
16
+ else if (size === 24 ) raw = profile24;
17
+ else if (size === 32 ) raw = profile32;
18
+ else raw = ''; // Fallback to a blank string if no match is found, though this should not happen due to the type constraints on size.
19
+
20
+
21
+ const classes = ['nds-icon-profile', className].filter(Boolean).join(' ');
22
+ const svg = raw
23
+ .replace(/fill="#[A-Fa-f0-9]{3,8}"/g, 'fill="currentColor"')
24
+ .replace('<svg ', `<svg class="${classes}" aria-hidden="${label ? 'false' : 'true'}" ${label ? `aria-label="${label}" role="img"` : ''} `);
25
+ ---
26
+
27
+ <Fragment set:html={svg} />