@beeq/tailwindcss 1.0.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.
package/package.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "name": "@beeq/tailwindcss",
3
+ "version": "1.0.0",
4
+ "license": "Apache-2.0",
5
+ "description": "BEEQ's opinionated TailwindCSS configuration",
6
+ "main": "./index.cjs.js",
7
+ "module": "./index.esm.js",
8
+ "types": "./src/index.d.ts",
9
+ "peerDependencies": {
10
+ "tailwindcss": "^3.4.1",
11
+ "tailwindcss-theme-swapper": "^0.11.0"
12
+ },
13
+ "repository": {
14
+ "type": "git",
15
+ "url": "https://github.com/Endava/BEEQ"
16
+ },
17
+ "publishConfig": {
18
+ "access": "public",
19
+ "registry": "https://registry.npmjs.org"
20
+ },
21
+ "exports": {
22
+ "./package.json": "./package.json",
23
+ ".": {
24
+ "module": "./index.esm.js",
25
+ "import": "./index.cjs.mjs",
26
+ "default": "./index.cjs.js"
27
+ }
28
+ }
29
+ }
@@ -0,0 +1,10 @@
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 {};
@@ -0,0 +1 @@
1
+ export * from './blend-color';
package/src/index.d.ts ADDED
@@ -0,0 +1,363 @@
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
+ success: string;
261
+ warning: string;
262
+ danger: string;
263
+ };
264
+ text: {
265
+ primary: string;
266
+ alt: string;
267
+ secondary: string;
268
+ inverse: string;
269
+ brand: string;
270
+ info: string;
271
+ success: string;
272
+ warning: string;
273
+ danger: string;
274
+ };
275
+ ui: {
276
+ primary: string;
277
+ alt: string;
278
+ secondary: string;
279
+ tertiary: string;
280
+ inverse: string;
281
+ brand: string;
282
+ 'brand-alt': string;
283
+ success: string;
284
+ 'success-alt': string;
285
+ warning: string;
286
+ 'warning-alt': string;
287
+ danger: string;
288
+ 'danger-alt': string;
289
+ };
290
+ current: string;
291
+ transparent: string;
292
+ };
293
+ borderRadius: {
294
+ none: string;
295
+ xs2: string;
296
+ xs: string;
297
+ s: string;
298
+ m: string;
299
+ l: string;
300
+ full: string;
301
+ };
302
+ boxShadow: {
303
+ xs: string;
304
+ s: string;
305
+ m: string;
306
+ l: string;
307
+ };
308
+ fontFamily: {
309
+ default: string;
310
+ outfit: string;
311
+ poppins: string;
312
+ };
313
+ fontSize: {
314
+ xs: string;
315
+ s: string;
316
+ m: string;
317
+ l: string;
318
+ xl: string;
319
+ xxl: string;
320
+ xxl2: string;
321
+ xxl3: string;
322
+ xxl4: string;
323
+ xxl5: string;
324
+ };
325
+ fontWeight: {
326
+ thin: string;
327
+ light: string;
328
+ regular: string;
329
+ medium: string;
330
+ semibold: string;
331
+ bold: string;
332
+ };
333
+ lineHeight: {
334
+ small: string;
335
+ regular: string;
336
+ large: string;
337
+ };
338
+ extend: {
339
+ height: {
340
+ 'dynamic-vh': string;
341
+ };
342
+ content: {
343
+ empty: string;
344
+ };
345
+ spacing: {
346
+ xs3: string;
347
+ xs2: string;
348
+ xs: string;
349
+ s: string;
350
+ m: string;
351
+ l: string;
352
+ xl: string;
353
+ xxl: string;
354
+ xxl2: string;
355
+ xxl3: string;
356
+ xxl4: string;
357
+ };
358
+ };
359
+ };
360
+ plugins: any[];
361
+ };
362
+ export default _default;
363
+ export { CSS_COLORS, DECLARATIVE_COLORS, DefaultDarkTheme, DefaultLightTheme, DefaultRootTheme, EndavaDarkTheme, EndavaLightTheme, EndavaRootTheme, PRIMITIVE_COLORS, TYPOGRAPHY_DEFAULT, };
@@ -0,0 +1,200 @@
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
+ };
@@ -0,0 +1,77 @@
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
+ success: string;
48
+ warning: string;
49
+ danger: string;
50
+ };
51
+ text: {
52
+ primary: string;
53
+ alt: string;
54
+ secondary: string;
55
+ inverse: string;
56
+ brand: string;
57
+ info: string;
58
+ success: string;
59
+ warning: string;
60
+ danger: string;
61
+ };
62
+ ui: {
63
+ primary: string;
64
+ alt: string;
65
+ secondary: string;
66
+ tertiary: string;
67
+ inverse: string;
68
+ brand: string;
69
+ 'brand-alt': string;
70
+ success: string;
71
+ 'success-alt': string;
72
+ warning: string;
73
+ 'warning-alt': string;
74
+ danger: string;
75
+ 'danger-alt': string;
76
+ };
77
+ };
@@ -0,0 +1,3 @@
1
+ export { CSS_COLORS } from './base';
2
+ export { DECLARATIVE_COLORS } from './declarative';
3
+ export { PRIMITIVE_COLORS } from './primitive';