@lifesg/react-design-system 4.0.0-alpha.12 → 4.0.0-alpha.13

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 (228) hide show
  1. package/breadcrumb/breadcrumb.js +1 -1
  2. package/breadcrumb/breadcrumb.js.map +1 -1
  3. package/breadcrumb/breadcrumb.styles.d.ts +0 -8
  4. package/breadcrumb/breadcrumb.styles.js +1 -1
  5. package/breadcrumb/breadcrumb.styles.js.map +1 -1
  6. package/breadcrumb/breadcrumb.styles_1blzn8n.css +7 -0
  7. package/breadcrumb/types.d.ts +2 -13
  8. package/cjs/breadcrumb/breadcrumb.js +1 -1
  9. package/cjs/breadcrumb/breadcrumb.js.map +1 -1
  10. package/cjs/breadcrumb/breadcrumb.styles.js +1 -1
  11. package/cjs/breadcrumb/breadcrumb.styles.js.map +1 -1
  12. package/cjs/breadcrumb/breadcrumb.styles_1blzn8n.css +7 -0
  13. package/cjs/drawer/drawer.js +1 -1
  14. package/cjs/drawer/drawer.js.map +1 -1
  15. package/cjs/drawer/drawer.styles.js +1 -1
  16. package/cjs/drawer/drawer.styles.js.map +1 -1
  17. package/{drawer/drawer.styles_94hx3y.css → cjs/drawer/drawer.styles_a4bwe0.css} +6 -3
  18. package/cjs/file-upload/file-list/file-list.js +1 -1
  19. package/cjs/file-upload/file-list/file-list.js.map +1 -1
  20. package/cjs/file-upload/file-list/file-list.styles.js +1 -1
  21. package/cjs/file-upload/file-list/file-list.styles.js.map +1 -1
  22. package/cjs/file-upload/file-list/file-list.styles_1xbypnh.css +2 -0
  23. package/cjs/file-upload/file-list-item/file-item-actions.js +2 -0
  24. package/cjs/file-upload/file-list-item/file-item-actions.js.map +1 -0
  25. package/cjs/file-upload/file-list-item/file-item-actions.styles.js +2 -0
  26. package/cjs/file-upload/file-list-item/file-item-actions.styles.js.map +1 -0
  27. package/cjs/file-upload/file-list-item/file-item-actions.styles_1quulgy.css +8 -0
  28. package/cjs/file-upload/file-list-item/file-item-details.js +2 -0
  29. package/cjs/file-upload/file-list-item/file-item-details.js.map +1 -0
  30. package/cjs/file-upload/file-list-item/file-item-details.styles.js +2 -0
  31. package/cjs/file-upload/file-list-item/file-item-details.styles.js.map +1 -0
  32. package/cjs/file-upload/file-list-item/file-item-details.styles_1ce9akx.css +7 -0
  33. package/cjs/file-upload/file-list-item/file-list-item.js +1 -1
  34. package/cjs/file-upload/file-list-item/file-list-item.js.map +1 -1
  35. package/cjs/file-upload/file-list-item/file-list-item.styles.js +1 -1
  36. package/cjs/file-upload/file-list-item/file-list-item.styles.js.map +1 -1
  37. package/cjs/file-upload/file-list-item/file-list-item.styles_x3a500.css +10 -0
  38. package/cjs/file-upload/file-list-item/use-truncated-name.js +2 -0
  39. package/cjs/file-upload/file-list-item/use-truncated-name.js.map +1 -0
  40. package/cjs/local-nav/local-nav-dropdown/local-nav-dropdown.js +1 -1
  41. package/cjs/local-nav/local-nav-dropdown/local-nav-dropdown.js.map +1 -1
  42. package/cjs/local-nav/local-nav-dropdown/local-nav-dropdown.styles.js +1 -1
  43. package/cjs/local-nav/local-nav-dropdown/local-nav-dropdown.styles.js.map +1 -1
  44. package/cjs/local-nav/local-nav-dropdown/{local-nav-dropdown.styles_uhd4xl.css → local-nav-dropdown.styles_kpel1m.css} +9 -6
  45. package/cjs/local-nav/local-nav-menu/local-nav-menu.js +1 -1
  46. package/cjs/local-nav/local-nav-menu/local-nav-menu.js.map +1 -1
  47. package/cjs/local-nav/local-nav-menu/local-nav-menu.styles.js +1 -1
  48. package/cjs/local-nav/local-nav-menu/local-nav-menu.styles.js.map +1 -1
  49. package/cjs/local-nav/local-nav-menu/local-nav-menu.styles_67fcyc.css +8 -0
  50. package/cjs/menu/menu-content.js +1 -1
  51. package/cjs/menu/menu-content.js.map +1 -1
  52. package/cjs/menu/menu-content.styles.js +1 -1
  53. package/cjs/menu/menu-content.styles.js.map +1 -1
  54. package/cjs/menu/menu-content.styles_1r8oxtk.css +5 -0
  55. package/cjs/menu/menu-item.styles.js +1 -1
  56. package/cjs/menu/menu-item.styles.js.map +1 -1
  57. package/cjs/menu/{menu-item.styles_liyed8.css → menu-item.styles_eut2j9.css} +1 -1
  58. package/cjs/menu/menu-link.styles.js +1 -1
  59. package/cjs/menu/menu-link.styles.js.map +1 -1
  60. package/cjs/menu/menu-link.styles_rng7n7.css +2 -0
  61. package/cjs/menu/menu-section.js +1 -1
  62. package/cjs/menu/menu-section.js.map +1 -1
  63. package/cjs/menu/menu-section.styles.js +1 -1
  64. package/cjs/menu/menu-section.styles.js.map +1 -1
  65. package/cjs/menu/menu-section.styles_1n0ppxl.css +5 -0
  66. package/cjs/navbar/navbar-items.js +1 -1
  67. package/cjs/navbar/navbar-items.js.map +1 -1
  68. package/cjs/notification-banner/notification-banner-hoc.js +1 -1
  69. package/cjs/notification-banner/notification-banner-hoc.js.map +1 -1
  70. package/cjs/pagination/pagination.js +1 -1
  71. package/cjs/pagination/pagination.js.map +1 -1
  72. package/cjs/shared/dropdown-list/dropdown-label.js +1 -1
  73. package/cjs/shared/dropdown-list/dropdown-label.js.map +1 -1
  74. package/cjs/shared/fade-wrapper/fade-wrapper.js +1 -1
  75. package/cjs/shared/fade-wrapper/fade-wrapper.js.map +1 -1
  76. package/cjs/theme/tokens/colour.js +1 -1
  77. package/cjs/theme/tokens/colour.js.map +1 -1
  78. package/cjs/theme/tokens/radius.js +1 -1
  79. package/cjs/theme/tokens/radius.js.map +1 -1
  80. package/codemods/run-codemod.js +8 -2
  81. package/codemods/run-codemod.js.map +1 -1
  82. package/codemods/run-codemod.ts +13 -4
  83. package/drawer/drawer.d.ts +1 -1
  84. package/drawer/drawer.js +1 -1
  85. package/drawer/drawer.js.map +1 -1
  86. package/drawer/drawer.styles.d.ts +3 -0
  87. package/drawer/drawer.styles.js +1 -1
  88. package/drawer/drawer.styles.js.map +1 -1
  89. package/{cjs/drawer/drawer.styles_94hx3y.css → drawer/drawer.styles_a4bwe0.css} +6 -3
  90. package/drawer/types.d.ts +7 -0
  91. package/file-upload/file-list/file-list.js +1 -1
  92. package/file-upload/file-list/file-list.js.map +1 -1
  93. package/file-upload/file-list/file-list.styles.d.ts +0 -1
  94. package/file-upload/file-list/file-list.styles.js +1 -1
  95. package/file-upload/file-list/file-list.styles.js.map +1 -1
  96. package/file-upload/file-list/file-list.styles_1xbypnh.css +2 -0
  97. package/file-upload/file-list-item/file-item-actions.d.ts +30 -0
  98. package/file-upload/file-list-item/file-item-actions.js +2 -0
  99. package/file-upload/file-list-item/file-item-actions.js.map +1 -0
  100. package/file-upload/file-list-item/file-item-actions.styles.d.ts +6 -0
  101. package/file-upload/file-list-item/file-item-actions.styles.js +2 -0
  102. package/file-upload/file-list-item/file-item-actions.styles.js.map +1 -0
  103. package/file-upload/file-list-item/file-item-actions.styles_1quulgy.css +8 -0
  104. package/file-upload/file-list-item/file-item-details.d.ts +15 -0
  105. package/file-upload/file-list-item/file-item-details.js +2 -0
  106. package/file-upload/file-list-item/file-item-details.js.map +1 -0
  107. package/file-upload/file-list-item/file-item-details.styles.d.ts +7 -0
  108. package/file-upload/file-list-item/file-item-details.styles.js +2 -0
  109. package/file-upload/file-list-item/file-item-details.styles.js.map +1 -0
  110. package/file-upload/file-list-item/file-item-details.styles_1ce9akx.css +7 -0
  111. package/file-upload/file-list-item/file-list-item.d.ts +1 -7
  112. package/file-upload/file-list-item/file-list-item.js +1 -1
  113. package/file-upload/file-list-item/file-list-item.js.map +1 -1
  114. package/file-upload/file-list-item/file-list-item.styles.d.ts +6 -13
  115. package/file-upload/file-list-item/file-list-item.styles.js +1 -1
  116. package/file-upload/file-list-item/file-list-item.styles.js.map +1 -1
  117. package/file-upload/file-list-item/file-list-item.styles_x3a500.css +10 -0
  118. package/file-upload/file-list-item/types.d.ts +10 -3
  119. package/file-upload/file-list-item/use-truncated-name.d.ts +1 -0
  120. package/file-upload/file-list-item/use-truncated-name.js +2 -0
  121. package/file-upload/file-list-item/use-truncated-name.js.map +1 -0
  122. package/input-group/types.d.ts +4 -1
  123. package/input-select/types.d.ts +1 -0
  124. package/local-nav/local-nav-dropdown/local-nav-dropdown.js +1 -1
  125. package/local-nav/local-nav-dropdown/local-nav-dropdown.js.map +1 -1
  126. package/local-nav/local-nav-dropdown/local-nav-dropdown.styles.d.ts +3 -0
  127. package/local-nav/local-nav-dropdown/local-nav-dropdown.styles.js +1 -1
  128. package/local-nav/local-nav-dropdown/local-nav-dropdown.styles.js.map +1 -1
  129. package/local-nav/local-nav-dropdown/{local-nav-dropdown.styles_uhd4xl.css → local-nav-dropdown.styles_kpel1m.css} +9 -6
  130. package/local-nav/local-nav-menu/local-nav-menu.js +1 -1
  131. package/local-nav/local-nav-menu/local-nav-menu.js.map +1 -1
  132. package/local-nav/local-nav-menu/local-nav-menu.styles.d.ts +3 -0
  133. package/local-nav/local-nav-menu/local-nav-menu.styles.js +1 -1
  134. package/local-nav/local-nav-menu/local-nav-menu.styles.js.map +1 -1
  135. package/local-nav/local-nav-menu/local-nav-menu.styles_67fcyc.css +8 -0
  136. package/local-nav/types.d.ts +17 -0
  137. package/masked-input/types.d.ts +1 -2
  138. package/menu/menu-content.js +1 -1
  139. package/menu/menu-content.js.map +1 -1
  140. package/menu/menu-content.styles.d.ts +1 -0
  141. package/menu/menu-content.styles.js +1 -1
  142. package/menu/menu-content.styles.js.map +1 -1
  143. package/menu/menu-content.styles_1r8oxtk.css +5 -0
  144. package/menu/menu-item.styles.js +1 -1
  145. package/menu/menu-item.styles.js.map +1 -1
  146. package/menu/{menu-item.styles_liyed8.css → menu-item.styles_eut2j9.css} +1 -1
  147. package/menu/menu-link.styles.js +1 -1
  148. package/menu/menu-link.styles.js.map +1 -1
  149. package/menu/menu-link.styles_rng7n7.css +2 -0
  150. package/menu/menu-section.d.ts +1 -1
  151. package/menu/menu-section.js +1 -1
  152. package/menu/menu-section.js.map +1 -1
  153. package/menu/menu-section.styles.d.ts +7 -0
  154. package/menu/menu-section.styles.js +1 -1
  155. package/menu/menu-section.styles.js.map +1 -1
  156. package/menu/menu-section.styles_1n0ppxl.css +5 -0
  157. package/menu/menu.d.ts +1 -1
  158. package/menu/types.d.ts +10 -2
  159. package/navbar/navbar-items.js +1 -1
  160. package/navbar/navbar-items.js.map +1 -1
  161. package/navbar/types.d.ts +9 -0
  162. package/notification-banner/notification-banner-hoc.js +1 -1
  163. package/notification-banner/notification-banner-hoc.js.map +1 -1
  164. package/package.json +2 -3
  165. package/pagination/pagination.js +1 -1
  166. package/pagination/pagination.js.map +1 -1
  167. package/pagination/types.d.ts +8 -1
  168. package/select-histogram/types.d.ts +1 -0
  169. package/shared/dropdown-list/dropdown-label.d.ts +2 -2
  170. package/shared/dropdown-list/dropdown-label.js +1 -1
  171. package/shared/dropdown-list/dropdown-label.js.map +1 -1
  172. package/shared/dropdown-list/types.d.ts +6 -2
  173. package/shared/fade-wrapper/fade-wrapper.js +1 -1
  174. package/shared/fade-wrapper/fade-wrapper.js.map +1 -1
  175. package/shared/fade-wrapper/types.d.ts +1 -0
  176. package/shared/styles/index.d.ts +5 -0
  177. package/theme/styles/a11y-playground.css +52 -40
  178. package/theme/styles/bookingsg.css +52 -40
  179. package/theme/styles/careercompass.css +52 -40
  180. package/theme/styles/ccube.css +52 -40
  181. package/theme/styles/imda.css +52 -40
  182. package/theme/styles/lifesg.css +52 -40
  183. package/theme/styles/mylegacy.css +52 -40
  184. package/theme/styles/oneservice.css +52 -40
  185. package/theme/styles/pa.css +28 -22
  186. package/theme/styles/rbs.css +52 -40
  187. package/theme/styles/sgw-digital-lobby.css +52 -40
  188. package/theme/styles/smgs.css +52 -40
  189. package/theme/styles/spf.css +28 -27
  190. package/theme/styles/sportsg-orange.css +52 -40
  191. package/theme/styles/supportgowhere.css +52 -40
  192. package/theme/styles/tote-board.css +52 -40
  193. package/theme/styles/vica.css +52 -40
  194. package/theme/styles/websg.css +52 -40
  195. package/theme/styles/wise.css +52 -40
  196. package/theme/styles/wogaa.css +52 -40
  197. package/theme/tokens/colour.d.ts +6 -0
  198. package/theme/tokens/colour.js +1 -1
  199. package/theme/tokens/colour.js.map +1 -1
  200. package/theme/tokens/radius.d.ts +3 -0
  201. package/theme/tokens/radius.js +1 -1
  202. package/theme/tokens/radius.js.map +1 -1
  203. package/breadcrumb/breadcrumb.styles_1nl4aua.css +0 -18
  204. package/cjs/breadcrumb/breadcrumb.styles_1nl4aua.css +0 -18
  205. package/cjs/file-upload/file-item-edit.js +0 -2
  206. package/cjs/file-upload/file-item-edit.js.map +0 -1
  207. package/cjs/file-upload/file-item-edit.styles.js +0 -2
  208. package/cjs/file-upload/file-item-edit.styles.js.map +0 -1
  209. package/cjs/file-upload/file-item-edit.styles_19bvztn.css +0 -11
  210. package/cjs/file-upload/file-list/file-list.styles_1w7so98.css +0 -3
  211. package/cjs/file-upload/file-list-item/file-list-item.styles_kgtfke.css +0 -17
  212. package/cjs/local-nav/local-nav-menu/local-nav-menu.styles_pq19dh.css +0 -5
  213. package/cjs/menu/menu-content.styles_p7ijll.css +0 -2
  214. package/cjs/menu/menu-link.styles_hfxoez.css +0 -2
  215. package/cjs/menu/menu-section.styles_g7my4d.css +0 -3
  216. package/file-upload/file-item-edit.d.ts +0 -14
  217. package/file-upload/file-item-edit.js +0 -2
  218. package/file-upload/file-item-edit.js.map +0 -1
  219. package/file-upload/file-item-edit.styles.d.ts +0 -9
  220. package/file-upload/file-item-edit.styles.js +0 -2
  221. package/file-upload/file-item-edit.styles.js.map +0 -1
  222. package/file-upload/file-item-edit.styles_19bvztn.css +0 -11
  223. package/file-upload/file-list/file-list.styles_1w7so98.css +0 -3
  224. package/file-upload/file-list-item/file-list-item.styles_kgtfke.css +0 -17
  225. package/local-nav/local-nav-menu/local-nav-menu.styles_pq19dh.css +0 -5
  226. package/menu/menu-content.styles_p7ijll.css +0 -2
  227. package/menu/menu-link.styles_hfxoez.css +0 -2
  228. package/menu/menu-section.styles_g7my4d.css +0 -3
