richie-education 3.3.2-dev19 → 3.3.2-dev26

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 (118) hide show
  1. package/.eslintrc.json +0 -3
  2. package/.storybook/preview.tsx +1 -1
  3. package/cunningham.cjs +1 -0
  4. package/i18n/compile-translations.js +12 -10
  5. package/jest.config.js +5 -0
  6. package/js/components/AddressesManagement/AddressForm/index.stories.tsx +1 -1
  7. package/js/components/AddressesManagement/AddressForm/index.tsx +4 -3
  8. package/js/components/AddressesManagement/index.stories.tsx +1 -1
  9. package/js/components/AddressesManagement/index.tsx +5 -3
  10. package/js/components/Badge/index.stories.tsx +1 -1
  11. package/js/components/Badge/index.tsx +1 -1
  12. package/js/components/Banner/index.stories.tsx +1 -1
  13. package/js/components/CourseGlimpse/index.stories.tsx +1 -1
  14. package/js/components/CourseGlimpseList/index.stories.tsx +1 -1
  15. package/js/components/CreditCardSelector/index.tsx +11 -3
  16. package/js/components/DownloadCertificateButton/index.tsx +2 -1
  17. package/js/components/DownloadContractButton/index.tsx +7 -1
  18. package/js/components/Form/Form/index.tsx +4 -2
  19. package/js/components/Icon/index.stories.tsx +2 -1
  20. package/js/components/Modal/index.stories.tsx +1 -1
  21. package/js/components/Modal/index.tsx +2 -1
  22. package/js/components/OpenEdxFullNameForm/index.stories.tsx +1 -1
  23. package/js/components/OpenEdxFullNameForm/index.tsx +2 -2
  24. package/js/components/PurchaseButton/index.stories.tsx +1 -1
  25. package/js/components/RegisteredAddress/index.stories.tsx +1 -1
  26. package/js/components/RegisteredAddress/index.tsx +4 -2
  27. package/js/components/SaleTunnel/AddressSelector/CreateAddressFormModal.tsx +1 -1
  28. package/js/components/SaleTunnel/AddressSelector/EditAddressFormModal.tsx +1 -1
  29. package/js/components/SaleTunnel/AddressSelector/index.tsx +4 -2
  30. package/js/components/SaleTunnel/SaleTunnelInformation/SaleTunnelInformationGroup.tsx +4 -3
  31. package/js/components/SaleTunnel/SaleTunnelInformation/SaleTunnelInformationSingular.tsx +8 -2
  32. package/js/components/SaleTunnel/index.stories.tsx +1 -1
  33. package/js/components/Spinner/index.stories.tsx +1 -1
  34. package/js/components/Tabs/index.stories.tsx +1 -1
  35. package/js/components/Tabs/index.tsx +2 -1
  36. package/js/components/TeacherDashboardCourseList/index.tsx +2 -1
  37. package/js/hooks/useAddressesManagement.tsx +4 -2
  38. package/js/hooks/useCreditCards/index.ts +6 -4
  39. package/js/hooks/useDashboardAddressForm.tsx +3 -3
  40. package/js/hooks/useMatchMedia.ts +1 -1
  41. package/js/hooks/useResources/useResourcesRoot.ts +1 -1
  42. package/js/hooks/useUnionResource/index.ts +6 -2
  43. package/js/hooks/useUnionResource/utils/fetchEntity.ts +1 -0
  44. package/js/pages/DashboardAddressesManagement/DashboardAddressBox.tsx +3 -3
  45. package/js/pages/DashboardAddressesManagement/DashboardCreateAddress.stories.tsx +1 -1
  46. package/js/pages/DashboardAddressesManagement/DashboardCreateAddress.tsx +1 -1
  47. package/js/pages/DashboardAddressesManagement/DashboardEditAddress.stories.tsx +1 -1
  48. package/js/pages/DashboardAddressesManagement/DashboardEditAddress.tsx +3 -2
  49. package/js/pages/DashboardAddressesManagement/index.stories.tsx +1 -1
  50. package/js/pages/DashboardAddressesManagement/index.tsx +1 -1
  51. package/js/pages/DashboardCourses/index.tsx +2 -1
  52. package/js/pages/DashboardCreditCardsManagement/CreditCardBrandLogo.stories.tsx +1 -1
  53. package/js/pages/DashboardCreditCardsManagement/DashboardCreditCardBox.tsx +3 -3
  54. package/js/pages/DashboardCreditCardsManagement/DashboardEditCreditCard.stories.tsx +1 -1
  55. package/js/pages/DashboardCreditCardsManagement/DashboardEditCreditCard.tsx +3 -2
  56. package/js/pages/DashboardCreditCardsManagement/index.stories.tsx +1 -1
  57. package/js/pages/DashboardOpenEdxProfile/index.stories.tsx +1 -1
  58. package/js/pages/TeacherDashboardContractsLayout/components/BulkDownloadContractButton/index.tsx +4 -2
  59. package/js/pages/TeacherDashboardContractsLayout/components/SignOrganizationContractButton/index.tsx +2 -1
  60. package/js/pages/TeacherDashboardContractsLayout/hooks/useCheckContractArchiveExists/index.spec.tsx +4 -4
  61. package/js/pages/TeacherDashboardContractsLayout/hooks/useDownloadContractArchive/index.spec.tsx +8 -9
  62. package/js/pages/TeacherDashboardContractsLayout/hooks/useDownloadContractArchive/index.tsx +14 -3
  63. package/js/pages/TeacherDashboardCourseLearnersLayout/components/CourseLearnerDataGrid/index.tsx +6 -1
  64. package/js/pages/TeacherDashboardCourseLoader/CourseRunList/utils.tsx +2 -1
  65. package/js/pages/TeacherDashboardOrganizationAgreements/BulkAgreementContractButton.tsx +4 -2
  66. package/js/pages/TeacherDashboardOrganizationAgreements/SignOrganizationAgreementButton.tsx +2 -1
  67. package/js/pages/TeacherDashboardOrganizationQuotes/index.tsx +2 -1
  68. package/js/utils/ProductHelper/index.spec.ts +1 -1
  69. package/js/utils/cunningham-tokens.ts +1111 -142
  70. package/js/utils/errors/handle.spec.ts +3 -3
  71. package/js/utils/react-query/useSessionMutation/index.ts +8 -3
  72. package/js/widgets/Dashboard/components/DashboardAvatar/index.stories.tsx +1 -1
  73. package/js/widgets/Dashboard/components/DashboardBox/index.stories.tsx +13 -5
  74. package/js/widgets/Dashboard/components/DashboardBreadcrumbs/index.stories.tsx +1 -1
  75. package/js/widgets/Dashboard/components/DashboardBreadcrumbs/index.tsx +3 -2
  76. package/js/widgets/Dashboard/components/DashboardCard/index.spec.tsx +13 -2
  77. package/js/widgets/Dashboard/components/DashboardCard/index.stories.tsx +12 -4
  78. package/js/widgets/Dashboard/components/DashboardCard/index.tsx +1 -1
  79. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/BatchOrderPaymentModal/BatchOrderPaymentManager.tsx +1 -1
  80. package/js/widgets/Dashboard/components/DashboardItem/BatchOrder/BatchOrderPaymentModal/index.tsx +2 -1
  81. package/js/widgets/Dashboard/components/DashboardItem/Certificate/index.stories.tsx +1 -1
  82. package/js/widgets/Dashboard/components/DashboardItem/Contract/index.stories.tsx +1 -1
  83. package/js/widgets/Dashboard/components/DashboardItem/CourseEnrolling/index.stories.tsx +1 -1
  84. package/js/widgets/Dashboard/components/DashboardItem/CourseEnrolling/index.tsx +8 -4
  85. package/js/widgets/Dashboard/components/DashboardItem/Enrollment/DashboardItemEnrollment.stories.tsx +1 -1
  86. package/js/widgets/Dashboard/components/DashboardItem/Enrollment/ProductCertificateFooter/index.tsx +1 -1
  87. package/js/widgets/Dashboard/components/DashboardItem/Order/DashboardItemOrderReadonly.stories.tsx +1 -1
  88. package/js/widgets/Dashboard/components/DashboardItem/Order/DashboardItemOrderWritable.stories.tsx +1 -1
  89. package/js/widgets/Dashboard/components/DashboardItem/Order/Installment/index.tsx +1 -1
  90. package/js/widgets/Dashboard/components/DashboardItem/Order/OrderPaymentRetryModal/index.tsx +2 -1
  91. package/js/widgets/Dashboard/components/DashboardItem/Order/OrganizationBlock/index.tsx +6 -3
  92. package/js/widgets/Dashboard/components/DashboardItem/index.stories.tsx +1 -1
  93. package/js/widgets/Dashboard/components/DashboardItem/index.tsx +2 -1
  94. package/js/widgets/Dashboard/components/DashboardListAvatar/index.stories.tsx +1 -1
  95. package/js/widgets/Dashboard/components/DashboardSidebar/index.stories.tsx +1 -1
  96. package/js/widgets/Dashboard/components/LearnerDashboardSidebar/index.stories.tsx +1 -1
  97. package/js/widgets/Dashboard/components/ProtectedOutlet/AuthenticatedOutlet.spec.tsx +1 -1
  98. package/js/widgets/Dashboard/components/ProtectedOutlet/ProtectedOutlet.spec.tsx +1 -1
  99. package/js/widgets/Dashboard/components/SearchBar/index.tsx +2 -1
  100. package/js/widgets/Dashboard/components/TeacherDashboardOrganizationSidebar/index.stories.tsx +1 -1
  101. package/js/widgets/Dashboard/components/TeacherDashboardProfileSidebar/index.stories.tsx +1 -1
  102. package/js/widgets/Dashboard/hooks/useRouteInfo/index.spec.tsx +2 -2
  103. package/js/widgets/Dashboard/index.spec.tsx +1 -1
  104. package/js/widgets/Search/components/SearchFilterValueParent/index.stories.tsx +1 -1
  105. package/js/widgets/Search/components/SearchFiltersPane/index.tsx +2 -1
  106. package/js/widgets/Slider/index.stories.tsx +1 -1
  107. package/js/widgets/SyllabusCourseRunsList/components/CourseProductItem/components/CourseProductCertificateItem/index.stories.tsx +1 -1
  108. package/js/widgets/SyllabusCourseRunsList/components/CourseProductItem/components/CourseRunItem/index.stories.tsx +1 -1
  109. package/js/widgets/SyllabusCourseRunsList/components/CourseProductItem/index.stories.tsx +1 -1
  110. package/js/widgets/SyllabusCourseRunsList/components/CourseWishButton/index.tsx +4 -2
  111. package/js/widgets/SyllabusCourseRunsList/components/SyllabusCourseRun/index.stories.tsx +1 -1
  112. package/js/widgets/SyllabusCourseRunsList/components/SyllabusCourseRunCompacted/index.stories.tsx +1 -1
  113. package/js/widgets/UserLogin/index.stories.tsx +1 -1
  114. package/package.json +80 -80
  115. package/scss/vendors/css/cunningham-tokens.css +1259 -154
  116. package/scss/vendors/cunningham-tokens.scss +1479 -150
  117. package/tsconfig.json +1 -1
  118. package/webpack.config.js +6 -0
