uikit-react-public 0.17.4 → 0.21.8

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 (280) hide show
  1. package/README.md +2 -4
  2. package/dist/components/Accordion/Accordion.Heading.d.ts +1 -0
  3. package/dist/components/AppHeader/AppHeader.d.ts +1 -1
  4. package/dist/components/AppHeader/AppHeaderBottom.d.ts +1 -1
  5. package/dist/components/AppHeader/AppHeaderNav.d.ts +1 -1
  6. package/dist/components/AppHeader/AppHeaderTop.d.ts +1 -1
  7. package/dist/components/Breadcrumbs/Breadcrumb.d.ts +3 -4
  8. package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  9. package/dist/components/Breadcrumbs/Breadcrumbs.stories.d.ts +1 -1
  10. package/dist/components/Button/Button.d.ts +7 -3
  11. package/dist/components/Button/Button.stories.d.ts +17 -7
  12. package/dist/components/Button/style/buttonAccentStyle.d.ts +4 -0
  13. package/dist/components/Button/style/buttonPrimaryDestructiveStyle.d.ts +4 -0
  14. package/dist/components/Button/style/buttonPrimaryStyle.d.ts +4 -0
  15. package/dist/components/Button/style/buttonPrimarySubtleStyle.d.ts +4 -0
  16. package/dist/components/Button/style/buttonPrimaryWarningStyle.d.ts +4 -0
  17. package/dist/components/Button/style/buttonSecondaryDestructiveStyle.d.ts +4 -0
  18. package/dist/components/Button/style/buttonSecondaryStyle.d.ts +4 -0
  19. package/dist/components/Button/style/buttonSecondarySubtleStyle.d.ts +4 -0
  20. package/dist/components/Button/style/buttonTertiaryDestructiveStyle.d.ts +4 -0
  21. package/dist/components/Button/style/buttonTertiaryNoPaddingStyle.d.ts +4 -0
  22. package/dist/components/Button/style/buttonTertiaryStyle.d.ts +4 -0
  23. package/dist/components/Checkbox/Checkbox.d.ts +1 -0
  24. package/dist/components/FooterNew/BackToTop.d.ts +8 -0
  25. package/dist/components/FooterNew/Footer.d.ts +23 -0
  26. package/dist/components/FooterNew/FooterColumn.d.ts +8 -0
  27. package/dist/components/FooterNew/FooterLinks.d.ts +7 -0
  28. package/dist/components/FooterNew/FooterNavLink.d.ts +8 -0
  29. package/dist/components/FooterNew/LegalAndCopyright.d.ts +14 -0
  30. package/dist/components/FooterNew/LogoAddressAndSocial.d.ts +10 -0
  31. package/dist/components/FooterNew/SocialLink.d.ts +8 -0
  32. package/dist/components/FooterNew/__tests__/Footer.test.d.ts +1 -0
  33. package/dist/components/FooterNew/index.d.ts +2 -0
  34. package/dist/components/HeaderNew/Header.d.ts +18 -0
  35. package/dist/components/HeaderNew/HeaderBorder.d.ts +7 -0
  36. package/dist/components/HeaderNew/HeaderLogo.d.ts +9 -0
  37. package/dist/components/HeaderNew/HeaderMenuContainer.d.ts +7 -0
  38. package/dist/components/HeaderNew/HeaderTitle.d.ts +9 -0
  39. package/dist/components/HeaderNew/__tests__/Header.test.d.ts +1 -0
  40. package/dist/components/HeaderNew/constants.d.ts +3 -0
  41. package/dist/components/HeaderNew/index.d.ts +3 -0
  42. package/dist/components/HeadingNew/Heading.d.ts +13 -0
  43. package/dist/components/HeadingNew/index.d.ts +2 -0
  44. package/dist/components/Icon/svgImports.d.ts +7 -881
  45. package/dist/components/Link/BaseLink.d.ts +14 -5
  46. package/dist/components/Link/Link.d.ts +8 -3
  47. package/dist/components/Link/Link.stories.d.ts +3 -1
  48. package/dist/components/MenuNew/Menu.context.d.ts +14 -0
  49. package/dist/components/MenuNew/Menu.d.ts +20 -0
  50. package/dist/components/MenuNew/MenuContent.d.ts +9 -0
  51. package/dist/components/MenuNew/MenuItem.d.ts +10 -0
  52. package/dist/components/MenuNew/MenuSection.d.ts +7 -0
  53. package/dist/components/MenuNew/index.d.ts +6 -0
  54. package/dist/components/MenuNew/trigger/ButtonMenuTrigger.d.ts +8 -0
  55. package/dist/components/MenuNew/trigger/IconMenuTrigger.d.ts +8 -0
  56. package/dist/components/Overlay/Overlay.stories.d.ts +12 -12
  57. package/dist/components/ParagraphNew/Paragraph.d.ts +13 -0
  58. package/dist/components/ParagraphNew/index.d.ts +4 -0
  59. package/dist/components/Select/Select.d.ts +2 -1
  60. package/dist/components/Select/Select.stories.d.ts +13 -1
  61. package/dist/components/Select/Select.types.d.ts +40 -13
  62. package/dist/components/Select/subcomponents/CustomSelect.d.ts +3 -3
  63. package/dist/components/Select/subcomponents/FilterInput.d.ts +3 -1
  64. package/dist/components/Select/subcomponents/NativeSelect.d.ts +2 -2
  65. package/dist/components/Select/subcomponents/VisibleField.d.ts +4 -1
  66. package/dist/components/Spinner/Spinner.d.ts +2 -0
  67. package/dist/components/StandaloneLink/StandaloneLink.d.ts +8 -5
  68. package/dist/components/StandaloneLink/StandaloneLink.stories.d.ts +3 -1
  69. package/dist/components/Table/Table.d.ts +3 -3
  70. package/dist/components/Table/Table.stories.d.ts +3 -3
  71. package/dist/components/Table/Table.types.d.ts +1 -0
  72. package/dist/components/Table/subcomponents/Cell/Cell.d.ts +5 -1
  73. package/dist/components/Table/subcomponents/Cell/Cell.stories.d.ts +15 -13
  74. package/dist/components/Table/subcomponents/Cell/CellContent.d.ts +5 -1
  75. package/dist/components/Table/subcomponents/HeadCell/HeadCell.d.ts +2 -1
  76. package/dist/components/Table/subcomponents/HeadCell/HeadCell.stories.d.ts +14 -13
  77. package/dist/components/Table/subcomponents/HeadCell/HeadCellContent.d.ts +2 -1
  78. package/dist/components/Table/subcomponents/__tests__/Row.test.d.ts +1 -0
  79. package/dist/components/UclLogoNew/UclLogo.d.ts +8 -0
  80. package/dist/components/UclLogoNew/index.d.ts +2 -0
  81. package/dist/components/index.d.ts +12 -0
  82. package/dist/index.js +20909 -16022
  83. package/dist/theme/__tests__/fonts.test.d.ts +1 -0
  84. package/dist/theme/common/themeCommon.d.ts +904 -0
  85. package/dist/theme/fonts.d.ts +18 -0
  86. package/dist/theme/index.d.ts +6 -3
  87. package/dist/theme/light/lightColour.d.ts +126 -0
  88. package/dist/theme/light/lightTheme.d.ts +3 -0
  89. package/dist/theme/original/color.d.ts +166 -0
  90. package/dist/theme/original/defaultTheme.d.ts +1340 -0
  91. package/dist/theme/original/originalColourNewStructure.d.ts +126 -0
  92. package/dist/theme/useTheme.d.ts +2174 -0
  93. package/dist/utils/addAlphaToHex.d.ts +5 -0
  94. package/dist/utils/scrollToTop.d.ts +2 -0
  95. package/lib/components/Accordion/Accordion.Heading.tsx +51 -39
  96. package/lib/components/Accordion/Accordion.Panel.tsx +0 -4
  97. package/lib/components/Accordion/Accordion.tsx +34 -28
  98. package/lib/components/Accordion/__tests__/__snapshots__/Accordion.test.tsx.snap +12 -10
  99. package/lib/components/Alert/Alert.tsx +12 -12
  100. package/lib/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +13 -39
  101. package/lib/components/AppHeader/AppHeader.tsx +6 -11
  102. package/lib/components/AppHeader/AppHeaderBottom.tsx +2 -3
  103. package/lib/components/AppHeader/AppHeaderNav.tsx +2 -3
  104. package/lib/components/AppHeader/AppHeaderTop.tsx +1 -1
  105. package/lib/components/AppHeader/__tests__/__snapshots__/AppHeader.test.tsx.snap +2 -2
  106. package/lib/components/AppMenu/__tests__/__snapshots__/AppMenu.test.tsx.snap +6 -19
  107. package/lib/components/Badge/Badge.stories.tsx +1 -1
  108. package/lib/components/Breadcrumbs/Breadcrumb.tsx +26 -12
  109. package/lib/components/Breadcrumbs/Breadcrumbs.tsx +1 -1
  110. package/lib/components/Breadcrumbs/__tests__/Breadcrumbs.test.tsx +9 -27
  111. package/lib/components/Breadcrumbs/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +24 -20
  112. package/lib/components/Button/Button.mdx +32 -279
  113. package/lib/components/Button/Button.stories.tsx +43 -50
  114. package/lib/components/Button/Button.tsx +165 -25
  115. package/lib/components/Button/__tests__/Button.test.tsx +49 -15
  116. package/lib/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +80 -73
  117. package/lib/components/Button/style/buttonAccentStyle.ts +53 -0
  118. package/lib/components/Button/style/buttonPrimaryDestructiveStyle.ts +55 -0
  119. package/lib/components/Button/style/buttonPrimaryStyle.ts +53 -0
  120. package/lib/components/Button/style/buttonPrimarySubtleStyle.ts +64 -0
  121. package/lib/components/Button/style/buttonPrimaryWarningStyle.ts +56 -0
  122. package/lib/components/Button/style/buttonSecondaryDestructiveStyle.ts +63 -0
  123. package/lib/components/Button/style/buttonSecondaryStyle.ts +62 -0
  124. package/lib/components/Button/style/buttonSecondarySubtleStyle.ts +72 -0
  125. package/lib/components/Button/style/buttonTertiaryDestructiveStyle.ts +65 -0
  126. package/lib/components/Button/style/buttonTertiaryNoPaddingStyle.ts +52 -0
  127. package/lib/components/Button/style/buttonTertiaryStyle.ts +62 -0
  128. package/lib/components/Calendar/Calendar.stories.tsx +33 -13
  129. package/lib/components/Calendar/Calendar.tsx +2 -2
  130. package/lib/components/Calendar/__tests__/__snapshots__/Calendar.test.tsx.snap +99 -95
  131. package/lib/components/Calendar/subcomponents/AcademicWeek.tsx +2 -1
  132. package/lib/components/Calendar/subcomponents/AcademicWeeks.tsx +2 -3
  133. package/lib/components/Calendar/subcomponents/ColumnHeading.tsx +3 -7
  134. package/lib/components/Calendar/subcomponents/Controls.tsx +1 -1
  135. package/lib/components/Calendar/subcomponents/Day.stories.tsx +1 -1
  136. package/lib/components/Calendar/subcomponents/Day.tsx +7 -9
  137. package/lib/components/Calendar/subcomponents/EventDot.tsx +4 -8
  138. package/lib/components/Checkbox/Checkbox.stories.tsx +1 -1
  139. package/lib/components/Checkbox/Checkbox.tsx +12 -10
  140. package/lib/components/Checkbox/__tests__/Checkbox.test.tsx +29 -0
  141. package/lib/components/Checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap +4 -4
  142. package/lib/components/Datepicker/__tests__/Datepicker.test.tsx +117 -0
  143. package/lib/components/Datepicker/__tests__/__snapshots__/Datepicker.test.tsx.snap +16 -44
  144. package/lib/components/Datepicker/subcomponents/CustomDatepicker.tsx +10 -1
  145. package/lib/components/Datepicker/subcomponents/VisibleField.tsx +24 -23
  146. package/lib/components/Dialog/BaseDialog.tsx +2 -2
  147. package/lib/components/Dialog/Dialog.stories.tsx +1 -1
  148. package/lib/components/Divider/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +12 -12
  149. package/lib/components/FeedbackDialog/FeedbackDialog.stories.tsx +1 -1
  150. package/lib/components/FeedbackDialog/FeedbackDialog.tsx +4 -6
  151. package/lib/components/Field/CharacterCount.tsx +2 -2
  152. package/lib/components/Field/ErrorText.tsx +1 -1
  153. package/lib/components/Field/Field.tsx +1 -1
  154. package/lib/components/Field/HelperText.tsx +3 -1
  155. package/lib/components/FileInput/FileInput.stories.tsx +1 -1
  156. package/lib/components/FileInput/__tests__/__snapshots__/FileInput.test.tsx.snap +4 -20
  157. package/lib/components/Footer/__tests__/__snapshots__/Footer.test.tsx.snap +70 -79
  158. package/lib/components/FooterNew/BackToTop.tsx +83 -0
  159. package/lib/components/FooterNew/Footer.tsx +110 -0
  160. package/lib/components/FooterNew/FooterColumn.tsx +79 -0
  161. package/lib/components/FooterNew/FooterLinks.tsx +44 -0
  162. package/lib/components/FooterNew/FooterNavLink.tsx +63 -0
  163. package/lib/components/FooterNew/LegalAndCopyright.tsx +150 -0
  164. package/lib/components/FooterNew/LogoAddressAndSocial.tsx +154 -0
  165. package/lib/components/FooterNew/SocialLink.tsx +108 -0
  166. package/lib/components/FooterNew/__tests__/Footer.test.tsx +51 -0
  167. package/lib/components/FooterNew/__tests__/__snapshots__/Footer.test.tsx.snap +1107 -0
  168. package/lib/components/FooterNew/index.ts +2 -0
  169. package/lib/components/HeaderDraft/__tests__/__snapshots__/Header.test.tsx.snap +3 -2
  170. package/lib/components/HeaderNew/Header.tsx +93 -0
  171. package/lib/components/HeaderNew/HeaderBorder.tsx +55 -0
  172. package/lib/components/HeaderNew/HeaderLogo.tsx +70 -0
  173. package/lib/components/HeaderNew/HeaderMenuContainer.tsx +35 -0
  174. package/lib/components/HeaderNew/HeaderTitle.tsx +53 -0
  175. package/lib/components/HeaderNew/__tests__/Header.test.tsx +42 -0
  176. package/lib/components/HeaderNew/__tests__/__snapshots__/Header.test.tsx.snap +79 -0
  177. package/lib/components/HeaderNew/constants.ts +3 -0
  178. package/lib/components/HeaderNew/index.ts +7 -0
  179. package/lib/components/HeadingNew/Heading.tsx +208 -0
  180. package/lib/components/HeadingNew/index.ts +2 -0
  181. package/lib/components/Icon/__tests__/__snapshots__/Icon.test.tsx.snap +16 -12
  182. package/lib/components/Icon/svgImports.ts +318 -296
  183. package/lib/components/IconButton/IconButton.tsx +3 -4
  184. package/lib/components/IconButton/__tests__/__snapshots__/IconButton.test.tsx.snap +12 -9
  185. package/lib/components/Link/BaseLink.tsx +114 -71
  186. package/lib/components/Link/Link.stories.tsx +1 -1
  187. package/lib/components/Link/Link.tsx +120 -109
  188. package/lib/components/Link/__tests__/__snapshots__/link.test.tsx.snap +2 -2
  189. package/lib/components/MenuNew/Menu.context.tsx +149 -0
  190. package/lib/components/MenuNew/Menu.tsx +75 -0
  191. package/lib/components/MenuNew/MenuContent.tsx +140 -0
  192. package/lib/components/MenuNew/MenuItem.tsx +101 -0
  193. package/lib/components/MenuNew/MenuSection.tsx +47 -0
  194. package/lib/components/MenuNew/index.ts +8 -0
  195. package/lib/components/MenuNew/trigger/ButtonMenuTrigger.tsx +42 -0
  196. package/lib/components/MenuNew/trigger/IconMenuTrigger.tsx +40 -0
  197. package/lib/components/Pagination/Pagination.stories.tsx +1 -1
  198. package/lib/components/Pagination/PaginationControls.tsx +4 -5
  199. package/lib/components/Pagination/PaginationInfo.tsx +2 -3
  200. package/lib/components/ParagraphNew/Paragraph.tsx +200 -0
  201. package/lib/components/ParagraphNew/index.ts +6 -0
  202. package/lib/components/Radio/Radio.stories.tsx +1 -1
  203. package/lib/components/Radio/Radio.tsx +8 -8
  204. package/lib/components/Radio/__tests__/__snapshots__/Radio.test.tsx.snap +4 -4
  205. package/lib/components/Search/__tests__/__snapshots__/Search.test.tsx.snap +12 -32
  206. package/lib/components/Select/Select.mdx +23 -0
  207. package/lib/components/Select/Select.stories.tsx +43 -10
  208. package/lib/components/Select/Select.tsx +14 -3
  209. package/lib/components/Select/Select.types.ts +53 -16
  210. package/lib/components/Select/__tests__/Select.test.tsx +250 -1
  211. package/lib/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +5 -4
  212. package/lib/components/Select/subcomponents/CustomOption.tsx +10 -3
  213. package/lib/components/Select/subcomponents/CustomSelect.tsx +110 -10
  214. package/lib/components/Select/subcomponents/FilterInput.tsx +13 -3
  215. package/lib/components/Select/subcomponents/NativeSelect.tsx +10 -18
  216. package/lib/components/Select/subcomponents/Panel.tsx +2 -2
  217. package/lib/components/Select/subcomponents/VisibleField.tsx +48 -3
  218. package/lib/components/Snackbar/__tests__/__snapshots__/Snackbar.test.tsx.snap +9 -15
  219. package/lib/components/Spinner/Spinner.tsx +24 -5
  220. package/lib/components/Spinner/__tests__/Spinner.test.tsx +35 -5
  221. package/lib/components/Spinner/__tests__/__snapshots__/Spinner.test.tsx.snap +40 -16
  222. package/lib/components/StandaloneLink/StandaloneLink.stories.tsx +1 -1
  223. package/lib/components/StandaloneLink/StandaloneLink.tsx +180 -163
  224. package/lib/components/StandaloneLink/__tests__/__snapshots__/StandaloneLink.test.tsx.snap +2 -2
  225. package/lib/components/Table/Table.stories.tsx +1 -1
  226. package/lib/components/Table/Table.tsx +2 -0
  227. package/lib/components/Table/Table.types.ts +1 -0
  228. package/lib/components/Table/__tests__/Table.test.tsx +19 -0
  229. package/lib/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +7 -3
  230. package/lib/components/Table/subcomponents/Cell/Cell.stories.tsx +1 -1
  231. package/lib/components/Table/subcomponents/Cell/Cell.tsx +23 -2
  232. package/lib/components/Table/subcomponents/Cell/CellContent.tsx +12 -1
  233. package/lib/components/Table/subcomponents/Cell/__tests__/Cell.test.tsx +106 -0
  234. package/lib/components/Table/subcomponents/Cell/__tests__/__snapshots__/Cell.test.tsx.snap +4 -3
  235. package/lib/components/Table/subcomponents/HeadCell/HeadCell.stories.tsx +1 -1
  236. package/lib/components/Table/subcomponents/HeadCell/HeadCell.tsx +28 -6
  237. package/lib/components/Table/subcomponents/HeadCell/HeadCellContent.tsx +3 -0
  238. package/lib/components/Table/subcomponents/HeadCell/__tests__/HeadCell.test.tsx +221 -2
  239. package/lib/components/Table/subcomponents/HeadCell/__tests__/__snapshots__/HeadCell.test.tsx.snap +6 -4
  240. package/lib/components/Table/subcomponents/Row.tsx +2 -2
  241. package/lib/components/Table/subcomponents/SortIcon.tsx +1 -0
  242. package/lib/components/Table/subcomponents/__tests__/Row.test.tsx +59 -0
  243. package/lib/components/Tabs/Tab.tsx +3 -3
  244. package/lib/components/Tabs/Tabs.stories.tsx +1 -1
  245. package/lib/components/Tabs/Tabs.tsx +5 -3
  246. package/lib/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +4 -4
  247. package/lib/components/Timepicker/Timepicker.stories.tsx +1 -1
  248. package/lib/components/Toggle/Toggle.tsx +5 -5
  249. package/lib/components/Toggle/ToggleHandle.tsx +2 -3
  250. package/lib/components/Tooltip/Tooltip.tsx +2 -2
  251. package/lib/components/Tooltip/__tests__/__snapshots__/tooltip.test.tsx.snap +2 -2
  252. package/lib/components/UclLogoNew/UclLogo.tsx +42 -0
  253. package/lib/components/UclLogoNew/index.ts +2 -0
  254. package/lib/components/WeekPicker/WeekPicker.stories.tsx +3 -5
  255. package/lib/components/common/Common.mdx +0 -1
  256. package/lib/components/index.ts +19 -1
  257. package/lib/theme/Colours.mdx +1 -1
  258. package/lib/theme/Theme.mdx +1 -1
  259. package/lib/theme/Typography.mdx +1 -1
  260. package/lib/theme/__tests__/fonts.test.ts +37 -0
  261. package/lib/theme/common/themeCommon.ts +515 -0
  262. package/lib/theme/fonts.ts +110 -0
  263. package/lib/theme/index.ts +6 -6
  264. package/lib/theme/light/lightColour.ts +232 -0
  265. package/lib/theme/light/lightTheme.ts +37 -0
  266. package/lib/theme/{defaultTheme.ts → original/color.ts} +17 -199
  267. package/lib/theme/original/defaultTheme.ts +207 -0
  268. package/lib/theme/original/originalColourNewStructure.ts +185 -0
  269. package/lib/theme/useTheme.tsx +72 -15
  270. package/lib/types/assets.d.ts +10 -0
  271. package/lib/utils/addAlphaToHex.ts +29 -0
  272. package/lib/utils/scrollToTop.ts +5 -0
  273. package/package.json +11 -6
  274. package/dist/components/Button/buttonPrimaryStyle.d.ts +0 -4
  275. package/dist/components/Button/buttonSecondaryStyle.d.ts +0 -4
  276. package/dist/components/Button/buttonTertiaryStyle.d.ts +0 -4
  277. package/dist/theme/defaultTheme.d.ts +0 -274
  278. package/lib/components/Button/buttonPrimaryStyle.ts +0 -62
  279. package/lib/components/Button/buttonSecondaryStyle.ts +0 -65
  280. package/lib/components/Button/buttonTertiaryStyle.ts +0 -54