package/theme/styles/wise.css CHANGED
@@ -103,6 +103,9 @@
103
103
  --fds-radius-sm: 4px;
104
104
  --fds-radius-md: 8px;
105
105
  --fds-radius-lg: 12px;
106
+ --fds-radius-xl: 16px;
107
+ --fds-radius-xxl: 24px;
108
+ --fds-radius-xxxl: 32px;
106
109
  --fds-radius-full: 9999px;
107
110
  }
108
111
 
@@ -224,6 +227,8 @@
224
227
 
225
228
  --fds-colour-text-primary-strong: var(--fds-colour-primary-40);
226
229
 
230
+ --fds-colour-text-primary-stronger: var(--fds-colour-primary-30);
231
+
227
232
  --fds-colour-text-primary-strongest: var(--fds-colour-primary-20);
228
233
 
229
234
  --fds-colour-text-brand: var(--fds-colour-brand-50);
@@ -360,6 +365,28 @@
360
365
 
361
366
  --fds-colour-bg-strongest: var(--fds-colour-neutral-90);
362
367
 
368
+ --fds-colour-bg-primary: var(--fds-colour-primary-50);
369
+
370
+ --fds-colour-bg-primary-strong: var(--fds-colour-primary-40);
371
+
372
+ --fds-colour-bg-primary-subtle: var(--fds-colour-primary-60);
373
+
374
+ --fds-colour-bg-primary-subtler: var(--fds-colour-primary-95);
375
+
376
+ --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-100);
377
+
378
+ --fds-colour-bg-brand-subtler: var(--fds-colour-brand-95);
379
+
380
+ --fds-colour-bg-brand-subtlest: var(--fds-colour-brand-100);
381
+
382
+ --fds-colour-bg-secondary: var(--fds-colour-secondary-50);
383
+
384
+ --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-60);
385
+
386
+ --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-95);
387
+
388
+ --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-100);
389
+
363
390
  --fds-colour-bg-hover: var(--fds-colour-primary-95);
364
391
 
365
392
  --fds-colour-bg-hover-strong: var(--fds-colour-primary-90);
@@ -430,24 +457,6 @@
430
457
 
431
458
  --fds-colour-bg-inverse-hover: var(--fds-colour-neutral-40);
432
459
 
433
- --fds-colour-bg-primary: var(--fds-colour-primary-50);
434
-
435
- --fds-colour-bg-primary-strong: var(--fds-colour-primary-40);
436
-
437
- --fds-colour-bg-primary-subtle: var(--fds-colour-primary-60);
438
-
439
- --fds-colour-bg-primary-subtler: var(--fds-colour-primary-95);
440
-
441
- --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-100);
442
-
443
- --fds-colour-bg-secondary: var(--fds-colour-secondary-50);
444
-
445
- --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-60);
446
-
447
- --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-95);
448
-
449
- --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-100);
450
-
451
460
  --fds-colour-bg-available: #6DD0A1;
452
461
 
453
462
  --fds-colour-bg-primary-hover: var(--fds-colour-primary-40);
@@ -611,12 +620,13 @@
611
620
  /* text */
612
621
  --fds-colour-text: var(--fds-colour-neutral-100);
613
622
  --fds-colour-text-subtle: var(--fds-colour-neutral-80);
614
- --fds-colour-text-subtler: var(--fds-colour-neutral-60);
615
- --fds-colour-text-subtlest: var(--fds-colour-neutral-50);
623
+ --fds-colour-text-subtler: var(--fds-colour-neutral-70);
624
+ --fds-colour-text-subtlest: var(--fds-colour-neutral-60);
616
625
  --fds-colour-text-primary: var(--fds-colour-primary-60);
617
626
  --fds-colour-text-primary-strong: var(--fds-colour-primary-70);
627
+ --fds-colour-text-primary-stronger: var(--fds-colour-primary-80);
618
628
  --fds-colour-text-primary-strongest: var(--fds-colour-primary-90);
619
- --fds-colour-text-brand: var(--fds-colour-brand-50);
629
+ --fds-colour-text-brand: var(--fds-colour-brand-60);
620
630
  --fds-colour-text-secondary: var(--fds-colour-secondary-60);
621
631
  --fds-colour-text-secondary-subtle: var(--fds-colour-secondary-50);
622
632
  --fds-colour-text-hover: var(--fds-colour-primary-70);
@@ -632,13 +642,13 @@
632
642
  --fds-colour-text-info: var(--fds-colour-info-70);
633
643
  --fds-colour-text-inverse: var(--fds-colour-black);
634
644
  /* icon */
635
- --fds-colour-icon: var(--fds-colour-neutral-60);
636
- --fds-colour-icon-subtle: var(--fds-colour-neutral-50);
637
- --fds-colour-icon-strongest: var(--fds-colour-neutral-90);
645
+ --fds-colour-icon: var(--fds-colour-neutral-70);
646
+ --fds-colour-icon-subtle: var(--fds-colour-neutral-60);
647
+ --fds-colour-icon-strongest: var(--fds-colour-neutral-100);
638
648
  --fds-colour-icon-primary: var(--fds-colour-primary-60);
639
649
  --fds-colour-icon-primary-subtle: var(--fds-colour-primary-50);
640
650
  --fds-colour-icon-primary-subtlest: var(--fds-colour-primary-40);
641
- --fds-colour-icon-brand: var(--fds-colour-brand-50);
651
+ --fds-colour-icon-brand: var(--fds-colour-brand-60);
642
652
  --fds-colour-icon-secondary: var(--fds-colour-secondary-60);
643
653
  --fds-colour-icon-secondary-subtle: var(--fds-colour-secondary-50);
644
654
  --fds-colour-icon-hover: var(--fds-colour-primary-70);
@@ -648,15 +658,15 @@
648
658
  --fds-colour-icon-disabled-subtle: var(--fds-colour-neutral-50);
649
659
  --fds-colour-icon-selected-disabled: var(--fds-colour-neutral-50);
650
660
  --fds-colour-icon-success: var(--fds-colour-success-60);
651
- --fds-colour-icon-warning: var(--fds-colour-warning-50);
661
+ --fds-colour-icon-warning: var(--fds-colour-warning-70);
652
662
  --fds-colour-icon-error: var(--fds-colour-error-60);
653
663
  --fds-colour-icon-error-strong: var(--fds-colour-error-70);
654
664
  --fds-colour-icon-info: var(--fds-colour-info-60);
655
665
  --fds-colour-icon-inverse: var(--fds-colour-black);
656
666
  --fds-colour-icon-primary-inverse: var(--fds-colour-primary-inverse);
657
667
  /* border - adjusted for dark mode */
658
- --fds-colour-border: var(--fds-colour-neutral-20);
659
- --fds-colour-border-strong: var(--fds-colour-neutral-40);
668
+ --fds-colour-border: var(--fds-colour-neutral-40);
669
+ --fds-colour-border-strong: var(--fds-colour-neutral-50);
660
670
  --fds-colour-border-stronger: var(--fds-colour-neutral-60);
661
671
  --fds-colour-border-primary: var(--fds-colour-primary-60);
662
672
  --fds-colour-border-primary-strong: var(--fds-colour-primary-70);
@@ -682,7 +692,18 @@
682
692
  --fds-colour-bg: var(--fds-colour-black);
683
693
  --fds-colour-bg-strong: var(--fds-colour-neutral-10);
684
694
  --fds-colour-bg-stronger: var(--fds-colour-neutral-20);
685
- --fds-colour-bg-strongest: var(--fds-colour-neutral-20);
695
+ --fds-colour-bg-strongest: var(--fds-colour-neutral-30);
696
+ --fds-colour-bg-primary: var(--fds-colour-primary-60);
697
+ --fds-colour-bg-primary-strong: var(--fds-colour-primary-70);
698
+ --fds-colour-bg-primary-subtle: var(--fds-colour-primary-50);
699
+ --fds-colour-bg-primary-subtler: var(--fds-colour-primary-20);
700
+ --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-10);
701
+ --fds-colour-bg-brand-subtler: var(--fds-colour-brand-20);
702
+ --fds-colour-bg-brand-subtlest: var(--fds-colour-brand-10);
703
+ --fds-colour-bg-secondary: var(--fds-colour-secondary-60);
704
+ --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-50);
705
+ --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-20);
706
+ --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-10);
686
707
  --fds-colour-bg-hover: var(--fds-colour-primary-20);
687
708
  --fds-colour-bg-hover-strong: var(--fds-colour-primary-20);
688
709
  --fds-colour-bg-hover-subtle: var(--fds-colour-primary-10);
@@ -703,8 +724,8 @@
703
724
  --fds-colour-bg-success-strong-hover: var(--fds-colour-success-70);
704
725
  --fds-colour-bg-warning: var(--fds-colour-warning-10);
705
726
  --fds-colour-bg-warning-hover: var(--fds-colour-warning-20);
706
- --fds-colour-bg-warning-strong: var(--fds-colour-warning-60);
707
- --fds-colour-bg-warning-strong-hover: var(--fds-colour-warning-70);
727
+ --fds-colour-bg-warning-strong: var(--fds-colour-warning-70);
728
+ --fds-colour-bg-warning-strong-hover: var(--fds-colour-warning-80);
708
729
  --fds-colour-bg-info: var(--fds-colour-info-10);
709
730
  --fds-colour-bg-info-hover: var(--fds-colour-info-20);
710
731
  --fds-colour-bg-info-strong: var(--fds-colour-info-60);
@@ -718,16 +739,7 @@
718
739
  --fds-colour-bg-inverse-subtler: var(--fds-colour-neutral-60);
719
740
  --fds-colour-bg-inverse-subtlest: var(--fds-colour-neutral-50);
720
741
  --fds-colour-bg-inverse-hover: var(--fds-colour-neutral-70);
721
- --fds-colour-bg-primary: var(--fds-colour-primary-60);
722
- --fds-colour-bg-primary-strong: var(--fds-colour-primary-70);
723
- --fds-colour-bg-primary-subtle: var(--fds-colour-primary-50);
724
- --fds-colour-bg-primary-subtler: var(--fds-colour-primary-20);
725
- --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-10);
726
742
  --fds-colour-bg-available: #185339;
727
- --fds-colour-bg-secondary: var(--fds-colour-secondary-60);
728
- --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-50);
729
- --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-20);
730
- --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-10);
731
743
  --fds-colour-bg-primary-hover: var(--fds-colour-primary-70);
732
744
  --fds-colour-bg-primary-strong-hover: var(--fds-colour-primary-80);
733
745
  --fds-colour-bg-primary-subtlest-hover: var(--fds-colour-primary-20);
package/theme/styles/wogaa.css CHANGED
@@ -103,6 +103,9 @@
103
103
  --fds-radius-sm: 4px;
104
104
  --fds-radius-md: 8px;
105
105
  --fds-radius-lg: 12px;
106
+ --fds-radius-xl: 16px;
107
+ --fds-radius-xxl: 24px;
108
+ --fds-radius-xxxl: 32px;
106
109
  --fds-radius-full: 9999px;
107
110
  }
108
111
 
@@ -224,6 +227,8 @@
224
227
 
225
228
  --fds-colour-text-primary-strong: var(--fds-colour-primary-40);
226
229
 
230
+ --fds-colour-text-primary-stronger: var(--fds-colour-primary-30);
231
+
227
232
  --fds-colour-text-primary-strongest: var(--fds-colour-primary-20);
