@beeq/tailwindcss 1.8.0-beta.9 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/.babelrc +10 -0
  2. package/eslint.config.js +72 -0
  3. package/package.json +16 -25
  4. package/project.json +37 -0
  5. package/src/helpers/blend-color.ts +18 -0
  6. package/src/index.ts +211 -0
  7. package/src/plugins/color-mix.ts +64 -0
  8. package/src/plugins/logical-properties.ts +84 -0
  9. package/src/theme/colors/base.ts +230 -0
  10. package/src/theme/colors/declarative.ts +87 -0
  11. package/src/theme/colors/primitive.ts +216 -0
  12. package/src/theme/default/dark.ts +105 -0
  13. package/src/theme/default/light.ts +104 -0
  14. package/src/theme/default/root.ts +106 -0
  15. package/src/theme/endava/dark.ts +106 -0
  16. package/src/theme/endava/light.ts +106 -0
  17. package/src/theme/endava/root.ts +58 -0
  18. package/src/theme/reset.ts +68 -0
  19. package/src/theme/typography/default.ts +74 -0
  20. package/tsconfig.json +22 -0
  21. package/tsconfig.lib.json +10 -0
  22. package/index.cjs.d.ts +0 -2
  23. package/index.cjs.default.js +0 -1
  24. package/index.cjs.js +0 -1356
  25. package/index.cjs.mjs +0 -2
  26. package/index.esm.d.ts +0 -2
  27. package/index.esm.js +0 -1342
  28. package/src/helpers/blend-color.d.ts +0 -10
  29. package/src/index.d.ts +0 -376
  30. package/src/plugins/color-mix.d.ts +0 -2
  31. package/src/plugins/logical-properties.d.ts +0 -2
  32. package/src/theme/colors/base.d.ts +0 -200
  33. package/src/theme/colors/declarative.d.ts +0 -78
  34. package/src/theme/colors/primitive.d.ts +0 -212
  35. package/src/theme/default/dark.d.ts +0 -54
  36. package/src/theme/default/light.d.ts +0 -54
  37. package/src/theme/default/root.d.ts +0 -92
  38. package/src/theme/endava/dark.d.ts +0 -55
  39. package/src/theme/endava/light.d.ts +0 -55
  40. package/src/theme/endava/root.d.ts +0 -48
  41. package/src/theme/reset.d.ts +0 -2
  42. package/src/theme/typography/default.d.ts +0 -2
  43. /package/src/helpers/{index.d.ts → index.ts} +0 -0
  44. /package/src/plugins/{index.d.ts → index.ts} +0 -0
  45. /package/src/theme/colors/{index.d.ts → index.ts} +0 -0
  46. /package/src/theme/default/{index.d.ts → index.ts} +0 -0
  47. /package/src/theme/endava/{index.d.ts → index.ts} +0 -0
  48. /package/src/theme/{index.d.ts → index.ts} +0 -0
  49. /package/src/theme/typography/{index.d.ts → index.ts} +0 -0