@@ -1,38 +1,570 @@
1
1
  export const tokens = {
2
2
  themes: {
3
3
  default: {
4
+ globals: {
5
+ colors: {
6
+ 'logo-1': '#377FDB',
7
+ 'logo-2': '#377FDB',
8
+ 'logo-1-dark': '#95ABFF',
9
+ 'logo-2-dark': '#95ABFF',
10
+ 'brand-050': '#EAF1FB',
11
+ 'brand-100': '#D5E4F7',
12
+ 'brand-150': '#C0D6F4',
13
+ 'brand-200': '#ABC9F0',
14
+ 'brand-250': '#96BCEC',
15
+ 'brand-300': '#80AEE8',
16
+ 'brand-350': '#6CA0E4',
17
+ 'brand-400': '#5693E0',
18
+ 'brand-450': '#4085DC',
19
+ 'brand-500': '#2976D8',
20
+ 'brand-550': '#1167D4',
21
+ 'brand-600': '#0659C5',
22
+ 'brand-650': '#1A509F',
23
+ 'brand-700': '#20467F',
24
+ 'brand-750': '#203C63',
25
+ 'brand-800': '#1D314C',
26
+ 'brand-850': '#1A2638',
27
+ 'brand-900': '#141C28',
28
+ 'brand-950': '#0C1117',
29
+ 'gray-000': '#FFFFFF',
30
+ 'gray-025': '#F7F8F8',
31
+ 'gray-050': '#F0F1F2',
32
+ 'gray-100': '#E1E2E5',
33
+ 'gray-150': '#D2D4D8',
34
+ 'gray-200': '#C4C7CB',
35
+ 'gray-250': '#B5B9BE',
36
+ 'gray-300': '#A7ACB2',
37
+ 'gray-350': '#999EA5',
38
+ 'gray-400': '#8D9197',
39
+ 'gray-450': '#80848A',
40
+ 'gray-500': '#74777C',
41
+ 'gray-550': '#686B6F',
42
+ 'gray-600': '#5C5F63',
43
+ 'gray-650': '#505356',
44
+ 'gray-700': '#45474A',
45
+ 'gray-750': '#3A3B3E',
46
+ 'gray-800': '#2F3033',
47
+ 'gray-850': '#252627',
48
+ 'gray-900': '#1B1C1D',
49
+ 'gray-950': '#101112',
50
+ 'gray-1000': '#000000',
51
+ 'info-050': '#EAF1FB',
52
+ 'info-100': '#D5E4F7',
53
+ 'info-150': '#C0D6F4',
54
+ 'info-200': '#ABC9F0',
55
+ 'info-250': '#96BCEC',
56
+ 'info-300': '#80AEE8',
57
+ 'info-350': '#6CA0E4',
58
+ 'info-400': '#5693E0',
59
+ 'info-450': '#4085DC',
60
+ 'info-500': '#2976D8',
61
+ 'info-550': '#1167D4',
62
+ 'info-600': '#0659C5',
63
+ 'info-650': '#1A509F',
64
+ 'info-700': '#20467F',
65
+ 'info-750': '#203C63',
66
+ 'info-800': '#1D314C',
67
+ 'info-850': '#1A2638',
68
+ 'info-900': '#141C28',
69
+ 'info-950': '#0C1117',
70
+ 'success-050': '#E4F7D4',
71
+ 'success-100': '#C8EEA8',
72
+ 'success-150': '#AAE579',
73
+ 'success-200': '#89DC45',
74
+ 'success-250': '#72CF27',
75
+ 'success-300': '#6AC024',
76
+ 'success-350': '#61B121',
77
+ 'success-400': '#59A21E',
78
+ 'success-450': '#51941C',
79
+ 'success-500': '#4B851A',
80
+ 'success-550': '#427816',
81
+ 'success-600': '#3A6A14',
82
+ 'success-650': '#385C1F',
83
+ 'success-700': '#344D24',
84
+ 'success-750': '#2E4022',
85
+ 'success-800': '#27341F',
86
+ 'success-850': '#20281A',
87
+ 'success-900': '#181D15',
88
+ 'success-950': '#10120E',
89
+ 'warning-050': '#FFF1BD',
90
+ 'warning-100': '#FFE176',
91
+ 'warning-150': '#FFCF25',
92
+ 'warning-200': '#F4BF06',
93
+ 'warning-250': '#E3B205',
94
+ 'warning-300': '#D3A504',
95
+ 'warning-350': '#C29805',
96
+ 'warning-400': '#B28C03',
97
+ 'warning-450': '#A27F03',
98
+ 'warning-500': '#937303',
99
+ 'warning-550': '#836703',
100
+ 'warning-600': '#745B03',
101
+ 'warning-650': '#625019',
102
+ 'warning-700': '#524620',
103
+ 'warning-750': '#443B20',
104
+ 'warning-800': '#36301D',
105
+ 'warning-850': '#2A2619',
106
+ 'warning-900': '#1E1C13',
107
+ 'warning-950': '#12110C',
108
+ 'error-050': '#FCEDED',
109
+ 'error-100': '#FADBDB',
110
+ 'error-150': '#F7C9C9',
111
+ 'error-200': '#F5B7B7',
112
+ 'error-250': '#F2A4A4',
113
+ 'error-300': '#EF9191',
114
+ 'error-350': '#EC7D7D',
115
+ 'error-400': '#E96868',
116
+ 'error-450': '#E55050',
117
+ 'error-500': '#E13131',
118
+ 'error-550': '#D80000',
119
+ 'error-600': '#C00101',
120
+ 'error-650': '#9E2219',
121
+ 'error-700': '#802820',
122
+ 'error-750': '#662820',
123
+ 'error-800': '#4F231E',
124
+ 'error-850': '#3B1D19',
125
+ 'error-900': '#2A1614',
126
+ 'error-950': '#1A0E0C',
127
+ 'red-050': '#FDEDED',
128
+ 'red-100': '#FADBDB',
129
+ 'red-150': '#F8C9C9',
130
+ 'red-200': '#F5B7B6',
131
+ 'red-250': '#F3A4A3',
132
+ 'red-300': '#F09190',
133
+ 'red-350': '#EE7C7B',
134
+ 'red-400': '#EB6665',
135
+ 'red-450': '#E74E4D',
136
+ 'red-500': '#D83F3D',
137
+ 'red-550': '#C23837',
138
+ 'red-600': '#AC3231',
139
+ 'red-650': '#8D3531',
140
+ 'red-700': '#73332F',
141
+ 'red-750': '#5B2F2B',
142
+ 'red-800': '#472826',
143
+ 'red-850': '#35211F',
144
+ 'red-900': '#251817',
145
+ 'red-950': '#160F0E',
146
+ 'orange-050': '#FDEEE2',
147
+ 'orange-100': '#FCDDC5',
148
+ 'orange-150': '#FACBA8',
149
+ 'orange-200': '#F8B98B',
150
+ 'orange-250': '#F6A76A',
151
+ 'orange-300': '#F4934B',
152
+ 'orange-350': '#F27E27',
153
+ 'orange-400': '#E76E12',
154
+ 'orange-450': '#D26411',
155
+ 'orange-500': '#BE5B0F',
156
+ 'orange-550': '#AA510E',
157
+ 'orange-600': '#97480C',
158
+ 'orange-650': '#7E431D',
159
+ 'orange-700': '#673C22',
160
+ 'orange-750': '#533422',
161
+ 'orange-800': '#412C1F',
162
+ 'orange-850': '#31231B',
163
+ 'orange-900': '#221A14',
164
+ 'orange-950': '#15100C',
165
+ 'brown-050': '#F3F0EF',
166
+ 'brown-100': '#E7E1DF',
167
+ 'brown-150': '#DCD2CF',
168
+ 'brown-200': '#D0C4BF',
169
+ 'brown-250': '#C5B6B0',
170
+ 'brown-300': '#BAA7A1',
171
+ 'brown-350': '#AF9992',
172
+ 'brown-400': '#A48B83',
173
+ 'brown-450': '#997E74',
174
+ 'brown-500': '#8F7065',
175
+ 'brown-550': '#846357',
176
+ 'brown-600': '#7A5649',
177
+ 'brown-650': '#684C42',
178
+ 'brown-700': '#57423C',
179
+ 'brown-750': '#463833',
180
+ 'brown-800': '#382E2A',
181
+ 'brown-850': '#2B2422',
182
+ 'brown-900': '#1F1B19',
183
+ 'brown-950': '#121010',
184
+ 'yellow-050': '#FAF0D3',
185
+ 'yellow-100': '#F5E2A4',
186
+ 'yellow-150': '#F0D275',
187
+ 'yellow-200': '#EBC242',
188
+ 'yellow-250': '#E4B213',
189
+ 'yellow-300': '#D4A511',
190
+ 'yellow-350': '#C39810',
191
+ 'yellow-400': '#B38B0F',
192
+ 'yellow-450': '#A37F0D',
193
+ 'yellow-500': '#93730C',
194
+ 'yellow-550': '#84670B',
195
+ 'yellow-600': '#755B0A',
196
+ 'yellow-650': '#63501C',
197
+ 'yellow-700': '#534521',
198
+ 'yellow-750': '#443A21',
199
+ 'yellow-800': '#36301F',
200
+ 'yellow-850': '#29261A',
201
+ 'yellow-900': '#1D1C14',
202
+ 'yellow-950': '#12110C',
203
+ 'green-050': '#E2F6E5',
204
+ 'green-100': '#C5ECCA',
205
+ 'green-150': '#A7E3AF',
206
+ 'green-200': '#89D894',
207
+ 'green-250': '#67CE75',
208
+ 'green-300': '#4DC25D',
209
+ 'green-350': '#48B257',
210
+ 'green-400': '#41A44F',
211
+ 'green-450': '#3B9548',
212
+ 'green-500': '#368741',
213
+ 'green-550': '#30793A',
214
+ 'green-600': '#2B6B33',
215
+ 'green-650': '#2F5C34',
216
+ 'green-700': '#2E4E31',
217
+ 'green-750': '#2A412C',
218
+ 'green-800': '#253426',
219
+ 'green-850': '#1E281F',
220
+ 'green-900': '#171D17',
221
+ 'green-950': '#0F120F',
222
+ 'blue-1-050': '#EBF1FF',
223
+ 'blue-1-100': '#D6E3FE',
224
+ 'blue-1-150': '#C2D5FE',
225
+ 'blue-1-200': '#ADC7FE',
226
+ 'blue-1-250': '#99B8FD',
227
+ 'blue-1-300': '#84AAFD',
228
+ 'blue-1-350': '#6F9BFD',
229
+ 'blue-1-400': '#5A8DFB',
230
+ 'blue-1-450': '#437DFC',
231
+ 'blue-1-500': '#3D71E4',
232
+ 'blue-1-550': '#3665CC',
233
+ 'blue-1-600': '#305AB5',
234
+ 'blue-1-650': '#315093',
235
+ 'blue-1-700': '#2E4675',
236
+ 'blue-1-750': '#293B5E',
237
+ 'blue-1-800': '#243048',
238
+ 'blue-1-850': '#1E2635',
239
+ 'blue-1-900': '#171C25',
240
+ 'blue-1-950': '#0E1116',
241
+ 'blue-2-050': '#E2F4F9',
242
+ 'blue-2-100': '#C5E9F3',
243
+ 'blue-2-150': '#A7DDED',
244
+ 'blue-2-200': '#88D1E6',
245
+ 'blue-2-250': '#68C5E0',
246
+ 'blue-2-300': '#48B8D9',
247
+ 'blue-2-350': '#3BAACA',
248
+ 'blue-2-400': '#359CB9',
249
+ 'blue-2-450': '#318EA9',
250
+ 'blue-2-500': '#2C8199',
251
+ 'blue-2-550': '#277389',
252
+ 'blue-2-600': '#236679',
253
+ 'blue-2-650': '#2A5866',
254
+ 'blue-2-700': '#2A4B55',
255
+ 'blue-2-750': '#283F47',
256
+ 'blue-2-800': '#233337',
257
+ 'blue-2-850': '#1D272A',
258
+ 'blue-2-900': '#161C1E',
259
+ 'blue-2-950': '#0E1112',
260
+ 'purple-050': '#F6EEFF',
261
+ 'purple-100': '#ECDCFF',
262
+ 'purple-150': '#E3CBFE',
263
+ 'purple-200': '#DAB9FE',
264
+ 'purple-250': '#D0A7FE',
265
+ 'purple-300': '#C795FE',
266
+ 'purple-350': '#BD83FD',
267
+ 'purple-400': '#B36FFD',
268
+ 'purple-450': '#A85BFD',
269
+ 'purple-500': '#9B4BF3',
270
+ 'purple-550': '#8B43DA',
271
+ 'purple-600': '#7B3CC1',
272
+ 'purple-650': '#673C9B',
273
+ 'purple-700': '#56387D',
274
+ 'purple-750': '#463162',
275
+ 'purple-800': '#382A4A',
276
+ 'purple-850': '#2A2237',
277
+ 'purple-900': '#1E1926',
278
+ 'purple-950': '#121017',
279
+ 'pink-050': '#FCEDF5',
280
+ 'pink-100': '#F9DAEA',
281
+ 'pink-150': '#F7C7E0',
282
+ 'pink-200': '#F4B4D5',
283
+ 'pink-250': '#F1A1CA',
284
+ 'pink-300': '#EE8CBF',
285
+ 'pink-350': '#EA77B3',
286
+ 'pink-400': '#E760A6',
287
+ 'pink-450': '#E24797',
288
+ 'pink-500': '#CD4089',
289
+ 'pink-550': '#B8397B',
290
+ 'pink-600': '#A3336D',
291
+ 'pink-650': '#86355E',
292
+ 'pink-700': '#6E334F',
293
+ 'pink-750': '#582E42',
294
+ 'pink-800': '#442834',
295
+ 'pink-850': '#332028',
296
+ 'pink-900': '#24181D',
297
+ 'pink-950': '#160F12',
298
+ 'black-000': '#00000000',
299
+ 'black-050': '#0000000D',
300
+ 'black-100': '#0000001A',
301
+ 'black-150': '#00000026',
302
+ 'black-200': '#00000033',
303
+ 'black-250': '#00000040',
304
+ 'black-300': '#0000004D',
305
+ 'black-350': '#00000059',
306
+ 'black-400': '#00000066',
307
+ 'black-450': '#00000073',
308
+ 'black-500': '#00000080',
309
+ 'black-550': '#0000008C',
310
+ 'black-600': '#00000099',
311
+ 'black-650': '#000000A6',
312
+ 'black-700': '#000000B3',
313
+ 'black-750': '#000000BF',
314
+ 'black-800': '#000000CC',
315
+ 'black-850': '#000000D9',
316
+ 'black-900': '#000000E6',
317
+ 'black-950': '#000000F2',
318
+ 'white-000': '#FFFFFF',
319
+ 'white-050': '#FFFFFF0D',
320
+ 'white-100': '#FFFFFF1A',
321
+ 'white-150': '#FFFFFF26',
322
+ 'white-200': '#FFFFFF33',
323
+ 'white-250': '#FFFFFF40',
324
+ 'white-300': '#FFFFFF4D',
325
+ 'white-350': '#FFFFFF59',
326
+ 'white-400': '#FFFFFF66',
327
+ 'white-450': '#FFFFFF73',
328
+ 'white-500': '#FFFFFF80',
329
+ 'white-550': '#FFFFFF8C',
330
+ 'white-600': '#FFFFFF99',
331
+ 'white-650': '#FFFFFFA6',
332
+ 'white-700': '#FFFFFFB3',
333
+ 'white-750': '#FFFFFFBF',
334
+ 'white-800': '#FFFFFFCC',
335
+ 'white-850': '#FFFFFFD9',
336
+ 'white-900': '#FFFFFFE6',
337
+ 'white-950': '#FFFFFFF2',
338
+ },
339
+ transitions: {
340
+ 'ease-in': 'cubic-bezier(0.32, 0, 0.67, 0)',
341
+ 'ease-out': 'cubic-bezier(0.33, 1, 0.68, 1)',
342
+ 'ease-in-out': 'cubic-bezier(0.65, 0, 0.35, 1)',
343
+ duration: '250ms',
344
+ },
345
+ font: {
346
+ sizes: {
347
+ xs: '0.75rem',
348
+ sm: '0.875rem',
349
+ md: '1rem',
350
+ lg: '1.125rem',
351
+ ml: '0.938rem',
352
+ xl: '1.25rem',
353
+ t: '0.6875rem',
354
+ s: '0.75rem',
355
+ h1: '2rem',
356
+ h2: '1.75rem',
357
+ h3: '1.5rem',
358
+ h4: '1.375rem',
359
+ h5: '1.25rem',
360
+ h6: '1.125rem',
361
+ 'xl-alt': '5rem',
362
+ 'lg-alt': '4.5rem',
363
+ 'md-alt': '4rem',
364
+ 'sm-alt': '3.5rem',
365
+ 'xs-alt': '3rem',
366
+ },
367
+ weights: {
368
+ thin: 200,
369
+ light: 300,
370
+ regular: 400,
371
+ medium: 500,
372
+ bold: 600,
373
+ extrabold: 700,
374
+ black: 800,
375
+ },
376
+ families: {
377
+ base: '"Roboto Flex Variable", sans-serif',
378
+ accent: '"Roboto Flex Variable", sans-serif',
379
+ },
380
+ },
381
+ spacings: {
382
+ l: '3rem',
383
+ b: '1.625rem',
384
+ m: '0.8125rem',
385
+ s: '1rem',
386
+ t: '0.5rem',
387
+ st: '0.25rem',
388
+ '4xs': '0.125rem',
389
+ xxxs: '0.25rem',
390
+ xxs: '0.375rem',
391
+ xs: '0.5rem',
392
+ sm: '0.75rem',
393
+ base: '1rem',
394
+ md: '1.5rem',
395
+ lg: '2rem',
396
+ xl: '2.5rem',
397
+ xxl: '3rem',
398
+ xxxl: '3.5rem',
399
+ '4xl': '4rem',
400
+ '5xl': '4.5rem',
401
+ '6xl': '6rem',
402
+ '7xl': '7.5rem',
403
+ },
404
+ breakpoints: { xs: 0, sm: '576px', md: '768px', lg: '992px', xl: '1200px', xxl: '1400px' },
405
+ },
406
+ contextuals: {
407
+ background: {
408
+ surface: { primary: '#FFFFFF', secondary: '#FFFFFF', tertiary: '#F7F8F8' },
409
+ semantic: {
410
+ brand: {
411
+ primary: '#1167D4',
412
+ 'primary-hover': '#1A509F',
413
+ secondary: '#D5E4F7',
414
+ 'secondary-hover': '#C0D6F4',
415
+ tertiary: '#EAF1FB',
416
+ 'tertiary-hover': '#D5E4F7',
417
+ },
418
+ neutral: {
419
+ primary: '#686B6F',
420
+ 'primary-hover': '#505356',
421
+ secondary: '#E1E2E5',
422
+ 'secondary-hover': '#D2D4D8',
423
+ tertiary: '#F0F1F2',
424
+ 'tertiary-hover': '#E1E2E5',
425
+ },
426
+ contextual: { primary: '#0000000D', 'primary-hover': '#0000001A' },
427
+ info: {
428
+ primary: '#1167D4',
429
+ 'primary-hover': '#1A509F',
430
+ secondary: '#D5E4F7',
431
+ 'secondary-hover': '#C0D6F4',
432
+ tertiary: '#EAF1FB',
433
+ 'tertiary-hover': '#D5E4F7',
434
+ },
435
+ success: {
436
+ primary: '#427816',
437
+ 'primary-hover': '#385C1F',
438
+ secondary: '#C8EEA8',
439
+ 'secondary-hover': '#AAE579',
440
+ tertiary: '#E4F7D4',
441
+ 'tertiary-hover': '#C8EEA8',
442
+ },
443
+ warning: {
444
+ primary: '#836703',
445
+ 'primary-hover': '#625019',
446
+ secondary: '#FFE176',
447
+ 'secondary-hover': '#FFCF25',
448
+ tertiary: '#FFF1BD',
449
+ 'tertiary-hover': '#FFE176',
450
+ },
451
+ error: {
452
+ primary: '#D80000',
453
+ 'primary-hover': '#9E2219',
454
+ secondary: '#FADBDB',
455
+ 'secondary-hover': '#F7C9C9',
456
+ tertiary: '#FCEDED',
457
+ 'tertiary-hover': '#FADBDB',
458
+ },
459
+ disabled: { primary: '#E1E2E5', secondary: '#F0F1F2' },
460
+ },
461
+ palette: {
462
+ brand: { primary: '#2976D8', secondary: '#6CA0E4', tertiary: '#C0D6F4' },
463
+ red: { primary: '#D83F3D', secondary: '#EE7C7B', tertiary: '#F8C9C9' },
464
+ orange: { primary: '#BE5B0F', secondary: '#F27E27', tertiary: '#FACBA8' },
465
+ brown: { primary: '#8F7065', secondary: '#AF9992', tertiary: '#DCD2CF' },
466
+ yellow: { primary: '#93730C', secondary: '#C39810', tertiary: '#F0D275' },
467
+ green: { primary: '#368741', secondary: '#48B257', tertiary: '#A7E3AF' },
468
+ 'blue-1': { primary: '#3D71E4', secondary: '#6F9BFD', tertiary: '#C2D5FE' },
469
+ 'blue-2': { primary: '#2C8199', secondary: '#3BAACA', tertiary: '#A7DDED' },
470
+ purple: { primary: '#9B4BF3', secondary: '#BD83FD', tertiary: '#E3CBFE' },
471
+ pink: { primary: '#CD4089', secondary: '#EA77B3', tertiary: '#F7C7E0' },
472
+ gray: { primary: '#74777C', secondary: '#999EA5', tertiary: '#D2D4D8' },
473
+ },
474
+ text: { primary: '#0000000D' },
475
+ },
476
+ content: {
477
+ logo1: '#377FDB',
478
+ logo2: '#377FDB',
479
+ semantic: {
480
+ brand: {
481
+ primary: '#20467F',
482
+ secondary: '#0659C5',
483
+ tertiary: '#2976D8',
484
+ 'on-brand': '#EAF1FB',
485
+ },
486
+ neutral: {
487
+ primary: '#252627',
488
+ secondary: '#5C5F63',
489
+ tertiary: '#74777C',
490
+ 'on-neutral': '#F0F1F2',
491
+ },
492
+ contextual: { primary: '#FFFFFFF2' },
493
+ info: {
494
+ primary: '#20467F',
495
+ secondary: '#0659C5',
496
+ tertiary: '#2976D8',
497
+ 'on-info': '#EAF1FB',
498
+ },
499
+ success: {
500
+ primary: '#344D24',
501
+ secondary: '#3A6A14',
502
+ tertiary: '#4B851A',
503
+ 'on-success': '#E4F7D4',
504
+ },
505
+ warning: {
506
+ primary: '#524620',
507
+ secondary: '#745B03',
508
+ tertiary: '#937303',
509
+ 'on-warning': '#FFF1BD',
510
+ },
511
+ error: {
512
+ primary: '#802820',
513
+ secondary: '#C00101',
514
+ tertiary: '#E13131',
515
+ 'on-error': '#FCEDED',
516
+ },
517
+ disabled: { primary: '#A7ACB2', secondary: '#FFFFFF80' },
518
+ },
519
+ palette: {
520
+ brand: { primary: '#2976D8', secondary: '#6CA0E4', tertiary: '#C0D6F4' },
521
+ red: { primary: '#D83F3D', secondary: '#EE7C7B', tertiary: '#F8C9C9' },
522
+ orange: { primary: '#BE5B0F', secondary: '#F27E27', tertiary: '#FACBA8' },
523
+ brown: { primary: '#8F7065', secondary: '#AF9992', tertiary: '#DCD2CF' },
524
+ yellow: { primary: '#93730C', secondary: '#C39810', tertiary: '#F0D275' },
525
+ green: { primary: '#368741', secondary: '#48B257', tertiary: '#A7E3AF' },
526
+ 'blue-1': { primary: '#3D71E4', secondary: '#6F9BFD', tertiary: '#C2D5FE' },
527
+ 'blue-2': { primary: '#2C8199', secondary: '#3BAACA', tertiary: '#A7DDED' },
528
+ purple: { primary: '#9B4BF3', secondary: '#BD83FD', tertiary: '#E3CBFE' },
529
+ pink: { primary: '#CD4089', secondary: '#EA77B3', tertiary: '#F7C7E0' },
530
+ gray: { primary: '#74777C', secondary: '#999EA5', tertiary: '#D2D4D8' },
531
+ },
532
+ },
533
+ border: {
534
+ surface: { primary: '#E1E2E5' },
535
+ semantic: {
536
+ brand: { primary: '#1167D4', secondary: '#80AEE8', tertiary: '#C0D6F4' },
537
+ contextual: { primary: '#FFFFFF33' },
538
+ neutral: { primary: '#686B6F', secondary: '#A7ACB2', tertiary: '#D2D4D8' },
539
+ info: { primary: '#1167D4', secondary: '#80AEE8', tertiary: '#C0D6F4' },
540
+ success: { primary: '#427816', secondary: '#6AC024', tertiary: '#AAE579' },
541
+ warning: { primary: '#836703', secondary: '#D3A504', tertiary: '#FFCF25' },
542
+ error: { primary: '#D80000', secondary: '#EF9191', tertiary: '#F7C9C9' },
543
+ disabled: { primary: '#E1E2E5' },
544
+ },
545
+ palette: {
546
+ brand: { primary: '#2976D8', secondary: '#6CA0E4', tertiary: '#C0D6F4' },
547
+ red: { primary: '#D83F3D', secondary: '#EE7C7B', tertiary: '#F8C9C9' },
548
+ orange: { primary: '#BE5B0F', secondary: '#F27E27', tertiary: '#FACBA8' },
549
+ brown: { primary: '#8F7065', secondary: '#AF9992', tertiary: '#DCD2CF' },
550
+ yellow: { primary: '#93730C', secondary: '#C39810', tertiary: '#F0D275' },
551
+ green: { primary: '#368741', secondary: '#48B257', tertiary: '#A7E3AF' },
552
+ 'blue-1': { primary: '#3D71E4', secondary: '#6F9BFD', tertiary: '#C2D5FE' },
553
+ 'blue-2': { primary: '#2C8199', secondary: '#3BAACA', tertiary: '#A7DDED' },
554
+ purple: { primary: '#9B4BF3', secondary: '#BD83FD', tertiary: '#E3CBFE' },
555
+ pink: { primary: '#CD4089', secondary: '#EA77B3', tertiary: '#F7C7E0' },
556
+ gray: { primary: '#74777C', secondary: '#999EA5', tertiary: '#D2D4D8' },
557
+ },
558
+ },
559
+ },
560
+ components: {
561
+ tabs: {},
562
+ button: { 'font-family': 'Montserrat' },
563
+ dashboardListAvatar: { saturation: 30, lightness: 55 },
564
+ },
4
565
  theme: {
566
+ font: { families: { base: 'Hind', accent: 'Montserrat' } },
5
567
  colors: {
6
- 'secondary-text': '#555F6B',
7
- 'secondary-100': '#eff8ff',
8
- 'secondary-200': '#eaf3fd',
9
- 'secondary-300': '#e2ebf5',
10
- 'secondary-400': '#c0c9d3',
11
- 'secondary-500': '#a3abb4',
12
- 'secondary-600': '#79818a',
13
- 'secondary-700': '#656c75',
14
- 'secondary-800': '#454d55',
15
- 'secondary-900': '#242b32',
16
- 'info-text': '#FFFFFF',
17
- 'info-100': '#EBF2FC',
18
- 'info-200': '#8CB5EA',
19
- 'info-300': '#5894E1',
20
- 'info-400': '#377FDB',
21
- 'info-500': '#055FD2',
22
- 'info-600': '#0556BF',
23
- 'info-700': '#044395',
24
- 'info-800': '#033474',
25
- 'info-900': '#022858',
26
- 'greyscale-100': '#FAFAFB',
27
- 'greyscale-200': '#F3F4F4',
28
- 'greyscale-300': '#E7E8EA',
29
- 'greyscale-400': '#C2C6CA',
30
- 'greyscale-500': '#9EA3AA',
31
- 'greyscale-600': '#79818A',
32
- 'greyscale-700': '#555F6B',
33
- 'greyscale-800': '#303C4B',
34
- 'greyscale-900': '#0C1A2B',
35
- 'greyscale-000': '#FFFFFF',
36
568
  'primary-100': '#ffcad1',
37
569
  'primary-200': '#f19597',
38
570
  'primary-300': '#e86a6f',
@@ -42,37 +574,15 @@ export const tokens = {
42
574
  'primary-700': '#d60f29',
43
575
  'primary-800': '#c90022',
44
576
  'primary-900': '#bb0014',
45
- 'success-100': '#EFFCD3',
46
- 'success-200': '#DBFAA9',
47
- 'success-300': '#BEF27C',
48
- 'success-400': '#A0E659',
49
- 'success-500': '#76D628',
50
- 'success-600': '#5AB81D',
51
- 'success-700': '#419A14',
52
- 'success-800': '#2C7C0C',
53
- 'success-900': '#1D6607',
54
- 'warning-100': '#FFF8CD',
55
- 'warning-200': '#FFEF9B',
56
- 'warning-300': '#FFE469',
57
- 'warning-400': '#FFDA43',
58
- 'warning-500': '#FFC805',
59
- 'warning-600': '#DBA603',
60
- 'warning-700': '#B78702',
61
- 'warning-800': '#936901',
62
- 'warning-900': '#7A5400',
63
- 'danger-100': '#F4B0B0',
64
- 'danger-200': '#EE8A8A',
65
- 'danger-300': '#E65454',
66
- 'danger-400': '#E13333',
67
- 'danger-500': '#DA0000',
68
- 'danger-600': '#C60000',
69
- 'danger-700': '#9B0000',
70
- 'danger-800': '#780000',
71
- 'danger-900': '#5C0000',
72
- 'primary-text': '#FFFFFF',
73
- 'success-text': '#FFFFFF',
74
- 'warning-text': '#FFFFFF',
75
- 'danger-text': '#FFFFFF',
577
+ 'secondary-100': '#eff8ff',
578
+ 'secondary-200': '#eaf3fd',
579
+ 'secondary-300': '#e2ebf5',
580
+ 'secondary-400': '#c0c9d3',
581
+ 'secondary-500': '#a3abb4',
582
+ 'secondary-600': '#79818a',
583
+ 'secondary-700': '#656c75',
584
+ 'secondary-800': '#454d55',
585
+ 'secondary-900': '#242b32',
76
586
  black: '#090909',
77
587
  'dark-grey': '#232323',
78
588
  charcoal: '#29303b',
@@ -93,18 +603,373 @@ export const tokens = {
93
603
  midnightblue: '#141b2c',
94
604
  mantis: '#76ce68',
95
605
  'mantis-darken': '#006908',
606
+ 'warning-500': '#937303',
607
+ },
608
+ },
609
+ },
610
+ dark: {
611
+ globals: {
612
+ colors: {
613
+ 'logo-1': '#377FDB',
614
+ 'logo-2': '#377FDB',
615
+ 'logo-1-dark': '#95ABFF',
616
+ 'logo-2-dark': '#95ABFF',
617
+ 'brand-050': '#EAF1FB',
618
+ 'brand-100': '#D5E4F7',
619
+ 'brand-150': '#C0D6F4',
620
+ 'brand-200': '#ABC9F0',
621
+ 'brand-250': '#96BCEC',
622
+ 'brand-300': '#80AEE8',
623
+ 'brand-350': '#6CA0E4',
624
+ 'brand-400': '#5693E0',
625
+ 'brand-450': '#4085DC',
626
+ 'brand-500': '#2976D8',
627
+ 'brand-550': '#1167D4',
628
+ 'brand-600': '#0659C5',
629
+ 'brand-650': '#1A509F',
630
+ 'brand-700': '#20467F',
631
+ 'brand-750': '#203C63',
632
+ 'brand-800': '#1D314C',
633
+ 'brand-850': '#1A2638',
634
+ 'brand-900': '#141C28',
635
+ 'brand-950': '#0C1117',
636
+ 'gray-000': '#FFFFFF',
637
+ 'gray-025': '#F7F8F8',
638
+ 'gray-050': '#F0F1F2',
639
+ 'gray-100': '#E1E2E5',
640
+ 'gray-150': '#D2D4D8',
641
+ 'gray-200': '#C4C7CB',
642
+ 'gray-250': '#B5B9BE',
643
+ 'gray-300': '#A7ACB2',
644
+ 'gray-350': '#999EA5',
645
+ 'gray-400': '#8D9197',
646
+ 'gray-450': '#80848A',
647
+ 'gray-500': '#74777C',
648
+ 'gray-550': '#686B6F',
649
+ 'gray-600': '#5C5F63',
650
+ 'gray-650': '#505356',
651
+ 'gray-700': '#45474A',
652
+ 'gray-750': '#3A3B3E',
653
+ 'gray-800': '#2F3033',
654
+ 'gray-850': '#252627',
655
+ 'gray-900': '#1B1C1D',
656
+ 'gray-950': '#101112',
657
+ 'gray-1000': '#000000',
658
+ 'info-050': '#EAF1FB',
659
+ 'info-100': '#D5E4F7',
660
+ 'info-150': '#C0D6F4',
661
+ 'info-200': '#ABC9F0',
662
+ 'info-250': '#96BCEC',
663
+ 'info-300': '#80AEE8',
664
+ 'info-350': '#6CA0E4',
665
+ 'info-400': '#5693E0',
666
+ 'info-450': '#4085DC',
667
+ 'info-500': '#2976D8',
668
+ 'info-550': '#1167D4',
669
+ 'info-600': '#0659C5',
670
+ 'info-650': '#1A509F',
671
+ 'info-700': '#20467F',
672
+ 'info-750': '#203C63',
673
+ 'info-800': '#1D314C',
674
+ 'info-850': '#1A2638',
675
+ 'info-900': '#141C28',
676
+ 'info-950': '#0C1117',
677
+ 'success-050': '#E4F7D4',
678
+ 'success-100': '#C8EEA8',
679
+ 'success-150': '#AAE579',
680
+ 'success-200': '#89DC45',
681
+ 'success-250': '#72CF27',
682
+ 'success-300': '#6AC024',
683
+ 'success-350': '#61B121',
684
+ 'success-400': '#59A21E',
685
+ 'success-450': '#51941C',
686
+ 'success-500': '#4B851A',
687
+ 'success-550': '#427816',
688
+ 'success-600': '#3A6A14',
689
+ 'success-650': '#385C1F',
690
+ 'success-700': '#344D24',
691
+ 'success-750': '#2E4022',
692
+ 'success-800': '#27341F',
693
+ 'success-850': '#20281A',
694
+ 'success-900': '#181D15',
695
+ 'success-950': '#10120E',
696
+ 'warning-050': '#FFF1BD',
697
+ 'warning-100': '#FFE176',
698
+ 'warning-150': '#FFCF25',
699
+ 'warning-200': '#F4BF06',
700
+ 'warning-250': '#E3B205',
701
+ 'warning-300': '#D3A504',
702
+ 'warning-350': '#C29805',
703
+ 'warning-400': '#B28C03',
704
+ 'warning-450': '#A27F03',
705
+ 'warning-500': '#937303',
706
+ 'warning-550': '#836703',
707
+ 'warning-600': '#745B03',
708
+ 'warning-650': '#625019',
709
+ 'warning-700': '#524620',
710
+ 'warning-750': '#443B20',
711
+ 'warning-800': '#36301D',
712
+ 'warning-850': '#2A2619',
713
+ 'warning-900': '#1E1C13',
714
+ 'warning-950': '#12110C',
715
+ 'error-050': '#FCEDED',
716
+ 'error-100': '#FADBDB',
717
+ 'error-150': '#F7C9C9',
718
+ 'error-200': '#F5B7B7',
719
+ 'error-250': '#F2A4A4',
720
+ 'error-300': '#EF9191',
721
+ 'error-350': '#EC7D7D',
722
+ 'error-400': '#E96868',
723
+ 'error-450': '#E55050',
724
+ 'error-500': '#E13131',
725
+ 'error-550': '#D80000',
726
+ 'error-600': '#C00101',
727
+ 'error-650': '#9E2219',
728
+ 'error-700': '#802820',
729
+ 'error-750': '#662820',
730
+ 'error-800': '#4F231E',
731
+ 'error-850': '#3B1D19',
732
+ 'error-900': '#2A1614',
733
+ 'error-950': '#1A0E0C',
734
+ 'red-050': '#FDEDED',
735
+ 'red-100': '#FADBDB',
736
+ 'red-150': '#F8C9C9',
737
+ 'red-200': '#F5B7B6',
738
+ 'red-250': '#F3A4A3',
739
+ 'red-300': '#F09190',
740
+ 'red-350': '#EE7C7B',
741
+ 'red-400': '#EB6665',
742
+ 'red-450': '#E74E4D',
743
+ 'red-500': '#D83F3D',
744
+ 'red-550': '#C23837',
745
+ 'red-600': '#AC3231',
746
+ 'red-650': '#8D3531',
747
+ 'red-700': '#73332F',
748
+ 'red-750': '#5B2F2B',
749
+ 'red-800': '#472826',
750
+ 'red-850': '#35211F',
751
+ 'red-900': '#251817',
752
+ 'red-950': '#160F0E',
753
+ 'orange-050': '#FDEEE2',
754
+ 'orange-100': '#FCDDC5',
755
+ 'orange-150': '#FACBA8',
756
+ 'orange-200': '#F8B98B',
757
+ 'orange-250': '#F6A76A',
758
+ 'orange-300': '#F4934B',
759
+ 'orange-350': '#F27E27',
760
+ 'orange-400': '#E76E12',
761
+ 'orange-450': '#D26411',
762
+ 'orange-500': '#BE5B0F',
763
+ 'orange-550': '#AA510E',
764
+ 'orange-600': '#97480C',
765
+ 'orange-650': '#7E431D',
766
+ 'orange-700': '#673C22',
767
+ 'orange-750': '#533422',
768
+ 'orange-800': '#412C1F',
769
+ 'orange-850': '#31231B',
770
+ 'orange-900': '#221A14',
771
+ 'orange-950': '#15100C',
772
+ 'brown-050': '#F3F0EF',
773
+ 'brown-100': '#E7E1DF',
774
+ 'brown-150': '#DCD2CF',
775
+ 'brown-200': '#D0C4BF',
776
+ 'brown-250': '#C5B6B0',
777
+ 'brown-300': '#BAA7A1',
778
+ 'brown-350': '#AF9992',
779
+ 'brown-400': '#A48B83',
780
+ 'brown-450': '#997E74',
781
+ 'brown-500': '#8F7065',
782
+ 'brown-550': '#846357',
783
+ 'brown-600': '#7A5649',
784
+ 'brown-650': '#684C42',
785
+ 'brown-700': '#57423C',
786
+ 'brown-750': '#463833',
787
+ 'brown-800': '#382E2A',
788
+ 'brown-850': '#2B2422',
789
+ 'brown-900': '#1F1B19',
790
+ 'brown-950': '#121010',
791
+ 'yellow-050': '#FAF0D3',
792
+ 'yellow-100': '#F5E2A4',
793
+ 'yellow-150': '#F0D275',
794
+ 'yellow-200': '#EBC242',
795
+ 'yellow-250': '#E4B213',
796
+ 'yellow-300': '#D4A511',
797
+ 'yellow-350': '#C39810',
798
+ 'yellow-400': '#B38B0F',
799
+ 'yellow-450': '#A37F0D',
800
+ 'yellow-500': '#93730C',
801
+ 'yellow-550': '#84670B',
802
+ 'yellow-600': '#755B0A',
803
+ 'yellow-650': '#63501C',
804
+ 'yellow-700': '#534521',
805
+ 'yellow-750': '#443A21',
806
+ 'yellow-800': '#36301F',
807
+ 'yellow-850': '#29261A',
808
+ 'yellow-900': '#1D1C14',
809
+ 'yellow-950': '#12110C',
810
+ 'green-050': '#E2F6E5',
811
+ 'green-100': '#C5ECCA',
812
+ 'green-150': '#A7E3AF',
813
+ 'green-200': '#89D894',
814
+ 'green-250': '#67CE75',
815
+ 'green-300': '#4DC25D',
816
+ 'green-350': '#48B257',
817
+ 'green-400': '#41A44F',
818
+ 'green-450': '#3B9548',
819
+ 'green-500': '#368741',
820
+ 'green-550': '#30793A',
821
+ 'green-600': '#2B6B33',
822
+ 'green-650': '#2F5C34',
823
+ 'green-700': '#2E4E31',
824
+ 'green-750': '#2A412C',
825
+ 'green-800': '#253426',
826
+ 'green-850': '#1E281F',
827
+ 'green-900': '#171D17',
828
+ 'green-950': '#0F120F',
829
+ 'blue-1-050': '#EBF1FF',
830
+ 'blue-1-100': '#D6E3FE',
831
+ 'blue-1-150': '#C2D5FE',
832
+ 'blue-1-200': '#ADC7FE',
833
+ 'blue-1-250': '#99B8FD',
834
+ 'blue-1-300': '#84AAFD',
835
+ 'blue-1-350': '#6F9BFD',
836
+ 'blue-1-400': '#5A8DFB',
837
+ 'blue-1-450': '#437DFC',
838
+ 'blue-1-500': '#3D71E4',
839
+ 'blue-1-550': '#3665CC',
840
+ 'blue-1-600': '#305AB5',
841
+ 'blue-1-650': '#315093',
842
+ 'blue-1-700': '#2E4675',
843
+ 'blue-1-750': '#293B5E',
844
+ 'blue-1-800': '#243048',
845
+ 'blue-1-850': '#1E2635',
846
+ 'blue-1-900': '#171C25',
847
+ 'blue-1-950': '#0E1116',
848
+ 'blue-2-050': '#E2F4F9',
849
+ 'blue-2-100': '#C5E9F3',
850
+ 'blue-2-150': '#A7DDED',
851
+ 'blue-2-200': '#88D1E6',
852
+ 'blue-2-250': '#68C5E0',
853
+ 'blue-2-300': '#48B8D9',
854
+ 'blue-2-350': '#3BAACA',
855
+ 'blue-2-400': '#359CB9',
856
+ 'blue-2-450': '#318EA9',
857
+ 'blue-2-500': '#2C8199',
858
+ 'blue-2-550': '#277389',
859
+ 'blue-2-600': '#236679',
860
+ 'blue-2-650': '#2A5866',
861
+ 'blue-2-700': '#2A4B55',
862
+ 'blue-2-750': '#283F47',
863
+ 'blue-2-800': '#233337',
864
+ 'blue-2-850': '#1D272A',
865
+ 'blue-2-900': '#161C1E',
866
+ 'blue-2-950': '#0E1112',
867
+ 'purple-050': '#F6EEFF',
868
+ 'purple-100': '#ECDCFF',
869
+ 'purple-150': '#E3CBFE',
870
+ 'purple-200': '#DAB9FE',
871
+ 'purple-250': '#D0A7FE',
872
+ 'purple-300': '#C795FE',
873
+ 'purple-350': '#BD83FD',
874
+ 'purple-400': '#B36FFD',
875
+ 'purple-450': '#A85BFD',
876
+ 'purple-500': '#9B4BF3',
877
+ 'purple-550': '#8B43DA',
878
+ 'purple-600': '#7B3CC1',
879
+ 'purple-650': '#673C9B',
880
+ 'purple-700': '#56387D',
881
+ 'purple-750': '#463162',
882
+ 'purple-800': '#382A4A',
883
+ 'purple-850': '#2A2237',
884
+ 'purple-900': '#1E1926',
885
+ 'purple-950': '#121017',
886
+ 'pink-050': '#FCEDF5',
887
+ 'pink-100': '#F9DAEA',
888
+ 'pink-150': '#F7C7E0',
889
+ 'pink-200': '#F4B4D5',
890
+ 'pink-250': '#F1A1CA',
891
+ 'pink-300': '#EE8CBF',
892
+ 'pink-350': '#EA77B3',
893
+ 'pink-400': '#E760A6',
894
+ 'pink-450': '#E24797',
895
+ 'pink-500': '#CD4089',
896
+ 'pink-550': '#B8397B',
897
+ 'pink-600': '#A3336D',
898
+ 'pink-650': '#86355E',
899
+ 'pink-700': '#6E334F',
900
+ 'pink-750': '#582E42',
901
+ 'pink-800': '#442834',
902
+ 'pink-850': '#332028',
903
+ 'pink-900': '#24181D',
904
+ 'pink-950': '#160F12',
905
+ 'black-000': '#00000000',
906
+ 'black-050': '#0000000D',
907
+ 'black-100': '#0000001A',
908
+ 'black-150': '#00000026',
909
+ 'black-200': '#00000033',
910
+ 'black-250': '#00000040',
911
+ 'black-300': '#0000004D',
912
+ 'black-350': '#00000059',
913
+ 'black-400': '#00000066',
914
+ 'black-450': '#00000073',
915
+ 'black-500': '#00000080',
916
+ 'black-550': '#0000008C',
917
+ 'black-600': '#00000099',
918
+ 'black-650': '#000000A6',
919
+ 'black-700': '#000000B3',
920
+ 'black-750': '#000000BF',
921
+ 'black-800': '#000000CC',
922
+ 'black-850': '#000000D9',
923
+ 'black-900': '#000000E6',
924
+ 'black-950': '#000000F2',
925
+ 'white-000': '#FFFFFF',
926
+ 'white-050': '#FFFFFF0D',
927
+ 'white-100': '#FFFFFF1A',
928
+ 'white-150': '#FFFFFF26',
929
+ 'white-200': '#FFFFFF33',
930
+ 'white-250': '#FFFFFF40',
931
+ 'white-300': '#FFFFFF4D',
932
+ 'white-350': '#FFFFFF59',
933
+ 'white-400': '#FFFFFF66',
934
+ 'white-450': '#FFFFFF73',
935
+ 'white-500': '#FFFFFF80',
936
+ 'white-550': '#FFFFFF8C',
937
+ 'white-600': '#FFFFFF99',
938
+ 'white-650': '#FFFFFFA6',
939
+ 'white-700': '#FFFFFFB3',
940
+ 'white-750': '#FFFFFFBF',
941
+ 'white-800': '#FFFFFFCC',
942
+ 'white-850': '#FFFFFFD9',
943
+ 'white-900': '#FFFFFFE6',
944
+ 'white-950': '#FFFFFFF2',
945
+ },
946
+ transitions: {
947
+ 'ease-in': 'cubic-bezier(0.32, 0, 0.67, 0)',
948
+ 'ease-out': 'cubic-bezier(0.33, 1, 0.68, 1)',
949
+ 'ease-in-out': 'cubic-bezier(0.65, 0, 0.35, 1)',
950
+ duration: '250ms',
96
951
  },
97
952
  font: {
98
953
  sizes: {
99
- h1: '1.75rem',
100
- h2: '1.375rem',
101
- h3: '1.125rem',
102
- h4: '0.8125rem',
103
- h5: '0.625rem',
104
- h6: '0.5rem',
105
- l: '1rem',
106
- m: '0.8125rem',
107
- s: '0.6875rem',
954
+ xs: '0.75rem',
955
+ sm: '0.875rem',
956
+ md: '1rem',
957
+ lg: '1.125rem',
958
+ ml: '0.938rem',
959
+ xl: '1.25rem',
960
+ t: '0.6875rem',
961
+ s: '0.75rem',
962
+ h1: '2rem',
963
+ h2: '1.75rem',
964
+ h3: '1.5rem',
965
+ h4: '1.375rem',
966
+ h5: '1.25rem',
967
+ h6: '1.125rem',
968
+ 'xl-alt': '5rem',
969
+ 'lg-alt': '4.5rem',
970
+ 'md-alt': '4rem',
971
+ 'sm-alt': '3.5rem',
972
+ 'xs-alt': '3rem',
108
973
  },
109
974
  weights: {
110
975
  thin: 200,
@@ -115,83 +980,187 @@ export const tokens = {
115
980
  extrabold: 700,
116
981
  black: 800,
117
982
  },
118
- families: { base: 'Hind', accent: 'Montserrat' },
119
- letterSpacings: {
120
- h1: 'normal',
121
- h2: 'normal',
122
- h3: 'normal',
123
- h4: 'normal',
124
- h5: '1px',
125
- h6: 'normal',
126
- l: 'normal',
127
- m: 'normal',
128
- s: 'normal',
983
+ families: {
984
+ base: '"Roboto Flex Variable", sans-serif',
985
+ accent: '"Roboto Flex Variable", sans-serif',
129
986
  },
130
987
  },
131
- spacings: { xl: '4rem', l: '3rem', b: '1.625rem', s: '1rem', t: '0.5rem', st: '0.25rem' },
132
- transitions: {
133
- 'ease-in': 'cubic-bezier(0.32, 0, 0.67, 0)',
134
- 'ease-out': 'cubic-bezier(0.33, 1, 0.68, 1)',
135
- 'ease-in-out': 'cubic-bezier(0.65, 0, 0.35, 1)',
136
- duration: '250ms',
988
+ spacings: {
989
+ l: '3rem',
990
+ b: '1.625rem',
991
+ m: '0.8125rem',
992
+ s: '1rem',
993
+ t: '0.5rem',
994
+ st: '0.25rem',
995
+ '4xs': '0.125rem',
996
+ xxxs: '0.25rem',
997
+ xxs: '0.375rem',
998
+ xs: '0.5rem',
999
+ sm: '0.75rem',
1000
+ base: '1rem',
1001
+ md: '1.5rem',
1002
+ lg: '2rem',
1003
+ xl: '2.5rem',
1004
+ xxl: '3rem',
1005
+ xxxl: '3.5rem',
1006
+ '4xl': '4rem',
1007
+ '5xl': '4.5rem',
1008
+ '6xl': '6rem',
1009
+ '7xl': '7.5rem',
137
1010
  },
138
1011
  breakpoints: { xs: 0, sm: '576px', md: '768px', lg: '992px', xl: '1200px', xxl: '1400px' },
139
1012
  },
140
- components: {
141
- tabs: { 'border-bottom-color': '#E7E8EA' },
142
- button: { 'font-family': 'Montserrat' },
143
- dashboardListAvatar: { saturation: 30, lightness: 55 },
144
- },
145
- },
146
- dark: {
147
- theme: {
148
- colors: {
149
- 'greyscale-100': '#182536',
150
- 'greyscale-200': '#303C4B',
151
- 'greyscale-300': '#555F6B',
152
- 'greyscale-400': '#79818A',
153
- 'greyscale-500': '#9EA3AA',
154
- 'greyscale-600': '#C2C6CA',
155
- 'greyscale-700': '#E7E8EA',
156
- 'greyscale-800': '#F3F4F4',
157
- 'greyscale-900': '#FAFAFB',
158
- 'greyscale-000': '#0C1A2B',
159
- 'primary-100': '#3B4C62',
160
- 'primary-200': '#4D6481',
161
- 'primary-300': '#6381A6',
162
- 'primary-400': '#7FA5D5',
163
- 'primary-500': '#8CB5EA',
164
- 'primary-600': '#A3C4EE',
165
- 'primary-700': '#C3D8F4',
166
- 'primary-800': '#DDE9F8',
167
- 'primary-900': '#F4F8FD',
168
- 'success-100': '#EEF8D7',
169
- 'success-200': '#D9F1B2',
170
- 'success-300': '#BDE985',
171
- 'success-400': '#A0E25D',
172
- 'success-500': '#76D628',
173
- 'success-600': '#5BB520',
174
- 'success-700': '#43941A',
175
- 'success-800': '#307414',
176
- 'success-900': '#225D10',
177
- 'warning-100': '#F7F3D5',
178
- 'warning-200': '#F0E5AA',
179
- 'warning-300': '#E8D680',
180
- 'warning-400': '#E3C95F',
181
- 'warning-500': '#D9B32B',
182
- 'warning-600': '#BD9721',
183
- 'warning-700': '#9D7B1C',
184
- 'warning-800': '#7E6016',
185
- 'warning-900': '#684D12',
186
- 'danger-100': '#F8D0D0',
187
- 'danger-200': '#F09898',
188
- 'danger-300': '#F09898',
189
- 'danger-400': '#ED8585',
190
- 'danger-500': '#E96666',
191
- 'danger-600': '#DD6666',
192
- 'danger-700': '#C36666',
193
- 'danger-800': '#AE6666',
194
- 'danger-900': '#9D6666',
1013
+ contextuals: {
1014
+ background: {
1015
+ surface: { primary: '#2F3033', secondary: '#252627', tertiary: '#1B1C1D' },
1016
+ semantic: {
1017
+ brand: {
1018
+ primary: '#1167D4',
1019
+ 'primary-hover': '#1A509F',
1020
+ secondary: '#20467F',
1021
+ 'secondary-hover': '#203C63',
1022
+ tertiary: '#203C63',
1023
+ 'tertiary-hover': '#1D314C',
1024
+ },
1025
+ neutral: {
1026
+ primary: '#686B6F',
1027
+ 'primary-hover': '#505356',
1028
+ secondary: '#45474A',
1029
+ 'secondary-hover': '#3A3B3E',
1030
+ tertiary: '#3A3B3E',
1031
+ 'tertiary-hover': '#2F3033',
1032
+ },
1033
+ contextual: { primary: '#FFFFFF0D', 'primary-hover': '#FFFFFF1A' },
1034
+ info: {
1035
+ primary: '#1167D4',
1036
+ 'primary-hover': '#1A509F',
1037
+ secondary: '#20467F',
1038
+ 'secondary-hover': '#203C63',
1039
+ tertiary: '#203C63',
1040
+ 'tertiary-hover': '#1D314C',
1041
+ },
1042
+ success: {
1043
+ primary: '#427816',
1044
+ 'primary-hover': '#385C1F',
1045
+ secondary: '#344D24',
1046
+ 'secondary-hover': '#2E4022',
1047
+ tertiary: '#2E4022',
1048
+ 'tertiary-hover': '#27341F',
1049
+ },
1050
+ warning: {
1051
+ primary: '#836703',
1052
+ 'primary-hover': '#625019',
1053
+ secondary: '#524620',
1054
+ 'secondary-hover': '#443B20',
1055
+ tertiary: '#443B20',
1056
+ 'tertiary-hover': '#36301D',
1057
+ },
1058
+ error: {
1059
+ primary: '#D80000',
1060
+ 'primary-hover': '#9E2219',
1061
+ secondary: '#802820',
1062
+ 'secondary-hover': '#662820',
1063
+ tertiary: '#662820',
1064
+ 'tertiary-hover': '#4F231E',
1065
+ },
1066
+ disabled: { primary: '#3A3B3E', secondary: '#2F3033' },
1067
+ },
1068
+ palette: {
1069
+ brand: { primary: '#6CA0E4', secondary: '#4085DC', tertiary: '#1167D4' },
1070
+ red: { primary: '#EE7C7B', secondary: '#E74E4D', tertiary: '#C23837' },
1071
+ orange: { primary: '#F27E27', secondary: '#D26411', tertiary: '#AA510E' },
1072
+ brown: { primary: '#AF9992', secondary: '#997E74', tertiary: '#846357' },
1073
+ yellow: { primary: '#C39810', secondary: '#A37F0D', tertiary: '#84670B' },
1074
+ green: { primary: '#48B257', secondary: '#3B9548', tertiary: '#30793A' },
1075
+ 'blue-1': { primary: '#6F9BFD', secondary: '#437DFC', tertiary: '#3665CC' },
1076
+ 'blue-2': { primary: '#3BAACA', secondary: '#318EA9', tertiary: '#277389' },
1077
+ purple: { primary: '#BD83FD', secondary: '#A85BFD', tertiary: '#8B43DA' },
1078
+ pink: { primary: '#EA77B3', secondary: '#E24797', tertiary: '#B8397B' },
1079
+ gray: { primary: '#999EA5', secondary: '#80848A', tertiary: '#686B6F' },
1080
+ },
1081
+ },
1082
+ content: {
1083
+ logo1: '#95ABFF',
1084
+ logo2: '#95ABFF',
1085
+ semantic: {
1086
+ brand: {
1087
+ primary: '#EAF1FB',
1088
+ secondary: '#D5E4F7',
1089
+ tertiary: '#96BCEC',
1090
+ 'on-brand': '#EAF1FB',
1091
+ },
1092
+ neutral: {
1093
+ primary: '#F0F1F2',
1094
+ secondary: '#E1E2E5',
1095
+ tertiary: '#B5B9BE',
1096
+ 'on-neutral': '#F0F1F2',
1097
+ },
1098
+ contextual: { primary: '#000000D9' },
1099
+ info: {
1100
+ primary: '#EAF1FB',
1101
+ secondary: '#D5E4F7',
1102
+ tertiary: '#96BCEC',
1103
+ 'on-info': '#EAF1FB',
1104
+ },
1105
+ success: {
1106
+ primary: '#E4F7D4',
1107
+ secondary: '#C8EEA8',
1108
+ tertiary: '#72CF27',
1109
+ 'on-success': '#E4F7D4',
1110
+ },
1111
+ warning: {
1112
+ primary: '#FFF1BD',
1113
+ secondary: '#FFE176',
1114
+ tertiary: '#E3B205',
1115
+ 'on-warning': '#FFF1BD',
1116
+ },
1117
+ error: {
1118
+ primary: '#FCEDED',
1119
+ secondary: '#FADBDB',
1120
+ tertiary: '#F2A4A4',
1121
+ 'on-error': '#FCEDED',
1122
+ },
1123
+ disabled: { primary: '#5C5F63', secondary: '#0000004D' },
1124
+ },
1125
+ palette: {
1126
+ brand: { primary: '#6CA0E4', secondary: '#4085DC', tertiary: '#1167D4' },
1127
+ red: { primary: '#EE7C7B', secondary: '#E74E4D', tertiary: '#C23837' },
1128
+ orange: { primary: '#F27E27', secondary: '#D26411', tertiary: '#AA510E' },
1129
+ brown: { primary: '#AF9992', secondary: '#997E74', tertiary: '#846357' },
1130
+ yellow: { primary: '#C39810', secondary: '#A37F0D', tertiary: '#84670B' },
1131
+ green: { primary: '#48B257', secondary: '#3B9548', tertiary: '#30793A' },
1132
+ 'blue-1': { primary: '#6F9BFD', secondary: '#437DFC', tertiary: '#3665CC' },
1133
+ 'blue-2': { primary: '#3BAACA', secondary: '#318EA9', tertiary: '#277389' },
1134
+ purple: { primary: '#BD83FD', secondary: '#A85BFD', tertiary: '#8B43DA' },
1135
+ pink: { primary: '#EA77B3', secondary: '#E24797', tertiary: '#B8397B' },
1136
+ gray: { primary: '#999EA5', secondary: '#80848A', tertiary: '#686B6F' },
1137
+ },
1138
+ },
1139
+ border: {
1140
+ surface: { primary: '#3A3B3E' },
1141
+ semantic: {
1142
+ brand: { primary: '#4085DC', secondary: '#0659C5', tertiary: '#20467F' },
1143
+ contextual: { primary: '#00000033' },
1144
+ neutral: { primary: '#80848A', secondary: '#5C5F63', tertiary: '#45474A' },
1145
+ info: { primary: '#4085DC', secondary: '#0659C5', tertiary: '#20467F' },
1146
+ success: { primary: '#51941C', secondary: '#3A6A14', tertiary: '#344D24' },
1147
+ warning: { primary: '#A27F03', secondary: '#745B03', tertiary: '#524620' },
1148
+ error: { primary: '#E55050', secondary: '#C00101', tertiary: '#802820' },
1149
+ disabled: { primary: '#2F3033' },
1150
+ },
1151
+ palette: {
1152
+ brand: { primary: '#6CA0E4', secondary: '#4085DC', tertiary: '#1167D4' },
1153
+ red: { primary: '#EE7C7B', secondary: '#E74E4D', tertiary: '#C23837' },
1154
+ orange: { primary: '#F27E27', secondary: '#D26411', tertiary: '#AA510E' },
1155
+ brown: { primary: '#AF9992', secondary: '#997E74', tertiary: '#846357' },
1156
+ yellow: { primary: '#C39810', secondary: '#A37F0D', tertiary: '#84670B' },
1157
+ green: { primary: '#48B257', secondary: '#3B9548', tertiary: '#30793A' },
1158
+ 'blue-1': { primary: '#6F9BFD', secondary: '#437DFC', tertiary: '#3665CC' },
1159
+ 'blue-2': { primary: '#3BAACA', secondary: '#318EA9', tertiary: '#277389' },
1160
+ purple: { primary: '#BD83FD', secondary: '#A85BFD', tertiary: '#8B43DA' },
1161
+ pink: { primary: '#EA77B3', secondary: '#E24797', tertiary: '#B8397B' },
1162
+ gray: { primary: '#999EA5', secondary: '#80848A', tertiary: '#686B6F' },
1163
+ },
195
1164
  },
196
1165
  },
197
1166
  },