228
233
 
229
234
  --fds-colour-text-brand: var(--fds-colour-brand-50);
@@ -360,6 +365,28 @@
360
365
 
361
366
  --fds-colour-bg-strongest: var(--fds-colour-neutral-90);
362
367
 
368
+ --fds-colour-bg-primary: var(--fds-colour-primary-50);
369
+
370
+ --fds-colour-bg-primary-strong: var(--fds-colour-primary-40);
371
+
372
+ --fds-colour-bg-primary-subtle: var(--fds-colour-primary-60);
373
+
374
+ --fds-colour-bg-primary-subtler: var(--fds-colour-primary-95);
375
+
376
+ --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-100);
377
+
378
+ --fds-colour-bg-brand-subtler: var(--fds-colour-brand-95);
379
+
380
+ --fds-colour-bg-brand-subtlest: var(--fds-colour-brand-100);
381
+
382
+ --fds-colour-bg-secondary: var(--fds-colour-secondary-50);
383
+
384
+ --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-60);
385
+
386
+ --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-95);
387
+
388
+ --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-100);
389
+
363
390
  --fds-colour-bg-hover: var(--fds-colour-primary-95);
364
391
 
365
392
  --fds-colour-bg-hover-strong: var(--fds-colour-primary-90);
@@ -430,24 +457,6 @@
430
457
 
431
458
  --fds-colour-bg-inverse-hover: var(--fds-colour-neutral-40);
432
459
 
433
- --fds-colour-bg-primary: var(--fds-colour-primary-50);
434
-
435
- --fds-colour-bg-primary-strong: var(--fds-colour-primary-40);
436
-
437
- --fds-colour-bg-primary-subtle: var(--fds-colour-primary-60);
438
-
439
- --fds-colour-bg-primary-subtler: var(--fds-colour-primary-95);
440
-
441
- --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-100);
442
-
443
- --fds-colour-bg-secondary: var(--fds-colour-secondary-50);
444
-
445
- --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-60);
446
-
447
- --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-95);
448
-
449
- --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-100);
450
-
451
460
  --fds-colour-bg-available: #6DD0A1;
452
461
 
453
462
  --fds-colour-bg-primary-hover: var(--fds-colour-primary-40);
@@ -611,12 +620,13 @@
611
620
  /* text */
612
621
  --fds-colour-text: var(--fds-colour-neutral-100);
613
622
  --fds-colour-text-subtle: var(--fds-colour-neutral-80);
614
- --fds-colour-text-subtler: var(--fds-colour-neutral-60);
615
- --fds-colour-text-subtlest: var(--fds-colour-neutral-50);
623
+ --fds-colour-text-subtler: var(--fds-colour-neutral-70);
624
+ --fds-colour-text-subtlest: var(--fds-colour-neutral-60);
616
625
  --fds-colour-text-primary: var(--fds-colour-primary-60);
617
626
  --fds-colour-text-primary-strong: var(--fds-colour-primary-70);
627
+ --fds-colour-text-primary-stronger: var(--fds-colour-primary-80);
618
628
  --fds-colour-text-primary-strongest: var(--fds-colour-primary-90);
619
- --fds-colour-text-brand: var(--fds-colour-brand-50);
629
+ --fds-colour-text-brand: var(--fds-colour-brand-60);
620
630
  --fds-colour-text-secondary: var(--fds-colour-secondary-60);
621
631
  --fds-colour-text-secondary-subtle: var(--fds-colour-secondary-50);
622
632
  --fds-colour-text-hover: var(--fds-colour-primary-70);
@@ -632,13 +642,13 @@
632
642
  --fds-colour-text-info: var(--fds-colour-info-70);
633
643
  --fds-colour-text-inverse: var(--fds-colour-black);
634
644
  /* icon */
635
- --fds-colour-icon: var(--fds-colour-neutral-60);
636
- --fds-colour-icon-subtle: var(--fds-colour-neutral-50);
637
- --fds-colour-icon-strongest: var(--fds-colour-neutral-90);
645
+ --fds-colour-icon: var(--fds-colour-neutral-70);
646
+ --fds-colour-icon-subtle: var(--fds-colour-neutral-60);
647
+ --fds-colour-icon-strongest: var(--fds-colour-neutral-100);
638
648
  --fds-colour-icon-primary: var(--fds-colour-primary-60);
639
649
  --fds-colour-icon-primary-subtle: var(--fds-colour-primary-50);
640
650
  --fds-colour-icon-primary-subtlest: var(--fds-colour-primary-40);
641
- --fds-colour-icon-brand: var(--fds-colour-brand-50);
651
+ --fds-colour-icon-brand: var(--fds-colour-brand-60);
642
652
  --fds-colour-icon-secondary: var(--fds-colour-secondary-60);
643
653
  --fds-colour-icon-secondary-subtle: var(--fds-colour-secondary-50);
644
654
  --fds-colour-icon-hover: var(--fds-colour-primary-70);
@@ -648,15 +658,15 @@
648
658
  --fds-colour-icon-disabled-subtle: var(--fds-colour-neutral-50);
649
659
  --fds-colour-icon-selected-disabled: var(--fds-colour-neutral-50);
650
660
  --fds-colour-icon-success: var(--fds-colour-success-60);
651
- --fds-colour-icon-warning: var(--fds-colour-warning-50);
661
+ --fds-colour-icon-warning: var(--fds-colour-warning-70);
652
662
  --fds-colour-icon-error: var(--fds-colour-error-60);
653
663
  --fds-colour-icon-error-strong: var(--fds-colour-error-70);
654
664
  --fds-colour-icon-info: var(--fds-colour-info-60);
655
665
  --fds-colour-icon-inverse: var(--fds-colour-black);
656
666
  --fds-colour-icon-primary-inverse: var(--fds-colour-primary-inverse);
657
667
  /* border - adjusted for dark mode */
658
- --fds-colour-border: var(--fds-colour-neutral-20);
659
- --fds-colour-border-strong: var(--fds-colour-neutral-40);
668
+ --fds-colour-border: var(--fds-colour-neutral-40);
669
+ --fds-colour-border-strong: var(--fds-colour-neutral-50);
660
670
  --fds-colour-border-stronger: var(--fds-colour-neutral-60);
661
671
  --fds-colour-border-primary: var(--fds-colour-primary-60);
662
672
  --fds-colour-border-primary-strong: var(--fds-colour-primary-70);
@@ -682,7 +692,18 @@
682
692
  --fds-colour-bg: var(--fds-colour-black);
683
693
  --fds-colour-bg-strong: var(--fds-colour-neutral-10);
684
694
  --fds-colour-bg-stronger: var(--fds-colour-neutral-20);
685
- --fds-colour-bg-strongest: var(--fds-colour-neutral-20);
695
+ --fds-colour-bg-strongest: var(--fds-colour-neutral-30);
696
+ --fds-colour-bg-primary: var(--fds-colour-primary-60);
697
+ --fds-colour-bg-primary-strong: var(--fds-colour-primary-70);
698
+ --fds-colour-bg-primary-subtle: var(--fds-colour-primary-50);
699
+ --fds-colour-bg-primary-subtler: var(--fds-colour-primary-20);
700
+ --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-10);
701
+ --fds-colour-bg-brand-subtler: var(--fds-colour-brand-20);
702
+ --fds-colour-bg-brand-subtlest: var(--fds-colour-brand-10);
703
+ --fds-colour-bg-secondary: var(--fds-colour-secondary-60);
704
+ --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-50);
705
+ --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-20);
706
+ --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-10);
686
707
  --fds-colour-bg-hover: var(--fds-colour-primary-20);
687
708
  --fds-colour-bg-hover-strong: var(--fds-colour-primary-20);
688
709
  --fds-colour-bg-hover-subtle: var(--fds-colour-primary-10);
@@ -703,8 +724,8 @@
703
724
  --fds-colour-bg-success-strong-hover: var(--fds-colour-success-70);
704
725
  --fds-colour-bg-warning: var(--fds-colour-warning-10);
705
726
  --fds-colour-bg-warning-hover: var(--fds-colour-warning-20);
706
- --fds-colour-bg-warning-strong: var(--fds-colour-warning-60);
707
- --fds-colour-bg-warning-strong-hover: var(--fds-colour-warning-70);
727
+ --fds-colour-bg-warning-strong: var(--fds-colour-warning-70);
728
+ --fds-colour-bg-warning-strong-hover: var(--fds-colour-warning-80);
708
729
  --fds-colour-bg-info: var(--fds-colour-info-10);
709
730
  --fds-colour-bg-info-hover: var(--fds-colour-info-20);
710
731
  --fds-colour-bg-info-strong: var(--fds-colour-info-60);
@@ -718,16 +739,7 @@
718
739
  --fds-colour-bg-inverse-subtler: var(--fds-colour-neutral-60);
719
740
  --fds-colour-bg-inverse-subtlest: var(--fds-colour-neutral-50);
720
741
  --fds-colour-bg-inverse-hover: var(--fds-colour-neutral-70);
721
- --fds-colour-bg-primary: var(--fds-colour-primary-60);
722
- --fds-colour-bg-primary-strong: var(--fds-colour-primary-70);
723
- --fds-colour-bg-primary-subtle: var(--fds-colour-primary-50);
724
- --fds-colour-bg-primary-subtler: var(--fds-colour-primary-20);
725
- --fds-colour-bg-primary-subtlest: var(--fds-colour-primary-10);
726
742
  --fds-colour-bg-available: #185339;
727
- --fds-colour-bg-secondary: var(--fds-colour-secondary-60);
728
- --fds-colour-bg-secondary-subtle: var(--fds-colour-secondary-50);
729
- --fds-colour-bg-secondary-subtler: var(--fds-colour-secondary-20);
730
- --fds-colour-bg-secondary-subtlest: var(--fds-colour-secondary-10);
731
743
  --fds-colour-bg-primary-hover: var(--fds-colour-primary-70);
732
744
  --fds-colour-bg-primary-strong-hover: var(--fds-colour-primary-80);
733
745
  --fds-colour-bg-primary-subtlest-hover: var(--fds-colour-primary-20);