package/index.cjs.js DELETED
@@ -1,1356 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var plugin = require('tailwindcss/plugin');
6
- var ThemeSwapper = require('tailwindcss-theme-swapper');
7
-
8
- const blendColor = ({
9
- color,
10
- base,
11
- percentage = 20,
12
- property = 'background-color'
13
- }) => ({
14
- [property]: `color-mix(in srgb, ${color}, ${base} ${percentage}%)`
15
- });
16
-
17
- const {
18
- default: flattenColorPalette$1
19
- } = require('tailwindcss/lib/util/flattenColorPalette');
20
- const ColorMix = plugin(function ({
21
- matchUtilities,
22
- theme
23
- }) {
24
- matchUtilities({
25
- 'bg-hover': value => blendColor({
26
- color: value,
27
- base: 'var(--bq-hover)'
28
- }),
29
- 'bg-active': value => blendColor({
30
- color: value,
31
- base: 'var(--bq-active)'
32
- }),
33
- 'border-hover': value => blendColor({
34
- color: value,
35
- base: 'var(--bq-hover)',
36
- property: 'border-color'
37
- }),
38
- 'border-active': value => blendColor({
39
- color: value,
40
- base: 'var(--bq-active)',
41
- property: 'border-color'
42
- }),
43
- 'text-hover': value => blendColor({
44
- color: value,
45
- base: 'var(--bq-hover)',
46
- property: 'color'
47
- }),
48
- 'text-active': value => blendColor({
49
- color: value,
50
- base: 'var(--bq-active)',
51
- property: 'color'
52
- })
53
- }, {
54
- values: flattenColorPalette$1(theme('colors'))
55
- });
56
- });
57
-
58
- const {
59
- default: flattenColorPalette
60
- } = require('tailwindcss/lib/util/flattenColorPalette');
61
- const LogicalProperties = plugin(function ({
62
- matchUtilities,
63
- theme
64
- }) {
65
- matchUtilities({
66
- 'border-bl': value => ({
67
- 'border-block-width': value
68
- }),
69
- 'border-bs': value => ({
70
- 'border-block-start-width': value
71
- }),
72
- 'border-be': value => ({
73
- 'border-block-end-width': value
74
- }),
75
- 'border-i': value => ({
76
- 'border-inline-width': value
77
- }),
78
- 'border-is': value => ({
79
- 'border-inline-start-width': value
80
- }),
81
- 'border-ie': value => ({
82
- 'border-inline-end-width': value
83
- })
84
- }, {
85
- values: theme('borderWidth')
86
- });
87
- matchUtilities({
88
- 'border-bl': value => ({
89
- 'border-block-color': value
90
- }),
91
- 'border-bs': value => ({
92
- 'border-block-start-color': value
93
- }),
94
- 'border-be': value => ({
95
- 'border-block-end-color': value
96
- }),
97
- 'border-i': value => ({
98
- 'border-inline-color': value
99
- }),
100
- 'border-is': value => ({
101
- 'border-inline-start-color': value
102
- }),
103
- 'border-ie': value => ({
104
- 'border-inline-end-color': value
105
- })
106
- }, {
107
- values: flattenColorPalette(theme('colors'))
108
- });
109
- matchUtilities({
110
- bs: value => ({
111
- 'block-size': value
112
- }),
113
- 'max-bs': value => ({
114
- 'max-block-size': value
115
- }),
116
- 'min-bs': value => ({
117
- 'min-block-size': value
118
- }),
119
- is: value => ({
120
- 'inline-size': value
121
- }),
122
- 'max-is': value => ({
123
- 'max-inline-size': value
124
- }),
125
- 'min-is': value => ({
126
- 'min-inline-size': value
127
- })
128
- }, {
129
- values: theme('width')
130
- });
131
- matchUtilities({
132
- 'border-bl': value => ({
133
- 'border-block': value
134
- }),
135
- 'border-bs': value => ({
136
- 'border-block-start': value
137
- }),
138
- 'border-be': value => ({
139
- 'border-block-end': value
140
- }),
141
- 'border-i': value => ({
142
- 'border-inline': value
143
- }),
144
- 'border-is': value => ({
145
- 'border-inline-start': value
146
- }),
147
- 'border-ie': value => ({
148
- 'border-inline-end': value
149
- }),
150
- 'p-b': value => ({
151
- 'padding-block': value
152
- }),
153
- 'p-bs': value => ({
154
- 'padding-block-start': value
155
- }),
156
- 'p-be': value => ({
157
- 'padding-block-end': value
158
- }),
159
- 'p-i': value => ({
160
- 'padding-inline': value
161
- })
162
- }, {
163
- values: theme('spacing')
164
- });
165
- matchUtilities({
166
- 'inset-b': value => ({
167
- 'inset-block': value
168
- }),
169
- 'inset-bs': value => ({
170
- 'inset-block-start': value
171
- }),
172
- 'inset-be': value => ({
173
- 'inset-block-end': value
174
- }),
175
- 'inset-i': value => ({
176
- 'inset-inline': value
177
- }),
178
- 'inset-is': value => ({
179
- 'inset-inline-start': value
180
- }),
181
- 'inset-ie': value => ({
182
- 'inset-inline-end': value
183
- }),
184
- 'm-b': value => ({
185
- 'margin-block': value
186
- }),
187
- 'm-bs': value => ({
188
- 'margin-block-start': value
189
- }),
190
- 'm-be': value => ({
191
- 'margin-block-end': value
192
- }),
193
- 'm-i': value => ({
194
- 'margin-inline': value
195
- })
196
- }, {
197
- values: theme('spacing'),
198
- supportsNegativeValues: true
199
- });
200
- });
201
-
202
- const CSS_COLORS = {
203
- '--bq-blue-100': '#e7f0fd',
204
- '--bq-blue-200': '#d0e2fb',
205
- '--bq-blue-300': '#a1c5f7',
206
- '--bq-blue-400': '#73a8f3',
207
- '--bq-blue-500': '#448bef',
208
- '--bq-blue-600': '#156eeb',
209
- '--bq-blue-700': '#1158bc',
210
- '--bq-blue-800': '#0d428d',
211
- '--bq-blue-900': '#082c5e',
212
- '--bq-blue-1000': '#04162f',
213
- '--bq-corai-100': '#fff2f2',
214
- '--bq-corai-200': '#ffe6e6',
215
- '--bq-corai-300': '#ffccce',
216
- '--bq-corai-400': '#ffb3b5',
217
- '--bq-corai-500': '#ff999d',
218
- '--bq-corai-600': '#ff8084',
219
- '--bq-corai-700': '#cc666a',
220
- '--bq-corai-800': '#994d4f',
221
- '--bq-corai-900': '#663335',
222
- '--bq-corai-1000': '#331a1a',
223
- '--bq-cyan-100': '#e8f7fb',
224
- '--bq-cyan-200': '#d2f0f8',
225
- '--bq-cyan-300': '#a5e1f1',
226
- '--bq-cyan-400': '#78d1e9',
227
- '--bq-cyan-500': '#4bc2e2',
228
- '--bq-cyan-600': '#1eb3db',
229
- '--bq-cyan-700': '#188faf',
230
- '--bq-cyan-800': '#126b83',
231
- '--bq-cyan-900': '#0c4858',
232
- '--bq-cyan-1000': '#06242c',
233
- '--bq-gold-100': '#fbf4ec',
234
- '--bq-gold-200': '#f7e9da',
235
- '--bq-gold-300': '#f0d3b6',
236
- '--bq-gold-400': '#e8bc91',
237
- '--bq-gold-500': '#e1a66d',
238
- '--bq-gold-600': '#d99048',
239
- '--bq-gold-700': '#ae733a',
240
- '--bq-gold-800': '#82562b',
241
- '--bq-gold-900': '#573a1d',
242
- '--bq-gold-1000': '#2b1d0e',
243
- '--bq-green-100': '#e8f8ef',
244
- '--bq-green-200': '#d2f1e0',
245
- '--bq-green-300': '#a5e3c1',
246
- '--bq-green-400': '#78d5a1',
247
- '--bq-green-500': '#4bc782',
248
- '--bq-green-600': '#1eb963',
249
- '--bq-green-700': '#18944f',
250
- '--bq-green-800': '#126f3b',
251
- '--bq-green-900': '#0c4a28',
252
- '--bq-green-1000': '#062514',
253
- '--bq-grey-100': '#f1f2f4',
254
- '--bq-grey-200': '#e7e8eb',
255
- '--bq-grey-300': '#caccd2',
256
- '--bq-grey-400': '#a6aab3',
257
- '--bq-grey-50': '#f6f6f8',
258
- '--bq-grey-500': '#898e99',
259
- '--bq-grey-600': '#646a77',
260
- '--bq-grey-700': '#3f4350',
261
- '--bq-grey-800': '#2a2c35',
262
- '--bq-grey-900': '#1c1d23',
263
- '--bq-grey-950': '#15161a',
264
- '--bq-grey-1000': '#0d0e11',
265
- '--bq-indigo-100': '#edecfc',
266
- '--bq-indigo-200': '#dcdafa',
267
- '--bq-indigo-300': '#b9b5f5',
268
- '--bq-indigo-400': '#9590ef',
269
- '--bq-indigo-500': '#726bea',
270
- '--bq-indigo-600': '#4f46e5',
271
- '--bq-indigo-700': '#3f38b7',
272
- '--bq-indigo-800': '#2f2a89',
273
- '--bq-indigo-900': '#201c5c',
274
- '--bq-indigo-1000': '#100e2e',
275
- '--bq-iris-100': '#e9f0ff',
276
- '--bq-iris-200': '#d6e0ff',
277
- '--bq-iris-300': '#b2c0fe',
278
- '--bq-iris-400': '#8691f8',
279
- '--bq-iris-500': '#6061ee',
280
- '--bq-iris-600': '#4f46e5',
281
- '--bq-iris-700': '#413abd',
282
- '--bq-iris-800': '#332e95',
283
- '--bq-iris-900': '#26216d',
284
- '--bq-iris-1000': '#181545',
285
- '--bq-lime-100': '#f5fae8',
286
- '--bq-lime-200': '#ecf6d2',
287
- '--bq-lime-300': '#d9eda5',
288
- '--bq-lime-400': '#c5e379',
289
- '--bq-lime-500': '#b2da4c',
290
- '--bq-lime-600': '#9fd11f',
291
- '--bq-lime-700': '#7fa719',
292
- '--bq-lime-800': '#5f7d13',
293
- '--bq-lime-900': '#40540c',
294
- '--bq-lime-1000': '#202a06',
295
- '--bq-magenta-100': '#fce7f4',
296
- '--bq-magenta-200': '#f9cfea',
297
- '--bq-magenta-300': '#f39fd6',
298
- '--bq-magenta-400': '#ee6fbf',
299
- '--bq-magenta-500': '#e83fab',
300
- '--bq-magenta-600': '#de1395',
301
- '--bq-magenta-700': '#b20f77',
302
- '--bq-magenta-800': '#850c59',
303
- '--bq-magenta-900': '#58083c',
304
- '--bq-magenta-1000': '#2c041e',
305
- '--bq-neutral-white': '#fbfbfc',
306
- '--bq-neutral-black': '#060708',
307
- '--bq-orange-100': '#fbf0e9',
308
- '--bq-orange-200': '#f8e1d4',
309
- '--bq-orange-300': '#f1c2a8',
310
- '--bq-orange-400': '#eaa47d',
311
- '--bq-orange-500': '#e38551',
312
- '--bq-orange-600': '#dc6726',
313
- '--bq-orange-700': '#b0521e',
314
- '--bq-orange-800': '#843e17',
315
- '--bq-orange-900': '#58290f',
316
- '--bq-orange-1000': '#2c1508',
317
- '--bq-purple-100': '#efebf8',
318
- '--bq-purple-200': '#e0d7f2',
319
- '--bq-purple-300': '#c1afe5',
320
- '--bq-purple-400': '#a388d8',
321
- '--bq-purple-500': '#8460cb',
322
- '--bq-purple-600': '#6538be',
323
- '--bq-purple-700': '#512d98',
324
- '--bq-purple-800': '#3d2272',
325
- '--bq-purple-900': '#28164c',
326
- '--bq-purple-1000': '#140b26',
327
- '--bq-red-100': '#fce7ea',
328
- '--bq-red-200': '#f9d1d5',
329
- '--bq-red-300': '#f3a2ac',
330
- '--bq-red-400': '#ed7482',
331
- '--bq-red-500': '#e74559',
332
- '--bq-red-600': '#e1172f',
333
- '--bq-red-700': '#b41226',
334
- '--bq-red-800': '#870e1c',
335
- '--bq-red-900': '#5a0913',
336
- '--bq-red-1000': '#2d0509',
337
- '--bq-sky-100': '#eff4fb',
338
- '--bq-sky-200': '#dfeaf8',
339
- '--bq-sky-300': '#bfd5f1',
340
- '--bq-sky-400': '#9ec1e9',
341
- '--bq-sky-500': '#7eace2',
342
- '--bq-sky-600': '#5e97db',
343
- '--bq-sky-700': '#4b79af',
344
- '--bq-sky-800': '#385b83',
345
- '--bq-sky-900': '#263c58',
346
- '--bq-sky-1000': '#131e2c',
347
- '--bq-teal-100': '#e5f7f5',
348
- '--bq-teal-200': '#ccf0eb',
349
- '--bq-teal-300': '#99e1d8',
350
- '--bq-teal-400': '#66d2c4',
351
- '--bq-teal-500': '#33c3b1',
352
- '--bq-teal-600': '#00b49d',
353
- '--bq-teal-700': '#00907e',
354
- '--bq-teal-800': '#006c5e',
355
- '--bq-teal-900': '#00483f',
356
- '--bq-teal-1000': '#00241f',
357
- '--bq-volcano-100': '#feede7',
358
- '--bq-volcano-200': '#fddbd1',
359
- '--bq-volcano-300': '#fbb8a3',
360
- '--bq-volcano-400': '#fa9474',
361
- '--bq-volcano-500': '#f87146',
362
- '--bq-volcano-600': '#f64d18',
363
- '--bq-volcano-700': '#c53e13',
364
- '--bq-volcano-800': '#942e0e',
365
- '--bq-volcano-900': '#621f0a',
366
- '--bq-volcano-1000': '#310f05',
367
- '--bq-yellow-100': '#fefbe7',
368
- '--bq-yellow-200': '#fcf6d0',
369
- '--bq-yellow-300': '#faeea0',
370
- '--bq-yellow-400': '#f7e571',
371
- '--bq-yellow-500': '#f5dd41',
372
- '--bq-yellow-600': '#f2d412',
373
- '--bq-yellow-700': '#c2aa0e',
374
- '--bq-yellow-800': '#917f0b',
375
- '--bq-yellow-900': '#615507',
376
- '--bq-yellow-1000': '#302a04',
377
- '--bq-endava-grey-50': '#f7f7f8',
378
- '--bq-endava-grey-100': '#e4e6e7',
379
- '--bq-endava-grey-200': '#b5babe',
380
- '--bq-endava-grey-300': '#949ca1',
381
- '--bq-endava-grey-400': '#737d84',
382
- '--bq-endava-grey-500': '#525f67',
383
- '--bq-endava-grey-600': '#30404b',
384
- '--bq-endava-grey-700': '#2b3942',
385
- '--bq-endava-grey-800': '#263139',
386
- '--bq-endava-grey-900': '#192b37',
387
- '--bq-endava-grey-950': '#151b1e',
388
- '--bq-endava-grey-1000': '#0f1316',
389
- '--bq-endava-neutral-white': '#fafbfb',
390
- '--bq-endava-neutral-black': '#060708',
391
- '--bq-endava-orange-100': '#fef3f1',
392
- '--bq-endava-orange-200': '#fbd6d1',
393
- '--bq-endava-orange-300': '#fab7af',
394
- '--bq-endava-orange-400': '#fa988b',
395
- '--bq-endava-orange-500': '#fc7866',
396
- '--bq-endava-orange-600': '#ff5640',
397
- '--bq-endava-orange-700': '#ce4a39',
398
- '--bq-endava-orange-800': '#a03d30',
399
- '--bq-endava-orange-900': '#722e25',
400
- '--bq-endava-orange-1000': '#471e19'
401
- };
402
-
403
- const DECLARATIVE_COLORS = {
404
- bg: {
405
- primary: 'var(--bq-background--primary)',
406
- secondary: 'var(--bq-background--secondary)',
407
- tertiary: 'var(--bq-background--tertiary)',
408
- alt: 'var(--bq-background--alt)',
409
- inverse: 'var(--bq-background--inverse)',
410
- brand: 'var(--bq-background--brand)',
411
- overlay: 'var(--bq-background--overlay)'
412
- },
413
- data: {
414
- '01': 'var(--bq-data-01)',
415
- '02': 'var(--bq-data-02)',
416
- '03': 'var(--bq-data-03)',
417
- '04': 'var(--bq-data-04)',
418
- '05': 'var(--bq-data-05)',
419
- '06': 'var(--bq-data-06)',
420
- '07': 'var(--bq-data-07)',
421
- '08': 'var(--bq-data-08)',
422
- '09': 'var(--bq-data-09)',
423
- '10': 'var(--bq-data-10)',
424
- '11': 'var(--bq-data-11)',
425
- '12': 'var(--bq-data-12)'
426
- },
427
- focus: 'var(--bq-focus)',
428
- icon: {
429
- primary: 'var(--bq-icon--primary)',
430
- alt: 'var(--bq-icon--alt)',
431
- secondary: 'var(--bq-icon--secondary)',
432
- inverse: 'var(--bq-icon--inverse)',
433
- brand: 'var(--bq-icon--brand)',
434
- info: 'var(--bq-icon--info)',
435
- success: 'var(--bq-icon--success)',
436
- warning: 'var(--bq-icon--warning)',
437
- danger: 'var(--bq-icon--danger)'
438
- },
439
- state: {
440
- hover: 'var(--bq-state--hover)',
441
- active: 'var(--bq-state--active)'
442
- },
443
- stroke: {
444
- primary: 'var(--bq-stroke--primary)',
445
- secondary: 'var(--bq-stroke--secondary)',
446
- tertiary: 'var(--bq-stroke--tertiary)',
447
- inverse: 'var(--bq-stroke--inverse)',
448
- brand: 'var(--bq-stroke--brand)',
449
- alt: 'var(--bq-stroke--alt)',
450
- success: 'var(--bq-stroke--success)',
451
- warning: 'var(--bq-stroke--warning)',
452
- danger: 'var(--bq-stroke--danger)'
453
- },
454
- text: {
455
- primary: 'var(--bq-text--primary)',
456
- alt: 'var(--bq-text--alt)',
457
- secondary: 'var(--bq-text--secondary)',
458
- inverse: 'var(--bq-text--inverse)',
459
- brand: 'var(--bq-text--brand)',
460
- info: 'var(--bq-text--info)',
461
- success: 'var(--bq-text--success)',
462
- warning: 'var(--bq-text--warning)',
463
- danger: 'var(--bq-text--danger)'
464
- },
465
- ui: {
466
- primary: 'var(--bq-ui--primary)',
467
- alt: 'var(--bq-ui--alt)',
468
- secondary: 'var(--bq-ui--secondary)',
469
- tertiary: 'var(--bq-ui--tertiary)',
470
- inverse: 'var(--bq-ui--inverse)',
471
- brand: 'var(--bq-ui--brand)',
472
- 'brand-alt': 'var(--bq-ui--brand-alt)',
473
- success: 'var(--bq-ui--success)',
474
- 'success-alt': 'var(--bq-ui--success-alt)',
475
- warning: 'var(--bq-ui--warning)',
476
- 'warning-alt': 'var(--bq-ui--warning-alt)',
477
- danger: 'var(--bq-ui--danger)',
478
- 'danger-alt': 'var(--bq-ui--danger-alt)'
479
- }
480
- };
481
-
482
- const PRIMITIVE_COLORS = {
483
- blue: {
484
- 100: 'var(--bq-blue-100)',
485
- 200: 'var(--bq-blue-200)',
486
- 300: 'var(--bq-blue-300)',
487
- 400: 'var(--bq-blue-400)',
488
- 500: 'var(--bq-blue-500)',
489
- 600: 'var(--bq-blue-600)',
490
- 700: 'var(--bq-blue-700)',
491
- 800: 'var(--bq-blue-800)',
492
- 900: 'var(--bq-blue-900)',
493
- 1000: 'var(--bq-blue-1000)'
494
- },
495
- corai: {
496
- 100: 'var(--bq-corai-100)',
497
- 200: 'var(--bq-corai-200)',
498
- 300: 'var(--bq-corai-300)',
499
- 400: 'var(--bq-corai-400)',
500
- 500: 'var(--bq-corai-500)',
501
- 600: 'var(--bq-corai-600)',
502
- 700: 'var(--bq-corai-700)',
503
- 800: 'var(--bq-corai-800)',
504
- 900: 'var(--bq-corai-900)',
505
- 1000: 'var(--bq-corai-1000)'
506
- },
507
- cyan: {
508
- 100: 'var(--bq-cyan-100)',
509
- 200: 'var(--bq-cyan-200)',
510
- 300: 'var(--bq-cyan-300)',
511
- 400: 'var(--bq-cyan-400)',
512
- 500: 'var(--bq-cyan-500)',
513
- 600: 'var(--bq-cyan-600)',
514
- 700: 'var(--bq-cyan-700)',
515
- 800: 'var(--bq-cyan-800)',
516
- 900: 'var(--bq-cyan-900)',
517
- 1000: 'var(--bq-cyan-1000)'
518
- },
519
- gold: {
520
- 100: 'var(--bq-gold-100)',
521
- 200: 'var(--bq-gold-200)',
522
- 300: 'var(--bq-gold-300)',
523
- 400: 'var(--bq-gold-400)',
524
- 500: 'var(--bq-gold-500)',
525
- 600: 'var(--bq-gold-600)',
526
- 700: 'var(--bq-gold-700)',
527
- 800: 'var(--bq-gold-800)',
528
- 900: 'var(--bq-gold-900)',
529
- 1000: 'var(--bq-gold-1000)'
530
- },
531
- green: {
532
- 100: 'var(--bq-green-100)',
533
- 200: 'var(--bq-green-200)',
534
- 300: 'var(--bq-green-300)',
535
- 400: 'var(--bq-green-400)',
536
- 500: 'var(--bq-green-500)',
537
- 600: 'var(--bq-green-600)',
538
- 700: 'var(--bq-green-700)',
539
- 800: 'var(--bq-green-800)',
540
- 900: 'var(--bq-green-900)',
541
- 1000: 'var(--bq-green-1000)'
542
- },
543
- grey: {
544
- 50: 'var(--bq-grey-50)',
545
- 100: 'var(--bq-grey-100)',
546
- 200: 'var(--bq-grey-200)',
547
- 300: 'var(--bq-grey-300)',
548
- 400: 'var(--bq-grey-400)',
549
- 500: 'var(--bq-grey-500)',
550
- 600: 'var(--bq-grey-600)',
551
- 700: 'var(--bq-grey-700)',
552
- 800: 'var(--bq-grey-800)',
553
- 900: 'var(--bq-grey-900)',
554
- 950: 'var(--bq-grey-950)',
555
- 1000: 'var(--bq-grey-1000)'
556
- },
557
- indigo: {
558
- 100: 'var(--bq-indigo-100)',
559
- 200: 'var(--bq-indigo-200)',
560
- 300: 'var(--bq-indigo-300)',
561
- 400: 'var(--bq-indigo-400)',
562
- 500: 'var(--bq-indigo-500)',
563
- 600: 'var(--bq-indigo-600)',
564
- 700: 'var(--bq-indigo-700)',
565
- 800: 'var(--bq-indigo-800)',
566
- 900: 'var(--bq-indigo-900)',
567
- 1000: 'var(--bq-indigo-1000)'
568
- },
569
- iris: {
570
- 100: 'var(--bq-iris-100)',
571
- 200: 'var(--bq-iris-200)',
572
- 300: 'var(--bq-iris-300)',
573
- 400: 'var(--bq-iris-400)',
574
- 500: 'var(--bq-iris-500)',
575
- 600: 'var(--bq-iris-600)',
576
- 700: 'var(--bq-iris-700)',
577
- 800: 'var(--bq-iris-800)',
578
- 900: 'var(--bq-iris-900)',
579
- 1000: 'var(--bq-iris-1000)'
580
- },
581
- lime: {
582
- 100: 'var(--bq-lime-100)',
583
- 200: 'var(--bq-lime-200)',
584
- 300: 'var(--bq-lime-300)',
585
- 400: 'var(--bq-lime-400)',
586
- 500: 'var(--bq-lime-500)',
587
- 600: 'var(--bq-lime-600)',
588
- 700: 'var(--bq-lime-700)',
589
- 800: 'var(--bq-lime-800)',
590
- 900: 'var(--bq-lime-900)',
591
- 1000: 'var(--bq-lime-1000)'
592
- },
593
- magenta: {
594
- 100: 'var(--bq-magenta-100)',
595
- 200: 'var(--bq-magenta-200)',
596
- 300: 'var(--bq-magenta-300)',
597
- 400: 'var(--bq-magenta-400)',
598
- 500: 'var(--bq-magenta-500)',
599
- 600: 'var(--bq-magenta-600)',
600
- 700: 'var(--bq-magenta-700)',
601
- 800: 'var(--bq-magenta-800)',
602
- 900: 'var(--bq-magenta-900)',
603
- 1000: 'var(--bq-magenta-1000)'
604
- },
605
- neutral: {
606
- white: 'var(--bq-neutral-white)',
607
- black: 'var(--bq-neutral-black)'
608
- },
609
- orange: {
610
- 100: 'var(--bq-orange-100)',
611
- 200: 'var(--bq-orange-200)',
612
- 300: 'var(--bq-orange-300)',
613
- 400: 'var(--bq-orange-400)',
614
- 500: 'var(--bq-orange-500)',
615
- 600: 'var(--bq-orange-600)',
616
- 700: 'var(--bq-orange-700)',
617
- 800: 'var(--bq-orange-800)',
618
- 900: 'var(--bq-orange-900)',
619
- 1000: 'var(--bq-orange-1000)'
620
- },
621
- purple: {
622
- 100: 'var(--bq-purple-100)',
623
- 200: 'var(--bq-purple-200)',
624
- 300: 'var(--bq-purple-300)',
625
- 400: 'var(--bq-purple-400)',
626
- 500: 'var(--bq-purple-500)',
627
- 600: 'var(--bq-purple-600)',
628
- 700: 'var(--bq-purple-700)',
629
- 800: 'var(--bq-purple-800)',
630
- 900: 'var(--bq-purple-900)',
631
- 1000: 'var(--bq-purple-1000)'
632
- },
633
- red: {
634
- 100: 'var(--bq-red-100)',
635
- 200: 'var(--bq-red-200)',
636
- 300: 'var(--bq-red-300)',
637
- 400: 'var(--bq-red-400)',
638
- 500: 'var(--bq-red-500)',
639
- 600: 'var(--bq-red-600)',
640
- 700: 'var(--bq-red-700)',
641
- 800: 'var(--bq-red-800)',
642
- 900: 'var(--bq-red-900)',
643
- 1000: 'var(--bq-red-1000)'
644
- },
645
- sky: {
646
- 100: 'var(--bq-sky-100)',
647
- 200: 'var(--bq-sky-200)',
648
- 300: 'var(--bq-sky-300)',
649
- 400: 'var(--bq-sky-400)',
650
- 500: 'var(--bq-sky-500)',
651
- 600: 'var(--bq-sky-600)',
652
- 700: 'var(--bq-sky-700)',
653
- 800: 'var(--bq-sky-800)',
654
- 900: 'var(--bq-sky-900)',
655
- 1000: 'var(--bq-sky-1000)'
656
- },
657
- teal: {
658
- 100: 'var(--bq-teal-100)',
659
- 200: 'var(--bq-teal-200)',
660
- 300: 'var(--bq-teal-300)',
661
- 400: 'var(--bq-teal-400)',
662
- 500: 'var(--bq-teal-500)',
663
- 600: 'var(--bq-teal-600)',
664
- 700: 'var(--bq-teal-700)',
665
- 800: 'var(--bq-teal-800)',
666
- 900: 'var(--bq-teal-900)',
667
- 1000: 'var(--bq-teal-1000)'
668
- },
669
- volcano: {
670
- 100: 'var(--bq-volcano-100)',
671
- 200: 'var(--bq-volcano-200)',
672
- 300: 'var(--bq-volcano-300)',
673
- 400: 'var(--bq-volcano-400)',
674
- 500: 'var(--bq-volcano-500)',
675
- 600: 'var(--bq-volcano-600)',
676
- 700: 'var(--bq-volcano-700)',
677
- 800: 'var(--bq-volcano-800)',
678
- 900: 'var(--bq-volcano-900)',
679
- 1000: 'var(--bq-volcano-1000)'
680
- },
681
- yellow: {
682
- 100: 'var(--bq-yellow-100)',
683
- 200: 'var(--bq-yellow-200)',
684
- 300: 'var(--bq-yellow-300)',
685
- 400: 'var(--bq-yellow-400)',
686
- 500: 'var(--bq-yellow-500)',
687
- 600: 'var(--bq-yellow-600)',
688
- 700: 'var(--bq-yellow-700)',
689
- 800: 'var(--bq-yellow-800)',
690
- 900: 'var(--bq-yellow-900)',
691
- 1000: 'var(--bq-yellow-1000)'
692
- }
693
- };
694
-
695
- const DefaultDarkTheme = {
696
- 'bq-background--primary': 'var(--bq-neutral-1000)',
697
- 'bq-background--secondary': 'var(--bq-neutral-950)',
698
- 'bq-background--tertiary': 'var(--bq-neutral-800)',
699
- 'bq-background--alt': 'var(--bq-neutral-700)',
700
- 'bq-background--inverse': 'var(--bq-neutral-600)',
701
- 'bq-background--brand': 'var(--bq-brand)',
702
- 'bq-background--overlay': 'var(--bq-neutral-900)',
703
- 'bq-icon--primary': 'var(--bq-neutral-100)',
704
- 'bq-icon--secondary': 'var(--bq-neutral-400)',
705
- 'bq-icon--inverse': 'var(--bq-neutral-800)',
706
- 'bq-icon--brand': 'var(--bq-brand)',
707
- 'bq-icon--alt': 'var(--bq-white)',
708
- 'bq-icon--info': 'var(--bq-brand)',
709
- 'bq-icon--success': 'var(--bq-success)',
710
- 'bq-icon--warning': 'var(--bq-warning)',
711
- 'bq-icon--danger': 'var(--bq-danger)',
712
- 'bq-stroke--primary': 'var(--bq-neutral-900)',
713
- 'bq-stroke--secondary': 'var(--bq-neutral-700)',
714
- 'bq-stroke--tertiary': 'var(--bq-neutral-400)',
715
- 'bq-stroke--inverse': 'var(--bq-neutral-950)',
716
- 'bq-stroke--brand': 'var(--bq-brand)',
717
- 'bq-stroke--alt': 'var(--bq-neutral-1000)',
718
- 'bq-stroke--success': 'var(--bq-success)',
719
- 'bq-stroke--warning': 'var(--bq-warning)',
720
- 'bq-stroke--danger': 'var(--bq-danger)',
721
- 'bq-stroke--info': 'var(--bq-brand)',
722
- 'bq-text--primary': 'var(--bq-neutral-100)',
723
- 'bq-text--secondary': 'var(--bq-neutral-400)',
724
- 'bq-text--inverse': 'var(--bq-neutral-800)',
725
- 'bq-text--brand': 'var(--bq-brand)',
726
- 'bq-text--alt': 'var(--bq-white)',
727
- 'bq-text--info': 'var(--bq-brand)',
728
- 'bq-text--success': 'var(--bq-success)',
729
- 'bq-text--warning': 'var(--bq-warning)',
730
- 'bq-text--danger': 'var(--bq-danger)',
731
- 'bq-ui--primary': 'var(--bq-neutral-900)',
732
- 'bq-ui--secondary': 'var(--bq-neutral-800)',
733
- 'bq-ui--tertiary': 'var(--bq-neutral-700)',
734
- 'bq-ui--inverse': 'var(--bq-neutral-100)',
735
- 'bq-ui--brand': 'var(--bq-brand)',
736
- 'bq-ui--brand-alt': 'var(--bq-brand-dark)',
737
- 'bq-ui--alt': 'var(--bq-neutral-950)',
738
- 'bq-ui--success': 'var(--bq-success)',
739
- 'bq-ui--success-alt': 'var(--bq-success-dark)',
740
- 'bq-ui--warning': 'var(--bq-warning)',
741
- 'bq-ui--warning-alt': 'var(--bq-warning-dark)',
742
- 'bq-ui--danger': 'var(--bq-danger)',
743
- 'bq-ui--danger-alt': 'var(--bq-danger-dark)',
744
- 'bq-ui--info': 'var(--bq-brand)',
745
- 'bq-ui--info-alt': 'var(--bq-brand-dark)',
746
- 'bq-hover': '#444546',
747
- 'bq-active': '#1F2026'
748
- };
749
-
750
- const DefaultLightTheme = {
751
- 'bq-background--primary': 'var(--bq-white)',
752
- 'bq-background--secondary': 'var(--bq-neutral-100)',
753
- 'bq-background--tertiary': 'var(--bq-neutral-200)',
754
- 'bq-background--alt': 'var(--bq-neutral-300)',
755
- 'bq-background--inverse': 'var(--bq-neutral-900)',
756
- 'bq-background--brand': 'var(--bq-brand)',
757
- 'bq-background--overlay': 'var(--bq-neutral-900)',
758
- 'bq-icon--primary': 'var(--bq-neutral-800)',
759
- 'bq-icon--alt': 'var(--bq-white)',
760
- 'bq-icon--secondary': 'var(--bq-neutral-600)',
761
- 'bq-icon--inverse': 'var(--bq-neutral-50)',
762
- 'bq-icon--brand': 'var(--bq-brand)',
763
- 'bq-icon--info': 'var(--bq-brand)',
764
- 'bq-icon--success': 'var(--bq-success)',
765
- 'bq-icon--warning': 'var(--bq-warning)',
766
- 'bq-icon--danger': 'var(--bq-danger)',
767
- 'bq-stroke--primary': 'var(--bq-neutral-200)',
768
- 'bq-stroke--secondary': 'var(--bq-neutral-600)',
769
- 'bq-stroke--tertiary': 'var(--bq-neutral-900)',
770
- 'bq-stroke--inverse': 'var(--bq-white)',
771
- 'bq-stroke--brand': 'var(--bq-brand)',
772
- 'bq-stroke--alt': 'var(--bq-neutral-50)',
773
- 'bq-stroke--success': 'var(--bq-success)',
774
- 'bq-stroke--warning': 'var(--bq-warning)',
775
- 'bq-stroke--danger': 'var(--bq-danger)',
776
- 'bq-stroke--info': 'var(--bq-brand)',
777
- 'bq-text--primary': 'var(--bq-neutral-800)',
778
- 'bq-text--secondary': 'var(--bq-neutral-600)',
779
- 'bq-text--inverse': 'var(--bq-neutral-50)',
780
- 'bq-text--brand': 'var(--bq-brand)',
781
- 'bq-text--alt': 'var(--bq-white)',
782
- 'bq-text--info': 'var(--bq-brand)',
783
- 'bq-text--success': 'var(--bq-success)',
784
- 'bq-text--warning': 'var(--bq-warning)',
785
- 'bq-text--danger': 'var(--bq-danger)',
786
- 'bq-ui--primary': 'var(--bq-white)',
787
- 'bq-ui--secondary': 'var(--bq-neutral-200)',
788
- 'bq-ui--tertiary': 'var(--bq-neutral-500)',
789
- 'bq-ui--inverse': 'var(--bq-neutral-900)',
790
- 'bq-ui--brand': 'var(--bq-brand)',
791
- 'bq-ui--brand-alt': 'var(--bq-brand-light)',
792
- 'bq-ui--alt': 'var(--bq-neutral-50)',
793
- 'bq-ui--success': 'var(--bq-success)',
794
- 'bq-ui--success-alt': 'var(--bq-success-light)',
795
- 'bq-ui--warning': 'var(--bq-warning)',
796
- 'bq-ui--warning-alt': 'var(--bq-warning-light)',
797
- 'bq-ui--danger': 'var(--bq-danger)',
798
- 'bq-ui--danger-alt': 'var(--bq-danger-light)',
799
- 'bq-ui--info': 'var(--bq-brand)',
800
- 'bq-ui--info-alt': 'var(--bq-brand-light)',
801
- 'bq-hover': '#bcbfc5',
802
- 'bq-active': '#444546'
803
- };
804
-
805
- const DefaultRootTheme = {
806
- 'bq-white': '#ffffff',
807
- 'bq-black': '#060708',
808
- 'bq-neutral-50': 'var(--bq-grey-50)',
809
- 'bq-neutral-100': 'var(--bq-grey-100)',
810
- 'bq-neutral-200': 'var(--bq-grey-200)',
811
- 'bq-neutral-300': 'var(--bq-grey-300)',
812
- 'bq-neutral-400': 'var(--bq-grey-400)',
813
- 'bq-neutral-500': 'var(--bq-grey-500)',
814
- 'bq-neutral-600': 'var(--bq-grey-600)',
815
- 'bq-neutral-700': 'var(--bq-grey-700)',
816
- 'bq-neutral-800': 'var(--bq-grey-800)',
817
- 'bq-neutral-900': 'var(--bq-grey-900)',
818
- 'bq-neutral-950': 'var(--bq-grey-950)',
819
- 'bq-neutral-1000': 'var(--bq-grey-1000)',
820
- 'bq-brand-light': 'var(--bq-iris-100)',
821
- 'bq-brand': 'var(--bq-iris-600)',
822
- 'bq-brand-dark': 'var(--bq-iris-1000)',
823
- 'bq-accent-light': 'var(--bq-purple-100)',
824
- 'bq-accent': 'var(--bq-purple-600)',
825
- 'bq-accent-dark': 'var(--bq-purple-1000)',
826
- 'bq-success-light': 'var(--bq-teal-100)',
827
- 'bq-success': 'var(--bq-teal-600)',
828
- 'bq-success-dark': 'var(--bq-teal-1000)',
829
- 'bq-danger-light': 'var(--bq-red-100)',
830
- 'bq-danger': 'var(--bq-red-600)',
831
- 'bq-danger-dark': 'var(--bq-red-1000)',
832
- 'bq-warning-light': 'var(--bq-gold-100)',
833
- 'bq-warning': 'var(--bq-gold-600)',
834
- 'bq-warning-dark': 'var(--bq-gold-1000)',
835
- 'bq-info-light': 'var(--bq-iris-100)',
836
- 'bq-info': 'var(--bq-iris-600)',
837
- 'bq-info-dark': 'var(--bq-iris-1000)',
838
- 'bq-focus': 'var(--bq-iris-600)',
839
- 'bq-data-01': 'var(--bq-brand)',
840
- 'bq-data-02': 'var(--bq-purple-600)',
841
- 'bq-data-03': 'var(--bq-magenta-600)',
842
- 'bq-data-04': 'var(--bq-cyan-600)',
843
- 'bq-data-05': 'var(--bq-teal-600)',
844
- 'bq-data-06': 'var(--bq-orange-600)',
845
- 'bq-data-07': 'var(--bq-yellow-600)',
846
- 'bq-data-08': 'var(--bq-red-600)',
847
- 'bq-data-09': 'var(--bq-blue-600)',
848
- 'bq-data-10': 'var(--bq-grey-600)',
849
- 'bq-data-11': 'var(--bq-black)',
850
- 'bq-data-12': 'var(--bq-white)',
851
- 'bq-radius--none': '0',
852
- 'bq-radius--xs2': '0.125rem',
853
- 'bq-radius--xs': '0.25rem',
854
- 'bq-radius--s': '0.5rem',
855
- 'bq-radius--m': '0.75rem',
856
- 'bq-radius--l': '1.5rem',
857
- 'bq-radius--full': '9999px',
858
- 'bq-box-shadow--xs': '0 2px 0 rgba(0, 0, 0, 0.016)',
859
- 'bq-box-shadow--s': '0 8px 24px rgba(0, 0, 0, 0.04)',
860
- 'bq-box-shadow--m': '0 10px 48px -16px rgba(0, 0, 0, 0.12)',
861
- 'bq-box-shadow--l': '0 20px 58px -16px rgba(0, 0, 0, 0.16)',
862
- 'bq-font-family': "'Outfit', sans-serif",
863
- 'bq-font-size--xs': '0.75rem',
864
- 'bq-font-size--s': '0.875rem',
865
- 'bq-font-size--m': '1rem',
866
- 'bq-font-size--l': '1.125rem',
867
- 'bq-font-size--xl': '1.5rem',
868
- 'bq-font-size--xxl': '2rem',
869
- 'bq-font-size--xxl2': '2.5rem',
870
- 'bq-font-size--xxl3': '3rem',
871
- 'bq-font-size--xxl4': '3.5rem',
872
- 'bq-font-size--xxl5': '4rem',
873
- 'bq-font-weight--thin': '100',
874
- 'bq-font-weight--light': '300',
875
- 'bq-font-weight--regular': '400',
876
- 'bq-font-weight--medium': '500',
877
- 'bq-font-weight--semibold': '600',
878
- 'bq-font-weight--bold': '700',
879
- 'bq-font-line-height--small': '1.2',
880
- 'bq-font-line-height--regular': '1.5',
881
- 'bq-font-line-height--large': '1.5',
882
- 'bq-spacing-xs3': '0.125rem',
883
- 'bq-spacing-xs2': '0.25rem',
884
- 'bq-spacing-xs': '0.5rem',
885
- 'bq-spacing-s': '0.75rem',
886
- 'bq-spacing-m': '1rem',
887
- 'bq-spacing-l': '1.5rem',
888
- 'bq-spacing-xl': '2rem',
889
- 'bq-spacing-xxl': '2.5rem',
890
- 'bq-spacing-xxl2': '3.5rem',
891
- 'bq-spacing-xxl3': '4rem',
892
- 'bq-spacing-xxl4': '4.5rem',
893
- 'bq-stroke-s': '1px',
894
- 'bq-stroke-m': '2px',
895
- 'bq-stroke-l': '3px'
896
- };
897
-
898
- const EndavaDarkTheme = {
899
- 'bq-background--primary': 'var(--bq-neutral-1000)',
900
- 'bq-background--secondary': 'var(--bq-neutral-900)',
901
- 'bq-background--tertiary': 'var(--bq-neutral-800)',
902
- 'bq-background--alt': 'var(--bq-neutral-700)',
903
- 'bq-background--inverse': 'var(--bq-neutral-600)',
904
- 'bq-background--brand': 'var(--bq-brand)',
905
- 'bq-background--overlay': 'var(--bq-neutral-900)',
906
- 'bq-icon--primary': 'var(--bq-neutral-100)',
907
- 'bq-icon--secondary': 'var(--bq-neutral-400)',
908
- 'bq-icon--inverse': 'var(--bq-neutral-800)',
909
- 'bq-icon--brand': 'var(--bq-brand)',
910
- 'bq-icon--alt': 'var(--bq-white)',
911
- 'bq-icon--info': 'var(--bq-info)',
912
- 'bq-icon--success': 'var(--bq-success)',
913
- 'bq-icon--warning': 'var(--bq-warning)',
914
- 'bq-icon--danger': 'var(--bq-danger)',
915
- 'bq-stroke--primary': 'var(--bq-neutral-900)',
916
- 'bq-stroke--secondary': 'var(--bq-neutral-700)',
917
- 'bq-stroke--tertiary': 'var(--bq-neutral-400)',
918
- 'bq-stroke--inverse': 'var(--bq-neutral-950)',
919
- 'bq-stroke--brand': 'var(--bq-brand)',
920
- 'bq-stroke--brand-alt': 'var(--bq-brand-dark)',
921
- 'bq-stroke--alt': 'var(--bq-neutral-1000)',
922
- 'bq-stroke--success': 'var(--bq-success)',
923
- 'bq-stroke--warning': 'var(--bq-warning)',
924
- 'bq-stroke--danger': 'var(--bq-danger)',
925
- 'bq-stroke--info': 'var(--bq-info)',
926
- 'bq-text--primary': 'var(--bq-neutral-100)',
927
- 'bq-text--secondary': 'var(--bq-neutral-400)',
928
- 'bq-text--inverse': 'var(--bq-neutral-800)',
929
- 'bq-text--brand': 'var(--bq-brand)',
930
- 'bq-text--alt': 'var(--bq-neutral-white)',
931
- 'bq-text--info': 'var(--bq-info)',
932
- 'bq-text--success': 'var(--bq-success)',
933
- 'bq-text--warning': 'var(--bq-warning)',
934
- 'bq-text--danger': 'var(--bq-danger)',
935
- 'bq-ui--primary': 'var(--bq-neutral-900)',
936
- 'bq-ui--secondary': 'var(--bq-neutral-800)',
937
- 'bq-ui--tertiary': 'var(--bq-neutral-700)',
938
- 'bq-ui--inverse': 'var(--bq-neutral-100)',
939
- 'bq-ui--brand': 'var(--bq-brand)',
940
- 'bq-ui--brand-alt': 'var(--bq-brand-dark)',
941
- 'bq-ui--alt': 'var(--bq-neutral-950)',
942
- 'bq-ui--success': 'var(--bq-success)',
943
- 'bq-ui--success-alt': 'var(--bq-success-dark)',
944
- 'bq-ui--warning': 'var(--bq-warning)',
945
- 'bq-ui--warning-alt': 'var(--bq-warning-dark)',
946
- 'bq-ui--danger': 'var(--bq-danger)',
947
- 'bq-ui--danger-alt': 'var(--bq-danger-dark)',
948
- 'bq-ui--info': 'var(--bq-info)',
949
- 'bq-ui--info-alt': 'var(--bq-info-dark)',
950
- 'bq-hover': '#444546',
951
- 'bq-active': '#1F2026'
952
- };
953
-
954
- const EndavaLightTheme = {
955
- 'bq-background--primary': 'var(--bq-white)',
956
- 'bq-background--secondary': 'var(--bq-neutral-100)',
957
- 'bq-background--tertiary': 'var(--bq-neutral-200)',
958
- 'bq-background--alt': 'var(--bq-neutral-300)',
959
- 'bq-background--inverse': 'var(--bq-neutral-900)',
960
- 'bq-background--brand': 'var(--bq-brand)',
961
- 'bq-background--overlay': 'var(--bq-neutral-900)',
962
- 'bq-icon--primary': 'var(--bq-neutral-800)',
963
- 'bq-icon--secondary': 'var(--bq-neutral-600)',
964
- 'bq-icon--inverse': 'var(--bq-neutral-50)',
965
- 'bq-icon--brand': 'var(--bq-brand)',
966
- 'bq-icon--alt': 'var(--bq-white)',
967
- 'bq-icon--info': 'var(--bq-info)',
968
- 'bq-icon--success': 'var(--bq-success)',
969
- 'bq-icon--warning': 'var(--bq-warning)',
970
- 'bq-icon--danger': 'var(--bq-danger)',
971
- 'bq-stroke--primary': 'var(--bq-neutral-200)',
972
- 'bq-stroke--secondary': 'var(--bq-neutral-600)',
973
- 'bq-stroke--tertiary': 'var(--bq-neutral-900)',
974
- 'bq-stroke--inverse': 'var(--bq-white)',
975
- 'bq-stroke--brand': 'var(--bq-brand)',
976
- 'bq-stroke--alt': 'var(--bq-neutral-50)',
977
- 'bq-stroke--brand-alt': 'var(--bq-brand-light)',
978
- 'bq-stroke--success': 'var(--bq-success)',
979
- 'bq-stroke--warning': 'var(--bq-warning)',
980
- 'bq-stroke--danger': 'var(--bq-danger)',
981
- 'bq-stroke--info': 'var(--bq-info)',
982
- 'bq-text--primary': 'var(--bq-neutral-800)',
983
- 'bq-text--secondary': 'var(--bq-neutral-600)',
984
- 'bq-text--inverse': 'var(--bq-neutral-50)',
985
- 'bq-text--brand': 'var(--bq-brand)',
986
- 'bq-text--alt': 'var(--bq-white)',
987
- 'bq-text--info': 'var(--bq-info)',
988
- 'bq-text--success': 'var(--bq-success)',
989
- 'bq-text--warning': 'var(--bq-warning)',
990
- 'bq-text--danger': 'var(--bq-danger)',
991
- 'bq-ui--primary': 'var(--bq-white)',
992
- 'bq-ui--secondary': 'var(--bq-neutral-200)',
993
- 'bq-ui--tertiary': 'var(--bq-neutral-500)',
994
- 'bq-ui--inverse': 'var(--bq-neutral-900)',
995
- 'bq-ui--alt': 'var(--bq-neutral-50)',
996
- 'bq-ui--brand-alt': 'var(--bq-brand-light)',
997
- 'bq-ui--brand': 'var(--bq-brand)',
998
- 'bq-ui--success': 'var(--bq-success)',
999
- 'bq-ui--success-alt': 'var(--bq-success-light)',
1000
- 'bq-ui--warning': 'var(--bq-warning)',
1001
- 'bq-ui--warning-alt': 'var(--bq-warning-light)',
1002
- 'bq-ui--danger': 'var(--bq-danger)',
1003
- 'bq-ui--danger-alt': 'var(--bq-danger-light)',
1004
- 'bq-ui--info': 'var(--bq-info)',
1005
- 'bq-ui--info-alt': 'var(--bq-info-light)',
1006
- 'bq-hover': '#444546',
1007
- 'bq-active': '#1F2026'
1008
- };
1009
-
1010
- const EndavaRootTheme = {
1011
- 'bq-font-family': "'Poppins', sans-serif",
1012
- 'bq-white': '#fafbfb',
1013
- 'bq-black': '#030406',
1014
- 'bq-neutral-50': 'var(--bq-endava-grey-50)',
1015
- 'bq-neutral-100': 'var(--bq-endava-grey-100)',
1016
- 'bq-neutral-200': 'var(--bq-endava-grey-200)',
1017
- 'bq-neutral-300': 'var(--bq-endava-grey-300)',
1018
- 'bq-neutral-400': 'var(--bq-endava-grey-400)',
1019
- 'bq-neutral-500': 'var(--bq-endava-grey-500)',
1020
- 'bq-neutral-600': 'var(--bq-endava-grey-600)',
1021
- 'bq-neutral-700': 'var(--bq-endava-grey-700)',
1022
- 'bq-neutral-800': 'var(--bq-endava-grey-800)',
1023
- 'bq-neutral-900': 'var(--bq-endava-grey-900)',
1024
- 'bq-neutral-950': 'var(--bq-endava-grey-950)',
1025
- 'bq-neutral-1000': 'var(--bq-endava-grey-1000)',
1026
- 'bq-brand-light': 'var(--bq-endava-orange-100)',
1027
- 'bq-brand': 'var(--bq-endava-orange-600)',
1028
- 'bq-brand-dark': 'var(--bq-endava-orange-1000)',
1029
- 'bq-accent-light': 'var(--bq-endava-orange-100)',
1030
- 'bq-accent': 'var(--bq-endava-orange-600)',
1031
- 'bq-accent-dark': 'var(--bq-endava-orange-1000)',
1032
- 'bq-success-light': 'var(--bq-green-100)',
1033
- 'bq-success': 'var(--bq-green-600)',
1034
- 'bq-success-dark': 'var(--bq-green-1000)',
1035
- 'bq-danger-light': 'var(--bq-corai-100)',
1036
- 'bq-danger': 'var(--bq-corai-600)',
1037
- 'bq-danger-dark': 'var(--bq-corai-1000)',
1038
- 'bq-warning-light': 'var(--bq-yellow-100)',
1039
- 'bq-warning': 'var(--bq-yellow-600)',
1040
- 'bq-warning-dark': 'var(--bq-yellow-1000)',
1041
- 'bq-info-light': 'var(--bq-blue-100)',
1042
- 'bq-info': 'var(--bq-blue-600)',
1043
- 'bq-info-dark': 'var(--bq-blue-1000)',
1044
- 'bq-focus': 'var(--bq-endava-orange-600)',
1045
- 'bq-data-01': 'var(--bq-brand)',
1046
- 'bq-data-02': '#af0cd8',
1047
- 'bq-data-03': '#0ca8d8',
1048
- 'bq-data-04': 'var(--bq-teal-600)',
1049
- 'bq-data-05': 'var(--bq-yellow-600)',
1050
- 'bq-data-06': 'var(--bq-orange-600)',
1051
- 'bq-data-07': 'var(--bq-blue-600)',
1052
- 'bq-data-08': 'var(--bq-red-600)',
1053
- 'bq-data-09': 'var(--bq-purple-600)',
1054
- 'bq-data-10': '#394b56',
1055
- 'bq-data-11': 'var(--bq-black)',
1056
- 'bq-data-12': 'var(--bq-white)'
1057
- };
1058
-
1059
- const reset = {
1060
- '*, *::before, *::after': {
1061
- 'box-sizing': 'border-box'
1062
- },
1063
- '*': {
1064
- margin: '0',
1065
- font: 'inherit'
1066
- },
1067
- 'ul[role="list"], ol[role="list"]': {
1068
- 'list-style-type': 'none'
1069
- },
1070
- html: {
1071
- 'font-size': 'var(--bq-font-size--m)'
1072
- },
1073
- 'html:focus-within': {
1074
- 'scroll-behavior': 'smooth'
1075
- },
1076
- body: {
1077
- '-webkit-font-smoothing': 'antialiased',
1078
- '-moz-osx-font-smoothing': 'grayscale',
1079
- 'background-color': 'var(--bq-background--primary)',
1080
- color: 'var(--bq-text--primary)',
1081
- 'font-family': 'var(--bq-font-family)',
1082
- 'line-height': 'var(--bq-font-line-height--regular)',
1083
- 'min-height': '100vh',
1084
- 'text-rendering': 'optimizeSpeed'
1085
- },
1086
- 'a:not([class])': {
1087
- 'text-decoration-skip-ink': 'auto'
1088
- },
1089
- 'img, picture, video, canvas, svg': {
1090
- 'max-width': '100%',
1091
- display: 'block'
1092
- },
1093
- 'input, button, select, textarea': {
1094
- font: 'inherit'
1095
- },
1096
- 'p, h1, h2, h3, h4, h5, h6': {
1097
- 'overflow-wrap': 'break-word'
1098
- },
1099
- '@media (prefers-reduced-motion: reduce)': {
1100
- 'html:focus-within': {
1101
- 'scroll-behavior': 'auto'
1102
- },
1103
- '*, *::before, *::after': {
1104
- 'animation-duration': '0.01ms !important',
1105
- 'animation-iteration-count': '1 !important',
1106
- 'transition-duration': '0.01ms !important',
1107
- 'scroll-behavior': 'auto'
1108
- }
1109
- }
1110
- };
1111
-
1112
- const TYPOGRAPHY_DEFAULT = {
1113
- '.display': {
1114
- fontSize: 'var(--bq-font-size--xxl5)'
1115
- },
1116
- '.display,.h1,h1': {
1117
- fontFamily: 'inherit',
1118
- fontWeight: 'var(--bq-font-weight--regular)',
1119
- lineHeight: 'var(--bq-font-line-height--small)'
1120
- },
1121
- '.h1,h1': {
1122
- fontSize: 'var(--bq-font-size--xxl4)'
1123
- },
1124
- '.h2,h2': {
1125
- fontSize: 'var(--bq-font-size--xxl3)'
1126
- },
1127
- '.h2,.h3,h2,h3': {
1128
- fontFamily: 'inherit',
1129
- fontWeight: 'var(--bq-font-weight--regular)',
1130
- lineHeight: 'var(--bq-font-line-height--small)'
1131
- },
1132
- '.h3,h3': {
1133
- fontSize: 'var(--bq-font-size--xxl2)'
1134
- },
1135
- '.h4,h4': {
1136
- fontFamily: 'inherit',
1137
- fontSize: 'var(--bq-font-size--xxl)',
1138
- fontWeight: 'var(--bq-font-weight--regular)',
1139
- lineHeight: 'var(--bq-font-line-height--small)'
1140
- },
1141
- '.h5,h5': {
1142
- fontSize: 'var(--bq-font-size--xl)'
1143
- },
1144
- '.h5,.h6,h5,h6': {
1145
- fontFamily: 'inherit',
1146
- fontWeight: 'var(--bq-font-weight--regular)',
1147
- lineHeight: 'var(--bq-font-line-height--regular)'
1148
- },
1149
- '.h6,h6': {
1150
- fontSize: 'var(--bq-font-size--l)'
1151
- },
1152
- '.caption,figcaption': {
1153
- fontSize: 'var(--bq-font-size--s)'
1154
- },
1155
- '.caption,.overline,figcaption': {
1156
- fontFamily: 'inherit',
1157
- fontWeight: 'var(--bq-font-weight--regular)',
1158
- lineHeight: 'var(--bq-font-line-height--regular)'
1159
- },
1160
- '.overline': {
1161
- fontSize: 'var(--bq-font-size--xs)'
1162
- },
1163
- [`.caption.semibold,
1164
- .display.semibold,
1165
- .h1.semibold,
1166
- .h2.semibold,
1167
- .h3.semibold,
1168
- .h4.semibold,
1169
- .h5.semibold,
1170
- .h6.semibold,
1171
- .overline.semibold,
1172
- caption.semibold,
1173
- h1.semibold,
1174
- h2.semibold,
1175
- h3.semibold,
1176
- h4.semibold,
1177
- h5.semibold,
1178
- h6.semibold`]: {
1179
- fontWeight: 'var(--bq-font-weight--semibold)'
1180
- },
1181
- [`.caption.bold,
1182
- .display.bold,
1183
- .h1.bold,
1184
- .h2.bold,
1185
- .h3.bold,
1186
- .h4.bold,
1187
- .h5.bold,
1188
- .h6.bold,
1189
- .overline.bold,
1190
- caption.bold,
1191
- h1.bold,
1192
- h2.bold,
1193
- h3.bold,
1194
- h4.bold,
1195
- h5.bold,
1196
- h6.bold`]: {
1197
- fontWeight: 'var(--bq-font-weight--bold)'
1198
- }
1199
- };
1200
-
1201
- var index = {
1202
- theme: {
1203
- colors: {
1204
- current: 'currentColor',
1205
- transparent: 'transparent',
1206
- ...DECLARATIVE_COLORS,
1207
- ...PRIMITIVE_COLORS
1208
- },
1209
- borderRadius: {
1210
- none: 'var(--bq-radius--none)',
1211
- xs2: 'var(--bq-radius--xs2)',
1212
- xs: 'var(--bq-radius--xs)',
1213
- s: 'var(--bq-radius--s)',
1214
- m: 'var(--bq-radius--m)',
1215
- l: 'var(--bq-radius--l)',
1216
- full: 'var(--bq-radius--full)'
1217
- },
1218
- borderWidth: {
1219
- 0: '0',
1220
- s: 'var(--bq-stroke-s)',
1221
- m: 'var(--bq-stroke-m)',
1222
- l: 'var(--bq-stroke-l)'
1223
- },
1224
- boxShadow: {
1225
- xs: 'var(--bq-box-shadow--xs)',
1226
- s: 'var(--bq-box-shadow--s)',
1227
- m: 'var(--bq-box-shadow--m)',
1228
- l: 'var(--bq-box-shadow--l)'
1229
- },
1230
- fontFamily: {
1231
- default: 'var(--bq-font-family)',
1232
- outfit: 'var(--bq-font-family--outfit)',
1233
- poppins: 'var(--bq-font-family--poppins)'
1234
- },
1235
- fontSize: {
1236
- xs: 'var(--bq-font-size--xs)',
1237
- s: 'var(--bq-font-size--s)',
1238
- m: 'var(--bq-font-size--m)',
1239
- l: 'var(--bq-font-size--l)',
1240
- xl: 'var(--bq-font-size--xl)',
1241
- xxl: 'var(--bq-font-size--xxl)',
1242
- xxl2: 'var(--bq-font-size--xxl2)',
1243
- xxl3: 'var(--bq-font-size--xxl3)',
1244
- xxl4: 'var(--bq-font-size--xxl4)',
1245
- xxl5: 'var(--bq-font-size--xxl5)'
1246
- },
1247
- fontWeight: {
1248
- thin: 'var(--bq-font-weight--thin)',
1249
- light: 'var(--bq-font-weight--light)',
1250
- regular: 'var(--bq-font-weight--regular)',
1251
- medium: 'var(--bq-font-weight--medium)',
1252
- semibold: 'var(--bq-font-weight--semibold)',
1253
- bold: 'var(--bq-font-weight--bold)'
1254
- },
1255
- lineHeight: {
1256
- small: 'var(--bq-font-line-height--small)',
1257
- regular: 'var(--bq-font-line-height--regular)',
1258
- large: 'var(--bq-font-line-height--large)'
1259
- },
1260
- strokeWidth: {
1261
- none: '0',
1262
- s: 'var(--bq-stroke-s)',
1263
- m: 'var(--bq-stroke-m)',
1264
- l: 'var(--bq-stroke-l)'
1265
- },
1266
- extend: {
1267
- height: {
1268
- 'dynamic-vh': '100dvh'
1269
- },
1270
- content: {
1271
- empty: "''"
1272
- },
1273
- spacing: {
1274
- xs3: 'var(--bq-spacing-xs3)',
1275
- xs2: 'var(--bq-spacing-xs2)',
1276
- xs: 'var(--bq-spacing-xs)',
1277
- s: 'var(--bq-spacing-s)',
1278
- m: 'var(--bq-spacing-m)',
1279
- l: 'var(--bq-spacing-l)',
1280
- xl: 'var(--bq-spacing-xl)',
1281
- xxl: 'var(--bq-spacing-xxl)',
1282
- xxl2: 'var(--bq-spacing-xxl2)',
1283
- xxl3: 'var(--bq-spacing-xxl3)',
1284
- xxl4: 'var(--bq-spacing-xxl4)'
1285
- }
1286
- }
1287
- },
1288
- plugins: [plugin(function ({
1289
- addBase,
1290
- addComponents,
1291
- theme
1292
- }) {
1293
- addBase({
1294
- ':root, ::backdrop': {
1295
- ...CSS_COLORS
1296
- },
1297
- ...reset
1298
- });
1299
- addComponents({
1300
- '.focus': {
1301
- outline: `var(--bq-ring-width, 2px) solid var(--bq-ring-color-focus, ${String(theme('colors.focus'))})`,
1302
- outlineOffset: 'var(--bq-ring-offset-width, 1px)'
1303
- }
1304
- });
1305
- }), ColorMix, LogicalProperties, ThemeSwapper({
1306
- themes: [{
1307
- name: 'root',
1308
- selectors: [':root'],
1309
- theme: {
1310
- ...DefaultRootTheme
1311
- }
1312
- }, {
1313
- name: 'light',
1314
- selectors: [':root', '.light', '.beeq.light', '[bq-mode="light"]'],
1315
- theme: {
1316
- ...DefaultLightTheme
1317
- }
1318
- }, {
1319
- name: 'dark',
1320
- selectors: ['.dark', '.beeq.dark', '[bq-mode="dark"]'],
1321
- theme: {
1322
- ...DefaultDarkTheme
1323
- }
1324
- }, {
1325
- name: 'endava',
1326
- selectors: ['.endava', '[bq-theme="endava"]'],
1327
- theme: {
1328
- ...EndavaRootTheme
1329
- }
1330
- }, {
1331
- name: 'endava-light',
1332
- selectors: ['.endava.light', '[bq-theme="endava"][bq-mode="light"]'],
1333
- theme: {
1334
- ...EndavaLightTheme
1335
- }
1336
- }, {
1337
- name: 'endava-dark',
1338
- selectors: ['.endava.dark', '[bq-theme="endava"][bq-mode="dark"]'],
1339
- theme: {
1340
- ...EndavaDarkTheme
1341
- }
1342
- }]
1343
- })]
1344
- };
1345
-
1346
- exports.CSS_COLORS = CSS_COLORS;
1347
- exports.DECLARATIVE_COLORS = DECLARATIVE_COLORS;
1348
- exports.DefaultDarkTheme = DefaultDarkTheme;
1349
- exports.DefaultLightTheme = DefaultLightTheme;
1350
- exports.DefaultRootTheme = DefaultRootTheme;
1351
- exports.EndavaDarkTheme = EndavaDarkTheme;
1352
- exports.EndavaLightTheme = EndavaLightTheme;
1353
- exports.EndavaRootTheme = EndavaRootTheme;
1354
- exports.PRIMITIVE_COLORS = PRIMITIVE_COLORS;
1355
- exports.TYPOGRAPHY_DEFAULT = TYPOGRAPHY_DEFAULT;
1356
- exports.default = index;