@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/hyperspace/dark/utilities.js ADDED
@@ -0,0 +1,137 @@
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: '4.2rem', lineHeight: '4.8rem', fontWeight: '600' },
19
+ 'typography-h2': { fontSize: '2.4rem', lineHeight: '2.9rem', fontWeight: '600' },
20
+ 'typography-h3': { fontSize: '2rem', lineHeight: '2.6rem', fontWeight: '600' },
21
+ 'typography-h4': { fontSize: '1.6rem', 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: '2rem', fontWeight: '400' },
28
+ 'typography-bl2': { fontSize: '1.3rem', lineHeight: '2rem', fontWeight: '400' },
29
+ 'typography-bl3': { fontSize: '1.2rem', lineHeight: '1.8rem', fontWeight: '400' },
30
+ 'typography-bs1': { fontSize: '1.4rem', lineHeight: '2rem', fontWeight: '400' },
31
+ 'typography-bs2': { fontSize: '1.3rem', lineHeight: '1.8rem', fontWeight: '400' },
32
+ 'typography-bs3': { fontSize: '1.2rem', lineHeight: '1.6rem', 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, #1C1C1F)' },
38
+ 'spr-ui-02': { backgroundColor: 'var(--spr-ui-02, #212123)' },
39
+ 'spr-ui-03': { backgroundColor: 'var(--spr-ui-03, #48484C)' },
40
+ 'spr-ui-04': { backgroundColor: 'var(--spr-ui-04, #4B8AFC)' },
41
+ 'spr-ui-05': { backgroundColor: 'var(--spr-ui-05, #3A3A3E)' },
42
+ 'spr-ui-06': { backgroundColor: 'var(--spr-ui-06, #2C2C2F)' },
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, #212123)' },
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, #FA6274)' },
48
+ 'spr-support-error-highlight': { backgroundColor: 'var(--spr-support-error-highlight, rgba(250, 98, 116, 0.3))' },
49
+ 'spr-support-success': { backgroundColor: 'var(--spr-support-success, #6AC96E)' },
50
+ 'spr-support-success-highlight': {
51
+ backgroundColor: 'var(--spr-support-success-highlight, rgba(106, 201, 110, 0.3))'
52
+ },
53
+ 'spr-support-warning': { backgroundColor: 'var(--spr-support-warning, #F3BF24)' },
54
+ 'spr-support-warning-highlight': { backgroundColor: 'var(--spr-support-warning-highlight, rgba(243, 191, 36, 0.3))' },
55
+ 'spr-clr-blue-highlight': { backgroundColor: 'var(--spr-clr-blue-highlight, #2B3343)' },
56
+ 'spr-tag': { backgroundColor: 'var(--spr-tag, #48484C)' },
57
+ 'spr-tag-01': { backgroundColor: 'var(--spr-tag-01, #48484C)' },
58
+ 'spr-tag-02': { backgroundColor: 'var(--spr-tag-02, rgba(255, 255, 255, 0.1))' },
59
+ 'spr-field': { backgroundColor: 'var(--spr-field, #48484C)' },
60
+ 'spr-popup': { backgroundColor: 'var(--spr-popup, #1C1C1F)' },
61
+ 'spr-overlay': { backgroundColor: 'var(--spr-overlay, rgba(28, 28, 31, 0.85))' },
62
+ 'spr-tooltip-01': { backgroundColor: 'var(--spr-tooltip-01, #FFFFFF)' },
63
+ 'spr-highlight': { backgroundColor: 'var(--spr-highlight, rgba(184, 144, 0, 0.6))' },
64
+ 'spr-favourite': { backgroundColor: 'var(--spr-favourite, #FF9F21)' },
65
+ 'spr-notification': { backgroundColor: 'var(--spr-notification, #FA6274)' },
66
+ 'spr-interactive-01': { backgroundColor: 'var(--spr-interactive-01, #4B8AFC)' },
67
+ 'spr-interactive-hover': { backgroundColor: 'var(--spr-interactive-hover, #1858CE)' },
68
+ 'spr-interactive-disable': { backgroundColor: 'var(--spr-interactive-disable, rgba(72,72,76,0.8))' },
69
+ 'spr-interactive-02': { backgroundColor: 'var(--spr-interactive-02, #48484C)' },
70
+ 'spr-clr-blue': { backgroundColor: 'var(--spr-clr-blue, #297AB9)' },
71
+ 'spr-clr-green': { backgroundColor: 'var(--spr-clr-green, #097A4B)' },
72
+ 'spr-clr-lavender': { backgroundColor: 'var(--spr-clr-lavender, #9C60FF)' },
73
+ 'spr-clr-orange': { backgroundColor: 'var(--spr-clr-orange, #FF9F21)' },
74
+ 'spr-clr-pink': { backgroundColor: 'var(--spr-clr-pink, #FFA1BE)' },
75
+ 'spr-clr-red': { backgroundColor: 'var(--spr-clr-red, #DB334F)' },
76
+ 'spr-clr-sea': { backgroundColor: 'var(--spr-clr-sea, #00C8FF)' },
77
+ 'spr-clr-teal': { backgroundColor: 'var(--spr-clr-teal, #02D999)' },
78
+ 'spr-clr-yellow': { backgroundColor: 'var(--spr-clr-yellow, #95700D)' },
79
+ 'spr-clr-grey': { backgroundColor: 'var(--spr-clr-grey, #646469)' },
80
+ 'spr-interactive-focus': { borderColor: 'var(--spr-interactive-focus, #0A65A1)' },
81
+ 'spr-clr-purple': { backgroundColor: 'var(--spr-clr-purple, #763BD2)' },
82
+ 'spr-clr-lt-yellow': { backgroundColor: 'var(--spr-clr-lt-yellow, #846F35)' },
83
+ 'spr-clr-darker-blue': { backgroundColor: 'var(--spr-clr-darker-blue, #327AFD)' },
84
+ 'spr-secondary-yellow': { backgroundColor: 'var(--spr-secondary-yellow, #8D6F18)' },
85
+ 'spr-secondary-green': { backgroundColor: 'var(--spr-secondary-green, #5F732C)' },
86
+ 'spr-secondary-teal': { backgroundColor: 'var(--spr-secondary-teal, #168380)' },
87
+ 'spr-secondary-lt-pink': { backgroundColor: 'var(--spr-secondary-lt-pink, #956787)' },
88
+ 'spr-secondary-pink': { backgroundColor: 'var(--spr-secondary-pink, #B94055)' },
89
+ 'spr-secondary-maroon': { backgroundColor: 'var(--spr-secondary-maroon, #962F61)' },
90
+ 'spr-secondary-orange': { backgroundColor: 'var(--spr-secondary-orange, #A8623A)' },
91
+ 'spr-hover': { borderColor: 'var(--spr-hover, #0AA2FF)' },
92
+ 'spr-focus-01': { borderColor: 'var(--spr-focus-01, #4B8AFC)' },
93
+ 'spr-focus-02': { outline: 'var(--spr-focus-02, 1px solid #1c62fd)' },
94
+ 'spr-border-01': { borderColor: 'var(--spr-border-01, #3A3A3E)' },
95
+ 'spr-border-02': { borderColor: 'var(--spr-border-02, #48484C)' },
96
+ 'spr-border-03': { borderColor: 'var(--spr-border-03, #646469)' },
97
+ 'spr-border-04': { borderColor: 'var(--spr-border-04, #A0A0A8)' },
98
+ 'spr-border-05': { borderColor: 'var(--spr-border-05, #2C2C2F)' },
99
+ 'spr-border-06': { borderColor: 'var(--spr-border-06, #F1F1F1)' },
100
+ 'spr-card-border': { borderColor: 'var(--spr-card-border, #3A3A3E)' },
101
+ 'spr-popup-border': { borderColor: 'var(--spr-popup-border, #1C1C1F)' },
102
+ 'spr-tooltip-border': { borderColor: 'var(--spr-tooltip-border, rgba(174, 174, 178, 0.2))' },
103
+ 'spr-shadow-01': { boxShadow: 'var(--spr-shadow-01, 0 1px 4px 0 rgba(10,10,20,0.3))' },
104
+ 'spr-shadow-02': { boxShadow: 'var(--spr-shadow-02, 1px 1px 7px rgba(255, 255, 255, 0.1))' },
105
+ 'spr-shadow-03': { boxShadow: 'var(--spr-shadow-03, -2px 5px 12px 0 rgba(10,10,20,0.80))' },
106
+ 'spr-shadow-04': { boxShadow: 'var(--spr-shadow-04, -2px 5px 12px -4px rgba(0,0,0,1.0))' },
107
+ 'spr-shadow-05': { boxShadow: 'var(--spr-shadow-05, 0px 3px 4px 0 rgba(0,0,0,0.2))' },
108
+ 'spr-shadow-06': { boxShadow: 'var(--spr-shadow-06, 0px -3px 4px 0 rgba(0,0,0,0.2))' },
109
+ 'spr-icon-01': { fill: 'var(--spr-icon-01, #F1F1F1)' },
110
+ 'spr-icon-02': { fill: 'var(--spr-icon-02, #AEAEB2)' },
111
+ 'spr-icon-03': { fill: 'var(--spr-icon-03, #AEAEB2)' },
112
+ 'spr-icon-04': { fill: 'var(--spr-icon-04, #4B8AFC)' },
113
+ 'spr-icon-05': { fill: 'var(--spr-icon-05, #1C1C1F)' },
114
+ 'spr-icon-06': { fill: 'var(--spr-icon-06, rgba(255, 255, 255, 0.6))' },
115
+ 'spr-icon-hover': { fill: 'var(--spr-icon-hover, #FFFFFF)' },
116
+ 'spr-icon-disable': { fill: 'var(--spr-icon-disable, #DBDBDB)' },
117
+ 'spr-icon-hover-reverse': { fill: 'var(--spr-icon-hover-reverse, #FFFFFF)' },
118
+ 'spr-icon-error': { fill: 'var(--spr-icon-error, #FA6274)' },
119
+ 'spr-link': { color: 'var(--spr-link, #4B8AFC)' },
120
+ 'spr-text-01': { color: 'var(--spr-text-01, #F1F1F1)' },
121
+ 'spr-text-02': { color: 'var(--spr-text-02, #AEAEB2)' },
122
+ 'spr-text-03': { color: 'var(--spr-text-03, #646469)' },
123
+ 'spr-text-04': { color: 'var(--spr-text-04, #4B8AFC)' },
124
+ 'spr-text-05': { color: 'var(--spr-text-05, #F1F1F1)' },
125
+ 'spr-text-06': { color: 'var(--spr-text-06, #2C2C2F)' },
126
+ 'spr-text-placeholder': { color: 'var(--spr-text-placeholder, #646469)' },
127
+ 'spr-support-error-text': { color: 'var(--spr-support-error-text, #FA6274)' },
128
+ 'spr-support-success-text': { color: 'var(--spr-support-success-text, #6AC96E)' },
129
+ 'spr-support-warning-text': { color: 'var(--spr-support-warning-text, #F3BF24)' },
130
+ 'nav-ui-01': { backgroundColor: 'var(--nav-ui-01, rgba(44, 44, 47, 0.7))' },
131
+ 'nav-ui-hover-01': { backgroundColor: 'var(--nav-ui-hover-01, rgba(44, 44, 47, 0.9))' },
132
+ 'nav-icon-01': { fill: 'var(--nav-icon-01, rgba(255, 255, 255, 0.6))' },
133
+ 'nav-icon-focus-01': { fill: 'var(--nav-icon-focus-01, #2E6BD9)' },
134
+ 'nav-text-01': { color: 'var(--nav-text-01, rgba(255, 255, 255, 0.6))' },
135
+ 'outline-01': { outlineStyle: 'solid', outlineWidth: '2px', outlineColor: '#4B8AFC', outlineOffset: '2px' }
136
+ };
137
+ exports["default"] = __assign(__assign({}, utilities_1["default"].utilities), utilities);