@scottish-government/designsystem-react 0.5.1 → 0.7.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 (242) hide show
  1. package/.svgrrc +2 -1
  2. package/.svgrrc_documents +15 -0
  3. package/@types/common/FileIcon.d.ts +7 -0
  4. package/@types/components/Accordion.d.ts +2 -2
  5. package/@types/components/ConfirmationMessage.d.ts +1 -1
  6. package/@types/components/FileDownload.d.ts +11 -0
  7. package/@types/components/NotificationPanel.d.ts +1 -1
  8. package/@types/components/SummaryCard.d.ts +1 -1
  9. package/@types/components/Tabs.d.ts +1 -1
  10. package/@types/sgds.d.ts +2 -1
  11. package/CHANGELOG.md +81 -0
  12. package/README.md +4 -0
  13. package/dist/common/AbstractNotificationBanner.jsx +63 -0
  14. package/dist/common/ConditionalWrapper.jsx +8 -0
  15. package/dist/common/FileIcon.jsx +51 -0
  16. package/dist/common/HintText.jsx +9 -0
  17. package/dist/common/Icon.jsx +57 -0
  18. package/dist/common/ScreenReaderText.jsx +9 -0
  19. package/dist/common/WrapperTag.jsx +11 -0
  20. package/dist/common/file-icon.jsx +51 -0
  21. package/dist/common/icon.jsx +1 -1
  22. package/dist/components/Accordion/Accordion.jsx +102 -0
  23. package/dist/components/AspectBox/AspectBox.jsx +79 -0
  24. package/dist/components/BackToTop/BackToTop.jsx +27 -0
  25. package/dist/components/Breadcrumbs/Breadcrumbs.jsx +28 -0
  26. package/dist/components/Button/Button.jsx +30 -0
  27. package/dist/components/Checkbox/Checkbox.jsx +62 -0
  28. package/dist/components/ConfirmationMessage/ConfirmationMessage.jsx +24 -0
  29. package/dist/components/ContentsNav/ContentsNav.jsx +33 -0
  30. package/dist/components/CookieBanner/CookieBanner.jsx +21 -0
  31. package/dist/components/DatePicker/DatePicker.jsx +54 -0
  32. package/dist/components/Details/Details.jsx +17 -0
  33. package/dist/components/ErrorMessage/ErrorMessage.jsx +12 -0
  34. package/dist/components/ErrorSummary/ErrorSummary.jsx +27 -0
  35. package/dist/components/FileDownload/FileDownload.jsx +50 -0
  36. package/dist/components/HideThisPage/HideThisPage.jsx +71 -0
  37. package/dist/components/InsetText/InsetText.jsx +14 -0
  38. package/dist/components/NotificationBanner/NotificationBanner.jsx +26 -0
  39. package/dist/components/NotificationPanel/NotificationPanel.jsx +21 -0
  40. package/dist/components/PageHeader/PageHeader.jsx +15 -0
  41. package/dist/components/PageMetadata/PageMetadata.jsx +26 -0
  42. package/dist/components/Pagination/Pagination.jsx +97 -0
  43. package/dist/components/PhaseBanner/PhaseBanner.jsx +23 -0
  44. package/dist/components/Question/Question.jsx +22 -0
  45. package/dist/components/RadioButton/RadioButton.jsx +43 -0
  46. package/dist/components/Select/Select.jsx +52 -0
  47. package/dist/components/SequentialNavigation/SequentialNavigation.jsx +31 -0
  48. package/dist/components/SideNavigation/SideNavigation.jsx +52 -0
  49. package/dist/components/SiteHeader/SiteHeader.jsx +68 -0
  50. package/dist/components/SiteNavigation/SiteNavigation.jsx +22 -0
  51. package/dist/components/SiteSearch/SiteSearch.jsx +55 -0
  52. package/dist/components/SkipLinks/SkipLinks.jsx +21 -0
  53. package/dist/components/SummaryCard/SummaryCard.jsx +67 -0
  54. package/dist/components/SummaryList/SummaryList.jsx +75 -0
  55. package/dist/components/Table/Table.jsx +24 -0
  56. package/dist/components/Tabs/Tabs.jsx +99 -0
  57. package/dist/components/Tag/Tag.jsx +13 -0
  58. package/dist/components/TaskList/TaskList.jsx +95 -0
  59. package/dist/components/TextInput/TextInput.jsx +58 -0
  60. package/dist/components/Textarea/Textarea.jsx +54 -0
  61. package/dist/components/WarningText/WarningText.jsx +16 -0
  62. package/dist/components/file-download/file-download.jsx +50 -0
  63. package/dist/images/documents/audio.jsx +47 -0
  64. package/dist/images/documents/csv.jsx +57 -0
  65. package/dist/images/documents/excel.jsx +57 -0
  66. package/dist/images/documents/file.jsx +48 -0
  67. package/dist/images/documents/generic.jsx +47 -0
  68. package/dist/images/documents/geodata.jsx +44 -0
  69. package/dist/images/documents/ical.jsx +48 -0
  70. package/dist/images/documents/ico.jsx +48 -0
  71. package/dist/images/documents/image.jsx +43 -0
  72. package/dist/images/documents/index.js +50 -0
  73. package/dist/images/documents/odf.jsx +46 -0
  74. package/dist/images/documents/odg.jsx +46 -0
  75. package/dist/images/documents/odp.jsx +45 -0
  76. package/dist/images/documents/ods.jsx +55 -0
  77. package/dist/images/documents/odt.jsx +46 -0
  78. package/dist/images/documents/pdf.jsx +48 -0
  79. package/dist/images/documents/ppt.jsx +47 -0
  80. package/dist/images/documents/rtf.jsx +48 -0
  81. package/dist/images/documents/text.jsx +48 -0
  82. package/dist/images/documents/video.jsx +47 -0
  83. package/dist/images/documents/word.jsx +48 -0
  84. package/dist/images/documents/xml.jsx +48 -0
  85. package/dist/images/documents/zip.jsx +48 -0
  86. package/dist/images/icons/arrow_upward.jsx +41 -0
  87. package/dist/images/icons/calendar_today.jsx +41 -0
  88. package/dist/images/icons/cancel.jsx +40 -0
  89. package/dist/images/icons/check_circle.jsx +41 -0
  90. package/dist/images/icons/chevron_left.jsx +41 -0
  91. package/dist/images/icons/chevron_right.jsx +41 -0
  92. package/dist/images/icons/close.jsx +41 -0
  93. package/dist/images/icons/description.jsx +41 -0
  94. package/dist/images/icons/double_chevron_left.jsx +40 -0
  95. package/dist/images/icons/double_chevron_right.jsx +40 -0
  96. package/dist/images/icons/error.jsx +41 -0
  97. package/dist/images/icons/expand_less.jsx +41 -0
  98. package/dist/images/icons/expand_more.jsx +41 -0
  99. package/dist/images/icons/index.js +40 -0
  100. package/dist/images/icons/list.jsx +44 -0
  101. package/dist/images/icons/menu.jsx +41 -0
  102. package/dist/images/icons/priority_high.jsx +42 -0
  103. package/dist/images/icons/search.jsx +41 -0
  104. package/dist/tsconfig.tsbuildinfo +1 -1
  105. package/package.json +2 -1
  106. package/src/common/{abstract-notification-banner.test.tsx → AbstractNotificationBanner.test.tsx} +11 -11
  107. package/src/common/{abstract-notification-banner.tsx → AbstractNotificationBanner.tsx} +2 -2
  108. package/src/common/{conditional-wrapper.test.tsx → ConditionalWrapper.test.tsx} +1 -1
  109. package/src/common/FileIcon.test.tsx +50 -0
  110. package/src/common/FileIcon.tsx +25 -0
  111. package/src/common/{hint-text.test.tsx → HintText.test.tsx} +12 -12
  112. package/src/common/{icon.test.tsx → Icon.test.tsx} +16 -16
  113. package/src/common/{icon.tsx → Icon.tsx} +1 -1
  114. package/src/common/{screen-reader-text.test.tsx → ScreenReaderText.test.tsx} +5 -5
  115. package/src/common/{wrapper-tag.test.tsx → WrapperTag.test.tsx} +5 -5
  116. package/src/components/{accordion/accordion.test.tsx → Accordion/Accordion.test.tsx} +35 -35
  117. package/src/components/{accordion/accordion.tsx → Accordion/Accordion.tsx} +5 -5
  118. package/src/components/{aspect-box/aspect-box.test.tsx → AspectBox/AspectBox.test.tsx} +2 -2
  119. package/src/components/{back-to-top/back-to-top.test.tsx → BackToTop/BackToTop.test.tsx} +1 -1
  120. package/src/components/{back-to-top/back-to-top.tsx → BackToTop/BackToTop.tsx} +1 -1
  121. package/src/components/{breadcrumbs/breadcrumbs.test.tsx → Breadcrumbs/Breadcrumbs.test.tsx} +7 -7
  122. package/src/components/{button/button.test.tsx → Button/Button.test.tsx} +1 -1
  123. package/src/components/{button/button.tsx → Button/Button.tsx} +3 -3
  124. package/src/components/{checkbox/checkbox.test.tsx → Checkbox/Checkbox.test.tsx} +16 -16
  125. package/src/components/{checkbox/checkbox.tsx → Checkbox/Checkbox.tsx} +1 -1
  126. package/src/components/{confirmation-message/confirmation-message.test.tsx → ConfirmationMessage/ConfirmationMessage.test.tsx} +12 -14
  127. package/src/components/{confirmation-message/confirmation-message.tsx → ConfirmationMessage/ConfirmationMessage.tsx} +4 -4
  128. package/src/components/{contents-nav/contents-nav.test.tsx → ContentsNav/ContentsNav.test.tsx} +21 -28
  129. package/src/components/{contents-nav/contents-nav.tsx → ContentsNav/ContentsNav.tsx} +1 -1
  130. package/src/components/{cookie-banner/cookie-banner.test.tsx → CookieBanner/CookieBanner.test.tsx} +3 -3
  131. package/src/components/{cookie-banner/cookie-banner.tsx → CookieBanner/CookieBanner.tsx} +1 -1
  132. package/src/components/{date-picker/date-picker.test.tsx → DatePicker/DatePicker.test.tsx} +76 -66
  133. package/src/components/{date-picker/date-picker.tsx → DatePicker/DatePicker.tsx} +2 -2
  134. package/src/components/{details/details.test.tsx → Details/Details.test.tsx} +10 -10
  135. package/src/components/{error-message/error-message.test.tsx → ErrorMessage/ErrorMessage.test.tsx} +10 -10
  136. package/src/components/{error-summary/error-summary.test.tsx → ErrorSummary/ErrorSummary.test.tsx} +13 -14
  137. package/src/components/{error-summary/error-summary.tsx → ErrorSummary/ErrorSummary.tsx} +1 -1
  138. package/src/components/FileDownload/FileDownload.test.tsx +167 -0
  139. package/src/components/FileDownload/FileDownload.tsx +67 -0
  140. package/src/components/{hide-this-page/hide-this-page.test.tsx → HideThisPage/HideThisPage.test.tsx} +4 -4
  141. package/src/components/{hide-this-page/hide-this-page.tsx → HideThisPage/HideThisPage.tsx} +3 -3
  142. package/src/components/{inset-text/inset-text.test.tsx → InsetText/InsetText.test.tsx} +1 -1
  143. package/src/components/{notification-banner/notification-banner.test.tsx → NotificationBanner/NotificationBanner.test.tsx} +4 -4
  144. package/src/components/{notification-banner/notification-banner.tsx → NotificationBanner/NotificationBanner.tsx} +1 -1
  145. package/src/components/{notification-panel/notification-panel.test.tsx → NotificationPanel/NotificationPanel.test.tsx} +24 -23
  146. package/src/components/{notification-panel/notification-panel.tsx → NotificationPanel/NotificationPanel.tsx} +3 -3
  147. package/src/components/{page-header/page-header.test.tsx → PageHeader/PageHeader.test.tsx} +9 -9
  148. package/src/components/{page-metadata/page-metadata.test.tsx → PageMetadata/PageMetadata.test.tsx} +9 -9
  149. package/src/components/{pagination/pagination.test.tsx → Pagination/Pagination.test.tsx} +56 -56
  150. package/src/components/{pagination/pagination.tsx → Pagination/Pagination.tsx} +1 -1
  151. package/src/components/{phase-banner/phase-banner.test.tsx → PhaseBanner/PhaseBanner.test.tsx} +9 -9
  152. package/src/components/{phase-banner/phase-banner.tsx → PhaseBanner/PhaseBanner.tsx} +1 -1
  153. package/src/components/{question/question.test.tsx → Question/Question.test.tsx} +10 -10
  154. package/src/components/{question/question.tsx → Question/Question.tsx} +3 -3
  155. package/src/components/{radio-button/radio-button.test.tsx → RadioButton/RadioButton.test.tsx} +23 -23
  156. package/src/components/{radio-button/radio-button.tsx → RadioButton/RadioButton.tsx} +1 -1
  157. package/src/components/{select/select.test.tsx → Select/Select.test.tsx} +67 -64
  158. package/src/components/{select/select.tsx → Select/Select.tsx} +2 -2
  159. package/src/components/{sequential-navigation/sequential-navigation.test.tsx → SequentialNavigation/SequentialNavigation.test.tsx} +18 -18
  160. package/src/components/{side-navigation/side-navigation.test.tsx → SideNavigation/SideNavigation.test.tsx} +8 -8
  161. package/src/components/{site-header/site-header.test.tsx → SiteHeader/SiteHeader.test.tsx} +25 -25
  162. package/src/components/{site-header/site-header.tsx → SiteHeader/SiteHeader.tsx} +4 -4
  163. package/src/components/{site-navigation/site-navigation.test.tsx → SiteNavigation/SiteNavigation.test.tsx} +8 -8
  164. package/src/components/{site-search/site-search.test.tsx → SiteSearch/SiteSearch.test.tsx} +16 -16
  165. package/src/components/{site-search/site-search.tsx → SiteSearch/SiteSearch.tsx} +1 -1
  166. package/src/components/{skip-links/skip-links.test.tsx → SkipLinks/SkipLinks.test.tsx} +15 -15
  167. package/src/components/{summary-card/summary-card.test.tsx → SummaryCard/SummaryCard.test.tsx} +28 -28
  168. package/src/components/{summary-card/summary-card.tsx → SummaryCard/SummaryCard.tsx} +4 -4
  169. package/src/components/{summary-list/summary-list.test.tsx → SummaryList/SummaryList.test.tsx} +55 -56
  170. package/src/components/{summary-list/summary-list.tsx → SummaryList/SummaryList.tsx} +2 -2
  171. package/src/components/{table/table.test.tsx → Table/Table.test.tsx} +4 -4
  172. package/src/components/{tabs/tabs.test.tsx → Tabs/Tabs.test.tsx} +22 -42
  173. package/src/components/{tabs/tabs.tsx → Tabs/Tabs.tsx} +3 -3
  174. package/src/components/{tag/tag.test.tsx → Tag/Tag.test.tsx} +10 -10
  175. package/src/components/{task-list/task-list.test.tsx → TaskList/TaskList.test.tsx} +109 -108
  176. package/src/components/{task-list/task-list.tsx → TaskList/TaskList.tsx} +4 -4
  177. package/src/components/{text-input/text-input.test.tsx → TextInput/TextInput.test.tsx} +92 -87
  178. package/src/components/{text-input/text-input.tsx → TextInput/TextInput.tsx} +4 -4
  179. package/src/components/{textarea/textarea.test.tsx → Textarea/Textarea.test.tsx} +71 -67
  180. package/src/components/{textarea/textarea.tsx → Textarea/Textarea.tsx} +3 -3
  181. package/src/components/{warning-text/warning-text.test.tsx → WarningText/WarningText.test.tsx} +1 -1
  182. package/src/images/documents/audio.tsx +34 -0
  183. package/src/images/documents/csv.tsx +39 -0
  184. package/src/images/documents/excel.tsx +39 -0
  185. package/src/images/documents/file.tsx +30 -0
  186. package/src/images/documents/generic.tsx +26 -0
  187. package/src/images/documents/geodata.tsx +29 -0
  188. package/src/images/documents/ical.tsx +30 -0
  189. package/src/images/documents/ico.tsx +30 -0
  190. package/src/images/documents/image.tsx +25 -0
  191. package/src/images/documents/index.ts +22 -0
  192. package/src/images/documents/odf.tsx +28 -0
  193. package/src/images/documents/odg.tsx +28 -0
  194. package/src/images/documents/odp.tsx +33 -0
  195. package/src/images/documents/ods.tsx +37 -0
  196. package/src/images/documents/odt.tsx +28 -0
  197. package/src/images/documents/pdf.tsx +30 -0
  198. package/src/images/documents/ppt.tsx +28 -0
  199. package/src/images/documents/rtf.tsx +30 -0
  200. package/src/images/documents/text.tsx +30 -0
  201. package/src/images/documents/video.tsx +34 -0
  202. package/src/images/documents/word.tsx +30 -0
  203. package/src/images/documents/xml.tsx +30 -0
  204. package/src/images/documents/zip.tsx +30 -0
  205. package/src/images/icons/index.ts +17 -0
  206. package/vite.config.ts +1 -1
  207. package/src/icons/index.ts +0 -17
  208. /package/src/common/{conditional-wrapper.tsx → ConditionalWrapper.tsx} +0 -0
  209. /package/src/common/{hint-text.tsx → HintText.tsx} +0 -0
  210. /package/src/common/{screen-reader-text.tsx → ScreenReaderText.tsx} +0 -0
  211. /package/src/common/{wrapper-tag.tsx → WrapperTag.tsx} +0 -0
  212. /package/src/components/{aspect-box/aspect-box.tsx → AspectBox/AspectBox.tsx} +0 -0
  213. /package/src/components/{breadcrumbs/breadcrumbs.tsx → Breadcrumbs/Breadcrumbs.tsx} +0 -0
  214. /package/src/components/{details/details.tsx → Details/Details.tsx} +0 -0
  215. /package/src/components/{error-message/error-message.tsx → ErrorMessage/ErrorMessage.tsx} +0 -0
  216. /package/src/components/{inset-text/inset-text.tsx → InsetText/InsetText.tsx} +0 -0
  217. /package/src/components/{page-header/page-header.tsx → PageHeader/PageHeader.tsx} +0 -0
  218. /package/src/components/{page-metadata/page-metadata.tsx → PageMetadata/PageMetadata.tsx} +0 -0
  219. /package/src/components/{sequential-navigation/sequential-navigation.tsx → SequentialNavigation/SequentialNavigation.tsx} +0 -0
  220. /package/src/components/{side-navigation/side-navigation.tsx → SideNavigation/SideNavigation.tsx} +0 -0
  221. /package/src/components/{site-navigation/site-navigation.tsx → SiteNavigation/SiteNavigation.tsx} +0 -0
  222. /package/src/components/{skip-links/skip-links.tsx → SkipLinks/SkipLinks.tsx} +0 -0
  223. /package/src/components/{table/table.tsx → Table/Table.tsx} +0 -0
  224. /package/src/components/{tag/tag.tsx → Tag/Tag.tsx} +0 -0
  225. /package/src/components/{warning-text/warning-text.tsx → WarningText/WarningText.tsx} +0 -0
  226. /package/src/{icons/ArrowUpward.tsx → images/icons/arrow_upward.tsx} +0 -0
  227. /package/src/{icons/CalendarToday.tsx → images/icons/calendar_today.tsx} +0 -0
  228. /package/src/{icons/Cancel.tsx → images/icons/cancel.tsx} +0 -0
  229. /package/src/{icons/CheckCircle.tsx → images/icons/check_circle.tsx} +0 -0
  230. /package/src/{icons/ChevronLeft.tsx → images/icons/chevron_left.tsx} +0 -0
  231. /package/src/{icons/ChevronRight.tsx → images/icons/chevron_right.tsx} +0 -0
  232. /package/src/{icons/Close.tsx → images/icons/close.tsx} +0 -0
  233. /package/src/{icons/Description.tsx → images/icons/description.tsx} +0 -0
  234. /package/src/{icons/DoubleChevronLeft.tsx → images/icons/double_chevron_left.tsx} +0 -0
  235. /package/src/{icons/DoubleChevronRight.tsx → images/icons/double_chevron_right.tsx} +0 -0
  236. /package/src/{icons/Error.tsx → images/icons/error.tsx} +0 -0
  237. /package/src/{icons/ExpandLess.tsx → images/icons/expand_less.tsx} +0 -0
  238. /package/src/{icons/ExpandMore.tsx → images/icons/expand_more.tsx} +0 -0
  239. /package/src/{icons/List.tsx → images/icons/list.tsx} +0 -0
  240. /package/src/{icons/Menu.tsx → images/icons/menu.tsx} +0 -0
  241. /package/src/{icons/PriorityHigh.tsx → images/icons/priority_high.tsx} +0 -0
  242. /package/src/{icons/Search.tsx → images/icons/search.tsx} +0 -0
