@sprinklrjs/spaceweb-themes 11.0.0 → 12.14.4
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/theme.js +2 -2
- package/common-theme/utilities.d.ts +52 -0
- package/common-theme/utilities.js +14 -0
- package/hyperspace/dark/index.d.ts +112 -16
- package/hyperspace/dark/theme.d.ts +60 -16
- package/hyperspace/dark/theme.js +50 -38
- package/hyperspace/dark/utilities.d.ts +52 -0
- package/hyperspace/light/index.d.ts +112 -16
- package/hyperspace/light/theme.d.ts +60 -16
- package/hyperspace/light/theme.js +63 -51
- package/hyperspace/light/utilities.d.ts +52 -0
- package/hyperspace/light/utilities.js +5 -5
- package/hyperspace/themeVars.css +5 -5
- package/hyperspace/themeVars.min.css +1 -1
- package/package.json +2 -2
- package/space/dark/index.d.ts +67 -4
- package/space/dark/theme.d.ts +15 -4
- package/space/dark/theme.js +15 -4
- package/space/dark/utilities.d.ts +52 -0
- package/space/light/index.d.ts +67 -4
- package/space/light/theme.d.ts +15 -4
- package/space/light/theme.js +15 -4
- package/space/light/utilities.d.ts +52 -0
- package/styles/tailwind.css +9177 -0
- package/styles/tailwind.min.css +1 -0
- package/styles/tokens.scss +488 -0
- package/types.d.ts +34 -1
- package/utilities.css +61 -4
- package/utilities.min.css +1 -1
package/types.d.ts
CHANGED
|
@@ -14,8 +14,25 @@ export declare type Direction = 'ltr' | 'rtl';
|
|
|
14
14
|
// 'COMPACT' | 'COMFORTABLE'
|
|
15
15
|
export declare type Density = string;
|
|
16
16
|
|
|
17
|
+
type searchCommonProps = {
|
|
18
|
+
paddingX?: string;
|
|
19
|
+
searchIconMarginX?: string;
|
|
20
|
+
height?: string;
|
|
21
|
+
fontSize?: string;
|
|
22
|
+
iconSize?: number;
|
|
23
|
+
borderRadius?: string;
|
|
24
|
+
lineHeight?: string;
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
type buttonGroupCommonProps = {
|
|
28
|
+
height?: string;
|
|
29
|
+
marginTop?: string;
|
|
30
|
+
marginBottom?: string;
|
|
31
|
+
containerBorderRadius?: string;
|
|
32
|
+
};
|
|
33
|
+
|
|
17
34
|
export declare type Theme = Omit<typeof HyperspaceLightTheme | typeof SpaceLightTheme, 'density'> & {
|
|
18
|
-
density
|
|
35
|
+
density?: Density;
|
|
19
36
|
} & {
|
|
20
37
|
button?: {
|
|
21
38
|
primary?: {
|
|
@@ -31,14 +48,17 @@ export declare type Theme = Omit<typeof HyperspaceLightTheme | typeof SpaceLight
|
|
|
31
48
|
};
|
|
32
49
|
secondary?: {
|
|
33
50
|
color?: string;
|
|
51
|
+
disabledColor?: string;
|
|
34
52
|
|
|
35
53
|
backgroundColor?: string;
|
|
36
54
|
hoverBackgroundColor?: string;
|
|
37
55
|
activeBackgroundColor?: string;
|
|
56
|
+
disabledBackgroundColor?: string;
|
|
38
57
|
|
|
39
58
|
borderColor?: string;
|
|
40
59
|
hoverBorderColor?: string;
|
|
41
60
|
activeBorderColor?: string;
|
|
61
|
+
disabledBorderColor?: string;
|
|
42
62
|
};
|
|
43
63
|
tertiary?: {
|
|
44
64
|
color?: string;
|
|
@@ -59,6 +79,19 @@ export declare type Theme = Omit<typeof HyperspaceLightTheme | typeof SpaceLight
|
|
|
59
79
|
borderColor?: string;
|
|
60
80
|
};
|
|
61
81
|
};
|
|
82
|
+
search?: {
|
|
83
|
+
sizeXxs?: searchCommonProps;
|
|
84
|
+
sizeXs?: searchCommonProps;
|
|
85
|
+
sizeSm?: searchCommonProps;
|
|
86
|
+
sizeMd?: searchCommonProps;
|
|
87
|
+
sizeLg?: searchCommonProps;
|
|
88
|
+
};
|
|
89
|
+
buttonGroup?: {
|
|
90
|
+
sizeXxs?: buttonGroupCommonProps;
|
|
91
|
+
sizeSm?: buttonGroupCommonProps;
|
|
92
|
+
sizeMd?: buttonGroupCommonProps;
|
|
93
|
+
sizeLg?: buttonGroupCommonProps;
|
|
94
|
+
};
|
|
62
95
|
};
|
|
63
96
|
export declare type ThemeModule = {
|
|
64
97
|
classes: ThemeClassNames;
|
package/utilities.css
CHANGED
|
@@ -3,6 +3,63 @@
|
|
|
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
|
+
}
|
|
6
63
|
.group:hover .group-hover\:opacity-0 {
|
|
7
64
|
opacity: 0;
|
|
8
65
|
}
|
|
@@ -64,7 +121,7 @@
|
|
|
64
121
|
background-color: var(--spr-ui-04, #0e61f6);
|
|
65
122
|
}
|
|
66
123
|
.group:hover .group-hover\:spr-ui-05 {
|
|
67
|
-
background-color: var(--spr-ui-05, #
|
|
124
|
+
background-color: var(--spr-ui-05, #eef0f1);
|
|
68
125
|
}
|
|
69
126
|
.group:hover .group-hover\:spr-ui-06 {
|
|
70
127
|
background-color: var(--spr-ui-06, #e6e6e9);
|
|
@@ -82,10 +139,10 @@
|
|
|
82
139
|
background-color: var(--spr-ui-hover-reverse, rgba(255, 255, 255, 0.1));
|
|
83
140
|
}
|
|
84
141
|
.group:hover .group-hover\:spr-support-error {
|
|
85
|
-
background-color: var(--spr-support-error, #
|
|
142
|
+
background-color: var(--spr-support-error, #c70f5c);
|
|
86
143
|
}
|
|
87
144
|
.group:hover .group-hover\:spr-support-error-highlight {
|
|
88
|
-
background-color: var(--spr-support-error-highlight, rgba(
|
|
145
|
+
background-color: var(--spr-support-error-highlight, rgba(199, 15, 92, 0.2));
|
|
89
146
|
}
|
|
90
147
|
.group:hover .group-hover\:spr-support-success {
|
|
91
148
|
background-color: var(--spr-support-success, #6ac96e);
|
|
@@ -229,7 +286,7 @@
|
|
|
229
286
|
color: var(--spr-text-placeholder, #646470);
|
|
230
287
|
}
|
|
231
288
|
.group:hover .group-hover\:spr-support-error-text {
|
|
232
|
-
color: var(--spr-support-error-text, #
|
|
289
|
+
color: var(--spr-support-error-text, #c70f5c);
|
|
233
290
|
}
|
|
234
291
|
.group:hover .group-hover\:spr-support-success-text {
|
|
235
292
|
color: var(--spr-support-success-text, #6ac96e);
|
package/utilities.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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,#
|
|
1
|
+
.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\: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-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-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)}
|