@sprinklrjs/spaceweb-themes 10.1.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 (41) hide show
  1. package/common-theme/theme.d.ts +343 -0
  2. package/common-theme/theme.js +309 -0
  3. package/common-theme/utilities.d.ts +5144 -0
  4. package/common-theme/utilities.js +1581 -0
  5. package/hyperspace/dark/index.d.ts +6304 -0
  6. package/hyperspace/dark/index.js +8 -0
  7. package/hyperspace/dark/theme.d.ts +798 -0
  8. package/hyperspace/dark/theme.js +297 -0
  9. package/hyperspace/dark/utilities.d.ts +5505 -0
  10. package/hyperspace/dark/utilities.js +137 -0
  11. package/hyperspace/light/index.d.ts +6304 -0
  12. package/hyperspace/light/index.js +8 -0
  13. package/hyperspace/light/theme.d.ts +798 -0
  14. package/hyperspace/light/theme.js +297 -0
  15. package/hyperspace/light/utilities.d.ts +5505 -0
  16. package/hyperspace/light/utilities.js +137 -0
  17. package/hyperspace/themeVars.css +253 -0
  18. package/hyperspace/themeVars.min.css +1 -0
  19. package/package.json +27 -0
  20. package/space/dark/index.d.ts +6283 -0
  21. package/space/dark/index.js +8 -0
  22. package/space/dark/theme.d.ts +780 -0
  23. package/space/dark/theme.js +275 -0
  24. package/space/dark/utilities.d.ts +5502 -0
  25. package/space/dark/utilities.js +134 -0
  26. package/space/light/index.d.ts +6283 -0
  27. package/space/light/index.js +8 -0
  28. package/space/light/theme.d.ts +780 -0
  29. package/space/light/theme.js +275 -0
  30. package/space/light/utilities.d.ts +5502 -0
  31. package/space/light/utilities.js +134 -0
  32. package/space/themeVars.css +251 -0
  33. package/space/themeVars.min.css +1 -0
  34. package/styles/globals.css +80 -0
  35. package/styles/globals.min.css +1 -0
  36. package/styles/normalize.css +362 -0
  37. package/styles/normalize.min.css +1 -0
  38. package/types.d.ts +66 -0
  39. package/types.js +2 -0
  40. package/utilities.css +239 -0
  41. package/utilities.min.css +1 -0
