@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
@@ -1,10 +0,0 @@
1
- type blendOptions = {
2
- color: string;
3
- base: string;
4
- percentage?: number;
5
- property?: string;
6
- };
7
- export declare const blendColor: ({ color, base, percentage, property }: blendOptions) => {
8
- [x: string]: string;
9
- };
10
- export {};
package/src/index.d.ts DELETED
@@ -1,376 +0,0 @@
1
- import { CSS_COLORS, DECLARATIVE_COLORS, DefaultDarkTheme, DefaultLightTheme, DefaultRootTheme, EndavaDarkTheme, EndavaLightTheme, EndavaRootTheme, PRIMITIVE_COLORS, TYPOGRAPHY_DEFAULT } from './theme';
2
- declare const _default: {
3
- theme: {
4
- colors: {
5
- blue: {
6
- 100: string;
7
- 200: string;
8
- 300: string;
9
- 400: string;
10
- 500: string;
11
- 600: string;
12
- 700: string;
13
- 800: string;
14
- 900: string;
15
- 1000: string;
16
- };
17
- corai: {
18
- 100: string;
19
- 200: string;
20
- 300: string;
21
- 400: string;
22
- 500: string;
23
- 600: string;
24
- 700: string;
25
- 800: string;
26
- 900: string;
27
- 1000: string;
28
- };
29
- cyan: {
30
- 100: string;
31
- 200: string;
32
- 300: string;
33
- 400: string;
34
- 500: string;
35
- 600: string;
36
- 700: string;
37
- 800: string;
38
- 900: string;
39
- 1000: string;
40
- };
41
- gold: {
42
- 100: string;
43
- 200: string;
44
- 300: string;
45
- 400: string;
46
- 500: string;
47
- 600: string;
48
- 700: string;
49
- 800: string;
50
- 900: string;
51
- 1000: string;
52
- };
53
- green: {
54
- 100: string;
55
- 200: string;
56
- 300: string;
57
- 400: string;
58
- 500: string;
59
- 600: string;
60
- 700: string;
61
- 800: string;
62
- 900: string;
63
- 1000: string;
64
- };
65
- grey: {
66
- 50: string;
67
- 100: string;
68
- 200: string;
69
- 300: string;
70
- 400: string;
71
- 500: string;
72
- 600: string;
73
- 700: string;
74
- 800: string;
75
- 900: string;
76
- 950: string;
77
- 1000: string;
78
- };
79
- indigo: {
80
- 100: string;
81
- 200: string;
82
- 300: string;
83
- 400: string;
84
- 500: string;
85
- 600: string;
86
- 700: string;
87
- 800: string;
88
- 900: string;
89
- 1000: string;
90
- };
91
- iris: {
92
- 100: string;
93
- 200: string;
94
- 300: string;
95
- 400: string;
96
- 500: string;
97
- 600: string;
98
- 700: string;
99
- 800: string;
100
- 900: string;
101
- 1000: string;
102
- };
103
- lime: {
104
- 100: string;
105
- 200: string;
106
- 300: string;
107
- 400: string;
108
- 500: string;
109
- 600: string;
110
- 700: string;
111
- 800: string;
112
- 900: string;
113
- 1000: string;
114
- };
115
- magenta: {
116
- 100: string;
117
- 200: string;
118
- 300: string;
119
- 400: string;
120
- 500: string;
121
- 600: string;
122
- 700: string;
123
- 800: string;
124
- 900: string;
125
- 1000: string;
126
- };
127
- neutral: {
128
- white: string;
129
- black: string;
130
- };
131
- orange: {
132
- 100: string;
133
- 200: string;
134
- 300: string;
135
- 400: string;
136
- 500: string;
137
- 600: string;
138
- 700: string;
139
- 800: string;
140
- 900: string;
141
- 1000: string;
142
- };
143
- purple: {
144
- 100: string;
145
- 200: string;
146
- 300: string;
147
- 400: string;
148
- 500: string;
149
- 600: string;
150
- 700: string;
151
- 800: string;
152
- 900: string;
153
- 1000: string;
154
- };
155
- red: {
156
- 100: string;
157
- 200: string;
158
- 300: string;
159
- 400: string;
160
- 500: string;
161
- 600: string;
162
- 700: string;
163
- 800: string;
164
- 900: string;
165
- 1000: string;
166
- };
167
- sky: {
168
- 100: string;
169
- 200: string;
170
- 300: string;
171
- 400: string;
172
- 500: string;
173
- 600: string;
174
- 700: string;
175
- 800: string;
176
- 900: string;
177
- 1000: string;
178
- };
179
- teal: {
180
- 100: string;
181
- 200: string;
182
- 300: string;
183
- 400: string;
184
- 500: string;
185
- 600: string;
186
- 700: string;
187
- 800: string;
188
- 900: string;
189
- 1000: string;
190
- };
191
- volcano: {
192
- 100: string;
193
- 200: string;
194
- 300: string;
195
- 400: string;
196
- 500: string;
197
- 600: string;
198
- 700: string;
199
- 800: string;
200
- 900: string;
201
- 1000: string;
202
- };
203
- yellow: {
204
- 100: string;
205
- 200: string;
206
- 300: string;
207
- 400: string;
208
- 500: string;
209
- 600: string;
210
- 700: string;
211
- 800: string;
212
- 900: string;
213
- 1000: string;
214
- };
215
- bg: {
216
- primary: string;
217
- secondary: string;
218
- tertiary: string;
219
- alt: string;
220
- inverse: string;
221
- brand: string;
222
- overlay: string;
223
- };
224
- data: {
225
- '01': string;
226
- '02': string;
227
- '03': string;
228
- '04': string;
229
- '05': string;
230
- '06': string;
231
- '07': string;
232
- '08': string;
233
- '09': string;
234
- '10': string;
235
- '11': string;
236
- '12': string;
237
- };
238
- focus: string;
239
- icon: {
240
- primary: string;
241
- alt: string;
242
- secondary: string;
243
- inverse: string;
244
- brand: string;
245
- info: string;
246
- success: string;
247
- warning: string;
248
- danger: string;
249
- };
250
- state: {
251
- hover: string;
252
- active: string;
253
- };
254
- stroke: {
255
- primary: string;
256
- secondary: string;
257
- tertiary: string;
258
- inverse: string;
259
- brand: string;
260
- alt: string;
261
- success: string;
262
- warning: string;
263
- danger: string;
264
- };
265
- text: {
266
- primary: string;
267
- alt: string;
268
- secondary: string;
269
- inverse: string;
270
- brand: string;
271
- info: string;
272
- success: string;
273
- warning: string;
274
- danger: string;
275
- };
276
- ui: {
277
- primary: string;
278
- alt: string;
279
- secondary: string;
280
- tertiary: string;
281
- inverse: string;
282
- brand: string;
283
- 'brand-alt': string;
284
- success: string;
285
- 'success-alt': string;
286
- warning: string;
287
- 'warning-alt': string;
288
- danger: string;
289
- 'danger-alt': string;
290
- };
291
- current: string;
292
- transparent: string;
293
- };
294
- borderRadius: {
295
- none: string;
296
- xs2: string;
297
- xs: string;
298
- s: string;
299
- m: string;
300
- l: string;
301
- full: string;
302
- };
303
- borderWidth: {
304
- 0: string;
305
- s: string;
306
- m: string;
307
- l: string;
308
- };
309
- boxShadow: {
310
- xs: string;
311
- s: string;
312
- m: string;
313
- l: string;
314
- };
315
- fontFamily: {
316
- default: string;
317
- outfit: string;
318
- poppins: string;
319
- };
320
- fontSize: {
321
- xs: string;
322
- s: string;
323
- m: string;
324
- l: string;
325
- xl: string;
326
- xxl: string;
327
- xxl2: string;
328
- xxl3: string;
329
- xxl4: string;
330
- xxl5: string;
331
- };
332
- fontWeight: {
333
- thin: string;
334
- light: string;
335
- regular: string;
336
- medium: string;
337
- semibold: string;
338
- bold: string;
339
- };
340
- lineHeight: {
341
- small: string;
342
- regular: string;
343
- large: string;
344
- };
345
- strokeWidth: {
346
- none: string;
347
- s: string;
348
- m: string;
349
- l: string;
350
- };
351
- extend: {
352
- height: {
353
- 'dynamic-vh': string;
354
- };
355
- content: {
356
- empty: string;
357
- };
358
- spacing: {
359
- xs3: string;
360
- xs2: string;
361
- xs: string;
362
- s: string;
363
- m: string;
364
- l: string;
365
- xl: string;
366
- xxl: string;
367
- xxl2: string;
368
- xxl3: string;
369
- xxl4: string;
370
- };
371
- };
372
- };
373
- plugins: any[];
374
- };
375
- export default _default;
376
- export { CSS_COLORS, DECLARATIVE_COLORS, DefaultDarkTheme, DefaultLightTheme, DefaultRootTheme, EndavaDarkTheme, EndavaLightTheme, EndavaRootTheme, PRIMITIVE_COLORS, TYPOGRAPHY_DEFAULT, };
@@ -1,2 +0,0 @@
1
- import type { Config } from 'tailwindcss';
2
- export declare const ColorMix: Partial<Config>;
@@ -1,2 +0,0 @@
1
- import type { Config } from 'tailwindcss';
2
- export declare const LogicalProperties: Partial<Config>;
@@ -1,200 +0,0 @@
1
- export declare const CSS_COLORS: {
2
- '--bq-blue-100': string;
3
- '--bq-blue-200': string;
4
- '--bq-blue-300': string;
5
- '--bq-blue-400': string;
6
- '--bq-blue-500': string;
7
- '--bq-blue-600': string;
8
- '--bq-blue-700': string;
9
- '--bq-blue-800': string;
10
- '--bq-blue-900': string;
11
- '--bq-blue-1000': string;
12
- '--bq-corai-100': string;
13
- '--bq-corai-200': string;
14
- '--bq-corai-300': string;
15
- '--bq-corai-400': string;
16
- '--bq-corai-500': string;
17
- '--bq-corai-600': string;
18
- '--bq-corai-700': string;
19
- '--bq-corai-800': string;
20
- '--bq-corai-900': string;
21
- '--bq-corai-1000': string;
22
- '--bq-cyan-100': string;
23
- '--bq-cyan-200': string;
24
- '--bq-cyan-300': string;
25
- '--bq-cyan-400': string;
26
- '--bq-cyan-500': string;
27
- '--bq-cyan-600': string;
28
- '--bq-cyan-700': string;
29
- '--bq-cyan-800': string;
30
- '--bq-cyan-900': string;
31
- '--bq-cyan-1000': string;
32
- '--bq-gold-100': string;
33
- '--bq-gold-200': string;
34
- '--bq-gold-300': string;
35
- '--bq-gold-400': string;
36
- '--bq-gold-500': string;
37
- '--bq-gold-600': string;
38
- '--bq-gold-700': string;
39
- '--bq-gold-800': string;
40
- '--bq-gold-900': string;
41
- '--bq-gold-1000': string;
42
- '--bq-green-100': string;
43
- '--bq-green-200': string;
44
- '--bq-green-300': string;
45
- '--bq-green-400': string;
46
- '--bq-green-500': string;
47
- '--bq-green-600': string;
48
- '--bq-green-700': string;
49
- '--bq-green-800': string;
50
- '--bq-green-900': string;
51
- '--bq-green-1000': string;
52
- '--bq-grey-100': string;
53
- '--bq-grey-200': string;
54
- '--bq-grey-300': string;
55
- '--bq-grey-400': string;
56
- '--bq-grey-50': string;
57
- '--bq-grey-500': string;
58
- '--bq-grey-600': string;
59
- '--bq-grey-700': string;
60
- '--bq-grey-800': string;
61
- '--bq-grey-900': string;
62
- '--bq-grey-950': string;
63
- '--bq-grey-1000': string;
64
- '--bq-indigo-100': string;
65
- '--bq-indigo-200': string;
66
- '--bq-indigo-300': string;
67
- '--bq-indigo-400': string;
68
- '--bq-indigo-500': string;
69
- '--bq-indigo-600': string;
70
- '--bq-indigo-700': string;
71
- '--bq-indigo-800': string;
72
- '--bq-indigo-900': string;
73
- '--bq-indigo-1000': string;
74
- '--bq-iris-100': string;
75
- '--bq-iris-200': string;
76
- '--bq-iris-300': string;
77
- '--bq-iris-400': string;
78
- '--bq-iris-500': string;
79
- '--bq-iris-600': string;
80
- '--bq-iris-700': string;
81
- '--bq-iris-800': string;
82
- '--bq-iris-900': string;
83
- '--bq-iris-1000': string;
84
- '--bq-lime-100': string;
85
- '--bq-lime-200': string;
86
- '--bq-lime-300': string;
87
- '--bq-lime-400': string;
88
- '--bq-lime-500': string;
89
- '--bq-lime-600': string;
90
- '--bq-lime-700': string;
91
- '--bq-lime-800': string;
92
- '--bq-lime-900': string;
93
- '--bq-lime-1000': string;
94
- '--bq-magenta-100': string;
95
- '--bq-magenta-200': string;
96
- '--bq-magenta-300': string;
97
- '--bq-magenta-400': string;
98
- '--bq-magenta-500': string;
99
- '--bq-magenta-600': string;
100
- '--bq-magenta-700': string;
101
- '--bq-magenta-800': string;
102
- '--bq-magenta-900': string;
103
- '--bq-magenta-1000': string;
104
- '--bq-neutral-white': string;
105
- '--bq-neutral-black': string;
106
- '--bq-orange-100': string;
107
- '--bq-orange-200': string;
108
- '--bq-orange-300': string;
109
- '--bq-orange-400': string;
110
- '--bq-orange-500': string;
111
- '--bq-orange-600': string;
112
- '--bq-orange-700': string;
113
- '--bq-orange-800': string;
114
- '--bq-orange-900': string;
115
- '--bq-orange-1000': string;
116
- '--bq-purple-100': string;
117
- '--bq-purple-200': string;
118
- '--bq-purple-300': string;
119
- '--bq-purple-400': string;
120
- '--bq-purple-500': string;
121
- '--bq-purple-600': string;
122
- '--bq-purple-700': string;
123
- '--bq-purple-800': string;
124
- '--bq-purple-900': string;
125
- '--bq-purple-1000': string;
126
- '--bq-red-100': string;
127
- '--bq-red-200': string;
128
- '--bq-red-300': string;
129
- '--bq-red-400': string;
130
- '--bq-red-500': string;
131
- '--bq-red-600': string;
132
- '--bq-red-700': string;
133
- '--bq-red-800': string;
134
- '--bq-red-900': string;
135
- '--bq-red-1000': string;
136
- '--bq-sky-100': string;
137
- '--bq-sky-200': string;
138
- '--bq-sky-300': string;
139
- '--bq-sky-400': string;
140
- '--bq-sky-500': string;
141
- '--bq-sky-600': string;
142
- '--bq-sky-700': string;
143
- '--bq-sky-800': string;
144
- '--bq-sky-900': string;
145
- '--bq-sky-1000': string;
146
- '--bq-teal-100': string;
147
- '--bq-teal-200': string;
148
- '--bq-teal-300': string;
149
- '--bq-teal-400': string;
150
- '--bq-teal-500': string;
151
- '--bq-teal-600': string;
152
- '--bq-teal-700': string;
153
- '--bq-teal-800': string;
154
- '--bq-teal-900': string;
155
- '--bq-teal-1000': string;
156
- '--bq-volcano-100': string;
157
- '--bq-volcano-200': string;
158
- '--bq-volcano-300': string;
159
- '--bq-volcano-400': string;
160
- '--bq-volcano-500': string;
161
- '--bq-volcano-600': string;
162
- '--bq-volcano-700': string;
163
- '--bq-volcano-800': string;
164
- '--bq-volcano-900': string;
165
- '--bq-volcano-1000': string;
166
- '--bq-yellow-100': string;
167
- '--bq-yellow-200': string;
168
- '--bq-yellow-300': string;
169
- '--bq-yellow-400': string;
170
- '--bq-yellow-500': string;
171
- '--bq-yellow-600': string;
172
- '--bq-yellow-700': string;
173
- '--bq-yellow-800': string;
174
- '--bq-yellow-900': string;
175
- '--bq-yellow-1000': string;
176
- '--bq-endava-grey-50': string;
177
- '--bq-endava-grey-100': string;
178
- '--bq-endava-grey-200': string;
179
- '--bq-endava-grey-300': string;
180
- '--bq-endava-grey-400': string;
181
- '--bq-endava-grey-500': string;
182
- '--bq-endava-grey-600': string;
183
- '--bq-endava-grey-700': string;
184
- '--bq-endava-grey-800': string;
185
- '--bq-endava-grey-900': string;
186
- '--bq-endava-grey-950': string;
187
- '--bq-endava-grey-1000': string;
188
- '--bq-endava-neutral-white': string;
189
- '--bq-endava-neutral-black': string;
190
- '--bq-endava-orange-100': string;
191
- '--bq-endava-orange-200': string;
192
- '--bq-endava-orange-300': string;
193
- '--bq-endava-orange-400': string;
194
- '--bq-endava-orange-500': string;
195
- '--bq-endava-orange-600': string;
196
- '--bq-endava-orange-700': string;
197
- '--bq-endava-orange-800': string;
198
- '--bq-endava-orange-900': string;
199
- '--bq-endava-orange-1000': string;
200
- };
@@ -1,78 +0,0 @@
1
- export declare const DECLARATIVE_COLORS: {
2
- bg: {
3
- primary: string;
4
- secondary: string;
5
- tertiary: string;
6
- alt: string;
7
- inverse: string;
8
- brand: string;
9
- overlay: string;
10
- };
11
- data: {
12
- '01': string;
13
- '02': string;
14
- '03': string;
15
- '04': string;
16
- '05': string;
17
- '06': string;
18
- '07': string;
19
- '08': string;
20
- '09': string;
21
- '10': string;
22
- '11': string;
23
- '12': string;
24
- };
25
- focus: string;
26
- icon: {
27
- primary: string;
28
- alt: string;
29
- secondary: string;
30
- inverse: string;
31
- brand: string;
32
- info: string;
33
- success: string;
34
- warning: string;
35
- danger: string;
36
- };
37
- state: {
38
- hover: string;
39
- active: string;
40
- };
41
- stroke: {
42
- primary: string;
43
- secondary: string;
44
- tertiary: string;
45
- inverse: string;
46
- brand: string;
47
- alt: string;
48
- success: string;
49
- warning: string;
50
- danger: string;
51
- };
52
- text: {
53
- primary: string;
54
- alt: string;
55
- secondary: string;
56
- inverse: string;
57
- brand: string;
58
- info: string;
59
- success: string;
60
- warning: string;
61
- danger: string;
62
- };
63
- ui: {
64
- primary: string;
65
- alt: string;
66
- secondary: string;
67
- tertiary: string;
68
- inverse: string;
69
- brand: string;
70
- 'brand-alt': string;
71
- success: string;
72
- 'success-alt': string;
73
- warning: string;
74
- 'warning-alt': string;
75
- danger: string;
76
- 'danger-alt': string;
77
- };
78
- };