@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,780 @@
1
+ declare const _default: {
2
+ name: string;
3
+ htmlFontSize: string;
4
+ density: string;
5
+ typography: {
6
+ h1: {
7
+ fontSize: string;
8
+ lineHeight: string;
9
+ fontWeight: number;
10
+ };
11
+ h2: {
12
+ fontSize: string;
13
+ lineHeight: string;
14
+ fontWeight: number;
15
+ };
16
+ h3: {
17
+ fontSize: string;
18
+ lineHeight: string;
19
+ fontWeight: number;
20
+ };
21
+ h4: {
22
+ fontSize: string;
23
+ lineHeight: string;
24
+ fontWeight: number;
25
+ };
26
+ h5: {
27
+ fontSize: string;
28
+ lineHeight: string;
29
+ fontWeight: number;
30
+ };
31
+ h6: {
32
+ fontSize: string;
33
+ lineHeight: string;
34
+ fontWeight: number;
35
+ };
36
+ h7: {
37
+ fontSize: string;
38
+ lineHeight: string;
39
+ fontWeight: number;
40
+ };
41
+ b1: {
42
+ fontSize: string;
43
+ lineHeight: string;
44
+ fontWeight: number;
45
+ };
46
+ b2: {
47
+ fontSize: string;
48
+ lineHeight: string;
49
+ fontWeight: number;
50
+ };
51
+ bl1: {
52
+ fontSize: string;
53
+ lineHeight: string;
54
+ fontWeight: number;
55
+ };
56
+ bl2: {
57
+ fontSize: string;
58
+ lineHeight: string;
59
+ fontWeight: number;
60
+ };
61
+ bl3: {
62
+ fontSize: string;
63
+ lineHeight: string;
64
+ fontWeight: number;
65
+ };
66
+ bs1: {
67
+ fontSize: string;
68
+ lineHeight: string;
69
+ fontWeight: number;
70
+ };
71
+ bs2: {
72
+ fontSize: string;
73
+ lineHeight: string;
74
+ fontWeight: number;
75
+ };
76
+ bs3: {
77
+ fontSize: string;
78
+ lineHeight: string;
79
+ fontWeight: number;
80
+ };
81
+ l1: {
82
+ fontSize: string;
83
+ lineHeight: string;
84
+ fontWeight: number;
85
+ };
86
+ l2: {
87
+ fontSize: string;
88
+ lineHeight: string;
89
+ fontWeight: number;
90
+ };
91
+ l3: {
92
+ fontSize: string;
93
+ lineHeight: string;
94
+ fontWeight: number;
95
+ };
96
+ l4: {
97
+ fontSize: string;
98
+ lineHeight: string;
99
+ fontWeight: number;
100
+ };
101
+ };
102
+ popover: {
103
+ borderRadius: string;
104
+ };
105
+ button: {
106
+ borderRadius: string;
107
+ variantSecondary: {
108
+ color: string;
109
+ hoverBackgroundColor: string;
110
+ activeBackgroundColor: string;
111
+ };
112
+ sizeXs: {
113
+ minWidth: string;
114
+ paddingY: string;
115
+ paddingX: string;
116
+ fontStyles: {
117
+ fontSize: string;
118
+ lineHeight: string;
119
+ fontWeight: number;
120
+ };
121
+ };
122
+ sizeSm: {
123
+ minWidth: string;
124
+ paddingY: string;
125
+ paddingX: string;
126
+ fontStyles: {
127
+ fontSize: string;
128
+ lineHeight: string;
129
+ fontWeight: number;
130
+ };
131
+ };
132
+ sizeMd: {
133
+ minWidth: string;
134
+ paddingY: string;
135
+ paddingX: string;
136
+ fontStyles: {
137
+ fontSize: string;
138
+ lineHeight: string;
139
+ fontWeight: number;
140
+ };
141
+ };
142
+ sizeLg: {
143
+ minWidth: string;
144
+ paddingY: string;
145
+ paddingX: string;
146
+ fontStyles: {
147
+ fontSize: string;
148
+ lineHeight: string;
149
+ fontWeight: number;
150
+ };
151
+ };
152
+ sizeXl: {
153
+ minWidth: string;
154
+ paddingY: string;
155
+ paddingX: string;
156
+ fontStyles: {
157
+ fontSize: string;
158
+ lineHeight: string;
159
+ fontWeight: number;
160
+ };
161
+ };
162
+ };
163
+ iconButton: {
164
+ minWidth: string;
165
+ sizeXxxs: {
166
+ buttonSize: number;
167
+ iconSize: number;
168
+ };
169
+ sizeXxs: {
170
+ buttonSize: number;
171
+ iconSize: number;
172
+ };
173
+ sizeXs: {
174
+ buttonSize: number;
175
+ iconSize: number;
176
+ };
177
+ sizeSm: {
178
+ buttonSize: number;
179
+ iconSize: number;
180
+ };
181
+ sizeMd: {
182
+ buttonSize: number;
183
+ iconSize: number;
184
+ };
185
+ sizeLg: {
186
+ buttonSize: number;
187
+ iconSize: number;
188
+ };
189
+ sizeXl: {
190
+ buttonSize: number;
191
+ iconSize: number;
192
+ };
193
+ shapeRound: {
194
+ color: string;
195
+ hoverColor: string;
196
+ activeColor: string;
197
+ disabledColor: string;
198
+ backgroundColor: string;
199
+ hoverBackgroundColor: string;
200
+ activeBackgroundColor: string;
201
+ disabledBackgroundColor: string;
202
+ };
203
+ shapeRoundBordered: {
204
+ backgroundColor: string;
205
+ borderColor: string;
206
+ };
207
+ shapeSquare: {
208
+ borderRadius: string;
209
+ color: string;
210
+ hoverColor: string;
211
+ activeColor: string;
212
+ disabledColor: string;
213
+ backgroundColor: string;
214
+ hoverBackgroundColor: string;
215
+ activeBackgroundColor: string;
216
+ disabledBackgroundColor: string;
217
+ };
218
+ shapeSquareBordered: {
219
+ backgroundColor: string;
220
+ borderColor: string;
221
+ };
222
+ };
223
+ input: {
224
+ borderRadius: string;
225
+ disabledBorderColor: string;
226
+ sizeSm: {
227
+ paddingX: string;
228
+ paddingY: string;
229
+ fontSize: string;
230
+ lineHeight: string;
231
+ };
232
+ sizeMd: {
233
+ paddingX: string;
234
+ paddingY: string;
235
+ fontSize: string;
236
+ lineHeight: string;
237
+ };
238
+ sizeLg: {
239
+ paddingX: string;
240
+ paddingY: string;
241
+ fontSize: string;
242
+ lineHeight: string;
243
+ };
244
+ };
245
+ multiSelect: {
246
+ sizeSm: {
247
+ tagHeight: string;
248
+ paddingY: string;
249
+ tagMarginX: string;
250
+ tagMarginY: string;
251
+ };
252
+ sizeMd: {
253
+ tagHeight: string;
254
+ paddingY: string;
255
+ tagMarginX: string;
256
+ tagMarginY: string;
257
+ };
258
+ sizeLg: {
259
+ tagHeight: string;
260
+ paddingY: string;
261
+ tagMarginX: string;
262
+ tagMarginY: string;
263
+ };
264
+ };
265
+ link: {
266
+ fontSize: string;
267
+ lineHeight: string;
268
+ };
269
+ list: {
270
+ selectedEnhancerBackground: string;
271
+ hoverBackgroundColor: string;
272
+ };
273
+ tab: {
274
+ variantDefault: {
275
+ fontStyles: {
276
+ fontSize: string;
277
+ lineHeight: string;
278
+ fontWeight: number;
279
+ };
280
+ selectedStyles: {
281
+ borderColor: string;
282
+ };
283
+ positionTopStyles: {
284
+ marginLeft: string;
285
+ marginRight: string;
286
+ borderBottomWidth: string;
287
+ };
288
+ positionLeftStyles: {
289
+ marginTop: string;
290
+ marginBottom: string;
291
+ borderLeftWidth: string;
292
+ };
293
+ positionRightStyles: {
294
+ marginTop: string;
295
+ marginBottom: string;
296
+ borderRightWidth: string;
297
+ };
298
+ };
299
+ };
300
+ tag: {
301
+ borderRadius: string;
302
+ actionButtonBorderRadius: string;
303
+ avatarMarginLeft: string;
304
+ sizeSm: {
305
+ height: string;
306
+ };
307
+ sizeLg: {
308
+ height: string;
309
+ };
310
+ };
311
+ app: {
312
+ header: string;
313
+ headerTab: string;
314
+ headerTabHover: string;
315
+ headerTabActive: string;
316
+ headerText: string;
317
+ headerTextHover: string;
318
+ };
319
+ cht: {
320
+ bg: string;
321
+ border: string;
322
+ bubbleLeft: string;
323
+ bubbleRight: string;
324
+ bubbleSupportingText: string;
325
+ bubbleTextLeft: string;
326
+ bubbleTextRight: string;
327
+ bubbleBorder: string;
328
+ bubbleIcon1: string;
329
+ bubbleIcon2: string;
330
+ bubbleIcon3: string;
331
+ bubbleInsert: string;
332
+ bubbleLink: string;
333
+ bubbleText: string;
334
+ reply: string;
335
+ footer: string;
336
+ hover: string;
337
+ read: string;
338
+ unread: string;
339
+ };
340
+ spr: {
341
+ ui01: string;
342
+ ui02: string;
343
+ ui03: string;
344
+ ui04: string;
345
+ ui05: string;
346
+ ui06: string;
347
+ uiFocus: string;
348
+ uiFocusReverse: string;
349
+ uiHover: string;
350
+ uiHoverReverse: string;
351
+ supportError: string;
352
+ supportErrorHighlight: string;
353
+ supportSuccess: string;
354
+ supportSuccessHighlight: string;
355
+ supportWarning: string;
356
+ supportWarningHighlight: string;
357
+ clrBlueHighlight: string;
358
+ tag: string;
359
+ tag01: string;
360
+ tag02: string;
361
+ field: string;
362
+ popup: string;
363
+ overlay: string;
364
+ tooltip01: string;
365
+ highlight: string;
366
+ favourite: string;
367
+ notification: string;
368
+ interactive01: string;
369
+ interactiveHover: string;
370
+ interactiveDisable: string;
371
+ interactive02: string;
372
+ clrBlue: string;
373
+ clrGreen: string;
374
+ clrLavender: string;
375
+ clrOrange: string;
376
+ clrPink: string;
377
+ clrRed: string;
378
+ clrSea: string;
379
+ clrTeal: string;
380
+ clrYellow: string;
381
+ clrGrey: string;
382
+ clrPurple: string;
383
+ clrLtYellow: string;
384
+ clrDarkerBlue: string;
385
+ secondaryYellow: string;
386
+ secondaryGreen: string;
387
+ secondaryTeal: string;
388
+ secondaryLtPink: string;
389
+ secondaryPink: string;
390
+ secondaryMaroon: string;
391
+ secondaryOrange: string;
392
+ hover: string;
393
+ focus01: string;
394
+ border01: string;
395
+ border02: string;
396
+ border03: string;
397
+ border04: string;
398
+ border05: string;
399
+ border06: string;
400
+ cardBorder: string;
401
+ popupBorder: string;
402
+ tooltipBorder: string;
403
+ interactiveFocus: string;
404
+ shadow01: string;
405
+ shadow02: string;
406
+ shadow03: string;
407
+ shadow04: string;
408
+ shadow05: string;
409
+ shadow06: string;
410
+ icon01: string;
411
+ icon02: string;
412
+ icon03: string;
413
+ icon04: string;
414
+ icon05: string;
415
+ icon06: string;
416
+ iconError: string;
417
+ iconHover: string;
418
+ iconDisable: string;
419
+ iconHoverReverse: string;
420
+ link: string;
421
+ text01: string;
422
+ text02: string;
423
+ text03: string;
424
+ text04: string;
425
+ text05: string;
426
+ text06: string;
427
+ textPlaceholder: string;
428
+ supportErrorText: string;
429
+ supportSuccessText: string;
430
+ supportWarningText: string;
431
+ };
432
+ nav: {
433
+ ui01: string;
434
+ uiHover01: string;
435
+ icon01: string;
436
+ iconFocus01: string;
437
+ text01: string;
438
+ };
439
+ borderRadius: {
440
+ 0: string;
441
+ 1: string;
442
+ 2: string;
443
+ 4: string;
444
+ 6: string;
445
+ 8: string;
446
+ 12: string;
447
+ 16: string;
448
+ none: string;
449
+ sm: string;
450
+ md: string;
451
+ lg: string;
452
+ default: string;
453
+ full: string;
454
+ };
455
+ borderWidth: {
456
+ 0: string;
457
+ 1: string;
458
+ 2: string;
459
+ 4: string;
460
+ 6: string;
461
+ 8: string;
462
+ 12: string;
463
+ 16: string;
464
+ default: string;
465
+ };
466
+ fontFamily: {
467
+ sans: string;
468
+ serif: string;
469
+ mono: string;
470
+ };
471
+ fontWeight: {
472
+ 300: string;
473
+ 400: string;
474
+ 500: string;
475
+ 600: string;
476
+ 700: string;
477
+ hairline: string;
478
+ thin: string;
479
+ light: string;
480
+ normal: string;
481
+ regular: string;
482
+ medium: string;
483
+ semibold: string;
484
+ bold: string;
485
+ extrabold: string;
486
+ black: string;
487
+ };
488
+ inset: {
489
+ 0: string;
490
+ auto: string;
491
+ };
492
+ letterSpacing: {
493
+ tighter: string;
494
+ tight: string;
495
+ normal: string;
496
+ wide: string;
497
+ wider: string;
498
+ widest: string;
499
+ };
500
+ lineHeight: {
501
+ 3: string;
502
+ 4: string;
503
+ 5: string;
504
+ 6: string;
505
+ 7: string;
506
+ 8: string;
507
+ 9: string;
508
+ 10: string;
509
+ none: string;
510
+ tight: string;
511
+ snug: string;
512
+ normal: string;
513
+ relaxed: string;
514
+ loose: string;
515
+ };
516
+ margin: {
517
+ 0: string;
518
+ 1: string;
519
+ 2: string;
520
+ 3: string;
521
+ 4: string;
522
+ 5: string;
523
+ 6: string;
524
+ 7: string;
525
+ 8: string;
526
+ 9: string;
527
+ 10: string;
528
+ 11: string;
529
+ 12: string;
530
+ 16: string;
531
+ 20: string;
532
+ 24: string;
533
+ 32: string;
534
+ 40: string;
535
+ 48: string;
536
+ 56: string;
537
+ 64: string;
538
+ auto: string;
539
+ px: string;
540
+ '-1': string;
541
+ '-2': string;
542
+ '-3': string;
543
+ '-4': string;
544
+ '-5': string;
545
+ '-6': string;
546
+ '-7': string;
547
+ '-8': string;
548
+ '-9': string;
549
+ '-10': string;
550
+ '-11': string;
551
+ '-12': string;
552
+ '-16': string;
553
+ '-20': string;
554
+ '-24': string;
555
+ '-32': string;
556
+ '-40': string;
557
+ '-48': string;
558
+ '-56': string;
559
+ '-64': string;
560
+ };
561
+ maxHeight: {
562
+ full: string;
563
+ screen: string;
564
+ };
565
+ maxWidth: {
566
+ none: string;
567
+ xs: string;
568
+ sm: string;
569
+ md: string;
570
+ lg: string;
571
+ xl: string;
572
+ '2Xl': string;
573
+ '3Xl': string;
574
+ '4Xl': string;
575
+ '5Xl': string;
576
+ '6Xl': string;
577
+ full: string;
578
+ screenSm: string;
579
+ screenMd: string;
580
+ screenLg: string;
581
+ screenXl: string;
582
+ };
583
+ minHeight: {
584
+ 0: string;
585
+ full: string;
586
+ screen: string;
587
+ };
588
+ minWidth: {
589
+ 0: string;
590
+ full: string;
591
+ };
592
+ outlineOffset: {
593
+ 0: string;
594
+ 1: string;
595
+ 2: string;
596
+ '-2': string;
597
+ '-1': string;
598
+ };
599
+ outlineWidth: {
600
+ 1: string;
601
+ 2: string;
602
+ };
603
+ outlineStyle: {
604
+ none: string;
605
+ solid: string;
606
+ dashed: string;
607
+ dotted: string;
608
+ double: string;
609
+ hidden: string;
610
+ };
611
+ padding: {
612
+ 0: string;
613
+ 1: string;
614
+ 2: string;
615
+ 3: string;
616
+ 4: string;
617
+ 5: string;
618
+ 6: string;
619
+ 7: string;
620
+ 8: string;
621
+ 9: string;
622
+ 10: string;
623
+ 11: string;
624
+ 12: string;
625
+ 16: string;
626
+ 20: string;
627
+ 24: string;
628
+ 32: string;
629
+ 40: string;
630
+ 48: string;
631
+ 56: string;
632
+ 64: string;
633
+ px: string;
634
+ };
635
+ stroke: {
636
+ current: string;
637
+ };
638
+ gap: {
639
+ 0: string;
640
+ 1: string;
641
+ 2: string;
642
+ 3: string;
643
+ 4: string;
644
+ 5: string;
645
+ 6: string;
646
+ 7: string;
647
+ 8: string;
648
+ 9: string;
649
+ 10: string;
650
+ 11: string;
651
+ 12: string;
652
+ 16: string;
653
+ 20: string;
654
+ 24: string;
655
+ 32: string;
656
+ 40: string;
657
+ 48: string;
658
+ 56: string;
659
+ 64: string;
660
+ px: string;
661
+ };
662
+ translate: {
663
+ 0: string;
664
+ 1: string;
665
+ 2: string;
666
+ 3: string;
667
+ 4: string;
668
+ 5: string;
669
+ 6: string;
670
+ 7: string;
671
+ 8: string;
672
+ 9: string;
673
+ 10: string;
674
+ 11: string;
675
+ 12: string;
676
+ 16: string;
677
+ 20: string;
678
+ 24: string;
679
+ 32: string;
680
+ 40: string;
681
+ 48: string;
682
+ 56: string;
683
+ 64: string;
684
+ px: string;
685
+ '-1': string;
686
+ '-2': string;
687
+ '-3': string;
688
+ '-4': string;
689
+ '-5': string;
690
+ '-6': string;
691
+ '-7': string;
692
+ '-8': string;
693
+ '-9': string;
694
+ '-10': string;
695
+ '-11': string;
696
+ '-12': string;
697
+ '-16': string;
698
+ '-20': string;
699
+ '-24': string;
700
+ '-32': string;
701
+ '-40': string;
702
+ '-48': string;
703
+ '-56': string;
704
+ '-64': string;
705
+ full: string;
706
+ };
707
+ transitionTimingFunction: {
708
+ linear: string;
709
+ in: string;
710
+ out: string;
711
+ inOut: string;
712
+ };
713
+ borderColor: {
714
+ transparent: string;
715
+ current: string;
716
+ };
717
+ borderOpacity: {
718
+ 0: string;
719
+ 5: string;
720
+ 10: string;
721
+ 15: string;
722
+ 20: string;
723
+ 25: string;
724
+ 30: string;
725
+ 40: string;
726
+ 50: string;
727
+ 60: string;
728
+ 70: string;
729
+ 75: string;
730
+ 80: string;
731
+ 90: string;
732
+ 100: string;
733
+ };
734
+ placeholderColor: {
735
+ transparent: string;
736
+ current: string;
737
+ };
738
+ placeholderOpacity: {
739
+ 0: string;
740
+ 5: string;
741
+ 10: string;
742
+ 15: string;
743
+ 20: string;
744
+ 25: string;
745
+ 30: string;
746
+ 40: string;
747
+ 50: string;
748
+ 60: string;
749
+ 70: string;
750
+ 75: string;
751
+ 80: string;
752
+ 90: string;
753
+ 100: string;
754
+ };
755
+ screens: {
756
+ sm: string;
757
+ md: string;
758
+ lg: string;
759
+ xl: string;
760
+ };
761
+ textColor: {
762
+ transparent: string;
763
+ current: string;
764
+ };
765
+ fontSize: {
766
+ 10: string;
767
+ 11: string;
768
+ 12: string;
769
+ 13: string;
770
+ 14: string;
771
+ 16: string;
772
+ 20: string;
773
+ 24: string;
774
+ 32: string;
775
+ 40: string;
776
+ 56: string;
777
+ 72: string;
778
+ };
779
+ };
780
+ export default _default;