@@ -0,0 +1,1340 @@
1
+ import { blackAndWhite, displayColours } from './color';
2
+ declare const theme: {
3
+ p0: number;
4
+ p2: string;
5
+ p4: string;
6
+ p6: string;
7
+ p8: string;
8
+ p12: string;
9
+ p16: string;
10
+ p20: string;
11
+ p24: string;
12
+ p32: string;
13
+ p40: string;
14
+ p48: string;
15
+ p56: string;
16
+ p64: string;
17
+ p72: string;
18
+ p80: string;
19
+ m0: number;
20
+ m2: string;
21
+ m4: string;
22
+ m6: string;
23
+ m8: string;
24
+ m12: string;
25
+ m16: string;
26
+ m20: string;
27
+ m24: string;
28
+ m32: string;
29
+ m40: string;
30
+ m48: string;
31
+ m56: string;
32
+ m64: string;
33
+ m72: string;
34
+ m80: string;
35
+ primitiveColour: {
36
+ grey: {
37
+ "10": {
38
+ $value: {
39
+ hex: string;
40
+ alpha: number;
41
+ };
42
+ };
43
+ "11": {
44
+ $value: {
45
+ hex: string;
46
+ alpha: number;
47
+ };
48
+ };
49
+ "12": {
50
+ $value: {
51
+ hex: string;
52
+ alpha: number;
53
+ };
54
+ };
55
+ "13": {
56
+ $value: {
57
+ hex: string;
58
+ alpha: number;
59
+ };
60
+ };
61
+ "14": {
62
+ $value: {
63
+ hex: string;
64
+ alpha: number;
65
+ };
66
+ };
67
+ "15": {
68
+ $value: {
69
+ hex: string;
70
+ alpha: number;
71
+ };
72
+ };
73
+ "00": {
74
+ $value: {
75
+ hex: string;
76
+ alpha: number;
77
+ };
78
+ };
79
+ "01": {
80
+ $description: string;
81
+ $value: {
82
+ hex: string;
83
+ alpha: number;
84
+ };
85
+ };
86
+ "02": {
87
+ $value: {
88
+ hex: string;
89
+ alpha: number;
90
+ };
91
+ };
92
+ "03": {
93
+ $value: {
94
+ hex: string;
95
+ alpha: number;
96
+ };
97
+ };
98
+ "04": {
99
+ $value: {
100
+ hex: string;
101
+ alpha: number;
102
+ };
103
+ };
104
+ "05": {
105
+ $value: {
106
+ hex: string;
107
+ alpha: number;
108
+ };
109
+ };
110
+ "06": {
111
+ $value: {
112
+ hex: string;
113
+ alpha: number;
114
+ };
115
+ };
116
+ "07": {
117
+ $value: {
118
+ hex: string;
119
+ alpha: number;
120
+ };
121
+ };
122
+ "08": {
123
+ $value: {
124
+ hex: string;
125
+ alpha: number;
126
+ };
127
+ };
128
+ "09": {
129
+ $value: {
130
+ hex: string;
131
+ alpha: number;
132
+ };
133
+ };
134
+ };
135
+ whiteAlpha: {
136
+ "10": {
137
+ $value: {
138
+ hex: string;
139
+ alpha: number;
140
+ };
141
+ };
142
+ "11": {
143
+ $value: {
144
+ hex: string;
145
+ alpha: number;
146
+ };
147
+ };
148
+ "12": {
149
+ $value: {
150
+ hex: string;
151
+ alpha: number;
152
+ };
153
+ };
154
+ "13": {
155
+ $value: {
156
+ hex: string;
157
+ alpha: number;
158
+ };
159
+ };
160
+ "14": {
161
+ $value: {
162
+ hex: string;
163
+ alpha: number;
164
+ };
165
+ };
166
+ "15": {
167
+ $value: {
168
+ hex: string;
169
+ alpha: number;
170
+ };
171
+ };
172
+ };
173
+ red: {
174
+ "10": {
175
+ $value: {
176
+ hex: string;
177
+ alpha: number;
178
+ };
179
+ };
180
+ "11": {
181
+ $value: {
182
+ hex: string;
183
+ alpha: number;
184
+ };
185
+ };
186
+ "12": {
187
+ $value: {
188
+ hex: string;
189
+ alpha: number;
190
+ };
191
+ };
192
+ "13": {
193
+ $value: {
194
+ hex: string;
195
+ alpha: number;
196
+ };
197
+ };
198
+ "14": {
199
+ $value: {
200
+ hex: string;
201
+ alpha: number;
202
+ };
203
+ };
204
+ "15": {
205
+ $value: {
206
+ hex: string;
207
+ alpha: number;
208
+ };
209
+ };
210
+ "01": {
211
+ $value: {
212
+ hex: string;
213
+ alpha: number;
214
+ };
215
+ };
216
+ "02": {
217
+ $value: {
218
+ hex: string;
219
+ alpha: number;
220
+ };
221
+ };
222
+ "03": {
223
+ $value: {
224
+ hex: string;
225
+ alpha: number;
226
+ };
227
+ };
228
+ "04": {
229
+ $value: {
230
+ hex: string;
231
+ alpha: number;
232
+ };
233
+ };
234
+ "05": {
235
+ $value: {
236
+ hex: string;
237
+ alpha: number;
238
+ };
239
+ };
240
+ "06": {
241
+ $value: {
242
+ hex: string;
243
+ alpha: number;
244
+ };
245
+ };
246
+ "07": {
247
+ $value: {
248
+ hex: string;
249
+ alpha: number;
250
+ };
251
+ };
252
+ "08": {
253
+ $value: {
254
+ hex: string;
255
+ alpha: number;
256
+ };
257
+ };
258
+ "09": {
259
+ $value: {
260
+ hex: string;
261
+ alpha: number;
262
+ };
263
+ };
264
+ };
265
+ orange: {
266
+ "10": {
267
+ $value: {
268
+ hex: string;
269
+ alpha: number;
270
+ };
271
+ };
272
+ "11": {
273
+ $value: {
274
+ hex: string;
275
+ alpha: number;
276
+ };
277
+ };
278
+ "12": {
279
+ $value: {
280
+ hex: string;
281
+ alpha: number;
282
+ };
283
+ };
284
+ "13": {
285
+ $value: {
286
+ hex: string;
287
+ alpha: number;
288
+ };
289
+ };
290
+ "14": {
291
+ $value: {
292
+ hex: string;
293
+ alpha: number;
294
+ };
295
+ };
296
+ "15": {
297
+ $value: {
298
+ hex: string;
299
+ alpha: number;
300
+ };
301
+ };
302
+ "01": {
303
+ $value: {
304
+ hex: string;
305
+ alpha: number;
306
+ };
307
+ };
308
+ "02": {
309
+ $value: {
310
+ hex: string;
311
+ alpha: number;
312
+ };
313
+ };
314
+ "03": {
315
+ $value: {
316
+ hex: string;
317
+ alpha: number;
318
+ };
319
+ };
320
+ "04": {
321
+ $value: {
322
+ hex: string;
323
+ alpha: number;
324
+ };
325
+ };
326
+ "05": {
327
+ $value: {
328
+ hex: string;
329
+ alpha: number;
330
+ };
331
+ };
332
+ "06": {
333
+ $value: {
334
+ hex: string;
335
+ alpha: number;
336
+ };
337
+ };
338
+ "07": {
339
+ $value: {
340
+ hex: string;
341
+ alpha: number;
342
+ };
343
+ };
344
+ "08": {
345
+ $value: {
346
+ hex: string;
347
+ alpha: number;
348
+ };
349
+ };
350
+ "09": {
351
+ $value: {
352
+ hex: string;
353
+ alpha: number;
354
+ };
355
+ };
356
+ };
357
+ yellow: {
358
+ "10": {
359
+ $value: {
360
+ hex: string;
361
+ alpha: number;
362
+ };
363
+ };
364
+ "11": {
365
+ $value: {
366
+ hex: string;
367
+ alpha: number;
368
+ };
369
+ };
370
+ "12": {
371
+ $value: {
372
+ hex: string;
373
+ alpha: number;
374
+ };
375
+ };
376
+ "13": {
377
+ $value: {
378
+ hex: string;
379
+ alpha: number;
380
+ };
381
+ };
382
+ "14": {
383
+ $value: {
384
+ hex: string;
385
+ alpha: number;
386
+ };
387
+ };
388
+ "15": {
389
+ $value: {
390
+ hex: string;
391
+ alpha: number;
392
+ };
393
+ };
394
+ "01": {
395
+ $value: {
396
+ hex: string;
397
+ alpha: number;
398
+ };
399
+ };
400
+ "02": {
401
+ $value: {
402
+ hex: string;
403
+ alpha: number;
404
+ };
405
+ };
406
+ "03": {
407
+ $value: {
408
+ hex: string;
409
+ alpha: number;
410
+ };
411
+ };
412
+ "04": {
413
+ $value: {
414
+ hex: string;
415
+ alpha: number;
416
+ };
417
+ };
418
+ "05": {
419
+ $value: {
420
+ hex: string;
421
+ alpha: number;
422
+ };
423
+ };
424
+ "06": {
425
+ $value: {
426
+ hex: string;
427
+ alpha: number;
428
+ };
429
+ };
430
+ "07": {
431
+ $value: {
432
+ hex: string;
433
+ alpha: number;
434
+ };
435
+ };
436
+ "08": {
437
+ $value: {
438
+ hex: string;
439
+ alpha: number;
440
+ };
441
+ };
442
+ "09": {
443
+ $value: {
444
+ hex: string;
445
+ alpha: number;
446
+ };
447
+ };
448
+ };
449
+ green: {
450
+ "10": {
451
+ $value: {
452
+ hex: string;
453
+ alpha: number;
454
+ };
455
+ };
456
+ "11": {
457
+ $value: {
458
+ hex: string;
459
+ alpha: number;
460
+ };
461
+ };
462
+ "12": {
463
+ $value: {
464
+ hex: string;
465
+ alpha: number;
466
+ };
467
+ };
468
+ "13": {
469
+ $value: {
470
+ hex: string;
471
+ alpha: number;
472
+ };
473
+ };
474
+ "14": {
475
+ $value: {
476
+ hex: string;
477
+ alpha: number;
478
+ };
479
+ };
480
+ "15": {
481
+ $value: {
482
+ hex: string;
483
+ alpha: number;
484
+ };
485
+ };
486
+ "01": {
487
+ $value: {
488
+ hex: string;
489
+ alpha: number;
490
+ };
491
+ };
492
+ "02": {
493
+ $value: {
494
+ hex: string;
495
+ alpha: number;
496
+ };
497
+ };
498
+ "03": {
499
+ $value: {
500
+ hex: string;
501
+ alpha: number;
502
+ };
503
+ };
504
+ "04": {
505
+ $value: {
506
+ hex: string;
507
+ alpha: number;
508
+ };
509
+ };
510
+ "05": {
511
+ $value: {
512
+ hex: string;
513
+ alpha: number;
514
+ };
515
+ };
516
+ "06": {
517
+ $value: {
518
+ hex: string;
519
+ alpha: number;
520
+ };
521
+ };
522
+ "07": {
523
+ $value: {
524
+ hex: string;
525
+ alpha: number;
526
+ };
527
+ };
528
+ "08": {
529
+ $value: {
530
+ hex: string;
531
+ alpha: number;
532
+ };
533
+ };
534
+ "09": {
535
+ $value: {
536
+ hex: string;
537
+ alpha: number;
538
+ };
539
+ };
540
+ };
541
+ blue: {
542
+ "10": {
543
+ $value: {
544
+ hex: string;
545
+ alpha: number;
546
+ };
547
+ };
548
+ "11": {
549
+ $value: {
550
+ hex: string;
551
+ alpha: number;
552
+ };
553
+ };
554
+ "12": {
555
+ $value: {
556
+ hex: string;
557
+ alpha: number;
558
+ };
559
+ };
560
+ "13": {
561
+ $value: {
562
+ hex: string;
563
+ alpha: number;
564
+ };
565
+ };
566
+ "14": {
567
+ $value: {
568
+ hex: string;
569
+ alpha: number;
570
+ };
571
+ };
572
+ "15": {
573
+ $value: {
574
+ hex: string;
575
+ alpha: number;
576
+ };
577
+ };
578
+ "01": {
579
+ $value: {
580
+ hex: string;
581
+ alpha: number;
582
+ };
583
+ };
584
+ "02": {
585
+ $value: {
586
+ hex: string;
587
+ alpha: number;
588
+ };
589
+ };
590
+ "03": {
591
+ $value: {
592
+ hex: string;
593
+ alpha: number;
594
+ };
595
+ };
596
+ "04": {
597
+ $value: {
598
+ hex: string;
599
+ alpha: number;
600
+ };
601
+ };
602
+ "05": {
603
+ $value: {
604
+ hex: string;
605
+ alpha: number;
606
+ };
607
+ };
608
+ "06": {
609
+ $value: {
610
+ hex: string;
611
+ alpha: number;
612
+ };
613
+ };
614
+ "07": {
615
+ $value: {
616
+ hex: string;
617
+ alpha: number;
618
+ };
619
+ };
620
+ "08": {
621
+ $value: {
622
+ hex: string;
623
+ alpha: number;
624
+ };
625
+ };
626
+ "09": {
627
+ $value: {
628
+ hex: string;
629
+ alpha: number;
630
+ };
631
+ };
632
+ };
633
+ brandPurple: {
634
+ "10": {
635
+ $description: string;
636
+ $value: {
637
+ hex: string;
638
+ alpha: number;
639
+ };
640
+ };
641
+ "11": {
642
+ $value: {
643
+ hex: string;
644
+ alpha: number;
645
+ };
646
+ };
647
+ "12": {
648
+ $value: {
649
+ hex: string;
650
+ alpha: number;
651
+ };
652
+ };
653
+ "13": {
654
+ $value: {
655
+ hex: string;
656
+ alpha: number;
657
+ };
658
+ };
659
+ "14": {
660
+ $value: {
661
+ hex: string;
662
+ alpha: number;
663
+ };
664
+ };
665
+ "15": {
666
+ $description: string;
667
+ $value: {
668
+ hex: string;
669
+ alpha: number;
670
+ };
671
+ };
672
+ "01": {
673
+ $value: {
674
+ hex: string;
675
+ alpha: number;
676
+ };
677
+ };
678
+ "02": {
679
+ $value: {
680
+ hex: string;
681
+ alpha: number;
682
+ };
683
+ };
684
+ "03": {
685
+ $value: {
686
+ hex: string;
687
+ alpha: number;
688
+ };
689
+ };
690
+ "04": {
691
+ $description: string;
692
+ $value: {
693
+ hex: string;
694
+ alpha: number;
695
+ };
696
+ };
697
+ "05": {
698
+ $value: {
699
+ hex: string;
700
+ alpha: number;
701
+ };
702
+ };
703
+ "06": {
704
+ $description: string;
705
+ $value: {
706
+ hex: string;
707
+ alpha: number;
708
+ };
709
+ };
710
+ "07": {
711
+ $value: {
712
+ hex: string;
713
+ alpha: number;
714
+ };
715
+ };
716
+ "08": {
717
+ $description: string;
718
+ $value: {
719
+ hex: string;
720
+ alpha: number;
721
+ };
722
+ };
723
+ "09": {
724
+ $value: {
725
+ hex: string;
726
+ alpha: number;
727
+ };
728
+ };
729
+ };
730
+ brandBlur: {
731
+ "heritage-blue": {
732
+ $value: {
733
+ hex: string;
734
+ alpha: number;
735
+ };
736
+ };
737
+ };
738
+ };
739
+ colour: {
740
+ bg: {
741
+ default: string;
742
+ brand: string;
743
+ inverse: string;
744
+ inversePrimary: string;
745
+ };
746
+ border: {
747
+ default: string;
748
+ brand: string;
749
+ brandHover: string;
750
+ brandSubtle: string;
751
+ primary: string;
752
+ secondary: string;
753
+ tertiary: string;
754
+ subtle: string;
755
+ disabled: string;
756
+ inverse: string;
757
+ brandInverse: string;
758
+ brandInverseSecondary: string;
759
+ focus: string;
760
+ success: string;
761
+ critical: string;
762
+ warning: string;
763
+ };
764
+ fill: {
765
+ default: string;
766
+ hover: string;
767
+ brand: string;
768
+ brandHover: string;
769
+ brandPressed: string;
770
+ brandSubtleSelected: string;
771
+ brandSubtleHover: string;
772
+ brandPrimary: string;
773
+ disabled: string;
774
+ inverse: string;
775
+ brandInverseSecondary: string;
776
+ inverseHover: string;
777
+ critical: string;
778
+ criticalHover: string;
779
+ criticalSelected: string;
780
+ criticalPressed: string;
781
+ warning: string;
782
+ warningHover: string;
783
+ warningSelected: string;
784
+ warningPressed: string;
785
+ success: string;
786
+ };
787
+ icon: {
788
+ default: string;
789
+ hover: string;
790
+ secondary: string;
791
+ tertiary: string;
792
+ disabled: string;
793
+ disabledOnBgFill: string;
794
+ brand: string;
795
+ brandHover: string;
796
+ brandSelectedOnBgFill: string;
797
+ visited: string;
798
+ brandPrimary: string;
799
+ brandInverted: string;
800
+ inverse: string;
801
+ inverseHover: string;
802
+ brandInverseSecondary: string;
803
+ inverseTertiary: string;
804
+ inverseDisabled: string;
805
+ critical: string;
806
+ criticalOnBgFill: string;
807
+ success: string;
808
+ successOnBgFill: string;
809
+ warning: string;
810
+ warningOnBgFill: string;
811
+ };
812
+ surface: {
813
+ default: string;
814
+ primary: string;
815
+ secondary: string;
816
+ brand: string;
817
+ brandHover: string;
818
+ brandSelected: string;
819
+ warning: string;
820
+ success: string;
821
+ critical: string;
822
+ hover: string;
823
+ selected: string;
824
+ disabled: string;
825
+ tertiary: string;
826
+ inverseBrand: string;
827
+ inverseBrandPrimary: string;
828
+ backdrop: string;
829
+ };
830
+ text: {
831
+ default: string;
832
+ secondary: string;
833
+ tertiary: string;
834
+ disabled: string;
835
+ inverse: string;
836
+ onBgFillDisabled: string;
837
+ brand: string;
838
+ brandAccent: string;
839
+ brandHover: string;
840
+ brandInverse: string;
841
+ brandInverseSecondary: string;
842
+ brandPrimary: string;
843
+ critical: string;
844
+ warningOnBgFill: string;
845
+ };
846
+ link: {
847
+ default: string;
848
+ brand: string;
849
+ brandHover: string;
850
+ visited: string;
851
+ primary: string;
852
+ primaryHover: string;
853
+ disabled: string;
854
+ inverse: string;
855
+ inverseVisited: string;
856
+ inverseDisabled: string;
857
+ inverseSecondary: string;
858
+ inverseTertiary: string;
859
+ };
860
+ speciality: {
861
+ inputDefault: string;
862
+ };
863
+ };
864
+ typography: {
865
+ heading: {
866
+ xxl: {
867
+ md: {
868
+ fontFamily: string[];
869
+ fontSettings: string;
870
+ fontSize: number;
871
+ fontWeight: number;
872
+ lineHeight: number;
873
+ };
874
+ sm: {
875
+ fontFamily: string[];
876
+ fontSettings: string;
877
+ fontSize: number;
878
+ fontWeight: number;
879
+ lineHeight: number;
880
+ };
881
+ };
882
+ xl: {
883
+ md: {
884
+ fontFamily: string[];
885
+ fontSettings: string;
886
+ fontSize: number;
887
+ fontWeight: number;
888
+ lineHeight: number;
889
+ };
890
+ sm: {
891
+ fontFamily: string[];
892
+ fontSettings: string;
893
+ fontSize: number;
894
+ fontWeight: number;
895
+ lineHeight: number;
896
+ };
897
+ };
898
+ lg: {
899
+ md: {
900
+ fontFamily: string[];
901
+ fontSettings: string;
902
+ fontSize: number;
903
+ fontWeight: number;
904
+ lineHeight: number;
905
+ };
906
+ sm: {
907
+ fontFamily: string[];
908
+ fontSettings: string;
909
+ fontSize: number;
910
+ fontWeight: number;
911
+ lineHeight: number;
912
+ };
913
+ };
914
+ md: {
915
+ md: {
916
+ fontFamily: string[];
917
+ fontSettings: string;
918
+ fontSize: number;
919
+ fontWeight: number;
920
+ lineHeight: number;
921
+ };
922
+ sm: {
923
+ fontFamily: string[];
924
+ fontSettings: string;
925
+ fontSize: number;
926
+ fontWeight: number;
927
+ lineHeight: number;
928
+ };
929
+ };
930
+ sm: {
931
+ md: {
932
+ fontFamily: string[];
933
+ fontSettings: string;
934
+ fontSize: number;
935
+ fontWeight: number;
936
+ lineHeight: number;
937
+ };
938
+ sm: {
939
+ fontFamily: string[];
940
+ fontSettings: string;
941
+ fontSize: number;
942
+ fontWeight: number;
943
+ lineHeight: number;
944
+ };
945
+ };
946
+ xs: {
947
+ md: {
948
+ fontFamily: string[];
949
+ fontSettings: string;
950
+ fontSize: number;
951
+ fontWeight: number;
952
+ lineHeight: number;
953
+ };
954
+ sm: {
955
+ fontFamily: string[];
956
+ fontSettings: string;
957
+ fontSize: number;
958
+ fontWeight: number;
959
+ lineHeight: number;
960
+ };
961
+ };
962
+ };
963
+ body: {
964
+ lg: {
965
+ fontFamily: string[];
966
+ fontSettings: string;
967
+ fontSize: number;
968
+ fontWeight: number;
969
+ lineHeight: number;
970
+ };
971
+ lgMedium: {
972
+ fontFamily: string[];
973
+ fontSettings: string;
974
+ fontSize: number;
975
+ fontWeight: number;
976
+ lineHeight: number;
977
+ };
978
+ lgSemibold: {
979
+ fontFamily: string[];
980
+ fontSettings: string;
981
+ fontSize: number;
982
+ fontWeight: number;
983
+ lineHeight: number;
984
+ };
985
+ lgBold: {
986
+ fontFamily: string[];
987
+ fontSettings: string;
988
+ fontSize: number;
989
+ fontWeight: number;
990
+ lineHeight: number;
991
+ };
992
+ md: {
993
+ fontFamily: string[];
994
+ fontSettings: string;
995
+ fontSize: number;
996
+ fontWeight: number;
997
+ lineHeight: number;
998
+ };
999
+ mdMedium: {
1000
+ fontFamily: string[];
1001
+ fontSettings: string;
1002
+ fontSize: number;
1003
+ fontWeight: number;
1004
+ lineHeight: number;
1005
+ };
1006
+ mdSemibold: {
1007
+ fontFamily: string[];
1008
+ fontSettings: string;
1009
+ fontSize: number;
1010
+ fontWeight: number;
1011
+ lineHeight: number;
1012
+ };
1013
+ mdNumeric: {
1014
+ fontFamily: string[];
1015
+ fontSettings: string;
1016
+ fontSize: number;
1017
+ fontWeight: number;
1018
+ lineHeight: number;
1019
+ };
1020
+ mdMediumNumeric: {
1021
+ fontFamily: string[];
1022
+ fontSettings: string;
1023
+ fontSize: number;
1024
+ fontWeight: number;
1025
+ lineHeight: number;
1026
+ };
1027
+ sm: {
1028
+ fontFamily: string[];
1029
+ fontSettings: string;
1030
+ fontSize: number;
1031
+ fontWeight: number;
1032
+ lineHeight: number;
1033
+ };
1034
+ smMedium: {
1035
+ fontFamily: string[];
1036
+ fontSettings: string;
1037
+ fontSize: number;
1038
+ fontWeight: number;
1039
+ lineHeight: number;
1040
+ };
1041
+ smSemibold: {
1042
+ fontFamily: string[];
1043
+ fontSettings: string;
1044
+ fontSize: number;
1045
+ fontWeight: number;
1046
+ lineHeight: number;
1047
+ };
1048
+ xs: {
1049
+ fontFamily: string[];
1050
+ fontSettings: string;
1051
+ fontSize: number;
1052
+ fontWeight: number;
1053
+ lineHeight: number;
1054
+ };
1055
+ xsMedium: {
1056
+ fontFamily: string[];
1057
+ fontSettings: string;
1058
+ fontSize: number;
1059
+ fontWeight: number;
1060
+ lineHeight: number;
1061
+ };
1062
+ };
1063
+ };
1064
+ color: {
1065
+ base: {
1066
+ purple200: string;
1067
+ purple50: string;
1068
+ purple40: string;
1069
+ purple20: string;
1070
+ green100: string;
1071
+ green70: string;
1072
+ green40: string;
1073
+ green10: string;
1074
+ green200: string;
1075
+ green50: string;
1076
+ green20: string;
1077
+ blue100: string;
1078
+ blue80: string;
1079
+ blue70: string;
1080
+ blue40: string;
1081
+ blue10: string;
1082
+ blue5: string;
1083
+ blue200: string;
1084
+ blue50: string;
1085
+ blue20: string;
1086
+ blue15: string;
1087
+ blue20Alt: string;
1088
+ blue25: string;
1089
+ yellow200: string;
1090
+ yellow50: string;
1091
+ yellow20: string;
1092
+ orange100: string;
1093
+ orange70: string;
1094
+ orange40: string;
1095
+ orange10: string;
1096
+ red100: string;
1097
+ red70: string;
1098
+ red50: string;
1099
+ red40: string;
1100
+ red10: string;
1101
+ red80: string;
1102
+ red90: string;
1103
+ pink200: string;
1104
+ pink50: string;
1105
+ pink20: string;
1106
+ black100: string;
1107
+ black90: string;
1108
+ black80: string;
1109
+ black70: string;
1110
+ black60: string;
1111
+ black40: string;
1112
+ black20: string;
1113
+ black15: string;
1114
+ black10: string;
1115
+ black5: string;
1116
+ white: string;
1117
+ };
1118
+ text: {
1119
+ primary: string;
1120
+ secondary: string;
1121
+ muted: string;
1122
+ inverted: string;
1123
+ interactive: string;
1124
+ default: string;
1125
+ disabledOnBg: string;
1126
+ disabled: string;
1127
+ active: string;
1128
+ hover: string;
1129
+ visited: string;
1130
+ error: string;
1131
+ errorHover: string;
1132
+ errorDisabled: string;
1133
+ };
1134
+ interaction: {
1135
+ blue100: string;
1136
+ blue80: string;
1137
+ blue70: string;
1138
+ blue40: string;
1139
+ blue10: string;
1140
+ blue5: string;
1141
+ };
1142
+ display: {
1143
+ purpleDark: string;
1144
+ purpleVibrant: string;
1145
+ purpleMuted: string;
1146
+ greenDark: string;
1147
+ greenVibrant: string;
1148
+ greenMuted: string;
1149
+ yellowDark: string;
1150
+ yellowVibrant: string;
1151
+ yellowMuted: string;
1152
+ pinkDark: string;
1153
+ pinkVibrant: string;
1154
+ pinkMuted: string;
1155
+ blueDark: string;
1156
+ blueVibrant: string;
1157
+ blueMuted: string;
1158
+ };
1159
+ system: {
1160
+ red100: string;
1161
+ red70: string;
1162
+ red40: string;
1163
+ red10: string;
1164
+ orange100: string;
1165
+ orange70: string;
1166
+ orange40: string;
1167
+ orange10: string;
1168
+ green100: string;
1169
+ green70: string;
1170
+ green40: string;
1171
+ green10: string;
1172
+ blue100: string;
1173
+ blue80: string;
1174
+ blue70: string;
1175
+ blue40: string;
1176
+ blue10: string;
1177
+ blue5: string;
1178
+ };
1179
+ link: {
1180
+ default: string;
1181
+ secondaryDefault: string;
1182
+ hover: string;
1183
+ secondaryHover: string;
1184
+ visited: string;
1185
+ disabled: string;
1186
+ };
1187
+ neutral: {
1188
+ black: string;
1189
+ grey90: string;
1190
+ grey80: string;
1191
+ grey70: string;
1192
+ grey60: string;
1193
+ grey40: string;
1194
+ grey20: string;
1195
+ grey15: string;
1196
+ grey10: string;
1197
+ grey5: string;
1198
+ white: string;
1199
+ };
1200
+ blackAndWhite: {
1201
+ black: string;
1202
+ white: string;
1203
+ };
1204
+ overlay: {
1205
+ blanket: string;
1206
+ };
1207
+ };
1208
+ thickness: {
1209
+ t1: string;
1210
+ t2: string;
1211
+ };
1212
+ width: {
1213
+ h16: string;
1214
+ h20: string;
1215
+ h24: string;
1216
+ };
1217
+ height: {
1218
+ h16: string;
1219
+ h20: string;
1220
+ h24: string;
1221
+ h32: string;
1222
+ h36: string;
1223
+ h40: string;
1224
+ h80: string;
1225
+ };
1226
+ margin: {
1227
+ m0: number;
1228
+ m2: string;
1229
+ m4: string;
1230
+ m6: string;
1231
+ m8: string;
1232
+ m12: string;
1233
+ m16: string;
1234
+ m20: string;
1235
+ m24: string;
1236
+ m32: string;
1237
+ m40: string;
1238
+ m48: string;
1239
+ m56: string;
1240
+ m64: string;
1241
+ m72: string;
1242
+ m80: string;
1243
+ };
1244
+ padding: {
1245
+ p0: number;
1246
+ p2: string;
1247
+ p4: string;
1248
+ p6: string;
1249
+ p8: string;
1250
+ p12: string;
1251
+ p16: string;
1252
+ p20: string;
1253
+ p24: string;
1254
+ p32: string;
1255
+ p40: string;
1256
+ p48: string;
1257
+ p56: string;
1258
+ p64: string;
1259
+ p72: string;
1260
+ p80: string;
1261
+ };
1262
+ radius: {
1263
+ r2: string;
1264
+ r4: string;
1265
+ r8: string;
1266
+ r12: string;
1267
+ r16: string;
1268
+ };
1269
+ border: {
1270
+ b1: string;
1271
+ b2: string;
1272
+ };
1273
+ outline: {
1274
+ o2: string;
1275
+ o4: string;
1276
+ };
1277
+ font: {
1278
+ family: {
1279
+ primary: string;
1280
+ secondary: string;
1281
+ fixed: string;
1282
+ };
1283
+ size: {
1284
+ f12: string;
1285
+ f14: string;
1286
+ f16: string;
1287
+ f18: string;
1288
+ f20: string;
1289
+ f22: string;
1290
+ f24: string;
1291
+ f26: string;
1292
+ f28: string;
1293
+ f30: string;
1294
+ f32: string;
1295
+ f36: string;
1296
+ f40: string;
1297
+ };
1298
+ weight: {
1299
+ light: number;
1300
+ regular: number;
1301
+ medium: number;
1302
+ semiBold: number;
1303
+ bold: number;
1304
+ extraBold: number;
1305
+ };
1306
+ lineHeight: {
1307
+ h100: string;
1308
+ h110: string;
1309
+ h120: string;
1310
+ h130: string;
1311
+ h140: string;
1312
+ h150: string;
1313
+ };
1314
+ };
1315
+ boxShadow: {
1316
+ y1: string;
1317
+ y2: string;
1318
+ x2y4: string;
1319
+ focus: string;
1320
+ active: string;
1321
+ destructiveActive: string;
1322
+ };
1323
+ breakpoints: {
1324
+ mobile: number;
1325
+ tablet: number;
1326
+ desktop: number;
1327
+ desktopLarge: number;
1328
+ };
1329
+ mq: {
1330
+ mobile: string;
1331
+ tablet: string;
1332
+ desktop: string;
1333
+ desktopLarge: string;
1334
+ custom: (breakpoint: number) => string;
1335
+ };
1336
+ };
1337
+ export type ThemeType = typeof theme;
1338
+ export type DisplayColoursType = typeof displayColours;
1339
+ export type BlackAndWhiteColoursType = typeof blackAndWhite;
1340
+ export default theme;