newskit 0.0.0-e00e1f6 → 0.0.0-e02a96ba5

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 (3163) hide show
  1. package/.circleci/config.yml +1739 -0
  2. package/.dockerignore +1 -0
  3. package/.eslintignore +13 -0
  4. package/.eslintrc.base.json +94 -0
  5. package/.eslintrc.json +23 -0
  6. package/.github/CODEOWNERS +3 -0
  7. package/.github/ISSUE_TEMPLATE/a11y_investigation.md +52 -0
  8. package/.github/ISSUE_TEMPLATE/bug_report.md +37 -0
  9. package/.github/ISSUE_TEMPLATE/feature_request.md +19 -0
  10. package/.github/ISSUE_TEMPLATE/spike.md +19 -0
  11. package/.github/ISSUE_TEMPLATE/story.md +25 -0
  12. package/.github/ISSUE_TEMPLATE/task.md +22 -0
  13. package/.github/PULL_REQUEST_TEMPLATE.md +64 -0
  14. package/.github/pr-labeler.yml +3 -0
  15. package/.github/release.yml +22 -0
  16. package/.github/workflows/pr-labeler.yml +15 -0
  17. package/.markdownlint.json +7 -0
  18. package/.nvmrc +1 -0
  19. package/.prettierignore +5 -0
  20. package/.prettierrc +6 -0
  21. package/.storybook/addons/tealium/preset.js +5 -0
  22. package/.storybook/addons/tealium/register.js +109 -0
  23. package/.storybook/main.js +131 -0
  24. package/.storybook/manager-head.html +16 -0
  25. package/.storybook/manager.js +20 -0
  26. package/.storybook/preview-head.html +469 -0
  27. package/.storybook/preview.js +135 -0
  28. package/.storybook/public/newskit-logo-storybook.png +0 -0
  29. package/.storybook/storybook-theme.js +41 -0
  30. package/.vscode/launch.json +23 -0
  31. package/CODE_OF_CONDUCT.md +128 -0
  32. package/CONTRIBUTING.md +131 -0
  33. package/Dockerfile +12 -0
  34. package/LICENSE +66 -0
  35. package/Makefile +91 -0
  36. package/README.md +66 -16
  37. package/README_COMPONENTS.md +124 -0
  38. package/catalog-info.yaml +35 -0
  39. package/commitlint.config.js +2 -0
  40. package/cypress/components/accessibility.cy.ts +25 -0
  41. package/cypress/components/audio-player-composable.cy.js +264 -0
  42. package/cypress/components/audio-player.cy.js +39 -0
  43. package/cypress/components/auto-play-audio-player.cy.js +20 -0
  44. package/cypress/components/drawer.cy.js +36 -0
  45. package/cypress/components/form.cy.js +24 -0
  46. package/cypress/components/image.cy.js +13 -0
  47. package/cypress/components/scroll.cy.js +152 -0
  48. package/cypress/components/toast.cy.js +41 -0
  49. package/cypress/components/use-media-query.cy.js +33 -0
  50. package/cypress/fixtures/consent/local-storage/_sp_local_state.json +9 -0
  51. package/cypress/fixtures/consent/local-storage/_sp_non_keyed_local_state.json +6 -0
  52. package/cypress/fixtures/consent/local-storage/_sp_user_consent_5623.json +29 -0
  53. package/cypress/fixtures/consent/stubs/meta.json +10 -0
  54. package/cypress/fixtures/consent/stubs/pv-data.json +5 -0
  55. package/cypress/fixtures/consent/stubs/site-data.json +8 -0
  56. package/cypress/fixtures/empty.html +10 -0
  57. package/cypress/fixtures/podcasts.json +27 -0
  58. package/cypress/plugins/files.js +42 -0
  59. package/cypress/plugins/index.js +11 -0
  60. package/cypress/site/functional/404.cy.js +19 -0
  61. package/cypress/site/functional/accessibility.common.js +44 -0
  62. package/cypress/site/functional/header-navigation.cy.js +32 -0
  63. package/cypress/site/functional/playground.cy.js +62 -0
  64. package/cypress/site/functional/search.cy.js +58 -0
  65. package/cypress/site/functional/section-navigation.cy.js +16 -0
  66. package/cypress/site/functional/sidebar.cy.js +22 -0
  67. package/cypress/site/functional/social.cy.js +58 -0
  68. package/cypress/site/functional/storybook-links.cy.js +56 -0
  69. package/cypress/site/functional/table-of-content.cy.js +23 -0
  70. package/cypress/site/percy/darktheme-snapshots.cy.js +16 -0
  71. package/cypress/site/percy/empty-snapshot.cy.js +6 -0
  72. package/cypress/site/percy/fullpage-snapshots.cy.js +25 -0
  73. package/cypress/site/percy-skip/empty-snapshot.cy.js +6 -0
  74. package/cypress/snapshots/components/player.spec.js/ipad-2.snap.png +0 -0
  75. package/cypress/snapshots/components/player.spec.js/iphone-5.snap.png +0 -0
  76. package/cypress/snapshots/components/player.spec.js/macbook-13.snap.png +0 -0
  77. package/cypress/support/commands.js +69 -0
  78. package/cypress/support/e2e.js +7 -0
  79. package/cypress.components.config.ts +11 -0
  80. package/cypress.docs.config.ts +21 -0
  81. package/cypress.docs.percy.config.ts +10 -0
  82. package/cypress.docs.percy.skip.config.ts +10 -0
  83. package/dev.tfvars +0 -0
  84. package/docs/CONTRIBUTING.md +152 -0
  85. package/docs/scripts.md +100 -0
  86. package/docs/testing.md +46 -0
  87. package/docs/wsl.md +31 -0
  88. package/e2e/dist/index.html +11 -0
  89. package/e2e/index.tsx +32 -0
  90. package/e2e/tests.tsx +105 -0
  91. package/e2e/tsconfig.json +8 -0
  92. package/eks/manifests/configmap.yaml +7 -0
  93. package/eks/manifests/deployment.yaml +78 -0
  94. package/eks/manifests/ingress.yaml +52 -0
  95. package/eks/manifests/networkpolicy.yaml +21 -0
  96. package/eks/manifests/service.yaml +30 -0
  97. package/eks/values/product-platforms-values-dev.yaml +26 -0
  98. package/eks/values/product-platforms-values-prod.yaml +26 -0
  99. package/eks/values/product-platforms-values-staging.yaml +26 -0
  100. package/fonts/Roboto-Medium.woff2 +0 -0
  101. package/fonts/attribuitions.mdx +35 -0
  102. package/fonts/bitter-medium.woff +0 -0
  103. package/fonts/bitter-medium.woff2 +0 -0
  104. package/fonts/bitter-mediumitalic.woff +0 -0
  105. package/fonts/bitter-mediumitalic.woff2 +0 -0
  106. package/fonts/bitter-regular.woff +0 -0
  107. package/fonts/bitter-regular.woff2 +0 -0
  108. package/fonts/bitter-semibold.woff +0 -0
  109. package/fonts/bitter-semibold.woff2 +0 -0
  110. package/fonts/dmmono-medium.woff +0 -0
  111. package/fonts/dmmono-medium.woff2 +0 -0
  112. package/fonts/dmsans-bold-webfont.woff +0 -0
  113. package/fonts/dmsans-bold-webfont.woff2 +0 -0
  114. package/fonts/dmsans-bolditalic-webfont.woff +0 -0
  115. package/fonts/dmsans-bolditalic-webfont.woff2 +0 -0
  116. package/fonts/dmsans-italic-webfont.woff +0 -0
  117. package/fonts/dmsans-italic-webfont.woff2 +0 -0
  118. package/fonts/dmsans-medium-webfont.woff +0 -0
  119. package/fonts/dmsans-medium-webfont.woff2 +0 -0
  120. package/fonts/dmsans-mediumitalic-webfont.woff +0 -0
  121. package/fonts/dmsans-mediumitalic-webfont.woff2 +0 -0
  122. package/fonts/dmsans-regular-webfont.woff +0 -0
  123. package/fonts/dmsans-regular-webfont.woff2 +0 -0
  124. package/fonts/notosans-bold-webfont.woff +0 -0
  125. package/fonts/notosans-bold-webfont.woff2 +0 -0
  126. package/fonts/notosans-italic-webfont.woff +0 -0
  127. package/fonts/notosans-italic-webfont.woff2 +0 -0
  128. package/fonts/notosans-medium-webfont.woff +0 -0
  129. package/fonts/notosans-medium-webfont.woff2 +0 -0
  130. package/fonts/notosans-regular-webfont.woff +0 -0
  131. package/fonts/notosans-regular-webfont.woff2 +0 -0
  132. package/fonts/poppins-bold-webfont.woff +0 -0
  133. package/fonts/poppins-bold-webfont.woff2 +0 -0
  134. package/fonts/poppins-bolditalic-webfont.woff +0 -0
  135. package/fonts/poppins-bolditalic-webfont.woff2 +0 -0
  136. package/fonts/poppins-extrabold-webfont.woff +0 -0
  137. package/fonts/poppins-extrabold-webfont.woff2 +0 -0
  138. package/fonts/poppins-extrabolditalic-webfont.woff +0 -0
  139. package/fonts/poppins-extrabolditalic-webfont.woff2 +0 -0
  140. package/fonts/poppins-italic-webfont.woff +0 -0
  141. package/fonts/poppins-italic-webfont.woff2 +0 -0
  142. package/fonts/poppins-light-webfont.woff +0 -0
  143. package/fonts/poppins-light-webfont.woff2 +0 -0
  144. package/fonts/poppins-lightitalic-webfont.woff +0 -0
  145. package/fonts/poppins-lightitalic-webfont.woff2 +0 -0
  146. package/fonts/poppins-medium-webfont.woff +0 -0
  147. package/fonts/poppins-medium-webfont.woff2 +0 -0
  148. package/fonts/poppins-mediumitalic-webfont.woff +0 -0
  149. package/fonts/poppins-mediumitalic-webfont.woff2 +0 -0
  150. package/fonts/poppins-regular-webfont.woff +0 -0
  151. package/fonts/poppins-regular-webfont.woff2 +0 -0
  152. package/fonts/poppins-semibold-webfont.woff +0 -0
  153. package/fonts/poppins-semibold-webfont.woff2 +0 -0
  154. package/fonts/poppins-semibolditalic-webfont.woff +0 -0
  155. package/fonts/poppins-semibolditalic-webfont.woff2 +0 -0
  156. package/fonts/source-serif-pro-600.woff +0 -0
  157. package/fonts/source-serif-pro-600.woff2 +0 -0
  158. package/fonts/source-serif-pro-600italic.woff +0 -0
  159. package/fonts/source-serif-pro-600italic.woff2 +0 -0
  160. package/fonts/source-serif-pro-700.woff +0 -0
  161. package/fonts/source-serif-pro-700.woff2 +0 -0
  162. package/fonts/source-serif-pro-700italic.woff +0 -0
  163. package/fonts/source-serif-pro-700italic.woff2 +0 -0
  164. package/fonts/source-serif-pro-italic.woff +0 -0
  165. package/fonts/source-serif-pro-italic.woff2 +0 -0
  166. package/fonts/source-serif-pro-regular.woff +0 -0
  167. package/fonts/source-serif-pro-regular.woff2 +0 -0
  168. package/githooks/commitmsg.js +51 -0
  169. package/githooks/constants.js +18 -0
  170. package/githooks/preparecommitmsg.js +126 -0
  171. package/githooks/ttys.js +37 -0
  172. package/githooks/update-readme-node-version.js +23 -0
  173. package/jest.config.js +25 -0
  174. package/jest.preset.js +3 -0
  175. package/lib/codemod/.eslintignore +7 -0
  176. package/lib/codemod/.eslintrc.js +43 -0
  177. package/lib/codemod/.prettierignore +1 -0
  178. package/lib/codemod/.prettierrc +6 -0
  179. package/lib/codemod/Makefile +34 -0
  180. package/lib/codemod/README.md +199 -0
  181. package/lib/codemod/docs/scripts.md +15 -0
  182. package/lib/codemod/jest.config.js +7 -0
  183. package/lib/codemod/package.json +49 -0
  184. package/lib/codemod/src/cli.js +122 -0
  185. package/lib/codemod/src/utils/add-prop.js +111 -0
  186. package/lib/codemod/src/utils/component-utils.js +47 -0
  187. package/lib/codemod/src/utils/helpers.js +24 -0
  188. package/lib/codemod/src/utils/read-file.js +15 -0
  189. package/lib/codemod/src/utils/replace-distance.js +34 -0
  190. package/lib/codemod/src/utils/replace-space-inset.js +143 -0
  191. package/lib/codemod/src/utils/to-kebab-case.js +15 -0
  192. package/lib/codemod/src/utils/to-lower-case-with-space.js +11 -0
  193. package/lib/codemod/src/utils/update-props-overrides.js +107 -0
  194. package/lib/codemod/src/v6.0.0/emotion-icons.js +113 -0
  195. package/lib/codemod/src/v6.0.0/enum-to-union.js +99 -0
  196. package/lib/codemod/src/v6.0.0/remove-redundant-marker-ul.js +3 -0
  197. package/lib/codemod/src/v6.0.0/update-linkinline.js +10 -0
  198. package/lib/codemod/src/v6.0.0/update-linkstandalone.js +10 -0
  199. package/lib/codemod/src/v6.0.0/update-list-item-marker-ul-value.js +14 -0
  200. package/lib/codemod/src/v6.0.0/update-token.js +3 -0
  201. package/lib/codemod/src/v7.0.0/all-default.js +16 -0
  202. package/lib/codemod/src/v7.0.0/audio-player-play-pause-button.js +14 -0
  203. package/lib/codemod/src/v7.0.0/audio-player-volume-control.js +23 -0
  204. package/lib/codemod/src/v7.0.0/caption-inset.js +52 -0
  205. package/lib/codemod/src/v7.0.0/popover.js +23 -0
  206. package/lib/codemod/src/v7.0.0/replace-space-inset-props-and-overrides.js +70 -0
  207. package/lib/codemod/src/v7.0.0/tooltip.js +23 -0
  208. package/lib/codemod/tsconfig.eslint.json +3 -0
  209. package/lib/omlet/README.md +11 -0
  210. package/lib/omlet/index.ts +98 -0
  211. package/lib/omlet/package.json +15 -0
  212. package/multi-reporter-config.json +3 -0
  213. package/nx.json +20 -0
  214. package/outputs.tf +37 -0
  215. package/package.json +322 -306
  216. package/percy.config.js +6 -0
  217. package/provider.tf +36 -0
  218. package/rspack.config.js +14 -0
  219. package/scripts/assert-files-and-folders.js +62 -0
  220. package/scripts/branch-name-to-url.js +28 -0
  221. package/scripts/build-package-json-support.js +75 -0
  222. package/scripts/build-package-json.js +19 -0
  223. package/scripts/check-baseline-updates.js +66 -0
  224. package/scripts/component-status.js +90 -0
  225. package/scripts/convert-svg.js +121 -0
  226. package/scripts/fetch-external-fonts.js +284 -0
  227. package/scripts/generate-a11y-tests-comps.js +69 -0
  228. package/scripts/generate-a11y-tests-web.ts +43 -0
  229. package/scripts/generate-icons/index.js +83 -0
  230. package/scripts/generate-icons/used-icons-list.json +70 -0
  231. package/scripts/percy_local.sh +37 -0
  232. package/scripts/post-build.js +10 -0
  233. package/scripts/pr_comment_link.js +28 -0
  234. package/scripts/reduce-file-count.sh +14 -0
  235. package/scripts/remove-filters-svg.js +58 -0
  236. package/scripts/s3-pr-branch-naming.js +31 -0
  237. package/scripts/sync-version-number.js +15 -0
  238. package/scripts/templates-integration-test/cypress/e2e/theme-checker.cy.js +6 -0
  239. package/scripts/templates-integration-test/cypress/support/commands.js +25 -0
  240. package/scripts/templates-integration-test/cypress/support/e2e.js +20 -0
  241. package/scripts/templates-integration-test/cypress.config.js +10 -0
  242. package/scripts/templates-integration-test/index.txt +12 -0
  243. package/scripts/templates-integration-test/next.config.js +5 -0
  244. package/site/.eslintrc.json +30 -0
  245. package/site/components/anchor.tsx +57 -0
  246. package/site/components/base-card/base-card.tsx +61 -0
  247. package/site/components/base-card/index.ts +2 -0
  248. package/site/components/base-card/styled.ts +7 -0
  249. package/site/components/base-card/types.ts +6 -0
  250. package/site/components/border-card/border-card.tsx +62 -0
  251. package/site/components/border-card/index.ts +1 -0
  252. package/site/components/code-highlighter-theme.ts +69 -0
  253. package/site/components/code.tsx +118 -0
  254. package/site/components/component-api/common-logical-props.tsx +165 -0
  255. package/site/components/component-api/component-api.tsx +144 -0
  256. package/site/components/component-api/index.ts +2 -0
  257. package/site/components/component-api/types.ts +37 -0
  258. package/site/components/content-structure/content-base.tsx +105 -0
  259. package/site/components/content-structure/content-primary.tsx +11 -0
  260. package/site/components/content-structure/content-secondary.tsx +11 -0
  261. package/site/components/content-structure/content-section.tsx +12 -0
  262. package/site/components/content-structure/content-tertiary.tsx +11 -0
  263. package/site/components/content-structure/index.tsx +5 -0
  264. package/site/components/content-structure/types.tsx +47 -0
  265. package/site/components/debug-dropdown/index.tsx +32 -0
  266. package/site/components/debug-dropdown/styled.ts +26 -0
  267. package/site/components/demo/code-template.tsx +125 -0
  268. package/site/components/demo/template.tsx +400 -0
  269. package/site/components/demo/use-theme-switcher.tsx +127 -0
  270. package/site/components/enum-table.tsx +25 -0
  271. package/site/components/feature-card/__mocks__/feature-card.tsx +8 -0
  272. package/site/components/feature-card/feature-card.tsx +441 -0
  273. package/site/components/feature-card/index.ts +2 -0
  274. package/site/components/feature-card/styled.ts +50 -0
  275. package/site/components/feature-card/types.ts +35 -0
  276. package/site/components/flags/circle-flag/circle-flag.tsx +15 -0
  277. package/site/components/flags/circle-flag/index.ts +1 -0
  278. package/site/components/flags/index.ts +5 -0
  279. package/site/components/flags/mono/index.ts +2 -0
  280. package/site/components/flags/mono/mono.tsx +20 -0
  281. package/site/components/flags/mono/types.ts +3 -0
  282. package/site/components/flags/mono-color/index.ts +1 -0
  283. package/site/components/flags/mono-color/mono-color.tsx +43 -0
  284. package/site/components/flags/mono-keyboard/icon.tsx +49 -0
  285. package/site/components/flags/mono-keyboard/index.ts +1 -0
  286. package/site/components/flags/mono-keyboard/mono-keyboard.tsx +32 -0
  287. package/site/components/flags/mono-path/index.ts +1 -0
  288. package/site/components/flags/mono-path/mono-path.tsx +19 -0
  289. package/site/components/flags/mono-path/styled.ts +6 -0
  290. package/site/components/font-attributes/font-attributes.tsx +57 -0
  291. package/site/components/font-attributes/index.ts +1 -0
  292. package/site/components/head-next-seo/head-next-seo.tsx +47 -0
  293. package/site/components/head-next-seo/index.ts +1 -0
  294. package/site/components/header-index/header-index.tsx +84 -0
  295. package/site/components/header-index/index.ts +1 -0
  296. package/site/components/header-index/types.ts +7 -0
  297. package/site/components/homepage/explore/explore.tsx +82 -0
  298. package/site/components/homepage/explore/index.ts +1 -0
  299. package/site/components/homepage/hero/hero-interactive-elements.tsx +227 -0
  300. package/site/components/homepage/hero/hero.tsx +139 -0
  301. package/site/components/homepage/hero/index.ts +1 -0
  302. package/site/components/homepage/hero/styled.ts +44 -0
  303. package/site/components/homepage/hero/types.ts +11 -0
  304. package/site/components/homepage/index.ts +5 -0
  305. package/site/components/homepage/keep-in-touch/index.ts +1 -0
  306. package/site/components/homepage/keep-in-touch/keep-in-touch.tsx +79 -0
  307. package/site/components/homepage/supported-brands/index.ts +1 -0
  308. package/site/components/homepage/supported-brands/supported-brands.tsx +93 -0
  309. package/site/components/homepage/whats-new/index.ts +1 -0
  310. package/site/components/homepage/whats-new/whats-new.tsx +38 -0
  311. package/site/components/hooks.tsx +54 -0
  312. package/site/components/html-meta.tsx +42 -0
  313. package/site/components/icons/icon-filled-aa.tsx +16 -0
  314. package/site/components/icons/icon-filled-aaa.tsx +16 -0
  315. package/site/components/icons/icon-filled-check-circle.tsx +29 -0
  316. package/site/components/icons/icon-filled-chrome.tsx +18 -0
  317. package/site/components/icons/icon-filled-circle.tsx +15 -0
  318. package/site/components/icons/icon-filled-cross-circle.tsx +30 -0
  319. package/site/components/icons/icon-filled-dark.tsx +20 -0
  320. package/site/components/icons/icon-filled-edge.tsx +12 -0
  321. package/site/components/icons/icon-filled-expand-less.tsx +13 -0
  322. package/site/components/icons/icon-filled-expand-more.tsx +13 -0
  323. package/site/components/icons/icon-filled-facebook.tsx +14 -0
  324. package/site/components/icons/icon-filled-figma.tsx +27 -0
  325. package/site/components/icons/icon-filled-firefox.tsx +15 -0
  326. package/site/components/icons/icon-filled-github.tsx +14 -0
  327. package/site/components/icons/icon-filled-instagram.tsx +14 -0
  328. package/site/components/icons/icon-filled-light.tsx +20 -0
  329. package/site/components/icons/icon-filled-npm.tsx +16 -0
  330. package/site/components/icons/icon-filled-null-dot.tsx +19 -0
  331. package/site/components/icons/icon-filled-reddit.tsx +14 -0
  332. package/site/components/icons/icon-filled-safari.tsx +15 -0
  333. package/site/components/icons/icon-filled-search.tsx +11 -0
  334. package/site/components/icons/icon-filled-storybook.tsx +25 -0
  335. package/site/components/icons/icon-filled-timer.tsx +13 -0
  336. package/site/components/icons/icon-filled-twitter.tsx +14 -0
  337. package/site/components/icons/icon-filled-whatsapp.tsx +14 -0
  338. package/site/components/icons/icon-filled-youtube.tsx +14 -0
  339. package/site/components/icons/index.tsx +18 -0
  340. package/site/components/illustrations/illustration-loader.tsx +76 -0
  341. package/site/components/illustrations/utils.ts +7 -0
  342. package/site/components/inverse-theme.tsx +14 -0
  343. package/site/components/json.tsx +12 -0
  344. package/site/components/layout-cells/index.ts +16 -0
  345. package/site/components/layout.tsx +254 -0
  346. package/site/components/legacy-block/index.ts +2 -0
  347. package/site/components/legacy-block/legacy-block.tsx +261 -0
  348. package/site/components/legacy-block/style-builder.ts +50 -0
  349. package/site/components/legacy-block/types.ts +74 -0
  350. package/site/components/link/index.ts +2 -0
  351. package/site/components/link/link.tsx +53 -0
  352. package/site/components/link/types.ts +8 -0
  353. package/site/components/logo/index.tsx +2 -0
  354. package/site/components/logo/newskit-logo.tsx +63 -0
  355. package/site/components/logo/newskit-mobile-logo.tsx +61 -0
  356. package/site/components/markdown-elements.tsx +278 -0
  357. package/site/components/media-list/__mocks__/media-list.tsx +8 -0
  358. package/site/components/media-list/index.ts +2 -0
  359. package/site/components/media-list/media-list.tsx +117 -0
  360. package/site/components/media-list/span-list-config.tsx +8 -0
  361. package/site/components/media-list/types.ts +22 -0
  362. package/site/components/menu-collapsible/menu-collapsible.tsx +211 -0
  363. package/site/components/menu-collapsible/styled.tsx +80 -0
  364. package/site/components/meta/__mocks__/meta.tsx +8 -0
  365. package/site/components/meta/figma-button.tsx +23 -0
  366. package/site/components/meta/github-button.tsx +23 -0
  367. package/site/components/meta/index.ts +2 -0
  368. package/site/components/meta/introduce.tsx +33 -0
  369. package/site/components/meta/meta.tsx +86 -0
  370. package/site/components/meta/status.tsx +22 -0
  371. package/site/components/meta/storybook-button.tsx +25 -0
  372. package/site/components/meta/types.ts +20 -0
  373. package/site/components/outline-card/index.ts +1 -0
  374. package/site/components/outline-card/outline-card.tsx +94 -0
  375. package/site/components/overlay.tsx +100 -0
  376. package/site/components/page-introduction/__mocks__/page-introduction.tsx +8 -0
  377. package/site/components/page-introduction/index.ts +2 -0
  378. package/site/components/page-introduction/page-introduction.tsx +81 -0
  379. package/site/components/page-introduction/types.ts +16 -0
  380. package/site/components/page-load-instrumentation/index.ts +30 -0
  381. package/site/components/page-title.tsx +18 -0
  382. package/site/components/playground/__mocks__/index.tsx +8 -0
  383. package/site/components/playground/code-example.tsx +102 -0
  384. package/site/components/playground/error-boundary.tsx +41 -0
  385. package/site/components/playground/index.tsx +231 -0
  386. package/site/components/playground/knobs/array-knob.tsx +179 -0
  387. package/site/components/playground/knobs/boolean-knob.tsx +32 -0
  388. package/site/components/playground/knobs/common.tsx +19 -0
  389. package/site/components/playground/knobs/input-knob.tsx +107 -0
  390. package/site/components/playground/knobs/multichoice-knob.tsx +158 -0
  391. package/site/components/playground/selector.tsx +90 -0
  392. package/site/components/playground/source-generator.tsx +81 -0
  393. package/site/components/playground/types.ts +44 -0
  394. package/site/components/playground/utils.tsx +15 -0
  395. package/site/components/prop-renderer.tsx +22 -0
  396. package/site/components/prop.tsx +125 -0
  397. package/site/components/release-notes/release-badges.tsx +41 -0
  398. package/site/components/release-notes/release-header.tsx +37 -0
  399. package/site/components/release-notes/release-notes.tsx +79 -0
  400. package/site/components/search/doc-search-hit.tsx +73 -0
  401. package/site/components/search/index.ts +1 -0
  402. package/site/components/search/new-start-screen.tsx +107 -0
  403. package/site/components/search/search.tsx +350 -0
  404. package/site/components/search/types.ts +18 -0
  405. package/site/components/search/utils.ts +39 -0
  406. package/site/components/section-introduction/index.ts +2 -0
  407. package/site/components/section-introduction/section-introduction.tsx +93 -0
  408. package/site/components/section-introduction/types.ts +11 -0
  409. package/site/components/section-navigation.tsx +83 -0
  410. package/site/components/separator/index.tsx +1 -0
  411. package/site/components/separator/separator.tsx +13 -0
  412. package/site/components/sidebar/index.tsx +2 -0
  413. package/site/components/sidebar/sidebar-navigation.tsx +138 -0
  414. package/site/components/sidebar/sidebar.tsx +79 -0
  415. package/site/components/sidebar/styled.tsx +55 -0
  416. package/site/components/sidebar/types.ts +50 -0
  417. package/site/components/site-footer.tsx +147 -0
  418. package/site/components/site-header.tsx +217 -0
  419. package/site/components/slack-logo.tsx +36 -0
  420. package/site/components/step/index.ts +1 -0
  421. package/site/components/step/step.tsx +48 -0
  422. package/site/components/svg-previewer/colors-theme-list.tsx +104 -0
  423. package/site/components/svg-previewer/controls/download-controls.tsx +157 -0
  424. package/site/components/svg-previewer/controls/theme-controls.tsx +110 -0
  425. package/site/components/svg-previewer/controls/types.ts +19 -0
  426. package/site/components/svg-previewer/styled.tsx +26 -0
  427. package/site/components/svg-previewer/svg-previewer.tsx +184 -0
  428. package/site/components/swatch-card/index.ts +1 -0
  429. package/site/components/swatch-card/swatch-card.tsx +86 -0
  430. package/site/components/table/__mocks__/table.tsx +8 -0
  431. package/site/components/table/column-map.ts +110 -0
  432. package/site/components/table/column-renderer.tsx +342 -0
  433. package/site/components/table/index.ts +3 -0
  434. package/site/components/table/styled.ts +48 -0
  435. package/site/components/table/table.tsx +47 -0
  436. package/site/components/table/types.ts +70 -0
  437. package/site/components/table-of-contents/contents-observer.ts +57 -0
  438. package/site/components/table-of-contents/index.ts +1 -0
  439. package/site/components/table-of-contents/styled.ts +27 -0
  440. package/site/components/table-of-contents/table-of-contents.tsx +116 -0
  441. package/site/components/table-of-contents/types.ts +6 -0
  442. package/site/components/tabs-with-table/index.ts +2 -0
  443. package/site/components/tabs-with-table/tabs-with-table.tsx +52 -0
  444. package/site/components/tabs-with-table/types.ts +18 -0
  445. package/site/components/text-crop-calculator/@types/detect-font.d.ts +9 -0
  446. package/site/components/text-crop-calculator/app-state-context.tsx +266 -0
  447. package/site/components/text-crop-calculator/components/config.ts +2 -0
  448. package/site/components/text-crop-calculator/components/edit-metrics.tsx +71 -0
  449. package/site/components/text-crop-calculator/components/font-selector/file-upload-selector.tsx +112 -0
  450. package/site/components/text-crop-calculator/components/font-selector/font-injector.tsx +23 -0
  451. package/site/components/text-crop-calculator/components/font-selector/google-font-selector.tsx +75 -0
  452. package/site/components/text-crop-calculator/components/font-selector/index.tsx +35 -0
  453. package/site/components/text-crop-calculator/components/font-selector/system-font-selector.tsx +74 -0
  454. package/site/components/text-crop-calculator/components/font-selector/url-font-selector.tsx +67 -0
  455. package/site/components/text-crop-calculator/components/metric.tsx +88 -0
  456. package/site/components/text-crop-calculator/components/metrics-preview.tsx +96 -0
  457. package/site/components/text-crop-calculator/components/output-css.tsx +40 -0
  458. package/site/components/text-crop-calculator/components/styled.tsx +87 -0
  459. package/site/components/text-crop-calculator/json/google-font-api.json +34066 -0
  460. package/site/components/text-crop-calculator/json/system-fonts.json +178 -0
  461. package/site/components/text-crop-calculator/text-crop-calculator.tsx +50 -0
  462. package/site/components/text-crop-calculator/unpack.ts +125 -0
  463. package/site/components/text-section/content-text.tsx +45 -0
  464. package/site/components/text-section/index.ts +2 -0
  465. package/site/components/text-section/types.ts +7 -0
  466. package/site/components/theme-switch.tsx +38 -0
  467. package/site/components/theming-values/borders.tsx +65 -0
  468. package/site/components/theming-values/colors/color-utils.tsx +61 -0
  469. package/site/components/theming-values/colors/colors.tsx +123 -0
  470. package/site/components/theming-values/colors/index.ts +2 -0
  471. package/site/components/theming-values/colors/styled.ts +145 -0
  472. package/site/components/theming-values/colors/swatches.tsx +90 -0
  473. package/site/components/theming-values/colors/types.ts +9 -0
  474. package/site/components/theming-values/colors/utils.ts +84 -0
  475. package/site/components/theming-values/common.tsx +16 -0
  476. package/site/components/theming-values/motions/styled.tsx +165 -0
  477. package/site/components/theming-values/motions/swatches.tsx +55 -0
  478. package/site/components/theming-values/motions/types.ts +8 -0
  479. package/site/components/theming-values/motions/utils.ts +110 -0
  480. package/site/components/theming-values/overlays/swatches.tsx +87 -0
  481. package/site/components/theming-values/size-box.tsx +18 -0
  482. package/site/components/theming-values/sizing.tsx +64 -0
  483. package/site/components/unpack-content/index.tsx +2 -0
  484. package/site/components/unpack-content/types.tsx +11 -0
  485. package/site/components/unpack-content/unpack-content.tsx +117 -0
  486. package/site/components/usage-card/index.ts +2 -0
  487. package/site/components/usage-card/styled.ts +12 -0
  488. package/site/components/usage-card/types.ts +19 -0
  489. package/site/components/usage-card/usage-card.tsx +97 -0
  490. package/site/context.ts +3 -0
  491. package/site/demo-components/card/card-horizontal-medium-without-inset.tsx +112 -0
  492. package/site/demo-components/card/card-vertical-medium-without-inset.tsx +108 -0
  493. package/site/demo-components/card/card-vertical-small-with-inset.tsx +101 -0
  494. package/site/demo-components/divider/styled.tsx +15 -0
  495. package/site/demo-components/drawer/drawer.tsx +24 -0
  496. package/site/demo-components/scroll/scroll-snap.tsx +59 -0
  497. package/site/demo-components/tabs/tabs-scroll-snap.tsx +29 -0
  498. package/site/global.d.ts +58 -0
  499. package/site/helpers/a11y.ts +9 -0
  500. package/site/helpers/ga.ts +27 -0
  501. package/site/helpers/slugify.ts +15 -0
  502. package/site/helpers/use-theme-mode.tsx +4 -0
  503. package/site/jest-config/style-mock.js +1 -0
  504. package/site/jest.config.js +46 -0
  505. package/site/mdx-plugins/rehype-extract-doc-title/index.js +31 -0
  506. package/site/mdx.js +13 -0
  507. package/site/next-env.d.ts +5 -0
  508. package/site/next.config.js +71 -0
  509. package/site/pages/404.tsx +111 -0
  510. package/site/pages/_app.tsx +179 -0
  511. package/site/pages/_document.tsx +276 -0
  512. package/site/pages/about/contact-us.tsx +86 -0
  513. package/site/pages/about/contribute.tsx +190 -0
  514. package/site/pages/about/overview.tsx +73 -0
  515. package/site/pages/about/release-notes.tsx +140 -0
  516. package/site/pages/about/roadmap.tsx +49 -0
  517. package/site/pages/about/why-use-newskit.tsx +289 -0
  518. package/site/pages/components/accordion.tsx +546 -0
  519. package/site/pages/components/aspect-ratio.mdx +111 -0
  520. package/site/pages/components/audio-player-old.mdx +244 -0
  521. package/site/pages/components/audio-player.tsx +1709 -0
  522. package/site/pages/components/banner.tsx +592 -0
  523. package/site/pages/components/block.tsx +262 -0
  524. package/site/pages/components/breadcrumbs.tsx +682 -0
  525. package/site/pages/components/button.tsx +629 -0
  526. package/site/pages/components/byline.tsx +336 -0
  527. package/site/pages/components/caption.tsx +184 -0
  528. package/site/pages/components/card-composable.tsx +808 -0
  529. package/site/pages/components/card.mdx +259 -0
  530. package/site/pages/components/character-count.tsx +412 -0
  531. package/site/pages/components/checkbox.tsx +786 -0
  532. package/site/pages/components/community/community-index.tsx +233 -0
  533. package/site/pages/components/community/how-to-contribute.tsx +140 -0
  534. package/site/pages/components/consent-settings-link.mdx +55 -0
  535. package/site/pages/components/consent.mdx +337 -0
  536. package/site/pages/components/date-time.tsx +420 -0
  537. package/site/pages/components/divider.tsx +157 -0
  538. package/site/pages/components/drawer-old.mdx +116 -0
  539. package/site/pages/components/drawer.tsx +593 -0
  540. package/site/pages/components/experimentation-web.mdx +61 -0
  541. package/site/pages/components/fieldset.tsx +251 -0
  542. package/site/pages/components/flag.tsx +443 -0
  543. package/site/pages/components/form.tsx +1166 -0
  544. package/site/pages/components/grid-layout.tsx +705 -0
  545. package/site/pages/components/grid.tsx +817 -0
  546. package/site/pages/components/heading.mdx +8 -0
  547. package/site/pages/components/headline.tsx +338 -0
  548. package/site/pages/components/icons.mdx +114 -0
  549. package/site/pages/components/image.tsx +536 -0
  550. package/site/pages/components/inline-message.tsx +378 -0
  551. package/site/pages/components/layer.tsx +468 -0
  552. package/site/pages/components/link.tsx +668 -0
  553. package/site/pages/components/menu.tsx +998 -0
  554. package/site/pages/components/modal.tsx +603 -0
  555. package/site/pages/components/ordered-list.tsx +372 -0
  556. package/site/pages/components/overview.tsx +117 -0
  557. package/site/pages/components/pagination.tsx +922 -0
  558. package/site/pages/components/paragraph.mdx +8 -0
  559. package/site/pages/components/popover.tsx +736 -0
  560. package/site/pages/components/progress-indicator.mdx +112 -0
  561. package/site/pages/components/radio-button.tsx +833 -0
  562. package/site/pages/components/scroll.tsx +529 -0
  563. package/site/pages/components/select.tsx +844 -0
  564. package/site/pages/components/share-bar.tsx +313 -0
  565. package/site/pages/components/slider.tsx +774 -0
  566. package/site/pages/components/stack.tsx +968 -0
  567. package/site/pages/components/standfirst.tsx +215 -0
  568. package/site/pages/components/structured-list.tsx +550 -0
  569. package/site/pages/components/switch.tsx +613 -0
  570. package/site/pages/components/tabs.tsx +1097 -0
  571. package/site/pages/components/tag.tsx +530 -0
  572. package/site/pages/components/tealium.mdx +41 -0
  573. package/site/pages/components/text-area.tsx +890 -0
  574. package/site/pages/components/text-block.tsx +316 -0
  575. package/site/pages/components/text-field.tsx +836 -0
  576. package/site/pages/components/text-input.mdx +356 -0
  577. package/site/pages/components/title-bar.tsx +378 -0
  578. package/site/pages/components/toast.tsx +636 -0
  579. package/site/pages/components/tooltip.tsx +598 -0
  580. package/site/pages/components/unordered-list.tsx +540 -0
  581. package/site/pages/components/utils/custom-to-newskit-icon.mdx +45 -0
  582. package/site/pages/components/utils/emotion.mdx +34 -0
  583. package/site/pages/components/utils/get-css-from-theme.mdx +303 -0
  584. package/site/pages/components/utils/get-defaults.mdx +266 -0
  585. package/site/pages/components/utils/get-fonts-from-theme.mdx +48 -0
  586. package/site/pages/components/utils/get-from-theme.mdx +80 -0
  587. package/site/pages/components/utils/get-ssr-id.mdx +39 -0
  588. package/site/pages/components/utils/hooks.mdx +148 -0
  589. package/site/pages/components/utils/overview.mdx +8 -0
  590. package/site/pages/components/video-player.tsx +560 -0
  591. package/site/pages/components/visibility.tsx +335 -0
  592. package/site/pages/components/volume-control.mdx +100 -0
  593. package/site/pages/contributing.mdx +6 -0
  594. package/site/pages/demo/index.tsx +66 -0
  595. package/site/pages/demo/page1.tsx +28 -0
  596. package/site/pages/demo/page2.tsx +20 -0
  597. package/site/pages/demo/page3.tsx +16 -0
  598. package/site/pages/demo/page4.tsx +20 -0
  599. package/site/pages/demo/page5.tsx +16 -0
  600. package/site/pages/demo/page6.tsx +20 -0
  601. package/site/pages/demo/page7.tsx +17 -0
  602. package/site/pages/demo/page8.tsx +189 -0
  603. package/site/pages/demo/page9.tsx +32 -0
  604. package/site/pages/getting-started/accessibility/code.tsx +178 -0
  605. package/site/pages/getting-started/accessibility/design.tsx +152 -0
  606. package/site/pages/getting-started/accessibility/getting-started.tsx +198 -0
  607. package/site/pages/getting-started/accessibility/testing.tsx +377 -0
  608. package/site/pages/getting-started/accessibility/write.tsx +165 -0
  609. package/site/pages/getting-started/code/engineering-overview.tsx +370 -0
  610. package/site/pages/getting-started/code/engineering-quickstart.tsx +227 -0
  611. package/site/pages/getting-started/code/form-step-by-step.tsx +481 -0
  612. package/site/pages/getting-started/code/grid-layout-step-by-step.tsx +402 -0
  613. package/site/pages/getting-started/code/instrumentation.tsx +601 -0
  614. package/site/pages/getting-started/code/testing.mdx +35 -0
  615. package/site/pages/getting-started/design/design-overview.tsx +370 -0
  616. package/site/pages/getting-started/design/design-quickstart.tsx +648 -0
  617. package/site/pages/getting-started/design/design-values.mdx +8 -0
  618. package/site/pages/getting-started/design/ways-of-working.mdx +8 -0
  619. package/site/pages/getting-started/overview.tsx +103 -0
  620. package/site/pages/help/accessibility-statement.tsx +114 -0
  621. package/site/pages/help/faqs.mdx +8 -0
  622. package/site/pages/help/terms-and-conditions.tsx +285 -0
  623. package/site/pages/index.tsx +164 -0
  624. package/site/pages/patterns/forms/address.tsx +263 -0
  625. package/site/pages/patterns/forms/best-practice.tsx +814 -0
  626. package/site/pages/patterns/forms/date-of-birth.tsx +197 -0
  627. package/site/pages/patterns/forms/date-picker.tsx +231 -0
  628. package/site/pages/patterns/forms/email-address.tsx +192 -0
  629. package/site/pages/patterns/forms/gender.tsx +121 -0
  630. package/site/pages/patterns/forms/input-components.tsx +466 -0
  631. package/site/pages/patterns/forms/names.tsx +191 -0
  632. package/site/pages/patterns/forms/overview.tsx +146 -0
  633. package/site/pages/patterns/forms/passwords.tsx +182 -0
  634. package/site/pages/patterns/forms/payment.tsx +98 -0
  635. package/site/pages/patterns/forms/telephone-number.tsx +222 -0
  636. package/site/pages/patterns/onboarding/best-practice.tsx +130 -0
  637. package/site/pages/patterns/onboarding/how-to.tsx +232 -0
  638. package/site/pages/patterns/onboarding/overview.tsx +133 -0
  639. package/site/pages/patterns/overview.tsx +83 -0
  640. package/site/pages/patterns/solutions/account.tsx +121 -0
  641. package/site/pages/patterns/solutions/help-hub.tsx +106 -0
  642. package/site/pages/table-variants.tsx +459 -0
  643. package/site/pages/theme/foundation/borders.tsx +133 -0
  644. package/site/pages/theme/foundation/breakpoints.tsx +215 -0
  645. package/site/pages/theme/foundation/colours.tsx +469 -0
  646. package/site/pages/theme/foundation/design-tokens.tsx +184 -0
  647. package/site/pages/theme/foundation/fonts.tsx +568 -0
  648. package/site/pages/theme/foundation/gradients.tsx +162 -0
  649. package/site/pages/theme/foundation/iconography.tsx +332 -0
  650. package/site/pages/theme/foundation/motion.tsx +280 -0
  651. package/site/pages/theme/foundation/opacity.tsx +88 -0
  652. package/site/pages/theme/foundation/outlines.tsx +210 -0
  653. package/site/pages/theme/foundation/overlays.tsx +169 -0
  654. package/site/pages/theme/foundation/shadows.tsx +114 -0
  655. package/site/pages/theme/foundation/sizing.tsx +213 -0
  656. package/site/pages/theme/foundation/spacing.tsx +319 -0
  657. package/site/pages/theme/overview.tsx +90 -0
  658. package/site/pages/theme/presets/overview.mdx +8 -0
  659. package/site/pages/theme/presets/style-presets.tsx +768 -0
  660. package/site/pages/theme/presets/transition-presets.tsx +1080 -0
  661. package/site/pages/theme/presets/typography-presets.tsx +331 -0
  662. package/site/pages/theme/theming/component-defaults.tsx +281 -0
  663. package/site/pages/theme/theming/creating-a-theme.tsx +623 -0
  664. package/site/pages/theme/theming/overview.mdx +9 -0
  665. package/site/pages/theme/theming/using-a-theme.mdx +81 -0
  666. package/site/pages/tools/illustration-to-svg.tsx +127 -0
  667. package/site/pages/tools/preview-illustration-export.tsx +11 -0
  668. package/site/project.json +65 -0
  669. package/site/public/static/1x1-placeholder.png +0 -0
  670. package/site/public/static/about/contribute/contribute-banner-create.svg +27 -0
  671. package/site/public/static/about/contribute/contribute-banner-feedback.svg +40 -0
  672. package/site/public/static/about/contribute/contribute-banner-introduction.svg +26 -0
  673. package/site/public/static/about/contribute/contribute-banner-share.svg +43 -0
  674. package/site/public/static/about/contribute/contribute-card-create.svg +29 -0
  675. package/site/public/static/about/contribute/contribute-card-feedback.svg +38 -0
  676. package/site/public/static/about/contribute/contribute-card-share.svg +50 -0
  677. package/site/public/static/about/latest-news-and-articles/news-audioplayer-nick.png +0 -0
  678. package/site/public/static/about/latest-news-and-articles/news-ds-podcast-nick.png +0 -0
  679. package/site/public/static/about/latest-news-and-articles/news-dslondon-luke-marco.png +0 -0
  680. package/site/public/static/about/latest-news-and-articles/news-dslondon-xin.png +0 -0
  681. package/site/public/static/about/latest-news-and-articles/news-wdc-geri.png +0 -0
  682. package/site/public/static/about/latest-news-and-articles/news-zeroheight-podcast-geri.png +0 -0
  683. package/site/public/static/android-chrome-192x192.png +0 -0
  684. package/site/public/static/android-chrome-512x512.png +0 -0
  685. package/site/public/static/apple-touch-icon.png +0 -0
  686. package/site/public/static/avatar.png +0 -0
  687. package/site/public/static/browserconfig.xml +8 -0
  688. package/site/public/static/button-hero.svg +12 -0
  689. package/site/public/static/capsize-adustement.png +0 -0
  690. package/site/public/static/card-feature-need-help.svg +17 -0
  691. package/site/public/static/card-image.png +0 -0
  692. package/site/public/static/components.png +0 -0
  693. package/site/public/static/contact-us.svg +66 -0
  694. package/site/public/static/demo/page2.tsx +19 -0
  695. package/site/public/static/demo/page3.tsx +25 -0
  696. package/site/public/static/demo/page4.tsx +36 -0
  697. package/site/public/static/demo/page5.tsx +51 -0
  698. package/site/public/static/demo/page6-theme.tsx +24 -0
  699. package/site/public/static/demo/page6.tsx +74 -0
  700. package/site/public/static/demo/page7.tsx +70 -0
  701. package/site/public/static/examples/analytics/analytics-middleware.tsx +27 -0
  702. package/site/public/static/examples/analytics/analytics-provider-nested.tsx +27 -0
  703. package/site/public/static/examples/analytics/with-analytics.tsx +23 -0
  704. package/site/public/static/examples/byline/data.tsx +9 -0
  705. package/site/public/static/examples/card/horizontal-card-medium-without-inset.tsx +92 -0
  706. package/site/public/static/examples/card/vertical-card-medium-without-inset.tsx +88 -0
  707. package/site/public/static/examples/card/vertical-card-small-with-inset.tsx +81 -0
  708. package/site/public/static/examples/consent-settings-link.tsx +5 -0
  709. package/site/public/static/examples/consent.tsx +5 -0
  710. package/site/public/static/examples/divider/divider-horizontal-in-block.tsx +19 -0
  711. package/site/public/static/examples/divider/divider-vertical-in-block.tsx +23 -0
  712. package/site/public/static/examples/divider/divider-vertical-in-stack.tsx +14 -0
  713. package/site/public/static/examples/drawer/drawer.tsx +21 -0
  714. package/site/public/static/examples/email-input/email-input.tsx +6 -0
  715. package/site/public/static/examples/experimentation-web.tsx +7 -0
  716. package/site/public/static/examples/fonts/configuring-text-cropping.tsx +28 -0
  717. package/site/public/static/examples/fonts/font-properties.tsx +8 -0
  718. package/site/public/static/examples/form/form-with-schema-validation.tsx +17 -0
  719. package/site/public/static/examples/form/form.tsx +14 -0
  720. package/site/public/static/examples/form/invalid-form.tsx +14 -0
  721. package/site/public/static/examples/form/validated-form.tsx +9 -0
  722. package/site/public/static/examples/guides/get-started-generator/get-started-generator.tsx +10 -0
  723. package/site/public/static/examples/guides/get-started-newskit.tsx +17 -0
  724. package/site/public/static/examples/hooks/use-controlled.tsx +33 -0
  725. package/site/public/static/examples/hooks/use-intersection.tsx +18 -0
  726. package/site/public/static/examples/hooks/use-keypress.tsx +32 -0
  727. package/site/public/static/examples/hooks/use-resize-observer.tsx +18 -0
  728. package/site/public/static/examples/image/image-with-caption.tsx +10 -0
  729. package/site/public/static/examples/instrumentation/instrumentation-middleware.tsx +32 -0
  730. package/site/public/static/examples/instrumentation/instrumentation-provider-nested-2.tsx +23 -0
  731. package/site/public/static/examples/instrumentation/instrumentation-provider-nested-3.tsx +20 -0
  732. package/site/public/static/examples/instrumentation/instrumentation-provider-nested.tsx +62 -0
  733. package/site/public/static/examples/instrumentation/instrumentation-provider.tsx +24 -0
  734. package/site/public/static/examples/instrumentation/with-instrumentation.tsx +23 -0
  735. package/site/public/static/examples/screen-reader.tsx +8 -0
  736. package/site/public/static/examples/spacing/generic1.png +0 -0
  737. package/site/public/static/examples/spacing/get-spaceinline-horizontal.png +0 -0
  738. package/site/public/static/examples/spacing/get-spaceinline-vertical.png +0 -0
  739. package/site/public/static/examples/spacing/get-spacingstack-horizontal.png +0 -0
  740. package/site/public/static/examples/spacing/get-spacingstack-vertical.png +0 -0
  741. package/site/public/static/examples/spacing/inline1.png +0 -0
  742. package/site/public/static/examples/spacing/inset1.png +0 -0
  743. package/site/public/static/examples/spacing/squish-inset1.png +0 -0
  744. package/site/public/static/examples/spacing/stacking1.png +0 -0
  745. package/site/public/static/examples/spacing/stretch-inset1.png +0 -0
  746. package/site/public/static/examples/tabs/tabs.tsx +7 -0
  747. package/site/public/static/examples/tealium.tsx +9 -0
  748. package/site/public/static/examples/theming/__extends_1.tsx +7 -0
  749. package/site/public/static/examples/theming/__extends_2.tsx +6 -0
  750. package/site/public/static/examples/theming/adding-style-preset.tsx +18 -0
  751. package/site/public/static/examples/theming/adding-typography-preset.tsx +16 -0
  752. package/site/public/static/examples/theming/blue-shift.tsx +19 -0
  753. package/site/public/static/examples/theming/border-radius-change.tsx +10 -0
  754. package/site/public/static/examples/theming/component-defaults-in-theme.tsx +15 -0
  755. package/site/public/static/examples/theming/component-defaults-nested.tsx +31 -0
  756. package/site/public/static/examples/theming/component-defaults.tsx +12 -0
  757. package/site/public/static/examples/theming/extends-keyword-equivalent.ts +6 -0
  758. package/site/public/static/examples/theming/font-crop-config.tsx +27 -0
  759. package/site/public/static/examples/theming/function-as-a-value.tsx +13 -0
  760. package/site/public/static/examples/theming/ink-negative-change.tsx +11 -0
  761. package/site/public/static/examples/theming/nested-theme-provider.tsx +18 -0
  762. package/site/public/static/examples/theming/newskit-provider.tsx +9 -0
  763. package/site/public/static/examples/theming/override-icons.tsx +23 -0
  764. package/site/public/static/examples/theming/styled.tsx +15 -0
  765. package/site/public/static/examples/theming/unit-testing-your-theme.tsx +19 -0
  766. package/site/public/static/examples/theming/use-theme.tsx +6 -0
  767. package/site/public/static/examples/theming/with-theme.tsx +5 -0
  768. package/site/public/static/examples/transition-presets/background-border-colours.mp4 +0 -0
  769. package/site/public/static/examples/transition-presets/background-colour.mp4 +0 -0
  770. package/site/public/static/examples/transition-presets/drawer-mount-unmount.mp4 +0 -0
  771. package/site/public/static/examples/typography/typography.png +0 -0
  772. package/site/public/static/examples/utils/custom-to-newskit-icon.tsx +13 -0
  773. package/site/public/static/examples/utils/get-defaults.tsx +154 -0
  774. package/site/public/static/examples/utils/get-fonts-from-theme.tsx +6 -0
  775. package/site/public/static/examples/utils/get-from-theme/basic-css.tsx +6 -0
  776. package/site/public/static/examples/utils/get-from-theme/basic.tsx +6 -0
  777. package/site/public/static/examples/utils/get-from-theme/callback-as-args-css.tsx +13 -0
  778. package/site/public/static/examples/utils/get-from-theme/get-device-query-from-theme-css-object.tsx +7 -0
  779. package/site/public/static/examples/utils/get-from-theme/get-device-query-from-theme-serialized-styles.tsx +7 -0
  780. package/site/public/static/examples/utils/get-from-theme/get-media-query-from-theme-1.tsx +10 -0
  781. package/site/public/static/examples/utils/get-from-theme/get-media-query-from-theme-2.tsx +10 -0
  782. package/site/public/static/examples/utils/get-from-theme/get-style-preset-from-theme.tsx +12 -0
  783. package/site/public/static/examples/utils/get-from-theme/get-transition-preset-from-theme.tsx +26 -0
  784. package/site/public/static/examples/utils/get-from-theme/get-typography-preset-from-theme.tsx +6 -0
  785. package/site/public/static/examples/utils/get-from-theme/three-args-non-token-css.tsx +6 -0
  786. package/site/public/static/examples/utils/get-from-theme/three-args.tsx +6 -0
  787. package/site/public/static/examples/utils/get-from-theme/two-args.tsx +6 -0
  788. package/site/public/static/examples/utils/get-ssr-id-for.tsx +9 -0
  789. package/site/public/static/examples/utils/get-ssr-id-map.tsx +4 -0
  790. package/site/public/static/examples/utils/style-preset-example.tsx +24 -0
  791. package/site/public/static/examples/utils/style-preset.png +0 -0
  792. package/site/public/static/examples/visibility.tsx +8 -0
  793. package/site/public/static/favicon-16x16.png +0 -0
  794. package/site/public/static/favicon-32x32.png +0 -0
  795. package/site/public/static/favicon.ico +0 -0
  796. package/site/public/static/feature-card-foundations.svg +4 -0
  797. package/site/public/static/feature-card-patterns-16-9.svg +35 -0
  798. package/site/public/static/feature-card-release.svg +22 -0
  799. package/site/public/static/foundations-overview-hero.svg +17 -0
  800. package/site/public/static/foundations.png +0 -0
  801. package/site/public/static/help.svg +12 -0
  802. package/site/public/static/illustrations/404-hero.svg +18 -0
  803. package/site/public/static/illustrations/about/contact-us-hero-illustration.svg +32 -0
  804. package/site/public/static/illustrations/about/hero-contribute-illustration.svg +80 -0
  805. package/site/public/static/illustrations/about/hero.svg +1 -0
  806. package/site/public/static/illustrations/about/introduction-hero-stepping-stones-illustration.svg +81 -0
  807. package/site/public/static/illustrations/about/principles/design-for-people.svg +14 -0
  808. package/site/public/static/illustrations/about/principles/inclusive.svg +135 -0
  809. package/site/public/static/illustrations/about/principles/open.svg +132 -0
  810. package/site/public/static/illustrations/about/principles-01.svg +28 -0
  811. package/site/public/static/illustrations/about/principles-02.svg +30 -0
  812. package/site/public/static/illustrations/about/principles-03.svg +30 -0
  813. package/site/public/static/illustrations/about/release-notes-hero-illustration.svg +1 -0
  814. package/site/public/static/illustrations/about/why-use-newskit-hero-illustration.svg +1 -0
  815. package/site/public/static/illustrations/brands/barrons.svg +27 -0
  816. package/site/public/static/illustrations/brands/factiva.svg +91 -0
  817. package/site/public/static/illustrations/brands/mansion-global.svg +15 -0
  818. package/site/public/static/illustrations/brands/marketwatch.svg +19 -0
  819. package/site/public/static/illustrations/brands/sun.svg +17 -0
  820. package/site/public/static/illustrations/brands/talk-radio.svg +51 -0
  821. package/site/public/static/illustrations/brands/talk-sport.svg +49 -0
  822. package/site/public/static/illustrations/brands/talk-tv.svg +35 -0
  823. package/site/public/static/illustrations/brands/times-travel.svg +61 -0
  824. package/site/public/static/illustrations/brands/times.svg +447 -0
  825. package/site/public/static/illustrations/brands/virgin.svg +47 -0
  826. package/site/public/static/illustrations/brands/wsj.svg +15 -0
  827. package/site/public/static/illustrations/components/accordion/anatomy.svg +151 -0
  828. package/site/public/static/illustrations/components/accordion/behaviours/allexpandedonload.svg +37 -0
  829. package/site/public/static/illustrations/components/accordion/behaviours/collapseexpand.svg +25 -0
  830. package/site/public/static/illustrations/components/accordion/behaviours/firstexpandedonload.svg +34 -0
  831. package/site/public/static/illustrations/components/accordion/behaviours/singleexpanded.svg +34 -0
  832. package/site/public/static/illustrations/components/accordion/hero.svg +57 -0
  833. package/site/public/static/illustrations/components/accordion/options/heading.svg +28 -0
  834. package/site/public/static/illustrations/components/accordion/options/icon.svg +21 -0
  835. package/site/public/static/illustrations/components/accordion/options/singlegroup.svg +35 -0
  836. package/site/public/static/illustrations/components/accordion/states/base.svg +17 -0
  837. package/site/public/static/illustrations/components/accordion/states/disabled.svg +17 -0
  838. package/site/public/static/illustrations/components/accordion/states/focus.svg +64 -0
  839. package/site/public/static/illustrations/components/accordion/states/hover.svg +22 -0
  840. package/site/public/static/illustrations/components/accordion/usage/do01.svg +29 -0
  841. package/site/public/static/illustrations/components/accordion/usage/do02.svg +45 -0
  842. package/site/public/static/illustrations/components/accordion/usage/dont01.svg +23 -0
  843. package/site/public/static/illustrations/components/accordion/usage/dont02.svg +44 -0
  844. package/site/public/static/illustrations/components/aspect-ratio-illustration.svg +39 -0
  845. package/site/public/static/illustrations/components/audio-player/anatomy/anatomy-01.svg +257 -0
  846. package/site/public/static/illustrations/components/audio-player/anatomy/anatomy-02.svg +75 -0
  847. package/site/public/static/illustrations/components/audio-player/anatomy/anatomy-03.svg +569 -0
  848. package/site/public/static/illustrations/components/audio-player/behaviours/buffering.svg +28 -0
  849. package/site/public/static/illustrations/components/audio-player/behaviours/mute-button.svg +21 -0
  850. package/site/public/static/illustrations/components/audio-player/behaviours/play-pause-live.svg +30 -0
  851. package/site/public/static/illustrations/components/audio-player/behaviours/play-pause-recorded.svg +21 -0
  852. package/site/public/static/illustrations/components/audio-player/behaviours/skip-next.svg +24 -0
  853. package/site/public/static/illustrations/components/audio-player/behaviours/skip-previous.svg +21 -0
  854. package/site/public/static/illustrations/components/audio-player/layout-examples/full-player.svg +198 -0
  855. package/site/public/static/illustrations/components/audio-player/layout-examples/inline-player.svg +34 -0
  856. package/site/public/static/illustrations/components/audio-player/layout-examples/player-in-card.svg +70 -0
  857. package/site/public/static/illustrations/components/audio-player/options/autoplay.svg +20 -0
  858. package/site/public/static/illustrations/components/audio-player/options/forward-replay.svg +35 -0
  859. package/site/public/static/illustrations/components/audio-player/options/live.svg +18 -0
  860. package/site/public/static/illustrations/components/audio-player/options/mute-button.svg +23 -0
  861. package/site/public/static/illustrations/components/audio-player/options/playback-speed-control.svg +17 -0
  862. package/site/public/static/illustrations/components/audio-player/options/recorded.svg +20 -0
  863. package/site/public/static/illustrations/components/audio-player/options/time-display.svg +21 -0
  864. package/site/public/static/illustrations/components/audio-player/options/volume-control.svg +22 -0
  865. package/site/public/static/illustrations/components/audio-player/usage/do-01.svg +22 -0
  866. package/site/public/static/illustrations/components/audio-player/usage/do-02.svg +129 -0
  867. package/site/public/static/illustrations/components/audio-player/usage/do-03.svg +39 -0
  868. package/site/public/static/illustrations/components/audio-player/usage/dont-01.svg +38 -0
  869. package/site/public/static/illustrations/components/audio-player-illustration.svg +88 -0
  870. package/site/public/static/illustrations/components/banner/banner-anatomy-illustration.svg +166 -0
  871. package/site/public/static/illustrations/components/banner/banner-behaviours-text-overflow-illustration.svg +15 -0
  872. package/site/public/static/illustrations/components/banner/banner-do-1-illustration.svg +21 -0
  873. package/site/public/static/illustrations/components/banner/banner-do-2-illustration.svg +22 -0
  874. package/site/public/static/illustrations/components/banner/banner-do-3-illustration.svg +28 -0
  875. package/site/public/static/illustrations/components/banner/banner-do-4-illustration.svg +17 -0
  876. package/site/public/static/illustrations/components/banner/banner-do-6-illustration.svg +82 -0
  877. package/site/public/static/illustrations/components/banner/banner-dont-1-illustration.svg +24 -0
  878. package/site/public/static/illustrations/components/banner/banner-dont-2-illustration.svg +24 -0
  879. package/site/public/static/illustrations/components/banner/banner-dont-3-illustration.svg +26 -0
  880. package/site/public/static/illustrations/components/banner/banner-dont-5-illustration.svg +44 -0
  881. package/site/public/static/illustrations/components/banner/banner-illustration.svg +46 -0
  882. package/site/public/static/illustrations/components/banner/banner-options-actionable-illustration.svg +18 -0
  883. package/site/public/static/illustrations/components/banner/banner-options-dismissable-illustration.svg +30 -0
  884. package/site/public/static/illustrations/components/banner/banner-options-icon-illustration.svg +22 -0
  885. package/site/public/static/illustrations/components/banner/banner-options-intent-illustration.svg +29 -0
  886. package/site/public/static/illustrations/components/banner/banner-options-orientation-illustration.svg +28 -0
  887. package/site/public/static/illustrations/components/banner/banner-options-title-illustration.svg +22 -0
  888. package/site/public/static/illustrations/components/block/anatomy.svg +60 -0
  889. package/site/public/static/illustrations/components/block/render-as.svg +127 -0
  890. package/site/public/static/illustrations/components/block/spacing.svg +46 -0
  891. package/site/public/static/illustrations/components/block/style.svg +431 -0
  892. package/site/public/static/illustrations/components/block/usage/do-01.svg +9 -0
  893. package/site/public/static/illustrations/components/block/usage/dont-01.svg +15 -0
  894. package/site/public/static/illustrations/components/block-illustration.svg +58 -0
  895. package/site/public/static/illustrations/components/breadcrumbs/anatomy.svg +59 -0
  896. package/site/public/static/illustrations/components/breadcrumbs/behaviours/selected-breadcrumb-item.svg +27 -0
  897. package/site/public/static/illustrations/components/breadcrumbs/hero.svg +9 -0
  898. package/site/public/static/illustrations/components/breadcrumbs/options/separator.svg +29 -0
  899. package/site/public/static/illustrations/components/breadcrumbs/options/size.svg +64 -0
  900. package/site/public/static/illustrations/components/breadcrumbs/states/active.svg +26 -0
  901. package/site/public/static/illustrations/components/breadcrumbs/states/base.svg +25 -0
  902. package/site/public/static/illustrations/components/breadcrumbs/states/focus.svg +26 -0
  903. package/site/public/static/illustrations/components/breadcrumbs/states/hover.svg +28 -0
  904. package/site/public/static/illustrations/components/breadcrumbs/states/selected.svg +24 -0
  905. package/site/public/static/illustrations/components/breadcrumbs/usage/do-01.svg +134 -0
  906. package/site/public/static/illustrations/components/breadcrumbs/usage/do-02.svg +62 -0
  907. package/site/public/static/illustrations/components/breadcrumbs/usage/do-03.svg +26 -0
  908. package/site/public/static/illustrations/components/breadcrumbs/usage/dont-01.svg +66 -0
  909. package/site/public/static/illustrations/components/breadcrumbs/usage/dont-02.svg +89 -0
  910. package/site/public/static/illustrations/components/breadcrumbs/usage/dont-03.svg +27 -0
  911. package/site/public/static/illustrations/components/breadcrumbs/usage/dont-04.svg +102 -0
  912. package/site/public/static/illustrations/components/breadcrumbs/usage/dont-05.svg +46 -0
  913. package/site/public/static/illustrations/components/button/anatomy-button.svg +156 -0
  914. package/site/public/static/illustrations/components/button/anatomy-icon.svg +78 -0
  915. package/site/public/static/illustrations/components/button/behaviours/clickable-area.svg +19 -0
  916. package/site/public/static/illustrations/components/button/behaviours/fixed-and-full-width.svg +119 -0
  917. package/site/public/static/illustrations/components/button/behaviours/transition.svg +24 -0
  918. package/site/public/static/illustrations/components/button/hero.svg +52 -0
  919. package/site/public/static/illustrations/components/button/options/appearence.svg +177 -0
  920. package/site/public/static/illustrations/components/button/options/border-radius-and-width.svg +99 -0
  921. package/site/public/static/illustrations/components/button/options/button-link.svg +83 -0
  922. package/site/public/static/illustrations/components/button/options/icons-leading-trailing.svg +123 -0
  923. package/site/public/static/illustrations/components/button/options/icons.svg +25 -0
  924. package/site/public/static/illustrations/components/button/options/intent.svg +259 -0
  925. package/site/public/static/illustrations/components/button/options/label.svg +43 -0
  926. package/site/public/static/illustrations/components/button/options/size.svg +163 -0
  927. package/site/public/static/illustrations/components/button/states/active.svg +43 -0
  928. package/site/public/static/illustrations/components/button/states/base.svg +43 -0
  929. package/site/public/static/illustrations/components/button/states/disabled.svg +43 -0
  930. package/site/public/static/illustrations/components/button/states/focus.svg +49 -0
  931. package/site/public/static/illustrations/components/button/states/hover.svg +17 -0
  932. package/site/public/static/illustrations/components/button/states/loading.svg +23 -0
  933. package/site/public/static/illustrations/components/button/usage/do-01.svg +21 -0
  934. package/site/public/static/illustrations/components/button/usage/do2.svg +201 -0
  935. package/site/public/static/illustrations/components/button/usage/do3.svg +18 -0
  936. package/site/public/static/illustrations/components/button/usage/dont1.svg +137 -0
  937. package/site/public/static/illustrations/components/button/usage/dont2.svg +328 -0
  938. package/site/public/static/illustrations/components/button/usage/dont3.svg +64 -0
  939. package/site/public/static/illustrations/components/button/usage/dont4.svg +46 -0
  940. package/site/public/static/illustrations/components/byline/anatomy/anatomy.svg +36 -0
  941. package/site/public/static/illustrations/components/byline/behaviours/responsive.svg +18 -0
  942. package/site/public/static/illustrations/components/byline/options/divider.svg +47 -0
  943. package/site/public/static/illustrations/components/byline/options/job-title.svg +51 -0
  944. package/site/public/static/illustrations/components/byline/options/link.svg +32 -0
  945. package/site/public/static/illustrations/components/byline/options/location.svg +76 -0
  946. package/site/public/static/illustrations/components/byline-illustration.svg +37 -0
  947. package/site/public/static/illustrations/components/caption/anatomy/anatomy.svg +58 -0
  948. package/site/public/static/illustrations/components/caption/options/credit-text.svg +132 -0
  949. package/site/public/static/illustrations/components/caption/options/inset-spacing.svg +97 -0
  950. package/site/public/static/illustrations/components/caption/usage/inside-images.svg +20 -0
  951. package/site/public/static/illustrations/components/caption-illustration.svg +19 -0
  952. package/site/public/static/illustrations/components/card-composable/anatomy.svg +48 -0
  953. package/site/public/static/illustrations/components/card-composable/behaviours/grid-layout.svg +21 -0
  954. package/site/public/static/illustrations/components/card-composable/behaviours/static.svg +19 -0
  955. package/site/public/static/illustrations/components/card-composable/hero.svg +11 -0
  956. package/site/public/static/illustrations/components/card-composable/options/expand.svg +21 -0
  957. package/site/public/static/illustrations/components/card-composable/options/inset.svg +22 -0
  958. package/site/public/static/illustrations/components/card-composable/options/order.svg +28 -0
  959. package/site/public/static/illustrations/components/card-composable/options/span.svg +21 -0
  960. package/site/public/static/illustrations/components/card-composable/usage/do-1.svg +29 -0
  961. package/site/public/static/illustrations/components/card-composable/usage/do-2.svg +82 -0
  962. package/site/public/static/illustrations/components/card-composable/usage/do-3.svg +51 -0
  963. package/site/public/static/illustrations/components/card-composable/usage/dont-1.svg +52 -0
  964. package/site/public/static/illustrations/components/card-composable/usage/dont-2.svg +35 -0
  965. package/site/public/static/illustrations/components/character-count/anatomy.svg +148 -0
  966. package/site/public/static/illustrations/components/character-count/hero.svg +58 -0
  967. package/site/public/static/illustrations/components/character-count/options/character-limit.svg +123 -0
  968. package/site/public/static/illustrations/components/character-count/states/base.svg +279 -0
  969. package/site/public/static/illustrations/components/character-count/states/disabled.svg +278 -0
  970. package/site/public/static/illustrations/components/character-count/states/invalid.svg +399 -0
  971. package/site/public/static/illustrations/components/character-count/states/valid.svg +235 -0
  972. package/site/public/static/illustrations/components/character-count/usage/do-01.svg +102 -0
  973. package/site/public/static/illustrations/components/character-count/usage/do-2.svg +219 -0
  974. package/site/public/static/illustrations/components/character-count/usage/dont-1.svg +355 -0
  975. package/site/public/static/illustrations/components/checkbox/anatomy.svg +153 -0
  976. package/site/public/static/illustrations/components/checkbox/behaviours/autofocus.svg +186 -0
  977. package/site/public/static/illustrations/components/checkbox/behaviours/checked-vs-unchecked.svg +97 -0
  978. package/site/public/static/illustrations/components/checkbox/behaviours/clickable-area.svg +19 -0
  979. package/site/public/static/illustrations/components/checkbox/behaviours/default-checked.svg +179 -0
  980. package/site/public/static/illustrations/components/checkbox/behaviours/focusable-area.svg +56 -0
  981. package/site/public/static/illustrations/components/checkbox/behaviours/label-overflow-wrap.svg +185 -0
  982. package/site/public/static/illustrations/components/checkbox/behaviours/transition.svg +27 -0
  983. package/site/public/static/illustrations/components/checkbox/behaviours/validation.svg +64 -0
  984. package/site/public/static/illustrations/components/checkbox/hero.svg +37 -0
  985. package/site/public/static/illustrations/components/checkbox/options/feedback.svg +23 -0
  986. package/site/public/static/illustrations/components/checkbox/options/fieldset.svg +219 -0
  987. package/site/public/static/illustrations/components/checkbox/options/icon.svg +31 -0
  988. package/site/public/static/illustrations/components/checkbox/options/label.svg +71 -0
  989. package/site/public/static/illustrations/components/checkbox/options/size.svg +163 -0
  990. package/site/public/static/illustrations/components/checkbox/states/base.svg +45 -0
  991. package/site/public/static/illustrations/components/checkbox/states/checked-disabled.svg +43 -0
  992. package/site/public/static/illustrations/components/checkbox/states/checked-focus-hover.svg +23 -0
  993. package/site/public/static/illustrations/components/checkbox/states/checked-focus.svg +69 -0
  994. package/site/public/static/illustrations/components/checkbox/states/checked-hover.svg +17 -0
  995. package/site/public/static/illustrations/components/checkbox/states/checked-invalid-focus-hover.svg +23 -0
  996. package/site/public/static/illustrations/components/checkbox/states/checked-invalid-focus.svg +69 -0
  997. package/site/public/static/illustrations/components/checkbox/states/checked-invalid-hover.svg +22 -0
  998. package/site/public/static/illustrations/components/checkbox/states/checked-invalid.svg +63 -0
  999. package/site/public/static/illustrations/components/checkbox/states/checked-valid-focus-hover.svg +18 -0
  1000. package/site/public/static/illustrations/components/checkbox/states/checked-valid-focus.svg +69 -0
  1001. package/site/public/static/illustrations/components/checkbox/states/checked-valid-hover.svg +17 -0
  1002. package/site/public/static/illustrations/components/checkbox/states/checked-valid.svg +43 -0
  1003. package/site/public/static/illustrations/components/checkbox/states/checked.svg +43 -0
  1004. package/site/public/static/illustrations/components/checkbox/states/disabled.svg +41 -0
  1005. package/site/public/static/illustrations/components/checkbox/states/focus-hover.svg +22 -0
  1006. package/site/public/static/illustrations/components/checkbox/states/focus.svg +65 -0
  1007. package/site/public/static/illustrations/components/checkbox/states/hover.svg +17 -0
  1008. package/site/public/static/illustrations/components/checkbox/states/invalid-focus-hover.svg +22 -0
  1009. package/site/public/static/illustrations/components/checkbox/states/invalid-focus.svg +66 -0
  1010. package/site/public/static/illustrations/components/checkbox/states/invalid-hover.svg +22 -0
  1011. package/site/public/static/illustrations/components/checkbox/states/invalid.svg +46 -0
  1012. package/site/public/static/illustrations/components/checkbox/states/valid-focus-hover.svg +22 -0
  1013. package/site/public/static/illustrations/components/checkbox/states/valid-focus.svg +46 -0
  1014. package/site/public/static/illustrations/components/checkbox/states/valid-hover.svg +22 -0
  1015. package/site/public/static/illustrations/components/checkbox/states/valid.svg +46 -0
  1016. package/site/public/static/illustrations/components/checkbox/usage/do-1.svg +101 -0
  1017. package/site/public/static/illustrations/components/checkbox/usage/do-2.svg +63 -0
  1018. package/site/public/static/illustrations/components/checkbox/usage/do-3.svg +12 -0
  1019. package/site/public/static/illustrations/components/checkbox/usage/do-4.svg +72 -0
  1020. package/site/public/static/illustrations/components/checkbox/usage/do-5.svg +28 -0
  1021. package/site/public/static/illustrations/components/checkbox/usage/do-6.svg +122 -0
  1022. package/site/public/static/illustrations/components/checkbox/usage/dont-1.svg +51 -0
  1023. package/site/public/static/illustrations/components/community/community-index.svg +19 -0
  1024. package/site/public/static/illustrations/components/community/how-to-contribute.svg +40 -0
  1025. package/site/public/static/illustrations/components/date-time/anatomy.svg +29 -0
  1026. package/site/public/static/illustrations/components/date-time/hero.svg +9 -0
  1027. package/site/public/static/illustrations/components/date-time/options/date-and-time-format.svg +30 -0
  1028. package/site/public/static/illustrations/components/date-time/options/prefix.svg +19 -0
  1029. package/site/public/static/illustrations/components/date-time/options/suffix.svg +27 -0
  1030. package/site/public/static/illustrations/components/date-time/usage/do-01.svg +19 -0
  1031. package/site/public/static/illustrations/components/date-time-illustration.svg +9 -0
  1032. package/site/public/static/illustrations/components/divider/anatomy-illustration.svg +44 -0
  1033. package/site/public/static/illustrations/components/divider/block-horizontal-illustration.svg +88 -0
  1034. package/site/public/static/illustrations/components/divider/block-vertical-illustration.svg +85 -0
  1035. package/site/public/static/illustrations/components/divider/do-01.svg +37 -0
  1036. package/site/public/static/illustrations/components/divider/orientation-illustration.svg +48 -0
  1037. package/site/public/static/illustrations/components/divider/stack-illustration.svg +56 -0
  1038. package/site/public/static/illustrations/components/divider-illustration.svg +40 -0
  1039. package/site/public/static/illustrations/components/drawer/drawer-anatomy-illustration.svg +175 -0
  1040. package/site/public/static/illustrations/components/drawer/drawer-behaviours-animation-illustration.svg +139 -0
  1041. package/site/public/static/illustrations/components/drawer/drawer-behaviours-content-overflow-illustration.svg +85 -0
  1042. package/site/public/static/illustrations/components/drawer/drawer-behaviours-disable-page-scrolling-illustration.svg +78 -0
  1043. package/site/public/static/illustrations/components/drawer/drawer-behaviours-triggering-closing-illustration.svg +30 -0
  1044. package/site/public/static/illustrations/components/drawer/drawer-do-1-illustration.svg +243 -0
  1045. package/site/public/static/illustrations/components/drawer/drawer-do-2-illustration.svg +190 -0
  1046. package/site/public/static/illustrations/components/drawer/drawer-dont-1-illustration.svg +187 -0
  1047. package/site/public/static/illustrations/components/drawer/drawer-dont-2-illustration.svg +196 -0
  1048. package/site/public/static/illustrations/components/drawer/drawer-illustration.svg +38 -0
  1049. package/site/public/static/illustrations/components/drawer/drawer-options-close-position-illustration.svg +48 -0
  1050. package/site/public/static/illustrations/components/drawer/drawer-options-height-illustration.svg +29 -0
  1051. package/site/public/static/illustrations/components/drawer/drawer-options-placement-illustration.svg +34 -0
  1052. package/site/public/static/illustrations/components/drawer/drawer-options-width-illustration.svg +26 -0
  1053. package/site/public/static/illustrations/components/experimentation-illustration.svg +56 -0
  1054. package/site/public/static/illustrations/components/fieldset/anatomy.svg +260 -0
  1055. package/site/public/static/illustrations/components/fieldset/form-structure.svg +285 -0
  1056. package/site/public/static/illustrations/components/fieldset/hero.svg +28 -0
  1057. package/site/public/static/illustrations/components/fieldset/options/legend.svg +117 -0
  1058. package/site/public/static/illustrations/components/fieldset/options/size.svg +385 -0
  1059. package/site/public/static/illustrations/components/fieldset/states/base.svg +169 -0
  1060. package/site/public/static/illustrations/components/fieldset/states/disabled.svg +169 -0
  1061. package/site/public/static/illustrations/components/flag/anatomy.svg +154 -0
  1062. package/site/public/static/illustrations/components/flag/options/appearance.svg +67 -0
  1063. package/site/public/static/illustrations/components/flag/options/icons.svg +90 -0
  1064. package/site/public/static/illustrations/components/flag/options/size.svg +103 -0
  1065. package/site/public/static/illustrations/components/flag/usage/do-01.svg +49 -0
  1066. package/site/public/static/illustrations/components/flag/usage/do-02.svg +39 -0
  1067. package/site/public/static/illustrations/components/flag/usage/dont-01.svg +35 -0
  1068. package/site/public/static/illustrations/components/flag-illustration.svg +37 -0
  1069. package/site/public/static/illustrations/components/form/anatomy/anatomy-form.svg +196 -0
  1070. package/site/public/static/illustrations/components/form/anatomy/anatomy-forminput-components.svg +362 -0
  1071. package/site/public/static/illustrations/components/form/behaviours/assistive-text-min-height.svg +167 -0
  1072. package/site/public/static/illustrations/components/form/behaviours/assistive-text-overflow-wrap.svg +49 -0
  1073. package/site/public/static/illustrations/components/form/form-structure.svg +285 -0
  1074. package/site/public/static/illustrations/components/form/hero.svg +114 -0
  1075. package/site/public/static/illustrations/components/form/options/assistive-text.svg +149 -0
  1076. package/site/public/static/illustrations/components/form/options/checkbox.svg +44 -0
  1077. package/site/public/static/illustrations/components/form/options/fieldset.svg +170 -0
  1078. package/site/public/static/illustrations/components/form/options/label.svg +150 -0
  1079. package/site/public/static/illustrations/components/form/options/radio-button.svg +50 -0
  1080. package/site/public/static/illustrations/components/form/options/select.svg +81 -0
  1081. package/site/public/static/illustrations/components/form/options/text-area.svg +95 -0
  1082. package/site/public/static/illustrations/components/form/options/text-field.svg +83 -0
  1083. package/site/public/static/illustrations/components/form/tutorials.svg +149 -0
  1084. package/site/public/static/illustrations/components/form/usage/do-1.svg +87 -0
  1085. package/site/public/static/illustrations/components/form/usage/do-2.svg +64 -0
  1086. package/site/public/static/illustrations/components/form/usage/do-3.svg +32 -0
  1087. package/site/public/static/illustrations/components/form/usage/do-4.svg +267 -0
  1088. package/site/public/static/illustrations/components/form/usage/do-5.svg +25 -0
  1089. package/site/public/static/illustrations/components/form/usage/do-6.svg +262 -0
  1090. package/site/public/static/illustrations/components/form/usage/do-7.svg +49 -0
  1091. package/site/public/static/illustrations/components/form/usage/do-8.svg +88 -0
  1092. package/site/public/static/illustrations/components/form/usage/do-9.svg +24 -0
  1093. package/site/public/static/illustrations/components/form/usage/dont-1.svg +81 -0
  1094. package/site/public/static/illustrations/components/form/usage/dont-2.svg +55 -0
  1095. package/site/public/static/illustrations/components/form/usage/dont-3.svg +186 -0
  1096. package/site/public/static/illustrations/components/grid-cell/anatomy.svg +207 -0
  1097. package/site/public/static/illustrations/components/grid-cell/behaviours/max-width.svg +91 -0
  1098. package/site/public/static/illustrations/components/grid-cell/behaviours/nested-grids.svg +67 -0
  1099. package/site/public/static/illustrations/components/grid-cell/celloptions/offset.svg +37 -0
  1100. package/site/public/static/illustrations/components/grid-cell/celloptions/order.svg +89 -0
  1101. package/site/public/static/illustrations/components/grid-cell/celloptions/span.svg +91 -0
  1102. package/site/public/static/illustrations/components/grid-cell/celloptions/visibility.svg +81 -0
  1103. package/site/public/static/illustrations/components/grid-cell/gridoptions/breakpoints.svg +75 -0
  1104. package/site/public/static/illustrations/components/grid-cell/gridoptions/gutter-width.svg +38 -0
  1105. package/site/public/static/illustrations/components/grid-cell/gridoptions/margin-width.svg +93 -0
  1106. package/site/public/static/illustrations/components/grid-cell/gridoptions/max-width.svg +81 -0
  1107. package/site/public/static/illustrations/components/grid-cell/hero.svg +72 -0
  1108. package/site/public/static/illustrations/components/grid-cell/usage/do-01.svg +39 -0
  1109. package/site/public/static/illustrations/components/grid-cell/usage/dont-01.svg +48 -0
  1110. package/site/public/static/illustrations/components/grid-cell/usage/dont-02.svg +52 -0
  1111. package/site/public/static/illustrations/components/grid-cell-illustration.svg +72 -0
  1112. package/site/public/static/illustrations/components/grid-layout/anatomy.svg +105 -0
  1113. package/site/public/static/illustrations/components/grid-layout/options/max-width.svg +92 -0
  1114. package/site/public/static/illustrations/components/grid-layout/options/offset.svg +58 -0
  1115. package/site/public/static/illustrations/components/grid-layout/options/order.svg +90 -0
  1116. package/site/public/static/illustrations/components/grid-layout/options/row-column-gap.svg +109 -0
  1117. package/site/public/static/illustrations/components/grid-layout/options/span.svg +104 -0
  1118. package/site/public/static/illustrations/components/grid-layout/tutorials/designers.svg +57 -0
  1119. package/site/public/static/illustrations/components/grid-layout/usage/do-01.svg +56 -0
  1120. package/site/public/static/illustrations/components/grid-layout/usage/dont-01.svg +48 -0
  1121. package/site/public/static/illustrations/components/grid-layout-illustration.svg +73 -0
  1122. package/site/public/static/illustrations/components/header-image.svg +217 -0
  1123. package/site/public/static/illustrations/components/heading-illustration.svg +32 -0
  1124. package/site/public/static/illustrations/components/headline/anatomy.svg +12 -0
  1125. package/site/public/static/illustrations/components/headline/hero.svg +7 -0
  1126. package/site/public/static/illustrations/components/headline/options/heading-level.svg +118 -0
  1127. package/site/public/static/illustrations/components/headline/options/kicker.svg +23 -0
  1128. package/site/public/static/illustrations/components/headline/usage/do-01.svg +37 -0
  1129. package/site/public/static/illustrations/components/hero-card-illustration.svg +16 -0
  1130. package/site/public/static/illustrations/components/hero-component-defaults-illustration.svg +103 -0
  1131. package/site/public/static/illustrations/components/hero-consent-illustration.svg +36 -0
  1132. package/site/public/static/illustrations/components/hero-consent-settings-illustration.svg +43 -0
  1133. package/site/public/static/illustrations/components/hero-drawer-illustration.svg +48 -0
  1134. package/site/public/static/illustrations/components/hero-roadmap-illustration.svg +56 -0
  1135. package/site/public/static/illustrations/components/hero-shadows-illustration.svg +43 -0
  1136. package/site/public/static/illustrations/components/hero-sizing-illustration.svg +28 -0
  1137. package/site/public/static/illustrations/components/hero-tealium-illustration.svg +111 -0
  1138. package/site/public/static/illustrations/components/hero-typography-illustration.svg +87 -0
  1139. package/site/public/static/illustrations/components/icons-illustration.svg +47 -0
  1140. package/site/public/static/illustrations/components/image/anatomy.svg +24 -0
  1141. package/site/public/static/illustrations/components/image/behaviours/loading.svg +72 -0
  1142. package/site/public/static/illustrations/components/image/hero.svg +13 -0
  1143. package/site/public/static/illustrations/components/image/options/caption.svg +35 -0
  1144. package/site/public/static/illustrations/components/image/options/imagedimensions.svg +16 -0
  1145. package/site/public/static/illustrations/components/image/options/placeholdericon.svg +9 -0
  1146. package/site/public/static/illustrations/components/image/states/base.svg +14 -0
  1147. package/site/public/static/illustrations/components/image/states/loading.svg +13 -0
  1148. package/site/public/static/illustrations/components/image/usage/dont-01.svg +10 -0
  1149. package/site/public/static/illustrations/components/image-illustration.svg +45 -0
  1150. package/site/public/static/illustrations/components/inline-message/inline-message-anatomy-illustration.svg +106 -0
  1151. package/site/public/static/illustrations/components/inline-message/inline-message-behaviours-text-overflow-illustration.svg +13 -0
  1152. package/site/public/static/illustrations/components/inline-message/inline-message-illustration.svg +69 -0
  1153. package/site/public/static/illustrations/components/inline-message/inline-message-options-icon-illustration.svg +17 -0
  1154. package/site/public/static/illustrations/components/inline-message/inline-message-options-intent-illustration.svg +17 -0
  1155. package/site/public/static/illustrations/components/inline-message/inline-message-options-title-illustration.svg +29 -0
  1156. package/site/public/static/illustrations/components/inline-message/usage/do-01.svg +41 -0
  1157. package/site/public/static/illustrations/components/inline-message/usage/dont-01.svg +14 -0
  1158. package/site/public/static/illustrations/components/inline-message/usage/dont-02.svg +37 -0
  1159. package/site/public/static/illustrations/components/inline-message/usage/dont-03.svg +13 -0
  1160. package/site/public/static/illustrations/components/layer/layer-illustration.svg +8 -0
  1161. package/site/public/static/illustrations/components/layer-illustration.svg +8 -0
  1162. package/site/public/static/illustrations/components/link/anatomy.svg +80 -0
  1163. package/site/public/static/illustrations/components/link/hero.svg +63 -0
  1164. package/site/public/static/illustrations/components/link/options/external-link.svg +26 -0
  1165. package/site/public/static/illustrations/components/link/options/inline-and-standalone-links.svg +159 -0
  1166. package/site/public/static/illustrations/components/link/options/options-size.svg +139 -0
  1167. package/site/public/static/illustrations/components/link/states/active.svg +35 -0
  1168. package/site/public/static/illustrations/components/link/states/base.svg +36 -0
  1169. package/site/public/static/illustrations/components/link/states/focus.svg +41 -0
  1170. package/site/public/static/illustrations/components/link/states/hover.svg +16 -0
  1171. package/site/public/static/illustrations/components/link/states/visited-hover.svg +13 -0
  1172. package/site/public/static/illustrations/components/link/states/visited.svg +35 -0
  1173. package/site/public/static/illustrations/components/link/usage/do-01.svg +106 -0
  1174. package/site/public/static/illustrations/components/link/usage/do-02.svg +86 -0
  1175. package/site/public/static/illustrations/components/link/usage/do-03.svg +27 -0
  1176. package/site/public/static/illustrations/components/menu/menu-anatomy-illustration.svg +380 -0
  1177. package/site/public/static/illustrations/components/menu/menu-behaviours-overflow-illustration.svg +282 -0
  1178. package/site/public/static/illustrations/components/menu/menu-behaviours-selected-illustration.svg +60 -0
  1179. package/site/public/static/illustrations/components/menu/menu-behaviours-transitions-illustration.svg +97 -0
  1180. package/site/public/static/illustrations/components/menu/menu-behaviours-width-height-illustration.svg +291 -0
  1181. package/site/public/static/illustrations/components/menu/menu-do-01-illustration.svg +369 -0
  1182. package/site/public/static/illustrations/components/menu/menu-do-02-illustration.svg +93 -0
  1183. package/site/public/static/illustrations/components/menu/menu-do-03-illustration.svg +429 -0
  1184. package/site/public/static/illustrations/components/menu/menu-dont-01-illustration.svg +77 -0
  1185. package/site/public/static/illustrations/components/menu/menu-dont-02-illustration.svg +89 -0
  1186. package/site/public/static/illustrations/components/menu/menu-dont-03-illustration.svg +367 -0
  1187. package/site/public/static/illustrations/components/menu/menu-illustration.svg +54 -0
  1188. package/site/public/static/illustrations/components/menu/menu-options-alignment-illustration.svg +79 -0
  1189. package/site/public/static/illustrations/components/menu/menu-options-divider-illustration.svg +99 -0
  1190. package/site/public/static/illustrations/components/menu/menu-options-icons-illustration.svg +123 -0
  1191. package/site/public/static/illustrations/components/menu/menu-options-orientation-illustration.svg +121 -0
  1192. package/site/public/static/illustrations/components/menu/menu-options-size-illustration.svg +68 -0
  1193. package/site/public/static/illustrations/components/menu/menu-options-styles-illustration.svg +121 -0
  1194. package/site/public/static/illustrations/components/menu/menu-options-title-illustration.svg +73 -0
  1195. package/site/public/static/illustrations/components/menu/menu-states-active-illustration.svg +43 -0
  1196. package/site/public/static/illustrations/components/menu/menu-states-base-illustration.svg +41 -0
  1197. package/site/public/static/illustrations/components/menu/menu-states-disabled-illustration.svg +37 -0
  1198. package/site/public/static/illustrations/components/menu/menu-states-focus-illustration.svg +39 -0
  1199. package/site/public/static/illustrations/components/menu/menu-states-hover-illustration.svg +43 -0
  1200. package/site/public/static/illustrations/components/menu/menu-states-selected-illustration.svg +37 -0
  1201. package/site/public/static/illustrations/components/menu/sub-menu-anatomy.svg +120 -0
  1202. package/site/public/static/illustrations/components/menu/usage/do-01.svg +106 -0
  1203. package/site/public/static/illustrations/components/menu/usage/do-02.svg +83 -0
  1204. package/site/public/static/illustrations/components/menu/usage/do-03.svg +86 -0
  1205. package/site/public/static/illustrations/components/menu/usage/do-04.svg +94 -0
  1206. package/site/public/static/illustrations/components/modal/anatomy.svg +175 -0
  1207. package/site/public/static/illustrations/components/modal/behaviours-focus-trapping.svg +32 -0
  1208. package/site/public/static/illustrations/components/modal/close-position.svg +50 -0
  1209. package/site/public/static/illustrations/components/modal/content-overflow.svg +80 -0
  1210. package/site/public/static/illustrations/components/modal/focus-trapping.svg +37 -0
  1211. package/site/public/static/illustrations/components/modal/height.svg +22 -0
  1212. package/site/public/static/illustrations/components/modal/lock-stroll.svg +54 -0
  1213. package/site/public/static/illustrations/components/modal/overlay.svg +23 -0
  1214. package/site/public/static/illustrations/components/modal/placement.svg +30 -0
  1215. package/site/public/static/illustrations/components/modal/triggering-and-closing.svg +70 -0
  1216. package/site/public/static/illustrations/components/modal/usage/do-01.svg +34 -0
  1217. package/site/public/static/illustrations/components/modal/usage/do-02.svg +91 -0
  1218. package/site/public/static/illustrations/components/modal/usage/dont-01.svg +53 -0
  1219. package/site/public/static/illustrations/components/modal/width.svg +24 -0
  1220. package/site/public/static/illustrations/components/modal-illustration.svg +36 -0
  1221. package/site/public/static/illustrations/components/ordered-list-illustration.svg +49 -0
  1222. package/site/public/static/illustrations/components/orderedlist/anatomy/anatomy-01.svg +28 -0
  1223. package/site/public/static/illustrations/components/orderedlist/hero.svg +9 -0
  1224. package/site/public/static/illustrations/components/orderedlist/options/counter.svg +37 -0
  1225. package/site/public/static/illustrations/components/orderedlist/usage/do-01.svg +25 -0
  1226. package/site/public/static/illustrations/components/orderedlist/usage/do-02.svg +63 -0
  1227. package/site/public/static/illustrations/components/pagination/anatomy.svg +78 -0
  1228. package/site/public/static/illustrations/components/pagination/hero.svg +21 -0
  1229. package/site/public/static/illustrations/components/pagination/options/boundaries.svg +21 -0
  1230. package/site/public/static/illustrations/components/pagination/options/firstlast.svg +17 -0
  1231. package/site/public/static/illustrations/components/pagination/options/siblings.svg +22 -0
  1232. package/site/public/static/illustrations/components/pagination/options/size.svg +31 -0
  1233. package/site/public/static/illustrations/components/pagination/options/truncation.svg +21 -0
  1234. package/site/public/static/illustrations/components/pagination/states/active.svg +18 -0
  1235. package/site/public/static/illustrations/components/pagination/states/base.svg +17 -0
  1236. package/site/public/static/illustrations/components/pagination/states/disabled.svg +21 -0
  1237. package/site/public/static/illustrations/components/pagination/states/focus.svg +21 -0
  1238. package/site/public/static/illustrations/components/pagination/states/hover.svg +23 -0
  1239. package/site/public/static/illustrations/components/pagination/states/selected.svg +18 -0
  1240. package/site/public/static/illustrations/components/pagination/usage/do-01.svg +32 -0
  1241. package/site/public/static/illustrations/components/pagination/usage/do-02.svg +27 -0
  1242. package/site/public/static/illustrations/components/pagination/usage/do-03.svg +25 -0
  1243. package/site/public/static/illustrations/components/placeholder-illustration.svg +18 -0
  1244. package/site/public/static/illustrations/components/pop-up-illustration.svg +96 -0
  1245. package/site/public/static/illustrations/components/popover/anatomy.svg +164 -0
  1246. package/site/public/static/illustrations/components/popover/behaviours/flip.svg +47 -0
  1247. package/site/public/static/illustrations/components/popover/behaviours/focus.svg +35 -0
  1248. package/site/public/static/illustrations/components/popover/behaviours/shift.svg +54 -0
  1249. package/site/public/static/illustrations/components/popover/behaviours/transition.svg +41 -0
  1250. package/site/public/static/illustrations/components/popover/behaviours/triggering-and-closing.svg +57 -0
  1251. package/site/public/static/illustrations/components/popover/hero.svg +96 -0
  1252. package/site/public/static/illustrations/components/popover/options/close-position.svg +43 -0
  1253. package/site/public/static/illustrations/components/popover/options/offset.svg +29 -0
  1254. package/site/public/static/illustrations/components/popover/options/placement.svg +46 -0
  1255. package/site/public/static/illustrations/components/popover/options/pointer.svg +51 -0
  1256. package/site/public/static/illustrations/components/popover/options/size.svg +35 -0
  1257. package/site/public/static/illustrations/components/popover/usage/do1.svg +32 -0
  1258. package/site/public/static/illustrations/components/popover/usage/do2.svg +22 -0
  1259. package/site/public/static/illustrations/components/popover/usage/do3.svg +29 -0
  1260. package/site/public/static/illustrations/components/popover/usage/dont-01.svg +59 -0
  1261. package/site/public/static/illustrations/components/popover/usage/dont-02.svg +33 -0
  1262. package/site/public/static/illustrations/components/popover/usage/dont-03.svg +25 -0
  1263. package/site/public/static/illustrations/components/popover/usage/dont-04.svg +33 -0
  1264. package/site/public/static/illustrations/components/progress-indicator-illustration.svg +40 -0
  1265. package/site/public/static/illustrations/components/radio-button/anatomy.svg +147 -0
  1266. package/site/public/static/illustrations/components/radio-button/behaviours/autofocus.svg +197 -0
  1267. package/site/public/static/illustrations/components/radio-button/behaviours/clickable-area.svg +25 -0
  1268. package/site/public/static/illustrations/components/radio-button/behaviours/default-checked.svg +185 -0
  1269. package/site/public/static/illustrations/components/radio-button/behaviours/exclusive-selection.svg +51 -0
  1270. package/site/public/static/illustrations/components/radio-button/behaviours/focusable-area.svg +53 -0
  1271. package/site/public/static/illustrations/components/radio-button/behaviours/label-overflow-wrap.svg +191 -0
  1272. package/site/public/static/illustrations/components/radio-button/behaviours/transition.svg +29 -0
  1273. package/site/public/static/illustrations/components/radio-button/behaviours/validation.svg +62 -0
  1274. package/site/public/static/illustrations/components/radio-button/hero.svg +13 -0
  1275. package/site/public/static/illustrations/components/radio-button/options/feedback.svg +24 -0
  1276. package/site/public/static/illustrations/components/radio-button/options/fieldset.svg +229 -0
  1277. package/site/public/static/illustrations/components/radio-button/options/icon.svg +43 -0
  1278. package/site/public/static/illustrations/components/radio-button/options/label.svg +83 -0
  1279. package/site/public/static/illustrations/components/radio-button/options/radio-group.svg +109 -0
  1280. package/site/public/static/illustrations/components/radio-button/options/size.svg +181 -0
  1281. package/site/public/static/illustrations/components/radio-button/states/base.svg +45 -0
  1282. package/site/public/static/illustrations/components/radio-button/states/checked-disabled.svg +45 -0
  1283. package/site/public/static/illustrations/components/radio-button/states/checked-focus-hover.svg +23 -0
  1284. package/site/public/static/illustrations/components/radio-button/states/checked-focus.svg +69 -0
  1285. package/site/public/static/illustrations/components/radio-button/states/checked-hover.svg +18 -0
  1286. package/site/public/static/illustrations/components/radio-button/states/checked-invalid-focus-hover.svg +23 -0
  1287. package/site/public/static/illustrations/components/radio-button/states/checked-invalid-focus.svg +70 -0
  1288. package/site/public/static/illustrations/components/radio-button/states/checked-invalid-hover.svg +23 -0
  1289. package/site/public/static/illustrations/components/radio-button/states/checked-invalid.svg +70 -0
  1290. package/site/public/static/illustrations/components/radio-button/states/checked-valid-focus-hover.svg +18 -0
  1291. package/site/public/static/illustrations/components/radio-button/states/checked-valid-focus.svg +70 -0
  1292. package/site/public/static/illustrations/components/radio-button/states/checked-valid-hover.svg +18 -0
  1293. package/site/public/static/illustrations/components/radio-button/states/checked-valid.svg +50 -0
  1294. package/site/public/static/illustrations/components/radio-button/states/checked.svg +49 -0
  1295. package/site/public/static/illustrations/components/radio-button/states/disabled.svg +41 -0
  1296. package/site/public/static/illustrations/components/radio-button/states/focus-hover.svg +22 -0
  1297. package/site/public/static/illustrations/components/radio-button/states/focus.svg +65 -0
  1298. package/site/public/static/illustrations/components/radio-button/states/hover.svg +17 -0
  1299. package/site/public/static/illustrations/components/radio-button/states/invalid-focus-hover.svg +22 -0
  1300. package/site/public/static/illustrations/components/radio-button/states/invalid-focus.svg +66 -0
  1301. package/site/public/static/illustrations/components/radio-button/states/invalid-hover.svg +22 -0
  1302. package/site/public/static/illustrations/components/radio-button/states/invalid.svg +46 -0
  1303. package/site/public/static/illustrations/components/radio-button/states/valid-focus-hover.svg +22 -0
  1304. package/site/public/static/illustrations/components/radio-button/states/valid-focus.svg +46 -0
  1305. package/site/public/static/illustrations/components/radio-button/states/valid-hover.svg +22 -0
  1306. package/site/public/static/illustrations/components/radio-button/states/valid.svg +46 -0
  1307. package/site/public/static/illustrations/components/radio-button/usage/do-1.svg +27 -0
  1308. package/site/public/static/illustrations/components/radio-button/usage/do-2.svg +13 -0
  1309. package/site/public/static/illustrations/components/radio-button/usage/do-3.svg +50 -0
  1310. package/site/public/static/illustrations/components/radio-button/usage/do-4.svg +35 -0
  1311. package/site/public/static/illustrations/components/radio-button/usage/do-5.svg +37 -0
  1312. package/site/public/static/illustrations/components/radio-button/usage/dont-1.svg +56 -0
  1313. package/site/public/static/illustrations/components/scroll/anatomy.svg +200 -0
  1314. package/site/public/static/illustrations/components/scroll/behaviours/overlays.svg +19 -0
  1315. package/site/public/static/illustrations/components/scroll/options/control-visibility.svg +20 -0
  1316. package/site/public/static/illustrations/components/scroll/options/orientation.svg +26 -0
  1317. package/site/public/static/illustrations/components/scroll/options/scroll-bar-visibility.svg +22 -0
  1318. package/site/public/static/illustrations/components/scroll/options/scroll-snap-alignment.svg +30 -0
  1319. package/site/public/static/illustrations/components/scroll/options/scroll-step-distance.svg +23 -0
  1320. package/site/public/static/illustrations/components/scroll/usage/do-01.svg +113 -0
  1321. package/site/public/static/illustrations/components/scroll/usage/do-02.svg +80 -0
  1322. package/site/public/static/illustrations/components/scroll-illustration.svg +52 -0
  1323. package/site/public/static/illustrations/components/select/anatomy.svg +111 -0
  1324. package/site/public/static/illustrations/components/select/behaviours/checked-vs-unchecked.svg +147 -0
  1325. package/site/public/static/illustrations/components/select/behaviours/validation-icon.svg +104 -0
  1326. package/site/public/static/illustrations/components/select/behaviours/validation.svg +32 -0
  1327. package/site/public/static/illustrations/components/select/options/custom-selected-display.svg +132 -0
  1328. package/site/public/static/illustrations/components/select/options/end-enhancer.svg +135 -0
  1329. package/site/public/static/illustrations/components/select/options/min-height.svg +108 -0
  1330. package/site/public/static/illustrations/components/select/options/mobile.svg +161 -0
  1331. package/site/public/static/illustrations/components/select/options/placeholder-text.svg +127 -0
  1332. package/site/public/static/illustrations/components/select/options/pre-selected-option.svg +129 -0
  1333. package/site/public/static/illustrations/components/select/options/size.svg +502 -0
  1334. package/site/public/static/illustrations/components/select/options/start-enhancer.svg +135 -0
  1335. package/site/public/static/illustrations/components/select/options/width.svg +168 -0
  1336. package/site/public/static/illustrations/components/select/select-illustration.svg +78 -0
  1337. package/site/public/static/illustrations/components/select/states/base.svg +84 -0
  1338. package/site/public/static/illustrations/components/select/states/disabled.svg +76 -0
  1339. package/site/public/static/illustrations/components/select/states/focus.svg +91 -0
  1340. package/site/public/static/illustrations/components/select/states/hover.svg +30 -0
  1341. package/site/public/static/illustrations/components/select/states/invalid-focus.svg +88 -0
  1342. package/site/public/static/illustrations/components/select/states/invalid-hover.svg +26 -0
  1343. package/site/public/static/illustrations/components/select/states/invalid.svg +88 -0
  1344. package/site/public/static/illustrations/components/select/states/read-only.svg +64 -0
  1345. package/site/public/static/illustrations/components/select/states/selected.svg +68 -0
  1346. package/site/public/static/illustrations/components/select/states/valid-focus.svg +74 -0
  1347. package/site/public/static/illustrations/components/select/states/valid-hover.svg +22 -0
  1348. package/site/public/static/illustrations/components/select/states/valid.svg +74 -0
  1349. package/site/public/static/illustrations/components/select/usage/do-1.svg +131 -0
  1350. package/site/public/static/illustrations/components/select/usage/do-2.svg +111 -0
  1351. package/site/public/static/illustrations/components/select/usage/dont-1.svg +74 -0
  1352. package/site/public/static/illustrations/components/select/usage/dont-2.svg +152 -0
  1353. package/site/public/static/illustrations/components/select/usage/dont-3.svg +97 -0
  1354. package/site/public/static/illustrations/components/share-bar/share-anatomy-illustration.svg +241 -0
  1355. package/site/public/static/illustrations/components/share-bar/share-bar-illustration.svg +60 -0
  1356. package/site/public/static/illustrations/components/share-bar/share-do-1-illustration.svg +20 -0
  1357. package/site/public/static/illustrations/components/share-bar/share-dont-1-illustration.svg +22 -0
  1358. package/site/public/static/illustrations/components/share-bar/share-options-label-illustration.svg +26 -0
  1359. package/site/public/static/illustrations/components/share-bar/share-options-mobile-illustration.svg +20 -0
  1360. package/site/public/static/illustrations/components/share-bar/share-options-orientation-illustration.svg +29 -0
  1361. package/site/public/static/illustrations/components/share-bar/share-options-overflow-illustration.svg +25 -0
  1362. package/site/public/static/illustrations/components/slider/anatomy.svg +48 -0
  1363. package/site/public/static/illustrations/components/slider/hero.svg +8 -0
  1364. package/site/public/static/illustrations/components/slider/options/feedback.svg +11 -0
  1365. package/site/public/static/illustrations/components/slider/options/indicator-weight.svg +7 -0
  1366. package/site/public/static/illustrations/components/slider/options/label-position.svg +24 -0
  1367. package/site/public/static/illustrations/components/slider/options/min-and-max.svg +16 -0
  1368. package/site/public/static/illustrations/components/slider/options/minmax-labels.svg +10 -0
  1369. package/site/public/static/illustrations/components/slider/options/orientation.svg +9 -0
  1370. package/site/public/static/illustrations/components/slider/options/step-distance.svg +30 -0
  1371. package/site/public/static/illustrations/components/slider/options/thumb-icon.svg +7 -0
  1372. package/site/public/static/illustrations/components/slider/options/thumb-label.svg +8 -0
  1373. package/site/public/static/illustrations/components/slider/options/track-weight.svg +7 -0
  1374. package/site/public/static/illustrations/components/slider/states/active.svg +19 -0
  1375. package/site/public/static/illustrations/components/slider/states/base.svg +6 -0
  1376. package/site/public/static/illustrations/components/slider/states/disabled.svg +14 -0
  1377. package/site/public/static/illustrations/components/slider/states/focus.svg +7 -0
  1378. package/site/public/static/illustrations/components/slider/states/hover.svg +16 -0
  1379. package/site/public/static/illustrations/components/slider/thumb-control.svg +14 -0
  1380. package/site/public/static/illustrations/components/slider/usage/labels.svg +10 -0
  1381. package/site/public/static/illustrations/components/slider/usage/prefix.svg +14 -0
  1382. package/site/public/static/illustrations/components/slider/usage/values.svg +9 -0
  1383. package/site/public/static/illustrations/components/slider-illustration.svg +40 -0
  1384. package/site/public/static/illustrations/components/stack/anatomy.svg +16 -0
  1385. package/site/public/static/illustrations/components/stack/hero.svg +12 -0
  1386. package/site/public/static/illustrations/components/stack-illustration.svg +12 -0
  1387. package/site/public/static/illustrations/components/standfirst/01-hero/hero.svg +8 -0
  1388. package/site/public/static/illustrations/components/standfirst/02-anatomy/anatomy.svg +198 -0
  1389. package/site/public/static/illustrations/components/standfirst/03-options/heading-level.svg +12 -0
  1390. package/site/public/static/illustrations/components/standfirst/04-dos-donts/do-01.svg +192 -0
  1391. package/site/public/static/illustrations/components/standfirst-illustration.svg +42 -0
  1392. package/site/public/static/illustrations/components/structured-list/anatomy.svg +232 -0
  1393. package/site/public/static/illustrations/components/structured-list/behaviours-alignment.svg +109 -0
  1394. package/site/public/static/illustrations/components/structured-list/hero.svg +27 -0
  1395. package/site/public/static/illustrations/components/structured-list/options/options-divider.svg +158 -0
  1396. package/site/public/static/illustrations/components/structured-list/options/options-interactive.svg +33 -0
  1397. package/site/public/static/illustrations/components/structured-list/options/options-item-and-cell-layouts.svg +87 -0
  1398. package/site/public/static/illustrations/components/structured-list/states/active.svg +14 -0
  1399. package/site/public/static/illustrations/components/structured-list/states/base.svg +34 -0
  1400. package/site/public/static/illustrations/components/structured-list/states/disabled.svg +34 -0
  1401. package/site/public/static/illustrations/components/structured-list/states/focus.svg +44 -0
  1402. package/site/public/static/illustrations/components/structured-list/states/hover.svg +14 -0
  1403. package/site/public/static/illustrations/components/switch/anatomy.svg +247 -0
  1404. package/site/public/static/illustrations/components/switch/behaviours/checked-vs-unchecked.svg +63 -0
  1405. package/site/public/static/illustrations/components/switch/behaviours/clickable-area.svg +33 -0
  1406. package/site/public/static/illustrations/components/switch/behaviours/focusable-area.svg +69 -0
  1407. package/site/public/static/illustrations/components/switch/behaviours/label-overflow-wrap.svg +197 -0
  1408. package/site/public/static/illustrations/components/switch/hero.svg +33 -0
  1409. package/site/public/static/illustrations/components/switch/options/feedback.svg +25 -0
  1410. package/site/public/static/illustrations/components/switch/options/label.svg +102 -0
  1411. package/site/public/static/illustrations/components/switch/options/size.svg +199 -0
  1412. package/site/public/static/illustrations/components/switch/options/thumb-and-track-size-and-icons.svg +110 -0
  1413. package/site/public/static/illustrations/components/switch/states/base.svg +55 -0
  1414. package/site/public/static/illustrations/components/switch/states/checked-disabled.svg +55 -0
  1415. package/site/public/static/illustrations/components/switch/states/checked-focus-hover.svg +20 -0
  1416. package/site/public/static/illustrations/components/switch/states/checked-focus.svg +65 -0
  1417. package/site/public/static/illustrations/components/switch/states/checked-hover.svg +19 -0
  1418. package/site/public/static/illustrations/components/switch/states/checked.svg +55 -0
  1419. package/site/public/static/illustrations/components/switch/states/disabled.svg +55 -0
  1420. package/site/public/static/illustrations/components/switch/states/focus-hover.svg +20 -0
  1421. package/site/public/static/illustrations/components/switch/states/focus.svg +72 -0
  1422. package/site/public/static/illustrations/components/switch/states/hover.svg +24 -0
  1423. package/site/public/static/illustrations/components/switch/usage/do-1.svg +14 -0
  1424. package/site/public/static/illustrations/components/switch/usage/do-2.svg +19 -0
  1425. package/site/public/static/illustrations/components/switch/usage/dont-1.svg +32 -0
  1426. package/site/public/static/illustrations/components/switch/usage/dont-2.svg +35 -0
  1427. package/site/public/static/illustrations/components/tabs/anatomy-tabs-illustration.svg +203 -0
  1428. package/site/public/static/illustrations/components/tabs/tabs-behaviours-animation-illustration.svg +46 -0
  1429. package/site/public/static/illustrations/components/tabs/tabs-behaviours-label-wrap-illustration.svg +52 -0
  1430. package/site/public/static/illustrations/components/tabs/tabs-behaviours-selected-illustration.svg +50 -0
  1431. package/site/public/static/illustrations/components/tabs/tabs-behaviours-tab-overflow-illustration.svg +230 -0
  1432. package/site/public/static/illustrations/components/tabs/tabs-options-alignment-illustration.svg +67 -0
  1433. package/site/public/static/illustrations/components/tabs/tabs-options-distribution-illustration.svg +542 -0
  1434. package/site/public/static/illustrations/components/tabs/tabs-options-dividers-illustration.svg +54 -0
  1435. package/site/public/static/illustrations/components/tabs/tabs-options-icons-illustration.svg +63 -0
  1436. package/site/public/static/illustrations/components/tabs/tabs-options-indicator-position-illustration.svg +59 -0
  1437. package/site/public/static/illustrations/components/tabs/tabs-options-indicator-size-illustration.svg +83 -0
  1438. package/site/public/static/illustrations/components/tabs/tabs-options-indicator-weight-illustration.svg +95 -0
  1439. package/site/public/static/illustrations/components/tabs/tabs-options-label-illustration.svg +29 -0
  1440. package/site/public/static/illustrations/components/tabs/tabs-options-orientation-illustration.svg +111 -0
  1441. package/site/public/static/illustrations/components/tabs/tabs-options-size-illustration.svg +59 -0
  1442. package/site/public/static/illustrations/components/tabs/tabs-options-track-weight-illustration.svg +205 -0
  1443. package/site/public/static/illustrations/components/tabs/tabs-states-active-illustration.svg +52 -0
  1444. package/site/public/static/illustrations/components/tabs/tabs-states-base-illustration.svg +45 -0
  1445. package/site/public/static/illustrations/components/tabs/tabs-states-disabled-illustration.svg +47 -0
  1446. package/site/public/static/illustrations/components/tabs/tabs-states-focus-illustration.svg +46 -0
  1447. package/site/public/static/illustrations/components/tabs/tabs-states-hover-illustration.svg +52 -0
  1448. package/site/public/static/illustrations/components/tabs/tabs-states-selected-illustration.svg +47 -0
  1449. package/site/public/static/illustrations/components/tabs/usage/do-01.svg +42 -0
  1450. package/site/public/static/illustrations/components/tabs/usage/do-02.svg +18 -0
  1451. package/site/public/static/illustrations/components/tabs/usage/do-03.svg +36 -0
  1452. package/site/public/static/illustrations/components/tabs/usage/do-04.svg +82 -0
  1453. package/site/public/static/illustrations/components/tabs/usage/do-05.svg +82 -0
  1454. package/site/public/static/illustrations/components/tabs/usage/dont-01.svg +82 -0
  1455. package/site/public/static/illustrations/components/tabs/usage/dont-02.svg +39 -0
  1456. package/site/public/static/illustrations/components/tabs/usage/dont-03.svg +19 -0
  1457. package/site/public/static/illustrations/components/tabs/usage/dont-04.svg +36 -0
  1458. package/site/public/static/illustrations/components/tabs-illustration.svg +69 -0
  1459. package/site/public/static/illustrations/components/tag/anatomy.svg +157 -0
  1460. package/site/public/static/illustrations/components/tag/behaviours/fixed-and-full-width.svg +99 -0
  1461. package/site/public/static/illustrations/components/tag/hero.svg +42 -0
  1462. package/site/public/static/illustrations/components/tag/options/icons.svg +79 -0
  1463. package/site/public/static/illustrations/components/tag/options/lable.svg +33 -0
  1464. package/site/public/static/illustrations/components/tag/options/size.svg +105 -0
  1465. package/site/public/static/illustrations/components/tag/states/active.svg +49 -0
  1466. package/site/public/static/illustrations/components/tag/states/base.svg +45 -0
  1467. package/site/public/static/illustrations/components/tag/states/focus.svg +51 -0
  1468. package/site/public/static/illustrations/components/tag/states/hover.svg +49 -0
  1469. package/site/public/static/illustrations/components/tag/usage/do-01.svg +99 -0
  1470. package/site/public/static/illustrations/components/tag/usage/do-02.svg +18 -0
  1471. package/site/public/static/illustrations/components/tag/usage/dont-01.svg +28 -0
  1472. package/site/public/static/illustrations/components/tag/usage/dont-02.svg +109 -0
  1473. package/site/public/static/illustrations/components/tag-illustration.svg +42 -0
  1474. package/site/public/static/illustrations/components/text-area/anatomy.svg +177 -0
  1475. package/site/public/static/illustrations/components/text-area/behaviours/truncation.svg +122 -0
  1476. package/site/public/static/illustrations/components/text-area/behaviours/validation.svg +23 -0
  1477. package/site/public/static/illustrations/components/text-area/options/autocomplete.svg +76 -0
  1478. package/site/public/static/illustrations/components/text-area/options/character-count.svg +86 -0
  1479. package/site/public/static/illustrations/components/text-area/options/height.svg +134 -0
  1480. package/site/public/static/illustrations/components/text-area/options/max-and-min-length.svg +61 -0
  1481. package/site/public/static/illustrations/components/text-area/options/multiple-text-areas.svg +73 -0
  1482. package/site/public/static/illustrations/components/text-area/options/placeholder-text.svg +82 -0
  1483. package/site/public/static/illustrations/components/text-area/options/resize-handle.svg +19 -0
  1484. package/site/public/static/illustrations/components/text-area/options/size.svg +496 -0
  1485. package/site/public/static/illustrations/components/text-area/options/width.svg +122 -0
  1486. package/site/public/static/illustrations/components/text-area/states/base.svg +50 -0
  1487. package/site/public/static/illustrations/components/text-area/states/disabled.svg +42 -0
  1488. package/site/public/static/illustrations/components/text-area/states/focus.svg +50 -0
  1489. package/site/public/static/illustrations/components/text-area/states/hover.svg +24 -0
  1490. package/site/public/static/illustrations/components/text-area/states/invalid-focus.svg +54 -0
  1491. package/site/public/static/illustrations/components/text-area/states/invalid-hover.svg +17 -0
  1492. package/site/public/static/illustrations/components/text-area/states/invalid.svg +54 -0
  1493. package/site/public/static/illustrations/components/text-area/states/read-only.svg +50 -0
  1494. package/site/public/static/illustrations/components/text-area/states/selected.svg +56 -0
  1495. package/site/public/static/illustrations/components/text-area/states/valid-focus.svg +50 -0
  1496. package/site/public/static/illustrations/components/text-area/states/valid-hover.svg +16 -0
  1497. package/site/public/static/illustrations/components/text-area/states/valid.svg +50 -0
  1498. package/site/public/static/illustrations/components/text-area/usage/do-01.svg +16 -0
  1499. package/site/public/static/illustrations/components/text-area/usage/do-02.svg +25 -0
  1500. package/site/public/static/illustrations/components/text-area/usage/do-03.svg +20 -0
  1501. package/site/public/static/illustrations/components/text-area/usage/dont-01.svg +24 -0
  1502. package/site/public/static/illustrations/components/text-area/usage/dont-02.svg +16 -0
  1503. package/site/public/static/illustrations/components/text-area/usage/dont-03.svg +29 -0
  1504. package/site/public/static/illustrations/components/text-area-illustration.svg +44 -0
  1505. package/site/public/static/illustrations/components/text-block/anatomy.svg +419 -0
  1506. package/site/public/static/illustrations/components/text-block/options/drop-cap.svg +37 -0
  1507. package/site/public/static/illustrations/components/text-block/options/render.svg +439 -0
  1508. package/site/public/static/illustrations/components/text-block/options/styling.svg +335 -0
  1509. package/site/public/static/illustrations/components/text-block/options/text-crop.svg +192 -0
  1510. package/site/public/static/illustrations/components/text-block/usage/do-01.svg +252 -0
  1511. package/site/public/static/illustrations/components/text-block-illustration.svg +36 -0
  1512. package/site/public/static/illustrations/components/text-field/anatomy.svg +255 -0
  1513. package/site/public/static/illustrations/components/text-field/behaviours/input-text-overflow.svg +40 -0
  1514. package/site/public/static/illustrations/components/text-field/behaviours/validation-icon.svg +68 -0
  1515. package/site/public/static/illustrations/components/text-field/behaviours/validation.svg +23 -0
  1516. package/site/public/static/illustrations/components/text-field/hero.svg +32 -0
  1517. package/site/public/static/illustrations/components/text-field/options/autocomplete.svg +78 -0
  1518. package/site/public/static/illustrations/components/text-field/options/end-enhancer.svg +131 -0
  1519. package/site/public/static/illustrations/components/text-field/options/input-mode.svg +86 -0
  1520. package/site/public/static/illustrations/components/text-field/options/max-length.svg +55 -0
  1521. package/site/public/static/illustrations/components/text-field/options/min-length.svg +55 -0
  1522. package/site/public/static/illustrations/components/text-field/options/multiple-fields.svg +86 -0
  1523. package/site/public/static/illustrations/components/text-field/options/pattern.svg +55 -0
  1524. package/site/public/static/illustrations/components/text-field/options/placeholder-text.svg +96 -0
  1525. package/site/public/static/illustrations/components/text-field/options/size.svg +478 -0
  1526. package/site/public/static/illustrations/components/text-field/options/start-enhancer.svg +127 -0
  1527. package/site/public/static/illustrations/components/text-field/options/type.svg +88 -0
  1528. package/site/public/static/illustrations/components/text-field/options/width.svg +116 -0
  1529. package/site/public/static/illustrations/components/text-field/states/active.svg +44 -0
  1530. package/site/public/static/illustrations/components/text-field/states/base.svg +44 -0
  1531. package/site/public/static/illustrations/components/text-field/states/disabled.svg +36 -0
  1532. package/site/public/static/illustrations/components/text-field/states/hover.svg +23 -0
  1533. package/site/public/static/illustrations/components/text-field/states/invalid-focus.svg +48 -0
  1534. package/site/public/static/illustrations/components/text-field/states/invalid-hover.svg +16 -0
  1535. package/site/public/static/illustrations/components/text-field/states/invalid.svg +48 -0
  1536. package/site/public/static/illustrations/components/text-field/states/read-only.svg +44 -0
  1537. package/site/public/static/illustrations/components/text-field/states/selected.svg +50 -0
  1538. package/site/public/static/illustrations/components/text-field/states/valid-focus.svg +50 -0
  1539. package/site/public/static/illustrations/components/text-field/states/valid-hover.svg +16 -0
  1540. package/site/public/static/illustrations/components/text-field/states/valid.svg +50 -0
  1541. package/site/public/static/illustrations/components/text-field/usage/do-01.svg +36 -0
  1542. package/site/public/static/illustrations/components/text-field/usage/do-02.svg +39 -0
  1543. package/site/public/static/illustrations/components/text-field/usage/do-03.svg +68 -0
  1544. package/site/public/static/illustrations/components/text-field/usage/dont-01.svg +41 -0
  1545. package/site/public/static/illustrations/components/text-field/usage/dont-02.svg +37 -0
  1546. package/site/public/static/illustrations/components/text-field/usage/dont-03.svg +60 -0
  1547. package/site/public/static/illustrations/components/text-input-illustration.svg +32 -0
  1548. package/site/public/static/illustrations/components/title-bar/01-hero/hero.svg +9 -0
  1549. package/site/public/static/illustrations/components/title-bar/02-anatomy/anatomy.svg +21 -0
  1550. package/site/public/static/illustrations/components/title-bar/03-options/actions.svg +7 -0
  1551. package/site/public/static/illustrations/components/title-bar/03-options/border.svg +12 -0
  1552. package/site/public/static/illustrations/components/title-bar/03-options/heading-tag.svg +16 -0
  1553. package/site/public/static/illustrations/components/title-bar/03-options/width.svg +23 -0
  1554. package/site/public/static/illustrations/components/title-bar/04-behaviours/hidden.svg +42 -0
  1555. package/site/public/static/illustrations/components/title-bar/05-usage/sections.svg +19 -0
  1556. package/site/public/static/illustrations/components/title-bar-illustration.svg +60 -0
  1557. package/site/public/static/illustrations/components/toast/toast-anatomy-illustration.svg +155 -0
  1558. package/site/public/static/illustrations/components/toast/toast-illustration.svg +14 -0
  1559. package/site/public/static/illustrations/components/toast/toast-options-actionable-illustration.svg +25 -0
  1560. package/site/public/static/illustrations/components/toast/toast-options-auto-hide-illustration.svg +39 -0
  1561. package/site/public/static/illustrations/components/toast/toast-options-icon-illustration.svg +21 -0
  1562. package/site/public/static/illustrations/components/toast/toast-options-intent-illustration.svg +50 -0
  1563. package/site/public/static/illustrations/components/toast/toast-options-multi-toast-illustration.svg +32 -0
  1564. package/site/public/static/illustrations/components/toast/toast-options-offset-illustration.svg +27 -0
  1565. package/site/public/static/illustrations/components/toast/toast-options-persist-illustration.svg +38 -0
  1566. package/site/public/static/illustrations/components/toast/toast-options-position-illustration.svg +32 -0
  1567. package/site/public/static/illustrations/components/toast/toast-options-text-overflow-illustration.svg +20 -0
  1568. package/site/public/static/illustrations/components/toast/toast-options-title-illustration.svg +34 -0
  1569. package/site/public/static/illustrations/components/toast/usage/do-01.svg +44 -0
  1570. package/site/public/static/illustrations/components/toast/usage/do-02.svg +48 -0
  1571. package/site/public/static/illustrations/components/toast/usage/do-03.svg +28 -0
  1572. package/site/public/static/illustrations/components/toast/usage/dont-01.svg +37 -0
  1573. package/site/public/static/illustrations/components/toast/usage/dont-02.svg +22 -0
  1574. package/site/public/static/illustrations/components/toast/usage/dont-03.svg +25 -0
  1575. package/site/public/static/illustrations/components/toast-illustration.svg +14 -0
  1576. package/site/public/static/illustrations/components/tooltip/anatomy.svg +86 -0
  1577. package/site/public/static/illustrations/components/tooltip/behaviours/flip.svg +94 -0
  1578. package/site/public/static/illustrations/components/tooltip/behaviours/shift.svg +101 -0
  1579. package/site/public/static/illustrations/components/tooltip/behaviours/transition.svg +46 -0
  1580. package/site/public/static/illustrations/components/tooltip/behaviours/triggering-and-closing.svg +43 -0
  1581. package/site/public/static/illustrations/components/tooltip/hero.svg +77 -0
  1582. package/site/public/static/illustrations/components/tooltip/options/offset.svg +79 -0
  1583. package/site/public/static/illustrations/components/tooltip/options/placement.svg +126 -0
  1584. package/site/public/static/illustrations/components/tooltip/options/pointer.svg +34 -0
  1585. package/site/public/static/illustrations/components/tooltip/options/size.svg +86 -0
  1586. package/site/public/static/illustrations/components/tooltip/usage/do1.svg +18 -0
  1587. package/site/public/static/illustrations/components/tooltip/usage/do2.svg +36 -0
  1588. package/site/public/static/illustrations/components/tooltip/usage/do3.svg +17 -0
  1589. package/site/public/static/illustrations/components/tooltip/usage/do4.svg +39 -0
  1590. package/site/public/static/illustrations/components/tooltip/usage/dont1.svg +28 -0
  1591. package/site/public/static/illustrations/components/tooltip/usage/dont2.svg +46 -0
  1592. package/site/public/static/illustrations/components/tooltip/usage/dont3.svg +64 -0
  1593. package/site/public/static/illustrations/components/tooltip/usage/dont4.svg +18 -0
  1594. package/site/public/static/illustrations/components/tooltip/usage/dont5.svg +20 -0
  1595. package/site/public/static/illustrations/components/unordered-list/anatomy-2.svg +29 -0
  1596. package/site/public/static/illustrations/components/unordered-list/hero.svg +9 -0
  1597. package/site/public/static/illustrations/components/unordered-list/options/marker-alignment.svg +104 -0
  1598. package/site/public/static/illustrations/components/unordered-list/options/marker.svg +12 -0
  1599. package/site/public/static/illustrations/components/unordered-list/usage/do-01.svg +25 -0
  1600. package/site/public/static/illustrations/components/unordered-list/usage/do-02.svg +55 -0
  1601. package/site/public/static/illustrations/components/unordered-list/usage/dont-01.svg +62 -0
  1602. package/site/public/static/illustrations/components/unordered-list-illustration.svg +55 -0
  1603. package/site/public/static/illustrations/components/url-illustration.svg +63 -0
  1604. package/site/public/static/illustrations/components/video-player/anatomy.svg +53 -0
  1605. package/site/public/static/illustrations/components/video-player/default-player.svg +21 -0
  1606. package/site/public/static/illustrations/components/video-player/hero.svg +17 -0
  1607. package/site/public/static/illustrations/components/video-player/player-in-card.svg +94 -0
  1608. package/site/public/static/illustrations/components/visibility/hidden-illustration.svg +32 -0
  1609. package/site/public/static/illustrations/components/visibility/screenreaderonly-illustration.svg +28 -0
  1610. package/site/public/static/illustrations/components/visibility/usage/do-01.svg +77 -0
  1611. package/site/public/static/illustrations/components/visibility/usage/dont-01.svg +63 -0
  1612. package/site/public/static/illustrations/components/visibility/visibility-do-01-illustration.svg +64 -0
  1613. package/site/public/static/illustrations/components/visibility/visibility-dont-01-illustration.svg +66 -0
  1614. package/site/public/static/illustrations/components/visibility/visibility-illustration.svg +51 -0
  1615. package/site/public/static/illustrations/components/visibility/visible-illustration.svg +25 -0
  1616. package/site/public/static/illustrations/components/visibility-illustration.svg +51 -0
  1617. package/site/public/static/illustrations/components/volume-control-illustration.svg +46 -0
  1618. package/site/public/static/illustrations/guides/accessibility-code/hero.svg +33 -0
  1619. package/site/public/static/illustrations/guides/accessibility-design/hero.svg +16 -0
  1620. package/site/public/static/illustrations/guides/accessibility-getting-started/hero.svg +15 -0
  1621. package/site/public/static/illustrations/guides/accessibility-test/hero.svg +21 -0
  1622. package/site/public/static/illustrations/guides/accessibility-write/hero.svg +24 -0
  1623. package/site/public/static/illustrations/guides/design-overview/accessibility-guidance.svg +120 -0
  1624. package/site/public/static/illustrations/guides/design-overview/complete-flexibility.svg +99 -0
  1625. package/site/public/static/illustrations/guides/design-overview/components-guidance.svg +98 -0
  1626. package/site/public/static/illustrations/guides/design-overview/design-made-easy.svg +79 -0
  1627. package/site/public/static/illustrations/guides/design-overview/design-quickstart.svg +61 -0
  1628. package/site/public/static/illustrations/guides/design-overview/example-architecture.svg +553 -0
  1629. package/site/public/static/illustrations/guides/design-overview/feature-card-need-help.svg +62 -0
  1630. package/site/public/static/illustrations/guides/design-overview/handoff-guidance.svg +58 -0
  1631. package/site/public/static/illustrations/guides/design-overview/hero.svg +70 -0
  1632. package/site/public/static/illustrations/guides/design-overview/icon-library.svg +52 -0
  1633. package/site/public/static/illustrations/guides/design-overview/patterns.svg +50 -0
  1634. package/site/public/static/illustrations/guides/design-overview/theme-library.svg +32 -0
  1635. package/site/public/static/illustrations/guides/design-overview/tokens-studio-plugin.svg +8 -0
  1636. package/site/public/static/illustrations/guides/design-overview/ui-template.svg +102 -0
  1637. package/site/public/static/illustrations/guides/design-overview/utilities-library.svg +34 -0
  1638. package/site/public/static/illustrations/guides/design-overview/web-components-library.svg +66 -0
  1639. package/site/public/static/illustrations/guides/design-quickstart/hero.svg +61 -0
  1640. package/site/public/static/illustrations/guides/design-quickstart/step1/access-to-figma-browser-launch.svg +160 -0
  1641. package/site/public/static/illustrations/guides/design-quickstart/step1/access-to-figma-log-in.svg +308 -0
  1642. package/site/public/static/illustrations/guides/design-quickstart/step1/access-to-figma-open-in-app.svg +256 -0
  1643. package/site/public/static/illustrations/guides/design-quickstart/step1/hero.svg +45 -0
  1644. package/site/public/static/illustrations/guides/design-quickstart/step2/hero.svg +95 -0
  1645. package/site/public/static/illustrations/guides/design-quickstart/step2/joining-a-workspace-request.svg +504 -0
  1646. package/site/public/static/illustrations/guides/design-quickstart/step3/hero.svg +98 -0
  1647. package/site/public/static/illustrations/guides/design-quickstart/step4/hero.svg +112 -0
  1648. package/site/public/static/illustrations/guides/design-quickstart/step4/starting-a-figma-project-new-project-01.svg +168 -0
  1649. package/site/public/static/illustrations/guides/design-quickstart/step4/starting-a-figma-project-new-project-02.svg +260 -0
  1650. package/site/public/static/illustrations/guides/design-quickstart/step4/starting-a-figma-project-new-project-03.svg +192 -0
  1651. package/site/public/static/illustrations/guides/design-quickstart/step4/using-the-newskit-project-template-files-using-template-01.svg +292 -0
  1652. package/site/public/static/illustrations/guides/design-quickstart/step4/using-the-newskit-project-template-files-using-template-02.svg +240 -0
  1653. package/site/public/static/illustrations/guides/design-quickstart/step4/using-the-newskit-project-template-files-using-template-03.svg +318 -0
  1654. package/site/public/static/illustrations/guides/design-quickstart/step5/hero.svg +106 -0
  1655. package/site/public/static/illustrations/guides/design-quickstart/step5/linking-newskit-figma-libraries-libraries-01.svg +185 -0
  1656. package/site/public/static/illustrations/guides/design-quickstart/step5/linking-newskit-figma-libraries-libraries-02.svg +158 -0
  1657. package/site/public/static/illustrations/guides/design-quickstart/step5/linking-newskit-figma-libraries-libraries-03.svg +419 -0
  1658. package/site/public/static/illustrations/guides/engineering-overview/accessible.svg +79 -0
  1659. package/site/public/static/illustrations/guides/engineering-overview/adaptive.svg +67 -0
  1660. package/site/public/static/illustrations/guides/engineering-overview/advanced-theming-system.svg +32 -0
  1661. package/site/public/static/illustrations/guides/engineering-overview/example-architecture-engineering.svg +1265 -0
  1662. package/site/public/static/illustrations/guides/engineering-overview/guidance.svg +154 -0
  1663. package/site/public/static/illustrations/guides/engineering-overview/hero.svg +28 -0
  1664. package/site/public/static/illustrations/guides/engineering-overview/productive.svg +56 -0
  1665. package/site/public/static/illustrations/guides/engineering-overview/react-web-components.svg +24 -0
  1666. package/site/public/static/illustrations/guides/engineering-overview/utility-functions.svg +56 -0
  1667. package/site/public/static/illustrations/guides/engineering-quickstart/hero.svg +24 -0
  1668. package/site/public/static/illustrations/guides/form-guide/hero.svg +149 -0
  1669. package/site/public/static/illustrations/guides/form-guide/steps/step-01.svg +19 -0
  1670. package/site/public/static/illustrations/guides/form-guide/steps/step-02.svg +21 -0
  1671. package/site/public/static/illustrations/guides/form-guide/steps/step-03.svg +21 -0
  1672. package/site/public/static/illustrations/guides/form-guide/steps/step-04.svg +20 -0
  1673. package/site/public/static/illustrations/guides/form-guide/steps/step-05.svg +22 -0
  1674. package/site/public/static/illustrations/guides/form-guide/steps/step-06.svg +23 -0
  1675. package/site/public/static/illustrations/guides/form-guide/steps/step-07.svg +24 -0
  1676. package/site/public/static/illustrations/guides/form-guide/steps/step-08.svg +33 -0
  1677. package/site/public/static/illustrations/guides/form-guide/steps/step-09.svg +34 -0
  1678. package/site/public/static/illustrations/guides/form-guide/steps/step-10.svg +33 -0
  1679. package/site/public/static/illustrations/guides/grid-layout-guide/hero.svg +73 -0
  1680. package/site/public/static/illustrations/guides/grid-layout-guide/steps/first-layout.svg +16 -0
  1681. package/site/public/static/illustrations/guides/grid-layout-guide/steps/grid-layout.svg +37 -0
  1682. package/site/public/static/illustrations/guides/grid-layout-guide/steps/responsive-props.svg +16 -0
  1683. package/site/public/static/illustrations/guides/instrumentation-setup-hero.svg +76 -0
  1684. package/site/public/static/illustrations/guides/overview/design-overview.svg +70 -0
  1685. package/site/public/static/illustrations/guides/overview/design-quickstart.svg +61 -0
  1686. package/site/public/static/illustrations/guides/overview/engineering-overview.svg +28 -0
  1687. package/site/public/static/illustrations/guides/overview/engineering-quickstart.svg +24 -0
  1688. package/site/public/static/illustrations/guides/overview/header-image.svg +34 -0
  1689. package/site/public/static/illustrations/guides/overview/instrumentation-setup.svg +76 -0
  1690. package/site/public/static/illustrations/guides/overview/testing.svg +80 -0
  1691. package/site/public/static/illustrations/landing-page/explore-components.svg +89 -0
  1692. package/site/public/static/illustrations/landing-page/explore-foundations.svg +30 -0
  1693. package/site/public/static/illustrations/landing-page/explore-patterns.svg +99 -0
  1694. package/site/public/static/illustrations/landing-page/github.svg +119 -0
  1695. package/site/public/static/illustrations/landing-page/hero-grid-logo.svg +10 -0
  1696. package/site/public/static/illustrations/landing-page/hero-grid.svg +25 -0
  1697. package/site/public/static/illustrations/landing-page/medium.svg +39 -0
  1698. package/site/public/static/illustrations/landing-page/storybook.svg +31 -0
  1699. package/site/public/static/illustrations/patterns/forms/address/error-state.svg +591 -0
  1700. package/site/public/static/illustrations/patterns/forms/address/hero.svg +48 -0
  1701. package/site/public/static/illustrations/patterns/forms/address/how-to-ask.svg +253 -0
  1702. package/site/public/static/illustrations/patterns/forms/address/how-to-display.svg +451 -0
  1703. package/site/public/static/illustrations/patterns/forms/best-practice/best-practice/tip.svg +551 -0
  1704. package/site/public/static/illustrations/patterns/forms/best-practice/call-to-actions/tip.svg +83 -0
  1705. package/site/public/static/illustrations/patterns/forms/best-practice/call-to-actions/visual-treatment.svg +105 -0
  1706. package/site/public/static/illustrations/patterns/forms/best-practice/hero.svg +59 -0
  1707. package/site/public/static/illustrations/patterns/forms/best-practice/labels/optional.svg +229 -0
  1708. package/site/public/static/illustrations/patterns/forms/best-practice/labels/tip.svg +55 -0
  1709. package/site/public/static/illustrations/patterns/forms/best-practice/progress-abandonment/abandonment.svg +136 -0
  1710. package/site/public/static/illustrations/patterns/forms/best-practice/progress-abandonment/tip.svg +298 -0
  1711. package/site/public/static/illustrations/patterns/forms/best-practice/security-captcha/tip.svg +137 -0
  1712. package/site/public/static/illustrations/patterns/forms/best-practice/structure-layout/tip.svg +148 -0
  1713. package/site/public/static/illustrations/patterns/forms/best-practice/validation-error-messages/tip.svg +73 -0
  1714. package/site/public/static/illustrations/patterns/forms/best-practice/validation-error-messages/validation.svg +89 -0
  1715. package/site/public/static/illustrations/patterns/forms/date-of-birth/error-state.svg +229 -0
  1716. package/site/public/static/illustrations/patterns/forms/date-of-birth/hero.svg +16 -0
  1717. package/site/public/static/illustrations/patterns/forms/date-of-birth/how-to-ask.svg +207 -0
  1718. package/site/public/static/illustrations/patterns/forms/date-picker/error-state.svg +211 -0
  1719. package/site/public/static/illustrations/patterns/forms/date-picker/hero.svg +14 -0
  1720. package/site/public/static/illustrations/patterns/forms/date-picker/how-to-use/long-term.svg +268 -0
  1721. package/site/public/static/illustrations/patterns/forms/date-picker/how-to-use/mobile.svg +149 -0
  1722. package/site/public/static/illustrations/patterns/forms/date-picker/how-to-use/short-term.svg +83 -0
  1723. package/site/public/static/illustrations/patterns/forms/date-picker/tip.svg +415 -0
  1724. package/site/public/static/illustrations/patterns/forms/email-address/error-state.svg +185 -0
  1725. package/site/public/static/illustrations/patterns/forms/email-address/hero.svg +25 -0
  1726. package/site/public/static/illustrations/patterns/forms/email-address/how-to-ask.svg +247 -0
  1727. package/site/public/static/illustrations/patterns/forms/gender/hero.svg +62 -0
  1728. package/site/public/static/illustrations/patterns/forms/input-components/checkbox/checkbox.svg +29 -0
  1729. package/site/public/static/illustrations/patterns/forms/input-components/combo-box/combo-box.svg +19 -0
  1730. package/site/public/static/illustrations/patterns/forms/input-components/hero.svg +22 -0
  1731. package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/checkbox.svg +38 -0
  1732. package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/radio-button.svg +53 -0
  1733. package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/select.svg +78 -0
  1734. package/site/public/static/illustrations/patterns/forms/input-components/newskit-component/text-field.svg +32 -0
  1735. package/site/public/static/illustrations/patterns/forms/input-components/radio-group/considerations.svg +29 -0
  1736. package/site/public/static/illustrations/patterns/forms/input-components/select/select.svg +14 -0
  1737. package/site/public/static/illustrations/patterns/forms/input-components/text-field/considerations.svg +14 -0
  1738. package/site/public/static/illustrations/patterns/forms/names/error-state.svg +1 -0
  1739. package/site/public/static/illustrations/patterns/forms/names/hero.svg +23 -0
  1740. package/site/public/static/illustrations/patterns/forms/names/how-to-ask.svg +151 -0
  1741. package/site/public/static/illustrations/patterns/forms/overview/hero.svg +70 -0
  1742. package/site/public/static/illustrations/patterns/forms/overview/why-use/best-practice.svg +57 -0
  1743. package/site/public/static/illustrations/patterns/forms/overview/why-use/consistency.svg +230 -0
  1744. package/site/public/static/illustrations/patterns/forms/overview/why-use/ease-of-use.svg +71 -0
  1745. package/site/public/static/illustrations/patterns/forms/passwords/error-state.svg +1 -0
  1746. package/site/public/static/illustrations/patterns/forms/passwords/hero.svg +40 -0
  1747. package/site/public/static/illustrations/patterns/forms/passwords/how-to-ask.svg +1 -0
  1748. package/site/public/static/illustrations/patterns/forms/payment/hero.svg +21 -0
  1749. package/site/public/static/illustrations/patterns/forms/telephone-number/error-state.svg +309 -0
  1750. package/site/public/static/illustrations/patterns/forms/telephone-number/hero.svg +21 -0
  1751. package/site/public/static/illustrations/patterns/forms/telephone-number/how-to-ask.svg +396 -0
  1752. package/site/public/static/illustrations/patterns/hero.svg +103 -0
  1753. package/site/public/static/illustrations/patterns/onboarding/best-practice/hero.svg +69 -0
  1754. package/site/public/static/illustrations/patterns/onboarding/how-to/choose-components.svg +17 -0
  1755. package/site/public/static/illustrations/patterns/onboarding/how-to/document-rules.svg +20 -0
  1756. package/site/public/static/illustrations/patterns/onboarding/how-to/hero.svg +30 -0
  1757. package/site/public/static/illustrations/patterns/onboarding/how-to/select-appropriate-components.svg +146 -0
  1758. package/site/public/static/illustrations/patterns/onboarding/how-to/write-a-scenario.svg +17 -0
  1759. package/site/public/static/illustrations/patterns/onboarding/overview/hero.svg +36 -0
  1760. package/site/public/static/illustrations/patterns/solutions/account/01-hero.svg +12 -0
  1761. package/site/public/static/illustrations/patterns/solutions/account/02-profile.svg +112 -0
  1762. package/site/public/static/illustrations/patterns/solutions/account/03-subs-billing.svg +109 -0
  1763. package/site/public/static/illustrations/patterns/solutions/account/04-holiday-stops.svg +97 -0
  1764. package/site/public/static/illustrations/patterns/solutions/account/05-delivery.svg +144 -0
  1765. package/site/public/static/illustrations/patterns/solutions/account/06-newsletters.svg +121 -0
  1766. package/site/public/static/illustrations/patterns/solutions/help-hub/01-hero.svg +15 -0
  1767. package/site/public/static/illustrations/patterns/solutions/help-hub/02-most-read.svg +171 -0
  1768. package/site/public/static/illustrations/patterns/solutions/help-hub/03-search.svg +45 -0
  1769. package/site/public/static/illustrations/patterns/solutions/help-hub/04-branding.svg +386 -0
  1770. package/site/public/static/illustrations/patterns/solutions/help-hub/05-algolia.svg +189 -0
  1771. package/site/public/static/illustrations/theme/breakpoints/fixed.svg +263 -0
  1772. package/site/public/static/illustrations/theme/breakpoints/fluid.svg +243 -0
  1773. package/site/public/static/illustrations/theme/breakpoints/hero.svg +51 -0
  1774. package/site/public/static/illustrations/theme/breakpoints/overview.svg +376 -0
  1775. package/site/public/static/illustrations/theme/breakpoints/usage.svg +415 -0
  1776. package/site/public/static/illustrations/theme/colours/hero.svg +30 -0
  1777. package/site/public/static/illustrations/theme/colours/overview.svg +362 -0
  1778. package/site/public/static/illustrations/theme/component-defaults/hero.svg +103 -0
  1779. package/site/public/static/illustrations/theme/creating-a-theme/hero.svg +56 -0
  1780. package/site/public/static/illustrations/theme/design-tokens/design-tokens.svg +160 -0
  1781. package/site/public/static/illustrations/theme/design-tokens/hero.svg +54 -0
  1782. package/site/public/static/illustrations/theme/fonts/baseline.svg +41 -0
  1783. package/site/public/static/illustrations/theme/fonts/buttoncropped.svg +213 -0
  1784. package/site/public/static/illustrations/theme/fonts/buttonnocrop.svg +225 -0
  1785. package/site/public/static/illustrations/theme/fonts/cap-height.svg +40 -0
  1786. package/site/public/static/illustrations/theme/fonts/cardcropped.svg +2064 -0
  1787. package/site/public/static/illustrations/theme/fonts/cardnocrop.svg +2061 -0
  1788. package/site/public/static/illustrations/theme/fonts/hero.svg +32 -0
  1789. package/site/public/static/illustrations/theme/fonts/overview.svg +154 -0
  1790. package/site/public/static/illustrations/theme/gradients/hero.svg +119 -0
  1791. package/site/public/static/illustrations/theme/header-image.svg +34 -0
  1792. package/site/public/static/illustrations/theme/hero-borders-illustration.svg +43 -0
  1793. package/site/public/static/illustrations/theme/hero-outlines-illustration.svg +43 -0
  1794. package/site/public/static/illustrations/theme/iconography/appearance.svg +50 -0
  1795. package/site/public/static/illustrations/theme/iconography/colours.svg +77 -0
  1796. package/site/public/static/illustrations/theme/iconography/hero.svg +55 -0
  1797. package/site/public/static/illustrations/theme/iconography/overview.svg +30 -0
  1798. package/site/public/static/illustrations/theme/iconography/size.svg +28 -0
  1799. package/site/public/static/illustrations/theme/iconography/structure.svg +82 -0
  1800. package/site/public/static/illustrations/theme/iconography/usage/do-01.svg +26 -0
  1801. package/site/public/static/illustrations/theme/iconography/usage/do-02.svg +18 -0
  1802. package/site/public/static/illustrations/theme/iconography/usage/do-03.svg +20 -0
  1803. package/site/public/static/illustrations/theme/iconography/usage/do-04.svg +19 -0
  1804. package/site/public/static/illustrations/theme/iconography/usage/do-05.svg +16 -0
  1805. package/site/public/static/illustrations/theme/iconography/usage/do-06.svg +21 -0
  1806. package/site/public/static/illustrations/theme/iconography/usage/dont-01.svg +64 -0
  1807. package/site/public/static/illustrations/theme/iconography/usage/dont-02.svg +19 -0
  1808. package/site/public/static/illustrations/theme/motion/hero.svg +28 -0
  1809. package/site/public/static/illustrations/theme/motion/usage/do-01.svg +20 -0
  1810. package/site/public/static/illustrations/theme/motion/usage/dont-01.svg +33 -0
  1811. package/site/public/static/illustrations/theme/motion/usage/dont-02.svg +13 -0
  1812. package/site/public/static/illustrations/theme/motion/usage/dont-03.svg +13 -0
  1813. package/site/public/static/illustrations/theme/opacity/hero.svg +24 -0
  1814. package/site/public/static/illustrations/theme/overlays/hero.svg +60 -0
  1815. package/site/public/static/illustrations/theme/overlays/usage/do-01.svg +30 -0
  1816. package/site/public/static/illustrations/theme/overlays/usage/dont-01.svg +39 -0
  1817. package/site/public/static/illustrations/theme/sizing/overview.svg +161 -0
  1818. package/site/public/static/illustrations/theme/sizing/touch-target-areas.svg +35 -0
  1819. package/site/public/static/illustrations/theme/sizing/why-4-px.svg +1326 -0
  1820. package/site/public/static/illustrations/theme/spacing/block.svg +50 -0
  1821. package/site/public/static/illustrations/theme/spacing/hero.svg +44 -0
  1822. package/site/public/static/illustrations/theme/spacing/margin-block-end.svg +76 -0
  1823. package/site/public/static/illustrations/theme/spacing/margin-block-start.svg +84 -0
  1824. package/site/public/static/illustrations/theme/spacing/margin-block.svg +96 -0
  1825. package/site/public/static/illustrations/theme/spacing/margin-inline-end.svg +64 -0
  1826. package/site/public/static/illustrations/theme/spacing/margin-inline-start.svg +64 -0
  1827. package/site/public/static/illustrations/theme/spacing/margin-inline.svg +92 -0
  1828. package/site/public/static/illustrations/theme/spacing/overview.svg +159 -0
  1829. package/site/public/static/illustrations/theme/spacing/padding-block-end.svg +76 -0
  1830. package/site/public/static/illustrations/theme/spacing/padding-block-start.svg +96 -0
  1831. package/site/public/static/illustrations/theme/spacing/padding-block.svg +96 -0
  1832. package/site/public/static/illustrations/theme/spacing/padding-inline-end.svg +64 -0
  1833. package/site/public/static/illustrations/theme/spacing/padding-inline-start.svg +64 -0
  1834. package/site/public/static/illustrations/theme/spacing/padding-inline.svg +84 -0
  1835. package/site/public/static/illustrations/theme/spacing/space-inline.svg +76 -0
  1836. package/site/public/static/illustrations/theme/spacing/space-inset.svg +114 -0
  1837. package/site/public/static/illustrations/theme/spacing/space-stack.svg +117 -0
  1838. package/site/public/static/illustrations/theme/spacing/stack.svg +46 -0
  1839. package/site/public/static/illustrations/theme/style-presets/active.svg +40 -0
  1840. package/site/public/static/illustrations/theme/style-presets/base.svg +24 -0
  1841. package/site/public/static/illustrations/theme/style-presets/checked-disabled.svg +17 -0
  1842. package/site/public/static/illustrations/theme/style-presets/checked-focus-visible-hover.svg +13 -0
  1843. package/site/public/static/illustrations/theme/style-presets/checked-focus.svg +36 -0
  1844. package/site/public/static/illustrations/theme/style-presets/checked-hover.svg +12 -0
  1845. package/site/public/static/illustrations/theme/style-presets/checked-invalid-focus-visible-hover.svg +17 -0
  1846. package/site/public/static/illustrations/theme/style-presets/checked-invalid-focus.svg +44 -0
  1847. package/site/public/static/illustrations/theme/style-presets/checked-invalid-hover.svg +15 -0
  1848. package/site/public/static/illustrations/theme/style-presets/checked-invalid.svg +38 -0
  1849. package/site/public/static/illustrations/theme/style-presets/checked-valid-focus-visible-hover.svg +16 -0
  1850. package/site/public/static/illustrations/theme/style-presets/checked-valid-focus.svg +40 -0
  1851. package/site/public/static/illustrations/theme/style-presets/checked-valid-hover.svg +14 -0
  1852. package/site/public/static/illustrations/theme/style-presets/checked-valid.svg +34 -0
  1853. package/site/public/static/illustrations/theme/style-presets/checked.svg +26 -0
  1854. package/site/public/static/illustrations/theme/style-presets/disabled.svg +22 -0
  1855. package/site/public/static/illustrations/theme/style-presets/focus-visible-hover.svg +13 -0
  1856. package/site/public/static/illustrations/theme/style-presets/focus.svg +34 -0
  1857. package/site/public/static/illustrations/theme/style-presets/hero.svg +85 -0
  1858. package/site/public/static/illustrations/theme/style-presets/hover-active.svg +15 -0
  1859. package/site/public/static/illustrations/theme/style-presets/hover.svg +12 -0
  1860. package/site/public/static/illustrations/theme/style-presets/invalid-focus-visible-hover.svg +16 -0
  1861. package/site/public/static/illustrations/theme/style-presets/invalid-focus.svg +46 -0
  1862. package/site/public/static/illustrations/theme/style-presets/invalid-hover-active.svg +18 -0
  1863. package/site/public/static/illustrations/theme/style-presets/invalid-hover.svg +15 -0
  1864. package/site/public/static/illustrations/theme/style-presets/invalid.svg +36 -0
  1865. package/site/public/static/illustrations/theme/style-presets/loading.svg +26 -0
  1866. package/site/public/static/illustrations/theme/style-presets/overview.svg +137 -0
  1867. package/site/public/static/illustrations/theme/style-presets/selected-disabled.svg +20 -0
  1868. package/site/public/static/illustrations/theme/style-presets/selected-focus.svg +45 -0
  1869. package/site/public/static/illustrations/theme/style-presets/selected-hover.svg +15 -0
  1870. package/site/public/static/illustrations/theme/style-presets/selected-invalid-focus.svg +66 -0
  1871. package/site/public/static/illustrations/theme/style-presets/selected-invalid-hover.svg +21 -0
  1872. package/site/public/static/illustrations/theme/style-presets/selected-invalid.svg +60 -0
  1873. package/site/public/static/illustrations/theme/style-presets/selected-valid-focus.svg +62 -0
  1874. package/site/public/static/illustrations/theme/style-presets/selected-valid-hover.svg +20 -0
  1875. package/site/public/static/illustrations/theme/style-presets/selected-valid.svg +56 -0
  1876. package/site/public/static/illustrations/theme/style-presets/selected.svg +39 -0
  1877. package/site/public/static/illustrations/theme/style-presets/valid-focus-visible-hover.svg +15 -0
  1878. package/site/public/static/illustrations/theme/style-presets/valid-focus.svg +42 -0
  1879. package/site/public/static/illustrations/theme/style-presets/valid-hover-active.svg +15 -0
  1880. package/site/public/static/illustrations/theme/style-presets/valid-hover.svg +14 -0
  1881. package/site/public/static/illustrations/theme/style-presets/valid.svg +32 -0
  1882. package/site/public/static/illustrations/theme/style-presets/visited-focus.svg +44 -0
  1883. package/site/public/static/illustrations/theme/style-presets/visited-hover.svg +15 -0
  1884. package/site/public/static/illustrations/theme/style-presets/visited.svg +38 -0
  1885. package/site/public/static/illustrations/theme/transition-presets/hero.svg +76 -0
  1886. package/site/public/static/illustrations/theme/transition-presets/overview.svg +156 -0
  1887. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/backgroundcolorchange.svg +21 -0
  1888. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/bordercolorchange.svg +18 -0
  1889. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/fade.svg +24 -0
  1890. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/fontcolorchange.svg +23 -0
  1891. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/grow.svg +15 -0
  1892. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/iconcolorchange.svg +29 -0
  1893. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/maxheightchange.svg +22 -0
  1894. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/moveup.svg +20 -0
  1895. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/opacitychange.svg +30 -0
  1896. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/shiftabsolute.svg +41 -0
  1897. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slidebottom.svg +65 -0
  1898. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slideleft.svg +65 -0
  1899. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slideright.svg +65 -0
  1900. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/slidetop.svg +65 -0
  1901. package/site/public/static/illustrations/theme/transition-presets/predefined-transition-presets/widthchange.svg +41 -0
  1902. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/base.svg +22 -0
  1903. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/enter.svg +53 -0
  1904. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/enteractive.svg +91 -0
  1905. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/enterdone.svg +117 -0
  1906. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/exit.svg +117 -0
  1907. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/exitactive.svg +85 -0
  1908. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/component/exitdone.svg +53 -0
  1909. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/overview.svg +109 -0
  1910. package/site/public/static/illustrations/theme/transition-presets/transition-preset-states/user-interaction.svg +21 -0
  1911. package/site/public/static/illustrations/theme/transition-presets/transition-presets-in-figma.svg +119 -0
  1912. package/site/public/static/illustrations/theme/typography/font-size.svg +63 -0
  1913. package/site/public/static/illustrations/theme/typography/line-height.svg +66 -0
  1914. package/site/public/static/illustrations/theme/typography/line-length.svg +90 -0
  1915. package/site/public/static/illustrations/theme/using-a-theme/hero.svg +17 -0
  1916. package/site/public/static/landing/feature-card-banner.svg +18 -0
  1917. package/site/public/static/landing/feature-card-contribute.svg +58 -0
  1918. package/site/public/static/landing/feature-card-roadmap.svg +24 -0
  1919. package/site/public/static/landing/feature-card-whatsnew.svg +20 -0
  1920. package/site/public/static/landing/landing-components.svg +28 -0
  1921. package/site/public/static/landing/landing-foundations.svg +18 -0
  1922. package/site/public/static/landing/landing-texture-dots.svg +10 -0
  1923. package/site/public/static/landing/landing-theming.svg +23 -0
  1924. package/site/public/static/landing/landing-waves.svg +8 -0
  1925. package/site/public/static/mstile-150x150.png +0 -0
  1926. package/site/public/static/newskit-logo.svg +18 -0
  1927. package/site/public/static/placeholder-16x9.png +0 -0
  1928. package/site/public/static/placeholder-1x1.png +0 -0
  1929. package/site/public/static/placeholder-2x3.png +0 -0
  1930. package/site/public/static/placeholder-3x2.png +0 -0
  1931. package/site/public/static/placeholder-4x5.png +0 -0
  1932. package/site/public/static/placeholder-5x4.png +0 -0
  1933. package/site/public/static/roadmap-hero.svg +26 -0
  1934. package/site/public/static/sample.mp3 +0 -0
  1935. package/site/public/static/sample2.mp3 +0 -0
  1936. package/site/public/static/site.webmanifest +19 -0
  1937. package/site/public/static/social/about.png +0 -0
  1938. package/site/public/static/social/components.png +0 -0
  1939. package/site/public/static/social/guides.png +0 -0
  1940. package/site/public/static/social/landing.png +0 -0
  1941. package/site/public/static/social/patterns.png +0 -0
  1942. package/site/public/static/social/theme.png +0 -0
  1943. package/site/public/static/templates.png +0 -0
  1944. package/site/routes.ts +1191 -0
  1945. package/site/templates/about-page-template/about-page-template.tsx +44 -0
  1946. package/site/templates/about-page-template/index.ts +2 -0
  1947. package/site/templates/about-page-template/types.ts +9 -0
  1948. package/site/templates/component-page-template/component-page-basic-template.tsx +46 -0
  1949. package/site/templates/component-page-template/component-page-template.tsx +99 -0
  1950. package/site/templates/component-page-template/index.ts +2 -0
  1951. package/site/templates/component-page-template/types.ts +46 -0
  1952. package/site/templates/foundation-page-template/foundation-page-template.tsx +62 -0
  1953. package/site/templates/foundation-page-template/index.ts +2 -0
  1954. package/site/templates/foundation-page-template/types.ts +9 -0
  1955. package/site/templates/guide-page-template/guide-page-template.tsx +42 -0
  1956. package/site/templates/guide-page-template/index.ts +2 -0
  1957. package/site/templates/guide-page-template/types.ts +9 -0
  1958. package/site/templates/page-template.tsx +73 -0
  1959. package/site/templates/pattern-page-template/index.ts +2 -0
  1960. package/site/templates/pattern-page-template/pattern-page-template.tsx +57 -0
  1961. package/site/templates/pattern-page-template/types.ts +9 -0
  1962. package/site/templates/template-sections/__mocks__/accessibility-section.tsx +8 -0
  1963. package/site/templates/template-sections/__mocks__/anatomy-section.tsx +8 -0
  1964. package/site/templates/template-sections/__mocks__/behaviors-section.tsx +8 -0
  1965. package/site/templates/template-sections/__mocks__/code-examples-section.tsx +8 -0
  1966. package/site/templates/template-sections/__mocks__/compliance-section.tsx +8 -0
  1967. package/site/templates/template-sections/__mocks__/component-api-section.tsx +8 -0
  1968. package/site/templates/template-sections/__mocks__/interactive-demo-section.tsx +8 -0
  1969. package/site/templates/template-sections/__mocks__/introduction-section.tsx +8 -0
  1970. package/site/templates/template-sections/__mocks__/onward-journey-section.tsx +5 -0
  1971. package/site/templates/template-sections/__mocks__/options-section.tsx +8 -0
  1972. package/site/templates/template-sections/__mocks__/related-components-section.tsx +8 -0
  1973. package/site/templates/template-sections/__mocks__/seo-section.tsx +8 -0
  1974. package/site/templates/template-sections/__mocks__/states-section.tsx +8 -0
  1975. package/site/templates/template-sections/__mocks__/usage-section.tsx +8 -0
  1976. package/site/templates/template-sections/accessibility-section.tsx +160 -0
  1977. package/site/templates/template-sections/anatomy-section.tsx +121 -0
  1978. package/site/templates/template-sections/behaviors-section.tsx +37 -0
  1979. package/site/templates/template-sections/code-examples-section.tsx +116 -0
  1980. package/site/templates/template-sections/common-section.tsx +62 -0
  1981. package/site/templates/template-sections/compliance-section.tsx +84 -0
  1982. package/site/templates/template-sections/component-api-section.tsx +15 -0
  1983. package/site/templates/template-sections/index.ts +17 -0
  1984. package/site/templates/template-sections/interactive-demo-section.tsx +33 -0
  1985. package/site/templates/template-sections/introduction-section.tsx +36 -0
  1986. package/site/templates/template-sections/layout-examples-section.tsx +67 -0
  1987. package/site/templates/template-sections/need-help-section.tsx +18 -0
  1988. package/site/templates/template-sections/onward-journey-section.tsx +38 -0
  1989. package/site/templates/template-sections/options-section.tsx +94 -0
  1990. package/site/templates/template-sections/related-components-section.tsx +43 -0
  1991. package/site/templates/template-sections/seo-section.tsx +20 -0
  1992. package/site/templates/template-sections/states-section.tsx +44 -0
  1993. package/site/templates/template-sections/styled.ts +11 -0
  1994. package/site/templates/template-sections/tutorials-section.tsx +28 -0
  1995. package/site/templates/template-sections/types.ts +4 -0
  1996. package/site/templates/template-sections/usage-section.tsx +59 -0
  1997. package/site/templates/types.ts +17 -0
  1998. package/site/theme/component-defaults.ts +243 -0
  1999. package/site/theme/doc-theme.ts +128 -0
  2000. package/site/theme/style-presets.ts +1218 -0
  2001. package/site/tsconfig.json +28 -0
  2002. package/site/tsconfig.spec.json +16 -0
  2003. package/site/utils/arrayify.ts +1 -0
  2004. package/site/utils/colors-token-description.tsx +268 -0
  2005. package/site/utils/get-feature-card.ts +88 -0
  2006. package/site/utils/get-route-object.ts +34 -0
  2007. package/site/utils/get-token-type.ts +7 -0
  2008. package/site/utils/google-sheet/get-sheets.ts +45 -0
  2009. package/site/utils/google-sheet/index.ts +2 -0
  2010. package/site/utils/google-sheet/types.ts +15 -0
  2011. package/site/utils/google-sheet/utils.ts +64 -0
  2012. package/site/utils/instrumentation.ts +26 -0
  2013. package/site/utils/parse-enum-values.ts +2 -0
  2014. package/site/utils/release-notes/constants.ts +4 -0
  2015. package/site/utils/release-notes/functions.ts +123 -0
  2016. package/site/utils/release-notes/types.ts +21 -0
  2017. package/site/utils/styled.tsx +17 -0
  2018. package/site/utils/test-utils.tsx +29 -0
  2019. package/site/utils/to-kabab-case.ts +10 -0
  2020. package/src/.babelrc +12 -0
  2021. package/src/.eslintrc.json +23 -0
  2022. package/src/__mocks__/react-transition-group.tsx +52 -0
  2023. package/src/accordion/accordion-group.tsx +121 -0
  2024. package/src/accordion/accordion.tsx +183 -0
  2025. package/src/accordion/defaults.ts +21 -0
  2026. package/src/accordion/index.ts +3 -0
  2027. package/src/accordion/style-presets.ts +37 -0
  2028. package/src/accordion/styled.ts +71 -0
  2029. package/src/accordion/types.ts +55 -0
  2030. package/src/accordion/utils.ts +4 -0
  2031. package/src/aspect-ratio/aspect-ratio.tsx +34 -0
  2032. package/src/aspect-ratio/index.ts +2 -0
  2033. package/src/aspect-ratio/styled.ts +22 -0
  2034. package/src/aspect-ratio/types.ts +27 -0
  2035. package/src/assistive-text/assistive-text.tsx +64 -0
  2036. package/src/assistive-text/defaults.ts +43 -0
  2037. package/src/assistive-text/index.ts +2 -0
  2038. package/src/assistive-text/style-presets.ts +18 -0
  2039. package/src/assistive-text/styled.tsx +22 -0
  2040. package/src/assistive-text/types.ts +15 -0
  2041. package/src/audio-player/audio-functions.ts +367 -0
  2042. package/src/audio-player/audio-player.tsx +371 -0
  2043. package/src/audio-player/controls/control-panel.tsx +120 -0
  2044. package/src/audio-player/controls/forward-replay.tsx +33 -0
  2045. package/src/audio-player/controls/index.ts +2 -0
  2046. package/src/audio-player/controls/play-pause.tsx +53 -0
  2047. package/src/audio-player/controls/popout-button.tsx +37 -0
  2048. package/src/audio-player/controls/skip-track.tsx +37 -0
  2049. package/src/audio-player/defaults.ts +71 -0
  2050. package/src/audio-player/index.ts +3 -0
  2051. package/src/audio-player/style-presets.ts +45 -0
  2052. package/src/audio-player/styled.ts +28 -0
  2053. package/src/audio-player/types.ts +39 -0
  2054. package/src/audio-player/utils.ts +82 -0
  2055. package/src/audio-player-composable/audio-functions.ts +351 -0
  2056. package/src/audio-player-composable/audio-player-composable.tsx +380 -0
  2057. package/src/audio-player-composable/components/audio-element.tsx +37 -0
  2058. package/src/audio-player-composable/components/forward-button/defaults.ts +5 -0
  2059. package/src/audio-player-composable/components/forward-button/forward-button.tsx +42 -0
  2060. package/src/audio-player-composable/components/forward-button/index.ts +2 -0
  2061. package/src/audio-player-composable/components/forward-button/types.ts +5 -0
  2062. package/src/audio-player-composable/components/play-pause-button/defaults.ts +5 -0
  2063. package/src/audio-player-composable/components/play-pause-button/index.ts +2 -0
  2064. package/src/audio-player-composable/components/play-pause-button/play-pause-button.tsx +61 -0
  2065. package/src/audio-player-composable/components/play-pause-button/types.ts +3 -0
  2066. package/src/audio-player-composable/components/playback-speed-control/defaults.ts +26 -0
  2067. package/src/audio-player-composable/components/playback-speed-control/index.ts +2 -0
  2068. package/src/audio-player-composable/components/playback-speed-control/playback-speed-control.tsx +109 -0
  2069. package/src/audio-player-composable/components/playback-speed-control/playback-speed-list.tsx +49 -0
  2070. package/src/audio-player-composable/components/playback-speed-control/types.ts +24 -0
  2071. package/src/audio-player-composable/components/playback-speed-control/utils.ts +60 -0
  2072. package/src/audio-player-composable/components/replay-button/defaults.ts +5 -0
  2073. package/src/audio-player-composable/components/replay-button/index.ts +2 -0
  2074. package/src/audio-player-composable/components/replay-button/replay-button.tsx +40 -0
  2075. package/src/audio-player-composable/components/replay-button/types.ts +5 -0
  2076. package/src/audio-player-composable/components/seek-bar/defaults.ts +23 -0
  2077. package/src/audio-player-composable/components/seek-bar/index.ts +2 -0
  2078. package/src/audio-player-composable/components/seek-bar/seek-bar.tsx +151 -0
  2079. package/src/audio-player-composable/components/seek-bar/style-presets.ts +45 -0
  2080. package/src/audio-player-composable/components/seek-bar/types.ts +11 -0
  2081. package/src/audio-player-composable/components/seek-bar/utils.ts +74 -0
  2082. package/src/audio-player-composable/components/skip-next-button/defaults.ts +5 -0
  2083. package/src/audio-player-composable/components/skip-next-button/index.ts +2 -0
  2084. package/src/audio-player-composable/components/skip-next-button/skip-next-button.tsx +40 -0
  2085. package/src/audio-player-composable/components/skip-next-button/types.ts +3 -0
  2086. package/src/audio-player-composable/components/skip-previous-button/defaults.ts +5 -0
  2087. package/src/audio-player-composable/components/skip-previous-button/index.ts +2 -0
  2088. package/src/audio-player-composable/components/skip-previous-button/skip-previous-button.tsx +40 -0
  2089. package/src/audio-player-composable/components/skip-previous-button/types.ts +3 -0
  2090. package/src/audio-player-composable/components/time-display/defaults.ts +6 -0
  2091. package/src/audio-player-composable/components/time-display/index.ts +2 -0
  2092. package/src/audio-player-composable/components/time-display/style-presets.ts +10 -0
  2093. package/src/audio-player-composable/components/time-display/time-display.tsx +39 -0
  2094. package/src/audio-player-composable/components/time-display/types.ts +18 -0
  2095. package/src/audio-player-composable/components/time-display/utils.tsx +26 -0
  2096. package/src/audio-player-composable/components/types.ts +18 -0
  2097. package/src/audio-player-composable/components/volume-control/defaults.ts +34 -0
  2098. package/src/audio-player-composable/components/volume-control/index.ts +2 -0
  2099. package/src/audio-player-composable/components/volume-control/mute-button.tsx +60 -0
  2100. package/src/audio-player-composable/components/volume-control/style-presets.ts +59 -0
  2101. package/src/audio-player-composable/components/volume-control/styled.ts +66 -0
  2102. package/src/audio-player-composable/components/volume-control/types.ts +45 -0
  2103. package/src/audio-player-composable/components/volume-control/utils.ts +36 -0
  2104. package/src/audio-player-composable/components/volume-control/volume-control.tsx +221 -0
  2105. package/src/audio-player-composable/context.tsx +25 -0
  2106. package/src/audio-player-composable/index.ts +14 -0
  2107. package/src/audio-player-composable/types.ts +143 -0
  2108. package/src/audio-player-composable/use-hls-stream.ts +163 -0
  2109. package/src/audio-player-composable/utils.ts +90 -0
  2110. package/src/banner/banner-internal.tsx +204 -0
  2111. package/src/banner/banner.tsx +59 -0
  2112. package/src/banner/defaults.ts +58 -0
  2113. package/src/banner/index.ts +2 -0
  2114. package/src/banner/style-presets.ts +22 -0
  2115. package/src/banner/styled.tsx +99 -0
  2116. package/src/banner/types.ts +55 -0
  2117. package/src/banner/utils.ts +63 -0
  2118. package/src/base-floating-element/base-floating-element.tsx +261 -0
  2119. package/src/base-floating-element/index.ts +2 -0
  2120. package/src/base-floating-element/styled.tsx +84 -0
  2121. package/src/base-floating-element/types.ts +85 -0
  2122. package/src/base-floating-element/utils.ts +36 -0
  2123. package/src/base-switch/base-switch.tsx +226 -0
  2124. package/src/base-switch/index.tsx +2 -0
  2125. package/src/base-switch/styled.tsx +200 -0
  2126. package/src/base-switch/types.ts +70 -0
  2127. package/src/block/block.tsx +42 -0
  2128. package/src/block/index.ts +1 -0
  2129. package/src/breadcrumbs/breadcrumb-item.tsx +50 -0
  2130. package/src/breadcrumbs/breadcrumbs.tsx +97 -0
  2131. package/src/breadcrumbs/defaults.ts +45 -0
  2132. package/src/breadcrumbs/index.ts +3 -0
  2133. package/src/breadcrumbs/style-presets.ts +30 -0
  2134. package/src/breadcrumbs/styled.tsx +28 -0
  2135. package/src/breadcrumbs/types.ts +29 -0
  2136. package/src/button/button.tsx +102 -0
  2137. package/src/button/defaults.ts +46 -0
  2138. package/src/button/index.ts +2 -0
  2139. package/src/button/style-presets.ts +388 -0
  2140. package/src/button/styled.ts +17 -0
  2141. package/src/button/types.ts +33 -0
  2142. package/src/byline/byline.tsx +213 -0
  2143. package/src/byline/defaults.ts +15 -0
  2144. package/src/byline/index.ts +1 -0
  2145. package/src/byline/types.tsx +27 -0
  2146. package/src/caption/caption.tsx +61 -0
  2147. package/src/caption/defaults.ts +11 -0
  2148. package/src/caption/index.ts +2 -0
  2149. package/src/caption/types.ts +16 -0
  2150. package/src/card/card-inset.tsx +10 -0
  2151. package/src/card/card.tsx +274 -0
  2152. package/src/card/defaults.ts +104 -0
  2153. package/src/card/index.ts +3 -0
  2154. package/src/card/style-presets.ts +40 -0
  2155. package/src/card/styled.tsx +176 -0
  2156. package/src/card/types.ts +40 -0
  2157. package/src/card/utils.ts +43 -0
  2158. package/src/card-composable/card-composable.tsx +130 -0
  2159. package/src/card-composable/context.ts +22 -0
  2160. package/src/card-composable/defaults.ts +10 -0
  2161. package/src/card-composable/index.ts +8 -0
  2162. package/src/card-composable/style-presets.ts +3 -0
  2163. package/src/card-composable/styled.tsx +41 -0
  2164. package/src/card-composable/types.ts +32 -0
  2165. package/src/character-count/character-count.tsx +104 -0
  2166. package/src/character-count/defaults.ts +22 -0
  2167. package/src/character-count/index.ts +2 -0
  2168. package/src/character-count/style-presets.ts +18 -0
  2169. package/src/character-count/styled.tsx +31 -0
  2170. package/src/character-count/types.ts +26 -0
  2171. package/src/checkbox/checkbox.tsx +35 -0
  2172. package/src/checkbox/defaults.ts +58 -0
  2173. package/src/checkbox/index.tsx +2 -0
  2174. package/src/checkbox/style-presets.ts +146 -0
  2175. package/src/checkbox/types.ts +37 -0
  2176. package/src/consent/consent-settings-link.tsx +89 -0
  2177. package/src/consent/consent-utils.ts +123 -0
  2178. package/src/consent/consent.tsx +39 -0
  2179. package/src/consent/index.ts +2 -0
  2180. package/src/consent/types.ts +89 -0
  2181. package/src/date-time/date-time.tsx +100 -0
  2182. package/src/date-time/defaults.ts +14 -0
  2183. package/src/date-time/index.ts +2 -0
  2184. package/src/date-time/types.ts +22 -0
  2185. package/src/dialog/base-dialog-function.tsx +105 -0
  2186. package/src/dialog/base-dialog-tests.tsx +175 -0
  2187. package/src/dialog/base-dialog-view.tsx +125 -0
  2188. package/src/dialog/index.ts +2 -0
  2189. package/src/dialog/styled.tsx +102 -0
  2190. package/src/dialog/types.ts +59 -0
  2191. package/src/divider/defaults.ts +5 -0
  2192. package/src/divider/divider.tsx +42 -0
  2193. package/src/divider/index.ts +1 -0
  2194. package/src/divider/style-presets.ts +18 -0
  2195. package/src/drawer/defaults.ts +55 -0
  2196. package/src/drawer/drawer.tsx +141 -0
  2197. package/src/drawer/index.ts +3 -0
  2198. package/src/drawer/inline-drawer.tsx +8 -0
  2199. package/src/drawer/style-presets.ts +16 -0
  2200. package/src/drawer/styled.ts +73 -0
  2201. package/src/drawer/types.ts +15 -0
  2202. package/src/drawer/utils.ts +49 -0
  2203. package/src/email-input/email-input.tsx +22 -0
  2204. package/src/email-input/index.ts +2 -0
  2205. package/src/email-input/types.ts +6 -0
  2206. package/src/experimentation-web/experimentation-web.tsx +38 -0
  2207. package/src/experimentation-web/index.ts +1 -0
  2208. package/src/experimentation-web/types.tsx +13 -0
  2209. package/src/fieldset/defaults.ts +19 -0
  2210. package/src/fieldset/fieldset.tsx +48 -0
  2211. package/src/fieldset/index.ts +2 -0
  2212. package/src/fieldset/legend.tsx +9 -0
  2213. package/src/fieldset/style-presets.ts +12 -0
  2214. package/src/fieldset/styled.tsx +42 -0
  2215. package/src/fieldset/types.ts +25 -0
  2216. package/src/flag/defaults.ts +31 -0
  2217. package/src/flag/flag.tsx +86 -0
  2218. package/src/flag/index.ts +2 -0
  2219. package/src/flag/style-presets.ts +116 -0
  2220. package/src/flag/styled.ts +54 -0
  2221. package/src/flag/types.ts +34 -0
  2222. package/src/form/context.ts +40 -0
  2223. package/src/form/form-entry.tsx +107 -0
  2224. package/src/form/form-input.tsx +414 -0
  2225. package/src/form/form.tsx +115 -0
  2226. package/src/form/index.ts +5 -0
  2227. package/src/form/types.ts +69 -0
  2228. package/src/form/utils.tsx +56 -0
  2229. package/src/grid/cell.tsx +148 -0
  2230. package/src/grid/context.ts +5 -0
  2231. package/src/grid/defaults.ts +27 -0
  2232. package/src/grid/grid.tsx +72 -0
  2233. package/src/grid/index.tsx +4 -0
  2234. package/src/grid/types.ts +49 -0
  2235. package/src/grid/utils.ts +60 -0
  2236. package/src/grid/visibility.tsx +69 -0
  2237. package/src/grid-layout/grid-layout.tsx +80 -0
  2238. package/src/grid-layout/index.ts +1 -0
  2239. package/src/grid-layout/styled.ts +124 -0
  2240. package/src/grid-layout/types.ts +47 -0
  2241. package/src/grid-layout/utils.ts +41 -0
  2242. package/src/headline/defaults.ts +22 -0
  2243. package/src/headline/headline.tsx +69 -0
  2244. package/src/headline/index.ts +2 -0
  2245. package/src/headline/types.ts +25 -0
  2246. package/src/icon-button/defaults.ts +34 -0
  2247. package/src/icon-button/icon-button.tsx +28 -0
  2248. package/src/icon-button/index.ts +1 -0
  2249. package/src/icon-button/style-presets.ts +392 -0
  2250. package/src/icon-button/types.ts +5 -0
  2251. package/src/icons/custom-to-newskit-icon.tsx +20 -0
  2252. package/src/icons/defaults.ts +9 -0
  2253. package/src/icons/filled/custom/icon-filled-facebook.tsx +15 -0
  2254. package/src/icons/filled/custom/icon-filled-figma.tsx +13 -0
  2255. package/src/icons/filled/custom/icon-filled-forward-10.tsx +16 -0
  2256. package/src/icons/filled/custom/icon-filled-forward-15.tsx +16 -0
  2257. package/src/icons/filled/custom/icon-filled-forward-20.tsx +16 -0
  2258. package/src/icons/filled/custom/icon-filled-forward-25.tsx +16 -0
  2259. package/src/icons/filled/custom/icon-filled-forward-30.tsx +16 -0
  2260. package/src/icons/filled/custom/icon-filled-forward-5.tsx +16 -0
  2261. package/src/icons/filled/custom/icon-filled-github.tsx +15 -0
  2262. package/src/icons/filled/custom/icon-filled-instagram.tsx +15 -0
  2263. package/src/icons/filled/custom/icon-filled-reddit.tsx +15 -0
  2264. package/src/icons/filled/custom/icon-filled-replay-10.tsx +16 -0
  2265. package/src/icons/filled/custom/icon-filled-replay-15.tsx +16 -0
  2266. package/src/icons/filled/custom/icon-filled-replay-20.tsx +16 -0
  2267. package/src/icons/filled/custom/icon-filled-replay-25.tsx +16 -0
  2268. package/src/icons/filled/custom/icon-filled-replay-30.tsx +16 -0
  2269. package/src/icons/filled/custom/icon-filled-replay-5.tsx +16 -0
  2270. package/src/icons/filled/custom/icon-filled-twitter.tsx +15 -0
  2271. package/src/icons/filled/custom/icon-filled-whatsapp.tsx +15 -0
  2272. package/src/icons/filled/custom/icon-filled-youtube.tsx +15 -0
  2273. package/src/icons/filled/custom/indeterminate-progress-indicator.tsx +72 -0
  2274. package/src/icons/filled/custom/index.ts +24 -0
  2275. package/src/icons/index.ts +17 -0
  2276. package/src/icons/outlined/custom/icon-outlined-figma.tsx +31 -0
  2277. package/src/icons/outlined/custom/icon-outlined-forward-10.tsx +16 -0
  2278. package/src/icons/outlined/custom/icon-outlined-forward-15.tsx +16 -0
  2279. package/src/icons/outlined/custom/icon-outlined-forward-20.tsx +16 -0
  2280. package/src/icons/outlined/custom/icon-outlined-forward-25.tsx +16 -0
  2281. package/src/icons/outlined/custom/icon-outlined-forward-30.tsx +16 -0
  2282. package/src/icons/outlined/custom/icon-outlined-forward-5.tsx +16 -0
  2283. package/src/icons/outlined/custom/icon-outlined-replay-10.tsx +16 -0
  2284. package/src/icons/outlined/custom/icon-outlined-replay-15.tsx +16 -0
  2285. package/src/icons/outlined/custom/icon-outlined-replay-20.tsx +16 -0
  2286. package/src/icons/outlined/custom/icon-outlined-replay-25.tsx +16 -0
  2287. package/src/icons/outlined/custom/icon-outlined-replay-30.tsx +16 -0
  2288. package/src/icons/outlined/custom/icon-outlined-replay-5.tsx +16 -0
  2289. package/src/icons/outlined/custom/index.ts +16 -0
  2290. package/src/icons/style-presets.ts +80 -0
  2291. package/src/icons/svg.tsx +33 -0
  2292. package/src/icons/to-newskit-icon.tsx +72 -0
  2293. package/src/icons/types.ts +19 -0
  2294. package/src/image/defaults.ts +5 -0
  2295. package/src/image/image.tsx +132 -0
  2296. package/src/image/index.ts +3 -0
  2297. package/src/image/sources.tsx +52 -0
  2298. package/src/image/style-presets.ts +58 -0
  2299. package/src/image/styled.ts +72 -0
  2300. package/src/image/types.ts +67 -0
  2301. package/src/image/utils.ts +74 -0
  2302. package/src/index.ts +85 -0
  2303. package/src/inline-message/defaults.ts +21 -0
  2304. package/src/inline-message/index.ts +2 -0
  2305. package/src/inline-message/inline-message.tsx +27 -0
  2306. package/src/inline-message/style-presets.ts +29 -0
  2307. package/src/inline-message/types.ts +11 -0
  2308. package/src/instrumentation/event-instrumentation.ts +53 -0
  2309. package/src/instrumentation/handlers/console.ts +11 -0
  2310. package/src/instrumentation/handlers/index.ts +9 -0
  2311. package/src/instrumentation/handlers/tealium-track.ts +23 -0
  2312. package/src/instrumentation/handlers/tealium.ts +30 -0
  2313. package/src/instrumentation/index.ts +5 -0
  2314. package/src/instrumentation/instrumentation-provider.tsx +55 -0
  2315. package/src/instrumentation/middleware/filters.ts +10 -0
  2316. package/src/instrumentation/middleware/index.ts +12 -0
  2317. package/src/instrumentation/types.ts +35 -0
  2318. package/src/jest.config.js +45 -0
  2319. package/src/label/defaults.ts +22 -0
  2320. package/src/label/index.ts +2 -0
  2321. package/src/label/label.tsx +23 -0
  2322. package/src/label/style-presets.ts +12 -0
  2323. package/src/label/styled.tsx +27 -0
  2324. package/src/label/types.ts +24 -0
  2325. package/src/layer/context.tsx +15 -0
  2326. package/src/layer/index.ts +2 -0
  2327. package/src/layer/layer-organizer.tsx +68 -0
  2328. package/src/layer/layer.tsx +74 -0
  2329. package/src/link/defaults.ts +14 -0
  2330. package/src/link/index.ts +3 -0
  2331. package/src/link/internal-link.tsx +133 -0
  2332. package/src/link/link-inline.ts +8 -0
  2333. package/src/link/link-standalone.ts +8 -0
  2334. package/src/link/style-presets.ts +98 -0
  2335. package/src/link/types.ts +30 -0
  2336. package/src/link/utils.tsx +21 -0
  2337. package/src/menu/context.ts +40 -0
  2338. package/src/menu/defaults.ts +119 -0
  2339. package/src/menu/index.ts +6 -0
  2340. package/src/menu/menu-divider.tsx +32 -0
  2341. package/src/menu/menu-group.tsx +82 -0
  2342. package/src/menu/menu-item.tsx +84 -0
  2343. package/src/menu/menu-sub.tsx +170 -0
  2344. package/src/menu/menu.tsx +94 -0
  2345. package/src/menu/style-presets.ts +208 -0
  2346. package/src/menu/styled.tsx +179 -0
  2347. package/src/menu/types.ts +70 -0
  2348. package/src/menu/utils.ts +18 -0
  2349. package/src/modal/defaults.ts +77 -0
  2350. package/src/modal/index.ts +2 -0
  2351. package/src/modal/modal.tsx +117 -0
  2352. package/src/modal/style-presets.ts +16 -0
  2353. package/src/modal/styled.ts +48 -0
  2354. package/src/modal/types.ts +18 -0
  2355. package/src/newskit-provider/context.tsx +10 -0
  2356. package/src/newskit-provider/index.tsx +2 -0
  2357. package/src/newskit-provider/newskit-provider.tsx +51 -0
  2358. package/src/ordered-list/defaults.ts +14 -0
  2359. package/src/ordered-list/index.ts +2 -0
  2360. package/src/ordered-list/ordered-list.tsx +54 -0
  2361. package/src/ordered-list/types.ts +24 -0
  2362. package/src/overlay/defaults.ts +6 -0
  2363. package/src/overlay/overlay.tsx +75 -0
  2364. package/src/overlay/style-presets.ts +9 -0
  2365. package/src/pagination/components/button/index.ts +1 -0
  2366. package/src/pagination/components/button/pagination-button.tsx +11 -0
  2367. package/src/pagination/components/first-item/first-item.tsx +64 -0
  2368. package/src/pagination/components/first-item/index.ts +2 -0
  2369. package/src/pagination/components/first-item/types.ts +13 -0
  2370. package/src/pagination/components/item/index.ts +1 -0
  2371. package/src/pagination/components/item/pagination-item.tsx +134 -0
  2372. package/src/pagination/components/items/index.ts +1 -0
  2373. package/src/pagination/components/items/pagination-items.tsx +135 -0
  2374. package/src/pagination/components/last-item/index.ts +2 -0
  2375. package/src/pagination/components/last-item/last-item.tsx +66 -0
  2376. package/src/pagination/components/last-item/types.ts +13 -0
  2377. package/src/pagination/components/list-item/index.ts +1 -0
  2378. package/src/pagination/components/list-item/list-item.tsx +8 -0
  2379. package/src/pagination/components/next-item/index.ts +2 -0
  2380. package/src/pagination/components/next-item/next-item.tsx +69 -0
  2381. package/src/pagination/components/next-item/types.ts +13 -0
  2382. package/src/pagination/components/prev-item/index.ts +2 -0
  2383. package/src/pagination/components/prev-item/prev-item.tsx +67 -0
  2384. package/src/pagination/components/prev-item/types.ts +13 -0
  2385. package/src/pagination/components/types.ts +14 -0
  2386. package/src/pagination/context.tsx +26 -0
  2387. package/src/pagination/defaults.ts +170 -0
  2388. package/src/pagination/index.ts +12 -0
  2389. package/src/pagination/pagination.tsx +189 -0
  2390. package/src/pagination/style-presets.ts +58 -0
  2391. package/src/pagination/styled.tsx +26 -0
  2392. package/src/pagination/types.ts +113 -0
  2393. package/src/pagination/utils.ts +132 -0
  2394. package/src/popover/defaults.ts +35 -0
  2395. package/src/popover/index.ts +2 -0
  2396. package/src/popover/popover.tsx +148 -0
  2397. package/src/popover/style-presets.ts +41 -0
  2398. package/src/popover/styled.tsx +41 -0
  2399. package/src/popover/types.ts +32 -0
  2400. package/src/project.json +26 -0
  2401. package/src/radio-button/defaults.ts +79 -0
  2402. package/src/radio-button/index.tsx +3 -0
  2403. package/src/radio-button/radio-button.tsx +73 -0
  2404. package/src/radio-button/radio-group.tsx +40 -0
  2405. package/src/radio-button/style-presets.ts +140 -0
  2406. package/src/radio-button/types.ts +47 -0
  2407. package/src/screen-reader-only/index.ts +1 -0
  2408. package/src/screen-reader-only/screen-reader-only.tsx +26 -0
  2409. package/src/scroll/context.ts +7 -0
  2410. package/src/scroll/defaults.ts +32 -0
  2411. package/src/scroll/index.ts +3 -0
  2412. package/src/scroll/scroll-snap-alignment.tsx +16 -0
  2413. package/src/scroll/scroll.tsx +195 -0
  2414. package/src/scroll/style-presets.ts +14 -0
  2415. package/src/scroll/styled.ts +198 -0
  2416. package/src/scroll/types.ts +21 -0
  2417. package/src/scroll/utils.ts +1 -0
  2418. package/src/select/defaults.ts +162 -0
  2419. package/src/select/index.ts +3 -0
  2420. package/src/select/select-button.tsx +224 -0
  2421. package/src/select/select-option.tsx +18 -0
  2422. package/src/select/select-panel.tsx +184 -0
  2423. package/src/select/select.tsx +344 -0
  2424. package/src/select/style-presets.ts +11 -0
  2425. package/src/select/styled.tsx +189 -0
  2426. package/src/select/types.ts +78 -0
  2427. package/src/select/use-virtualized-list.tsx +125 -0
  2428. package/src/select/utils.ts +34 -0
  2429. package/src/selection-list/defaults.ts +15 -0
  2430. package/src/selection-list/index.ts +3 -0
  2431. package/src/selection-list/selection-list-option.tsx +81 -0
  2432. package/src/selection-list/selection-list.tsx +62 -0
  2433. package/src/selection-list/styled.tsx +33 -0
  2434. package/src/selection-list/types.ts +34 -0
  2435. package/src/selection-list/utils.ts +40 -0
  2436. package/src/share-bar/defaults.ts +11 -0
  2437. package/src/share-bar/index.ts +1 -0
  2438. package/src/share-bar/share-bar.tsx +105 -0
  2439. package/src/slider/defaults.ts +30 -0
  2440. package/src/slider/index.ts +3 -0
  2441. package/src/slider/slider.tsx +265 -0
  2442. package/src/slider/stateful-slider.tsx +17 -0
  2443. package/src/slider/style-presets.ts +74 -0
  2444. package/src/slider/styled.ts +259 -0
  2445. package/src/slider/thumb-label-wrapper.tsx +43 -0
  2446. package/src/slider/types.ts +84 -0
  2447. package/src/slider/utils.tsx +52 -0
  2448. package/src/stack/index.ts +2 -0
  2449. package/src/stack/stack.tsx +182 -0
  2450. package/src/stack/styled.ts +286 -0
  2451. package/src/stack/types.ts +76 -0
  2452. package/src/stack-child/index.ts +2 -0
  2453. package/src/stack-child/stack-child.tsx +7 -0
  2454. package/src/stack-child/types.ts +8 -0
  2455. package/src/standfirst/defaults.ts +11 -0
  2456. package/src/standfirst/index.ts +1 -0
  2457. package/src/standfirst/standfirst.tsx +30 -0
  2458. package/src/standfirst/types.ts +14 -0
  2459. package/src/stories/form.stories.tsx +259 -0
  2460. package/src/stories/slices.stories.tsx +271 -0
  2461. package/src/storybook-pages/style-presets.ts +12 -0
  2462. package/src/storybook-pages/welcome.stories.tsx +32 -0
  2463. package/src/storybook-pages/welcome.tsx +108 -0
  2464. package/src/structured-list/defaults.ts +18 -0
  2465. package/src/structured-list/index.ts +3 -0
  2466. package/src/structured-list/structured-list-icon.tsx +50 -0
  2467. package/src/structured-list/structured-list-item.tsx +218 -0
  2468. package/src/structured-list/structured-list.tsx +56 -0
  2469. package/src/structured-list/style-presets.ts +15 -0
  2470. package/src/structured-list/styled.tsx +64 -0
  2471. package/src/structured-list/types.ts +48 -0
  2472. package/src/switch/defaults.ts +88 -0
  2473. package/src/switch/index.tsx +2 -0
  2474. package/src/switch/style-presets.ts +44 -0
  2475. package/src/switch/styled.tsx +89 -0
  2476. package/src/switch/switch.tsx +80 -0
  2477. package/src/switch/types.ts +53 -0
  2478. package/src/tabs/defaults.ts +52 -0
  2479. package/src/tabs/index.tsx +2 -0
  2480. package/src/tabs/style-presets.ts +61 -0
  2481. package/src/tabs/styled.tsx +202 -0
  2482. package/src/tabs/tab-button.tsx +64 -0
  2483. package/src/tabs/tab-panel.tsx +46 -0
  2484. package/src/tabs/tabs.tsx +393 -0
  2485. package/src/tabs/types.ts +92 -0
  2486. package/src/tabs/utils.ts +185 -0
  2487. package/src/tag/defaults.ts +34 -0
  2488. package/src/tag/index.ts +2 -0
  2489. package/src/tag/style-presets.ts +42 -0
  2490. package/src/tag/tag.tsx +68 -0
  2491. package/src/tag/types.ts +8 -0
  2492. package/src/tealium/index.ts +1 -0
  2493. package/src/tealium/tealium.tsx +62 -0
  2494. package/src/text-area/defaults.ts +34 -0
  2495. package/src/text-area/index.tsx +2 -0
  2496. package/src/text-area/styled.tsx +64 -0
  2497. package/src/text-area/text-area.tsx +78 -0
  2498. package/src/text-area/types.ts +22 -0
  2499. package/src/text-block/index.ts +2 -0
  2500. package/src/text-block/text-block.tsx +26 -0
  2501. package/src/text-block/types.ts +12 -0
  2502. package/src/text-field/defaults.ts +55 -0
  2503. package/src/text-field/index.ts +2 -0
  2504. package/src/text-field/styled.tsx +33 -0
  2505. package/src/text-field/text-field.tsx +123 -0
  2506. package/src/text-field/types.ts +47 -0
  2507. package/src/text-input/defaults.ts +91 -0
  2508. package/src/text-input/index.ts +2 -0
  2509. package/src/text-input/style-presets.ts +59 -0
  2510. package/src/text-input/styled.tsx +160 -0
  2511. package/src/text-input/text-input.tsx +219 -0
  2512. package/src/text-input/types.ts +49 -0
  2513. package/src/theme/compiler/index.ts +32 -0
  2514. package/src/theme/compiler/ink-style-preset-generator.ts +21 -0
  2515. package/src/theme/compiler/types.ts +5 -0
  2516. package/src/theme/component-defaults.ts +1 -0
  2517. package/src/theme/creator.ts +128 -0
  2518. package/src/theme/css-variables.tsx +108 -0
  2519. package/src/theme/emotion.tsx +50 -0
  2520. package/src/theme/foundations/borders.ts +16 -0
  2521. package/src/theme/foundations/breakpoints.ts +7 -0
  2522. package/src/theme/foundations/colors.ts +206 -0
  2523. package/src/theme/foundations/fonts.ts +96 -0
  2524. package/src/theme/foundations/index.ts +9 -0
  2525. package/src/theme/foundations/motions.ts +13 -0
  2526. package/src/theme/foundations/outlines.ts +10 -0
  2527. package/src/theme/foundations/overlays.ts +49 -0
  2528. package/src/theme/foundations/shadows.ts +8 -0
  2529. package/src/theme/foundations/sizing.ts +23 -0
  2530. package/src/theme/index.ts +6 -0
  2531. package/src/theme/newskit-dark.ts +104 -0
  2532. package/src/theme/newskit-light.ts +5 -0
  2533. package/src/theme/presets/index.ts +5 -0
  2534. package/src/theme/presets/space-presets.ts +46 -0
  2535. package/src/theme/presets/style-presets.ts +188 -0
  2536. package/src/theme/presets/transition-presets.ts +326 -0
  2537. package/src/theme/presets/types.ts +138 -0
  2538. package/src/theme/presets/typography-presets.ts +347 -0
  2539. package/src/theme/types.ts +53 -0
  2540. package/src/theme-checker/helper.tsx +167 -0
  2541. package/src/theme-checker/index.ts +1 -0
  2542. package/src/theme-checker/scenarios.tsx +1597 -0
  2543. package/src/theme-checker/styled.tsx +61 -0
  2544. package/src/theme-checker/theme-checker.tsx +77 -0
  2545. package/src/theme-checker/themes/market-watch-theme/borders.json +3 -0
  2546. package/src/theme-checker/themes/market-watch-theme/colors.json +250 -0
  2547. package/src/theme-checker/themes/market-watch-theme/fonts.json +58 -0
  2548. package/src/theme-checker/themes/market-watch-theme/market-watch-theme.ts +23 -0
  2549. package/src/theme-checker/themes/market-watch-theme/overlays.json +14 -0
  2550. package/src/theme-checker/themes/market-watch-theme/shadows.json +8 -0
  2551. package/src/theme-checker/themes/market-watch-theme/typography-presets.json +372 -0
  2552. package/src/theme-checker/themes/storybook-newskit-dark/colors.json +72 -0
  2553. package/src/theme-checker/themes/storybook-newskit-dark/storybook-newskit-dark-theme.ts +9 -0
  2554. package/src/theme-checker/themes/storybook-newskit-light/colors.json +178 -0
  2555. package/src/theme-checker/themes/storybook-newskit-light/storybook-newskit-light-theme.ts +9 -0
  2556. package/src/theme-checker/themes/sun-theme/sun-theme.ts +7 -0
  2557. package/src/theme-checker/themes/tnl-theme/borders.json +3 -0
  2558. package/src/theme-checker/themes/tnl-theme/colors.json +162 -0
  2559. package/src/theme-checker/themes/tnl-theme/fonts.json +71 -0
  2560. package/src/theme-checker/themes/tnl-theme/overlays.json +14 -0
  2561. package/src/theme-checker/themes/tnl-theme/shadows.json +8 -0
  2562. package/src/theme-checker/themes/tnl-theme/tnl-theme.ts +23 -0
  2563. package/src/theme-checker/themes/tnl-theme/typography-presets.json +370 -0
  2564. package/src/theme-checker/themes/virgin-theme/borders.json +3 -0
  2565. package/src/theme-checker/themes/virgin-theme/colors.json +180 -0
  2566. package/src/theme-checker/themes/virgin-theme/fonts.json +43 -0
  2567. package/src/theme-checker/themes/virgin-theme/overlays.json +31 -0
  2568. package/src/theme-checker/themes/virgin-theme/shadows.json +9 -0
  2569. package/src/theme-checker/themes/virgin-theme/typography-presets.json +338 -0
  2570. package/src/theme-checker/themes/virgin-theme/virgin-theme.ts +22 -0
  2571. package/src/theme-checker/themes/wsj-theme/borders.json +3 -0
  2572. package/src/theme-checker/themes/wsj-theme/colors.json +250 -0
  2573. package/src/theme-checker/themes/wsj-theme/fonts.json +85 -0
  2574. package/src/theme-checker/themes/wsj-theme/overlays.json +14 -0
  2575. package/src/theme-checker/themes/wsj-theme/shadows.json +8 -0
  2576. package/src/theme-checker/themes/wsj-theme/typography-presets.json +393 -0
  2577. package/src/theme-checker/themes/wsj-theme/wsj-theme.ts +23 -0
  2578. package/src/title-bar/defaults.ts +20 -0
  2579. package/src/title-bar/index.ts +2 -0
  2580. package/src/title-bar/style-presets.ts +9 -0
  2581. package/src/title-bar/styled.tsx +14 -0
  2582. package/src/title-bar/title-bar.tsx +80 -0
  2583. package/src/title-bar/types.ts +24 -0
  2584. package/src/toast/defaults.ts +34 -0
  2585. package/src/toast/index.ts +8 -0
  2586. package/src/toast/style-presets.ts +39 -0
  2587. package/src/toast/styled.tsx +165 -0
  2588. package/src/toast/toast-provider.tsx +109 -0
  2589. package/src/toast/toast.tsx +101 -0
  2590. package/src/toast/types.ts +68 -0
  2591. package/src/toast/utils.ts +20 -0
  2592. package/src/tooltip/defaults.ts +23 -0
  2593. package/src/tooltip/index.ts +2 -0
  2594. package/src/tooltip/style-presets.ts +16 -0
  2595. package/src/tooltip/tooltip.tsx +87 -0
  2596. package/src/tooltip/types.ts +15 -0
  2597. package/src/tsconfig.spec.json +22 -0
  2598. package/src/typography/heading/defaults.ts +39 -0
  2599. package/src/typography/heading/heading.tsx +80 -0
  2600. package/src/typography/heading/index.ts +1 -0
  2601. package/src/typography/index.tsx +2 -0
  2602. package/src/typography/paragraph/defaults.ts +24 -0
  2603. package/src/typography/paragraph/index.ts +1 -0
  2604. package/src/typography/paragraph/paragraph.tsx +143 -0
  2605. package/src/unordered-list/defaults.ts +14 -0
  2606. package/src/unordered-list/index.ts +2 -0
  2607. package/src/unordered-list/styled.ts +44 -0
  2608. package/src/unordered-list/types.ts +22 -0
  2609. package/src/unordered-list/unordered-list.tsx +109 -0
  2610. package/src/utils/__mocks__/component.tsx +41 -0
  2611. package/src/utils/__mocks__/render-scripts.tsx +12 -0
  2612. package/src/utils/__mocks__/windows.ts +3 -0
  2613. package/src/utils/a11y.ts +23 -0
  2614. package/src/utils/array.ts +9 -0
  2615. package/src/utils/audio-tests.tsx +82 -0
  2616. package/src/utils/calculate-string-percentage.ts +4 -0
  2617. package/src/utils/check-breakpoint-prop.ts +10 -0
  2618. package/src/utils/component.ts +65 -0
  2619. package/src/utils/compose-event-handlers.ts +8 -0
  2620. package/src/utils/deep-merge.ts +47 -0
  2621. package/src/utils/default-focus-visible.ts +7 -0
  2622. package/src/utils/device-helpers.ts +27 -0
  2623. package/src/utils/filter-object.ts +35 -0
  2624. package/src/utils/focus-visible.ts +11 -0
  2625. package/src/utils/font-sizing.ts +39 -0
  2626. package/src/utils/get-aspect-ratio.ts +57 -0
  2627. package/src/utils/get-ssr-id.ts +28 -0
  2628. package/src/utils/get-token.ts +72 -0
  2629. package/src/utils/get-transition-class-name.ts +22 -0
  2630. package/src/utils/get-transition-duration.ts +154 -0
  2631. package/src/utils/get.ts +3 -0
  2632. package/src/utils/guards.ts +20 -0
  2633. package/src/utils/has-own-property.ts +9 -0
  2634. package/src/utils/hooks/index.ts +9 -0
  2635. package/src/utils/hooks/use-controlled.ts +26 -0
  2636. package/src/utils/hooks/use-has-mounted.ts +13 -0
  2637. package/src/utils/hooks/use-intersection.ts +110 -0
  2638. package/src/utils/hooks/use-isomorphic-layout-effect.ts +5 -0
  2639. package/src/utils/hooks/use-keypress.ts +164 -0
  2640. package/src/utils/hooks/use-lock-body-scroll.ts +26 -0
  2641. package/src/utils/hooks/use-media-query/context.tsx +103 -0
  2642. package/src/utils/hooks/use-media-query/index.tsx +3 -0
  2643. package/src/utils/hooks/use-media-query/types.tsx +8 -0
  2644. package/src/utils/hooks/use-media-query/use-media-query-object.tsx +62 -0
  2645. package/src/utils/hooks/use-media-query/use-media-query.tsx +25 -0
  2646. package/src/utils/hooks/use-media-query/utils.tsx +58 -0
  2647. package/src/utils/hooks/use-react-keys.ts +14 -0
  2648. package/src/utils/hooks/use-resize-observer.ts +48 -0
  2649. package/src/utils/index.ts +15 -0
  2650. package/src/utils/inline-tags.ts +60 -0
  2651. package/src/utils/inverse-focus-visible.ts +7 -0
  2652. package/src/utils/logical-properties.ts +206 -0
  2653. package/src/utils/merge-breakpoint-object.ts +16 -0
  2654. package/src/utils/overrides.tsx +34 -0
  2655. package/src/utils/react-children-utilities.ts +72 -0
  2656. package/src/utils/recurse-unknown.ts +101 -0
  2657. package/src/utils/render-scripts.tsx +93 -0
  2658. package/src/utils/responsive-helpers.ts +53 -0
  2659. package/src/utils/style/base.ts +187 -0
  2660. package/src/utils/style/emotion.ts +13 -0
  2661. package/src/utils/style/error-logger.ts +2 -0
  2662. package/src/utils/style/get-defaults.ts +135 -0
  2663. package/src/utils/style/getters.ts +342 -0
  2664. package/src/utils/style/helpers/getter-helper.ts +112 -0
  2665. package/src/utils/style/index.ts +7 -0
  2666. package/src/utils/style/style-preset.ts +294 -0
  2667. package/src/utils/style/transition-preset.ts +282 -0
  2668. package/src/utils/style/types.ts +9 -0
  2669. package/src/utils/style/utils.ts +258 -0
  2670. package/src/utils/style-types.ts +5 -0
  2671. package/src/utils/text-crop.ts +79 -0
  2672. package/src/utils/to-kebab-case.ts +11 -0
  2673. package/src/utils/types.ts +7 -0
  2674. package/src/utils/uniq.ts +1 -0
  2675. package/src/utils/value-in-range.ts +4 -0
  2676. package/src/utils/with-default-props.tsx +53 -0
  2677. package/src/utils/with-own-theme.tsx +101 -0
  2678. package/src/version-number.json +3 -0
  2679. package/src/video-player/defaults.ts +111 -0
  2680. package/src/video-player/index.ts +2 -0
  2681. package/src/video-player/style-presets.ts +84 -0
  2682. package/src/video-player/styled.tsx +232 -0
  2683. package/src/video-player/types.ts +103 -0
  2684. package/src/video-player/video-player.tsx +65 -0
  2685. package/src/volume-control/defaults.ts +20 -0
  2686. package/src/volume-control/index.ts +2 -0
  2687. package/src/volume-control/style-presets.ts +35 -0
  2688. package/src/volume-control/types.ts +19 -0
  2689. package/src/volume-control/utils.ts +42 -0
  2690. package/src/volume-control/volume-control.tsx +176 -0
  2691. package/src/with-enhancers/styled.tsx +76 -0
  2692. package/src/with-enhancers/types.ts +33 -0
  2693. package/src/with-enhancers/with-enhancers.tsx +74 -0
  2694. package/static/1200x800-lg-placeholder-image.png +0 -0
  2695. package/static/1500x968-xl-placeholder-image.png +0 -0
  2696. package/static/1x1-placeholder.png +0 -0
  2697. package/static/300x300-xs-placeholder-image.png +0 -0
  2698. package/static/600x400-sm-placeholder-image.png +0 -0
  2699. package/static/800x600-md-placeholder-image.png +0 -0
  2700. package/static/fallback-300x-placeholder-image.png +0 -0
  2701. package/static/fallback-placeholder-image.png +0 -0
  2702. package/static/min-width-600px-placeholder-image.png +0 -0
  2703. package/static/min-width-800px-placeholder-image.png +0 -0
  2704. package/static/placeholder-16x9.png +0 -0
  2705. package/static/placeholder-1x1.png +0 -0
  2706. package/static/placeholder-2x3.png +0 -0
  2707. package/static/placeholder-3x2.png +0 -0
  2708. package/static/placeholder-4x5.png +0 -0
  2709. package/static/placeholder-5x4.png +0 -0
  2710. package/static/placeholders-lazy-load/placeholder-01.png +0 -0
  2711. package/static/placeholders-lazy-load/placeholder-02.png +0 -0
  2712. package/static/placeholders-lazy-load/placeholder-03.png +0 -0
  2713. package/static/placeholders-lazy-load/placeholder-04.png +0 -0
  2714. package/static/placeholders-lazy-load/placeholder-05.png +0 -0
  2715. package/static/placeholders-lazy-load/placeholder-06.png +0 -0
  2716. package/static/placeholders-lazy-load/placeholder-07.png +0 -0
  2717. package/static/placeholders-lazy-load/placeholder-08.png +0 -0
  2718. package/static/placeholders-lazy-load/placeholder-09.png +0 -0
  2719. package/static/placeholders-lazy-load/placeholder-10.png +0 -0
  2720. package/static/welcome-banner.svg +34 -0
  2721. package/terraform/dns/dev.tfvars +13 -0
  2722. package/terraform/dns/prod.tfvars +7 -0
  2723. package/terraform/dns/provider.tf +21 -0
  2724. package/terraform/dns/route53.tf +31 -0
  2725. package/terraform/dns/staging.tfvars +13 -0
  2726. package/terraform/dns/variables.tf +29 -0
  2727. package/terraform/ecr/ecr.tf +34 -0
  2728. package/terraform/ecr/iam_policy.tf +66 -0
  2729. package/terraform/ecr/iam_role.tf +25 -0
  2730. package/terraform/ecr/provider.tf +21 -0
  2731. package/terraform/ecr/terraform.tfvars +2 -0
  2732. package/terraform/ecr/variables.tf +9 -0
  2733. package/terraform/s3/README.md +98 -0
  2734. package/terraform/s3/dev-newskit/dev.tfvars +3 -0
  2735. package/terraform/s3/dev-newskit/outputs.tf +21 -0
  2736. package/terraform/s3/dev-newskit/provider.tf +31 -0
  2737. package/terraform/s3/dev-newskit/remote-state/main.tf +43 -0
  2738. package/terraform/s3/dev-newskit/s3.tf +54 -0
  2739. package/terraform/s3/dev-newskit/variables.tf +21 -0
  2740. package/terraform/s3/dev.tfvars +2 -0
  2741. package/terraform/s3/prod-newskit/outputs.tf +21 -0
  2742. package/terraform/s3/prod-newskit/prod.tfvars +3 -0
  2743. package/terraform/s3/prod-newskit/provider.tf +31 -0
  2744. package/terraform/s3/prod-newskit/remote-state/main.tf +43 -0
  2745. package/terraform/s3/prod-newskit/s3.tf +54 -0
  2746. package/terraform/s3/prod-newskit/staging.tfvars +3 -0
  2747. package/terraform/s3/prod-newskit/variables.tf +18 -0
  2748. package/terraform/s3/provider.tf +21 -0
  2749. package/terraform/s3/s3.tf +56 -0
  2750. package/terraform/s3/variables.tf +9 -0
  2751. package/tsconfig.common.json +31 -0
  2752. package/tsconfig.eslint.json +19 -0
  2753. package/tsconfig.json +16 -0
  2754. package/tsconfig.storybook.json +7 -0
  2755. package/webpack.e2e.config.js +75 -0
  2756. package/block/block.d.ts +0 -5
  2757. package/block/block.d.ts.map +0 -1
  2758. package/block/block.js +0 -138
  2759. package/block/block.js.map +0 -1
  2760. package/block/index.d.ts +0 -3
  2761. package/block/index.d.ts.map +0 -1
  2762. package/block/index.js +0 -7
  2763. package/block/index.js.map +0 -1
  2764. package/block/style-builder.d.ts +0 -16
  2765. package/block/style-builder.d.ts.map +0 -1
  2766. package/block/style-builder.js +0 -39
  2767. package/block/style-builder.js.map +0 -1
  2768. package/block/types.d.ts +0 -32
  2769. package/block/types.d.ts.map +0 -1
  2770. package/block/types.js +0 -3
  2771. package/block/types.js.map +0 -1
  2772. package/button/button.d.ts +0 -4
  2773. package/button/button.d.ts.map +0 -1
  2774. package/button/button.js +0 -10
  2775. package/button/button.js.map +0 -1
  2776. package/button/index.d.ts +0 -2
  2777. package/button/index.d.ts.map +0 -1
  2778. package/button/index.js +0 -7
  2779. package/button/index.js.map +0 -1
  2780. package/button/types.d.ts +0 -6
  2781. package/button/types.d.ts.map +0 -1
  2782. package/button/types.js +0 -3
  2783. package/button/types.js.map +0 -1
  2784. package/esm/block/block.d.ts +0 -5
  2785. package/esm/block/block.d.ts.map +0 -1
  2786. package/esm/block/block.js +0 -136
  2787. package/esm/block/block.js.map +0 -1
  2788. package/esm/block/index.d.ts +0 -3
  2789. package/esm/block/index.d.ts.map +0 -1
  2790. package/esm/block/index.js +0 -2
  2791. package/esm/block/index.js.map +0 -1
  2792. package/esm/block/style-builder.d.ts +0 -16
  2793. package/esm/block/style-builder.d.ts.map +0 -1
  2794. package/esm/block/style-builder.js +0 -37
  2795. package/esm/block/style-builder.js.map +0 -1
  2796. package/esm/block/types.d.ts +0 -32
  2797. package/esm/block/types.d.ts.map +0 -1
  2798. package/esm/block/types.js +0 -1
  2799. package/esm/block/types.js.map +0 -1
  2800. package/esm/button/button.d.ts +0 -4
  2801. package/esm/button/button.d.ts.map +0 -1
  2802. package/esm/button/button.js +0 -8
  2803. package/esm/button/button.js.map +0 -1
  2804. package/esm/button/index.d.ts +0 -2
  2805. package/esm/button/index.d.ts.map +0 -1
  2806. package/esm/button/index.js +0 -2
  2807. package/esm/button/index.js.map +0 -1
  2808. package/esm/button/types.d.ts +0 -6
  2809. package/esm/button/types.d.ts.map +0 -1
  2810. package/esm/button/types.js +0 -1
  2811. package/esm/button/types.js.map +0 -1
  2812. package/esm/icons/index.d.ts +0 -4
  2813. package/esm/icons/index.d.ts.map +0 -1
  2814. package/esm/icons/index.js +0 -3
  2815. package/esm/icons/index.js.map +0 -1
  2816. package/esm/icons/menu-icon.d.ts +0 -4
  2817. package/esm/icons/menu-icon.d.ts.map +0 -1
  2818. package/esm/icons/menu-icon.js +0 -18
  2819. package/esm/icons/menu-icon.js.map +0 -1
  2820. package/esm/icons/svg.d.ts +0 -9
  2821. package/esm/icons/svg.d.ts.map +0 -1
  2822. package/esm/icons/svg.js +0 -8
  2823. package/esm/icons/svg.js.map +0 -1
  2824. package/esm/icons/types.d.ts +0 -6
  2825. package/esm/icons/types.d.ts.map +0 -1
  2826. package/esm/icons/types.js +0 -1
  2827. package/esm/icons/types.js.map +0 -1
  2828. package/esm/index.d.ts +0 -10
  2829. package/esm/index.d.ts.map +0 -1
  2830. package/esm/index.js +0 -10
  2831. package/esm/index.js.map +0 -1
  2832. package/esm/link/index.d.ts +0 -2
  2833. package/esm/link/index.d.ts.map +0 -1
  2834. package/esm/link/index.js +0 -2
  2835. package/esm/link/index.js.map +0 -1
  2836. package/esm/link/link.d.ts +0 -4
  2837. package/esm/link/link.d.ts.map +0 -1
  2838. package/esm/link/link.js +0 -15
  2839. package/esm/link/link.js.map +0 -1
  2840. package/esm/link/types.d.ts +0 -11
  2841. package/esm/link/types.d.ts.map +0 -1
  2842. package/esm/link/types.js +0 -1
  2843. package/esm/link/types.js.map +0 -1
  2844. package/esm/tag/__test__/tag.scenario.d.ts +0 -4
  2845. package/esm/tag/__test__/tag.scenario.d.ts.map +0 -1
  2846. package/esm/tag/__test__/tag.scenario.js +0 -22
  2847. package/esm/tag/__test__/tag.scenario.js.map +0 -1
  2848. package/esm/tag/__test__/tag.test.d.ts +0 -2
  2849. package/esm/tag/__test__/tag.test.d.ts.map +0 -1
  2850. package/esm/tag/__test__/tag.test.js +0 -36
  2851. package/esm/tag/__test__/tag.test.js.map +0 -1
  2852. package/esm/tag/index.d.ts +0 -4
  2853. package/esm/tag/index.d.ts.map +0 -1
  2854. package/esm/tag/index.js +0 -3
  2855. package/esm/tag/index.js.map +0 -1
  2856. package/esm/tag/tag.d.ts +0 -4
  2857. package/esm/tag/tag.d.ts.map +0 -1
  2858. package/esm/tag/tag.js +0 -62
  2859. package/esm/tag/tag.js.map +0 -1
  2860. package/esm/tag/types.d.ts +0 -9
  2861. package/esm/tag/types.d.ts.map +0 -1
  2862. package/esm/tag/types.js +0 -1
  2863. package/esm/tag/types.js.map +0 -1
  2864. package/esm/tag/utils.d.ts +0 -6
  2865. package/esm/tag/utils.d.ts.map +0 -1
  2866. package/esm/tag/utils.js +0 -7
  2867. package/esm/tag/utils.js.map +0 -1
  2868. package/esm/tag-list/__test__/tag-list.scenario.d.ts +0 -4
  2869. package/esm/tag-list/__test__/tag-list.scenario.d.ts.map +0 -1
  2870. package/esm/tag-list/__test__/tag-list.scenario.js +0 -53
  2871. package/esm/tag-list/__test__/tag-list.scenario.js.map +0 -1
  2872. package/esm/tag-list/__test__/tag-list.test.d.ts +0 -2
  2873. package/esm/tag-list/__test__/tag-list.test.d.ts.map +0 -1
  2874. package/esm/tag-list/__test__/tag-list.test.js +0 -31
  2875. package/esm/tag-list/__test__/tag-list.test.js.map +0 -1
  2876. package/esm/tag-list/index.d.ts +0 -3
  2877. package/esm/tag-list/index.d.ts.map +0 -1
  2878. package/esm/tag-list/index.js +0 -2
  2879. package/esm/tag-list/index.js.map +0 -1
  2880. package/esm/tag-list/tag-list.d.ts +0 -4
  2881. package/esm/tag-list/tag-list.d.ts.map +0 -1
  2882. package/esm/tag-list/tag-list.js +0 -19
  2883. package/esm/tag-list/tag-list.js.map +0 -1
  2884. package/esm/tag-list/types.d.ts +0 -9
  2885. package/esm/tag-list/types.d.ts.map +0 -1
  2886. package/esm/tag-list/types.js +0 -1
  2887. package/esm/tag-list/types.js.map +0 -1
  2888. package/esm/themes/creator.d.ts +0 -35
  2889. package/esm/themes/creator.d.ts.map +0 -1
  2890. package/esm/themes/creator.js +0 -47
  2891. package/esm/themes/creator.js.map +0 -1
  2892. package/esm/themes/dark/dark-theme-primitives.d.ts +0 -2
  2893. package/esm/themes/dark/dark-theme-primitives.d.ts.map +0 -1
  2894. package/esm/themes/dark/dark-theme-primitives.js +0 -2
  2895. package/esm/themes/dark/dark-theme-primitives.js.map +0 -1
  2896. package/esm/themes/dark/dark-theme.d.ts +0 -2
  2897. package/esm/themes/dark/dark-theme.d.ts.map +0 -1
  2898. package/esm/themes/dark/dark-theme.js +0 -6
  2899. package/esm/themes/dark/dark-theme.js.map +0 -1
  2900. package/esm/themes/dark/index.d.ts +0 -2
  2901. package/esm/themes/dark/index.d.ts.map +0 -1
  2902. package/esm/themes/dark/index.js +0 -2
  2903. package/esm/themes/dark/index.js.map +0 -1
  2904. package/esm/themes/index.d.ts +0 -16
  2905. package/esm/themes/index.d.ts.map +0 -1
  2906. package/esm/themes/index.js +0 -10
  2907. package/esm/themes/index.js.map +0 -1
  2908. package/esm/themes/light/index.d.ts +0 -2
  2909. package/esm/themes/light/index.d.ts.map +0 -1
  2910. package/esm/themes/light/index.js +0 -2
  2911. package/esm/themes/light/index.js.map +0 -1
  2912. package/esm/themes/light/light-theme-primitives.d.ts +0 -56
  2913. package/esm/themes/light/light-theme-primitives.d.ts.map +0 -1
  2914. package/esm/themes/light/light-theme-primitives.js +0 -55
  2915. package/esm/themes/light/light-theme-primitives.js.map +0 -1
  2916. package/esm/themes/light/light-theme.d.ts +0 -2
  2917. package/esm/themes/light/light-theme.d.ts.map +0 -1
  2918. package/esm/themes/light/light-theme.js +0 -3
  2919. package/esm/themes/light/light-theme.js.map +0 -1
  2920. package/esm/themes/mappers/colors.d.ts +0 -127
  2921. package/esm/themes/mappers/colors.d.ts.map +0 -1
  2922. package/esm/themes/mappers/colors.js +0 -15
  2923. package/esm/themes/mappers/colors.js.map +0 -1
  2924. package/esm/themes/mappers/typography.d.ts +0 -134
  2925. package/esm/themes/mappers/typography.d.ts.map +0 -1
  2926. package/esm/themes/mappers/typography.js +0 -87
  2927. package/esm/themes/mappers/typography.js.map +0 -1
  2928. package/esm/themes/primitives/animation.d.ts +0 -9
  2929. package/esm/themes/primitives/animation.d.ts.map +0 -1
  2930. package/esm/themes/primitives/animation.js +0 -7
  2931. package/esm/themes/primitives/animation.js.map +0 -1
  2932. package/esm/themes/primitives/border-radius.d.ts +0 -29
  2933. package/esm/themes/primitives/border-radius.d.ts.map +0 -1
  2934. package/esm/themes/primitives/border-radius.js +0 -27
  2935. package/esm/themes/primitives/border-radius.js.map +0 -1
  2936. package/esm/themes/primitives/borders.d.ts +0 -8
  2937. package/esm/themes/primitives/borders.d.ts.map +0 -1
  2938. package/esm/themes/primitives/borders.js +0 -6
  2939. package/esm/themes/primitives/borders.js.map +0 -1
  2940. package/esm/themes/primitives/breakpoints.d.ts +0 -8
  2941. package/esm/themes/primitives/breakpoints.d.ts.map +0 -1
  2942. package/esm/themes/primitives/breakpoints.js +0 -6
  2943. package/esm/themes/primitives/breakpoints.js.map +0 -1
  2944. package/esm/themes/primitives/fonts.d.ts +0 -39
  2945. package/esm/themes/primitives/fonts.d.ts.map +0 -1
  2946. package/esm/themes/primitives/fonts.js +0 -38
  2947. package/esm/themes/primitives/fonts.js.map +0 -1
  2948. package/esm/themes/primitives/sizing.d.ts +0 -21
  2949. package/esm/themes/primitives/sizing.d.ts.map +0 -1
  2950. package/esm/themes/primitives/sizing.js +0 -19
  2951. package/esm/themes/primitives/sizing.js.map +0 -1
  2952. package/esm/themes/the-sun/index.d.ts +0 -2
  2953. package/esm/themes/the-sun/index.d.ts.map +0 -1
  2954. package/esm/themes/the-sun/index.js +0 -3
  2955. package/esm/themes/the-sun/index.js.map +0 -1
  2956. package/esm/themes/the-times/index.d.ts +0 -2
  2957. package/esm/themes/the-times/index.d.ts.map +0 -1
  2958. package/esm/themes/the-times/index.js +0 -3
  2959. package/esm/themes/the-times/index.js.map +0 -1
  2960. package/esm/typography/index.d.ts +0 -24
  2961. package/esm/typography/index.d.ts.map +0 -1
  2962. package/esm/typography/index.js +0 -22
  2963. package/esm/typography/index.js.map +0 -1
  2964. package/esm/utils/component.d.ts +0 -2
  2965. package/esm/utils/component.d.ts.map +0 -1
  2966. package/esm/utils/component.js +0 -5
  2967. package/esm/utils/component.js.map +0 -1
  2968. package/esm/utils/deep-merge.d.ts +0 -3
  2969. package/esm/utils/deep-merge.d.ts.map +0 -1
  2970. package/esm/utils/deep-merge.js +0 -27
  2971. package/esm/utils/deep-merge.js.map +0 -1
  2972. package/esm/utils/get-bui-id.d.ts +0 -2
  2973. package/esm/utils/get-bui-id.d.ts.map +0 -1
  2974. package/esm/utils/get-bui-id.js +0 -28
  2975. package/esm/utils/get-bui-id.js.map +0 -1
  2976. package/esm/utils/responsive-helpers.d.ts +0 -14
  2977. package/esm/utils/responsive-helpers.d.ts.map +0 -1
  2978. package/esm/utils/responsive-helpers.js +0 -19
  2979. package/esm/utils/responsive-helpers.js.map +0 -1
  2980. package/esm/utils/style.d.ts +0 -21
  2981. package/esm/utils/style.d.ts.map +0 -1
  2982. package/esm/utils/style.js +0 -22
  2983. package/esm/utils/style.js.map +0 -1
  2984. package/esm/utils/utils.d.ts +0 -2
  2985. package/esm/utils/utils.d.ts.map +0 -1
  2986. package/esm/utils/utils.js +0 -2
  2987. package/esm/utils/utils.js.map +0 -1
  2988. package/icons/index.d.ts +0 -4
  2989. package/icons/index.d.ts.map +0 -1
  2990. package/icons/index.js +0 -7
  2991. package/icons/index.js.map +0 -1
  2992. package/icons/menu-icon.d.ts +0 -4
  2993. package/icons/menu-icon.d.ts.map +0 -1
  2994. package/icons/menu-icon.js +0 -23
  2995. package/icons/menu-icon.js.map +0 -1
  2996. package/icons/svg.d.ts +0 -9
  2997. package/icons/svg.d.ts.map +0 -1
  2998. package/icons/svg.js +0 -10
  2999. package/icons/svg.js.map +0 -1
  3000. package/icons/types.d.ts +0 -6
  3001. package/icons/types.d.ts.map +0 -1
  3002. package/icons/types.js +0 -3
  3003. package/icons/types.js.map +0 -1
  3004. package/index.d.ts +0 -10
  3005. package/index.d.ts.map +0 -1
  3006. package/index.js +0 -15
  3007. package/index.js.map +0 -1
  3008. package/link/index.d.ts +0 -2
  3009. package/link/index.d.ts.map +0 -1
  3010. package/link/index.js +0 -7
  3011. package/link/index.js.map +0 -1
  3012. package/link/link.d.ts +0 -4
  3013. package/link/link.d.ts.map +0 -1
  3014. package/link/link.js +0 -17
  3015. package/link/link.js.map +0 -1
  3016. package/link/types.d.ts +0 -11
  3017. package/link/types.d.ts.map +0 -1
  3018. package/link/types.js +0 -3
  3019. package/link/types.js.map +0 -1
  3020. package/tag/__test__/tag.scenario.d.ts +0 -4
  3021. package/tag/__test__/tag.scenario.d.ts.map +0 -1
  3022. package/tag/__test__/tag.scenario.js +0 -31
  3023. package/tag/__test__/tag.scenario.js.map +0 -1
  3024. package/tag/__test__/tag.test.d.ts +0 -2
  3025. package/tag/__test__/tag.test.d.ts.map +0 -1
  3026. package/tag/__test__/tag.test.js +0 -38
  3027. package/tag/__test__/tag.test.js.map +0 -1
  3028. package/tag/index.d.ts +0 -4
  3029. package/tag/index.d.ts.map +0 -1
  3030. package/tag/index.js +0 -9
  3031. package/tag/index.js.map +0 -1
  3032. package/tag/tag.d.ts +0 -4
  3033. package/tag/tag.d.ts.map +0 -1
  3034. package/tag/tag.js +0 -67
  3035. package/tag/tag.js.map +0 -1
  3036. package/tag/types.d.ts +0 -9
  3037. package/tag/types.d.ts.map +0 -1
  3038. package/tag/types.js +0 -3
  3039. package/tag/types.js.map +0 -1
  3040. package/tag/utils.d.ts +0 -6
  3041. package/tag/utils.d.ts.map +0 -1
  3042. package/tag/utils.js +0 -9
  3043. package/tag/utils.js.map +0 -1
  3044. package/tag-list/__test__/tag-list.scenario.d.ts +0 -4
  3045. package/tag-list/__test__/tag-list.scenario.d.ts.map +0 -1
  3046. package/tag-list/__test__/tag-list.scenario.js +0 -62
  3047. package/tag-list/__test__/tag-list.scenario.js.map +0 -1
  3048. package/tag-list/__test__/tag-list.test.d.ts +0 -2
  3049. package/tag-list/__test__/tag-list.test.d.ts.map +0 -1
  3050. package/tag-list/__test__/tag-list.test.js +0 -33
  3051. package/tag-list/__test__/tag-list.test.js.map +0 -1
  3052. package/tag-list/index.d.ts +0 -3
  3053. package/tag-list/index.d.ts.map +0 -1
  3054. package/tag-list/index.js +0 -7
  3055. package/tag-list/index.js.map +0 -1
  3056. package/tag-list/tag-list.d.ts +0 -4
  3057. package/tag-list/tag-list.d.ts.map +0 -1
  3058. package/tag-list/tag-list.js +0 -24
  3059. package/tag-list/tag-list.js.map +0 -1
  3060. package/tag-list/types.d.ts +0 -9
  3061. package/tag-list/types.d.ts.map +0 -1
  3062. package/tag-list/types.js +0 -3
  3063. package/tag-list/types.js.map +0 -1
  3064. package/themes/creator.d.ts +0 -35
  3065. package/themes/creator.d.ts.map +0 -1
  3066. package/themes/creator.js +0 -49
  3067. package/themes/creator.js.map +0 -1
  3068. package/themes/dark/dark-theme-primitives.d.ts +0 -2
  3069. package/themes/dark/dark-theme-primitives.d.ts.map +0 -1
  3070. package/themes/dark/dark-theme-primitives.js +0 -5
  3071. package/themes/dark/dark-theme-primitives.js.map +0 -1
  3072. package/themes/dark/dark-theme.d.ts +0 -2
  3073. package/themes/dark/dark-theme.d.ts.map +0 -1
  3074. package/themes/dark/dark-theme.js +0 -8
  3075. package/themes/dark/dark-theme.js.map +0 -1
  3076. package/themes/dark/index.d.ts +0 -2
  3077. package/themes/dark/index.d.ts.map +0 -1
  3078. package/themes/dark/index.js +0 -7
  3079. package/themes/dark/index.js.map +0 -1
  3080. package/themes/index.d.ts +0 -16
  3081. package/themes/index.d.ts.map +0 -1
  3082. package/themes/index.js +0 -24
  3083. package/themes/index.js.map +0 -1
  3084. package/themes/light/index.d.ts +0 -2
  3085. package/themes/light/index.d.ts.map +0 -1
  3086. package/themes/light/index.js +0 -7
  3087. package/themes/light/index.js.map +0 -1
  3088. package/themes/light/light-theme-primitives.d.ts +0 -56
  3089. package/themes/light/light-theme-primitives.d.ts.map +0 -1
  3090. package/themes/light/light-theme-primitives.js +0 -57
  3091. package/themes/light/light-theme-primitives.js.map +0 -1
  3092. package/themes/light/light-theme.d.ts +0 -2
  3093. package/themes/light/light-theme.d.ts.map +0 -1
  3094. package/themes/light/light-theme.js +0 -5
  3095. package/themes/light/light-theme.js.map +0 -1
  3096. package/themes/mappers/colors.d.ts +0 -127
  3097. package/themes/mappers/colors.d.ts.map +0 -1
  3098. package/themes/mappers/colors.js +0 -17
  3099. package/themes/mappers/colors.js.map +0 -1
  3100. package/themes/mappers/typography.d.ts +0 -134
  3101. package/themes/mappers/typography.d.ts.map +0 -1
  3102. package/themes/mappers/typography.js +0 -89
  3103. package/themes/mappers/typography.js.map +0 -1
  3104. package/themes/primitives/animation.d.ts +0 -9
  3105. package/themes/primitives/animation.d.ts.map +0 -1
  3106. package/themes/primitives/animation.js +0 -9
  3107. package/themes/primitives/animation.js.map +0 -1
  3108. package/themes/primitives/border-radius.d.ts +0 -29
  3109. package/themes/primitives/border-radius.d.ts.map +0 -1
  3110. package/themes/primitives/border-radius.js +0 -29
  3111. package/themes/primitives/border-radius.js.map +0 -1
  3112. package/themes/primitives/borders.d.ts +0 -8
  3113. package/themes/primitives/borders.d.ts.map +0 -1
  3114. package/themes/primitives/borders.js +0 -8
  3115. package/themes/primitives/borders.js.map +0 -1
  3116. package/themes/primitives/breakpoints.d.ts +0 -8
  3117. package/themes/primitives/breakpoints.d.ts.map +0 -1
  3118. package/themes/primitives/breakpoints.js +0 -8
  3119. package/themes/primitives/breakpoints.js.map +0 -1
  3120. package/themes/primitives/fonts.d.ts +0 -39
  3121. package/themes/primitives/fonts.d.ts.map +0 -1
  3122. package/themes/primitives/fonts.js +0 -40
  3123. package/themes/primitives/fonts.js.map +0 -1
  3124. package/themes/primitives/sizing.d.ts +0 -21
  3125. package/themes/primitives/sizing.d.ts.map +0 -1
  3126. package/themes/primitives/sizing.js +0 -21
  3127. package/themes/primitives/sizing.js.map +0 -1
  3128. package/themes/the-sun/index.d.ts +0 -2
  3129. package/themes/the-sun/index.d.ts.map +0 -1
  3130. package/themes/the-sun/index.js +0 -5
  3131. package/themes/the-sun/index.js.map +0 -1
  3132. package/themes/the-times/index.d.ts +0 -2
  3133. package/themes/the-times/index.d.ts.map +0 -1
  3134. package/themes/the-times/index.js +0 -5
  3135. package/themes/the-times/index.js.map +0 -1
  3136. package/typography/index.d.ts +0 -24
  3137. package/typography/index.d.ts.map +0 -1
  3138. package/typography/index.js +0 -24
  3139. package/typography/index.js.map +0 -1
  3140. package/utils/component.d.ts +0 -2
  3141. package/utils/component.d.ts.map +0 -1
  3142. package/utils/component.js +0 -7
  3143. package/utils/component.js.map +0 -1
  3144. package/utils/deep-merge.d.ts +0 -3
  3145. package/utils/deep-merge.d.ts.map +0 -1
  3146. package/utils/deep-merge.js +0 -30
  3147. package/utils/deep-merge.js.map +0 -1
  3148. package/utils/get-bui-id.d.ts +0 -2
  3149. package/utils/get-bui-id.d.ts.map +0 -1
  3150. package/utils/get-bui-id.js +0 -31
  3151. package/utils/get-bui-id.js.map +0 -1
  3152. package/utils/responsive-helpers.d.ts +0 -14
  3153. package/utils/responsive-helpers.d.ts.map +0 -1
  3154. package/utils/responsive-helpers.js +0 -21
  3155. package/utils/responsive-helpers.js.map +0 -1
  3156. package/utils/style.d.ts +0 -21
  3157. package/utils/style.d.ts.map +0 -1
  3158. package/utils/style.js +0 -29
  3159. package/utils/style.js.map +0 -1
  3160. package/utils/utils.d.ts +0 -2
  3161. package/utils/utils.d.ts.map +0 -1
  3162. package/utils/utils.js +0 -4
  3163. package/utils/utils.js.map +0 -1
package/site/public/static/illustrations/components/checkbox/behaviours/focusable-area.svg ADDED
@@ -0,0 +1,56 @@
1
+ <svg
2
+ id="nksvg"
3
+ style="width: 100%; height: 100%"
4
+ width="1490"
5
+ height="838"
6
+ viewBox="0 0 1490 838"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ class="css-0"
10
+ >
11
+ <path
12
+ style="fill: var(--color-illustrationBackground020)"
13
+ d="M0 0H1490V838H0V0Z"
14
+ ></path>
15
+ <rect
16
+ style="fill: var(--color-illustrationPalette060)"
17
+ opacity="0.2"
18
+ x="420"
19
+ y="293"
20
+ width="241"
21
+ height="241"
22
+ rx="30"
23
+ ></rect>
24
+ <path
25
+ style="fill: var(--color-white)"
26
+ d="M514.875 449.509L477.866 412.5L465.264 425.014L514.875 474.625L621.375 368.125L608.861 355.611L514.875 449.509Z"
27
+ ></path>
28
+ <path
29
+ style="fill: var(--color-illustrationPalette060)"
30
+ fill-rule="evenodd"
31
+ clip-rule="evenodd"
32
+ d="M438.516 531.724L444.262 517.868C446.01 518.592 447.938 519 450 519H465.083V534H450C445.932 534 442.054 533.19 438.516 531.724ZM615.917 534V519H631C633.062 519 634.99 518.592 636.738 517.868L642.484 531.724C638.946 533.19 635.068 534 631 534H615.917ZM661 338.083H646V323C646 320.938 645.592 319.01 644.868 317.262L658.724 311.516C660.19 315.054 661 318.932 661 323V338.083ZM465.083 293H450C445.932 293 442.054 293.81 438.516 295.276L444.262 309.132C446.01 308.408 447.938 308 450 308H465.083V293ZM420 488.917H435V504C435 506.062 435.408 507.99 436.132 509.738L422.276 515.484C420.81 511.946 420 508.068 420 504V488.917ZM420 458.75H435V428.583H420V458.75ZM420 398.417H435V368.25H420V398.417ZM420 338.083H435V323C435 320.938 435.408 319.01 436.132 317.262L422.276 311.516C420.81 315.054 420 318.932 420 323V338.083ZM495.25 293V308H525.417V293H495.25ZM555.583 293V308H585.75V293H555.583ZM615.917 293V308H631C633.062 308 634.99 308.408 636.738 309.132L642.484 295.276C638.946 293.81 635.068 293 631 293H615.917ZM661 368.25H646V398.417H661V368.25ZM661 428.583H646V458.75H661V428.583ZM661 488.917H646V504C646 506.062 645.592 507.99 644.868 509.738L658.724 515.484C660.19 511.946 661 508.068 661 504V488.917ZM585.75 534V519H555.583V534H585.75ZM525.417 534V519H495.25V534H525.417Z"
33
+ ></path>
34
+ <g opacity="0.2">
35
+ <path
36
+ style="fill: var(--color-illustrationHighlight010)"
37
+ d="M739.359 450.381H771.021V462.786H724V369.068H739.359V450.381Z"
38
+ ></path>
39
+ <path
40
+ style="fill: var(--color-illustrationHighlight010)"
41
+ d="M778.746 425.299C778.746 417.838 780.272 411.23 783.326 405.477C786.47 399.723 790.692 395.273 795.991 392.127C801.38 388.891 807.308 387.272 813.775 387.272C819.614 387.272 824.688 388.441 829 390.778C833.401 393.026 836.904 395.858 839.509 399.274V388.486H855.003V462.786H839.509V451.729C836.904 455.235 833.356 458.157 828.865 460.494C824.374 462.831 819.254 464 813.506 464C807.129 464 801.29 462.382 795.991 459.146C790.692 455.819 786.47 451.235 783.326 445.391C780.272 439.458 778.746 432.761 778.746 425.299ZM839.509 425.569C839.509 420.445 838.431 415.995 836.275 412.219C834.209 408.443 831.47 405.567 828.057 403.589C824.643 401.611 820.961 400.622 817.009 400.622C813.057 400.622 809.374 401.611 805.961 403.589C802.548 405.477 799.763 408.308 797.608 412.084C795.542 415.77 794.509 420.175 794.509 425.299C794.509 430.423 795.542 434.918 797.608 438.784C799.763 442.649 802.548 445.616 805.961 447.684C809.464 449.661 813.147 450.65 817.009 450.65C820.961 450.65 824.643 449.661 828.057 447.684C831.47 445.706 834.209 442.829 836.275 439.053C838.431 435.188 839.509 430.693 839.509 425.569Z"
42
+ ></path>
43
+ <path
44
+ style="fill: var(--color-illustrationHighlight010)"
45
+ d="M890.535 399.543C893.14 395.947 896.688 393.026 901.179 390.778C905.76 388.441 910.835 387.272 916.404 387.272C922.96 387.272 928.889 388.846 934.188 391.992C939.487 395.138 943.664 399.633 946.718 405.477C949.772 411.23 951.299 417.838 951.299 425.299C951.299 432.761 949.772 439.458 946.718 445.391C943.664 451.235 939.442 455.819 934.053 459.146C928.754 462.382 922.871 464 916.404 464C910.655 464 905.535 462.876 901.044 460.629C896.643 458.381 893.14 455.505 890.535 451.999V462.786H875.176V363H890.535V399.543ZM935.67 425.299C935.67 420.175 934.592 415.77 932.436 412.084C930.371 408.308 927.586 405.477 924.083 403.589C920.67 401.611 916.987 400.622 913.035 400.622C909.173 400.622 905.49 401.611 901.987 403.589C898.574 405.567 895.79 408.443 893.634 412.219C891.568 415.995 890.535 420.445 890.535 425.569C890.535 430.693 891.568 435.188 893.634 439.053C895.79 442.829 898.574 445.706 901.987 447.684C905.49 449.661 909.173 450.65 913.035 450.65C916.987 450.65 920.67 449.661 924.083 447.684C927.586 445.616 930.371 442.649 932.436 438.784C934.592 434.918 935.67 430.423 935.67 425.299Z"
46
+ ></path>
47
+ <path
48
+ style="fill: var(--color-illustrationHighlight010)"
49
+ d="M1034.53 423.816C1034.53 426.603 1034.35 429.12 1033.99 431.367H977.266C977.715 437.3 979.915 442.065 983.867 445.661C987.819 449.257 992.67 451.055 998.418 451.055C1006.68 451.055 1012.52 447.594 1015.93 440.672H1032.5C1030.26 447.504 1026.17 453.122 1020.24 457.527C1014.41 461.842 1007.13 464 998.418 464C991.322 464 984.945 462.427 979.287 459.28C973.718 456.044 969.317 451.549 966.083 445.796C962.939 439.952 961.368 433.21 961.368 425.569C961.368 417.927 962.894 411.23 965.948 405.477C969.092 399.633 973.448 395.138 979.017 391.992C984.676 388.846 991.143 387.272 998.418 387.272C1005.42 387.272 1011.67 388.801 1017.15 391.857C1022.62 394.914 1026.89 399.229 1029.94 404.802C1033 410.286 1034.53 416.624 1034.53 423.816ZM1018.49 418.961C1018.4 413.298 1016.38 408.758 1012.43 405.342C1008.48 401.926 1003.58 400.218 997.745 400.218C992.445 400.218 987.909 401.926 984.137 405.342C980.364 408.668 978.119 413.208 977.4 418.961H1018.49Z"
50
+ ></path>
51
+ <path
52
+ style="fill: var(--color-illustrationHighlight010)"
53
+ d="M1065 363V462.786H1049.64V363H1065Z"
54
+ ></path>
55
+ </g>
56
+ </svg>
package/site/public/static/illustrations/components/checkbox/behaviours/label-overflow-wrap.svg ADDED
@@ -0,0 +1,185 @@
1
+ <svg
2
+ id="nksvg"
3
+ style="width: 100%; height: 100%"
4
+ width="1490"
5
+ height="838"
6
+ viewBox="0 0 1490 838"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ class="css-0"
10
+ >
11
+ <path
12
+ style="fill: var(--color-illustrationBackground020)"
13
+ d="M0 0H1490V838H0V0Z"
14
+ ></path>
15
+ <path
16
+ style="fill: var(--color-illustrationHighlight010)"
17
+ d="M387.175 349.638H407.286V357.511H377.419V298.033H387.175V349.638Z"
18
+ ></path>
19
+ <path
20
+ style="fill: var(--color-illustrationHighlight010)"
21
+ d="M412.193 333.72C412.193 328.985 413.163 324.791 415.103 321.14C417.099 317.488 419.781 314.664 423.147 312.667C426.57 310.613 430.336 309.586 434.444 309.586C438.152 309.586 441.376 310.328 444.114 311.811C446.91 313.238 449.135 315.035 450.789 317.203V310.357H460.631V357.511H450.789V350.494C449.135 352.719 446.881 354.573 444.029 356.056C441.176 357.54 437.924 358.281 434.273 358.281C430.222 358.281 426.513 357.254 423.147 355.201C419.781 353.09 417.099 350.18 415.103 346.471C413.163 342.706 412.193 338.455 412.193 333.72ZM450.789 333.891C450.789 330.639 450.105 327.815 448.736 325.419C447.423 323.022 445.683 321.197 443.515 319.942C441.347 318.686 439.008 318.059 436.498 318.059C433.987 318.059 431.648 318.686 429.48 319.942C427.312 321.14 425.543 322.937 424.174 325.333C422.862 327.672 422.206 330.468 422.206 333.72C422.206 336.972 422.862 339.825 424.174 342.278C425.543 344.731 427.312 346.614 429.48 347.926C431.705 349.181 434.044 349.809 436.498 349.809C439.008 349.809 441.347 349.181 443.515 347.926C445.683 346.671 447.423 344.845 448.736 342.449C450.105 339.996 450.789 337.143 450.789 333.891Z"
22
+ ></path>
23
+ <path
24
+ style="fill: var(--color-illustrationHighlight010)"
25
+ d="M483.202 317.374C484.856 315.092 487.11 313.238 489.962 311.811C492.872 310.328 496.096 309.586 499.633 309.586C503.798 309.586 507.563 310.585 510.93 312.582C514.296 314.579 516.949 317.431 518.889 321.14C520.828 324.791 521.798 328.985 521.798 333.72C521.798 338.455 520.828 342.706 518.889 346.471C516.949 350.18 514.267 353.09 510.844 355.201C507.478 357.254 503.741 358.281 499.633 358.281C495.982 358.281 492.73 357.568 489.877 356.142C487.081 354.716 484.856 352.89 483.202 350.665V357.511H473.445V294.182H483.202V317.374ZM511.871 333.72C511.871 330.468 511.186 327.672 509.817 325.333C508.505 322.937 506.736 321.14 504.511 319.942C502.343 318.686 500.004 318.059 497.494 318.059C495.04 318.059 492.701 318.686 490.476 319.942C488.308 321.197 486.539 323.022 485.17 325.419C483.858 327.815 483.202 330.639 483.202 333.891C483.202 337.143 483.858 339.996 485.17 342.449C486.539 344.845 488.308 346.671 490.476 347.926C492.701 349.181 495.04 349.809 497.494 349.809C500.004 349.809 502.343 349.181 504.511 347.926C506.736 346.614 508.505 344.731 509.817 342.278C511.186 339.825 511.871 336.972 511.871 333.72Z"
26
+ ></path>
27
+ <path
28
+ style="fill: var(--color-illustrationHighlight010)"
29
+ d="M574.664 332.779C574.664 334.547 574.55 336.145 574.322 337.571H538.293C538.578 341.337 539.976 344.36 542.486 346.643C544.996 348.925 548.077 350.066 551.729 350.066C556.978 350.066 560.686 347.869 562.854 343.476H573.38C571.954 347.812 569.358 351.378 565.593 354.174C561.884 356.912 557.263 358.281 551.729 358.281C547.221 358.281 543.171 357.283 539.576 355.286C536.039 353.232 533.243 350.38 531.189 346.728C529.192 343.02 528.194 338.741 528.194 333.891C528.194 329.042 529.164 324.791 531.104 321.14C533.101 317.431 535.868 314.579 539.405 312.582C542.999 310.585 547.107 309.586 551.729 309.586C556.179 309.586 560.144 310.556 563.624 312.496C567.104 314.436 569.815 317.174 571.754 320.712C573.694 324.192 574.664 328.214 574.664 332.779ZM564.48 329.698C564.423 326.103 563.139 323.222 560.629 321.054C558.119 318.886 555.009 317.802 551.301 317.802C547.935 317.802 545.053 318.886 542.657 321.054C540.261 323.165 538.835 326.046 538.378 329.698H564.48Z"
30
+ ></path>
31
+ <path
32
+ style="fill: var(--color-illustrationHighlight010)"
33
+ d="M594.021 294.182V357.511H584.265V294.182H594.021Z"
34
+ ></path>
35
+ <path
36
+ style="fill: var(--color-illustrationHighlight010)"
37
+ d="M649.515 358.281C645.064 358.281 641.042 357.283 637.448 355.286C633.853 353.232 631.029 350.38 628.975 346.728C626.921 343.02 625.894 338.741 625.894 333.891C625.894 329.099 626.95 324.848 629.061 321.14C631.172 317.431 634.053 314.579 637.705 312.582C641.356 310.585 645.435 309.586 649.943 309.586C654.45 309.586 658.529 310.585 662.18 312.582C665.832 314.579 668.713 317.431 670.824 321.14C672.935 324.848 673.991 329.099 673.991 333.891C673.991 338.684 672.906 342.934 670.738 346.643C668.57 350.351 665.604 353.232 661.838 355.286C658.13 357.283 654.022 358.281 649.515 358.281ZM649.515 349.809C652.025 349.809 654.364 349.21 656.532 348.012C658.757 346.814 660.554 345.017 661.924 342.62C663.293 340.224 663.978 337.314 663.978 333.891C663.978 330.468 663.322 327.587 662.009 325.248C660.697 322.851 658.957 321.054 656.789 319.856C654.621 318.658 652.282 318.059 649.771 318.059C647.261 318.059 644.922 318.658 642.754 319.856C640.643 321.054 638.96 322.851 637.705 325.248C636.449 327.587 635.822 330.468 635.822 333.891C635.822 338.969 637.105 342.906 639.673 345.701C642.297 348.44 645.578 349.809 649.515 349.809Z"
38
+ ></path>
39
+ <path
40
+ style="fill: var(--color-illustrationHighlight010)"
41
+ d="M701.864 348.782L715.214 310.357H725.569L707.597 357.511H695.959L678.072 310.357H688.513L701.864 348.782Z"
42
+ ></path>
43
+ <path
44
+ style="fill: var(--color-illustrationHighlight010)"
45
+ d="M776.162 332.779C776.162 334.547 776.048 336.145 775.82 337.571H739.79C740.076 341.337 741.473 344.36 743.984 346.643C746.494 348.925 749.575 350.066 753.226 350.066C758.475 350.066 762.184 347.869 764.352 343.476H774.878C773.452 347.812 770.856 351.378 767.09 354.174C763.382 356.912 758.761 358.281 753.226 358.281C748.719 358.281 744.668 357.283 741.074 355.286C737.537 353.232 734.741 350.38 732.687 346.728C730.69 343.02 729.692 338.741 729.692 333.891C729.692 329.042 730.662 324.791 732.602 321.14C734.598 317.431 737.366 314.579 740.903 312.582C744.497 310.585 748.605 309.586 753.226 309.586C757.677 309.586 761.642 310.556 765.122 312.496C768.602 314.436 771.312 317.174 773.252 320.712C775.192 324.192 776.162 328.214 776.162 332.779ZM765.978 329.698C765.921 326.103 764.637 323.222 762.127 321.054C759.616 318.886 756.507 317.802 752.798 317.802C749.432 317.802 746.551 318.886 744.155 321.054C741.759 323.165 740.332 326.046 739.876 329.698H765.978Z"
46
+ ></path>
47
+ <path
48
+ style="fill: var(--color-illustrationHighlight010)"
49
+ d="M795.519 317.203C796.945 314.807 798.828 312.953 801.167 311.64C803.564 310.271 806.388 309.586 809.64 309.586V319.685H807.158C803.335 319.685 800.426 320.655 798.429 322.595C796.489 324.534 795.519 327.901 795.519 332.693V357.511H785.763V310.357H795.519V317.203Z"
50
+ ></path>
51
+ <path
52
+ style="fill: var(--color-illustrationHighlight010)"
53
+ d="M838.377 318.316H829.647V357.511H819.806V318.316H814.243V310.357H819.806V307.019C819.806 301.599 821.232 297.662 824.085 295.209C826.994 292.699 831.53 291.443 837.692 291.443V299.573C834.725 299.573 832.643 300.144 831.445 301.285C830.246 302.369 829.647 304.28 829.647 307.019V310.357H838.377V318.316Z"
54
+ ></path>
55
+ <path
56
+ style="fill: var(--color-illustrationHighlight010)"
57
+ d="M856.779 294.182V357.511H847.023V294.182H856.779Z"
58
+ ></path>
59
+ <path
60
+ style="fill: var(--color-illustrationHighlight010)"
61
+ d="M890.042 358.281C885.591 358.281 881.569 357.283 877.975 355.286C874.38 353.232 871.556 350.38 869.502 346.728C867.448 343.02 866.421 338.741 866.421 333.891C866.421 329.099 867.477 324.848 869.588 321.14C871.699 317.431 874.58 314.579 878.232 312.582C881.883 310.585 885.962 309.586 890.47 309.586C894.977 309.586 899.056 310.585 902.708 312.582C906.359 314.579 909.24 317.431 911.351 321.14C913.462 324.848 914.518 329.099 914.518 333.891C914.518 338.684 913.434 342.934 911.266 346.643C909.097 350.351 906.131 353.232 902.365 355.286C898.657 357.283 894.549 358.281 890.042 358.281ZM890.042 349.809C892.552 349.809 894.891 349.21 897.059 348.012C899.284 346.814 901.081 345.017 902.451 342.62C903.82 340.224 904.505 337.314 904.505 333.891C904.505 330.468 903.849 327.587 902.536 325.248C901.224 322.851 899.484 321.054 897.316 319.856C895.148 318.658 892.809 318.059 890.298 318.059C887.788 318.059 885.449 318.658 883.281 319.856C881.17 321.054 879.487 322.851 878.232 325.248C876.976 327.587 876.349 330.468 876.349 333.891C876.349 338.969 877.632 342.906 880.2 345.701C882.824 348.44 886.105 349.809 890.042 349.809Z"
62
+ ></path>
63
+ <path
64
+ style="fill: var(--color-illustrationHighlight010)"
65
+ d="M987.491 310.357L972.857 357.511H962.588L953.088 322.68L943.589 357.511H933.319L918.599 310.357H928.527L938.368 348.269L948.381 310.357H958.565L968.15 348.097L977.906 310.357H987.491Z"
66
+ ></path>
67
+ <path
68
+ style="fill: var(--color-illustrationHighlight010)"
69
+ d="M999.746 304.109C997.977 304.109 996.494 303.51 995.296 302.312C994.098 301.114 993.499 299.631 993.499 297.862C993.499 296.093 994.098 294.61 995.296 293.412C996.494 292.214 997.977 291.615 999.746 291.615C1001.46 291.615 1002.91 292.214 1004.11 293.412C1005.31 294.61 1005.91 296.093 1005.91 297.862C1005.91 299.631 1005.31 301.114 1004.11 302.312C1002.91 303.51 1001.46 304.109 999.746 304.109ZM1004.54 310.357V357.511H994.782V310.357H1004.54Z"
70
+ ></path>
71
+ <path
72
+ style="fill: var(--color-illustrationHighlight010)"
73
+ d="M1041.14 309.586C1044.85 309.586 1048.16 310.357 1051.07 311.897C1054.03 313.437 1056.34 315.72 1058 318.743C1059.65 321.767 1060.48 325.419 1060.48 329.698V357.511H1050.81V331.153C1050.81 326.931 1049.75 323.707 1047.64 321.482C1045.53 319.2 1042.65 318.059 1039 318.059C1035.35 318.059 1032.44 319.2 1030.27 321.482C1028.16 323.707 1027.1 326.931 1027.1 331.153V357.511H1017.35V310.357H1027.1V315.748C1028.7 313.808 1030.73 312.296 1033.18 311.212C1035.69 310.128 1038.34 309.586 1041.14 309.586Z"
74
+ ></path>
75
+ <path
76
+ style="fill: var(--color-illustrationHighlight010)"
77
+ d="M1091.92 309.586C1095.57 309.586 1098.8 310.328 1101.59 311.811C1104.45 313.238 1106.67 315.035 1108.27 317.203V310.357H1118.11V358.281C1118.11 362.618 1117.2 366.469 1115.37 369.835C1113.55 373.258 1110.89 375.939 1107.41 377.879C1103.99 379.819 1099.88 380.789 1095.09 380.789C1088.7 380.789 1083.39 379.277 1079.17 376.253C1074.95 373.287 1072.55 369.236 1071.98 364.101H1081.65C1082.4 366.554 1083.96 368.523 1086.36 370.006C1088.81 371.546 1091.72 372.317 1095.09 372.317C1099.03 372.317 1102.19 371.118 1104.59 368.722C1107.04 366.326 1108.27 362.846 1108.27 358.281V350.408C1106.61 352.633 1104.36 354.516 1101.51 356.056C1098.71 357.54 1095.52 358.281 1091.92 358.281C1087.82 358.281 1084.05 357.254 1080.63 355.201C1077.26 353.09 1074.58 350.18 1072.58 346.471C1070.64 342.706 1069.67 338.455 1069.67 333.72C1069.67 328.985 1070.64 324.791 1072.58 321.14C1074.58 317.488 1077.26 314.664 1080.63 312.667C1084.05 310.613 1087.82 309.586 1091.92 309.586ZM1108.27 333.891C1108.27 330.639 1107.58 327.815 1106.22 325.419C1104.9 323.022 1103.16 321.197 1100.99 319.942C1098.83 318.686 1096.49 318.059 1093.98 318.059C1091.47 318.059 1089.13 318.686 1086.96 319.942C1084.79 321.14 1083.02 322.937 1081.65 325.333C1080.34 327.672 1079.69 330.468 1079.69 333.72C1079.69 336.972 1080.34 339.825 1081.65 342.278C1083.02 344.731 1084.79 346.614 1086.96 347.926C1089.18 349.181 1091.52 349.809 1093.98 349.809C1096.49 349.809 1098.83 349.181 1100.99 347.926C1103.16 346.671 1104.9 344.845 1106.22 342.449C1107.58 339.996 1108.27 337.143 1108.27 333.891Z"
78
+ ></path>
79
+ <path
80
+ style="fill: var(--color-illustrationHighlight010)"
81
+ d="M374.167 443.72C374.167 438.985 375.136 434.791 377.076 431.14C379.073 427.488 381.755 424.664 385.121 422.667C388.544 420.613 392.309 419.586 396.417 419.586C400.126 419.586 403.349 420.328 406.088 421.811C408.884 423.238 411.109 425.035 412.763 427.203V420.357H422.605V467.511H412.763V460.494C411.109 462.719 408.855 464.573 406.002 466.056C403.15 467.54 399.898 468.281 396.246 468.281C392.195 468.281 388.487 467.254 385.121 465.201C381.755 463.09 379.073 460.18 377.076 456.471C375.136 452.706 374.167 448.455 374.167 443.72ZM412.763 443.891C412.763 440.639 412.079 437.815 410.709 435.419C409.397 433.022 407.657 431.197 405.489 429.942C403.321 428.686 400.982 428.059 398.471 428.059C395.961 428.059 393.622 428.686 391.454 429.942C389.286 431.14 387.517 432.937 386.148 435.333C384.835 437.672 384.179 440.468 384.179 443.72C384.179 446.972 384.835 449.825 386.148 452.278C387.517 454.731 389.286 456.614 391.454 457.926C393.679 459.181 396.018 459.809 398.471 459.809C400.982 459.809 403.321 459.181 405.489 457.926C407.657 456.671 409.397 454.845 410.709 452.449C412.079 449.996 412.763 447.143 412.763 443.891Z"
82
+ ></path>
83
+ <path
84
+ style="fill: var(--color-illustrationHighlight010)"
85
+ d="M432.167 443.891C432.167 439.042 433.137 434.791 435.077 431.14C437.074 427.431 439.812 424.579 443.293 422.582C446.773 420.585 450.767 419.586 455.274 419.586C460.979 419.586 465.686 420.956 469.394 423.694C473.16 426.376 475.699 430.227 477.011 435.248H466.485C465.629 432.908 464.26 431.083 462.377 429.77C460.494 428.458 458.126 427.802 455.274 427.802C451.28 427.802 448.085 429.228 445.689 432.081C443.35 434.877 442.18 438.813 442.18 443.891C442.18 448.969 443.35 452.934 445.689 455.787C448.085 458.639 451.28 460.066 455.274 460.066C460.922 460.066 464.659 457.584 466.485 452.62H477.011C475.642 457.413 473.074 461.235 469.309 464.088C465.543 466.884 460.865 468.281 455.274 468.281C450.767 468.281 446.773 467.283 443.293 465.286C439.812 463.232 437.074 460.38 435.077 456.728C433.137 453.02 432.167 448.741 432.167 443.891Z"
86
+ ></path>
87
+ <path
88
+ style="fill: var(--color-illustrationHighlight010)"
89
+ d="M496.49 427.203C497.916 424.807 499.799 422.953 502.138 421.64C504.534 420.271 507.359 419.586 510.611 419.586V429.685H508.129C504.306 429.685 501.397 430.655 499.4 432.595C497.46 434.534 496.49 437.901 496.49 442.693V467.511H486.734V420.357H496.49V427.203Z"
90
+ ></path>
91
+ <path
92
+ style="fill: var(--color-illustrationHighlight010)"
93
+ d="M540.032 468.281C535.582 468.281 531.56 467.283 527.965 465.286C524.371 463.232 521.547 460.38 519.493 456.728C517.439 453.02 516.412 448.741 516.412 443.891C516.412 439.099 517.468 434.848 519.579 431.14C521.69 427.431 524.571 424.579 528.222 422.582C531.874 420.585 535.953 419.586 540.46 419.586C544.967 419.586 549.047 420.585 552.698 422.582C556.349 424.579 559.231 427.431 561.342 431.14C563.453 434.848 564.508 439.099 564.508 443.891C564.508 448.684 563.424 452.934 561.256 456.643C559.088 460.351 556.121 463.232 552.356 465.286C548.647 467.283 544.539 468.281 540.032 468.281ZM540.032 459.809C542.543 459.809 544.882 459.21 547.05 458.012C549.275 456.814 551.072 455.017 552.441 452.62C553.811 450.224 554.495 447.314 554.495 443.891C554.495 440.468 553.839 437.587 552.527 435.248C551.215 432.851 549.475 431.054 547.307 429.856C545.138 428.658 542.799 428.059 540.289 428.059C537.779 428.059 535.439 428.658 533.271 429.856C531.16 431.054 529.477 432.851 528.222 435.248C526.967 437.587 526.339 440.468 526.339 443.891C526.339 448.969 527.623 452.906 530.19 455.701C532.815 458.44 536.096 459.809 540.032 459.809Z"
94
+ ></path>
95
+ <path
96
+ style="fill: var(--color-illustrationHighlight010)"
97
+ d="M591.269 468.281C587.56 468.281 584.223 467.625 581.256 466.313C578.346 464.944 576.035 463.118 574.324 460.836C572.612 458.497 571.699 455.901 571.585 453.048H581.684C581.855 455.045 582.796 456.728 584.508 458.097C586.276 459.41 588.473 460.066 591.097 460.066C593.836 460.066 595.947 459.552 597.43 458.525C598.971 457.441 599.741 456.072 599.741 454.417C599.741 452.649 598.885 451.337 597.174 450.481C595.519 449.625 592.866 448.684 589.215 447.657C585.677 446.687 582.796 445.745 580.571 444.832C578.346 443.92 576.406 442.522 574.752 440.639C573.154 438.756 572.355 436.274 572.355 433.194C572.355 430.683 573.097 428.401 574.58 426.347C576.064 424.236 578.175 422.582 580.913 421.384C583.709 420.185 586.904 419.586 590.498 419.586C595.861 419.586 600.169 420.956 603.421 423.694C606.73 426.376 608.499 430.056 608.727 434.734H598.971C598.8 432.623 597.944 430.94 596.403 429.685C594.863 428.43 592.781 427.802 590.156 427.802C587.589 427.802 585.62 428.287 584.251 429.257C582.882 430.227 582.197 431.511 582.197 433.108C582.197 434.363 582.654 435.419 583.566 436.274C584.479 437.13 585.592 437.815 586.904 438.328C588.216 438.785 590.156 439.384 592.723 440.126C596.147 441.038 598.942 441.98 601.11 442.95C603.335 443.863 605.247 445.232 606.844 447.058C608.442 448.883 609.269 451.308 609.326 454.332C609.326 457.013 608.584 459.41 607.101 461.521C605.618 463.632 603.507 465.286 600.768 466.484C598.087 467.682 594.92 468.281 591.269 468.281Z"
98
+ ></path>
99
+ <path
100
+ style="fill: var(--color-illustrationHighlight010)"
101
+ d="M636.984 468.281C633.275 468.281 629.938 467.625 626.971 466.313C624.061 464.944 621.751 463.118 620.039 460.836C618.327 458.497 617.414 455.901 617.3 453.048H627.399C627.57 455.045 628.511 456.728 630.223 458.097C631.992 459.41 634.188 460.066 636.813 460.066C639.551 460.066 641.662 459.552 643.146 458.525C644.686 457.441 645.456 456.072 645.456 454.417C645.456 452.649 644.6 451.337 642.889 450.481C641.234 449.625 638.581 448.684 634.93 447.657C631.393 446.687 628.511 445.745 626.286 444.832C624.061 443.92 622.121 442.522 620.467 440.639C618.869 438.756 618.071 436.274 618.071 433.194C618.071 430.683 618.812 428.401 620.296 426.347C621.779 424.236 623.89 422.582 626.629 421.384C629.424 420.185 632.619 419.586 636.214 419.586C641.577 419.586 645.884 420.956 649.136 423.694C652.445 426.376 654.214 430.056 654.442 434.734H644.686C644.515 432.623 643.659 430.94 642.119 429.685C640.578 428.43 638.496 427.802 635.871 427.802C633.304 427.802 631.336 428.287 629.966 429.257C628.597 430.227 627.912 431.511 627.912 433.108C627.912 434.363 628.369 435.419 629.282 436.274C630.194 437.13 631.307 437.815 632.619 438.328C633.931 438.785 635.871 439.384 638.439 440.126C641.862 441.038 644.657 441.98 646.826 442.95C649.051 443.863 650.962 445.232 652.559 447.058C654.157 448.883 654.984 451.308 655.041 454.332C655.041 457.013 654.3 459.41 652.816 461.521C651.333 463.632 649.222 465.286 646.483 466.484C643.802 467.682 640.635 468.281 636.984 468.281Z"
102
+ ></path>
103
+ <path
104
+ style="fill: var(--color-illustrationHighlight010)"
105
+ d="M744.896 419.586C748.604 419.586 751.913 420.357 754.823 421.897C757.79 423.437 760.1 425.72 761.755 428.743C763.467 431.767 764.322 435.419 764.322 439.698V467.511H754.652V441.153C754.652 436.931 753.596 433.707 751.485 431.482C749.374 429.2 746.493 428.059 742.842 428.059C739.19 428.059 736.281 429.2 734.113 431.482C732.002 433.707 730.946 436.931 730.946 441.153V467.511H721.276V441.153C721.276 436.931 720.22 433.707 718.109 431.482C715.998 429.2 713.117 428.059 709.465 428.059C705.814 428.059 702.904 429.2 700.736 431.482C698.625 433.707 697.57 436.931 697.57 441.153V467.511H687.814V420.357H697.57V425.748C699.167 423.808 701.193 422.296 703.646 421.212C706.099 420.128 708.724 419.586 711.519 419.586C715.285 419.586 718.651 420.385 721.618 421.983C724.585 423.58 726.867 425.891 728.464 428.915C729.891 426.062 732.116 423.808 735.14 422.154C738.163 420.442 741.415 419.586 744.896 419.586Z"
106
+ ></path>
107
+ <path
108
+ style="fill: var(--color-illustrationHighlight010)"
109
+ d="M819.441 420.357V467.511H809.685V461.949C808.145 463.888 806.119 465.429 803.609 466.57C801.156 467.654 798.531 468.196 795.736 468.196C792.027 468.196 788.69 467.426 785.723 465.885C782.813 464.345 780.502 462.063 778.791 459.039C777.136 456.015 776.309 452.364 776.309 448.085V420.357H785.979V446.63C785.979 450.852 787.035 454.104 789.146 456.386C791.257 458.611 794.138 459.723 797.79 459.723C801.441 459.723 804.322 458.611 806.433 456.386C808.601 454.104 809.685 450.852 809.685 446.63V420.357H819.441Z"
110
+ ></path>
111
+ <path
112
+ style="fill: var(--color-illustrationHighlight010)"
113
+ d="M842.07 404.182V467.511H832.314V404.182H842.07Z"
114
+ ></path>
115
+ <path
116
+ style="fill: var(--color-illustrationHighlight010)"
117
+ d="M866.261 428.316V454.417C866.261 456.186 866.66 457.47 867.459 458.269C868.315 459.01 869.741 459.381 871.738 459.381H877.729V467.511H870.027C865.633 467.511 862.267 466.484 859.928 464.43C857.589 462.376 856.419 459.039 856.419 454.417V428.316H850.857V420.357H856.419V408.632H866.261V420.357H877.729V428.316H866.261Z"
118
+ ></path>
119
+ <path
120
+ style="fill: var(--color-illustrationHighlight010)"
121
+ d="M891.684 414.109C889.916 414.109 888.432 413.51 887.234 412.312C886.036 411.114 885.437 409.631 885.437 407.862C885.437 406.093 886.036 404.61 887.234 403.412C888.432 402.214 889.916 401.615 891.684 401.615C893.396 401.615 894.851 402.214 896.049 403.412C897.247 404.61 897.846 406.093 897.846 407.862C897.846 409.631 897.247 411.114 896.049 412.312C894.851 413.51 893.396 414.109 891.684 414.109ZM896.477 420.357V467.511H886.721V420.357H896.477Z"
122
+ ></path>
123
+ <path
124
+ style="fill: var(--color-illustrationHighlight010)"
125
+ d="M919.042 427.289C920.696 425.121 922.95 423.295 925.803 421.811C928.655 420.328 931.879 419.586 935.473 419.586C939.581 419.586 943.318 420.613 946.684 422.667C950.108 424.664 952.789 427.488 954.729 431.14C956.669 434.791 957.639 438.985 957.639 443.72C957.639 448.455 956.669 452.706 954.729 456.471C952.789 460.18 950.108 463.09 946.684 465.201C943.318 467.254 939.581 468.281 935.473 468.281C931.879 468.281 928.684 467.568 925.888 466.142C923.093 464.659 920.811 462.833 919.042 460.665V489.933H909.286V420.357H919.042V427.289ZM947.711 443.72C947.711 440.468 947.027 437.672 945.657 435.333C944.345 432.937 942.577 431.14 940.351 429.942C938.183 428.686 935.844 428.059 933.334 428.059C930.881 428.059 928.541 428.686 926.316 429.942C924.148 431.197 922.38 433.022 921.01 435.419C919.698 437.815 919.042 440.639 919.042 443.891C919.042 447.143 919.698 449.996 921.01 452.449C922.38 454.845 924.148 456.671 926.316 457.926C928.541 459.181 930.881 459.809 933.334 459.809C935.844 459.809 938.183 459.181 940.351 457.926C942.577 456.614 944.345 454.731 945.657 452.278C947.027 449.825 947.711 446.972 947.711 443.72Z"
126
+ ></path>
127
+ <path
128
+ style="fill: var(--color-illustrationHighlight010)"
129
+ d="M977.043 404.182V467.511H967.286V404.182H977.043Z"
130
+ ></path>
131
+ <path
132
+ style="fill: var(--color-illustrationHighlight010)"
133
+ d="M1033.07 442.779C1033.07 444.547 1032.96 446.145 1032.73 447.571H996.698C996.983 451.337 998.381 454.36 1000.89 456.643C1003.4 458.925 1006.48 460.066 1010.13 460.066C1015.38 460.066 1019.09 457.869 1021.26 453.476H1031.79C1030.36 457.812 1027.76 461.378 1024 464.174C1020.29 466.912 1015.67 468.281 1010.13 468.281C1005.63 468.281 1001.58 467.283 997.982 465.286C994.444 463.232 991.649 460.38 989.595 456.728C987.598 453.02 986.599 448.741 986.599 443.891C986.599 439.042 987.569 434.791 989.509 431.14C991.506 427.431 994.273 424.579 997.81 422.582C1001.4 420.585 1005.51 419.586 1010.13 419.586C1014.58 419.586 1018.55 420.556 1022.03 422.496C1025.51 424.436 1028.22 427.174 1030.16 430.712C1032.1 434.192 1033.07 438.214 1033.07 442.779ZM1022.89 439.698C1022.83 436.103 1021.54 433.222 1019.03 431.054C1016.52 428.886 1013.41 427.802 1009.71 427.802C1006.34 427.802 1003.46 428.886 1001.06 431.054C998.666 433.165 997.24 436.046 996.784 439.698H1022.89Z"
134
+ ></path>
135
+ <path
136
+ style="fill: var(--color-illustrationHighlight010)"
137
+ d="M387.175 514.182V577.511H377.419V514.182H387.175Z"
138
+ ></path>
139
+ <path
140
+ style="fill: var(--color-illustrationHighlight010)"
141
+ d="M404.947 524.109C403.179 524.109 401.695 523.51 400.497 522.312C399.299 521.114 398.7 519.631 398.7 517.862C398.7 516.093 399.299 514.61 400.497 513.412C401.695 512.214 403.179 511.615 404.947 511.615C406.659 511.615 408.114 512.214 409.312 513.412C410.51 514.61 411.109 516.093 411.109 517.862C411.109 519.631 410.51 521.114 409.312 522.312C408.114 523.51 406.659 524.109 404.947 524.109ZM409.74 530.357V577.511H399.984V530.357H409.74Z"
142
+ ></path>
143
+ <path
144
+ style="fill: var(--color-illustrationHighlight010)"
145
+ d="M446.34 529.586C450.048 529.586 453.358 530.357 456.267 531.897C459.234 533.437 461.545 535.72 463.199 538.743C464.854 541.767 465.681 545.419 465.681 549.698V577.511H456.011V551.153C456.011 546.931 454.955 543.707 452.844 541.482C450.733 539.2 447.852 538.059 444.2 538.059C440.549 538.059 437.639 539.2 435.471 541.482C433.36 543.707 432.305 546.931 432.305 551.153V577.511H422.549V530.357H432.305V535.748C433.902 533.808 435.928 532.296 438.381 531.212C440.891 530.128 443.544 529.586 446.34 529.586Z"
146
+ ></path>
147
+ <path
148
+ style="fill: var(--color-illustrationHighlight010)"
149
+ d="M521.344 552.779C521.344 554.547 521.23 556.145 521.001 557.571H484.972C485.257 561.337 486.655 564.36 489.165 566.643C491.676 568.925 494.757 570.066 498.408 570.066C503.657 570.066 507.366 567.869 509.534 563.476H520.06C518.634 567.812 516.038 571.378 512.272 574.174C508.564 576.912 503.942 578.281 498.408 578.281C493.901 578.281 489.85 577.283 486.256 575.286C482.718 573.232 479.923 570.38 477.869 566.728C475.872 563.02 474.874 558.741 474.874 553.891C474.874 549.042 475.844 544.791 477.783 541.14C479.78 537.431 482.547 534.579 486.085 532.582C489.679 530.585 493.787 529.586 498.408 529.586C502.858 529.586 506.824 530.556 510.304 532.496C513.784 534.436 516.494 537.174 518.434 540.712C520.374 544.192 521.344 548.214 521.344 552.779ZM511.16 549.698C511.103 546.103 509.819 543.222 507.309 541.054C504.798 538.886 501.689 537.802 497.98 537.802C494.614 537.802 491.733 538.886 489.337 541.054C486.94 543.165 485.514 546.046 485.058 549.698H511.16Z"
150
+ ></path>
151
+ <path
152
+ style="fill: var(--color-illustrationHighlight010)"
153
+ d="M548.061 578.281C544.352 578.281 541.015 577.625 538.048 576.313C535.138 574.944 532.827 573.118 531.116 570.836C529.404 568.497 528.491 565.901 528.377 563.048H538.476C538.647 565.045 539.588 566.728 541.3 568.097C543.069 569.41 545.265 570.066 547.89 570.066C550.628 570.066 552.739 569.552 554.222 568.525C555.763 567.441 556.533 566.072 556.533 564.417C556.533 562.649 555.677 561.337 553.966 560.481C552.311 559.625 549.658 558.684 546.007 557.657C542.469 556.687 539.588 555.745 537.363 554.832C535.138 553.92 533.198 552.522 531.544 550.639C529.946 548.756 529.147 546.274 529.147 543.194C529.147 540.683 529.889 538.401 531.373 536.347C532.856 534.236 534.967 532.582 537.705 531.384C540.501 530.185 543.696 529.586 547.29 529.586C552.653 529.586 556.961 530.956 560.213 533.694C563.522 536.376 565.291 540.056 565.519 544.734H555.763C555.592 542.623 554.736 540.94 553.195 539.685C551.655 538.43 549.573 537.802 546.948 537.802C544.381 537.802 542.412 538.287 541.043 539.257C539.674 540.227 538.989 541.511 538.989 543.108C538.989 544.363 539.446 545.419 540.358 546.274C541.271 547.13 542.384 547.815 543.696 548.328C545.008 548.785 546.948 549.384 549.516 550.126C552.939 551.038 555.734 551.98 557.902 552.95C560.127 553.863 562.039 555.232 563.636 557.058C565.234 558.883 566.061 561.308 566.118 564.332C566.118 567.013 565.376 569.41 563.893 571.521C562.41 573.632 560.299 575.286 557.56 576.484C554.879 577.682 551.712 578.281 548.061 578.281Z"
154
+ ></path>
155
+ <path
156
+ style="fill: var(--color-illustrationHighlight010)"
157
+ d="M1328.93 517.013H1323.38V333.578C1323.38 314.676 1308.05 299.353 1289.15 299.353H1249.3C1247.77 299.353 1246.53 298.111 1246.53 296.578C1246.53 295.046 1247.77 293.803 1249.3 293.803H1289.15C1311.12 293.803 1328.93 311.611 1328.93 333.578V517.013Z"
158
+ ></path>
159
+ <path
160
+ style="fill: var(--color-illustrationHighlight010)"
161
+ fill-rule="evenodd"
162
+ clip-rule="evenodd"
163
+ d="M1323.38 510.802H1323.38C1323.37 510.802 1323.38 510.802 1323.38 510.802C1323.38 510.802 1323.38 510.802 1323.38 510.802L1328.93 510.802L1328.93 537.502C1328.93 559.469 1311.12 577.277 1289.15 577.277L1249.3 577.277C1247.77 577.277 1246.53 576.034 1246.53 574.502C1246.53 572.969 1247.77 571.727 1249.3 571.727H1289.15C1308.05 571.727 1323.38 556.404 1323.38 537.502V510.802Z"
164
+ ></path>
165
+ <path
166
+ style="fill: var(--color-illustrationHighlight010)"
167
+ fill-rule="evenodd"
168
+ clip-rule="evenodd"
169
+ d="M1240.47 296.789C1240.47 295.256 1239.23 294.014 1237.7 294.014H1229.27C1227.74 294.014 1226.5 295.256 1226.5 296.789C1226.5 298.321 1227.74 299.564 1229.27 299.564H1237.7C1239.23 299.564 1240.47 298.321 1240.47 296.789ZM1215.2 296.789C1215.2 295.256 1213.96 294.014 1212.42 294.014H1195.57C1194.04 294.014 1192.8 295.256 1192.8 296.789C1192.8 298.321 1194.04 299.564 1195.57 299.564H1212.42C1213.96 299.564 1215.2 298.321 1215.2 296.789ZM1181.5 296.789C1181.5 295.256 1180.26 294.014 1178.72 294.014L1170.3 294.014C1168.77 294.014 1167.52 295.256 1167.52 296.789C1167.52 298.321 1168.77 299.564 1170.3 299.564L1178.72 299.564C1180.26 299.564 1181.5 298.321 1181.5 296.789Z"
170
+ ></path>
171
+ <path
172
+ style="fill: var(--color-illustrationHighlight010)"
173
+ fill-rule="evenodd"
174
+ clip-rule="evenodd"
175
+ d="M1240.47 574.789C1240.47 573.256 1239.23 572.014 1237.7 572.014H1229.27C1227.74 572.014 1226.5 573.256 1226.5 574.789C1226.5 576.321 1227.74 577.564 1229.27 577.564H1237.7C1239.23 577.564 1240.47 576.321 1240.47 574.789ZM1215.2 574.789C1215.2 573.256 1213.96 572.014 1212.42 572.014L1195.57 572.014C1194.04 572.014 1192.8 573.256 1192.8 574.789C1192.8 576.321 1194.04 577.564 1195.57 577.564L1212.42 577.564C1213.96 577.564 1215.2 576.321 1215.2 574.789ZM1181.5 574.789C1181.5 573.256 1180.26 572.014 1178.72 572.014H1170.3C1168.77 572.014 1167.52 573.256 1167.52 574.789C1167.52 576.321 1168.77 577.564 1170.3 577.564H1178.72C1180.26 577.564 1181.5 576.321 1181.5 574.789Z"
176
+ ></path>
177
+ <path
178
+ style="fill: var(--color-illustrationPalette040)"
179
+ d="M180 269.78C180 257.751 189.751 248 201.78 248H308.939C320.968 248 330.72 257.751 330.72 269.78V376.939C330.72 388.968 320.968 398.72 308.939 398.72H201.78C189.751 398.72 180 388.968 180 376.939V269.78Z"
180
+ ></path>
181
+ <path
182
+ style="fill: var(--color-white)"
183
+ d="M239.408 345.799L216.288 322.679L208.415 330.497L239.408 361.49L305.942 294.956L298.124 287.139L239.408 345.799Z"
184
+ ></path>
185
+ </svg>
package/site/public/static/illustrations/components/checkbox/behaviours/transition.svg ADDED
@@ -0,0 +1,27 @@
1
+ <svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
2
+ <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
3
+ <path style="fill: var(--color-interfaceBrand030)" opacity="0.1" d="M194 331.523C194 317.979 204.979 307 218.523 307H366.477C380.021 307 391 317.979 391 331.523V479.477C391 493.021 380.021 504 366.477 504H218.523C204.979 504 194 493.021 194 479.477V331.523Z"></path>
4
+ <path style="fill: var(--color-illustrationPalette060)" fill-rule="evenodd" clip-rule="evenodd" d="M366.477 319.261H218.523C211.751 319.261 206.261 324.751 206.261 331.523V479.477C206.261 486.249 211.751 491.739 218.523 491.739H366.477C373.249 491.739 378.739 486.249 378.739 479.477V331.523C378.739 324.751 373.249 319.261 366.477 319.261ZM218.523 307C204.979 307 194 317.979 194 331.523V479.477C194 493.021 204.979 504 218.523 504H366.477C380.021 504 391 493.021 391 479.477V331.523C391 317.979 380.021 307 366.477 307H218.523Z"></path>
5
+ <g>
6
+ <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M287.201 509.17L281.226 500.04C277.146 493.806 268.455 491.532 261.808 494.949L263.357 494.153C261.707 495.001 260.916 497.115 261.595 498.873L269.866 520.272C271.177 523.665 274.526 528.462 277.301 530.873C277.301 530.873 293.94 544.645 293.94 549.808V556.346H320.898H328.27H334.377H341.116V549.808C341.116 544.645 351.285 528.381 351.285 528.381C353.157 525.22 354.717 519.651 354.717 515.953V488.761C354.595 482.741 349.478 477.862 343.163 477.862C340.004 477.862 337.445 480.301 337.445 483.313V485.491C337.445 479.471 332.328 474.592 326.013 474.592C322.854 474.592 320.296 477.031 320.296 480.043V482.221C320.296 476.201 315.178 471.322 308.864 471.322C305.705 471.322 303.146 473.761 303.146 476.773V478.951C303.146 477.983 303.043 477.214 302.843 476.605L301.099 448.523C300.863 444.726 297.662 441.775 293.94 441.775C290.192 441.775 287.201 444.792 287.201 448.514V475.472V509.17Z"></path>
7
+ <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M263.402 494.247C268.752 492.289 275.01 493.645 279.11 497.517C279.902 498.265 280.613 499.107 281.222 500.037L287.197 509.167V448.511C287.197 444.79 290.188 441.773 293.936 441.773C297.658 441.773 300.859 444.723 301.095 448.52L302.839 476.602C302.857 476.657 302.874 476.713 302.89 476.77C303.056 477.352 303.142 478.068 303.142 478.948V476.77C303.142 476.708 303.143 476.645 303.145 476.583C303.146 476.555 303.148 476.528 303.149 476.5C303.296 473.614 305.796 471.319 308.86 471.319C309.459 471.319 310.047 471.363 310.622 471.448C311.975 471.647 313.251 472.073 314.404 472.684C317.277 474.205 319.39 476.874 320.064 480.041C320.213 480.744 320.292 481.473 320.292 482.218V480.041C320.292 477.029 322.851 474.589 326.01 474.589C326.263 474.589 326.515 474.597 326.765 474.613C328.494 474.72 330.119 475.194 331.553 475.954C334.427 477.476 336.54 480.144 337.213 483.311C337.363 484.014 337.441 484.743 337.441 485.489V483.311C337.441 480.299 340 477.859 343.159 477.859C343.413 477.859 343.665 477.867 343.915 477.883C349.877 478.254 354.596 482.98 354.713 488.759V515.951C354.713 519.648 353.153 525.218 351.281 528.379C351.281 528.379 341.112 544.642 341.112 549.806V556.343H293.936V549.806C293.936 544.642 277.297 530.87 277.297 530.87C274.522 528.46 271.173 523.662 269.862 520.27L261.591 498.87C261.138 497.697 261.339 496.365 262.014 495.356C262.245 495.012 262.53 494.706 262.863 494.457C263.042 494.383 263.222 494.313 263.402 494.247ZM261.804 494.947C262.152 494.768 262.505 494.604 262.863 494.457C263.017 494.342 263.18 494.239 263.353 494.15L261.804 494.947ZM258.166 487.871C253.836 490.995 252.118 496.792 254.048 501.786L262.319 523.185C264.1 527.794 268.213 533.692 271.994 536.976L272.067 537.039L272.139 537.099L272.141 537.1L272.17 537.125L272.289 537.225C272.398 537.315 272.562 537.454 272.775 537.634C273.2 537.996 273.815 538.524 274.556 539.176C276.047 540.486 278.009 542.263 279.948 544.169C281.923 546.111 283.706 548.021 284.939 549.616C285.363 550.165 285.657 550.593 285.849 550.902V564.43H349.2V549.944C349.2 549.978 349.202 549.995 349.206 549.996C349.234 550.001 349.383 549.24 350.148 547.434C350.96 545.517 352.098 543.251 353.314 540.997C354.517 538.768 355.729 536.674 356.646 535.13C357.103 534.361 357.482 533.736 357.744 533.306C357.875 533.092 357.977 532.927 358.044 532.818L358.119 532.698L358.138 532.666L358.19 532.584L358.24 532.499C359.652 530.114 360.748 527.211 361.492 524.528C362.235 521.85 362.8 518.77 362.8 515.951V488.677L362.799 488.595C362.582 477.913 353.612 469.772 343.159 469.772C341.447 469.772 339.774 470.089 338.217 470.677C334.823 468.043 330.54 466.502 326.01 466.502C324.297 466.502 322.624 466.819 321.067 467.407C317.989 465.017 314.178 463.527 310.114 463.271L309.167 448.019C308.664 439.93 301.902 433.686 293.936 433.686C285.703 433.686 279.11 440.342 279.11 448.511V487.768C273.155 484.804 265.991 484.382 259.686 487.019M286.123 551.404C286.121 551.403 286.107 551.374 286.086 551.318C286.115 551.377 286.125 551.405 286.123 551.404ZM258.166 487.871L258.106 487.754L259.655 486.958"></path>
8
+ </g>
9
+ <rect style="fill: var(--color-illustrationPalette060)" x="616.195" y="306.629" width="197.404" height="197.404" rx="28.5266"></rect>
10
+ <path style="fill: var(--color-white)" d="M694.005 434.726L663.723 404.444L653.411 414.683L694.005 455.277L781.148 368.135L770.909 357.896L694.005 434.726Z"></path>
11
+ <g>
12
+ <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M709.395 509.17L703.42 500.04C699.34 493.806 690.649 491.532 684.002 494.949L685.551 494.153C683.901 495.001 683.11 497.115 683.789 498.873L692.06 520.272C693.372 523.665 696.721 528.462 699.495 530.873C699.495 530.873 716.135 544.645 716.135 549.808V556.346H743.092H750.464H756.571H763.311V549.808C763.311 544.645 773.479 528.381 773.479 528.381C775.351 525.22 776.911 519.651 776.911 515.953V488.761C776.789 482.741 771.672 477.862 765.357 477.862C762.199 477.862 759.64 480.301 759.64 483.313V485.491C759.64 479.471 754.522 474.592 748.208 474.592C745.049 474.592 742.49 477.031 742.49 480.043V482.221C742.49 476.201 737.373 471.322 731.058 471.322C727.899 471.322 725.34 473.761 725.34 476.773V478.951C725.34 477.983 725.237 477.214 725.037 476.605L723.293 448.523C723.057 444.726 719.857 441.775 716.135 441.775C712.387 441.775 709.395 444.792 709.395 448.514V475.472V509.17Z"></path>
13
+ <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M685.597 494.247C690.947 492.289 697.205 493.645 701.304 497.517C702.096 498.265 702.807 499.107 703.416 500.037L709.391 509.167V448.511C709.391 444.79 712.383 441.773 716.131 441.773C719.853 441.773 723.053 444.723 723.289 448.52L725.033 476.602C725.051 476.657 725.068 476.713 725.085 476.77C725.251 477.352 725.336 478.068 725.336 478.948V476.77C725.336 476.708 725.338 476.645 725.34 476.583C725.341 476.555 725.342 476.528 725.343 476.5C725.491 473.614 727.99 471.319 731.054 471.319C731.653 471.319 732.242 471.363 732.816 471.448C734.17 471.647 735.445 472.073 736.598 472.684C739.471 474.205 741.585 476.874 742.258 480.041C742.408 480.744 742.486 481.473 742.486 482.218V480.041C742.486 477.029 745.045 474.589 748.204 474.589C748.458 474.589 748.71 474.597 748.96 474.613C750.689 474.72 752.313 475.194 753.748 475.954C756.621 477.476 758.734 480.144 759.408 483.311C759.557 484.014 759.636 484.743 759.636 485.489V483.311C759.636 480.299 762.195 477.859 765.354 477.859C765.607 477.859 765.859 477.867 766.109 477.883C772.072 478.254 776.79 482.98 776.907 488.759V515.951C776.907 519.648 775.347 525.218 773.475 528.379C773.475 528.379 763.307 544.642 763.307 549.806V556.343H716.131V549.806C716.131 544.642 699.492 530.87 699.492 530.87C696.717 528.46 693.368 523.662 692.057 520.27L683.785 498.87C683.332 497.697 683.534 496.365 684.209 495.356C684.439 495.012 684.724 494.706 685.058 494.457C685.236 494.383 685.416 494.313 685.597 494.247ZM683.998 494.947C684.346 494.768 684.7 494.604 685.058 494.457C685.211 494.342 685.374 494.239 685.547 494.15L683.998 494.947ZM680.36 487.871C676.031 490.995 674.312 496.792 676.242 501.786L684.513 523.185C686.295 527.794 690.407 533.692 694.188 536.976L694.261 537.039L694.333 537.099L694.335 537.1L694.364 537.125L694.484 537.225C694.592 537.315 694.757 537.454 694.969 537.634C695.395 537.996 696.01 538.524 696.751 539.176C698.241 540.486 700.203 542.263 702.142 544.169C704.117 546.111 705.9 548.021 707.133 549.616C707.557 550.165 707.851 550.593 708.043 550.902V564.43H771.394V549.944C771.394 549.978 771.396 549.995 771.4 549.996C771.428 550.001 771.577 549.24 772.342 547.434C773.154 545.517 774.292 543.251 775.508 540.997C776.711 538.768 777.923 536.674 778.84 535.13C779.297 534.361 779.676 533.736 779.938 533.306C780.069 533.092 780.171 532.927 780.239 532.818L780.313 532.698L780.333 532.666L780.384 532.584L780.434 532.499C781.847 530.114 782.942 527.211 783.686 524.528C784.429 521.85 784.995 518.77 784.995 515.951V488.677L784.993 488.595C784.777 477.913 775.806 469.772 765.354 469.772C763.641 469.772 761.968 470.089 760.411 470.677C757.018 468.043 752.735 466.502 748.204 466.502C746.491 466.502 744.818 466.819 743.262 467.407C740.183 465.017 736.372 463.527 732.308 463.271L731.361 448.019C730.859 439.93 724.096 433.686 716.131 433.686C707.897 433.686 701.304 440.342 701.304 448.511V487.768C695.35 484.804 688.185 484.382 681.881 487.019M708.318 551.404C708.316 551.403 708.301 551.374 708.28 551.318C708.309 551.377 708.319 551.405 708.318 551.404ZM680.36 487.871L680.3 487.754L681.849 486.958"></path>
14
+ </g>
15
+ <rect style="fill: var(--color-illustrationPalette040)" opacity="0.2" x="989.324" y="253" width="306.947" height="306.947" rx="153.473"></rect>
16
+ <rect style="fill: var(--color-illustrationPalette060)" x="1043.49" y="306.348" width="197.792" height="197.792" rx="24.6214"></rect>
17
+ <path style="fill: var(--color-white)" d="M1121.36 434.795L1090.98 404.422L1080.64 414.692L1121.36 455.409L1208.76 368.003L1198.49 357.732L1121.36 434.795Z"></path>
18
+ <g>
19
+ <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M1137.29 509.17L1131.32 500.04C1127.24 493.806 1118.55 491.532 1111.9 494.949L1113.45 494.153C1111.8 495.001 1111.01 497.115 1111.69 498.873L1119.96 520.272C1121.27 523.665 1124.62 528.462 1127.4 530.873C1127.4 530.873 1144.03 544.645 1144.03 549.808V556.346H1170.99H1178.36H1184.47H1191.21V549.808C1191.21 544.645 1201.38 528.381 1201.38 528.381C1203.25 525.22 1204.81 519.651 1204.81 515.953V488.761C1204.69 482.741 1199.57 477.862 1193.26 477.862C1190.1 477.862 1187.54 480.301 1187.54 483.313V485.491C1187.54 479.471 1182.42 474.592 1176.11 474.592C1172.95 474.592 1170.39 477.031 1170.39 480.043V482.221C1170.39 476.201 1165.27 471.322 1158.96 471.322C1155.8 471.322 1153.24 473.761 1153.24 476.773V478.951C1153.24 477.983 1153.14 477.214 1152.94 476.605L1151.19 448.523C1150.96 444.726 1147.76 441.775 1144.03 441.775C1140.29 441.775 1137.29 444.792 1137.29 448.514V475.472V509.17Z"></path>
20
+ <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M1113.5 494.247C1118.85 492.289 1125.1 493.645 1129.2 497.517C1130 498.265 1130.71 499.107 1131.32 500.037L1137.29 509.167V448.511C1137.29 444.79 1140.28 441.773 1144.03 441.773C1147.75 441.773 1150.95 444.723 1151.19 448.52L1152.93 476.602C1152.95 476.657 1152.97 476.713 1152.98 476.77C1153.15 477.352 1153.24 478.068 1153.24 478.948V476.77C1153.24 476.708 1153.24 476.645 1153.24 476.583C1153.24 476.555 1153.24 476.528 1153.24 476.5C1153.39 473.614 1155.89 471.319 1158.95 471.319C1159.55 471.319 1160.14 471.363 1160.72 471.448C1162.07 471.647 1163.34 472.073 1164.5 472.684C1167.37 474.205 1169.48 476.874 1170.16 480.041C1170.31 480.744 1170.39 481.473 1170.39 482.218V480.041C1170.39 477.029 1172.94 474.589 1176.1 474.589C1176.36 474.589 1176.61 474.597 1176.86 474.613C1178.59 474.72 1180.21 475.194 1181.65 475.954C1184.52 477.476 1186.63 480.144 1187.31 483.311C1187.46 484.014 1187.54 484.743 1187.54 485.489V483.311C1187.54 480.299 1190.09 477.859 1193.25 477.859C1193.51 477.859 1193.76 477.867 1194.01 477.883C1199.97 478.254 1204.69 482.98 1204.81 488.759V515.951C1204.81 519.648 1203.25 525.218 1201.38 528.379C1201.38 528.379 1191.21 544.642 1191.21 549.806V556.343H1144.03V549.806C1144.03 544.642 1127.39 530.87 1127.39 530.87C1124.62 528.46 1121.27 523.662 1119.96 520.27L1111.69 498.87C1111.23 497.697 1111.43 496.365 1112.11 495.356C1112.34 495.012 1112.62 494.706 1112.96 494.457C1113.14 494.383 1113.32 494.313 1113.5 494.247ZM1111.9 494.947C1112.25 494.768 1112.6 494.604 1112.96 494.457C1113.11 494.342 1113.27 494.239 1113.45 494.15L1111.9 494.947ZM1108.26 487.871C1103.93 490.995 1102.21 496.792 1104.14 501.786L1112.41 523.185C1114.19 527.794 1118.31 533.692 1122.09 536.976L1122.16 537.039L1122.23 537.099L1122.23 537.1L1122.26 537.125L1122.38 537.225C1122.49 537.315 1122.66 537.454 1122.87 537.634C1123.29 537.996 1123.91 538.524 1124.65 539.176C1126.14 540.486 1128.1 542.263 1130.04 544.169C1132.02 546.111 1133.8 548.021 1135.03 549.616C1135.46 550.165 1135.75 550.593 1135.94 550.902V564.43H1199.29V549.944C1199.29 549.978 1199.3 549.995 1199.3 549.996C1199.33 550.001 1199.48 549.24 1200.24 547.434C1201.05 545.517 1202.19 543.251 1203.41 540.997C1204.61 538.768 1205.82 536.674 1206.74 535.13C1207.2 534.361 1207.58 533.736 1207.84 533.306C1207.97 533.092 1208.07 532.927 1208.14 532.818L1208.21 532.698L1208.23 532.666L1208.28 532.584L1208.33 532.499C1209.75 530.114 1210.84 527.211 1211.59 524.528C1212.33 521.85 1212.89 518.77 1212.89 515.951V488.677L1212.89 488.595C1212.68 477.913 1203.71 469.772 1193.25 469.772C1191.54 469.772 1189.87 470.089 1188.31 470.677C1184.92 468.043 1180.63 466.502 1176.1 466.502C1174.39 466.502 1172.72 466.819 1171.16 467.407C1168.08 465.017 1164.27 463.527 1160.21 463.271L1159.26 448.019C1158.76 439.93 1152 433.686 1144.03 433.686C1135.8 433.686 1129.2 440.342 1129.2 448.511V487.768C1123.25 484.804 1116.08 484.382 1109.78 487.019M1136.22 551.404C1136.22 551.403 1136.2 551.374 1136.18 551.318C1136.21 551.377 1136.22 551.405 1136.22 551.404ZM1108.26 487.871L1108.2 487.754L1109.75 486.958"></path>
21
+ </g>
22
+ <defs>
23
+
24
+
25
+
26
+ </defs>
27
+ </svg>
package/site/public/static/illustrations/components/checkbox/behaviours/validation.svg ADDED
@@ -0,0 +1,64 @@
1
+ <svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
2
+ <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
3
+ <path style="fill: var(--color-interactiveNegative030)" d="M512.398 395.904L502.595 414.645V426.001H498.666V414.645L488.82 395.904H493.182L500.609 411.147L508.036 395.904H512.398Z"></path>
4
+ <path style="fill: var(--color-interactiveNegative030)" d="M526.863 426.39C524.646 426.39 522.631 425.886 520.817 424.879C519.033 423.871 517.622 422.446 516.586 420.604C515.578 418.732 515.074 416.573 515.074 414.126C515.074 411.708 515.592 409.578 516.629 407.736C517.694 405.864 519.133 404.439 520.947 403.461C522.761 402.453 524.79 401.949 527.036 401.949C529.281 401.949 531.311 402.453 533.124 403.461C534.938 404.439 536.363 405.85 537.399 407.692C538.464 409.535 538.997 411.679 538.997 414.126C538.997 416.573 538.45 418.732 537.356 420.604C536.291 422.446 534.837 423.871 532.995 424.879C531.152 425.886 529.108 426.39 526.863 426.39ZM526.863 422.936C528.273 422.936 529.598 422.604 530.836 421.942C532.073 421.28 533.067 420.287 533.815 418.963C534.592 417.639 534.981 416.026 534.981 414.126C534.981 412.226 534.607 410.614 533.858 409.29C533.11 407.966 532.131 406.987 530.922 406.354C529.713 405.692 528.403 405.361 526.992 405.361C525.553 405.361 524.229 405.692 523.02 406.354C521.839 406.987 520.889 407.966 520.17 409.29C519.45 410.614 519.09 412.226 519.09 414.126C519.09 416.055 519.436 417.682 520.126 419.006C520.846 420.33 521.796 421.323 522.976 421.986C524.157 422.619 525.452 422.936 526.863 422.936Z"></path>
5
+ <path style="fill: var(--color-interactiveNegative030)" d="M565.15 402.338V426.001H561.22V422.504C560.472 423.713 559.421 424.663 558.068 425.354C556.744 426.016 555.276 426.347 553.664 426.347C551.821 426.347 550.166 425.973 548.698 425.224C547.229 424.447 546.064 423.295 545.2 421.77C544.365 420.244 543.948 418.387 543.948 416.199V402.338H547.834V415.681C547.834 418.013 548.424 419.812 549.604 421.079C550.785 422.317 552.397 422.936 554.441 422.936C556.542 422.936 558.198 422.288 559.407 420.992C560.616 419.697 561.22 417.811 561.22 415.336V402.338H565.15Z"></path>
6
+ <path style="fill: var(--color-interactiveNegative030)" d="M594.827 401.906C597.705 401.906 600.037 402.784 601.822 404.54C603.607 406.267 604.499 408.772 604.499 412.054V426.001H600.613V412.615C600.613 410.254 600.023 408.455 598.843 407.217C597.662 405.951 596.05 405.317 594.006 405.317C591.933 405.317 590.278 405.965 589.04 407.261C587.831 408.556 587.227 410.442 587.227 412.917V426.001H583.297V402.338H587.227V405.706C588.004 404.497 589.055 403.561 590.379 402.899C591.732 402.237 593.214 401.906 594.827 401.906Z"></path>
7
+ <path style="fill: var(--color-interactiveNegative030)" d="M632.509 413.263C632.509 414.011 632.466 414.803 632.38 415.638H613.466C613.61 417.97 614.402 419.798 615.841 421.122C617.309 422.417 619.08 423.065 621.152 423.065C622.851 423.065 624.261 422.676 625.384 421.899C626.536 421.093 627.342 420.028 627.802 418.704H632.034C631.401 420.978 630.134 422.835 628.234 424.274C626.334 425.685 623.974 426.39 621.152 426.39C618.907 426.39 616.892 425.886 615.107 424.879C613.351 423.871 611.969 422.446 610.961 420.604C609.954 418.732 609.45 416.573 609.45 414.126C609.45 411.679 609.939 409.535 610.918 407.692C611.897 405.85 613.264 404.439 615.021 403.461C616.805 402.453 618.849 401.949 621.152 401.949C623.398 401.949 625.384 402.439 627.111 403.417C628.839 404.396 630.163 405.749 631.084 407.476C632.034 409.175 632.509 411.104 632.509 413.263ZM628.45 412.442C628.45 410.945 628.119 409.664 627.457 408.599C626.795 407.505 625.888 406.685 624.736 406.138C623.614 405.562 622.361 405.274 620.98 405.274C618.993 405.274 617.295 405.907 615.884 407.174C614.502 408.441 613.711 410.197 613.509 412.442H628.45Z"></path>
8
+ <path style="fill: var(--color-interactiveNegative030)" d="M659.287 413.263C659.287 414.011 659.244 414.803 659.157 415.638H640.244C640.388 417.97 641.179 419.798 642.619 421.122C644.087 422.417 645.857 423.065 647.93 423.065C649.629 423.065 651.039 422.676 652.162 421.899C653.313 421.093 654.12 420.028 654.58 418.704H658.812C658.179 420.978 656.912 422.835 655.012 424.274C653.112 425.685 650.751 426.39 647.93 426.39C645.685 426.39 643.67 425.886 641.885 424.879C640.129 423.871 638.747 422.446 637.739 420.604C636.732 418.732 636.228 416.573 636.228 414.126C636.228 411.679 636.717 409.535 637.696 407.692C638.675 405.85 640.042 404.439 641.798 403.461C643.583 402.453 645.627 401.949 647.93 401.949C650.176 401.949 652.162 402.439 653.889 403.417C655.617 404.396 656.941 405.749 657.862 407.476C658.812 409.175 659.287 411.104 659.287 413.263ZM655.228 412.442C655.228 410.945 654.897 409.664 654.235 408.599C653.573 407.505 652.666 406.685 651.514 406.138C650.392 405.562 649.139 405.274 647.757 405.274C645.771 405.274 644.073 405.907 642.662 407.174C641.28 408.441 640.488 410.197 640.287 412.442H655.228Z"></path>
9
+ <path style="fill: var(--color-interactiveNegative030)" d="M663.006 414.083C663.006 411.665 663.495 409.549 664.474 407.736C665.453 405.893 666.791 404.468 668.49 403.461C670.217 402.453 672.146 401.949 674.276 401.949C676.119 401.949 677.831 402.381 679.415 403.245C680.998 404.079 682.207 405.188 683.042 406.57V394.047H687.015V426.001H683.042V421.554C682.265 422.964 681.113 424.13 679.587 425.051C678.062 425.944 676.277 426.39 674.233 426.39C672.131 426.39 670.217 425.872 668.49 424.836C666.791 423.799 665.453 422.345 664.474 420.474C663.495 418.603 663.006 416.473 663.006 414.083ZM683.042 414.126C683.042 412.342 682.682 410.787 681.962 409.463C681.243 408.139 680.264 407.131 679.026 406.44C677.817 405.72 676.478 405.361 675.01 405.361C673.542 405.361 672.203 405.706 670.994 406.397C669.785 407.088 668.821 408.095 668.101 409.42C667.381 410.744 667.022 412.298 667.022 414.083C667.022 415.897 667.381 417.48 668.101 418.833C668.821 420.157 669.785 421.179 670.994 421.899C672.203 422.59 673.542 422.936 675.01 422.936C676.478 422.936 677.817 422.59 679.026 421.899C680.264 421.179 681.243 420.157 681.962 418.833C682.682 417.48 683.042 415.911 683.042 414.126Z"></path>
10
+ <path style="fill: var(--color-interactiveNegative030)" d="M709.961 405.576V419.524C709.961 420.676 710.206 421.496 710.695 421.986C711.184 422.446 712.034 422.676 713.243 422.676H716.136V426.001H712.595C710.407 426.001 708.766 425.498 707.672 424.49C706.578 423.482 706.031 421.827 706.031 419.524V405.576H702.965V402.338H706.031V396.379H709.961V402.338H716.136V405.576H709.961Z"></path>
11
+ <path style="fill: var(--color-interactiveNegative030)" d="M731.217 426.39C729.001 426.39 726.986 425.886 725.172 424.879C723.387 423.871 721.977 422.446 720.94 420.604C719.933 418.732 719.429 416.573 719.429 414.126C719.429 411.708 719.947 409.578 720.983 407.736C722.048 405.864 723.488 404.439 725.302 403.461C727.115 402.453 729.145 401.949 731.39 401.949C733.636 401.949 735.665 402.453 737.479 403.461C739.292 404.439 740.717 405.85 741.754 407.692C742.819 409.535 743.352 411.679 743.352 414.126C743.352 416.573 742.805 418.732 741.711 420.604C740.645 422.446 739.192 423.871 737.349 424.879C735.507 425.886 733.463 426.39 731.217 426.39ZM731.217 422.936C732.628 422.936 733.952 422.604 735.19 421.942C736.428 421.28 737.421 420.287 738.17 418.963C738.947 417.639 739.336 416.026 739.336 414.126C739.336 412.226 738.961 410.614 738.213 409.29C737.464 407.966 736.486 406.987 735.277 406.354C734.067 405.692 732.758 405.361 731.347 405.361C729.908 405.361 728.583 405.692 727.374 406.354C726.194 406.987 725.244 407.966 724.524 409.29C723.805 410.614 723.445 412.226 723.445 414.126C723.445 416.055 723.79 417.682 724.481 419.006C725.201 420.33 726.151 421.323 727.331 421.986C728.511 422.619 729.807 422.936 731.217 422.936Z"></path>
12
+ <path style="fill: var(--color-interactiveNegative030)" d="M758.562 414.083C758.562 411.665 759.052 409.549 760.03 407.736C761.009 405.893 762.348 404.468 764.046 403.461C765.774 402.453 767.688 401.949 769.79 401.949C771.862 401.949 773.662 402.395 775.187 403.288C776.713 404.18 777.85 405.303 778.599 406.656V402.338H782.571V426.001H778.599V421.597C777.821 422.979 776.655 424.13 775.101 425.051C773.575 425.944 771.79 426.39 769.746 426.39C767.645 426.39 765.745 425.872 764.046 424.836C762.348 423.799 761.009 422.345 760.03 420.474C759.052 418.603 758.562 416.473 758.562 414.083ZM778.599 414.126C778.599 412.342 778.239 410.787 777.519 409.463C776.799 408.139 775.821 407.131 774.583 406.44C773.374 405.72 772.035 405.361 770.567 405.361C769.099 405.361 767.76 405.706 766.551 406.397C765.342 407.088 764.377 408.095 763.658 409.42C762.938 410.744 762.578 412.298 762.578 414.083C762.578 415.897 762.938 417.48 763.658 418.833C764.377 420.157 765.342 421.179 766.551 421.899C767.76 422.59 769.099 422.936 770.567 422.936C772.035 422.936 773.374 422.59 774.583 421.899C775.821 421.179 776.799 420.157 777.519 418.833C778.239 417.48 778.599 415.911 778.599 414.126Z"></path>
13
+ <path style="fill: var(--color-interactiveNegative030)" d="M787.744 414.126C787.744 411.679 788.233 409.549 789.212 407.736C790.191 405.893 791.544 404.468 793.271 403.461C795.027 402.453 797.028 401.949 799.273 401.949C802.181 401.949 804.57 402.654 806.441 404.065C808.341 405.476 809.594 407.433 810.198 409.938H805.966C805.563 408.498 804.772 407.361 803.591 406.526C802.44 405.692 801.001 405.274 799.273 405.274C797.028 405.274 795.214 406.051 793.832 407.606C792.451 409.132 791.76 411.305 791.76 414.126C791.76 416.976 792.451 419.179 793.832 420.733C795.214 422.288 797.028 423.065 799.273 423.065C801.001 423.065 802.44 422.662 803.591 421.856C804.743 421.05 805.535 419.898 805.966 418.401H810.198C809.565 420.82 808.298 422.763 806.398 424.231C804.498 425.67 802.123 426.39 799.273 426.39C797.028 426.39 795.027 425.886 793.271 424.879C791.544 423.871 790.191 422.446 789.212 420.604C788.233 418.761 787.744 416.602 787.744 414.126Z"></path>
14
+ <path style="fill: var(--color-interactiveNegative030)" d="M813.973 414.126C813.973 411.679 814.463 409.549 815.442 407.736C816.42 405.893 817.773 404.468 819.501 403.461C821.257 402.453 823.257 401.949 825.503 401.949C828.41 401.949 830.8 402.654 832.671 404.065C834.571 405.476 835.823 407.433 836.428 409.938H832.196C831.793 408.498 831.001 407.361 829.821 406.526C828.67 405.692 827.23 405.274 825.503 405.274C823.257 405.274 821.444 406.051 820.062 407.606C818.68 409.132 817.989 411.305 817.989 414.126C817.989 416.976 818.68 419.179 820.062 420.733C821.444 422.288 823.257 423.065 825.503 423.065C827.23 423.065 828.67 422.662 829.821 421.856C830.973 421.05 831.764 419.898 832.196 418.401H836.428C835.795 420.82 834.528 422.763 832.628 424.231C830.728 425.67 828.353 426.39 825.503 426.39C823.257 426.39 821.257 425.886 819.501 424.879C817.773 423.871 816.42 422.446 815.442 420.604C814.463 418.761 813.973 416.602 813.973 414.126Z"></path>
15
+ <path style="fill: var(--color-interactiveNegative030)" d="M863.262 413.263C863.262 414.011 863.219 414.803 863.132 415.638H844.219C844.363 417.97 845.154 419.798 846.594 421.122C848.062 422.417 849.832 423.065 851.905 423.065C853.604 423.065 855.014 422.676 856.137 421.899C857.289 421.093 858.095 420.028 858.555 418.704H862.787C862.154 420.978 860.887 422.835 858.987 424.274C857.087 425.685 854.726 426.39 851.905 426.39C849.66 426.39 847.645 425.886 845.86 424.879C844.104 423.871 842.722 422.446 841.714 420.604C840.707 418.732 840.203 416.573 840.203 414.126C840.203 411.679 840.692 409.535 841.671 407.692C842.65 405.85 844.017 404.439 845.773 403.461C847.558 402.453 849.602 401.949 851.905 401.949C854.151 401.949 856.137 402.439 857.864 403.417C859.592 404.396 860.916 405.749 861.837 407.476C862.787 409.175 863.262 411.104 863.262 413.263ZM859.203 412.442C859.203 410.945 858.872 409.664 858.21 408.599C857.548 407.505 856.641 406.685 855.489 406.138C854.367 405.562 853.114 405.274 851.732 405.274C849.746 405.274 848.048 405.907 846.637 407.174C845.255 408.441 844.464 410.197 844.262 412.442H859.203Z"></path>
16
+ <path style="fill: var(--color-interactiveNegative030)" d="M872.378 406.699C873.156 405.346 874.307 404.223 875.833 403.331C877.388 402.41 879.187 401.949 881.231 401.949C883.332 401.949 885.232 402.453 886.931 403.461C888.658 404.468 890.011 405.893 890.99 407.736C891.969 409.549 892.458 411.665 892.458 414.083C892.458 416.473 891.969 418.603 890.99 420.474C890.011 422.345 888.658 423.799 886.931 424.836C885.232 425.872 883.332 426.39 881.231 426.39C879.216 426.39 877.431 425.944 875.876 425.051C874.35 424.13 873.184 422.993 872.378 421.64V437.229H868.449V402.338H872.378V406.699ZM888.442 414.083C888.442 412.298 888.082 410.744 887.363 409.42C886.643 408.095 885.664 407.088 884.426 406.397C883.217 405.706 881.878 405.361 880.41 405.361C878.971 405.361 877.632 405.72 876.394 406.44C875.185 407.131 874.206 408.153 873.458 409.506C872.738 410.83 872.378 412.37 872.378 414.126C872.378 415.911 872.738 417.48 873.458 418.833C874.206 420.157 875.185 421.179 876.394 421.899C877.632 422.59 878.971 422.936 880.41 422.936C881.878 422.936 883.217 422.59 884.426 421.899C885.664 421.179 886.643 420.157 887.363 418.833C888.082 417.48 888.442 415.897 888.442 414.083Z"></path>
17
+ <path style="fill: var(--color-interactiveNegative030)" d="M902.424 405.576V419.524C902.424 420.676 902.668 421.496 903.158 421.986C903.647 422.446 904.496 422.676 905.705 422.676H908.599V426.001H905.058C902.87 426.001 901.229 425.498 900.135 424.49C899.041 423.482 898.494 421.827 898.494 419.524V405.576H895.428V402.338H898.494V396.379H902.424V402.338H908.599V405.576H902.424Z"></path>
18
+ <path style="fill: var(--color-interactiveNegative030)" d="M929.665 405.576V419.524C929.665 420.676 929.91 421.496 930.399 421.986C930.889 422.446 931.738 422.676 932.947 422.676H935.84V426.001H932.299C930.111 426.001 928.47 425.498 927.377 424.49C926.283 423.482 925.736 421.827 925.736 419.524V405.576H922.67V402.338H925.736V396.379H929.665V402.338H935.84V405.576H929.665Z"></path>
19
+ <path style="fill: var(--color-interactiveNegative030)" d="M952.347 401.906C954.132 401.906 955.744 402.295 957.183 403.072C958.623 403.82 959.745 404.957 960.551 406.483C961.386 408.009 961.804 409.866 961.804 412.054V426.001H957.917V412.615C957.917 410.254 957.327 408.455 956.147 407.217C954.966 405.951 953.354 405.317 951.31 405.317C949.238 405.317 947.582 405.965 946.344 407.261C945.135 408.556 944.531 410.442 944.531 412.917V426.001H940.601V394.047H944.531V405.706C945.308 404.497 946.373 403.561 947.726 402.899C949.108 402.237 950.648 401.906 952.347 401.906Z"></path>
20
+ <path style="fill: var(--color-interactiveNegative030)" d="M989.813 413.263C989.813 414.011 989.77 414.803 989.684 415.638H970.77C970.914 417.97 971.706 419.798 973.145 421.122C974.613 422.417 976.384 423.065 978.457 423.065C980.155 423.065 981.566 422.676 982.688 421.899C983.84 421.093 984.646 420.028 985.107 418.704H989.338C988.705 420.978 987.438 422.835 985.538 424.274C983.638 425.685 981.278 426.39 978.457 426.39C976.211 426.39 974.196 425.886 972.411 424.879C970.655 423.871 969.273 422.446 968.266 420.604C967.258 418.732 966.754 416.573 966.754 414.126C966.754 411.679 967.244 409.535 968.223 407.692C969.201 405.85 970.569 404.439 972.325 403.461C974.11 402.453 976.154 401.949 978.457 401.949C980.702 401.949 982.688 402.439 984.416 403.417C986.143 404.396 987.467 405.749 988.388 407.476C989.338 409.175 989.813 411.104 989.813 413.263ZM985.754 412.442C985.754 410.945 985.423 409.664 984.761 408.599C984.099 407.505 983.192 406.685 982.041 406.138C980.918 405.562 979.666 405.274 978.284 405.274C976.297 405.274 974.599 405.907 973.188 407.174C971.807 408.441 971.015 410.197 970.813 412.442H985.754Z"></path>
21
+ <path style="fill: var(--color-interactiveNegative030)" d="M496.118 466.576V480.524C496.118 481.676 496.363 482.496 496.852 482.986C497.342 483.446 498.191 483.676 499.4 483.676H502.293V487.001H498.752C496.564 487.001 494.923 486.498 493.829 485.49C492.735 484.482 492.188 482.827 492.188 480.524V466.576H489.123V463.338H492.188V457.379H496.118V463.338H502.293V466.576H496.118Z"></path>
22
+ <path style="fill: var(--color-interactiveNegative030)" d="M528.645 474.263C528.645 475.011 528.602 475.803 528.516 476.638H509.602C509.746 478.97 510.538 480.798 511.977 482.122C513.445 483.417 515.216 484.065 517.288 484.065C518.987 484.065 520.397 483.676 521.52 482.899C522.672 482.093 523.478 481.028 523.938 479.704H528.17C527.537 481.978 526.27 483.835 524.37 485.274C522.47 486.685 520.109 487.39 517.288 487.39C515.043 487.39 513.028 486.886 511.243 485.879C509.487 484.871 508.105 483.446 507.097 481.604C506.09 479.732 505.586 477.573 505.586 475.126C505.586 472.679 506.075 470.535 507.054 468.692C508.033 466.85 509.4 465.439 511.156 464.461C512.941 463.453 514.985 462.949 517.288 462.949C519.534 462.949 521.52 463.439 523.247 464.417C524.975 465.396 526.299 466.749 527.22 468.476C528.17 470.175 528.645 472.104 528.645 474.263ZM524.586 473.442C524.586 471.945 524.255 470.664 523.593 469.599C522.931 468.505 522.024 467.685 520.872 467.138C519.75 466.562 518.497 466.274 517.116 466.274C515.129 466.274 513.431 466.907 512.02 468.174C510.638 469.441 509.847 471.197 509.645 473.442H524.586Z"></path>
23
+ <path style="fill: var(--color-interactiveNegative030)" d="M537.762 467.181C538.452 465.828 539.431 464.777 540.698 464.029C541.993 463.28 543.562 462.906 545.405 462.906V466.965H544.368C539.964 466.965 537.762 469.354 537.762 474.133V487.001H533.832V463.338H537.762V467.181Z"></path>
24
+ <path style="fill: var(--color-interactiveNegative030)" d="M578.398 462.906C580.24 462.906 581.881 463.295 583.32 464.072C584.76 464.82 585.897 465.957 586.732 467.483C587.567 469.009 587.984 470.866 587.984 473.054V487.001H584.098V473.615C584.098 471.254 583.507 469.455 582.327 468.217C581.176 466.951 579.607 466.317 577.62 466.317C575.576 466.317 573.95 466.979 572.741 468.304C571.532 469.599 570.927 471.485 570.927 473.961V487.001H567.041V473.615C567.041 471.254 566.451 469.455 565.27 468.217C564.119 466.951 562.55 466.317 560.564 466.317C558.52 466.317 556.893 466.979 555.684 468.304C554.475 469.599 553.87 471.485 553.87 473.961V487.001H549.941V463.338H553.87V466.749C554.648 465.511 555.684 464.561 556.979 463.899C558.304 463.237 559.757 462.906 561.341 462.906C563.327 462.906 565.083 463.352 566.609 464.245C568.135 465.137 569.272 466.447 570.02 468.174C570.682 466.504 571.776 465.209 573.302 464.288C574.828 463.367 576.526 462.906 578.398 462.906Z"></path>
25
+ <path style="fill: var(--color-interactiveNegative030)" d="M602.807 487.39C600.994 487.39 599.367 487.088 597.928 486.483C596.488 485.85 595.351 484.986 594.516 483.892C593.681 482.77 593.221 481.489 593.134 480.049H597.194C597.309 481.229 597.856 482.194 598.834 482.942C599.842 483.691 601.152 484.065 602.764 484.065C604.261 484.065 605.441 483.734 606.305 483.072C607.169 482.41 607.6 481.575 607.6 480.567C607.6 479.531 607.14 478.768 606.219 478.279C605.297 477.761 603.872 477.257 601.944 476.767C600.187 476.307 598.748 475.846 597.625 475.386C596.531 474.896 595.581 474.191 594.775 473.27C593.998 472.32 593.609 471.082 593.609 469.556C593.609 468.347 593.969 467.239 594.689 466.231C595.409 465.223 596.431 464.432 597.755 463.856C599.079 463.251 600.59 462.949 602.289 462.949C604.909 462.949 607.025 463.611 608.637 464.936C610.249 466.26 611.112 468.073 611.228 470.376H607.298C607.212 469.139 606.708 468.145 605.787 467.397C604.894 466.648 603.685 466.274 602.159 466.274C600.749 466.274 599.626 466.576 598.791 467.181C597.956 467.786 597.539 468.577 597.539 469.556C597.539 470.333 597.784 470.981 598.273 471.499C598.791 471.989 599.425 472.392 600.173 472.708C600.95 472.996 602.015 473.327 603.369 473.701C605.067 474.162 606.449 474.623 607.514 475.083C608.579 475.515 609.486 476.177 610.234 477.07C611.012 477.962 611.415 479.128 611.444 480.567C611.444 481.863 611.084 483.029 610.364 484.065C609.644 485.101 608.622 485.922 607.298 486.526C606.003 487.102 604.506 487.39 602.807 487.39Z"></path>
26
+ <path style="fill: var(--color-interactiveNegative030)" d="M651.605 487.001L647.676 483.029C646.208 484.554 644.639 485.692 642.969 486.44C641.299 487.16 639.414 487.52 637.312 487.52C635.239 487.52 633.397 487.145 631.785 486.397C630.202 485.648 628.964 484.583 628.071 483.201C627.208 481.82 626.776 480.207 626.776 478.365C626.776 476.264 627.366 474.421 628.546 472.838C629.755 471.226 631.526 469.959 633.858 469.038C632.936 467.944 632.274 466.936 631.871 466.015C631.468 465.094 631.267 464.086 631.267 462.992C631.267 461.726 631.583 460.589 632.217 459.581C632.879 458.545 633.814 457.739 635.023 457.163C636.233 456.587 637.629 456.299 639.212 456.299C640.767 456.299 642.12 456.601 643.271 457.206C644.423 457.811 645.286 458.66 645.862 459.754C646.438 460.819 646.697 462.014 646.639 463.338H642.71C642.739 462.157 642.408 461.236 641.717 460.574C641.026 459.883 640.133 459.538 639.039 459.538C637.888 459.538 636.952 459.869 636.233 460.531C635.542 461.164 635.196 461.985 635.196 462.992C635.196 463.856 635.427 464.691 635.887 465.497C636.377 466.303 637.183 467.296 638.305 468.476L647.287 477.501L648.064 476.292L651.001 471.37H655.233L651.692 477.501C651.202 478.365 650.627 479.272 649.964 480.222L656.744 487.001H651.605ZM637.312 484.151C638.867 484.151 640.263 483.849 641.501 483.245C642.767 482.64 643.962 481.704 645.085 480.438L636.233 471.542C632.548 472.953 630.705 475.184 630.705 478.236C630.705 479.934 631.31 481.345 632.519 482.467C633.757 483.59 635.355 484.151 637.312 484.151Z"></path>
27
+ <path style="fill: var(--color-interactiveNegative030)" d="M670.47 475.126C670.47 472.679 670.959 470.549 671.938 468.736C672.917 466.893 674.27 465.468 675.997 464.461C677.753 463.453 679.754 462.949 681.999 462.949C684.907 462.949 687.296 463.654 689.167 465.065C691.067 466.476 692.32 468.433 692.924 470.938H688.692C688.289 469.498 687.498 468.361 686.317 467.526C685.166 466.692 683.727 466.274 681.999 466.274C679.754 466.274 677.94 467.051 676.558 468.606C675.177 470.132 674.486 472.305 674.486 475.126C674.486 477.976 675.177 480.179 676.558 481.733C677.94 483.288 679.754 484.065 681.999 484.065C683.727 484.065 685.166 483.662 686.317 482.856C687.469 482.05 688.261 480.898 688.692 479.401H692.924C692.291 481.82 691.024 483.763 689.124 485.231C687.224 486.67 684.849 487.39 681.999 487.39C679.754 487.39 677.753 486.886 675.997 485.879C674.27 484.871 672.917 483.446 671.938 481.604C670.959 479.761 670.47 477.602 670.47 475.126Z"></path>
28
+ <path style="fill: var(--color-interactiveNegative030)" d="M708.488 487.39C706.271 487.39 704.256 486.886 702.442 485.879C700.658 484.871 699.247 483.446 698.211 481.604C697.203 479.732 696.699 477.573 696.699 475.126C696.699 472.708 697.217 470.578 698.254 468.736C699.319 466.864 700.758 465.439 702.572 464.461C704.386 463.453 706.415 462.949 708.661 462.949C710.906 462.949 712.936 463.453 714.749 464.461C716.563 465.439 717.988 466.85 719.024 468.692C720.089 470.535 720.622 472.679 720.622 475.126C720.622 477.573 720.075 479.732 718.981 481.604C717.916 483.446 716.462 484.871 714.62 485.879C712.777 486.886 710.733 487.39 708.488 487.39ZM708.488 483.936C709.899 483.936 711.223 483.604 712.461 482.942C713.699 482.28 714.692 481.287 715.44 479.963C716.217 478.639 716.606 477.026 716.606 475.126C716.606 473.226 716.232 471.614 715.483 470.29C714.735 468.966 713.756 467.987 712.547 467.354C711.338 466.692 710.028 466.361 708.617 466.361C707.178 466.361 705.854 466.692 704.645 467.354C703.464 467.987 702.514 468.966 701.795 470.29C701.075 471.614 700.715 473.226 700.715 475.126C700.715 477.055 701.061 478.682 701.752 480.006C702.471 481.33 703.421 482.323 704.602 482.986C705.782 483.619 707.077 483.936 708.488 483.936Z"></path>
29
+ <path style="fill: var(--color-interactiveNegative030)" d="M737.318 462.906C740.197 462.906 742.529 463.784 744.314 465.54C746.098 467.267 746.991 469.772 746.991 473.054V487.001H743.105V473.615C743.105 471.254 742.514 469.455 741.334 468.217C740.154 466.951 738.542 466.317 736.498 466.317C734.425 466.317 732.77 466.965 731.532 468.261C730.323 469.556 729.718 471.442 729.718 473.917V487.001H725.789V463.338H729.718V466.706C730.495 465.497 731.546 464.561 732.87 463.899C734.223 463.237 735.706 462.906 737.318 462.906Z"></path>
30
+ <path style="fill: var(--color-interactiveNegative030)" d="M751.942 475.083C751.942 472.665 752.431 470.549 753.41 468.736C754.389 466.893 755.727 465.468 757.426 464.461C759.153 463.453 761.082 462.949 763.212 462.949C765.055 462.949 766.767 463.381 768.351 464.245C769.934 465.079 771.143 466.188 771.978 467.57V455.047H775.951V487.001H771.978V482.554C771.201 483.964 770.049 485.13 768.523 486.051C766.998 486.944 765.213 487.39 763.169 487.39C761.067 487.39 759.153 486.872 757.426 485.836C755.727 484.799 754.389 483.345 753.41 481.474C752.431 479.603 751.942 477.473 751.942 475.083ZM771.978 475.126C771.978 473.342 771.618 471.787 770.898 470.463C770.179 469.139 769.2 468.131 767.962 467.44C766.753 466.72 765.414 466.361 763.946 466.361C762.478 466.361 761.139 466.706 759.93 467.397C758.721 468.088 757.757 469.095 757.037 470.42C756.317 471.744 755.958 473.298 755.958 475.083C755.958 476.897 756.317 478.48 757.037 479.833C757.757 481.157 758.721 482.179 759.93 482.899C761.139 483.59 762.478 483.936 763.946 483.936C765.414 483.936 766.753 483.59 767.962 482.899C769.2 482.179 770.179 481.157 770.898 479.833C771.618 478.48 771.978 476.911 771.978 475.126Z"></path>
31
+ <path style="fill: var(--color-interactiveNegative030)" d="M784.621 459.495C783.872 459.495 783.239 459.236 782.721 458.717C782.203 458.199 781.944 457.566 781.944 456.817C781.944 456.069 782.203 455.436 782.721 454.917C783.239 454.399 783.872 454.14 784.621 454.14C785.341 454.14 785.945 454.399 786.434 454.917C786.953 455.436 787.212 456.069 787.212 456.817C787.212 457.566 786.953 458.199 786.434 458.717C785.945 459.236 785.341 459.495 784.621 459.495ZM786.521 463.338V487.001H782.591V463.338H786.521Z"></path>
32
+ <path style="fill: var(--color-interactiveNegative030)" d="M798.011 466.576V480.524C798.011 481.676 798.256 482.496 798.745 482.986C799.235 483.446 800.084 483.676 801.293 483.676H804.186V487.001H800.645C798.457 487.001 796.817 486.498 795.723 485.49C794.629 484.482 794.082 482.827 794.082 480.524V466.576H791.016V463.338H794.082V457.379H798.011V463.338H804.186V466.576H798.011Z"></path>
33
+ <path style="fill: var(--color-interactiveNegative030)" d="M810.977 459.495C810.228 459.495 809.595 459.236 809.077 458.717C808.559 458.199 808.3 457.566 808.3 456.817C808.3 456.069 808.559 455.436 809.077 454.917C809.595 454.399 810.228 454.14 810.977 454.14C811.697 454.14 812.301 454.399 812.791 454.917C813.309 455.436 813.568 456.069 813.568 456.817C813.568 457.566 813.309 458.199 812.791 458.717C812.301 459.236 811.697 459.495 810.977 459.495ZM812.877 463.338V487.001H808.947V463.338H812.877Z"></path>
34
+ <path style="fill: var(--color-interactiveNegative030)" d="M829.895 487.39C827.678 487.39 825.663 486.886 823.849 485.879C822.064 484.871 820.654 483.446 819.617 481.604C818.61 479.732 818.106 477.573 818.106 475.126C818.106 472.708 818.624 470.578 819.661 468.736C820.726 466.864 822.165 465.439 823.979 464.461C825.792 463.453 827.822 462.949 830.067 462.949C832.313 462.949 834.342 463.453 836.156 464.461C837.97 465.439 839.395 466.85 840.431 468.692C841.496 470.535 842.029 472.679 842.029 475.126C842.029 477.573 841.482 479.732 840.388 481.604C839.323 483.446 837.869 484.871 836.026 485.879C834.184 486.886 832.14 487.39 829.895 487.39ZM829.895 483.936C831.305 483.936 832.629 483.604 833.867 482.942C835.105 482.28 836.098 481.287 836.847 479.963C837.624 478.639 838.013 477.026 838.013 475.126C838.013 473.226 837.639 471.614 836.89 470.29C836.142 468.966 835.163 467.987 833.954 467.354C832.745 466.692 831.435 466.361 830.024 466.361C828.585 466.361 827.261 466.692 826.051 467.354C824.871 467.987 823.921 468.966 823.201 470.29C822.482 471.614 822.122 473.226 822.122 475.126C822.122 477.055 822.467 478.682 823.158 480.006C823.878 481.33 824.828 482.323 826.008 482.986C827.189 483.619 828.484 483.936 829.895 483.936Z"></path>
35
+ <path style="fill: var(--color-interactiveNegative030)" d="M858.725 462.906C861.604 462.906 863.935 463.784 865.72 465.54C867.505 467.267 868.398 469.772 868.398 473.054V487.001H864.511V473.615C864.511 471.254 863.921 469.455 862.741 468.217C861.56 466.951 859.948 466.317 857.904 466.317C855.832 466.317 854.176 466.965 852.939 468.261C851.729 469.556 851.125 471.442 851.125 473.917V487.001H847.195V463.338H851.125V466.706C851.902 465.497 852.953 464.561 854.277 463.899C855.63 463.237 857.113 462.906 858.725 462.906Z"></path>
36
+ <path style="fill: var(--color-interactiveNegative030)" d="M883.194 487.39C881.38 487.39 879.754 487.088 878.314 486.483C876.875 485.85 875.738 484.986 874.903 483.892C874.068 482.77 873.607 481.489 873.521 480.049H877.58C877.695 481.229 878.242 482.194 879.221 482.942C880.229 483.691 881.538 484.065 883.151 484.065C884.648 484.065 885.828 483.734 886.692 483.072C887.555 482.41 887.987 481.575 887.987 480.567C887.987 479.531 887.526 478.768 886.605 478.279C885.684 477.761 884.259 477.257 882.33 476.767C880.574 476.307 879.135 475.846 878.012 475.386C876.918 474.896 875.968 474.191 875.162 473.27C874.385 472.32 873.996 471.082 873.996 469.556C873.996 468.347 874.356 467.239 875.076 466.231C875.795 465.223 876.817 464.432 878.142 463.856C879.466 463.251 880.977 462.949 882.676 462.949C885.295 462.949 887.411 463.611 889.023 464.936C890.635 466.26 891.499 468.073 891.614 470.376H887.685C887.598 469.139 887.095 468.145 886.173 467.397C885.281 466.648 884.072 466.274 882.546 466.274C881.135 466.274 880.013 466.576 879.178 467.181C878.343 467.786 877.926 468.577 877.926 469.556C877.926 470.333 878.17 470.981 878.66 471.499C879.178 471.989 879.811 472.392 880.56 472.708C881.337 472.996 882.402 473.327 883.755 473.701C885.454 474.162 886.835 474.623 887.901 475.083C888.966 475.515 889.873 476.177 890.621 477.07C891.398 477.962 891.801 479.128 891.83 480.567C891.83 481.863 891.47 483.029 890.751 484.065C890.031 485.101 889.009 485.922 887.685 486.526C886.389 487.102 884.892 487.39 883.194 487.39Z"></path>
37
+ <path style="fill: var(--color-illustrationHighlight010)" d="M799 586.333C799 582.836 801.836 580 805.333 580H995.005C998.503 580 1001.34 582.836 1001.34 586.333V669.667C1001.34 673.164 998.503 676 995.005 676H805.333C801.836 676 799 673.164 799 669.667V586.333Z"></path>
38
+ <path style="fill: var(--color-interface010)" d="M852.577 639.684C851.095 639.684 849.762 639.43 848.576 638.922C847.391 638.393 846.459 637.652 845.782 636.7C845.104 635.747 844.766 634.636 844.766 633.365H848.64C848.724 634.318 849.095 635.101 849.751 635.715C850.428 636.329 851.37 636.636 852.577 636.636C853.826 636.636 854.8 636.34 855.498 635.747C856.197 635.133 856.546 634.35 856.546 633.397C856.546 632.656 856.324 632.053 855.879 631.587C855.456 631.122 854.916 630.762 854.26 630.508C853.625 630.254 852.736 629.978 851.593 629.682C850.153 629.301 848.978 628.92 848.068 628.539C847.179 628.137 846.417 627.523 845.782 626.697C845.147 625.872 844.829 624.771 844.829 623.395C844.829 622.125 845.147 621.013 845.782 620.061C846.417 619.108 847.306 618.378 848.449 617.87C849.592 617.362 850.915 617.107 852.418 617.107C854.556 617.107 856.303 617.647 857.658 618.727C859.034 619.785 859.796 621.246 859.944 623.109H855.943C855.879 622.305 855.498 621.617 854.8 621.045C854.101 620.473 853.18 620.188 852.037 620.188C851 620.188 850.153 620.452 849.497 620.981C848.841 621.511 848.513 622.273 848.513 623.268C848.513 623.945 848.714 624.506 849.116 624.951C849.539 625.374 850.069 625.713 850.704 625.967C851.339 626.221 852.207 626.496 853.307 626.792C854.768 627.195 855.954 627.597 856.864 627.999C857.795 628.401 858.579 629.026 859.214 629.873C859.87 630.698 860.198 631.81 860.198 633.207C860.198 634.329 859.891 635.387 859.277 636.382C858.684 637.377 857.806 638.181 856.642 638.795C855.498 639.388 854.144 639.684 852.577 639.684Z"></path>
39
+ <path style="fill: var(--color-interface010)" d="M880.315 621.966V639.462H876.695V637.398C876.123 638.118 875.372 638.69 874.44 639.113C873.53 639.515 872.556 639.716 871.519 639.716C870.143 639.716 868.904 639.43 867.804 638.859C866.724 638.287 865.867 637.441 865.231 636.319C864.618 635.197 864.311 633.842 864.311 632.254V621.966H867.899V631.714C867.899 633.281 868.29 634.487 869.074 635.334C869.857 636.16 870.926 636.573 872.281 636.573C873.636 636.573 874.705 636.16 875.488 635.334C876.292 634.487 876.695 633.281 876.695 631.714V621.966H880.315Z"></path>
40
+ <path style="fill: var(--color-interface010)" d="M888.711 624.57C889.325 623.723 890.161 623.035 891.219 622.506C892.299 621.955 893.495 621.68 894.807 621.68C896.353 621.68 897.75 622.05 898.999 622.791C900.248 623.532 901.232 624.591 901.952 625.967C902.672 627.322 903.032 628.878 903.032 630.635C903.032 632.392 902.672 633.969 901.952 635.366C901.232 636.742 900.237 637.822 898.967 638.605C897.718 639.367 896.332 639.748 894.807 639.748C893.453 639.748 892.246 639.483 891.188 638.954C890.15 638.425 889.325 637.747 888.711 636.922V639.462H885.091V615.964H888.711V624.57ZM899.348 630.635C899.348 629.428 899.094 628.391 898.586 627.523C898.099 626.634 897.443 625.967 896.617 625.522C895.813 625.057 894.945 624.824 894.014 624.824C893.103 624.824 892.235 625.057 891.41 625.522C890.605 625.988 889.949 626.665 889.441 627.554C888.954 628.444 888.711 629.491 888.711 630.698C888.711 631.905 888.954 632.963 889.441 633.874C889.949 634.763 890.605 635.44 891.41 635.906C892.235 636.371 893.103 636.604 894.014 636.604C894.945 636.604 895.813 636.371 896.617 635.906C897.443 635.419 898.099 634.72 898.586 633.81C899.094 632.9 899.348 631.841 899.348 630.635Z"></path>
41
+ <path style="fill: var(--color-interface010)" d="M927.791 621.68C929.167 621.68 930.395 621.966 931.475 622.537C932.576 623.109 933.433 623.956 934.047 625.078C934.682 626.2 934.999 627.554 934.999 629.142V639.462H931.411V629.682C931.411 628.115 931.02 626.919 930.236 626.094C929.453 625.247 928.384 624.824 927.029 624.824C925.674 624.824 924.595 625.247 923.79 626.094C923.007 626.919 922.615 628.115 922.615 629.682V639.462H919.027V629.682C919.027 628.115 918.636 626.919 917.852 626.094C917.069 625.247 916 624.824 914.645 624.824C913.29 624.824 912.211 625.247 911.406 626.094C910.623 626.919 910.231 628.115 910.231 629.682V639.462H906.611V621.966H910.231V623.966C910.824 623.247 911.576 622.686 912.486 622.283C913.396 621.881 914.37 621.68 915.407 621.68C916.804 621.68 918.053 621.976 919.154 622.569C920.255 623.162 921.102 624.019 921.695 625.141C922.224 624.083 923.049 623.247 924.171 622.633C925.293 621.998 926.5 621.68 927.791 621.68Z"></path>
42
+ <path style="fill: var(--color-interface010)" d="M941.447 619.648C940.791 619.648 940.241 619.426 939.796 618.981C939.352 618.536 939.129 617.986 939.129 617.33C939.129 616.674 939.352 616.123 939.796 615.679C940.241 615.234 940.791 615.012 941.447 615.012C942.082 615.012 942.622 615.234 943.067 615.679C943.511 616.123 943.734 616.674 943.734 617.33C943.734 617.986 943.511 618.536 943.067 618.981C942.622 619.426 942.082 619.648 941.447 619.648ZM943.226 621.966V639.462H939.606V621.966H943.226Z"></path>
43
+ <path style="fill: var(--color-interface010)" d="M952.202 624.919V634.604C952.202 635.26 952.35 635.736 952.646 636.033C952.964 636.308 953.493 636.446 954.234 636.446H956.457V639.462H953.599C951.969 639.462 950.72 639.081 949.852 638.319C948.984 637.557 948.55 636.319 948.55 634.604V624.919H946.486V621.966H948.55V617.616H952.202V621.966H956.457V624.919H952.202Z"></path>
44
+ <g>
45
+ <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M914.233 690L910.188 683.819C907.426 679.599 901.543 678.059 897.042 680.373L898.091 679.834C896.974 680.408 896.439 681.839 896.898 683.029L902.498 697.516C903.386 699.813 905.653 703.061 907.531 704.693C907.531 704.693 918.796 714.016 918.796 717.512V721.938H937.046H942.036H946.171H950.733V717.512C950.733 714.016 957.617 703.006 957.617 703.006C958.885 700.866 959.941 697.096 959.941 694.593V676.184C959.858 672.108 956.394 668.805 952.119 668.805C949.98 668.805 948.248 670.457 948.248 672.496V673.97C948.248 669.894 944.784 666.591 940.509 666.591C938.37 666.591 936.638 668.243 936.638 670.282V671.756C936.638 667.68 933.174 664.377 928.899 664.377C926.76 664.377 925.028 666.029 925.028 668.068V669.542C925.028 668.887 924.958 668.367 924.823 667.954L923.642 648.943C923.482 646.372 921.316 644.375 918.796 644.375C916.258 644.375 914.233 646.417 914.233 648.937V667.188V690Z"></path>
46
+ <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M898.122 679.897C901.744 678.571 905.98 679.489 908.755 682.111C909.292 682.617 909.773 683.187 910.185 683.817L914.23 689.997V648.934C914.23 646.415 916.256 644.372 918.793 644.372C921.313 644.372 923.479 646.37 923.639 648.941L924.82 667.951C924.832 667.989 924.844 668.026 924.855 668.065C924.967 668.459 925.025 668.944 925.025 669.54V668.065C925.025 668.023 925.026 667.981 925.027 667.939C925.028 667.92 925.029 667.901 925.03 667.883C925.13 665.929 926.822 664.375 928.896 664.375C929.301 664.375 929.7 664.405 930.089 664.462C931.005 664.597 931.868 664.885 932.649 665.299C934.594 666.329 936.025 668.135 936.481 670.279C936.582 670.756 936.635 671.249 936.635 671.754V670.279C936.635 668.24 938.367 666.589 940.506 666.589C940.678 666.589 940.848 666.594 941.018 666.605C942.188 666.677 943.288 666.998 944.259 667.513C946.204 668.543 947.635 670.349 948.091 672.493C948.192 672.969 948.245 673.463 948.245 673.967V672.493C948.245 670.454 949.978 668.803 952.116 668.803C952.288 668.803 952.459 668.808 952.628 668.818C956.664 669.069 959.859 672.27 959.938 676.181V694.59C959.938 697.093 958.882 700.863 957.615 703.004C957.615 703.004 950.73 714.014 950.73 717.509V721.935H918.793V717.509C918.793 714.014 907.528 704.69 907.528 704.69C905.65 703.059 903.383 699.81 902.495 697.514L896.896 683.027C896.589 682.232 896.725 681.331 897.182 680.648C897.338 680.415 897.531 680.208 897.757 680.039C897.878 679.989 897.999 679.941 898.122 679.897ZM897.039 680.37C897.275 680.249 897.514 680.139 897.757 680.039C897.861 679.961 897.971 679.891 898.088 679.831L897.039 680.37ZM894.577 675.58C891.646 677.696 890.482 681.62 891.789 685L897.388 699.488C898.594 702.608 901.378 706.6 903.938 708.824L903.987 708.866L904.036 708.907L904.037 708.908L904.057 708.924L904.138 708.992C904.212 709.054 904.323 709.147 904.467 709.27C904.755 709.514 905.171 709.872 905.673 710.313C906.682 711.2 908.01 712.403 909.323 713.694C910.66 715.008 911.867 716.301 912.702 717.381C912.989 717.752 913.188 718.042 913.318 718.251V727.41H956.205V717.603C956.206 717.626 956.207 717.638 956.21 717.638C956.229 717.641 956.329 717.127 956.848 715.903C957.397 714.606 958.167 713.072 958.991 711.546C959.805 710.037 960.626 708.619 961.246 707.574C961.556 707.053 961.812 706.63 961.99 706.339C962.079 706.194 962.147 706.083 962.193 706.009L962.244 705.927L962.257 705.906L962.292 705.85L962.326 705.793C963.282 704.178 964.023 702.213 964.527 700.396C965.03 698.583 965.413 696.498 965.413 694.59V676.126L965.412 676.07C965.265 668.839 959.192 663.328 952.116 663.328C950.957 663.328 949.824 663.542 948.77 663.941C946.473 662.157 943.573 661.114 940.506 661.114C939.347 661.114 938.214 661.329 937.16 661.727C935.076 660.109 932.496 659.1 929.745 658.927L929.104 648.601C928.763 643.125 924.185 638.897 918.793 638.897C913.219 638.897 908.755 643.404 908.755 648.934V675.511C904.724 673.504 899.874 673.218 895.606 675.003M913.504 718.591C913.502 718.591 913.493 718.571 913.478 718.533C913.498 718.573 913.505 718.592 913.504 718.591ZM894.577 675.58L894.536 675.501L895.585 674.962"></path>
47
+ </g>
48
+ <path style="fill: var(--color-interactiveNegative030)" opacity="0.1" d="M488 276.95C488 270.35 493.35 265 499.95 265H572.05C578.65 265 584 270.35 584 276.95V349.05C584 355.65 578.65 361 572.05 361H499.95C493.35 361 488 355.65 488 349.05V276.95Z"></path>
49
+ <path style="fill: var(--color-interactiveNegative030)" fill-rule="evenodd" clip-rule="evenodd" d="M572.05 270.975H499.95C496.65 270.975 493.975 273.65 493.975 276.95V349.05C493.975 352.35 496.65 355.025 499.95 355.025H572.05C575.35 355.025 578.025 352.35 578.025 349.05V276.95C578.025 273.65 575.35 270.975 572.05 270.975ZM499.95 265C493.35 265 488 270.35 488 276.95V349.05C488 355.65 493.35 361 499.95 361H572.05C578.65 361 584 355.65 584 349.05V276.95C584 270.35 578.65 265 572.05 265H499.95Z"></path>
50
+ <path style="fill: var(--color-illustrationHighlight010)" d="M505.172 177.806H521.68V187.534H492.57V135.8H505.172V177.806Z"></path>
51
+ <path style="fill: var(--color-illustrationHighlight010)" d="M566.454 166.31C566.454 167.489 566.38 168.717 566.233 169.995H537.713C537.91 172.55 538.72 174.515 540.145 175.89C541.619 177.217 543.412 177.88 545.525 177.88C548.669 177.88 550.855 176.554 552.084 173.901H565.496C564.808 176.603 563.555 179.035 561.738 181.196C559.969 183.358 557.733 185.053 555.031 186.281C552.329 187.51 549.308 188.124 545.967 188.124C541.938 188.124 538.352 187.264 535.207 185.544C532.063 183.825 529.607 181.368 527.838 178.175C526.069 174.982 525.185 171.248 525.185 166.973C525.185 162.699 526.045 158.965 527.764 155.772C529.533 152.578 531.989 150.122 535.134 148.402C538.278 146.683 541.889 145.823 545.967 145.823C549.946 145.823 553.484 146.658 556.579 148.329C559.674 149.999 562.081 152.382 563.801 155.477C565.57 158.572 566.454 162.183 566.454 166.31ZM553.557 162.994C553.557 160.832 552.821 159.113 551.347 157.835C549.873 156.558 548.03 155.919 545.819 155.919C543.707 155.919 541.914 156.533 540.44 157.761C539.015 158.99 538.131 160.734 537.787 162.994H553.557Z"></path>
52
+ <path style="fill: var(--color-illustrationHighlight010)" d="M588.725 145.823C591.624 145.823 594.154 146.412 596.316 147.592C598.527 148.771 600.222 150.318 601.401 152.234V146.412H614.003V187.461C614.003 191.244 613.241 194.658 611.718 197.704C610.244 200.799 607.96 203.256 604.865 205.074C601.819 206.891 598.011 207.8 593.442 207.8C587.35 207.8 582.412 206.351 578.629 203.452C574.846 200.603 572.685 196.722 572.144 191.809H584.599C584.992 193.381 585.925 194.609 587.399 195.493C588.873 196.427 590.691 196.893 592.852 196.893C595.456 196.893 597.52 196.132 599.043 194.609C600.615 193.135 601.401 190.752 601.401 187.461V181.639C600.173 183.555 598.478 185.127 596.316 186.355C594.154 187.534 591.624 188.124 588.725 188.124C585.335 188.124 582.265 187.264 579.514 185.544C576.762 183.776 574.576 181.295 572.955 178.101C571.383 174.859 570.597 171.125 570.597 166.9C570.597 162.674 571.383 158.965 572.955 155.772C574.576 152.578 576.762 150.122 579.514 148.402C582.265 146.683 585.335 145.823 588.725 145.823ZM601.401 166.973C601.401 163.829 600.517 161.348 598.748 159.53C597.028 157.712 594.916 156.803 592.41 156.803C589.905 156.803 587.767 157.712 585.999 159.53C584.279 161.299 583.419 163.755 583.419 166.9C583.419 170.044 584.279 172.55 585.999 174.417C587.767 176.234 589.905 177.143 592.41 177.143C594.916 177.143 597.028 176.234 598.748 174.417C600.517 172.599 601.401 170.118 601.401 166.973Z"></path>
53
+ <path style="fill: var(--color-illustrationHighlight010)" d="M661.883 166.31C661.883 167.489 661.809 168.717 661.662 169.995H633.142C633.339 172.55 634.149 174.515 635.574 175.89C637.048 177.217 638.841 177.88 640.954 177.88C644.098 177.88 646.284 176.554 647.513 173.901H660.925C660.237 176.603 658.985 179.035 657.167 181.196C655.398 183.358 653.163 185.053 650.46 186.281C647.758 187.51 644.737 188.124 641.396 188.124C637.367 188.124 633.781 187.264 630.637 185.544C627.492 183.825 625.036 181.368 623.267 178.175C621.498 174.982 620.614 171.248 620.614 166.973C620.614 162.699 621.474 158.965 623.193 155.772C624.962 152.578 627.419 150.122 630.563 148.402C633.707 146.683 637.318 145.823 641.396 145.823C645.376 145.823 648.913 146.658 652.008 148.329C655.103 149.999 657.511 152.382 659.23 155.477C660.999 158.572 661.883 162.183 661.883 166.31ZM648.987 162.994C648.987 160.832 648.25 159.113 646.776 157.835C645.302 156.558 643.459 155.919 641.249 155.919C639.136 155.919 637.343 156.533 635.869 157.761C634.444 158.99 633.56 160.734 633.216 162.994H648.987Z"></path>
54
+ <path style="fill: var(--color-illustrationHighlight010)" d="M693.588 145.97C698.402 145.97 702.234 147.542 705.084 150.687C707.983 153.782 709.432 158.056 709.432 163.51V187.534H696.904V165.205C696.904 162.453 696.191 160.316 694.767 158.793C693.342 157.27 691.426 156.509 689.018 156.509C686.611 156.509 684.695 157.27 683.27 158.793C681.845 160.316 681.133 162.453 681.133 165.205V187.534H668.531V146.412H681.133V151.866C682.41 150.048 684.13 148.623 686.292 147.592C688.453 146.511 690.885 145.97 693.588 145.97Z"></path>
55
+ <path style="fill: var(--color-illustrationHighlight010)" d="M715.683 166.9C715.683 162.674 716.469 158.965 718.042 155.772C719.663 152.578 721.849 150.122 724.6 148.402C727.352 146.683 730.422 145.823 733.812 145.823C736.514 145.823 738.971 146.388 741.182 147.518C743.442 148.648 745.21 150.171 746.488 152.087V133H759.09V187.534H746.488V181.639C745.309 183.604 743.614 185.176 741.403 186.355C739.241 187.534 736.711 188.124 733.812 188.124C730.422 188.124 727.352 187.264 724.6 185.544C721.849 183.776 719.663 181.295 718.042 178.101C716.469 174.859 715.683 171.125 715.683 166.9ZM746.488 166.973C746.488 163.829 745.603 161.348 743.835 159.53C742.115 157.712 740.003 156.803 737.497 156.803C734.991 156.803 732.854 157.712 731.086 159.53C729.366 161.299 728.506 163.755 728.506 166.9C728.506 170.044 729.366 172.55 731.086 174.417C732.854 176.234 734.991 177.143 737.497 177.143C740.003 177.143 742.115 176.234 743.835 174.417C745.603 172.599 746.488 170.118 746.488 166.973Z"></path>
56
+ <path style="fill: var(--color-illustrationHighlight010)" d="M615.293 327.668H627.887V332.599H609.184V295.353H615.293V327.668Z"></path>
57
+ <path style="fill: var(--color-illustrationHighlight010)" d="M630.96 317.7C630.96 314.735 631.567 312.109 632.782 309.823C634.032 307.536 635.711 305.768 637.819 304.517C639.963 303.231 642.321 302.588 644.893 302.588C647.216 302.588 649.234 303.052 650.949 303.981C652.7 304.874 654.093 306 655.129 307.357V303.07H661.292V332.599H655.129V328.204C654.093 329.598 652.682 330.759 650.895 331.688C649.109 332.617 647.073 333.081 644.786 333.081C642.249 333.081 639.927 332.438 637.819 331.152C635.711 329.83 634.032 328.008 632.782 325.686C631.567 323.328 630.96 320.666 630.96 317.7ZM655.129 317.808C655.129 315.771 654.7 314.003 653.843 312.502C653.021 311.002 651.932 309.858 650.574 309.072C649.216 308.286 647.751 307.893 646.179 307.893C644.607 307.893 643.143 308.286 641.785 309.072C640.427 309.823 639.32 310.948 638.462 312.449C637.641 313.913 637.23 315.664 637.23 317.7C637.23 319.737 637.641 321.523 638.462 323.06C639.32 324.596 640.427 325.775 641.785 326.597C643.178 327.383 644.643 327.776 646.179 327.776C647.751 327.776 649.216 327.383 650.574 326.597C651.932 325.811 653.021 324.667 653.843 323.167C654.7 321.631 655.129 319.844 655.129 317.808Z"></path>
58
+ <path style="fill: var(--color-illustrationHighlight010)" d="M675.426 307.465C676.462 306.035 677.873 304.874 679.66 303.981C681.482 303.052 683.5 302.588 685.715 302.588C688.324 302.588 690.682 303.213 692.789 304.463C694.897 305.714 696.559 307.5 697.773 309.823C698.988 312.109 699.596 314.735 699.596 317.7C699.596 320.666 698.988 323.328 697.773 325.686C696.559 328.008 694.88 329.83 692.736 331.152C690.628 332.438 688.288 333.081 685.715 333.081C683.429 333.081 681.392 332.635 679.606 331.741C677.855 330.848 676.462 329.705 675.426 328.312V332.599H669.317V292.941H675.426V307.465ZM693.379 317.7C693.379 315.664 692.95 313.913 692.093 312.449C691.271 310.948 690.163 309.823 688.77 309.072C687.412 308.286 685.948 307.893 684.376 307.893C682.839 307.893 681.375 308.286 679.981 309.072C678.624 309.858 677.516 311.002 676.659 312.502C675.837 314.003 675.426 315.771 675.426 317.808C675.426 319.844 675.837 321.631 676.659 323.167C677.516 324.667 678.624 325.811 679.981 326.597C681.375 327.383 682.839 327.776 684.376 327.776C685.948 327.776 687.412 327.383 688.77 326.597C690.163 325.775 691.271 324.596 692.093 323.06C692.95 321.523 693.379 319.737 693.379 317.7Z"></path>
59
+ <path style="fill: var(--color-illustrationHighlight010)" d="M732.701 317.111C732.701 318.219 732.629 319.219 732.486 320.112H709.924C710.103 322.47 710.978 324.364 712.55 325.793C714.122 327.222 716.052 327.936 718.338 327.936C721.625 327.936 723.947 326.561 725.305 323.81H731.897C731.004 326.525 729.378 328.758 727.02 330.509C724.698 332.224 721.804 333.081 718.338 333.081C715.516 333.081 712.979 332.456 710.728 331.205C708.513 329.919 706.762 328.133 705.476 325.846C704.226 323.524 703.601 320.845 703.601 317.808C703.601 314.771 704.208 312.109 705.423 309.823C706.673 307.5 708.406 305.714 710.621 304.463C712.872 303.213 715.444 302.588 718.338 302.588C721.125 302.588 723.608 303.195 725.787 304.41C727.967 305.625 729.664 307.34 730.878 309.555C732.093 311.734 732.701 314.253 732.701 317.111ZM726.323 315.182C726.288 312.931 725.484 311.127 723.912 309.769C722.34 308.411 720.392 307.733 718.07 307.733C715.962 307.733 714.158 308.411 712.658 309.769C711.157 311.091 710.264 312.895 709.978 315.182H726.323Z"></path>
60
+ <path style="fill: var(--color-illustrationHighlight010)" d="M744.822 292.941V332.599H738.713V292.941H744.822Z"></path>
61
+ <defs>
62
+
63
+ </defs>
64
+ </svg>
package/site/public/static/illustrations/components/checkbox/hero.svg ADDED
@@ -0,0 +1,37 @@
1
+ <svg
2
+ id="nksvg"
3
+ style="width: 100%; height: 100%"
4
+ width="1490"
5
+ height="838"
6
+ viewBox="0 0 1490 838"
7
+ fill="none"
8
+ xmlns="http://www.w3.org/2000/svg"
9
+ class="css-0"
10
+ >
11
+ <rect
12
+ style="fill: var(--color-illustrationBackground020)"
13
+ width="1490"
14
+ height="838"
15
+ ></rect>
16
+ <path
17
+ style="fill: var(--color-illustrationPalette060)"
18
+ fill-rule="evenodd"
19
+ clip-rule="evenodd"
20
+ d="M524 238C524 215.909 541.909 198 564 198H926C948.091 198 966 215.909 966 238V600C966 622.091 948.091 640 926 640H564C541.909 640 524 622.091 524 600V238ZM894.21 310.926C901.983 318.775 901.922 331.438 894.074 339.21L715.251 516.312C705.637 525.833 690.057 525.529 680.822 515.639L611.382 441.277C603.844 433.204 604.277 420.548 612.35 413.009C620.423 405.47 633.079 405.904 640.618 413.977L698.811 476.296L865.926 310.79C873.775 303.017 886.438 303.078 894.21 310.926Z"
21
+ ></path>
22
+ <path
23
+ style="fill: var(--color-illustrationPalette050)"
24
+ d="M524.5 238C524.5 216.185 542.185 198.5 564 198.5H926C947.815 198.5 965.5 216.185 965.5 238V600C965.5 621.815 947.815 639.5 926 639.5H627.318C624.73 632.894 622.156 626.094 619.518 619.128L619.511 619.109C600.487 568.861 578.215 510.036 524.5 454.083V238ZM894.426 339.566C902.47 331.599 902.533 318.619 894.566 310.575C886.599 302.53 873.619 302.467 865.575 310.434L698.825 475.579L640.983 413.636C633.256 405.361 620.284 404.917 612.009 412.644C603.734 420.371 603.29 433.343 611.017 441.618L680.456 515.98C689.884 526.076 705.789 526.387 715.603 516.667L894.426 339.566Z"
25
+ stroke="#446BE4"
26
+ ></path>
27
+ <path
28
+ style="fill: var(--color-illustrationPalette040)"
29
+ d="M965.5 238V590.05C929.16 591.502 893.027 587.118 865.671 582.262C838.185 577.383 819.594 572.035 818.575 571.667C801.177 565.393 788.968 552.319 779.446 535.349C769.962 518.445 763.17 497.72 756.576 476.089L894.426 339.566C902.47 331.599 902.533 318.619 894.566 310.575C886.599 302.53 873.619 302.467 865.575 310.434L742.759 432.068C737.624 417.275 731.783 403.009 724.415 390.251C685.85 323.475 655.774 266.059 674.452 199.103C674.508 198.902 674.565 198.701 674.622 198.5H926C947.815 198.5 965.5 216.185 965.5 238Z"
30
+ stroke="#577FFB"
31
+ ></path>
32
+ <path
33
+ style="fill: var(--color-illustrationPalette030)"
34
+ d="M965.5 237.998V404.975C944.087 401.894 928.612 397.452 927.919 397.202C917.882 393.582 910.862 385.992 905.385 376.111C899.944 366.297 896.052 354.271 892.239 341.729L894.426 339.564C902.47 331.597 902.533 318.617 894.566 310.573C890.465 306.432 885.034 304.406 879.634 304.501C877.929 300.569 876.068 296.776 873.996 293.188C854.764 259.888 839.257 230.713 842.524 198.498H926C947.815 198.498 965.5 216.183 965.5 237.998Z"
35
+ stroke="#8BA6F6"
36
+ ></path>
37
+ </svg>
package/site/public/static/illustrations/components/checkbox/options/feedback.svg ADDED
@@ -0,0 +1,23 @@
1
+ <svg id="nksvg" style="width: 100%; height: 100%" width="1490" height="838" viewBox="0 0 1490 838" fill="none" xmlns="http://www.w3.org/2000/svg" class="css-0">
2
+ <path style="fill: var(--color-illustrationBackground020)" d="M0 0H1490V838H0V0Z"></path>
3
+ <path style="fill: var(--color-illustrationPalette040)" opacity="0.2" d="M338 419C338 315.723 421.723 232 525 232C628.277 232 712 315.723 712 419C712 522.277 628.277 606 525 606C421.723 606 338 522.277 338 419Z"></path>
4
+ <path style="fill: var(--color-illustrationHighlight010)" d="M851.68 323.241V329.161H827.44V347.961H847.12V353.881H827.44V379.001H820.16V323.241H851.68Z"></path>
5
+ <path style="fill: var(--color-illustrationHighlight010)" d="M900.473 355.401C900.473 356.787 900.393 358.254 900.233 359.801H865.193C865.459 364.121 866.926 367.507 869.593 369.961C872.313 372.361 875.593 373.561 879.433 373.561C882.579 373.561 885.193 372.841 887.273 371.401C889.406 369.907 890.899 367.934 891.753 365.481H899.593C898.419 369.694 896.073 373.134 892.553 375.801C889.033 378.414 884.659 379.721 879.433 379.721C875.273 379.721 871.539 378.787 868.233 376.921C864.979 375.054 862.419 372.414 860.553 369.001C858.686 365.534 857.753 361.534 857.753 357.001C857.753 352.467 858.659 348.494 860.473 345.081C862.286 341.667 864.819 339.054 868.073 337.241C871.379 335.374 875.166 334.441 879.433 334.441C883.593 334.441 887.273 335.347 890.473 337.161C893.673 338.974 896.126 341.481 897.833 344.681C899.593 347.827 900.473 351.401 900.473 355.401ZM892.953 353.881C892.953 351.107 892.339 348.734 891.113 346.761C889.886 344.734 888.206 343.214 886.073 342.201C883.993 341.134 881.673 340.601 879.113 340.601C875.433 340.601 872.286 341.774 869.673 344.121C867.113 346.467 865.646 349.721 865.273 353.881H892.953Z"></path>
6
+ <path style="fill: var(--color-illustrationHighlight010)" d="M950.082 355.401C950.082 356.787 950.002 358.254 949.842 359.801H914.802C915.069 364.121 916.535 367.507 919.202 369.961C921.922 372.361 925.202 373.561 929.042 373.561C932.189 373.561 934.802 372.841 936.882 371.401C939.015 369.907 940.509 367.934 941.362 365.481H949.202C948.029 369.694 945.682 373.134 942.162 375.801C938.642 378.414 934.269 379.721 929.042 379.721C924.882 379.721 921.149 378.787 917.842 376.921C914.589 375.054 912.029 372.414 910.162 369.001C908.295 365.534 907.362 361.534 907.362 357.001C907.362 352.467 908.269 348.494 910.082 345.081C911.895 341.667 914.429 339.054 917.682 337.241C920.989 335.374 924.775 334.441 929.042 334.441C933.202 334.441 936.882 335.347 940.082 337.161C943.282 338.974 945.735 341.481 947.442 344.681C949.202 347.827 950.082 351.401 950.082 355.401ZM942.562 353.881C942.562 351.107 941.949 348.734 940.722 346.761C939.495 344.734 937.815 343.214 935.682 342.201C933.602 341.134 931.282 340.601 928.722 340.601C925.042 340.601 921.895 341.774 919.282 344.121C916.722 346.467 915.255 349.721 914.882 353.881H942.562Z"></path>
7
+ <path style="fill: var(--color-illustrationHighlight010)" d="M956.971 356.921C956.971 352.441 957.878 348.521 959.691 345.161C961.505 341.747 963.985 339.107 967.131 337.241C970.331 335.374 973.905 334.441 977.851 334.441C981.265 334.441 984.438 335.241 987.371 336.841C990.305 338.387 992.545 340.441 994.091 343.001V319.801H1001.45V379.001H994.091V370.761C992.651 373.374 990.518 375.534 987.691 377.241C984.865 378.894 981.558 379.721 977.771 379.721C973.878 379.721 970.331 378.761 967.131 376.841C963.985 374.921 961.505 372.227 959.691 368.761C957.878 365.294 956.971 361.347 956.971 356.921ZM994.091 357.001C994.091 353.694 993.425 350.814 992.091 348.361C990.758 345.907 988.945 344.041 986.651 342.761C984.411 341.427 981.931 340.761 979.211 340.761C976.491 340.761 974.011 341.401 971.771 342.681C969.531 343.961 967.745 345.827 966.411 348.281C965.078 350.734 964.411 353.614 964.411 356.921C964.411 360.281 965.078 363.214 966.411 365.721C967.745 368.174 969.531 370.067 971.771 371.401C974.011 372.681 976.491 373.321 979.211 373.321C981.931 373.321 984.411 372.681 986.651 371.401C988.945 370.067 990.758 368.174 992.091 365.721C993.425 363.214 994.091 360.307 994.091 357.001Z"></path>
8
+ <path style="fill: var(--color-illustrationHighlight010)" d="M1021.03 343.321C1022.53 340.707 1024.71 338.574 1027.59 336.921C1030.47 335.267 1033.75 334.441 1037.43 334.441C1041.38 334.441 1044.93 335.374 1048.07 337.241C1051.22 339.107 1053.7 341.747 1055.51 345.161C1057.33 348.521 1058.23 352.441 1058.23 356.921C1058.23 361.347 1057.33 365.294 1055.51 368.761C1053.7 372.227 1051.19 374.921 1047.99 376.841C1044.85 378.761 1041.33 379.721 1037.43 379.721C1033.65 379.721 1030.31 378.894 1027.43 377.241C1024.61 375.587 1022.47 373.481 1021.03 370.921V379.001H1013.75V319.801H1021.03V343.321ZM1050.79 356.921C1050.79 353.614 1050.13 350.734 1048.79 348.281C1047.46 345.827 1045.65 343.961 1043.35 342.681C1041.11 341.401 1038.63 340.761 1035.91 340.761C1033.25 340.761 1030.77 341.427 1028.47 342.761C1026.23 344.041 1024.42 345.934 1023.03 348.441C1021.7 350.894 1021.03 353.747 1021.03 357.001C1021.03 360.307 1021.7 363.214 1023.03 365.721C1024.42 368.174 1026.23 370.067 1028.47 371.401C1030.77 372.681 1033.25 373.321 1035.91 373.321C1038.63 373.321 1041.11 372.681 1043.35 371.401C1045.65 370.067 1047.46 368.174 1048.79 365.721C1050.13 363.214 1050.79 360.281 1050.79 356.921Z"></path>
9
+ <path style="fill: var(--color-illustrationHighlight010)" d="M1065.1 356.921C1065.1 352.441 1066 348.521 1067.82 345.161C1069.63 341.747 1072.11 339.107 1075.26 337.241C1078.46 335.374 1082 334.441 1085.9 334.441C1089.74 334.441 1093.07 335.267 1095.9 336.921C1098.72 338.574 1100.83 340.654 1102.22 343.161V335.161H1109.58V379.001H1102.22V370.841C1100.78 373.401 1098.62 375.534 1095.74 377.241C1092.91 378.894 1089.6 379.721 1085.82 379.721C1081.92 379.721 1078.4 378.761 1075.26 376.841C1072.11 374.921 1069.63 372.227 1067.82 368.761C1066 365.294 1065.1 361.347 1065.1 356.921ZM1102.22 357.001C1102.22 353.694 1101.55 350.814 1100.22 348.361C1098.88 345.907 1097.07 344.041 1094.78 342.761C1092.54 341.427 1090.06 340.761 1087.34 340.761C1084.62 340.761 1082.14 341.401 1079.9 342.681C1077.66 343.961 1075.87 345.827 1074.54 348.281C1073.2 350.734 1072.54 353.614 1072.54 356.921C1072.54 360.281 1073.2 363.214 1074.54 365.721C1075.87 368.174 1077.66 370.067 1079.9 371.401C1082.14 372.681 1084.62 373.321 1087.34 373.321C1090.06 373.321 1092.54 372.681 1094.78 371.401C1097.07 370.067 1098.88 368.174 1100.22 365.721C1101.55 363.214 1102.22 360.307 1102.22 357.001Z"></path>
10
+ <path style="fill: var(--color-illustrationHighlight010)" d="M1119.16 357.001C1119.16 352.467 1120.07 348.521 1121.88 345.161C1123.69 341.747 1126.2 339.107 1129.4 337.241C1132.65 335.374 1136.36 334.441 1140.52 334.441C1145.91 334.441 1150.33 335.747 1153.8 338.361C1157.32 340.974 1159.64 344.601 1160.76 349.241H1152.92C1152.17 346.574 1150.71 344.467 1148.52 342.921C1146.39 341.374 1143.72 340.601 1140.52 340.601C1136.36 340.601 1133 342.041 1130.44 344.921C1127.88 347.747 1126.6 351.774 1126.6 357.001C1126.6 362.281 1127.88 366.361 1130.44 369.241C1133 372.121 1136.36 373.561 1140.52 373.561C1143.72 373.561 1146.39 372.814 1148.52 371.321C1150.65 369.827 1152.12 367.694 1152.92 364.921H1160.76C1159.59 369.401 1157.24 373.001 1153.72 375.721C1150.2 378.387 1145.8 379.721 1140.52 379.721C1136.36 379.721 1132.65 378.787 1129.4 376.921C1126.2 375.054 1123.69 372.414 1121.88 369.001C1120.07 365.587 1119.16 361.587 1119.16 357.001Z"></path>
11
+ <path style="fill: var(--color-illustrationHighlight010)" d="M1194.95 379.001L1177.75 359.641V379.001H1170.47V319.801H1177.75V354.601L1194.63 335.161H1204.79L1184.15 357.001L1204.87 379.001H1194.95Z"></path>
12
+ <path style="fill: var(--color-illustrationHighlight010)" fill-rule="evenodd" clip-rule="evenodd" d="M796 348.273L707.445 348.273L707.445 355.344L796 355.344L796 348.273Z"></path>
13
+ <path style="fill: var(--color-illustrationHighlight010)" d="M698.606 362.416C704.464 362.416 709.213 357.667 709.213 351.809C709.213 345.952 704.464 341.203 698.606 341.203C692.749 341.203 688 345.952 688 351.809C688 357.667 692.749 362.416 698.606 362.416Z"></path>
14
+ <path style="fill: var(--color-illustrationPalette060)" d="M404 327C404 310.431 417.431 297 434 297H615C631.569 297 645 310.431 645 327V508C645 524.569 631.569 538 615 538H434C417.431 538 404 524.569 404 508V327Z"></path>
15
+ <path style="fill: var(--color-white)" d="M498.875 453.509L461.866 416.5L449.264 429.014L498.875 478.625L605.375 372.125L592.861 359.611L498.875 453.509Z"></path>
16
+ <g>
17
+ <path style="fill: var(--color-white)" fill-rule="evenodd" clip-rule="evenodd" d="M531.177 560L524.472 549.755C519.894 542.76 510.142 540.208 502.682 544.043L504.42 543.149C502.569 544.101 501.681 546.474 502.444 548.446L511.725 572.459C513.196 576.265 516.954 581.649 520.068 584.354C520.068 584.354 538.739 599.808 538.739 605.602V612.938H568.989H577.261H584.114H591.677V605.602C591.677 599.808 603.087 581.558 603.087 581.558C605.188 578.011 606.939 571.761 606.939 567.612V537.099C606.802 530.344 601.059 524.869 593.974 524.869C590.429 524.869 587.558 527.606 587.558 530.986V533.43C587.558 526.674 581.815 521.199 574.729 521.199C571.185 521.199 568.313 523.937 568.313 527.316V529.76C568.313 523.005 562.571 517.53 555.485 517.53C551.94 517.53 549.069 520.267 549.069 523.647V526.091C549.069 525.005 548.953 524.142 548.729 523.458L546.772 491.947C546.507 487.686 542.916 484.375 538.739 484.375C534.533 484.375 531.177 487.76 531.177 491.936V522.188V560Z"></path>
18
+ <path style="fill: var(--color-black)" fill-rule="evenodd" clip-rule="evenodd" d="M504.476 543.256C510.48 541.059 517.502 542.581 522.102 546.926C522.99 547.766 523.789 548.71 524.472 549.754L531.177 559.999V491.935C531.177 487.759 534.533 484.374 538.739 484.374C542.916 484.374 546.507 487.684 546.772 491.946L548.729 523.457C548.749 523.518 548.768 523.581 548.787 523.646C548.973 524.298 549.069 525.101 549.069 526.089V523.646C549.069 523.575 549.07 523.505 549.073 523.435C549.074 523.404 549.075 523.374 549.077 523.343C549.242 520.104 552.047 517.528 555.485 517.528C556.158 517.528 556.818 517.578 557.462 517.673C558.981 517.897 560.412 518.375 561.706 519.06C564.93 520.767 567.302 523.761 568.057 527.315C568.225 528.105 568.313 528.922 568.313 529.759V527.315C568.313 523.935 571.185 521.198 574.729 521.198C575.014 521.198 575.297 521.207 575.577 521.224C577.518 521.345 579.34 521.877 580.95 522.729C584.175 524.437 586.546 527.431 587.301 530.985C587.469 531.774 587.558 532.592 587.558 533.429V530.985C587.558 527.605 590.429 524.868 593.974 524.868C594.258 524.868 594.541 524.876 594.822 524.894C601.512 525.31 606.807 530.614 606.938 537.098V567.611C606.938 571.76 605.188 578.01 603.087 581.557C603.087 581.557 591.677 599.807 591.677 605.601V612.936H538.739V605.601C538.739 599.807 520.068 584.352 520.068 584.352C516.954 581.648 513.196 576.264 511.725 572.457L502.444 548.444C501.935 547.128 502.161 545.633 502.919 544.502C503.177 544.116 503.497 543.772 503.871 543.492C504.072 543.409 504.273 543.331 504.476 543.256ZM502.682 544.042C503.073 543.841 503.469 543.658 503.871 543.492C504.043 543.363 504.226 543.248 504.42 543.148L502.682 544.042ZM498.6 536.101C493.742 539.608 491.813 546.113 493.979 551.716L503.26 575.729C505.259 580.901 509.874 587.519 514.117 591.204L514.198 591.275L514.28 591.342L514.281 591.343L514.314 591.371L514.449 591.483C514.57 591.585 514.755 591.74 514.993 591.943C515.47 592.348 516.161 592.941 516.992 593.672C518.665 595.143 520.866 597.137 523.042 599.276C525.258 601.454 527.259 603.598 528.643 605.388C529.119 606.003 529.448 606.484 529.664 606.831V622.011H600.752V605.756C600.752 605.794 600.754 605.814 600.759 605.814C600.79 605.819 600.957 604.966 601.816 602.939C602.727 600.788 604.004 598.245 605.369 595.716C606.718 593.215 608.078 590.865 609.107 589.133C609.62 588.27 610.045 587.568 610.34 587.086C610.487 586.846 610.601 586.66 610.677 586.538L610.76 586.403L610.782 586.368L610.84 586.275L610.896 586.181C612.481 583.504 613.71 580.246 614.545 577.235C615.379 574.23 616.013 570.774 616.013 567.611V537.006L616.012 536.914C615.769 524.928 605.702 515.793 593.974 515.793C592.052 515.793 590.175 516.149 588.428 516.809C584.62 513.852 579.813 512.123 574.729 512.123C572.808 512.123 570.93 512.479 569.184 513.139C565.729 510.457 561.452 508.785 556.892 508.498L555.829 491.383C555.266 482.305 547.677 475.299 538.739 475.299C529.5 475.299 522.102 482.768 522.102 491.935V535.987C515.42 532.66 507.38 532.186 500.306 535.146M529.972 607.394C529.97 607.394 529.954 607.361 529.93 607.298C529.962 607.364 529.974 607.395 529.972 607.394ZM498.6 536.101L498.533 535.971L500.271 535.077"></path>
19
+ </g>
20
+ <defs>
21
+
22
+ </defs>
23
+ </svg>