@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
package/space/dark/utilities.js ADDED
@@ -0,0 +1,134 @@
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 utilities_1 = require("../../common-theme/utilities");
16
+ var _a = utilities_1["default"].longhandUtils, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, margin = _a.margin, padding = _a.padding;
17
+ var utilities = {
18
+ 'typography-h1': { fontSize: '3.2rem', lineHeight: '4rem', fontWeight: '600' },
19
+ 'typography-h2': { fontSize: '2.4rem', lineHeight: '3.2rem', fontWeight: '600' },
20
+ 'typography-h3': { fontSize: '2rem', lineHeight: '2.8rem', fontWeight: '600' },
21
+ 'typography-h4': { fontSize: '1.8rem', lineHeight: '2.4rem', fontWeight: '600' },
22
+ 'typography-h5': { fontSize: '1.6rem', lineHeight: '2.2rem', fontWeight: '600' },
23
+ 'typography-h6': { fontSize: '1.4rem', lineHeight: '2rem', fontWeight: '600' },
24
+ 'typography-h7': { fontSize: '1.3rem', lineHeight: '2.2rem', fontWeight: '600' },
25
+ 'typography-b1': { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: '600' },
26
+ 'typography-b2': { fontSize: '1.2rem', lineHeight: '1.6rem', fontWeight: '600' },
27
+ 'typography-bl1': { fontSize: '1.4rem', lineHeight: '2.2rem', fontWeight: '400' },
28
+ 'typography-bl2': { fontSize: '1.3rem', lineHeight: '2rem', fontWeight: '400' },
29
+ 'typography-bl3': { fontSize: '1.2rem', lineHeight: '2rem', fontWeight: '400' },
30
+ 'typography-bs1': { fontSize: '1.4rem', lineHeight: '2rem', fontWeight: '400' },
31
+ 'typography-bs2': { fontSize: '1.3rem', lineHeight: '2rem', fontWeight: '400' },
32
+ 'typography-bs3': { fontSize: '1.2rem', lineHeight: '2rem', fontWeight: '400' },
33
+ 'typography-l1': { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: '400' },
34
+ 'typography-l2': { fontSize: '1.2rem', lineHeight: '1.6rem', fontWeight: '400' },
35
+ 'typography-l3': { fontSize: '1.1rem', lineHeight: '1.6rem', fontWeight: '400' },
36
+ 'typography-l4': { fontSize: '1rem', lineHeight: '1.4rem', fontWeight: '400' },
37
+ 'spr-ui-01': { backgroundColor: 'var(--spr-ui-01, #2C2C2F)' },
38
+ 'spr-ui-02': { backgroundColor: 'var(--spr-ui-02, #3A3A3E)' },
39
+ 'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #141416)' },
40
+ 'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #0AA2FF)' },
41
+ 'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #48484C)' },
42
+ 'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #212123)' },
43
+ 'spr-ui-focus': { backgroundColor: 'var(--spr-ui-focus, rgba(255, 255, 255, 0.12))' },
44
+ 'spr-ui-focus-reverse': { backgroundColor: 'var(--spr-ui-focus-reverse, rgba(255, 255, 255, 0.2))' },
45
+ 'spr-ui-hover': { backgroundColor: 'var(--spr-ui-hover, rgba(255, 255, 255, 0.07))' },
46
+ 'spr-ui-hover-reverse': { backgroundColor: 'var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1))' },
47
+ 'spr-support-error': { backgroundColor: 'var(--spr-support-error, #C6202B)' },
48
+ 'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(228, 64, 69, 0.15))' },
49
+ 'spr-support-success': { backgroundColor: 'var(--spr-support-success, #20963a)' },
50
+ 'spr-support-success-highlight': { backgroundColor: 'var(--spr-support-success-highlight, rgba(32, 150, 58, 0.15))' },
51
+ 'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #DEAC09)' },
52
+ 'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(222, 172, 9, 0.12))' },
53
+ 'spr-clr-blue-highlight': { backgroundColor: 'var(--spr-clr-blue-highlight, #2B3343)' },
54
+ 'spr-tag': { backgroundColor: 'var(--spr-tag, #48484C)' },
55
+ 'spr-tag-01': { backgroundColor: 'var(--spr-tag-01, #48484C)' },
56
+ 'spr-tag-02': { backgroundColor: 'var(--spr-tag-02, rgba(255, 255, 255, 0.1))' },
57
+ 'spr-field': { backgroundColor: 'var(--spr-field, #48484C)' },
58
+ 'spr-popup': { backgroundColor: 'var(--spr-popup, #2C2C2F)' },
59
+ 'spr-overlay': { backgroundColor: 'var(--spr-overlay, rgba(28, 28, 31, 0.8))' },
60
+ 'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, rgba(255, 255, 255, 0.9))' },
61
+ 'spr-highlight': { backgroundColor: 'var(--spr-highlight, rgba(184, 144, 0, 0.6))' },
62
+ 'spr-favourite': { backgroundColor: 'var(--spr-favourite, #FF9F21)' },
63
+ 'spr-notification': { backgroundColor: 'var(--spr-notification, #C6202B)' },
64
+ 'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #0AA2FF)' },
65
+ 'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #0A83D0)' },
66
+ 'spr-interactive-disable': { backgroundColor: 'var(--spr-interactive-disable, rgba(44, 44, 47, 0.6))' },
67
+ 'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #AEAEB2)' },
68
+ 'spr-clr-blue': { backgroundColor: 'var(--spr-clr-blue, #006CD7)' },
69
+ 'spr-clr-green': { backgroundColor: 'var(--spr-clr-green, #3fbf41)' },
70
+ 'spr-clr-lavender': { backgroundColor: 'var(--spr-clr-lavender, #9C60FF)' },
71
+ 'spr-clr-orange': { backgroundColor: 'var(--spr-clr-orange, #FF9F21)' },
72
+ 'spr-clr-pink': { backgroundColor: 'var(--spr-clr-pink, #FF668F)' },
73
+ 'spr-clr-red': { backgroundColor: 'var(--spr-clr-red, #ff6060)' },
74
+ 'spr-clr-sea': { backgroundColor: 'var(--spr-clr-sea, #00C8FF)' },
75
+ 'spr-clr-teal': { backgroundColor: 'var(--spr-clr-teal, #02D999)' },
76
+ 'spr-clr-yellow': { backgroundColor: 'var(--spr-clr-yellow, #EEC202)' },
77
+ 'spr-clr-grey': { backgroundColor: 'var(--spr-clr-grey, #646469)' },
78
+ 'spr-clr-purple': { backgroundColor: 'var(--spr-clr-purple, #763BD2)' },
79
+ 'spr-clr-lt-yellow': { backgroundColor: 'var(--spr-clr-lt-yellow, #846F35)' },
80
+ 'spr-clr-darker-blue': { backgroundColor: 'var(--spr-clr-darker-blue, #327AFD)' },
81
+ 'spr-secondary-yellow': { backgroundColor: 'var(--spr-secondary-yellow, #8D6F18)' },
82
+ 'spr-secondary-green': { backgroundColor: 'var(--spr-secondary-green, #5F732C)' },
83
+ 'spr-secondary-teal': { backgroundColor: 'var(--spr-secondary-teal, #168380)' },
84
+ 'spr-secondary-lt-pink': { backgroundColor: 'var(--spr-secondary-lt-pink, #956787)' },
85
+ 'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #B94055)' },
86
+ 'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #962F61)' },
87
+ 'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #A8623A)' },
88
+ 'spr-hover': { borderColor: 'var(--spr-hover, #0AA2FF)' },
89
+ 'spr-focus-01': { borderColor: 'var(--spr-focus-01, #0AA2FF)' },
90
+ 'spr-border-01': { borderColor: 'var(--spr-border-01, #3A3A3E)' },
91
+ 'spr-border-02': { borderColor: 'var(--spr-border-02, #48484C)' },
92
+ 'spr-border-03': { borderColor: 'var(--spr-border-03, #48484C)' },
93
+ 'spr-border-04': { borderColor: 'var(--spr-border-04, #646469)' },
94
+ 'spr-border-05': { borderColor: 'var(--spr-border-05, #2C2C2F)' },
95
+ 'spr-border-06': { borderColor: 'var(--spr-border-06, #F1F1F1)' },
96
+ 'spr-card-border': { borderColor: 'var(--spr-card-border, #3A3A3E)' },
97
+ 'spr-popup-border': { borderColor: 'var(--spr-popup-border, #1C1C1F)' },
98
+ 'spr-tooltip-border': { borderColor: 'var(--spr-tooltip-border, rgba(174, 174, 178, 0.2))' },
99
+ 'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #0A65A1)' },
100
+ 'spr-shadow-01': { boxShadow: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.3))' },
101
+ 'spr-shadow-02': { boxShadow: 'var(--spr-shadow-02, 0 4px 10px 0 rgb(20,20,22))' },
102
+ 'spr-shadow-03': { boxShadow: 'var(--spr-shadow-03, -2px 5px 12px 0 rgba(10,10,20,0.80))' },
103
+ 'spr-shadow-04': { boxShadow: 'var(--spr-shadow-04, 0 -4px 10px 0px rgb(20,20,22))' },
104
+ 'spr-shadow-05': { boxShadow: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.2))' },
105
+ 'spr-shadow-06': { boxShadow: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.2))' },
106
+ 'spr-icon-01': { fill: 'var(--spr-icon-01, #FFFFFF)' },
107
+ 'spr-icon-02': { fill: 'var(--spr-icon-02, #AEAEB2)' },
108
+ 'spr-icon-03': { fill: 'var(--spr-icon-03, #AEAEB2)' },
109
+ 'spr-icon-04': { fill: 'var(--spr-icon-04, #0AA2FF)' },
110
+ 'spr-icon-05': { fill: 'var(--spr-icon-05, #FFFFFF)' },
111
+ 'spr-icon-06': { fill: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))' },
112
+ 'spr-icon-error': { fill: 'var(--spr-icon-error, #FF6060)' },
113
+ 'spr-icon-hover': { fill: 'var(--spr-icon-hover, #FFFFFF)' },
114
+ 'spr-icon-disable': { fill: 'var(--spr-icon-disable, #646469)' },
115
+ 'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
116
+ 'spr-link': { color: 'var(--spr-link, #0AA2FF)' },
117
+ 'spr-text-01': { color: 'var(--spr-text-01, #FFFFFF)' },
118
+ 'spr-text-02': { color: 'var(--spr-text-02, #AEAEB2)' },
119
+ 'spr-text-03': { color: 'var(--spr-text-03, #646469)' },
120
+ 'spr-text-04': { color: 'var(--spr-text-04, #0AA2FF)' },
121
+ 'spr-text-05': { color: 'var(--spr-text-05, #FFFFFF)' },
122
+ 'spr-text-06': { color: 'var(--spr-text-06, #2C2C2F)' },
123
+ 'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646469)' },
124
+ 'spr-support-error-text': { color: 'var(--spr-support-error-text, #E44045)' },
125
+ 'spr-support-success-text': { color: 'var(--spr-support-success-text, #3fbf41)' },
126
+ 'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #EEC202)' },
127
+ 'nav-ui-01': { backgroundColor: 'var(--nav-ui-01, rgba(44, 44, 47, 0.7))' },
128
+ 'nav-ui-hover-01': { backgroundColor: 'var(--nav-ui-hover-01, rgba(44, 44, 47, 0.9))' },
129
+ 'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.6))' },
130
+ 'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #2E6BD9)' },
131
+ 'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.6))' },
132
+ 'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#0AA2FF', outlineOffset: '2px' }
133
+ };
134
+ exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);