package/src/images/documents/rtf.tsx ADDED
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ import type { SVGProps } from "react";
3
+ const SvgRtf = (props: SVGProps<SVGSVGElement>) => (
4
+ <svg
5
+ fill="none"
6
+ viewBox="0 0 80 120"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ role="img"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="m1 119v-118h58.5858l19.4142 19.4142v98.5858z"
13
+ fill="#fff"
14
+ stroke="#0065bd"
15
+ strokeWidth={2}
16
+ />
17
+ <g fill="#0065bd">
18
+ <path d="m80 20-20-20v20z" />
19
+ <path d="m10 60h59.9997v5h-59.9997z" />
20
+ <path d="m10 70h59.9997v5h-59.9997z" />
21
+ <path d="m10 80h30v5h-30z" />
22
+ <path d="m10 28h60v27h-60z" />
23
+ </g>
24
+ <path
25
+ d="m25.5334 35.5586h4.6399c.9514 0 1.7688.1424 2.4524.4272.6893.2849 1.2191.7064 1.5894 1.2647s.5554 1.2447.5554 2.0593c0 .6665-.1139 1.239-.3418 1.7175-.2222.4729-.5383.8688-.9485 1.1878-.4044.3133-.8801.564-1.427.7519l-.8117.4273h-4.0332l-.0171-1.9995h2.9992c.4501 0 .8232-.0798 1.1194-.2393s.5184-.3817.6665-.6665c.1538-.2848.2307-.6152.2307-.9912 0-.3988-.074-.7434-.2221-1.0339-.1481-.2906-.3732-.5127-.6751-.6665s-.6807-.2307-1.1365-.2307h-2.0764v10.4333h-2.5635zm6.9556 12.4414-2.8369-5.5457 2.7087-.017 2.8711 5.4431v.1196zm9.3054-12.4414v12.4414h-2.5549v-12.4414zm3.8282 0v2.0081h-10.1514v-2.0081zm4.0246 0v12.4414h-2.5635v-12.4414zm4.9561 5.3149v1.9995h-5.6568v-1.9995zm.5981-5.3149v2.0081h-6.2549v-2.0081z"
26
+ fill="#fff"
27
+ />
28
+ </svg>
29
+ );
30
+ export default SvgRtf;
package/src/images/documents/text.tsx ADDED
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ import type { SVGProps } from "react";
3
+ const SvgText = (props: SVGProps<SVGSVGElement>) => (
4
+ <svg
5
+ fill="none"
6
+ viewBox="0 0 80 120"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ role="img"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="m1 119v-118h58.5858l19.4142 19.4142v98.5858z"
13
+ fill="#fff"
14
+ stroke="#0065bd"
15
+ strokeWidth={2}
16
+ />
17
+ <g fill="#0065bd">
18
+ <path d="m80 20-20-20v20z" />
19
+ <path d="m10 60h59.9997v5h-59.9997z" />
20
+ <path d="m10 70h59.9997v5h-59.9997z" />
21
+ <path d="m10 80h30v5h-30z" />
22
+ <path d="m10 28h60v27h-60z" />
23
+ </g>
24
+ <path
25
+ d="m29.5068 35.5586v12.4414h-2.5549v-12.4414zm3.8282 0v2.0081h-10.1514v-2.0081zm4.7595 12.6123c-.7178 0-1.3615-.1139-1.9312-.3418-.5696-.2336-1.0538-.5554-1.4526-.9656-.3931-.4101-.695-.8858-.9058-1.427-.2107-.5469-.3161-1.1279-.3161-1.7431v-.3418c0-.7007.0997-1.3416.299-1.9226.1994-.5811.4843-1.0852.8545-1.5125.376-.4272.8317-.7548 1.3672-.9827.5355-.2335 1.1393-.3503 1.8115-.3503.6552 0 1.2362.1082 1.7432.3247s.9314.5241 1.2732.9229c.3475.3987.6095.8772.7861 1.4355.1766.5526.2649 1.1678.2649 1.8457v1.0254h-7.3486v-1.6406h4.9304v-.188c0-.3418-.0626-.6466-.188-.9143-.1196-.2735-.3019-.4899-.5468-.6494-.245-.1595-.5583-.2393-.94-.2393-.3247 0-.6038.0712-.8374.2136s-.4244.3418-.5725.5982c-.1424.2563-.2507.5582-.3247.9057-.0684.3418-.1025.7178-.1025 1.128v.3418c0 .3702.0512.712.1538 1.0254.1082.3133.2592.5839.4528.8117.1994.2279.4387.4045.7178.5298.2848.1253.6067.188.9656.188.4443 0 .8573-.0855 1.239-.2564.3874-.1766.7206-.4414.9998-.7946l1.1962 1.2988c-.1936.2791-.4585.5469-.7946.8032-.3304.2564-.7292.4671-1.1963.6323-.4671.1595-.9998.2393-1.5979.2393zm7.1777-9.4165 1.5296 2.8113 1.5722-2.8113h2.6233l-2.6147 4.5203 2.7343 4.7253h-2.6318l-1.6663-2.9736-1.6662 2.9736h-2.6318l2.7343-4.7253-2.6147-4.5203zm11.4502 0v1.7432h-5.3833v-1.7432zm-4.0503-2.2815h2.461v8.7415c0 .2677.0341.4728.1025.6152.0741.1424.1823.2421.3247.2991.1424.0512.3219.0769.5383.0769.1538 0 .2906-.0057.4102-.0171.1253-.0171.2307-.0342.3162-.0513l.0085 1.8115c-.2108.0684-.4386.1225-.6836.1624s-.5155.0598-.8118.0598c-.5411 0-1.014-.0883-1.4184-.2649-.3988-.1823-.7064-.4728-.9229-.8716-.2164-.3987-.3247-.9228-.3247-1.5722z"
26
+ fill="#fff"
27
+ />
28
+ </svg>
29
+ );
30
+ export default SvgText;
package/src/images/documents/video.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import * as React from "react";
2
+ import type { SVGProps } from "react";
3
+ const SvgVideo = (props: SVGProps<SVGSVGElement>) => (
4
+ <svg
5
+ fill="none"
6
+ viewBox="0 0 80 120"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ role="img"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="m1 119v-118.000122h58.5857l19.4142 19.414222v98.5859z"
13
+ fill="#fff"
14
+ stroke="#5e5e5e"
15
+ strokeWidth={2}
16
+ />
17
+ <path d="m80 19.9998-20-19.99992207v19.99992207z" fill="#5e5e5e" />
18
+ <path
19
+ d="m1 119v-118.000122h58.5857l19.4142 19.414222v98.5859z"
20
+ fill="#fff"
21
+ stroke="#5e5e5e"
22
+ strokeWidth={2}
23
+ />
24
+ <path d="m80 19.9998-20-19.99992207v19.99992207z" fill="#5e5e5e" />
25
+ <path d="m9.99951 27.4999h59.9999v27.5h-59.9999z" fill="#5e5e5e" />
26
+ <path
27
+ d="m22.9695 44.9022 2.9309-9.8437h2.854l-4.3323 12.4414h-1.8799zm-2.7002-9.8437 2.9223 9.8437.4444 2.5977h-1.897l-4.3066-12.4414zm12.091 3.1958v9.2456h-2.4695v-9.2456zm-2.6233-2.4097c0-.3589.1254-.6551.376-.8886.2507-.2336.5868-.3504 1.0083-.3504.4159 0 .7491.1168.9998.3504.2563.2335.3845.5297.3845.8886s-.1282.6551-.3845.8887c-.2507.2336-.5839.3503-.9998.3503-.4215 0-.7576-.1167-1.0083-.3503-.2506-.2336-.376-.5298-.376-.8887zm10.1172 9.6387v-11.1084h2.478v13.125h-2.2302zm-5.8447-2.4951v-.1795c0-.7064.0797-1.3472.2392-1.9226.1596-.581.3931-1.0795.7007-1.4953.3076-.4159.6865-.7378 1.1365-.9656.45-.2279.9627-.3418 1.5381-.3418.5412 0 1.014.1139 1.4184.3418.4102.2278.7577.5526 1.0425.9741.2905.4159.5241.9086.7007 1.4783.1766.5639.3048 1.182.3845 1.8542v.3931c-.0797.6437-.2079 1.2418-.3845 1.7944s-.4102 1.0368-.7007 1.4526c-.2848.4102-.6323.7292-1.0425.9571-.4101.2278-.8886.3418-1.4355.3418-.5754 0-1.0881-.1168-1.5381-.3504-.4443-.2335-.8203-.5611-1.1279-.9826-.3019-.4216-.5326-.9172-.6922-1.4868-.1595-.5697-.2392-1.1906-.2392-1.8628zm2.4609-.1795v.1795c0 .3816.0285.7377.0855 1.0681.0626.3304.1623.6238.299.8801.1425.2507.3247.4472.5469.5896.2279.1367.5042.2051.8289.2051.4215 0 .769-.094 1.0425-.282.2734-.1937.4813-.4586.6237-.7947.1481-.3361.2336-.7234.2564-1.1621v-1.1194c-.0171-.3589-.0684-.6807-.1538-.9655-.0798-.2906-.1994-.5384-.3589-.7434-.1538-.2051-.3475-.3646-.5811-.4786-.2278-.1139-.4984-.1709-.8117-.1709-.319 0-.5925.0741-.8203.2222-.2279.1424-.4131.339-.5555.5896-.1367.2507-.2392.5469-.3076.8887-.0626.3361-.094.7007-.094 1.0937zm12.0398 4.8621c-.7178 0-1.3615-.114-1.9311-.3418-.5697-.2336-1.0539-.5554-1.4527-.9656-.393-.4102-.695-.8858-.9057-1.427-.2108-.5469-.3162-1.1279-.3162-1.7432v-.3418c0-.7006.0997-1.3415.2991-1.9226.1993-.581.4842-1.0852.8545-1.5124.3759-.4273.8317-.7548 1.3671-.9827.5355-.2335 1.1394-.3503 1.8116-.3503.6551 0 1.2361.1082 1.7431.3247s.9314.5241 1.2732.9228c.3475.3988.6096.8773.7861 1.4356.1766.5526.2649 1.1678.2649 1.8457v1.0254h-7.3486v-1.6406h4.9304v-.188c0-.3418-.0626-.6466-.188-.9143-.1196-.2735-.3019-.4899-.5468-.6495-.245-.1595-.5583-.2392-.94-.2392-.3247 0-.6038.0712-.8374.2136-.2335.1424-.4244.3418-.5725.5982-.1424.2563-.2506.5582-.3247.9057-.0683.3418-.1025.7178-.1025 1.1279v.3418c0 .3703.0512.7121.1538 1.0254.1082.3133.2592.5839.4529.8118.1993.2279.4386.4045.7177.5298.2849.1253.6067.188.9656.188.4443 0 .8573-.0855 1.239-.2564.3874-.1766.7206-.4415.9998-.7947l1.1963 1.2989c-.1937.2791-.4586.5468-.7947.8032-.3304.2563-.7292.4671-1.1963.6323-.4671.1595-.9998.2393-1.5979.2393zm4.8022-4.6997v-.1795c0-.6779.0969-1.3016.2906-1.8713.1936-.5754.4756-1.0738.8459-1.4954.3703-.4215.826-.7491 1.3672-.9826.5412-.2393 1.1621-.3589 1.8628-.3589s1.3244.1196 1.8713.3589c.5469.2335 1.0055.5611 1.3758.9826.3759.4216.6608.92.8544 1.4954.1937.5697.2906 1.1934.2906 1.8713v.1795c0 .6722-.0969 1.296-.2906 1.8713-.1936.5697-.4785 1.0681-.8544 1.4954-.3703.4215-.8261.7491-1.3672.9826-.5412.2336-1.1621.3504-1.8628.3504s-1.3245-.1168-1.8714-.3504c-.5411-.2335-.9997-.5611-1.3757-.9826-.3703-.4273-.6523-.9257-.8459-1.4954-.1937-.5753-.2906-1.1991-.2906-1.8713zm2.461-.1795v.1795c0 .3873.0342.7491.1025 1.0852.0684.3361.1766.6323.3247.8886.1538.2507.3532.4472.5982.5896.2449.1425.544.2137.8972.2137.3418 0 .6351-.0712.8801-.2137.245-.1424.4415-.3389.5896-.5896.1481-.2563.2563-.5525.3247-.8886.0741-.3361.1111-.6979.1111-1.0852v-.1795c0-.3759-.037-.7291-.1111-1.0595-.0684-.3361-.1794-.6324-.3332-.8887-.1482-.2621-.3447-.4671-.5896-.6152-.245-.1482-.5412-.2222-.8887-.2222s-.6437.074-.8887.2222c-.2392.1481-.4358.3531-.5896.6152-.1481.2563-.2563.5526-.3247.8887-.0683.3304-.1025.6836-.1025 1.0595z"
28
+ fill="#fff"
29
+ />
30
+ <circle cx={38.9619} cy={84.5314} fill="#5e5e5e" r={19.857} />
31
+ <path d="m51.0889 84.1856-18.6227 10.6069v-21.2138z" fill="#fff" />
32
+ </svg>
33
+ );
34
+ export default SvgVideo;
package/src/images/documents/word.tsx ADDED
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ import type { SVGProps } from "react";
3
+ const SvgWord = (props: SVGProps<SVGSVGElement>) => (
4
+ <svg
5
+ fill="none"
6
+ viewBox="0 0 80 120"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ role="img"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="m1 119v-118h58.5858l19.4142 19.4142v98.5858z"
13
+ fill="#fff"
14
+ stroke="#0065bd"
15
+ strokeWidth={2}
16
+ />
17
+ <g fill="#0065bd">
18
+ <path d="m80 20-20-20v20z" />
19
+ <path d="m10 60h59.9997v5h-59.9997z" />
20
+ <path d="m10 70h59.9997v5h-59.9997z" />
21
+ <path d="m10 80h30v5h-30z" />
22
+ <path d="m10 28h60v27h-60z" />
23
+ </g>
24
+ <path
25
+ d="m23.6023 46.0261 2.478-10.4675h1.3843l.3162 1.7432-2.6404 10.6982h-1.4868zm-1.2732-10.4675 2.0508 10.4675-.1709 1.9739h-1.6577l-2.76-12.4414zm7.6306 10.4248 2.0252-10.4248h2.5378l-2.7515 12.4414h-1.6577zm-1.7175-10.4248 2.4951 10.5102-.0684 1.9312h-1.4868l-2.6574-10.7068.3418-1.7346zm6.853 7.9126v-.1795c0-.6778.0969-1.3016.2905-1.8713.1937-.5753.4757-1.0738.846-1.4954.3703-.4215.826-.7491 1.3672-.9826.5412-.2393 1.1621-.3589 1.8628-.3589s1.3244.1196 1.8713.3589c.5469.2335 1.0055.5611 1.3757.9826.376.4216.6608.9201.8545 1.4954.1937.5697.2906 1.1935.2906 1.8713v.1795c0 .6722-.0969 1.296-.2906 1.8713-.1937.5697-.4785 1.0681-.8545 1.4954-.3702.4215-.826.7491-1.3671.9827-.5412.2335-1.1622.3503-1.8628.3503-.7007 0-1.3245-.1168-1.8714-.3503-.5412-.2336-.9997-.5612-1.3757-.9827-.3703-.4273-.6523-.9257-.846-1.4954-.1936-.5753-.2905-1.1991-.2905-1.8713zm2.461-.1795v.1795c0 .3874.0341.7491.1025 1.0852s.1766.6323.3247.8887c.1538.2506.3532.4472.5981.5896.245.1424.5441.2136.8973.2136.3418 0 .6351-.0712.8801-.2136.2449-.1424.4415-.339.5896-.5896.1481-.2564.2563-.5526.3247-.8887.074-.3361.1111-.6978.1111-1.0852v-.1795c0-.3759-.0371-.7291-.1111-1.0595-.0684-.3361-.1794-.6323-.3333-.8887-.1481-.262-.3446-.4671-.5896-.6152-.2449-.1481-.5411-.2222-.8886-.2222s-.6437.0741-.8887.2222c-.2393.1481-.4358.3532-.5896.6152-.1481.2564-.2563.5526-.3247.8887-.0684.3304-.1025.6836-.1025 1.0595zm10.2709-2.5207v7.229h-2.4609v-9.2456h2.3157zm2.7857-2.0764-.0427 2.2815c-.1197-.0171-.2649-.0314-.4358-.0428-.1652-.017-.3162-.0256-.4529-.0256-.3475 0-.6494.0456-.9058.1367-.2506.0855-.4614.2137-.6323.3846-.1652.1709-.2905.3788-.376.6237-.0797.245-.1253.5241-.1367.8374l-.4956-.1538c0-.5981.0598-1.1478.1795-1.6491.1196-.507.2933-.9485.5212-1.3245.2336-.376.5184-.6665.8545-.8716s.7206-.3076 1.1536-.3076c.1367 0 .2762.0114.4187.0342.1424.0171.2591.0427.3503.0769zm6.4514 7.2888v-11.1084h2.478v13.125h-2.2302zm-5.8447-2.4951v-.1795c0-.7063.0797-1.3472.2392-1.9226.1595-.581.3931-1.0795.7007-1.4953.3076-.4159.6865-.7377 1.1365-.9656s.9627-.3418 1.5381-.3418c.5412 0 1.014.1139 1.4184.3418.4102.2279.7577.5526 1.0425.9741.2905.4159.5241.9086.7007 1.4783.1766.564.3048 1.182.3845 1.8542v.3931c-.0797.6437-.2079 1.2419-.3845 1.7944-.1766.5526-.4102 1.0368-.7007 1.4527-.2848.4101-.6323.7291-1.0425.957-.4101.2279-.8886.3418-1.4355.3418-.5754 0-1.0881-.1168-1.5381-.3503-.4443-.2336-.8203-.5612-1.1279-.9827-.3019-.4216-.5327-.9172-.6922-1.4868-.1595-.5697-.2392-1.1906-.2392-1.8628zm2.4609-.1795v.1795c0 .3817.0285.7377.0855 1.0681.0626.3304.1623.6238.299.8801.1425.2507.3247.4472.5469.5896.2279.1367.5042.2051.8289.2051.4215 0 .769-.094 1.0425-.282.2734-.1937.4813-.4586.6237-.7947.1481-.3361.2336-.7234.2564-1.1621v-1.1194c-.0171-.3588-.0684-.6807-.1538-.9655-.0798-.2906-.1994-.5384-.3589-.7434-.1538-.2051-.3475-.3646-.5811-.4786-.2278-.1139-.4984-.1709-.8117-.1709-.319 0-.5925.0741-.8203.2222-.2279.1424-.4131.339-.5555.5896-.1367.2507-.2392.5469-.3076.8887-.0626.3361-.094.7007-.094 1.0937z"
26
+ fill="#fff"
27
+ />
28
+ </svg>
29
+ );
30
+ export default SvgWord;
package/src/images/documents/xml.tsx ADDED
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ import type { SVGProps } from "react";
3
+ const SvgXml = (props: SVGProps<SVGSVGElement>) => (
4
+ <svg
5
+ fill="none"
6
+ viewBox="0 0 80 120"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ role="img"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="m1 119v-118.000244h58.5858l19.4142 19.414244v98.586z"
13
+ fill="#fff"
14
+ stroke="#5e5e5e"
15
+ strokeWidth={2}
16
+ />
17
+ <g fill="#5e5e5e">
18
+ <path d="m80 19.9998-20-20.00004414v20.00004414z" />
19
+ <path d="m10 59.9998h59.9997v5h-59.9997z" />
20
+ <path d="m10 69.9998h59.9997v5h-59.9997z" />
21
+ <path d="m10 79.9998h30v5h-30z" />
22
+ <path d="m10 27.9998h60v27h-60z" />
23
+ </g>
24
+ <path
25
+ d="m25.2686 35.5583 2.3413 4.3409 2.3413-4.3409h2.9309l-3.6145 6.1695 3.7085 6.272h-2.9566l-2.4096-4.4263-2.4097 4.4263h-2.9736l3.717-6.272-3.623-6.1695zm10.1684 0h2.1704l3.1958 9.1346 3.1958-9.1346h2.1704l-4.4946 12.4415h-1.7432zm-1.1706 0h2.1618l.3931 8.9039v3.5376h-2.5549zm10.9118 0h2.1704v12.4415h-2.5634v-3.5376zm12.4158 10.4419v1.9996h-6.2634v-1.9996zm-5.4346-10.4419v12.4415h-2.5635v-12.4415z"
26
+ fill="#fff"
27
+ />
28
+ </svg>
29
+ );
30
+ export default SvgXml;
package/src/images/documents/zip.tsx ADDED
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ import type { SVGProps } from "react";
3
+ const SvgZip = (props: SVGProps<SVGSVGElement>) => (
4
+ <svg
5
+ fill="none"
6
+ viewBox="0 0 80 120"
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ role="img"
9
+ {...props}
10
+ >
11
+ <path
12
+ d="m1 119v-118.000244h58.5858l19.4142 19.414244v98.586z"
13
+ fill="#fff"
14
+ stroke="#5e5e5e"
15
+ strokeWidth={2}
16
+ />
17
+ <g fill="#5e5e5e">
18
+ <path d="m80 19.9998-20-20.00004414v20.00004414z" />
19
+ <path d="m10 59.9998h59.9997v5h-59.9997z" />
20
+ <path d="m10 69.9998h59.9997v5h-59.9997z" />
21
+ <path d="m10 79.9998h30v5h-30z" />
22
+ <path d="m10 27.9998h60v27h-60z" />
23
+ </g>
24
+ <path
25
+ d="m37.5562 46.0002v1.9996h-8.8184v-1.9996zm-.1282-9.0148-7.5537 11.0144h-1.803v-1.4698l7.6135-10.9717h1.7432zm-.8801-1.4271v2.0081h-8.4681v-2.0081zm5.0842 3.1959v9.2456h-2.4695v-9.2456zm-2.6233-2.4097c0-.3589.1253-.6551.376-.8887.2506-.2336.5867-.3503 1.0083-.3503.4158 0 .7491.1167.9997.3503.2564.2336.3845.5298.3845.8887s-.1281.6551-.3845.8887c-.2506.2335-.5839.3503-.9997.3503-.4216 0-.7577-.1168-1.0083-.3503-.2507-.2336-.376-.5298-.376-.8887zm7.1179 4.187v11.0229h-2.4609v-12.8002h2.2815zm5.8533 2.7429v.1795c0 .6722-.0798 1.2959-.2393 1.8713-.1538.5754-.3817 1.0767-.6836 1.5039-.3019.4216-.6779.752-1.1279.9912-.4443.2336-.957.3504-1.5381.3504-.564 0-1.0539-.114-1.4697-.3418-.4159-.2279-.7662-.5469-1.051-.9571-.2792-.4158-.5042-.8972-.6751-1.4441-.1709-.5468-.3019-1.1336-.3931-1.7602v-.47c.0912-.6722.2222-1.2874.3931-1.8457.1709-.564.3959-1.051.6751-1.4612.2848-.4158.6323-.7377 1.0424-.9656.4159-.2278.903-.3417 1.4612-.3417.5868 0 1.1023.111 1.5467.3332.45.2222.826.5412 1.1279.957.3076.4159.5383.9115.6921 1.4869.1595.5753.2393 1.2133.2393 1.914zm-2.4695.1795v-.1795c0-.3931-.0342-.7548-.1025-1.0852-.0627-.3361-.1652-.6295-.3077-.8801-.1367-.2507-.319-.4444-.5468-.5811-.2222-.1424-.4928-.2136-.8118-.2136-.3361 0-.6238.0541-.863.1624-.2336.1082-.4244.2649-.5725.4699-.1482.2051-.2592.4501-.3333.7349s-.1196.6067-.1367.9656v1.1877c.0285.4216.1082.8004.2392 1.1365.1311.3304.3333.5924.6067.7861.2735.1937.6324.2905 1.0767.2905.3247 0 .5981-.0712.8203-.2136.2222-.1481.4016-.3503.5383-.6067.1424-.2563.2421-.5525.2991-.8886.0627-.3361.094-.6979.094-1.0852z"
26
+ fill="#fff"
27
+ />
28
+ </svg>
29
+ );
30
+ export default SvgZip;
package/src/images/icons/index.ts ADDED
@@ -0,0 +1,17 @@
1
+ export { default as ArrowUpward } from "./arrow_upward";
2
+ export { default as CalendarToday } from "./calendar_today";
3
+ export { default as Cancel } from "./cancel";
4
+ export { default as CheckCircle } from "./check_circle";
5
+ export { default as ChevronLeft } from "./chevron_left";
6
+ export { default as ChevronRight } from "./chevron_right";
7
+ export { default as Close } from "./close";
8
+ export { default as Description } from "./description";
9
+ export { default as DoubleChevronLeft } from "./double_chevron_left";
10
+ export { default as DoubleChevronRight } from "./double_chevron_right";
11
+ export { default as Error } from "./error";
12
+ export { default as ExpandLess } from "./expand_less";
13
+ export { default as ExpandMore } from "./expand_more";
14
+ export { default as List } from "./list";
15
+ export { default as Menu } from "./menu";
16
+ export { default as PriorityHigh } from "./priority_high";
17
+ export { default as Search } from "./search";
package/vite.config.ts CHANGED
@@ -9,7 +9,7 @@ export default defineConfig({
9
9
  environment: 'jsdom',
10
10
  setupFiles: ["./vitest-setup.ts"],
11
11
  coverage: {
12
- exclude: ["src/icons"],
12
+ exclude: ["src/images"],
13
13
  include: ["src/**"],
14
14
  reporter: ["text", "lcov"],
15
15
  }
package/src/icons/index.ts DELETED
@@ -1,17 +0,0 @@
1
- export { default as ArrowUpward } from "./ArrowUpward";
2
- export { default as CalendarToday } from "./CalendarToday";
3
- export { default as Cancel } from "./Cancel";
4
- export { default as CheckCircle } from "./CheckCircle";
5
- export { default as ChevronLeft } from "./ChevronLeft";
6
- export { default as ChevronRight } from "./ChevronRight";
7
- export { default as Close } from "./Close";
8
- export { default as Description } from "./Description";
9
- export { default as DoubleChevronLeft } from "./DoubleChevronLeft";
10
- export { default as DoubleChevronRight } from "./DoubleChevronRight";
11
- export { default as Error } from "./Error";
12
- export { default as ExpandLess } from "./ExpandLess";
13
- export { default as ExpandMore } from "./ExpandMore";
14
- export { default as List } from "./List";
15
- export { default as Menu } from "./Menu";
16
- export { default as PriorityHigh } from "./PriorityHigh";
17
- export { default as Search } from "./Search";
/package/src/common/{hint-text.tsx → HintText.tsx} RENAMED
File without changes
/package/src/common/{wrapper-tag.tsx → WrapperTag.tsx} RENAMED
File without changes
/package/src/components/{tag/tag.tsx → Tag/Tag.tsx} RENAMED
File without changes
/package/src/{icons/Close.tsx → images/icons/close.tsx} RENAMED
File without changes
/package/src/{icons/Error.tsx → images/icons/error.tsx} RENAMED
File without changes
/package/src/{icons/List.tsx → images/icons/list.tsx} RENAMED
File without changes
/package/src/{icons/Menu.tsx → images/icons/menu.tsx} RENAMED
File without changes