package/theme/tokens/colour.d.ts CHANGED
@@ -104,6 +104,7 @@ export declare const SemanticColours: {
104
104
  readonly "text-subtlest": "var(--fds-colour-text-subtlest)";
105
105
  readonly "text-primary": "var(--fds-colour-text-primary)";
106
106
  readonly "text-primary-strong": "var(--fds-colour-text-primary-strong)";
107
+ readonly "text-primary-stronger": "var(--fds-colour-text-primary-stronger)";
107
108
  readonly "text-primary-strongest": "var(--fds-colour-text-primary-strongest)";
108
109
  readonly "text-brand": "var(--fds-colour-text-brand)";
109
110
  readonly "text-secondary": "var(--fds-colour-text-secondary)";
@@ -213,6 +214,8 @@ export declare const SemanticColours: {
213
214
  readonly "bg-secondary-subtle": "var(--fds-colour-bg-secondary-subtle)";
214
215
  readonly "bg-secondary-subtler": "var(--fds-colour-bg-secondary-subtler)";
215
216
  readonly "bg-secondary-subtlest": "var(--fds-colour-bg-secondary-subtlest)";
217
+ readonly "bg-brand-subtler": "var(--fds-colour-bg-brand-subtler)";
218
+ readonly "bg-brand-subtlest": "var(--fds-colour-bg-brand-subtlest)";
216
219
  readonly "bg-available": "var(--fds-colour-bg-available)";
217
220
  readonly "bg-primary-hover": "var(--fds-colour-bg-primary-hover)";
218
221
  readonly "bg-primary-strong-hover": "var(--fds-colour-bg-primary-strong-hover)";
@@ -238,6 +241,7 @@ export declare const Colour: {
238
241
  readonly "text-subtlest": "var(--fds-colour-text-subtlest)";
239
242
  readonly "text-primary": "var(--fds-colour-text-primary)";
240
243
  readonly "text-primary-strong": "var(--fds-colour-text-primary-strong)";
244
+ readonly "text-primary-stronger": "var(--fds-colour-text-primary-stronger)";
241
245
  readonly "text-primary-strongest": "var(--fds-colour-text-primary-strongest)";
242
246
  readonly "text-brand": "var(--fds-colour-text-brand)";
243
247
  readonly "text-secondary": "var(--fds-colour-text-secondary)";
@@ -347,6 +351,8 @@ export declare const Colour: {
347
351
  readonly "bg-secondary-subtle": "var(--fds-colour-bg-secondary-subtle)";
348
352
  readonly "bg-secondary-subtler": "var(--fds-colour-bg-secondary-subtler)";
349
353
  readonly "bg-secondary-subtlest": "var(--fds-colour-bg-secondary-subtlest)";
354
+ readonly "bg-brand-subtler": "var(--fds-colour-bg-brand-subtler)";
355
+ readonly "bg-brand-subtlest": "var(--fds-colour-bg-brand-subtlest)";
350
356
  readonly "bg-available": "var(--fds-colour-bg-available)";
351
357
  readonly "bg-primary-hover": "var(--fds-colour-bg-primary-hover)";
352
358
  readonly "bg-primary-strong-hover": "var(--fds-colour-bg-primary-strong-hover)";
package/theme/tokens/colour.js CHANGED
@@ -1,2 +1,2 @@
1
- const r={"brand-10":"var(--fds-colour-brand-10)","brand-20":"var(--fds-colour-brand-20)","brand-30":"var(--fds-colour-brand-30)","brand-40":"var(--fds-colour-brand-40)","brand-50":"var(--fds-colour-brand-50)","brand-60":"var(--fds-colour-brand-60)","brand-70":"var(--fds-colour-brand-70)","brand-80":"var(--fds-colour-brand-80)","brand-90":"var(--fds-colour-brand-90)","brand-95":"var(--fds-colour-brand-95)","brand-100":"var(--fds-colour-brand-100)","primary-10":"var(--fds-colour-primary-10)","primary-20":"var(--fds-colour-primary-20)","primary-30":"var(--fds-colour-primary-30)","primary-40":"var(--fds-colour-primary-40)","primary-50":"var(--fds-colour-primary-50)","primary-60":"var(--fds-colour-primary-60)","primary-70":"var(--fds-colour-primary-70)","primary-80":"var(--fds-colour-primary-80)","primary-90":"var(--fds-colour-primary-90)","primary-95":"var(--fds-colour-primary-95)","primary-100":"var(--fds-colour-primary-100)","secondary-10":"var(--fds-colour-secondary-10)","secondary-20":"var(--fds-colour-secondary-20)","secondary-30":"var(--fds-colour-secondary-30)","secondary-40":"var(--fds-colour-secondary-40)","secondary-50":"var(--fds-colour-secondary-50)","secondary-60":"var(--fds-colour-secondary-60)","secondary-70":"var(--fds-colour-secondary-70)","secondary-80":"var(--fds-colour-secondary-80)","secondary-90":"var(--fds-colour-secondary-90)","secondary-95":"var(--fds-colour-secondary-95)","secondary-100":"var(--fds-colour-secondary-100)","neutral-10":"var(--fds-colour-neutral-10)","neutral-20":"var(--fds-colour-neutral-20)","neutral-30":"var(--fds-colour-neutral-30)","neutral-40":"var(--fds-colour-neutral-40)","neutral-50":"var(--fds-colour-neutral-50)","neutral-60":"var(--fds-colour-neutral-60)","neutral-70":"var(--fds-colour-neutral-70)","neutral-80":"var(--fds-colour-neutral-80)","neutral-90":"var(--fds-colour-neutral-90)","neutral-95":"var(--fds-colour-neutral-95)","neutral-100":"var(--fds-colour-neutral-100)","success-10":"var(--fds-colour-success-10)","success-20":"var(--fds-colour-success-20)","success-30":"var(--fds-colour-success-30)","success-40":"var(--fds-colour-success-40)","success-50":"var(--fds-colour-success-50)","success-60":"var(--fds-colour-success-60)","success-70":"var(--fds-colour-success-70)","success-80":"var(--fds-colour-success-80)","success-90":"var(--fds-colour-success-90)","success-95":"var(--fds-colour-success-95)","success-100":"var(--fds-colour-success-100)","warning-10":"var(--fds-colour-warning-10)","warning-20":"var(--fds-colour-warning-20)","warning-30":"var(--fds-colour-warning-30)","warning-40":"var(--fds-colour-warning-40)","warning-50":"var(--fds-colour-warning-50)","warning-60":"var(--fds-colour-warning-60)","warning-70":"var(--fds-colour-warning-70)","warning-80":"var(--fds-colour-warning-80)","warning-90":"var(--fds-colour-warning-90)","warning-95":"var(--fds-colour-warning-95)","warning-100":"var(--fds-colour-warning-100)","error-10":"var(--fds-colour-error-10)","error-20":"var(--fds-colour-error-20)","error-30":"var(--fds-colour-error-30)","error-40":"var(--fds-colour-error-40)","error-50":"var(--fds-colour-error-50)","error-60":"var(--fds-colour-error-60)","error-70":"var(--fds-colour-error-70)","error-80":"var(--fds-colour-error-80)","error-90":"var(--fds-colour-error-90)","error-95":"var(--fds-colour-error-95)","error-100":"var(--fds-colour-error-100)","info-10":"var(--fds-colour-info-10)","info-20":"var(--fds-colour-info-20)","info-30":"var(--fds-colour-info-30)","info-40":"var(--fds-colour-info-40)","info-50":"var(--fds-colour-info-50)","info-60":"var(--fds-colour-info-60)","info-70":"var(--fds-colour-info-70)","info-80":"var(--fds-colour-info-80)","info-90":"var(--fds-colour-info-90)","info-95":"var(--fds-colour-info-95)","info-100":"var(--fds-colour-info-100)",white:"var(--fds-colour-white)",black:"var(--fds-colour-black)","primary-inverse":"var(--fds-colour-primary-inverse)"},o={text:"var(--fds-colour-text)","text-subtle":"var(--fds-colour-text-subtle)","text-subtler":"var(--fds-colour-text-subtler)","text-subtlest":"var(--fds-colour-text-subtlest)","text-primary":"var(--fds-colour-text-primary)","text-primary-strong":"var(--fds-colour-text-primary-strong)","text-primary-strongest":"var(--fds-colour-text-primary-strongest)","text-brand":"var(--fds-colour-text-brand)","text-secondary":"var(--fds-colour-text-secondary)","text-secondary-subtle":"var(--fds-colour-text-secondary-subtle)","text-hover":"var(--fds-colour-text-hover)","text-selected":"var(--fds-colour-text-selected)","text-selected-hover":"var(--fds-colour-text-selected-hover)","text-disabled":"var(--fds-colour-text-disabled)","text-disabled-subtle":"var(--fds-colour-text-disabled-subtle)","text-disabled-subtlest":"var(--fds-colour-text-disabled-subtlest)","text-selected-disabled":"var(--fds-colour-text-selected-disabled)","text-success":"var(--fds-colour-text-success)","text-warning":"var(--fds-colour-text-warning)","text-error":"var(--fds-colour-text-error)","text-info":"var(--fds-colour-text-info)","text-inverse":"var(--fds-colour-text-inverse)",icon:"var(--fds-colour-icon)","icon-subtle":"var(--fds-colour-icon-subtle)","icon-strongest":"var(--fds-colour-icon-strongest)","icon-primary":"var(--fds-colour-icon-primary)","icon-primary-subtle":"var(--fds-colour-icon-primary-subtle)","icon-primary-subtlest":"var(--fds-colour-icon-primary-subtlest)","icon-brand":"var(--fds-colour-icon-brand)","icon-secondary":"var(--fds-colour-icon-secondary)","icon-secondary-subtle":"var(--fds-colour-icon-secondary-subtle)","icon-hover":"var(--fds-colour-icon-hover)","icon-selected":"var(--fds-colour-icon-selected)","icon-selected-hover":"var(--fds-colour-icon-selected-hover)","icon-disabled":"var(--fds-colour-icon-disabled)","icon-disabled-subtle":"var(--fds-colour-icon-disabled-subtle)","icon-selected-disabled":"var(--fds-colour-icon-selected-disabled)","icon-success":"var(--fds-colour-icon-success)","icon-warning":"var(--fds-colour-icon-warning)","icon-error":"var(--fds-colour-icon-error)","icon-error-strong":"var(--fds-colour-icon-error-strong)","icon-info":"var(--fds-colour-icon-info)","icon-inverse":"var(--fds-colour-icon-inverse)","icon-primary-inverse":"var(--fds-colour-icon-primary-inverse)",border:"var(--fds-colour-border)","border-strong":"var(--fds-colour-border-strong)","border-stronger":"var(--fds-colour-border-stronger)","border-primary":"var(--fds-colour-border-primary)","border-primary-strong":"var(--fds-colour-border-primary-strong)","border-primary-subtle":"var(--fds-colour-border-primary-subtle)","border-hover":"var(--fds-colour-border-hover)","border-hover-strong":"var(--fds-colour-border-hover-strong)","border-selected":"var(--fds-colour-border-selected)","border-selected-subtle":"var(--fds-colour-border-selected-subtle)","border-selected-subtlest":"var(--fds-colour-border-selected-subtlest)","border-selected-hover":"var(--fds-colour-border-selected-hover)","border-focus":"var(--fds-colour-border-focus)","border-focus-strong":"var(--fds-colour-border-focus-strong)","border-disabled":"var(--fds-colour-border-disabled)","border-selected-disabled":"var(--fds-colour-border-selected-disabled)","border-success":"var(--fds-colour-border-success)","border-warning":"var(--fds-colour-border-warning)","border-error":"var(--fds-colour-border-error)","border-error-focus":"var(--fds-colour-border-error-focus)","border-error-focus-strong":"var(--fds-colour-border-error-focus-strong)","border-error-strong":"var(--fds-colour-border-error-strong)","border-info":"var(--fds-colour-border-info)",bg:"var(--fds-colour-bg)","bg-strong":"var(--fds-colour-bg-strong)","bg-stronger":"var(--fds-colour-bg-stronger)","bg-strongest":"var(--fds-colour-bg-strongest)","bg-hover":"var(--fds-colour-bg-hover)","bg-hover-strong":"var(--fds-colour-bg-hover-strong)","bg-hover-subtle":"var(--fds-colour-bg-hover-subtle)","bg-hover-neutral":"var(--fds-colour-bg-hover-neutral)","bg-hover-neutral-strong":"var(--fds-colour-bg-hover-neutral-strong)","bg-selected":"var(--fds-colour-bg-selected)","bg-selected-hover":"var(--fds-colour-bg-selected-hover)","bg-selected-strong":"var(--fds-colour-bg-selected-strong)","bg-selected-stronger":"var(--fds-colour-bg-selected-stronger)","bg-selected-strongest":"var(--fds-colour-bg-selected-strongest)","bg-selected-strongest-hover":"var(--fds-colour-bg-selected-strongest-hover)","bg-disabled":"var(--fds-colour-bg-disabled)","bg-selected-disabled":"var(--fds-colour-bg-selected-disabled)","bg-selected-stronger-disabled":"var(--fds-colour-bg-selected-stronger-disabled)","bg-success":"var(--fds-colour-bg-success)","bg-success-hover":"var(--fds-colour-bg-success-hover)","bg-success-strong":"var(--fds-colour-bg-success-strong)","bg-success-strong-hover":"var(--fds-colour-bg-success-strong-hover)","bg-warning":"var(--fds-colour-bg-warning)","bg-warning-hover":"var(--fds-colour-bg-warning-hover)","bg-warning-strong":"var(--fds-colour-bg-warning-strong)","bg-warning-strong-hover":"var(--fds-colour-bg-warning-strong-hover)","bg-info":"var(--fds-colour-bg-info)","bg-info-hover":"var(--fds-colour-bg-info-hover)","bg-info-strong":"var(--fds-colour-bg-info-strong)","bg-info-strong-hover":"var(--fds-colour-bg-info-strong-hover)","bg-error":"var(--fds-colour-bg-error)","bg-error-hover":"var(--fds-colour-bg-error-hover)","bg-error-strong":"var(--fds-colour-bg-error-strong)","bg-error-strong-hover":"var(--fds-colour-bg-error-strong-hover)","bg-inverse":"var(--fds-colour-bg-inverse)","bg-inverse-subtle":"var(--fds-colour-bg-inverse-subtle)","bg-inverse-subtler":"var(--fds-colour-bg-inverse-subtler)","bg-inverse-subtlest":"var(--fds-colour-bg-inverse-subtlest)","bg-inverse-hover":"var(--fds-colour-bg-inverse-hover)","bg-primary":"var(--fds-colour-bg-primary)","bg-primary-strong":"var(--fds-colour-bg-primary-strong)","bg-primary-subtle":"var(--fds-colour-bg-primary-subtle)","bg-primary-subtler":"var(--fds-colour-bg-primary-subtler)","bg-primary-subtlest":"var(--fds-colour-bg-primary-subtlest)","bg-secondary":"var(--fds-colour-bg-secondary)","bg-secondary-subtle":"var(--fds-colour-bg-secondary-subtle)","bg-secondary-subtler":"var(--fds-colour-bg-secondary-subtler)","bg-secondary-subtlest":"var(--fds-colour-bg-secondary-subtlest)","bg-available":"var(--fds-colour-bg-available)","bg-primary-hover":"var(--fds-colour-bg-primary-hover)","bg-primary-strong-hover":"var(--fds-colour-bg-primary-strong-hover)","bg-primary-subtlest-hover":"var(--fds-colour-bg-primary-subtlest-hover)","bg-primary-subtlest-selected":"var(--fds-colour-bg-primary-subtlest-selected)","overlay-strong":"var(--fds-colour-overlay-strong)","overlay-subtle":"var(--fds-colour-overlay-subtle)",hyperlink:"var(--fds-colour-hyperlink)","hyperlink-hover":"var(--fds-colour-hyperlink-hover)","hyperlink-visited":"var(--fds-colour-hyperlink-visited)","hyperlink-inverse":"var(--fds-colour-hyperlink-inverse)","focus-ring":"var(--fds-colour-focus-ring)","focus-ring-inverse":"var(--fds-colour-focus-ring-inverse)"},s=Object.assign({Primitive:r},o);export{s as Colour,r as PrimitiveColours,o as SemanticColours};
1
+ const r={"brand-10":"var(--fds-colour-brand-10)","brand-20":"var(--fds-colour-brand-20)","brand-30":"var(--fds-colour-brand-30)","brand-40":"var(--fds-colour-brand-40)","brand-50":"var(--fds-colour-brand-50)","brand-60":"var(--fds-colour-brand-60)","brand-70":"var(--fds-colour-brand-70)","brand-80":"var(--fds-colour-brand-80)","brand-90":"var(--fds-colour-brand-90)","brand-95":"var(--fds-colour-brand-95)","brand-100":"var(--fds-colour-brand-100)","primary-10":"var(--fds-colour-primary-10)","primary-20":"var(--fds-colour-primary-20)","primary-30":"var(--fds-colour-primary-30)","primary-40":"var(--fds-colour-primary-40)","primary-50":"var(--fds-colour-primary-50)","primary-60":"var(--fds-colour-primary-60)","primary-70":"var(--fds-colour-primary-70)","primary-80":"var(--fds-colour-primary-80)","primary-90":"var(--fds-colour-primary-90)","primary-95":"var(--fds-colour-primary-95)","primary-100":"var(--fds-colour-primary-100)","secondary-10":"var(--fds-colour-secondary-10)","secondary-20":"var(--fds-colour-secondary-20)","secondary-30":"var(--fds-colour-secondary-30)","secondary-40":"var(--fds-colour-secondary-40)","secondary-50":"var(--fds-colour-secondary-50)","secondary-60":"var(--fds-colour-secondary-60)","secondary-70":"var(--fds-colour-secondary-70)","secondary-80":"var(--fds-colour-secondary-80)","secondary-90":"var(--fds-colour-secondary-90)","secondary-95":"var(--fds-colour-secondary-95)","secondary-100":"var(--fds-colour-secondary-100)","neutral-10":"var(--fds-colour-neutral-10)","neutral-20":"var(--fds-colour-neutral-20)","neutral-30":"var(--fds-colour-neutral-30)","neutral-40":"var(--fds-colour-neutral-40)","neutral-50":"var(--fds-colour-neutral-50)","neutral-60":"var(--fds-colour-neutral-60)","neutral-70":"var(--fds-colour-neutral-70)","neutral-80":"var(--fds-colour-neutral-80)","neutral-90":"var(--fds-colour-neutral-90)","neutral-95":"var(--fds-colour-neutral-95)","neutral-100":"var(--fds-colour-neutral-100)","success-10":"var(--fds-colour-success-10)","success-20":"var(--fds-colour-success-20)","success-30":"var(--fds-colour-success-30)","success-40":"var(--fds-colour-success-40)","success-50":"var(--fds-colour-success-50)","success-60":"var(--fds-colour-success-60)","success-70":"var(--fds-colour-success-70)","success-80":"var(--fds-colour-success-80)","success-90":"var(--fds-colour-success-90)","success-95":"var(--fds-colour-success-95)","success-100":"var(--fds-colour-success-100)","warning-10":"var(--fds-colour-warning-10)","warning-20":"var(--fds-colour-warning-20)","warning-30":"var(--fds-colour-warning-30)","warning-40":"var(--fds-colour-warning-40)","warning-50":"var(--fds-colour-warning-50)","warning-60":"var(--fds-colour-warning-60)","warning-70":"var(--fds-colour-warning-70)","warning-80":"var(--fds-colour-warning-80)","warning-90":"var(--fds-colour-warning-90)","warning-95":"var(--fds-colour-warning-95)","warning-100":"var(--fds-colour-warning-100)","error-10":"var(--fds-colour-error-10)","error-20":"var(--fds-colour-error-20)","error-30":"var(--fds-colour-error-30)","error-40":"var(--fds-colour-error-40)","error-50":"var(--fds-colour-error-50)","error-60":"var(--fds-colour-error-60)","error-70":"var(--fds-colour-error-70)","error-80":"var(--fds-colour-error-80)","error-90":"var(--fds-colour-error-90)","error-95":"var(--fds-colour-error-95)","error-100":"var(--fds-colour-error-100)","info-10":"var(--fds-colour-info-10)","info-20":"var(--fds-colour-info-20)","info-30":"var(--fds-colour-info-30)","info-40":"var(--fds-colour-info-40)","info-50":"var(--fds-colour-info-50)","info-60":"var(--fds-colour-info-60)","info-70":"var(--fds-colour-info-70)","info-80":"var(--fds-colour-info-80)","info-90":"var(--fds-colour-info-90)","info-95":"var(--fds-colour-info-95)","info-100":"var(--fds-colour-info-100)",white:"var(--fds-colour-white)",black:"var(--fds-colour-black)","primary-inverse":"var(--fds-colour-primary-inverse)"},o={text:"var(--fds-colour-text)","text-subtle":"var(--fds-colour-text-subtle)","text-subtler":"var(--fds-colour-text-subtler)","text-subtlest":"var(--fds-colour-text-subtlest)","text-primary":"var(--fds-colour-text-primary)","text-primary-strong":"var(--fds-colour-text-primary-strong)","text-primary-stronger":"var(--fds-colour-text-primary-stronger)","text-primary-strongest":"var(--fds-colour-text-primary-strongest)","text-brand":"var(--fds-colour-text-brand)","text-secondary":"var(--fds-colour-text-secondary)","text-secondary-subtle":"var(--fds-colour-text-secondary-subtle)","text-hover":"var(--fds-colour-text-hover)","text-selected":"var(--fds-colour-text-selected)","text-selected-hover":"var(--fds-colour-text-selected-hover)","text-disabled":"var(--fds-colour-text-disabled)","text-disabled-subtle":"var(--fds-colour-text-disabled-subtle)","text-disabled-subtlest":"var(--fds-colour-text-disabled-subtlest)","text-selected-disabled":"var(--fds-colour-text-selected-disabled)","text-success":"var(--fds-colour-text-success)","text-warning":"var(--fds-colour-text-warning)","text-error":"var(--fds-colour-text-error)","text-info":"var(--fds-colour-text-info)","text-inverse":"var(--fds-colour-text-inverse)",icon:"var(--fds-colour-icon)","icon-subtle":"var(--fds-colour-icon-subtle)","icon-strongest":"var(--fds-colour-icon-strongest)","icon-primary":"var(--fds-colour-icon-primary)","icon-primary-subtle":"var(--fds-colour-icon-primary-subtle)","icon-primary-subtlest":"var(--fds-colour-icon-primary-subtlest)","icon-brand":"var(--fds-colour-icon-brand)","icon-secondary":"var(--fds-colour-icon-secondary)","icon-secondary-subtle":"var(--fds-colour-icon-secondary-subtle)","icon-hover":"var(--fds-colour-icon-hover)","icon-selected":"var(--fds-colour-icon-selected)","icon-selected-hover":"var(--fds-colour-icon-selected-hover)","icon-disabled":"var(--fds-colour-icon-disabled)","icon-disabled-subtle":"var(--fds-colour-icon-disabled-subtle)","icon-selected-disabled":"var(--fds-colour-icon-selected-disabled)","icon-success":"var(--fds-colour-icon-success)","icon-warning":"var(--fds-colour-icon-warning)","icon-error":"var(--fds-colour-icon-error)","icon-error-strong":"var(--fds-colour-icon-error-strong)","icon-info":"var(--fds-colour-icon-info)","icon-inverse":"var(--fds-colour-icon-inverse)","icon-primary-inverse":"var(--fds-colour-icon-primary-inverse)",border:"var(--fds-colour-border)","border-strong":"var(--fds-colour-border-strong)","border-stronger":"var(--fds-colour-border-stronger)","border-primary":"var(--fds-colour-border-primary)","border-primary-strong":"var(--fds-colour-border-primary-strong)","border-primary-subtle":"var(--fds-colour-border-primary-subtle)","border-hover":"var(--fds-colour-border-hover)","border-hover-strong":"var(--fds-colour-border-hover-strong)","border-selected":"var(--fds-colour-border-selected)","border-selected-subtle":"var(--fds-colour-border-selected-subtle)","border-selected-subtlest":"var(--fds-colour-border-selected-subtlest)","border-selected-hover":"var(--fds-colour-border-selected-hover)","border-focus":"var(--fds-colour-border-focus)","border-focus-strong":"var(--fds-colour-border-focus-strong)","border-disabled":"var(--fds-colour-border-disabled)","border-selected-disabled":"var(--fds-colour-border-selected-disabled)","border-success":"var(--fds-colour-border-success)","border-warning":"var(--fds-colour-border-warning)","border-error":"var(--fds-colour-border-error)","border-error-focus":"var(--fds-colour-border-error-focus)","border-error-focus-strong":"var(--fds-colour-border-error-focus-strong)","border-error-strong":"var(--fds-colour-border-error-strong)","border-info":"var(--fds-colour-border-info)",bg:"var(--fds-colour-bg)","bg-strong":"var(--fds-colour-bg-strong)","bg-stronger":"var(--fds-colour-bg-stronger)","bg-strongest":"var(--fds-colour-bg-strongest)","bg-hover":"var(--fds-colour-bg-hover)","bg-hover-strong":"var(--fds-colour-bg-hover-strong)","bg-hover-subtle":"var(--fds-colour-bg-hover-subtle)","bg-hover-neutral":"var(--fds-colour-bg-hover-neutral)","bg-hover-neutral-strong":"var(--fds-colour-bg-hover-neutral-strong)","bg-selected":"var(--fds-colour-bg-selected)","bg-selected-hover":"var(--fds-colour-bg-selected-hover)","bg-selected-strong":"var(--fds-colour-bg-selected-strong)","bg-selected-stronger":"var(--fds-colour-bg-selected-stronger)","bg-selected-strongest":"var(--fds-colour-bg-selected-strongest)","bg-selected-strongest-hover":"var(--fds-colour-bg-selected-strongest-hover)","bg-disabled":"var(--fds-colour-bg-disabled)","bg-selected-disabled":"var(--fds-colour-bg-selected-disabled)","bg-selected-stronger-disabled":"var(--fds-colour-bg-selected-stronger-disabled)","bg-success":"var(--fds-colour-bg-success)","bg-success-hover":"var(--fds-colour-bg-success-hover)","bg-success-strong":"var(--fds-colour-bg-success-strong)","bg-success-strong-hover":"var(--fds-colour-bg-success-strong-hover)","bg-warning":"var(--fds-colour-bg-warning)","bg-warning-hover":"var(--fds-colour-bg-warning-hover)","bg-warning-strong":"var(--fds-colour-bg-warning-strong)","bg-warning-strong-hover":"var(--fds-colour-bg-warning-strong-hover)","bg-info":"var(--fds-colour-bg-info)","bg-info-hover":"var(--fds-colour-bg-info-hover)","bg-info-strong":"var(--fds-colour-bg-info-strong)","bg-info-strong-hover":"var(--fds-colour-bg-info-strong-hover)","bg-error":"var(--fds-colour-bg-error)","bg-error-hover":"var(--fds-colour-bg-error-hover)","bg-error-strong":"var(--fds-colour-bg-error-strong)","bg-error-strong-hover":"var(--fds-colour-bg-error-strong-hover)","bg-inverse":"var(--fds-colour-bg-inverse)","bg-inverse-subtle":"var(--fds-colour-bg-inverse-subtle)","bg-inverse-subtler":"var(--fds-colour-bg-inverse-subtler)","bg-inverse-subtlest":"var(--fds-colour-bg-inverse-subtlest)","bg-inverse-hover":"var(--fds-colour-bg-inverse-hover)","bg-primary":"var(--fds-colour-bg-primary)","bg-primary-strong":"var(--fds-colour-bg-primary-strong)","bg-primary-subtle":"var(--fds-colour-bg-primary-subtle)","bg-primary-subtler":"var(--fds-colour-bg-primary-subtler)","bg-primary-subtlest":"var(--fds-colour-bg-primary-subtlest)","bg-secondary":"var(--fds-colour-bg-secondary)","bg-secondary-subtle":"var(--fds-colour-bg-secondary-subtle)","bg-secondary-subtler":"var(--fds-colour-bg-secondary-subtler)","bg-secondary-subtlest":"var(--fds-colour-bg-secondary-subtlest)","bg-brand-subtler":"var(--fds-colour-bg-brand-subtler)","bg-brand-subtlest":"var(--fds-colour-bg-brand-subtlest)","bg-available":"var(--fds-colour-bg-available)","bg-primary-hover":"var(--fds-colour-bg-primary-hover)","bg-primary-strong-hover":"var(--fds-colour-bg-primary-strong-hover)","bg-primary-subtlest-hover":"var(--fds-colour-bg-primary-subtlest-hover)","bg-primary-subtlest-selected":"var(--fds-colour-bg-primary-subtlest-selected)","overlay-strong":"var(--fds-colour-overlay-strong)","overlay-subtle":"var(--fds-colour-overlay-subtle)",hyperlink:"var(--fds-colour-hyperlink)","hyperlink-hover":"var(--fds-colour-hyperlink-hover)","hyperlink-visited":"var(--fds-colour-hyperlink-visited)","hyperlink-inverse":"var(--fds-colour-hyperlink-inverse)","focus-ring":"var(--fds-colour-focus-ring)","focus-ring-inverse":"var(--fds-colour-focus-ring-inverse)"},s=Object.assign({Primitive:r},o);export{s as Colour,r as PrimitiveColours,o as SemanticColours};
2
2
  //# sourceMappingURL=colour.js.map
package/theme/tokens/colour.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colour.js","sources":["../../../src/theme/tokens/colour.ts"],"sourcesContent":["/**\n * Base colour palette.\n */\nexport const PrimitiveColours = {\n \"brand-10\": \"var(--fds-colour-brand-10)\",\n \"brand-20\": \"var(--fds-colour-brand-20)\",\n \"brand-30\": \"var(--fds-colour-brand-30)\",\n \"brand-40\": \"var(--fds-colour-brand-40)\",\n \"brand-50\": \"var(--fds-colour-brand-50)\",\n \"brand-60\": \"var(--fds-colour-brand-60)\",\n \"brand-70\": \"var(--fds-colour-brand-70)\",\n \"brand-80\": \"var(--fds-colour-brand-80)\",\n \"brand-90\": \"var(--fds-colour-brand-90)\",\n \"brand-95\": \"var(--fds-colour-brand-95)\",\n \"brand-100\": \"var(--fds-colour-brand-100)\",\n\n \"primary-10\": \"var(--fds-colour-primary-10)\",\n \"primary-20\": \"var(--fds-colour-primary-20)\",\n \"primary-30\": \"var(--fds-colour-primary-30)\",\n \"primary-40\": \"var(--fds-colour-primary-40)\",\n \"primary-50\": \"var(--fds-colour-primary-50)\",\n \"primary-60\": \"var(--fds-colour-primary-60)\",\n \"primary-70\": \"var(--fds-colour-primary-70)\",\n \"primary-80\": \"var(--fds-colour-primary-80)\",\n \"primary-90\": \"var(--fds-colour-primary-90)\",\n \"primary-95\": \"var(--fds-colour-primary-95)\",\n \"primary-100\": \"var(--fds-colour-primary-100)\",\n\n \"secondary-10\": \"var(--fds-colour-secondary-10)\",\n \"secondary-20\": \"var(--fds-colour-secondary-20)\",\n \"secondary-30\": \"var(--fds-colour-secondary-30)\",\n \"secondary-40\": \"var(--fds-colour-secondary-40)\",\n \"secondary-50\": \"var(--fds-colour-secondary-50)\",\n \"secondary-60\": \"var(--fds-colour-secondary-60)\",\n \"secondary-70\": \"var(--fds-colour-secondary-70)\",\n \"secondary-80\": \"var(--fds-colour-secondary-80)\",\n \"secondary-90\": \"var(--fds-colour-secondary-90)\",\n \"secondary-95\": \"var(--fds-colour-secondary-95)\",\n \"secondary-100\": \"var(--fds-colour-secondary-100)\",\n\n \"neutral-10\": \"var(--fds-colour-neutral-10)\",\n \"neutral-20\": \"var(--fds-colour-neutral-20)\",\n \"neutral-30\": \"var(--fds-colour-neutral-30)\",\n \"neutral-40\": \"var(--fds-colour-neutral-40)\",\n \"neutral-50\": \"var(--fds-colour-neutral-50)\",\n \"neutral-60\": \"var(--fds-colour-neutral-60)\",\n \"neutral-70\": \"var(--fds-colour-neutral-70)\",\n \"neutral-80\": \"var(--fds-colour-neutral-80)\",\n \"neutral-90\": \"var(--fds-colour-neutral-90)\",\n \"neutral-95\": \"var(--fds-colour-neutral-95)\",\n \"neutral-100\": \"var(--fds-colour-neutral-100)\",\n\n \"success-10\": \"var(--fds-colour-success-10)\",\n \"success-20\": \"var(--fds-colour-success-20)\",\n \"success-30\": \"var(--fds-colour-success-30)\",\n \"success-40\": \"var(--fds-colour-success-40)\",\n \"success-50\": \"var(--fds-colour-success-50)\",\n \"success-60\": \"var(--fds-colour-success-60)\",\n \"success-70\": \"var(--fds-colour-success-70)\",\n \"success-80\": \"var(--fds-colour-success-80)\",\n \"success-90\": \"var(--fds-colour-success-90)\",\n \"success-95\": \"var(--fds-colour-success-95)\",\n \"success-100\": \"var(--fds-colour-success-100)\",\n\n \"warning-10\": \"var(--fds-colour-warning-10)\",\n \"warning-20\": \"var(--fds-colour-warning-20)\",\n \"warning-30\": \"var(--fds-colour-warning-30)\",\n \"warning-40\": \"var(--fds-colour-warning-40)\",\n \"warning-50\": \"var(--fds-colour-warning-50)\",\n \"warning-60\": \"var(--fds-colour-warning-60)\",\n \"warning-70\": \"var(--fds-colour-warning-70)\",\n \"warning-80\": \"var(--fds-colour-warning-80)\",\n \"warning-90\": \"var(--fds-colour-warning-90)\",\n \"warning-95\": \"var(--fds-colour-warning-95)\",\n \"warning-100\": \"var(--fds-colour-warning-100)\",\n\n \"error-10\": \"var(--fds-colour-error-10)\",\n \"error-20\": \"var(--fds-colour-error-20)\",\n \"error-30\": \"var(--fds-colour-error-30)\",\n \"error-40\": \"var(--fds-colour-error-40)\",\n \"error-50\": \"var(--fds-colour-error-50)\",\n \"error-60\": \"var(--fds-colour-error-60)\",\n \"error-70\": \"var(--fds-colour-error-70)\",\n \"error-80\": \"var(--fds-colour-error-80)\",\n \"error-90\": \"var(--fds-colour-error-90)\",\n \"error-95\": \"var(--fds-colour-error-95)\",\n \"error-100\": \"var(--fds-colour-error-100)\",\n\n \"info-10\": \"var(--fds-colour-info-10)\",\n \"info-20\": \"var(--fds-colour-info-20)\",\n \"info-30\": \"var(--fds-colour-info-30)\",\n \"info-40\": \"var(--fds-colour-info-40)\",\n \"info-50\": \"var(--fds-colour-info-50)\",\n \"info-60\": \"var(--fds-colour-info-60)\",\n \"info-70\": \"var(--fds-colour-info-70)\",\n \"info-80\": \"var(--fds-colour-info-80)\",\n \"info-90\": \"var(--fds-colour-info-90)\",\n \"info-95\": \"var(--fds-colour-info-95)\",\n \"info-100\": \"var(--fds-colour-info-100)\",\n\n white: \"var(--fds-colour-white)\",\n black: \"var(--fds-colour-black)\",\n \"primary-inverse\": \"var(--fds-colour-primary-inverse)\",\n} as const;\n\n/**\n * Purpose-driven colour tokens.\n */\nexport const SemanticColours = {\n text: \"var(--fds-colour-text)\",\n \"text-subtle\": \"var(--fds-colour-text-subtle)\",\n \"text-subtler\": \"var(--fds-colour-text-subtler)\",\n \"text-subtlest\": \"var(--fds-colour-text-subtlest)\",\n \"text-primary\": \"var(--fds-colour-text-primary)\",\n \"text-primary-strong\": \"var(--fds-colour-text-primary-strong)\",\n \"text-primary-strongest\": \"var(--fds-colour-text-primary-strongest)\",\n \"text-brand\": \"var(--fds-colour-text-brand)\",\n \"text-secondary\": \"var(--fds-colour-text-secondary)\",\n \"text-secondary-subtle\": \"var(--fds-colour-text-secondary-subtle)\",\n \"text-hover\": \"var(--fds-colour-text-hover)\",\n \"text-selected\": \"var(--fds-colour-text-selected)\",\n \"text-selected-hover\": \"var(--fds-colour-text-selected-hover)\",\n \"text-disabled\": \"var(--fds-colour-text-disabled)\",\n \"text-disabled-subtle\": \"var(--fds-colour-text-disabled-subtle)\",\n \"text-disabled-subtlest\": \"var(--fds-colour-text-disabled-subtlest)\",\n \"text-selected-disabled\": \"var(--fds-colour-text-selected-disabled)\",\n \"text-success\": \"var(--fds-colour-text-success)\",\n \"text-warning\": \"var(--fds-colour-text-warning)\",\n \"text-error\": \"var(--fds-colour-text-error)\",\n \"text-info\": \"var(--fds-colour-text-info)\",\n \"text-inverse\": \"var(--fds-colour-text-inverse)\",\n\n icon: \"var(--fds-colour-icon)\",\n \"icon-subtle\": \"var(--fds-colour-icon-subtle)\",\n \"icon-strongest\": \"var(--fds-colour-icon-strongest)\",\n \"icon-primary\": \"var(--fds-colour-icon-primary)\",\n \"icon-primary-subtle\": \"var(--fds-colour-icon-primary-subtle)\",\n \"icon-primary-subtlest\": \"var(--fds-colour-icon-primary-subtlest)\",\n \"icon-brand\": \"var(--fds-colour-icon-brand)\",\n \"icon-secondary\": \"var(--fds-colour-icon-secondary)\",\n \"icon-secondary-subtle\": \"var(--fds-colour-icon-secondary-subtle)\",\n \"icon-hover\": \"var(--fds-colour-icon-hover)\",\n \"icon-selected\": \"var(--fds-colour-icon-selected)\",\n \"icon-selected-hover\": \"var(--fds-colour-icon-selected-hover)\",\n \"icon-disabled\": \"var(--fds-colour-icon-disabled)\",\n \"icon-disabled-subtle\": \"var(--fds-colour-icon-disabled-subtle)\",\n \"icon-selected-disabled\": \"var(--fds-colour-icon-selected-disabled)\",\n \"icon-success\": \"var(--fds-colour-icon-success)\",\n \"icon-warning\": \"var(--fds-colour-icon-warning)\",\n \"icon-error\": \"var(--fds-colour-icon-error)\",\n \"icon-error-strong\": \"var(--fds-colour-icon-error-strong)\",\n \"icon-info\": \"var(--fds-colour-icon-info)\",\n \"icon-inverse\": \"var(--fds-colour-icon-inverse)\",\n \"icon-primary-inverse\": \"var(--fds-colour-icon-primary-inverse)\",\n\n border: \"var(--fds-colour-border)\",\n \"border-strong\": \"var(--fds-colour-border-strong)\",\n \"border-stronger\": \"var(--fds-colour-border-stronger)\",\n \"border-primary\": \"var(--fds-colour-border-primary)\",\n \"border-primary-strong\": \"var(--fds-colour-border-primary-strong)\",\n \"border-primary-subtle\": \"var(--fds-colour-border-primary-subtle)\",\n \"border-hover\": \"var(--fds-colour-border-hover)\",\n \"border-hover-strong\": \"var(--fds-colour-border-hover-strong)\",\n \"border-selected\": \"var(--fds-colour-border-selected)\",\n \"border-selected-subtle\": \"var(--fds-colour-border-selected-subtle)\",\n \"border-selected-subtlest\": \"var(--fds-colour-border-selected-subtlest)\",\n \"border-selected-hover\": \"var(--fds-colour-border-selected-hover)\",\n \"border-focus\": \"var(--fds-colour-border-focus)\",\n \"border-focus-strong\": \"var(--fds-colour-border-focus-strong)\",\n \"border-disabled\": \"var(--fds-colour-border-disabled)\",\n \"border-selected-disabled\": \"var(--fds-colour-border-selected-disabled)\",\n \"border-success\": \"var(--fds-colour-border-success)\",\n \"border-warning\": \"var(--fds-colour-border-warning)\",\n \"border-error\": \"var(--fds-colour-border-error)\",\n \"border-error-focus\": \"var(--fds-colour-border-error-focus)\",\n \"border-error-focus-strong\": \"var(--fds-colour-border-error-focus-strong)\",\n \"border-error-strong\": \"var(--fds-colour-border-error-strong)\",\n \"border-info\": \"var(--fds-colour-border-info)\",\n\n bg: \"var(--fds-colour-bg)\",\n \"bg-strong\": \"var(--fds-colour-bg-strong)\",\n \"bg-stronger\": \"var(--fds-colour-bg-stronger)\",\n \"bg-strongest\": \"var(--fds-colour-bg-strongest)\",\n \"bg-hover\": \"var(--fds-colour-bg-hover)\",\n \"bg-hover-strong\": \"var(--fds-colour-bg-hover-strong)\",\n \"bg-hover-subtle\": \"var(--fds-colour-bg-hover-subtle)\",\n \"bg-hover-neutral\": \"var(--fds-colour-bg-hover-neutral)\",\n \"bg-hover-neutral-strong\": \"var(--fds-colour-bg-hover-neutral-strong)\",\n \"bg-selected\": \"var(--fds-colour-bg-selected)\",\n \"bg-selected-hover\": \"var(--fds-colour-bg-selected-hover)\",\n \"bg-selected-strong\": \"var(--fds-colour-bg-selected-strong)\",\n \"bg-selected-stronger\": \"var(--fds-colour-bg-selected-stronger)\",\n \"bg-selected-strongest\": \"var(--fds-colour-bg-selected-strongest)\",\n \"bg-selected-strongest-hover\":\n \"var(--fds-colour-bg-selected-strongest-hover)\",\n \"bg-disabled\": \"var(--fds-colour-bg-disabled)\",\n \"bg-selected-disabled\": \"var(--fds-colour-bg-selected-disabled)\",\n \"bg-selected-stronger-disabled\":\n \"var(--fds-colour-bg-selected-stronger-disabled)\",\n \"bg-success\": \"var(--fds-colour-bg-success)\",\n \"bg-success-hover\": \"var(--fds-colour-bg-success-hover)\",\n \"bg-success-strong\": \"var(--fds-colour-bg-success-strong)\",\n \"bg-success-strong-hover\": \"var(--fds-colour-bg-success-strong-hover)\",\n \"bg-warning\": \"var(--fds-colour-bg-warning)\",\n \"bg-warning-hover\": \"var(--fds-colour-bg-warning-hover)\",\n \"bg-warning-strong\": \"var(--fds-colour-bg-warning-strong)\",\n \"bg-warning-strong-hover\": \"var(--fds-colour-bg-warning-strong-hover)\",\n \"bg-info\": \"var(--fds-colour-bg-info)\",\n \"bg-info-hover\": \"var(--fds-colour-bg-info-hover)\",\n \"bg-info-strong\": \"var(--fds-colour-bg-info-strong)\",\n \"bg-info-strong-hover\": \"var(--fds-colour-bg-info-strong-hover)\",\n \"bg-error\": \"var(--fds-colour-bg-error)\",\n \"bg-error-hover\": \"var(--fds-colour-bg-error-hover)\",\n \"bg-error-strong\": \"var(--fds-colour-bg-error-strong)\",\n \"bg-error-strong-hover\": \"var(--fds-colour-bg-error-strong-hover)\",\n \"bg-inverse\": \"var(--fds-colour-bg-inverse)\",\n \"bg-inverse-subtle\": \"var(--fds-colour-bg-inverse-subtle)\",\n \"bg-inverse-subtler\": \"var(--fds-colour-bg-inverse-subtler)\",\n \"bg-inverse-subtlest\": \"var(--fds-colour-bg-inverse-subtlest)\",\n \"bg-inverse-hover\": \"var(--fds-colour-bg-inverse-hover)\",\n \"bg-primary\": \"var(--fds-colour-bg-primary)\",\n \"bg-primary-strong\": \"var(--fds-colour-bg-primary-strong)\",\n \"bg-primary-subtle\": \"var(--fds-colour-bg-primary-subtle)\",\n \"bg-primary-subtler\": \"var(--fds-colour-bg-primary-subtler)\",\n \"bg-primary-subtlest\": \"var(--fds-colour-bg-primary-subtlest)\",\n \"bg-secondary\": \"var(--fds-colour-bg-secondary)\",\n \"bg-secondary-subtle\": \"var(--fds-colour-bg-secondary-subtle)\",\n \"bg-secondary-subtler\": \"var(--fds-colour-bg-secondary-subtler)\",\n \"bg-secondary-subtlest\": \"var(--fds-colour-bg-secondary-subtlest)\",\n \"bg-available\": \"var(--fds-colour-bg-available)\",\n \"bg-primary-hover\": \"var(--fds-colour-bg-primary-hover)\",\n \"bg-primary-strong-hover\": \"var(--fds-colour-bg-primary-strong-hover)\",\n \"bg-primary-subtlest-hover\": \"var(--fds-colour-bg-primary-subtlest-hover)\",\n \"bg-primary-subtlest-selected\":\n \"var(--fds-colour-bg-primary-subtlest-selected)\",\n\n \"overlay-strong\": \"var(--fds-colour-overlay-strong)\",\n \"overlay-subtle\": \"var(--fds-colour-overlay-subtle)\",\n\n hyperlink: \"var(--fds-colour-hyperlink)\",\n \"hyperlink-hover\": \"var(--fds-colour-hyperlink-hover)\",\n \"hyperlink-visited\": \"var(--fds-colour-hyperlink-visited)\",\n \"hyperlink-inverse\": \"var(--fds-colour-hyperlink-inverse)\",\n\n \"focus-ring\": \"var(--fds-colour-focus-ring)\",\n \"focus-ring-inverse\": \"var(--fds-colour-focus-ring-inverse)\",\n} as const;\n\n// @catalog\n/**\n * Combined colour token set.\n * @keywords design tokens, palette, theming\n */\nexport const Colour = {\n Primitive: PrimitiveColours,\n ...SemanticColours,\n} as const;\n"],"names":["PrimitiveColours","white","black","SemanticColours","text","icon","border","bg","hyperlink","Colour","Object","assign","Primitive"],"mappings":"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"}
1
+ {"version":3,"file":"colour.js","sources":["../../../src/theme/tokens/colour.ts"],"sourcesContent":["/**\n * Base colour palette.\n */\nexport const PrimitiveColours = {\n \"brand-10\": \"var(--fds-colour-brand-10)\",\n \"brand-20\": \"var(--fds-colour-brand-20)\",\n \"brand-30\": \"var(--fds-colour-brand-30)\",\n \"brand-40\": \"var(--fds-colour-brand-40)\",\n \"brand-50\": \"var(--fds-colour-brand-50)\",\n \"brand-60\": \"var(--fds-colour-brand-60)\",\n \"brand-70\": \"var(--fds-colour-brand-70)\",\n \"brand-80\": \"var(--fds-colour-brand-80)\",\n \"brand-90\": \"var(--fds-colour-brand-90)\",\n \"brand-95\": \"var(--fds-colour-brand-95)\",\n \"brand-100\": \"var(--fds-colour-brand-100)\",\n\n \"primary-10\": \"var(--fds-colour-primary-10)\",\n \"primary-20\": \"var(--fds-colour-primary-20)\",\n \"primary-30\": \"var(--fds-colour-primary-30)\",\n \"primary-40\": \"var(--fds-colour-primary-40)\",\n \"primary-50\": \"var(--fds-colour-primary-50)\",\n \"primary-60\": \"var(--fds-colour-primary-60)\",\n \"primary-70\": \"var(--fds-colour-primary-70)\",\n \"primary-80\": \"var(--fds-colour-primary-80)\",\n \"primary-90\": \"var(--fds-colour-primary-90)\",\n \"primary-95\": \"var(--fds-colour-primary-95)\",\n \"primary-100\": \"var(--fds-colour-primary-100)\",\n\n \"secondary-10\": \"var(--fds-colour-secondary-10)\",\n \"secondary-20\": \"var(--fds-colour-secondary-20)\",\n \"secondary-30\": \"var(--fds-colour-secondary-30)\",\n \"secondary-40\": \"var(--fds-colour-secondary-40)\",\n \"secondary-50\": \"var(--fds-colour-secondary-50)\",\n \"secondary-60\": \"var(--fds-colour-secondary-60)\",\n \"secondary-70\": \"var(--fds-colour-secondary-70)\",\n \"secondary-80\": \"var(--fds-colour-secondary-80)\",\n \"secondary-90\": \"var(--fds-colour-secondary-90)\",\n \"secondary-95\": \"var(--fds-colour-secondary-95)\",\n \"secondary-100\": \"var(--fds-colour-secondary-100)\",\n\n \"neutral-10\": \"var(--fds-colour-neutral-10)\",\n \"neutral-20\": \"var(--fds-colour-neutral-20)\",\n \"neutral-30\": \"var(--fds-colour-neutral-30)\",\n \"neutral-40\": \"var(--fds-colour-neutral-40)\",\n \"neutral-50\": \"var(--fds-colour-neutral-50)\",\n \"neutral-60\": \"var(--fds-colour-neutral-60)\",\n \"neutral-70\": \"var(--fds-colour-neutral-70)\",\n \"neutral-80\": \"var(--fds-colour-neutral-80)\",\n \"neutral-90\": \"var(--fds-colour-neutral-90)\",\n \"neutral-95\": \"var(--fds-colour-neutral-95)\",\n \"neutral-100\": \"var(--fds-colour-neutral-100)\",\n\n \"success-10\": \"var(--fds-colour-success-10)\",\n \"success-20\": \"var(--fds-colour-success-20)\",\n \"success-30\": \"var(--fds-colour-success-30)\",\n \"success-40\": \"var(--fds-colour-success-40)\",\n \"success-50\": \"var(--fds-colour-success-50)\",\n \"success-60\": \"var(--fds-colour-success-60)\",\n \"success-70\": \"var(--fds-colour-success-70)\",\n \"success-80\": \"var(--fds-colour-success-80)\",\n \"success-90\": \"var(--fds-colour-success-90)\",\n \"success-95\": \"var(--fds-colour-success-95)\",\n \"success-100\": \"var(--fds-colour-success-100)\",\n\n \"warning-10\": \"var(--fds-colour-warning-10)\",\n \"warning-20\": \"var(--fds-colour-warning-20)\",\n \"warning-30\": \"var(--fds-colour-warning-30)\",\n \"warning-40\": \"var(--fds-colour-warning-40)\",\n \"warning-50\": \"var(--fds-colour-warning-50)\",\n \"warning-60\": \"var(--fds-colour-warning-60)\",\n \"warning-70\": \"var(--fds-colour-warning-70)\",\n \"warning-80\": \"var(--fds-colour-warning-80)\",\n \"warning-90\": \"var(--fds-colour-warning-90)\",\n \"warning-95\": \"var(--fds-colour-warning-95)\",\n \"warning-100\": \"var(--fds-colour-warning-100)\",\n\n \"error-10\": \"var(--fds-colour-error-10)\",\n \"error-20\": \"var(--fds-colour-error-20)\",\n \"error-30\": \"var(--fds-colour-error-30)\",\n \"error-40\": \"var(--fds-colour-error-40)\",\n \"error-50\": \"var(--fds-colour-error-50)\",\n \"error-60\": \"var(--fds-colour-error-60)\",\n \"error-70\": \"var(--fds-colour-error-70)\",\n \"error-80\": \"var(--fds-colour-error-80)\",\n \"error-90\": \"var(--fds-colour-error-90)\",\n \"error-95\": \"var(--fds-colour-error-95)\",\n \"error-100\": \"var(--fds-colour-error-100)\",\n\n \"info-10\": \"var(--fds-colour-info-10)\",\n \"info-20\": \"var(--fds-colour-info-20)\",\n \"info-30\": \"var(--fds-colour-info-30)\",\n \"info-40\": \"var(--fds-colour-info-40)\",\n \"info-50\": \"var(--fds-colour-info-50)\",\n \"info-60\": \"var(--fds-colour-info-60)\",\n \"info-70\": \"var(--fds-colour-info-70)\",\n \"info-80\": \"var(--fds-colour-info-80)\",\n \"info-90\": \"var(--fds-colour-info-90)\",\n \"info-95\": \"var(--fds-colour-info-95)\",\n \"info-100\": \"var(--fds-colour-info-100)\",\n\n white: \"var(--fds-colour-white)\",\n black: \"var(--fds-colour-black)\",\n \"primary-inverse\": \"var(--fds-colour-primary-inverse)\",\n} as const;\n\n/**\n * Purpose-driven colour tokens.\n */\nexport const SemanticColours = {\n text: \"var(--fds-colour-text)\",\n \"text-subtle\": \"var(--fds-colour-text-subtle)\",\n \"text-subtler\": \"var(--fds-colour-text-subtler)\",\n \"text-subtlest\": \"var(--fds-colour-text-subtlest)\",\n \"text-primary\": \"var(--fds-colour-text-primary)\",\n \"text-primary-strong\": \"var(--fds-colour-text-primary-strong)\",\n \"text-primary-stronger\": \"var(--fds-colour-text-primary-stronger)\",\n \"text-primary-strongest\": \"var(--fds-colour-text-primary-strongest)\",\n \"text-brand\": \"var(--fds-colour-text-brand)\",\n \"text-secondary\": \"var(--fds-colour-text-secondary)\",\n \"text-secondary-subtle\": \"var(--fds-colour-text-secondary-subtle)\",\n \"text-hover\": \"var(--fds-colour-text-hover)\",\n \"text-selected\": \"var(--fds-colour-text-selected)\",\n \"text-selected-hover\": \"var(--fds-colour-text-selected-hover)\",\n \"text-disabled\": \"var(--fds-colour-text-disabled)\",\n \"text-disabled-subtle\": \"var(--fds-colour-text-disabled-subtle)\",\n \"text-disabled-subtlest\": \"var(--fds-colour-text-disabled-subtlest)\",\n \"text-selected-disabled\": \"var(--fds-colour-text-selected-disabled)\",\n \"text-success\": \"var(--fds-colour-text-success)\",\n \"text-warning\": \"var(--fds-colour-text-warning)\",\n \"text-error\": \"var(--fds-colour-text-error)\",\n \"text-info\": \"var(--fds-colour-text-info)\",\n \"text-inverse\": \"var(--fds-colour-text-inverse)\",\n\n icon: \"var(--fds-colour-icon)\",\n \"icon-subtle\": \"var(--fds-colour-icon-subtle)\",\n \"icon-strongest\": \"var(--fds-colour-icon-strongest)\",\n \"icon-primary\": \"var(--fds-colour-icon-primary)\",\n \"icon-primary-subtle\": \"var(--fds-colour-icon-primary-subtle)\",\n \"icon-primary-subtlest\": \"var(--fds-colour-icon-primary-subtlest)\",\n \"icon-brand\": \"var(--fds-colour-icon-brand)\",\n \"icon-secondary\": \"var(--fds-colour-icon-secondary)\",\n \"icon-secondary-subtle\": \"var(--fds-colour-icon-secondary-subtle)\",\n \"icon-hover\": \"var(--fds-colour-icon-hover)\",\n \"icon-selected\": \"var(--fds-colour-icon-selected)\",\n \"icon-selected-hover\": \"var(--fds-colour-icon-selected-hover)\",\n \"icon-disabled\": \"var(--fds-colour-icon-disabled)\",\n \"icon-disabled-subtle\": \"var(--fds-colour-icon-disabled-subtle)\",\n \"icon-selected-disabled\": \"var(--fds-colour-icon-selected-disabled)\",\n \"icon-success\": \"var(--fds-colour-icon-success)\",\n \"icon-warning\": \"var(--fds-colour-icon-warning)\",\n \"icon-error\": \"var(--fds-colour-icon-error)\",\n \"icon-error-strong\": \"var(--fds-colour-icon-error-strong)\",\n \"icon-info\": \"var(--fds-colour-icon-info)\",\n \"icon-inverse\": \"var(--fds-colour-icon-inverse)\",\n \"icon-primary-inverse\": \"var(--fds-colour-icon-primary-inverse)\",\n\n border: \"var(--fds-colour-border)\",\n \"border-strong\": \"var(--fds-colour-border-strong)\",\n \"border-stronger\": \"var(--fds-colour-border-stronger)\",\n \"border-primary\": \"var(--fds-colour-border-primary)\",\n \"border-primary-strong\": \"var(--fds-colour-border-primary-strong)\",\n \"border-primary-subtle\": \"var(--fds-colour-border-primary-subtle)\",\n \"border-hover\": \"var(--fds-colour-border-hover)\",\n \"border-hover-strong\": \"var(--fds-colour-border-hover-strong)\",\n \"border-selected\": \"var(--fds-colour-border-selected)\",\n \"border-selected-subtle\": \"var(--fds-colour-border-selected-subtle)\",\n \"border-selected-subtlest\": \"var(--fds-colour-border-selected-subtlest)\",\n \"border-selected-hover\": \"var(--fds-colour-border-selected-hover)\",\n \"border-focus\": \"var(--fds-colour-border-focus)\",\n \"border-focus-strong\": \"var(--fds-colour-border-focus-strong)\",\n \"border-disabled\": \"var(--fds-colour-border-disabled)\",\n \"border-selected-disabled\": \"var(--fds-colour-border-selected-disabled)\",\n \"border-success\": \"var(--fds-colour-border-success)\",\n \"border-warning\": \"var(--fds-colour-border-warning)\",\n \"border-error\": \"var(--fds-colour-border-error)\",\n \"border-error-focus\": \"var(--fds-colour-border-error-focus)\",\n \"border-error-focus-strong\": \"var(--fds-colour-border-error-focus-strong)\",\n \"border-error-strong\": \"var(--fds-colour-border-error-strong)\",\n \"border-info\": \"var(--fds-colour-border-info)\",\n\n bg: \"var(--fds-colour-bg)\",\n \"bg-strong\": \"var(--fds-colour-bg-strong)\",\n \"bg-stronger\": \"var(--fds-colour-bg-stronger)\",\n \"bg-strongest\": \"var(--fds-colour-bg-strongest)\",\n \"bg-hover\": \"var(--fds-colour-bg-hover)\",\n \"bg-hover-strong\": \"var(--fds-colour-bg-hover-strong)\",\n \"bg-hover-subtle\": \"var(--fds-colour-bg-hover-subtle)\",\n \"bg-hover-neutral\": \"var(--fds-colour-bg-hover-neutral)\",\n \"bg-hover-neutral-strong\": \"var(--fds-colour-bg-hover-neutral-strong)\",\n \"bg-selected\": \"var(--fds-colour-bg-selected)\",\n \"bg-selected-hover\": \"var(--fds-colour-bg-selected-hover)\",\n \"bg-selected-strong\": \"var(--fds-colour-bg-selected-strong)\",\n \"bg-selected-stronger\": \"var(--fds-colour-bg-selected-stronger)\",\n \"bg-selected-strongest\": \"var(--fds-colour-bg-selected-strongest)\",\n \"bg-selected-strongest-hover\":\n \"var(--fds-colour-bg-selected-strongest-hover)\",\n \"bg-disabled\": \"var(--fds-colour-bg-disabled)\",\n \"bg-selected-disabled\": \"var(--fds-colour-bg-selected-disabled)\",\n \"bg-selected-stronger-disabled\":\n \"var(--fds-colour-bg-selected-stronger-disabled)\",\n \"bg-success\": \"var(--fds-colour-bg-success)\",\n \"bg-success-hover\": \"var(--fds-colour-bg-success-hover)\",\n \"bg-success-strong\": \"var(--fds-colour-bg-success-strong)\",\n \"bg-success-strong-hover\": \"var(--fds-colour-bg-success-strong-hover)\",\n \"bg-warning\": \"var(--fds-colour-bg-warning)\",\n \"bg-warning-hover\": \"var(--fds-colour-bg-warning-hover)\",\n \"bg-warning-strong\": \"var(--fds-colour-bg-warning-strong)\",\n \"bg-warning-strong-hover\": \"var(--fds-colour-bg-warning-strong-hover)\",\n \"bg-info\": \"var(--fds-colour-bg-info)\",\n \"bg-info-hover\": \"var(--fds-colour-bg-info-hover)\",\n \"bg-info-strong\": \"var(--fds-colour-bg-info-strong)\",\n \"bg-info-strong-hover\": \"var(--fds-colour-bg-info-strong-hover)\",\n \"bg-error\": \"var(--fds-colour-bg-error)\",\n \"bg-error-hover\": \"var(--fds-colour-bg-error-hover)\",\n \"bg-error-strong\": \"var(--fds-colour-bg-error-strong)\",\n \"bg-error-strong-hover\": \"var(--fds-colour-bg-error-strong-hover)\",\n \"bg-inverse\": \"var(--fds-colour-bg-inverse)\",\n \"bg-inverse-subtle\": \"var(--fds-colour-bg-inverse-subtle)\",\n \"bg-inverse-subtler\": \"var(--fds-colour-bg-inverse-subtler)\",\n \"bg-inverse-subtlest\": \"var(--fds-colour-bg-inverse-subtlest)\",\n \"bg-inverse-hover\": \"var(--fds-colour-bg-inverse-hover)\",\n \"bg-primary\": \"var(--fds-colour-bg-primary)\",\n \"bg-primary-strong\": \"var(--fds-colour-bg-primary-strong)\",\n \"bg-primary-subtle\": \"var(--fds-colour-bg-primary-subtle)\",\n \"bg-primary-subtler\": \"var(--fds-colour-bg-primary-subtler)\",\n \"bg-primary-subtlest\": \"var(--fds-colour-bg-primary-subtlest)\",\n \"bg-secondary\": \"var(--fds-colour-bg-secondary)\",\n \"bg-secondary-subtle\": \"var(--fds-colour-bg-secondary-subtle)\",\n \"bg-secondary-subtler\": \"var(--fds-colour-bg-secondary-subtler)\",\n \"bg-secondary-subtlest\": \"var(--fds-colour-bg-secondary-subtlest)\",\n \"bg-brand-subtler\": \"var(--fds-colour-bg-brand-subtler)\",\n \"bg-brand-subtlest\": \"var(--fds-colour-bg-brand-subtlest)\",\n \"bg-available\": \"var(--fds-colour-bg-available)\",\n \"bg-primary-hover\": \"var(--fds-colour-bg-primary-hover)\",\n \"bg-primary-strong-hover\": \"var(--fds-colour-bg-primary-strong-hover)\",\n \"bg-primary-subtlest-hover\": \"var(--fds-colour-bg-primary-subtlest-hover)\",\n \"bg-primary-subtlest-selected\":\n \"var(--fds-colour-bg-primary-subtlest-selected)\",\n\n \"overlay-strong\": \"var(--fds-colour-overlay-strong)\",\n \"overlay-subtle\": \"var(--fds-colour-overlay-subtle)\",\n\n hyperlink: \"var(--fds-colour-hyperlink)\",\n \"hyperlink-hover\": \"var(--fds-colour-hyperlink-hover)\",\n \"hyperlink-visited\": \"var(--fds-colour-hyperlink-visited)\",\n \"hyperlink-inverse\": \"var(--fds-colour-hyperlink-inverse)\",\n\n \"focus-ring\": \"var(--fds-colour-focus-ring)\",\n \"focus-ring-inverse\": \"var(--fds-colour-focus-ring-inverse)\",\n} as const;\n\n// @catalog\n/**\n * Combined colour token set.\n * @keywords design tokens, palette, theming\n */\nexport const Colour = {\n Primitive: PrimitiveColours,\n ...SemanticColours,\n} as const;\n"],"names":["PrimitiveColours","white","black","SemanticColours","text","icon","border","bg","hyperlink","Colour","Object","assign","Primitive"],"mappings":"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"}
package/theme/tokens/radius.d.ts CHANGED
@@ -8,5 +8,8 @@ export declare const Radius: {
8
8
  readonly sm: "var(--fds-radius-sm)";
9
9
  readonly md: "var(--fds-radius-md)";
10
10
  readonly lg: "var(--fds-radius-lg)";
11
+ readonly xl: "var(--fds-radius-xl)";
12
+ readonly xxl: "var(--fds-radius-xxl)";
13
+ readonly xxxl: "var(--fds-radius-xxxl)";
11
14
  readonly full: "var(--fds-radius-full)";
12
15
  };
package/theme/tokens/radius.js CHANGED
@@ -1,2 +1,2 @@
1
- const s={none:"var(--fds-radius-none)",xs:"var(--fds-radius-xs)",sm:"var(--fds-radius-sm)",md:"var(--fds-radius-md)",lg:"var(--fds-radius-lg)",full:"var(--fds-radius-full)"};export{s as Radius};
1
+ const s={none:"var(--fds-radius-none)",xs:"var(--fds-radius-xs)",sm:"var(--fds-radius-sm)",md:"var(--fds-radius-md)",lg:"var(--fds-radius-lg)",xl:"var(--fds-radius-xl)",xxl:"var(--fds-radius-xxl)",xxxl:"var(--fds-radius-xxxl)",full:"var(--fds-radius-full)"};export{s as Radius};
2
2
  //# sourceMappingURL=radius.js.map
package/theme/tokens/radius.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radius.js","sources":["../../../src/theme/tokens/radius.ts"],"sourcesContent":["// @catalog\n/**\n * Border radius tokens.\n * @keywords border radius, design tokens, shape\n */\nexport const Radius = {\n none: \"var(--fds-radius-none)\",\n xs: \"var(--fds-radius-xs)\",\n sm: \"var(--fds-radius-sm)\",\n md: \"var(--fds-radius-md)\",\n lg: \"var(--fds-radius-lg)\",\n full: \"var(--fds-radius-full)\",\n} as const;\n"],"names":["Radius","none","xs","sm","md","lg","full"],"mappings":"AAKO,MAAMA,EAAS,CAClBC,KAAM,yBACNC,GAAI,uBACJC,GAAI,uBACJC,GAAI,uBACJC,GAAI,uBACJC,KAAM"}
1
+ {"version":3,"file":"radius.js","sources":["../../../src/theme/tokens/radius.ts"],"sourcesContent":["// @catalog\n/**\n * Border radius tokens.\n * @keywords border radius, design tokens, shape\n */\nexport const Radius = {\n none: \"var(--fds-radius-none)\",\n xs: \"var(--fds-radius-xs)\",\n sm: \"var(--fds-radius-sm)\",\n md: \"var(--fds-radius-md)\",\n lg: \"var(--fds-radius-lg)\",\n xl: \"var(--fds-radius-xl)\",\n xxl: \"var(--fds-radius-xxl)\",\n xxxl: \"var(--fds-radius-xxxl)\",\n full: \"var(--fds-radius-full)\",\n} as const;\n"],"names":["Radius","none","xs","sm","md","lg","xl","xxl","xxxl","full"],"mappings":"AAKO,MAAMA,EAAS,CAClBC,KAAM,yBACNC,GAAI,uBACJC,GAAI,uBACJC,GAAI,uBACJC,GAAI,uBACJC,GAAI,uBACJC,IAAK,wBACLC,KAAM,yBACNC,KAAM"}
package/breadcrumb/breadcrumb.styles_1nl4aua.css DELETED
@@ -1,18 +0,0 @@
1
- @layer fds{.wcpniaz{position:relative;width:100%;z-index:1;margin:var(--fds-spacing-32) 0;}:where(body.fds-breakpoint-xl-max) .wcpniaz{margin:var(--fds-spacing-24) 0;}:where(body.fds-breakpoint-lg-max) .wcpniaz{margin:var(--fds-spacing-16) 0;}
2
- .c10gatr7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;white-space:nowrap;margin-left:calc(var(--fds-spacing-8) * -1);font-size:var(--fds-font-body-size-md);overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;}.c10gatr7::-webkit-scrollbar{display:none;}:where(body.fds-breakpoint-lg-max) .c10gatr7{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
3
- .fbyhxo7{--fds-internal-breadcrumb-fade-backgroundColor:initial;width:var(--fds-spacing-64);height:calc(1lh + var(--fds-spacing-4));position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;}
4
- :where(body.fds-breakpoint-lg-max) .f1xa0lk7{left:calc(var(--fds-spacing-8) * -1);background-image:linear-gradient(
5
- to right,
6
- var(--fds-internal-breadcrumb-fade-backgroundColor, var(--fds-colour-bg)),
7
- rgba(255, 255, 255, 0.001)
8
- );}
9
- :where(body.fds-breakpoint-lg-max) .f1oxmxuo{right:var(--fds-spacing-8);background-image:linear-gradient(
10
- to left,
11
- var(--fds-internal-breadcrumb-fade-backgroundColor, var(--fds-colour-bg)),
12
- rgba(255, 255, 255, 0.001)
13
- );}
14
- .ikhkv84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;font-size:inherit;}
15
- .co9wmrd{height:1em;width:1em;color:var(--fds-colour-icon-subtle);}
16
- .spyv6ve{display:inline-block;color:var(--fds-colour-text-subtlest);}
17
- .c1mfqdvn{margin:var(--fds-spacing-8)!important;}
18
- .pm022dc{margin:var(--fds-spacing-8)!important;}}
package/cjs/breadcrumb/breadcrumb.styles_1nl4aua.css DELETED
@@ -1,18 +0,0 @@
1
- @layer fds{.wcpniaz{position:relative;width:100%;z-index:1;margin:var(--fds-spacing-32) 0;}:where(body.fds-breakpoint-xl-max) .wcpniaz{margin:var(--fds-spacing-24) 0;}:where(body.fds-breakpoint-lg-max) .wcpniaz{margin:var(--fds-spacing-16) 0;}
2
- .c10gatr7{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:100%;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;white-space:nowrap;margin-left:calc(var(--fds-spacing-8) * -1);font-size:var(--fds-font-body-size-md);overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;}.c10gatr7::-webkit-scrollbar{display:none;}:where(body.fds-breakpoint-lg-max) .c10gatr7{-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
3
- .fbyhxo7{--fds-internal-breadcrumb-fade-backgroundColor:initial;width:var(--fds-spacing-64);height:calc(1lh + var(--fds-spacing-4));position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;}
4
- :where(body.fds-breakpoint-lg-max) .f1xa0lk7{left:calc(var(--fds-spacing-8) * -1);background-image:linear-gradient(
5
- to right,
6
- var(--fds-internal-breadcrumb-fade-backgroundColor, var(--fds-colour-bg)),
7
- rgba(255, 255, 255, 0.001)
8
- );}
9
- :where(body.fds-breakpoint-lg-max) .f1oxmxuo{right:var(--fds-spacing-8);background-image:linear-gradient(
10
- to left,
11
- var(--fds-internal-breadcrumb-fade-backgroundColor, var(--fds-colour-bg)),
12
- rgba(255, 255, 255, 0.001)
13
- );}
14
- .ikhkv84{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;font-size:inherit;}
15
- .co9wmrd{height:1em;width:1em;color:var(--fds-colour-icon-subtle);}
16
- .spyv6ve{display:inline-block;color:var(--fds-colour-text-subtlest);}
17
- .c1mfqdvn{margin:var(--fds-spacing-8)!important;}
18
- .pm022dc{margin:var(--fds-spacing-8)!important;}}
package/cjs/file-upload/file-item-edit.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("clsx"),i=require("react"),r=require("../button/button.js"),a=require("../form/index.js"),n=require("../typography/index.js");require("../util/calendar-helper.js"),require("../external/dayjs/dayjs.min.js"),require("../util/simple-id-generator.js");var s=require("../util/string-helper.js");require("@react-aria/live-announcer");var l=require("./file-item-edit.styles.js"),u=require("./file-list-item/file-list-item-thumbnail.js"),o=require("./helper.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t);exports.FileItemEdit=({fileItem:t,fileDescriptionMaxLength:c,descriptionRequired:m=!0,descriptionLabel:p,wrapperWidth:h,onSave:f,onCancel:j,onBlur:x})=>{const{id:y,name:b,size:g,type:v,truncateText:q=!0,thumbnailImageDataUrl:T}=t,[S,B]=i.useState(),[N,D]=i.useState(""),C=i.useRef(null),F=i.useRef(null),I=i.useCallback((e=>{if(!q)return e;const t=F&&F.current?F.current.getBoundingClientRect().width:0;return s.StringHelper.truncateOneLine(e,t,t/2,t/2/8,16)}),[q]);i.useEffect((()=>{B(I(b))}),[h,I,b]),i.useEffect((()=>{D(t.description||"")}),[t]);const w=!!T||v===o.FileUploadHelper.PDF_MIME_TYPE;return e.jsxs("li",{"data-testid":`${y}-edit-display`,className:l.item,children:[e.jsxs("div",{className:l.contentSection,children:[w&&e.jsx(u.FileListItemThumbnail,{thumbnailImageDataUrl:T,fileType:v}),e.jsxs("div",{className:l.detailsSection,children:[e.jsxs("div",{ref:F,className:l.nameSection,children:[e.jsx(n.Typography.BodyMD,{className:l.fileNameText,weight:"semibold",children:S}),e.jsx(n.Typography.BodyMD,{className:l.fileSizeText,children:o.FileUploadHelper.formatFileSizeDisplay(g)})]}),e.jsx(a.Form.Textarea,{ref:C,id:`${y}-description-textarea`,"data-testid":`${y}-textarea`,value:N,maxLength:c,onChange:e=>{D(e.target.value)},onBlur:e=>{x(e.target.value)},rows:3,label:null!=p?p:{children:"Photo description",subtitle:"Describe this photo to users who may not be able to see the image."}})]})]}),e.jsxs("div",{className:d.default(l.actionButtonsSection,w&&l.actionButtonsSectionWithThumbnail),children:[e.jsx(r.Button,{"data-testid":`${y}-save-button`,type:"button",sizeType:"small",disabled:(()=>{if(!m)return!1;return 0===N.trim().length})(),onClick:()=>{C.current&&f(C.current.value.trim())},className:l.actionButton,children:"Save"}),e.jsx(r.Button,{type:"button",sizeType:"small",styleType:"secondary","data-testid":`${y}-cancel-button`,onClick:j,className:l.actionButton,children:"Cancel"})]})]})};
2
- //# sourceMappingURL=file-item-edit.js.map