@@ -0,0 +1,343 @@
1
+ declare const _default: {
2
+ borderRadius: {
3
+ 0: string;
4
+ 1: string;
5
+ 2: string;
6
+ 4: string;
7
+ 6: string;
8
+ 8: string;
9
+ 12: string;
10
+ 16: string;
11
+ none: string;
12
+ sm: string;
13
+ md: string;
14
+ lg: string;
15
+ default: string;
16
+ full: string;
17
+ };
18
+ borderWidth: {
19
+ 0: string;
20
+ 1: string;
21
+ 2: string;
22
+ 4: string;
23
+ 6: string;
24
+ 8: string;
25
+ 12: string;
26
+ 16: string;
27
+ default: string;
28
+ };
29
+ fontFamily: {
30
+ sans: string;
31
+ serif: string;
32
+ mono: string;
33
+ };
34
+ fontWeight: {
35
+ 300: string;
36
+ 400: string;
37
+ 500: string;
38
+ 600: string;
39
+ 700: string;
40
+ hairline: string;
41
+ thin: string;
42
+ light: string;
43
+ normal: string;
44
+ regular: string;
45
+ medium: string;
46
+ semibold: string;
47
+ bold: string;
48
+ extrabold: string;
49
+ black: string;
50
+ };
51
+ inset: {
52
+ 0: string;
53
+ auto: string;
54
+ };
55
+ letterSpacing: {
56
+ tighter: string;
57
+ tight: string;
58
+ normal: string;
59
+ wide: string;
60
+ wider: string;
61
+ widest: string;
62
+ };
63
+ lineHeight: {
64
+ 3: string;
65
+ 4: string;
66
+ 5: string;
67
+ 6: string;
68
+ 7: string;
69
+ 8: string;
70
+ 9: string;
71
+ 10: string;
72
+ none: string;
73
+ tight: string;
74
+ snug: string;
75
+ normal: string;
76
+ relaxed: string;
77
+ loose: string;
78
+ };
79
+ margin: {
80
+ 0: string;
81
+ 1: string;
82
+ 2: string;
83
+ 3: string;
84
+ 4: string;
85
+ 5: string;
86
+ 6: string;
87
+ 7: string;
88
+ 8: string;
89
+ 9: string;
90
+ 10: string;
91
+ 11: string;
92
+ 12: string;
93
+ 16: string;
94
+ 20: string;
95
+ 24: string;
96
+ 32: string;
97
+ 40: string;
98
+ 48: string;
99
+ 56: string;
100
+ 64: string;
101
+ auto: string;
102
+ px: string;
103
+ '-1': string;
104
+ '-2': string;
105
+ '-3': string;
106
+ '-4': string;
107
+ '-5': string;
108
+ '-6': string;
109
+ '-7': string;
110
+ '-8': string;
111
+ '-9': string;
112
+ '-10': string;
113
+ '-11': string;
114
+ '-12': string;
115
+ '-16': string;
116
+ '-20': string;
117
+ '-24': string;
118
+ '-32': string;
119
+ '-40': string;
120
+ '-48': string;
121
+ '-56': string;
122
+ '-64': string;
123
+ };
124
+ maxHeight: {
125
+ full: string;
126
+ screen: string;
127
+ };
128
+ maxWidth: {
129
+ none: string;
130
+ xs: string;
131
+ sm: string;
132
+ md: string;
133
+ lg: string;
134
+ xl: string;
135
+ '2Xl': string;
136
+ '3Xl': string;
137
+ '4Xl': string;
138
+ '5Xl': string;
139
+ '6Xl': string;
140
+ full: string;
141
+ screenSm: string;
142
+ screenMd: string;
143
+ screenLg: string;
144
+ screenXl: string;
145
+ };
146
+ minHeight: {
147
+ 0: string;
148
+ full: string;
149
+ screen: string;
150
+ };
151
+ minWidth: {
152
+ 0: string;
153
+ full: string;
154
+ };
155
+ outlineOffset: {
156
+ 0: string;
157
+ 1: string;
158
+ 2: string;
159
+ '-2': string;
160
+ '-1': string;
161
+ };
162
+ outlineWidth: {
163
+ 1: string;
164
+ 2: string;
165
+ };
166
+ outlineStyle: {
167
+ none: string;
168
+ solid: string;
169
+ dashed: string;
170
+ dotted: string;
171
+ double: string;
172
+ hidden: string;
173
+ };
174
+ padding: {
175
+ 0: string;
176
+ 1: string;
177
+ 2: string;
178
+ 3: string;
179
+ 4: string;
180
+ 5: string;
181
+ 6: string;
182
+ 7: string;
183
+ 8: string;
184
+ 9: string;
185
+ 10: string;
186
+ 11: string;
187
+ 12: string;
188
+ 16: string;
189
+ 20: string;
190
+ 24: string;
191
+ 32: string;
192
+ 40: string;
193
+ 48: string;
194
+ 56: string;
195
+ 64: string;
196
+ px: string;
197
+ };
198
+ stroke: {
199
+ current: string;
200
+ };
201
+ gap: {
202
+ 0: string;
203
+ 1: string;
204
+ 2: string;
205
+ 3: string;
206
+ 4: string;
207
+ 5: string;
208
+ 6: string;
209
+ 7: string;
210
+ 8: string;
211
+ 9: string;
212
+ 10: string;
213
+ 11: string;
214
+ 12: string;
215
+ 16: string;
216
+ 20: string;
217
+ 24: string;
218
+ 32: string;
219
+ 40: string;
220
+ 48: string;
221
+ 56: string;
222
+ 64: string;
223
+ px: string;
224
+ };
225
+ translate: {
226
+ 0: string;
227
+ 1: string;
228
+ 2: string;
229
+ 3: string;
230
+ 4: string;
231
+ 5: string;
232
+ 6: string;
233
+ 7: string;
234
+ 8: string;
235
+ 9: string;
236
+ 10: string;
237
+ 11: string;
238
+ 12: string;
239
+ 16: string;
240
+ 20: string;
241
+ 24: string;
242
+ 32: string;
243
+ 40: string;
244
+ 48: string;
245
+ 56: string;
246
+ 64: string;
247
+ px: string;
248
+ '-1': string;
249
+ '-2': string;
250
+ '-3': string;
251
+ '-4': string;
252
+ '-5': string;
253
+ '-6': string;
254
+ '-7': string;
255
+ '-8': string;
256
+ '-9': string;
257
+ '-10': string;
258
+ '-11': string;
259
+ '-12': string;
260
+ '-16': string;
261
+ '-20': string;
262
+ '-24': string;
263
+ '-32': string;
264
+ '-40': string;
265
+ '-48': string;
266
+ '-56': string;
267
+ '-64': string;
268
+ full: string;
269
+ };
270
+ transitionTimingFunction: {
271
+ linear: string;
272
+ in: string;
273
+ out: string;
274
+ inOut: string;
275
+ };
276
+ borderColor: {
277
+ transparent: string;
278
+ current: string;
279
+ };
280
+ borderOpacity: {
281
+ 0: string;
282
+ 5: string;
283
+ 10: string;
284
+ 15: string;
285
+ 20: string;
286
+ 25: string;
287
+ 30: string;
288
+ 40: string;
289
+ 50: string;
290
+ 60: string;
291
+ 70: string;
292
+ 75: string;
293
+ 80: string;
294
+ 90: string;
295
+ 100: string;
296
+ };
297
+ placeholderColor: {
298
+ transparent: string;
299
+ current: string;
300
+ };
301
+ placeholderOpacity: {
302
+ 0: string;
303
+ 5: string;
304
+ 10: string;
305
+ 15: string;
306
+ 20: string;
307
+ 25: string;
308
+ 30: string;
309
+ 40: string;
310
+ 50: string;
311
+ 60: string;
312
+ 70: string;
313
+ 75: string;
314
+ 80: string;
315
+ 90: string;
316
+ 100: string;
317
+ };
318
+ screens: {
319
+ sm: string;
320
+ md: string;
321
+ lg: string;
322
+ xl: string;
323
+ };
324
+ textColor: {
325
+ transparent: string;
326
+ current: string;
327
+ };
328
+ fontSize: {
329
+ 10: string;
330
+ 11: string;
331
+ 12: string;
332
+ 13: string;
333
+ 14: string;
334
+ 16: string;
335
+ 20: string;
336
+ 24: string;
337
+ 32: string;
338
+ 40: string;
339
+ 56: string;
340
+ 72: string;
341
+ };
342
+ };
343
+ export default _default;
@@ -0,0 +1,309 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ exports.__esModule = true;
14
+ // THIS FILES IS GENERATED USING SCRIPT, DO NOT EDIT DIRECTLY
15
+ var theme = {
16
+ borderRadius: {
17
+ 0: '0',
18
+ 1: '1px',
19
+ 2: '2px',
20
+ 4: '4px',
21
+ 6: '6px',
22
+ 8: '8px',
23
+ 12: '12px',
24
+ 16: '16px',
25
+ none: '0',
26
+ sm: '0.125rem',
27
+ md: '0.375rem',
28
+ lg: '0.5rem',
29
+ "default": '1px',
30
+ full: '100%'
31
+ },
32
+ borderWidth: { 0: '0', 1: '1px', 2: '2px', 4: '4px', 6: '6px', 8: '8px', 12: '12px', 16: '16px', "default": '1px' },
33
+ fontFamily: {
34
+ sans: 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
35
+ serif: 'Georgia, Cambria, "Times New Roman", Times, serif',
36
+ mono: 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
37
+ },
38
+ fontWeight: {
39
+ 300: '300',
40
+ 400: '400',
41
+ 500: '500',
42
+ 600: '600',
43
+ 700: '700',
44
+ hairline: '100',
45
+ thin: '200',
46
+ light: '300',
47
+ normal: '400',
48
+ regular: '400',
49
+ medium: '500',
50
+ semibold: '600',
51
+ bold: '700',
52
+ extrabold: '800',
53
+ black: '900'
54
+ },
55
+ inset: { 0: '0', auto: 'auto' },
56
+ letterSpacing: {
57
+ tighter: '-0.05em',
58
+ tight: '-0.025em',
59
+ normal: '0',
60
+ wide: '0.025em',
61
+ wider: '0.05em',
62
+ widest: '0.1em'
63
+ },
64
+ lineHeight: {
65
+ 3: '.75rem',
66
+ 4: '1rem',
67
+ 5: '1.25rem',
68
+ 6: '1.5rem',
69
+ 7: '1.75rem',
70
+ 8: '2rem',
71
+ 9: '2.25rem',
72
+ 10: '2.5rem',
73
+ none: '1',
74
+ tight: '1.25',
75
+ snug: '1.375',
76
+ normal: '1.5',
77
+ relaxed: '1.625',
78
+ loose: '2'
79
+ },
80
+ margin: {
81
+ 0: '0',
82
+ 1: '0.4rem',
83
+ 2: '0.8rem',
84
+ 3: '1.2rem',
85
+ 4: '1.6rem',
86
+ 5: '2rem',
87
+ 6: '2.4rem',
88
+ 7: '2.8rem',
89
+ 8: '3.2rem',
90
+ 9: '3.6rem',
91
+ 10: '4rem',
92
+ 11: '4.4rem',
93
+ 12: '4.8rem',
94
+ 16: '6.4rem',
95
+ 20: '8rem',
96
+ 24: '9.6rem',
97
+ 32: '12.8rem',
98
+ 40: '16rem',
99
+ 48: '19.2rem',
100
+ 56: '22.4rem',
101
+ 64: '25.6rem',
102
+ auto: 'auto',
103
+ px: '-1px',
104
+ '-1': '-0.4rem',
105
+ '-2': '-0.8rem',
106
+ '-3': '-1.2rem',
107
+ '-4': '-1.6rem',
108
+ '-5': '-2rem',
109
+ '-6': '-2.4rem',
110
+ '-7': '-2.8rem',
111
+ '-8': '-3.2rem',
112
+ '-9': '-3.6rem',
113
+ '-10': '-4rem',
114
+ '-11': '-4.4rem',
115
+ '-12': '-4.8rem',
116
+ '-16': '-6.4rem',
117
+ '-20': '-8rem',
118
+ '-24': '-9.6rem',
119
+ '-32': '-12.8rem',
120
+ '-40': '-16rem',
121
+ '-48': '-19.2rem',
122
+ '-56': '-22.4rem',
123
+ '-64': '-25.6rem'
124
+ },
125
+ maxHeight: { full: '100%', screen: '100vh' },
126
+ maxWidth: {
127
+ none: 'none',
128
+ xs: '20rem',
129
+ sm: '24rem',
130
+ md: '28rem',
131
+ lg: '32rem',
132
+ xl: '36rem',
133
+ '2Xl': '42rem',
134
+ '3Xl': '48rem',
135
+ '4Xl': '56rem',
136
+ '5Xl': '64rem',
137
+ '6Xl': '72rem',
138
+ full: '100%',
139
+ screenSm: '640px',
140
+ screenMd: '768px',
141
+ screenLg: '1024px',
142
+ screenXl: '1280px'
143
+ },
144
+ minHeight: { 0: '0', full: '100%', screen: '100vh' },
145
+ minWidth: { 0: '0', full: '100%' },
146
+ outlineOffset: { 0: '0px', 1: '1px', 2: '2px', '-2': '-2px', '-1': '-1px' },
147
+ outlineWidth: { 1: '1px', 2: '2px' },
148
+ outlineStyle: {
149
+ none: 'none',
150
+ solid: 'solid',
151
+ dashed: 'dashed',
152
+ dotted: 'dotted',
153
+ double: 'double',
154
+ hidden: 'hidden'
155
+ },
156
+ padding: {
157
+ 0: '0',
158
+ 1: '0.4rem',
159
+ 2: '0.8rem',
160
+ 3: '1.2rem',
161
+ 4: '1.6rem',
162
+ 5: '2rem',
163
+ 6: '2.4rem',
164
+ 7: '2.8rem',
165
+ 8: '3.2rem',
166
+ 9: '3.6rem',
167
+ 10: '4rem',
168
+ 11: '4.4rem',
169
+ 12: '4.8rem',
170
+ 16: '6.4rem',
171
+ 20: '8rem',
172
+ 24: '9.6rem',
173
+ 32: '12.8rem',
174
+ 40: '16rem',
175
+ 48: '19.2rem',
176
+ 56: '22.4rem',
177
+ 64: '25.6rem',
178
+ px: '1px'
179
+ },
180
+ stroke: { current: 'currentColor' },
181
+ gap: {
182
+ 0: '0',
183
+ 1: '0.4rem',
184
+ 2: '0.8rem',
185
+ 3: '1.2rem',
186
+ 4: '1.6rem',
187
+ 5: '2rem',
188
+ 6: '2.4rem',
189
+ 7: '2.8rem',
190
+ 8: '3.2rem',
191
+ 9: '3.6rem',
192
+ 10: '4rem',
193
+ 11: '4.4rem',
194
+ 12: '4.8rem',
195
+ 16: '6.4rem',
196
+ 20: '8rem',
197
+ 24: '9.6rem',
198
+ 32: '12.8rem',
199
+ 40: '16rem',
200
+ 48: '19.2rem',
201
+ 56: '22.4rem',
202
+ 64: '25.6rem',
203
+ px: '1px'
204
+ },
205
+ translate: {
206
+ 0: '0',
207
+ 1: '0.4rem',
208
+ 2: '0.8rem',
209
+ 3: '1.2rem',
210
+ 4: '1.6rem',
211
+ 5: '2rem',
212
+ 6: '2.4rem',
213
+ 7: '2.8rem',
214
+ 8: '3.2rem',
215
+ 9: '3.6rem',
216
+ 10: '4rem',
217
+ 11: '4.4rem',
218
+ 12: '50%',
219
+ 16: '6.4rem',
220
+ 20: '8rem',
221
+ 24: '9.6rem',
222
+ 32: '12.8rem',
223
+ 40: '16rem',
224
+ 48: '19.2rem',
225
+ 56: '22.4rem',
226
+ 64: '25.6rem',
227
+ px: '-1px',
228
+ '-1': '-0.4rem',
229
+ '-2': '-0.8rem',
230
+ '-3': '-1.2rem',
231
+ '-4': '-1.6rem',
232
+ '-5': '-2rem',
233
+ '-6': '-2.4rem',
234
+ '-7': '-2.8rem',
235
+ '-8': '-3.2rem',
236
+ '-9': '-3.6rem',
237
+ '-10': '-4rem',
238
+ '-11': '-4.4rem',
239
+ '-12': '-4.8rem',
240
+ '-16': '-6.4rem',
241
+ '-20': '-8rem',
242
+ '-24': '-9.6rem',
243
+ '-32': '-12.8rem',
244
+ '-40': '-16rem',
245
+ '-48': '-19.2rem',
246
+ '-56': '-22.4rem',
247
+ '-64': '-25.6rem',
248
+ full: '100%'
249
+ },
250
+ transitionTimingFunction: {
251
+ linear: 'linear',
252
+ "in": 'cubic-bezier(0.4, 0, 1, 1)',
253
+ out: 'cubic-bezier(0, 0, 0.2, 1)',
254
+ inOut: 'cubic-bezier(0.4, 0, 0.2, 1)'
255
+ },
256
+ borderColor: { transparent: 'transparent', current: 'currentColor' },
257
+ borderOpacity: {
258
+ 0: '0',
259
+ 5: '0.05',
260
+ 10: '0.1',
261
+ 15: '0.15',
262
+ 20: '0.2',
263
+ 25: '0.25',
264
+ 30: '0.3',
265
+ 40: '0.4',
266
+ 50: '0.5',
267
+ 60: '0.6',
268
+ 70: '0.7',
269
+ 75: '0.75',
270
+ 80: '0.8',
271
+ 90: '0.9',
272
+ 100: '1'
273
+ },
274
+ placeholderColor: { transparent: 'transparent', current: 'currentColor' },
275
+ placeholderOpacity: {
276
+ 0: '0',
277
+ 5: '0.05',
278
+ 10: '0.1',
279
+ 15: '0.15',
280
+ 20: '0.2',
281
+ 25: '0.25',
282
+ 30: '0.3',
283
+ 40: '0.4',
284
+ 50: '0.5',
285
+ 60: '0.6',
286
+ 70: '0.7',
287
+ 75: '0.75',
288
+ 80: '0.8',
289
+ 90: '0.9',
290
+ 100: '1'
291
+ },
292
+ screens: { sm: '640px', md: '768px', lg: '1024px', xl: '1280px' },
293
+ textColor: { transparent: 'transparent', current: 'currentColor' },
294
+ fontSize: {
295
+ 10: '1rem',
296
+ 11: '1.1rem',
297
+ 12: '1.2rem',
298
+ 13: '1.3rem',
299
+ 14: '1.4rem',
300
+ 16: '1.6rem',
301
+ 20: '2rem',
302
+ 24: '2.4rem',
303
+ 32: '3.2rem',
304
+ 40: '4rem',
305
+ 56: '5.6rem',
306
+ 72: '7.2rem'
307
+ }
308
+ };
309
+ exports["default"] = __assign({}, theme);