@sprinklrjs/spaceweb-themes 12.14.4 → 12.33.2
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/common-theme/utilities.d.ts +0 -2
- package/common-theme/utilities.js +2 -2
- package/hyperspace/dark/index.d.ts +46 -2
- package/hyperspace/dark/theme.d.ts +15 -0
- package/hyperspace/dark/theme.js +15 -0
- package/hyperspace/dark/utilities.d.ts +31 -2
- package/hyperspace/dark/utilities.js +15 -0
- package/hyperspace/light/index.d.ts +46 -2
- package/hyperspace/light/theme.d.ts +15 -0
- package/hyperspace/light/theme.js +15 -0
- package/hyperspace/light/utilities.d.ts +31 -2
- package/hyperspace/light/utilities.js +17 -0
- package/hyperspace/themeVars.css +23 -0
- package/hyperspace/themeVars.min.css +1 -1
- package/package.json +4 -3
- package/space/dark/index.d.ts +46 -2
- package/space/dark/theme.d.ts +15 -0
- package/space/dark/theme.js +15 -0
- package/space/dark/utilities.d.ts +31 -2
- package/space/dark/utilities.js +15 -0
- package/space/light/index.d.ts +46 -2
- package/space/light/theme.d.ts +15 -0
- package/space/light/theme.js +15 -0
- package/space/light/utilities.d.ts +31 -2
- package/space/light/utilities.js +15 -0
- package/space/themeVars.css +23 -0
- package/space/themeVars.min.css +1 -1
- package/types.d.ts +50 -0
- package/utilities.css +78 -57
- package/utilities.min.css +1 -1
package/types.d.ts
CHANGED
|
@@ -37,17 +37,32 @@ export declare type Theme = Omit<typeof HyperspaceLightTheme | typeof SpaceLight
|
|
|
37
37
|
button?: {
|
|
38
38
|
primary?: {
|
|
39
39
|
color?: string;
|
|
40
|
+
hoverColor?: string;
|
|
41
|
+
activeColor?: string;
|
|
42
|
+
disabledColor?: string;
|
|
40
43
|
|
|
41
44
|
backgroundColor?: string;
|
|
42
45
|
hoverBackgroundColor?: string;
|
|
43
46
|
activeBackgroundColor?: string;
|
|
47
|
+
disabledBackgroundColor?: string;
|
|
44
48
|
|
|
45
49
|
borderColor?: string;
|
|
46
50
|
hoverBorderColor?: string;
|
|
47
51
|
activeBorderColor?: string;
|
|
52
|
+
disabledBorderColor?: string;
|
|
53
|
+
|
|
54
|
+
background?: string;
|
|
55
|
+
hoverBackground?: string;
|
|
56
|
+
activeBackground?: string;
|
|
57
|
+
disabledBackground?: string;
|
|
58
|
+
|
|
59
|
+
disabledOpacity?: string;
|
|
60
|
+
|
|
48
61
|
};
|
|
49
62
|
secondary?: {
|
|
50
63
|
color?: string;
|
|
64
|
+
hoverColor?: string;
|
|
65
|
+
activeColor?: string;
|
|
51
66
|
disabledColor?: string;
|
|
52
67
|
|
|
53
68
|
backgroundColor?: string;
|
|
@@ -59,24 +74,59 @@ export declare type Theme = Omit<typeof HyperspaceLightTheme | typeof SpaceLight
|
|
|
59
74
|
hoverBorderColor?: string;
|
|
60
75
|
activeBorderColor?: string;
|
|
61
76
|
disabledBorderColor?: string;
|
|
77
|
+
|
|
78
|
+
background?: string;
|
|
79
|
+
hoverBackground?: string;
|
|
80
|
+
activeBackground?: string;
|
|
81
|
+
disabledBackground?: string;
|
|
82
|
+
|
|
83
|
+
disabledOpacity?: string;
|
|
62
84
|
};
|
|
63
85
|
tertiary?: {
|
|
64
86
|
color?: string;
|
|
87
|
+
hoverColor?: string;
|
|
88
|
+
activeColor?: string;
|
|
89
|
+
disabledColor?: string;
|
|
65
90
|
|
|
66
91
|
backgroundColor?: string;
|
|
67
92
|
hoverBackgroundColor?: string;
|
|
68
93
|
activeBackgroundColor?: string;
|
|
94
|
+
disabledBackgroundColor?: string;
|
|
69
95
|
|
|
70
96
|
borderColor?: string;
|
|
97
|
+
hoverBorderColor?: string;
|
|
98
|
+
activeBorderColor?: string;
|
|
99
|
+
disabledBorderColor?: string;
|
|
100
|
+
|
|
101
|
+
background?: string;
|
|
102
|
+
hoverBackground?: string;
|
|
103
|
+
activeBackground?: string;
|
|
104
|
+
disabledBackground?: string;
|
|
105
|
+
|
|
106
|
+
disabledOpacity?: string;
|
|
71
107
|
};
|
|
72
108
|
minimal?: {
|
|
73
109
|
color?: string;
|
|
110
|
+
hoverColor?: string;
|
|
111
|
+
activeColor?: string;
|
|
112
|
+
disabledColor?: string;
|
|
74
113
|
|
|
75
114
|
backgroundColor?: string;
|
|
76
115
|
hoverBackgroundColor?: string;
|
|
77
116
|
activeBackgroundColor?: string;
|
|
117
|
+
disabledBackgroundColor?: string;
|
|
78
118
|
|
|
79
119
|
borderColor?: string;
|
|
120
|
+
hoverBorderColor?: string;
|
|
121
|
+
activeBorderColor?: string;
|
|
122
|
+
disabledBorderColor?: string;
|
|
123
|
+
|
|
124
|
+
background?: string;
|
|
125
|
+
hoverBackground?: string;
|
|
126
|
+
activeBackground?: string;
|
|
127
|
+
disabledBackground?: string;
|
|
128
|
+
|
|
129
|
+
disabledOpacity?: string;
|
|
80
130
|
};
|
|
81
131
|
};
|
|
82
132
|
search?: {
|
package/utilities.css
CHANGED
|
@@ -3,63 +3,6 @@
|
|
|
3
3
|
* DO NOT EDIT THIS FILE DIRECTLY, CHECK spaceweb-themes/scripts/buildTheme/buildCssUtils
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
.group:hover .group-hover\:block {
|
|
7
|
-
display: block;
|
|
8
|
-
}
|
|
9
|
-
.group:hover .group-hover\:inline-block {
|
|
10
|
-
display: inline-block;
|
|
11
|
-
}
|
|
12
|
-
.group:hover .group-hover\:inline {
|
|
13
|
-
display: inline;
|
|
14
|
-
}
|
|
15
|
-
.group:hover .group-hover\:flex {
|
|
16
|
-
display: flex;
|
|
17
|
-
}
|
|
18
|
-
.group:hover .group-hover\:inline-flex {
|
|
19
|
-
display: inline-flex;
|
|
20
|
-
}
|
|
21
|
-
.group:hover .group-hover\:table {
|
|
22
|
-
display: table;
|
|
23
|
-
}
|
|
24
|
-
.group:hover .group-hover\:table-caption {
|
|
25
|
-
display: table-caption;
|
|
26
|
-
}
|
|
27
|
-
.group:hover .group-hover\:table-cell {
|
|
28
|
-
display: table-cell;
|
|
29
|
-
}
|
|
30
|
-
.group:hover .group-hover\:table-column {
|
|
31
|
-
display: table-column;
|
|
32
|
-
}
|
|
33
|
-
.group:hover .group-hover\:table-column-group {
|
|
34
|
-
display: table-column-group;
|
|
35
|
-
}
|
|
36
|
-
.group:hover .group-hover\:table-footer-group {
|
|
37
|
-
display: table-footer-group;
|
|
38
|
-
}
|
|
39
|
-
.group:hover .group-hover\:table-header-group {
|
|
40
|
-
display: table-header-group;
|
|
41
|
-
}
|
|
42
|
-
.group:hover .group-hover\:table-row-group {
|
|
43
|
-
display: table-row-group;
|
|
44
|
-
}
|
|
45
|
-
.group:hover .group-hover\:table-row {
|
|
46
|
-
display: table-row;
|
|
47
|
-
}
|
|
48
|
-
.group:hover .group-hover\:flow-root {
|
|
49
|
-
display: flow-root;
|
|
50
|
-
}
|
|
51
|
-
.group:hover .group-hover\:grid {
|
|
52
|
-
display: grid;
|
|
53
|
-
}
|
|
54
|
-
.group:hover .group-hover\:inline-grid {
|
|
55
|
-
display: inline-grid;
|
|
56
|
-
}
|
|
57
|
-
.group:hover .group-hover\:contents {
|
|
58
|
-
display: contents;
|
|
59
|
-
}
|
|
60
|
-
.group:hover .group-hover\:hidden {
|
|
61
|
-
display: none;
|
|
62
|
-
}
|
|
63
6
|
.group:hover .group-hover\:opacity-0 {
|
|
64
7
|
opacity: 0;
|
|
65
8
|
}
|
|
@@ -261,6 +204,18 @@
|
|
|
261
204
|
.group:hover .group-hover\:spr-secondary-orange {
|
|
262
205
|
background-color: var(--spr-secondary-orange, #f48749);
|
|
263
206
|
}
|
|
207
|
+
.group:hover .group-hover\:spr-clr-magenta {
|
|
208
|
+
background-color: var(--spr-clr-magenta, #cb1cce);
|
|
209
|
+
}
|
|
210
|
+
.group:hover .group-hover\:spr-clr-fuschia {
|
|
211
|
+
background-color: var(--spr-clr-fuschia, #a70fdc);
|
|
212
|
+
}
|
|
213
|
+
.group:hover .group-hover\:spr-clr-violet {
|
|
214
|
+
background-color: var(--spr-clr-violet, #8e43ff);
|
|
215
|
+
}
|
|
216
|
+
.group:hover .group-hover\:spr-clr-lt-violet {
|
|
217
|
+
background-color: var(--spr-clr-lt-violet, #e4dff2);
|
|
218
|
+
}
|
|
264
219
|
.group:hover .group-hover\:spr-link {
|
|
265
220
|
color: var(--spr-link, #0e61f6);
|
|
266
221
|
}
|
|
@@ -282,6 +237,9 @@
|
|
|
282
237
|
.group:hover .group-hover\:spr-text-06 {
|
|
283
238
|
color: var(--spr-text-06, #ffffff);
|
|
284
239
|
}
|
|
240
|
+
.group:hover .group-hover\:spr-text-magenta {
|
|
241
|
+
color: var(--spr-text-magenta, #cb1cce);
|
|
242
|
+
}
|
|
285
243
|
.group:hover .group-hover\:spr-text-placeholder {
|
|
286
244
|
color: var(--spr-text-placeholder, #646470);
|
|
287
245
|
}
|
|
@@ -294,3 +252,66 @@
|
|
|
294
252
|
.group:hover .group-hover\:spr-support-warning-text {
|
|
295
253
|
color: var(--spr-support-warning-text, #f3bf24);
|
|
296
254
|
}
|
|
255
|
+
.group:hover .group-hover\:block {
|
|
256
|
+
display: block;
|
|
257
|
+
}
|
|
258
|
+
.group:hover .group-hover\:inline-block {
|
|
259
|
+
display: inline-block;
|
|
260
|
+
}
|
|
261
|
+
.group:hover .group-hover\:inline {
|
|
262
|
+
display: inline;
|
|
263
|
+
}
|
|
264
|
+
.group:hover .group-hover\:flex {
|
|
265
|
+
display: flex;
|
|
266
|
+
}
|
|
267
|
+
.group:hover .group-hover\:inline-flex {
|
|
268
|
+
display: inline-flex;
|
|
269
|
+
}
|
|
270
|
+
.group:hover .group-hover\:table {
|
|
271
|
+
display: table;
|
|
272
|
+
}
|
|
273
|
+
.group:hover .group-hover\:table-caption {
|
|
274
|
+
display: table-caption;
|
|
275
|
+
}
|
|
276
|
+
.group:hover .group-hover\:table-cell {
|
|
277
|
+
display: table-cell;
|
|
278
|
+
}
|
|
279
|
+
.group:hover .group-hover\:table-column {
|
|
280
|
+
display: table-column;
|
|
281
|
+
}
|
|
282
|
+
.group:hover .group-hover\:table-column-group {
|
|
283
|
+
display: table-column-group;
|
|
284
|
+
}
|
|
285
|
+
.group:hover .group-hover\:table-footer-group {
|
|
286
|
+
display: table-footer-group;
|
|
287
|
+
}
|
|
288
|
+
.group:hover .group-hover\:table-header-group {
|
|
289
|
+
display: table-header-group;
|
|
290
|
+
}
|
|
291
|
+
.group:hover .group-hover\:table-row-group {
|
|
292
|
+
display: table-row-group;
|
|
293
|
+
}
|
|
294
|
+
.group:hover .group-hover\:table-row {
|
|
295
|
+
display: table-row;
|
|
296
|
+
}
|
|
297
|
+
.group:hover .group-hover\:flow-root {
|
|
298
|
+
display: flow-root;
|
|
299
|
+
}
|
|
300
|
+
.group:hover .group-hover\:grid {
|
|
301
|
+
display: grid;
|
|
302
|
+
}
|
|
303
|
+
.group:hover .group-hover\:inline-grid {
|
|
304
|
+
display: inline-grid;
|
|
305
|
+
}
|
|
306
|
+
.group:hover .group-hover\:contents {
|
|
307
|
+
display: contents;
|
|
308
|
+
}
|
|
309
|
+
.group:hover .group-hover\:hidden {
|
|
310
|
+
display: none;
|
|
311
|
+
}
|
|
312
|
+
.group:hover .group-hover\:visible {
|
|
313
|
+
visibility: visible;
|
|
314
|
+
}
|
|
315
|
+
.group:hover .group-hover\:invisible {
|
|
316
|
+
visibility: hidden;
|
|
317
|
+
}
|
package/utilities.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.group:hover .group-hover\:
|
|
1
|
+
.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-5{opacity:.05}.group:hover .group-hover\:opacity-10{opacity:.1}.group:hover .group-hover\:opacity-15{opacity:.15}.group:hover .group-hover\:opacity-20{opacity:.2}.group:hover .group-hover\:opacity-25{opacity:.25}.group:hover .group-hover\:opacity-30{opacity:.3}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-50{opacity:.5}.group:hover .group-hover\:opacity-60{opacity:.6}.group:hover .group-hover\:opacity-70{opacity:.7}.group:hover .group-hover\:opacity-75{opacity:.75}.group:hover .group-hover\:opacity-80{opacity:.8}.group:hover .group-hover\:opacity-90{opacity:.9}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:bg-transparent{background-color:transparent}.group:hover .group-hover\:spr-ui-01{background-color:var(--spr-ui-01,#fff)}.group:hover .group-hover\:spr-ui-02{background-color:var(--spr-ui-02,#f8f8fa)}.group:hover .group-hover\:spr-ui-03{background-color:var(--spr-ui-03,#dbdbdb)}.group:hover .group-hover\:spr-ui-04{background-color:var(--spr-ui-04,#0e61f6)}.group:hover .group-hover\:spr-ui-05{background-color:var(--spr-ui-05,#eef0f1)}.group:hover .group-hover\:spr-ui-06{background-color:var(--spr-ui-06,#e6e6e9)}.group:hover .group-hover\:spr-ui-focus{background-color:var(--spr-ui-focus,rgba(8,40,204,.07))}.group:hover .group-hover\:spr-ui-focus-reverse{background-color:var(--spr-ui-focus-reverse,rgba(255,255,255,.2))}.group:hover .group-hover\:spr-ui-hover{background-color:var(--spr-ui-hover,#f8f8fa)}.group:hover .group-hover\:spr-ui-hover-reverse{background-color:var(--spr-ui-hover-reverse,rgba(255,255,255,.1))}.group:hover .group-hover\:spr-support-error{background-color:var(--spr-support-error,#c70f5c)}.group:hover .group-hover\:spr-support-error-highlight{background-color:var(--spr-support-error-highlight,rgba(199,15,92,.2))}.group:hover .group-hover\:spr-support-success{background-color:var(--spr-support-success,#6ac96e)}.group:hover .group-hover\:spr-support-success-highlight{background-color:var(--spr-support-success-highlight,rgba(106,201,110,.2))}.group:hover .group-hover\:spr-support-warning{background-color:var(--spr-support-warning,#f3bf24)}.group:hover .group-hover\:spr-support-warning-highlight{background-color:var(--spr-support-warning-highlight,rgba(243,191,36,.2))}.group:hover .group-hover\:spr-clr-blue-highlight{background-color:var(--spr-clr-blue-highlight,#e8f0fe)}.group:hover .group-hover\:spr-tag{background-color:var(--spr-tag,#f2f2f4)}.group:hover .group-hover\:spr-tag-01{background-color:var(--spr-tag-01,#e6e6e9)}.group:hover .group-hover\:spr-tag-02{background-color:var(--spr-tag-02,rgba(8,40,204,.07))}.group:hover .group-hover\:spr-field{background-color:var(--spr-field,#dbdbdb)}.group:hover .group-hover\:spr-popup{background-color:var(--spr-popup,#fff)}.group:hover .group-hover\:spr-overlay{background-color:var(--spr-overlay,rgba(10,10,20,.9))}.group:hover .group-hover\:spr-tooltip-01{background-color:var(--spr-tooltip-01,#0a0a14)}.group:hover .group-hover\:spr-highlight{background-color:var(--spr-highlight,rgba(255,231,173,.7))}.group:hover .group-hover\:spr-favourite{background-color:var(--spr-favourite,#ff9f21)}.group:hover .group-hover\:spr-notification{background-color:var(--spr-notification,#de336a)}.group:hover .group-hover\:spr-interactive-01{background-color:var(--spr-interactive-01,#0e61f6)}.group:hover .group-hover\:spr-interactive-hover{background-color:var(--spr-interactive-hover,#1858ce)}.group:hover .group-hover\:spr-interactive-disable{background-color:var(--spr-interactive-disable,rgba(255,255,255,.6))}.group:hover .group-hover\:spr-interactive-02{background-color:var(--spr-interactive-02,#dbdbdb)}.group:hover .group-hover\:spr-clr-blue{background-color:var(--spr-clr-blue,#2ea2fb)}.group:hover .group-hover\:spr-clr-green{background-color:var(--spr-clr-green,#3c9)}.group:hover .group-hover\:spr-clr-lavender{background-color:var(--spr-clr-lavender,#7f36f6)}.group:hover .group-hover\:spr-clr-orange{background-color:var(--spr-clr-orange,#f08c1a)}.group:hover .group-hover\:spr-clr-pink{background-color:var(--spr-clr-pink,#ffa1be)}.group:hover .group-hover\:spr-clr-red{background-color:var(--spr-clr-red,#e1245e)}.group:hover .group-hover\:spr-clr-sea{background-color:var(--spr-clr-sea,#16aad2)}.group:hover .group-hover\:spr-clr-teal{background-color:var(--spr-clr-teal,#13c18d)}.group:hover .group-hover\:spr-clr-yellow{background-color:var(--spr-clr-yellow,#ecad00)}.group:hover .group-hover\:spr-clr-grey{background-color:var(--spr-clr-grey,#d7d7dc)}.group:hover .group-hover\:spr-clr-purple{background-color:var(--spr-clr-purple,#8c43ff)}.group:hover .group-hover\:spr-clr-lt-yellow{background-color:var(--spr-clr-lt-yellow,#ffd04f)}.group:hover .group-hover\:spr-clr-darker-blue{background-color:var(--spr-clr-darker-blue,#327afd)}.group:hover .group-hover\:spr-secondary-yellow{background-color:var(--spr-secondary-yellow,#ffc312)}.group:hover .group-hover\:spr-secondary-green{background-color:var(--spr-secondary-green,#a3cb38)}.group:hover .group-hover\:spr-secondary-teal{background-color:var(--spr-secondary-teal,#12cbc4)}.group:hover .group-hover\:spr-secondary-lt-pink{background-color:var(--spr-secondary-lt-pink,#fda7df)}.group:hover .group-hover\:spr-secondary-pink{background-color:var(--spr-secondary-pink,#ed4c67)}.group:hover .group-hover\:spr-secondary-maroon{background-color:var(--spr-secondary-maroon,#b53471)}.group:hover .group-hover\:spr-secondary-orange{background-color:var(--spr-secondary-orange,#f48749)}.group:hover .group-hover\:spr-clr-magenta{background-color:var(--spr-clr-magenta,#cb1cce)}.group:hover .group-hover\:spr-clr-fuschia{background-color:var(--spr-clr-fuschia,#a70fdc)}.group:hover .group-hover\:spr-clr-violet{background-color:var(--spr-clr-violet,#8e43ff)}.group:hover .group-hover\:spr-clr-lt-violet{background-color:var(--spr-clr-lt-violet,#e4dff2)}.group:hover .group-hover\:spr-link{color:var(--spr-link,#0e61f6)}.group:hover .group-hover\:spr-text-01{color:var(--spr-text-01,#0a0a14)}.group:hover .group-hover\:spr-text-02{color:var(--spr-text-02,#434350)}.group:hover .group-hover\:spr-text-03{color:var(--spr-text-03,#646470)}.group:hover .group-hover\:spr-text-04{color:var(--spr-text-04,#0e61f6)}.group:hover .group-hover\:spr-text-05{color:var(--spr-text-05,#fff)}.group:hover .group-hover\:spr-text-06{color:var(--spr-text-06,#fff)}.group:hover .group-hover\:spr-text-magenta{color:var(--spr-text-magenta,#cb1cce)}.group:hover .group-hover\:spr-text-placeholder{color:var(--spr-text-placeholder,#646470)}.group:hover .group-hover\:spr-support-error-text{color:var(--spr-support-error-text,#c70f5c)}.group:hover .group-hover\:spr-support-success-text{color:var(--spr-support-success-text,#6ac96e)}.group:hover .group-hover\:spr-support-warning-text{color:var(--spr-support-warning-text,#f3bf24)}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:inline-block{display:inline-block}.group:hover .group-hover\:inline{display:inline}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:inline-flex{display:inline-flex}.group:hover .group-hover\:table{display:table}.group:hover .group-hover\:table-caption{display:table-caption}.group:hover .group-hover\:table-cell{display:table-cell}.group:hover .group-hover\:table-column{display:table-column}.group:hover .group-hover\:table-column-group{display:table-column-group}.group:hover .group-hover\:table-footer-group{display:table-footer-group}.group:hover .group-hover\:table-header-group{display:table-header-group}.group:hover .group-hover\:table-row-group{display:table-row-group}.group:hover .group-hover\:table-row{display:table-row}.group:hover .group-hover\:flow-root{display:flow-root}.group:hover .group-hover\:grid{display:grid}.group:hover .group-hover\:inline-grid{display:inline-grid}.group:hover .group-hover\:contents{display:contents}.group:hover .group-hover\:hidden{display:none}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:invisible{visibility:hidden}
|