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