@wix/editor-react-components 1.2783.0 → 1.2785.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.
- package/dist/site/components/Button/css.css +24 -0
- package/dist/site/components/Button/manifest.js +5 -2
- package/dist/site/components/CollapsibleText/css.css +24 -0
- package/dist/site/components/Lottie/css.css +24 -0
- package/dist/site/components/Menu/css.css +24 -0
- package/dist/site/components/Repeater/component.js +178 -77
- package/dist/site/components/Slideshow/css.css +24 -0
- package/package.json +3 -3
|
@@ -117,6 +117,30 @@
|
|
|
117
117
|
transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
|
|
121
|
+
background: #e5e7eb;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
125
|
+
color: #6b7280;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
129
|
+
--fill: #6b7280;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
|
|
133
|
+
background: #e5e7eb;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
137
|
+
color: #6b7280;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
141
|
+
--fill: #6b7280;
|
|
142
|
+
}
|
|
143
|
+
|
|
120
144
|
.button__i8gkO {
|
|
121
145
|
min-width: min-content !important;
|
|
122
146
|
}
|
|
@@ -83,7 +83,7 @@ const manifest = {
|
|
|
83
83
|
disablePositioning: false
|
|
84
84
|
},
|
|
85
85
|
cssProperties: {
|
|
86
|
-
background: {},
|
|
86
|
+
background: { statesDefaultValues: { disabled: "#E5E7EB" } },
|
|
87
87
|
boxShadow: {},
|
|
88
88
|
borderInlineStart: {},
|
|
89
89
|
borderInlineEnd: {},
|
|
@@ -255,7 +255,7 @@ const manifest = {
|
|
|
255
255
|
display: displayConfig
|
|
256
256
|
},
|
|
257
257
|
font: { displayName: DisplayNames.label.cssProperties.font },
|
|
258
|
-
color: {},
|
|
258
|
+
color: { statesDefaultValues: { disabled: "#6B7280" } },
|
|
259
259
|
letterSpacing: {},
|
|
260
260
|
lineHeight: {},
|
|
261
261
|
textDecorationLine: {
|
|
@@ -295,6 +295,9 @@ const manifest = {
|
|
|
295
295
|
behaviors: {
|
|
296
296
|
selectable: false,
|
|
297
297
|
removable: true
|
|
298
|
+
},
|
|
299
|
+
cssCustomProperties: {
|
|
300
|
+
fill: { statesDefaultValues: { disabled: "#6B7280" } }
|
|
298
301
|
}
|
|
299
302
|
}
|
|
300
303
|
}
|
|
@@ -243,6 +243,30 @@
|
|
|
243
243
|
transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
|
|
244
244
|
}
|
|
245
245
|
|
|
246
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
|
|
247
|
+
background: #e5e7eb;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
251
|
+
color: #6b7280;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
255
|
+
--fill: #6b7280;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
|
|
259
|
+
background: #e5e7eb;
|
|
260
|
+
}
|
|
261
|
+
|
|
262
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
263
|
+
color: #6b7280;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
267
|
+
--fill: #6b7280;
|
|
268
|
+
}
|
|
269
|
+
|
|
246
270
|
.button__i8gkO {
|
|
247
271
|
min-width: min-content !important;
|
|
248
272
|
}
|
|
@@ -157,6 +157,30 @@
|
|
|
157
157
|
transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
|
|
161
|
+
background: #e5e7eb;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
165
|
+
color: #6b7280;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
169
|
+
--fill: #6b7280;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
|
|
173
|
+
background: #e5e7eb;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
177
|
+
color: #6b7280;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
181
|
+
--fill: #6b7280;
|
|
182
|
+
}
|
|
183
|
+
|
|
160
184
|
.button__i8gkO {
|
|
161
185
|
min-width: min-content !important;
|
|
162
186
|
}
|
|
@@ -1017,6 +1017,30 @@
|
|
|
1017
1017
|
transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
|
|
1018
1018
|
}
|
|
1019
1019
|
|
|
1020
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
|
|
1021
|
+
background: #e5e7eb;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
1025
|
+
color: #6b7280;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
1029
|
+
--fill: #6b7280;
|
|
1030
|
+
}
|
|
1031
|
+
|
|
1032
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
|
|
1033
|
+
background: #e5e7eb;
|
|
1034
|
+
}
|
|
1035
|
+
|
|
1036
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
1037
|
+
color: #6b7280;
|
|
1038
|
+
}
|
|
1039
|
+
|
|
1040
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
1041
|
+
--fill: #6b7280;
|
|
1042
|
+
}
|
|
1043
|
+
|
|
1020
1044
|
.button__i8gkO {
|
|
1021
1045
|
min-width: min-content !important;
|
|
1022
1046
|
}
|
|
@@ -70,7 +70,7 @@ const useItemsPerRow = (shouldMeasure) => {
|
|
|
70
70
|
}, [shouldMeasure]);
|
|
71
71
|
return [ref, count];
|
|
72
72
|
};
|
|
73
|
-
const placeholder = "
|
|
73
|
+
const placeholder = "wds_1_339_0";
|
|
74
74
|
const versionedNamespace = placeholder.startsWith("wds_") ? placeholder : "";
|
|
75
75
|
const NAMESPACE = "wds";
|
|
76
76
|
const kebab = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
@@ -101,50 +101,6 @@ const createClassNames = (blockName, config = {}, versionedNs = versionedNamespa
|
|
|
101
101
|
};
|
|
102
102
|
};
|
|
103
103
|
const defineClassNames = (blockName, config = {}) => createClassNames(blockName, config);
|
|
104
|
-
function createStateClass(namespace, stateName, stateValue) {
|
|
105
|
-
if (stateValue === false || stateValue === void 0 || stateValue === null || stateValue !== stateValue) {
|
|
106
|
-
return "";
|
|
107
|
-
}
|
|
108
|
-
if (stateValue === true) {
|
|
109
|
-
return namespace + "--" + stateName;
|
|
110
|
-
}
|
|
111
|
-
var param = stateValue.toString();
|
|
112
|
-
return namespace + "---" + stateName + "-" + param.length + "-" + param.replace(/\s/gm, "_");
|
|
113
|
-
}
|
|
114
|
-
function classesRuntime(namespace) {
|
|
115
|
-
var classNames = [];
|
|
116
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
117
|
-
var item2 = arguments[i];
|
|
118
|
-
if (item2) {
|
|
119
|
-
if (typeof item2 === "string") {
|
|
120
|
-
classNames[classNames.length] = item2;
|
|
121
|
-
} else if (i === 2) {
|
|
122
|
-
for (var stateName in item2) {
|
|
123
|
-
var stateValue = item2[stateName];
|
|
124
|
-
var stateClass = createStateClass(namespace, stateName, stateValue);
|
|
125
|
-
if (stateClass) {
|
|
126
|
-
classNames[classNames.length] = stateClass;
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
return classNames.join(" ");
|
|
133
|
-
}
|
|
134
|
-
function statesRuntime(namespace, stateMapping) {
|
|
135
|
-
var classNames = [];
|
|
136
|
-
for (var stateName in stateMapping) {
|
|
137
|
-
var stateValue = stateMapping[stateName];
|
|
138
|
-
var stateClass = createStateClass(namespace, stateName, stateValue);
|
|
139
|
-
if (stateClass) {
|
|
140
|
-
classNames.push(stateClass);
|
|
141
|
-
}
|
|
142
|
-
}
|
|
143
|
-
return classNames.join(" ");
|
|
144
|
-
}
|
|
145
|
-
var _namespace_$4 = "wds_1_324_0_colors";
|
|
146
|
-
classesRuntime.bind(null, _namespace_$4);
|
|
147
|
-
statesRuntime.bind(null, _namespace_$4);
|
|
148
104
|
const noop = () => {
|
|
149
105
|
};
|
|
150
106
|
let depLogger = {
|
|
@@ -191,31 +147,181 @@ const filterObject = (object, filter = () => true) => {
|
|
|
191
147
|
}
|
|
192
148
|
return output;
|
|
193
149
|
};
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
var stVars$1 = { "D10": "var(--wds-color-black-100, var(--wsr-color-D10, #000624))", "D20": "var(--wds-color-black-200, var(--wsr-color-D20, #333853))", "D30": "var(--wds-color-black-300, var(--wsr-color-D30, #595D70))", "D40": "var(--wds-color-black-400, var(--wsr-color-D40, #868AA5))", "D50": "var(--wds-color-black-500, var(--wsr-color-D50, #ACAFC4))", "D55": "var(--wds-color-black-550, var(--wsr-color-D55, #CFD1DC))", "D60": "var(--wds-color-black-600, var(--wsr-color-D60, #DFE5EB))", "D70": "var(--wds-color-black-700, var(--wsr-color-D70, #ECEFF3))", "D75": "var(--wds-color-black-750, var(--wsr-color-D75, #F7F8F8))", "D80": "var(--wds-color-white, var(--wsr-color-D80, #FFFFFF))", "B00": "var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD))", "B05": "var(--wds-color-blue-50, var(--wsr-color-B05, #0F62E6))", "B10": "var(--wds-color-blue-100, var(--wsr-color-B10, #116DFF))", "B20": "var(--wds-color-blue-200, var(--wsr-color-B20, #5999FF))", "B30": "var(--wds-color-blue-300, var(--wsr-color-B30, #A8CAFF))", "B40": "var(--wds-color-blue-400, var(--wsr-color-B40, #D6E6FE))", "B50": "var(--wds-color-blue-500, var(--wsr-color-B50, #E7F0FF))", "B60": "var(--wds-color-blue-600, var(--wsr-color-B60, #F4F7FF))", "R00": "var(--wds-color-red-0, var(--wsr-color-R00, #B81206))", "R05": "var(--wds-color-red-50, var(--wsr-color-R05, #D0180B))", "R10": "var(--wds-color-red-100, var(--wsr-color-R10, #E62214))", "R20": "var(--wds-color-red-200, var(--wsr-color-R20, #FF6D63))", "R30": "var(--wds-color-red-300, var(--wsr-color-R30, #F69891))", "R40": "var(--wds-color-red-400, var(--wsr-color-R40, #FBD0CD))", "R50": "var(--wds-color-red-500, var(--wsr-color-R50, #FDE3E1))", "R60": "var(--wds-color-red-600, var(--wsr-color-R60, #FDECEB))", "P00": "var(--wds-color-purple-0, var(--wsr-color-P00, #7416A5))", "P05": "var(--wds-color-purple-50, var(--wsr-color-P05, #8E1DD1))", "P10": "var(--wds-color-purple-100, var(--wsr-color-P10, #9A27D5))", "P20": "var(--wds-color-purple-200, var(--wsr-color-P20, #C161F0))", "P30": "var(--wds-color-purple-300, var(--wsr-color-P30, #CF8CF1))", "P40": "var(--wds-color-purple-400, var(--wsr-color-P40, #E3C3F4))", "P50": "var(--wds-color-purple-500, var(--wsr-color-P50, #F1E0F9))", "P60": "var(--wds-color-purple-600, var(--wsr-color-P60, #F7EDFC))", "G00": "var(--wds-color-green-0, var(--wsr-color-G00, #1D8649))", "G05": "var(--wds-color-green-50, var(--wsr-color-G05, #229954))", "G10": "var(--wds-color-green-100, var(--wsr-color-G10, #25A55A))", "G20": "var(--wds-color-green-200, var(--wsr-color-G20, #51B77B))", "G30": "var(--wds-color-green-300, var(--wsr-color-G30, #87CEA5))", "G40": "var(--wds-color-green-400, var(--wsr-color-G40, #C8E8D6))", "G50": "var(--wds-color-green-500, var(--wsr-color-G50, #E1F4EB))", "G60": "var(--wds-color-green-600, var(--wsr-color-G60, #E9F6EE))", "Y00": "var(--wds-color-yellow-0, var(--wsr-color-Y00, #D59900))", "Y05": "var(--wds-color-yellow-50, var(--wsr-color-Y05, #E7A600))", "Y10": "var(--wds-color-yellow-100, var(--wsr-color-Y10, #FFB700))", "Y20": "var(--wds-color-yellow-200, var(--wsr-color-Y20, #FFC23D))", "Y30": "var(--wds-color-yellow-300, var(--wsr-color-Y30, #FFD16E))", "Y40": "var(--wds-color-yellow-400, var(--wsr-color-Y40, #FFE2A5))", "Y50": "var(--wds-color-yellow-500, var(--wsr-color-Y50, #FFF0D1))", "Y60": "var(--wds-color-yellow-600, var(--wsr-color-Y60, #FFF6E5))", "O00": "var(--wds-color-orange-0, var(--wsr-color-O00, #DF4D00))", "O05": "var(--wds-color-orange-50, var(--wsr-color-O05, #F05300))", "O10": "var(--wds-color-orange-100, var(--wsr-color-O10, #FE620F))", "O20": "var(--wds-color-orange-200, var(--wsr-color-O20, #FF7D38))", "O30": "var(--wds-color-orange-300, var(--wsr-color-O30, #FCBD9C))", "O40": "var(--wds-color-orange-400, var(--wsr-color-O40, #FDDBC8))", "O50": "var(--wds-color-orange-500, var(--wsr-color-O50, #FEE5D7))", "O60": "var(--wds-color-orange-600, var(--wsr-color-O60, #FEEFE6))", "F00": "var(--wds-color-blue-300, var(--wsr-color-F00, #A6D0FF))", "A1": "var(--wsr-color-A1, #1684EA)", "A2": "var(--wsr-color-A2, #17B0E2)", "A3": "var(--wsr-color-A3, #6544F9)", "A4": "var(--wsr-color-A4, #3D9FA1)", "A5": "var(--wsr-color-A5, #D04091)", "A6": "var(--wsr-color-A6, #FDB10C)", "B1": "var(--wsr-color-B1, #FF66C5)", "B2": "var(--wsr-color-B2, #FF9F41)", "B3": "var(--wsr-color-B3, #F9677A)", "B4": "var(--wsr-color-B4, #1550AC)", "C1": "var(--wsr-color-C1, #54CE91)", "C2": "var(--wsr-color-C2, #1989E5)", "C3": "var(--wsr-color-C3, #64B4F6)", "C4": "var(--wsr-color-C4, #FF9290)", "D10-03": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 3%, transparent)", "D10-05": "var(--wds-color-black-100-transparent-5, var(--wsr-color-D10-05, rgba(0, 6, 36, 0.05)))", "D10-06": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 6%, transparent)", "D10-10": "var(--wds-color-black-100-transparent-10, var(--wsr-color-D10-10, rgba(0, 6, 36, 0.10)))", "D10-12": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 12%, transparent)", "D10-18": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 18%, transparent)", "D10-20": "var(--wds-color-black-100-transparent-20, var(--wsr-color-D10-20, rgba(0, 6, 36, 0.20)))", "D10-24": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 24%, transparent)", "D10-30": "var(--wds-color-black-100-transparent-30, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))", "D10-36": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 36%, transparent)", "D10-42": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 42%, transparent)", "D10-66": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 66%, transparent)", "D10-90": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 90%, transparent)", "D10-96": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 96%, transparent)", "D20-48": "color-mix(in srgb, var(--wds-color-black-200, var(--wsr-color-D20, #333853)) 48%, transparent)", "D20-54": "color-mix(in srgb, var(--wds-color-black-200, var(--wsr-color-D20, #333853)) 54%, transparent)", "D20-60": "var(--wds-color-black-200-transparent-60, var(--wsr-color-D20-60, rgba(51, 56, 83, 0.60)))", "D20-72": "color-mix(in srgb, var(--wds-color-black-200, var(--wsr-color-D20, #333853)) 72%, transparent)", "D40-20": "var(--wds-color-black-300-transparent-20, var(--wsr-color-D40-20, rgba(134, 138, 165, 0.20)))", "D80-10": "var(--wds-color-white-transparent-10, var(--wsr-color-D80-10, rgba(255, 255, 255, 0.10)))", "D80-20": "var(--wds-color-white-transparent-20, var(--wsr-color-D80-20, rgba(255, 255, 255, 0.20)))", "D80-30": "var(--wds-color-white-transparent-30, var(--wsr-color-D80-30, rgba(255, 255, 255, 0.30)))", "D80-48": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 48%, transparent)", "D80-60": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 60%, transparent)", "D80-70": "var(--wds-color-white-transparent-70, var(--wsr-color-D80-70, rgba(255, 255, 255, 0.70)))", "B00-24": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 24%, transparent)", "B00-42": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 42%, transparent)", "B00-48": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 48%, transparent)", "D10-00": "var(--wds-color-black-100-transparent-0, var(--wsr-color-D10-00, rgba(22, 45, 61, 0.00)))", "D10-54": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 54%, transparent)", "D80-00": "var(--wds-color-white-transparent-0, var(--wsr-color-D80-00, rgba(255, 255, 255, 0)))", "D80-42": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 42%, transparent)", "D80-50": "var(--wds-color-white-transparent-50, var(--wsr-color-D80-50, rgba(255, 255, 255, 0.50)))", "D80-66": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 66%, transparent)", "D80-96": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 96%, transparent)", "D80-97": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 97%, transparent)", "B00-60": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 60%, transparent)", "B10-18": "color-mix(in srgb, var(--wds-color-blue-100, var(--wsr-color-B10, #116DFF)) 18%, transparent)", "THEME-COLOR-00": "var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD))", "THEME-COLOR-05": "var(--wds-color-blue-50, var(--wsr-color-B05, #0F62E6))", "THEME-COLOR-10": "var(--wds-color-blue-100, var(--wsr-color-B10, #116DFF))", "THEME-COLOR-20": "var(--wds-color-blue-200, var(--wsr-color-B20, #5999FF))", "THEME-COLOR-30": "var(--wds-color-blue-300, var(--wsr-color-B30, #A8CAFF))", "THEME-COLOR-40": "var(--wds-color-blue-400, var(--wsr-color-B40, #D6E6FE))", "THEME-COLOR-50": "var(--wds-color-blue-500, var(--wsr-color-B50, #E7F0FF))", "THEME-COLOR-60": "var(--wds-color-blue-600, var(--wsr-color-B60, #F4F7FF))", "THEME-TEXT-COLOR-PRIMARY": "var(--wds-color-black-100, var(--wsr-color-D10, #000624))", "THEME-TEXT-COLOR-PRIMARY-LIGHT": "var(--wds-color-white, var(--wsr-color-D80, #FFFFFF))", "THEME-TEXT-COLOR-SECONDARY": "var(--wds-color-black-200, var(--wsr-color-D20, #333853))", "THEME-TEXT-COLOR-SECONDARY-LIGHT": "var(--wds-color-black-400, var(--wsr-color-D40, #868AA5))", "THEME-DIVIDER-COLOR": "var(--wds-color-black-600, var(--wsr-color-D60, #DFE5EB))", "Gradient-AI01": "var(--wds-color-fill-ai-primary, linear-gradient(60deg, #0021FF -31%, #116DFF 65%, #5FF2AE 96%))", "Gradient-AI02": "var(--wds-color-fill-ai-primary-hover, linear-gradient(60deg, #0021FF -177%, #116DFF 32%, #5FF2AE 96%))", "SECTION-HEADER-COLOR-BG": "var(--wds-section-header-fill-neutral, var(--wsr-section-header-color-bg, #f7f8f8))", "SECTION-HEADER-COLOR-BORDER": "var(--wds-color-border-dark-secondary, var(--wsr-section-header-color-border, #dfe5eb))" };
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
150
|
+
const classes$3 = defineClassNames("box", {
|
|
151
|
+
root: {
|
|
152
|
+
variants: {
|
|
153
|
+
direction: ["horizontal", "vertical"],
|
|
154
|
+
align: ["left", "center", "right", "space-between"],
|
|
155
|
+
verticalAlign: ["top", "middle", "bottom", "space-between"]
|
|
156
|
+
},
|
|
157
|
+
states: ["inline"]
|
|
158
|
+
}
|
|
159
|
+
});
|
|
160
|
+
const spacing = {
|
|
161
|
+
spacing01: "1px",
|
|
162
|
+
spacing02: "2px",
|
|
163
|
+
spacing03: "3px",
|
|
164
|
+
spacing06: "6px",
|
|
165
|
+
spacing12: "12px",
|
|
166
|
+
spacing18: "18px",
|
|
167
|
+
spacing24: "24px",
|
|
168
|
+
spacing30: "30px",
|
|
169
|
+
spacing36: "36px",
|
|
170
|
+
spacing42: "42px",
|
|
171
|
+
spacing48: "48px",
|
|
172
|
+
spacing78: "78px",
|
|
173
|
+
spacing90: "90px",
|
|
174
|
+
DefaultSpacing: "6px",
|
|
175
|
+
Spacing: "var(--wds-space-100, 6px)",
|
|
176
|
+
SP1: "calc(var(--wds-space-100, 6px) * 1)",
|
|
177
|
+
SP2: "calc(var(--wds-space-100, 6px) * 2)",
|
|
178
|
+
SP3: "calc(var(--wds-space-100, 6px) * 3)",
|
|
179
|
+
SP4: "calc(var(--wds-space-100, 6px) * 4)",
|
|
180
|
+
SP5: "calc(var(--wds-space-100, 6px) * 5)",
|
|
181
|
+
SP6: "calc(var(--wds-space-100, 6px) * 6)",
|
|
182
|
+
SP7: "calc(var(--wds-space-100, 6px) * 7)",
|
|
183
|
+
SP8: "calc(var(--wds-space-100, 6px) * 8)",
|
|
184
|
+
SP9: "calc(var(--wds-space-100, 6px) * 9)",
|
|
185
|
+
SP10: "calc(var(--wds-space-100, 6px) * 10)"
|
|
186
|
+
};
|
|
187
|
+
const colors = {
|
|
188
|
+
D10: "var(--wds-color-black-100, var(--wsr-color-D10, #000624))",
|
|
189
|
+
D20: "var(--wds-color-black-200, var(--wsr-color-D20, #333853))",
|
|
190
|
+
D30: "var(--wds-color-black-300, var(--wsr-color-D30, #595D70))",
|
|
191
|
+
D40: "var(--wds-color-black-400, var(--wsr-color-D40, #868AA5))",
|
|
192
|
+
D50: "var(--wds-color-black-500, var(--wsr-color-D50, #ACAFC4))",
|
|
193
|
+
D55: "var(--wds-color-black-550, var(--wsr-color-D55, #CFD1DC))",
|
|
194
|
+
D60: "var(--wds-color-black-600, var(--wsr-color-D60, #DFE5EB))",
|
|
195
|
+
D70: "var(--wds-color-black-700, var(--wsr-color-D70, #ECEFF3))",
|
|
196
|
+
D75: "var(--wds-color-black-750, var(--wsr-color-D75, #F7F8F8))",
|
|
197
|
+
D80: "var(--wds-color-white, var(--wsr-color-D80, #FFFFFF))",
|
|
198
|
+
B00: "var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD))",
|
|
199
|
+
B05: "var(--wds-color-blue-50, var(--wsr-color-B05, #0F62E6))",
|
|
200
|
+
B10: "var(--wds-color-blue-100, var(--wsr-color-B10, #116DFF))",
|
|
201
|
+
B20: "var(--wds-color-blue-200, var(--wsr-color-B20, #5999FF))",
|
|
202
|
+
B30: "var(--wds-color-blue-300, var(--wsr-color-B30, #A8CAFF))",
|
|
203
|
+
B40: "var(--wds-color-blue-400, var(--wsr-color-B40, #D6E6FE))",
|
|
204
|
+
B50: "var(--wds-color-blue-500, var(--wsr-color-B50, #E7F0FF))",
|
|
205
|
+
B60: "var(--wds-color-blue-600, var(--wsr-color-B60, #F4F7FF))",
|
|
206
|
+
R00: "var(--wds-color-red-0, var(--wsr-color-R00, #B81206))",
|
|
207
|
+
R05: "var(--wds-color-red-50, var(--wsr-color-R05, #D0180B))",
|
|
208
|
+
R10: "var(--wds-color-red-100, var(--wsr-color-R10, #E62214))",
|
|
209
|
+
R20: "var(--wds-color-red-200, var(--wsr-color-R20, #FF6D63))",
|
|
210
|
+
R30: "var(--wds-color-red-300, var(--wsr-color-R30, #F69891))",
|
|
211
|
+
R40: "var(--wds-color-red-400, var(--wsr-color-R40, #FBD0CD))",
|
|
212
|
+
R50: "var(--wds-color-red-500, var(--wsr-color-R50, #FDE3E1))",
|
|
213
|
+
R60: "var(--wds-color-red-600, var(--wsr-color-R60, #FDECEB))",
|
|
214
|
+
P00: "var(--wds-color-purple-0, var(--wsr-color-P00, #7416A5))",
|
|
215
|
+
P05: "var(--wds-color-purple-50, var(--wsr-color-P05, #8E1DD1))",
|
|
216
|
+
P10: "var(--wds-color-purple-100, var(--wsr-color-P10, #9A27D5))",
|
|
217
|
+
P20: "var(--wds-color-purple-200, var(--wsr-color-P20, #C161F0))",
|
|
218
|
+
P30: "var(--wds-color-purple-300, var(--wsr-color-P30, #CF8CF1))",
|
|
219
|
+
P40: "var(--wds-color-purple-400, var(--wsr-color-P40, #E3C3F4))",
|
|
220
|
+
P50: "var(--wds-color-purple-500, var(--wsr-color-P50, #F1E0F9))",
|
|
221
|
+
P60: "var(--wds-color-purple-600, var(--wsr-color-P60, #F7EDFC))",
|
|
222
|
+
G00: "var(--wds-color-green-0, var(--wsr-color-G00, #1D8649))",
|
|
223
|
+
G05: "var(--wds-color-green-50, var(--wsr-color-G05, #229954))",
|
|
224
|
+
G10: "var(--wds-color-green-100, var(--wsr-color-G10, #25A55A))",
|
|
225
|
+
G20: "var(--wds-color-green-200, var(--wsr-color-G20, #51B77B))",
|
|
226
|
+
G30: "var(--wds-color-green-300, var(--wsr-color-G30, #87CEA5))",
|
|
227
|
+
G40: "var(--wds-color-green-400, var(--wsr-color-G40, #C8E8D6))",
|
|
228
|
+
G50: "var(--wds-color-green-500, var(--wsr-color-G50, #E1F4EB))",
|
|
229
|
+
G60: "var(--wds-color-green-600, var(--wsr-color-G60, #E9F6EE))",
|
|
230
|
+
Y00: "var(--wds-color-yellow-0, var(--wsr-color-Y00, #D59900))",
|
|
231
|
+
Y05: "var(--wds-color-yellow-50, var(--wsr-color-Y05, #E7A600))",
|
|
232
|
+
Y10: "var(--wds-color-yellow-100, var(--wsr-color-Y10, #FFB700))",
|
|
233
|
+
Y20: "var(--wds-color-yellow-200, var(--wsr-color-Y20, #FFC23D))",
|
|
234
|
+
Y30: "var(--wds-color-yellow-300, var(--wsr-color-Y30, #FFD16E))",
|
|
235
|
+
Y40: "var(--wds-color-yellow-400, var(--wsr-color-Y40, #FFE2A5))",
|
|
236
|
+
Y50: "var(--wds-color-yellow-500, var(--wsr-color-Y50, #FFF0D1))",
|
|
237
|
+
Y60: "var(--wds-color-yellow-600, var(--wsr-color-Y60, #FFF6E5))",
|
|
238
|
+
O00: "var(--wds-color-orange-0, var(--wsr-color-O00, #DF4D00))",
|
|
239
|
+
O05: "var(--wds-color-orange-50, var(--wsr-color-O05, #F05300))",
|
|
240
|
+
O10: "var(--wds-color-orange-100, var(--wsr-color-O10, #FE620F))",
|
|
241
|
+
O20: "var(--wds-color-orange-200, var(--wsr-color-O20, #FF7D38))",
|
|
242
|
+
O30: "var(--wds-color-orange-300, var(--wsr-color-O30, #FCBD9C))",
|
|
243
|
+
O40: "var(--wds-color-orange-400, var(--wsr-color-O40, #FDDBC8))",
|
|
244
|
+
O50: "var(--wds-color-orange-500, var(--wsr-color-O50, #FEE5D7))",
|
|
245
|
+
O60: "var(--wds-color-orange-600, var(--wsr-color-O60, #FEEFE6))",
|
|
246
|
+
F00: "var(--wds-color-blue-300, var(--wsr-color-F00, #A6D0FF))",
|
|
247
|
+
A1: "var(--wsr-color-A1, #1684EA)",
|
|
248
|
+
A2: "var(--wsr-color-A2, #17B0E2)",
|
|
249
|
+
A3: "var(--wsr-color-A3, #6544F9)",
|
|
250
|
+
A4: "var(--wsr-color-A4, #3D9FA1)",
|
|
251
|
+
A5: "var(--wsr-color-A5, #D04091)",
|
|
252
|
+
A6: "var(--wsr-color-A6, #FDB10C)",
|
|
253
|
+
B1: "var(--wsr-color-B1, #FF66C5)",
|
|
254
|
+
B2: "var(--wsr-color-B2, #FF9F41)",
|
|
255
|
+
B3: "var(--wsr-color-B3, #F9677A)",
|
|
256
|
+
B4: "var(--wsr-color-B4, #1550AC)",
|
|
257
|
+
C1: "var(--wsr-color-C1, #54CE91)",
|
|
258
|
+
C2: "var(--wsr-color-C2, #1989E5)",
|
|
259
|
+
C3: "var(--wsr-color-C3, #64B4F6)",
|
|
260
|
+
C4: "var(--wsr-color-C4, #FF9290)",
|
|
261
|
+
"D10-03": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 3%, transparent)",
|
|
262
|
+
"D10-05": "var(--wds-color-black-100-transparent-5, var(--wsr-color-D10-05, rgba(0, 6, 36, 0.05)))",
|
|
263
|
+
"D10-06": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 6%, transparent)",
|
|
264
|
+
"D10-10": "var(--wds-color-black-100-transparent-10, var(--wsr-color-D10-10, rgba(0, 6, 36, 0.10)))",
|
|
265
|
+
"D10-12": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 12%, transparent)",
|
|
266
|
+
"D10-18": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 18%, transparent)",
|
|
267
|
+
"D10-20": "var(--wds-color-black-100-transparent-20, var(--wsr-color-D10-20, rgba(0, 6, 36, 0.20)))",
|
|
268
|
+
"D10-24": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 24%, transparent)",
|
|
269
|
+
"D10-30": "var(--wds-color-black-100-transparent-30, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))",
|
|
270
|
+
"D10-36": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 36%, transparent)",
|
|
271
|
+
"D10-42": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 42%, transparent)",
|
|
272
|
+
"D10-66": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 66%, transparent)",
|
|
273
|
+
"D10-90": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 90%, transparent)",
|
|
274
|
+
"D10-96": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 96%, transparent)",
|
|
275
|
+
"D20-48": "color-mix(in srgb, var(--wds-color-black-200, var(--wsr-color-D20, #333853)) 48%, transparent)",
|
|
276
|
+
"D20-54": "color-mix(in srgb, var(--wds-color-black-200, var(--wsr-color-D20, #333853)) 54%, transparent)",
|
|
277
|
+
"D20-60": "var(--wds-color-black-200-transparent-60, var(--wsr-color-D20-60, rgba(51, 56, 83, 0.60)))",
|
|
278
|
+
"D20-72": "color-mix(in srgb, var(--wds-color-black-200, var(--wsr-color-D20, #333853)) 72%, transparent)",
|
|
279
|
+
"D40-20": "var(--wds-color-black-300-transparent-20, var(--wsr-color-D40-20, rgba(134, 138, 165, 0.20)))",
|
|
280
|
+
"D80-10": "var(--wds-color-white-transparent-10, var(--wsr-color-D80-10, rgba(255, 255, 255, 0.10)))",
|
|
281
|
+
"D80-20": "var(--wds-color-white-transparent-20, var(--wsr-color-D80-20, rgba(255, 255, 255, 0.20)))",
|
|
282
|
+
"D80-30": "var(--wds-color-white-transparent-30, var(--wsr-color-D80-30, rgba(255, 255, 255, 0.30)))",
|
|
283
|
+
"D80-48": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 48%, transparent)",
|
|
284
|
+
"D80-60": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 60%, transparent)",
|
|
285
|
+
"D80-70": "var(--wds-color-white-transparent-70, var(--wsr-color-D80-70, rgba(255, 255, 255, 0.70)))",
|
|
286
|
+
"B00-24": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 24%, transparent)",
|
|
287
|
+
"B00-42": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 42%, transparent)",
|
|
288
|
+
"B00-48": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 48%, transparent)",
|
|
289
|
+
"D10-00": "var(--wds-color-black-100-transparent-0, var(--wsr-color-D10-00, rgba(22, 45, 61, 0.00)))",
|
|
290
|
+
"D10-54": "color-mix(in srgb, var(--wds-color-black-100, var(--wsr-color-D10, #000624)) 54%, transparent)",
|
|
291
|
+
"D80-00": "var(--wds-color-white-transparent-0, var(--wsr-color-D80-00, rgba(255, 255, 255, 0)))",
|
|
292
|
+
"D80-42": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 42%, transparent)",
|
|
293
|
+
"D80-50": "var(--wds-color-white-transparent-50, var(--wsr-color-D80-50, rgba(255, 255, 255, 0.50)))",
|
|
294
|
+
"D80-66": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 66%, transparent)",
|
|
295
|
+
"D80-96": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 96%, transparent)",
|
|
296
|
+
"D80-97": "color-mix(in srgb, var(--wds-color-white, var(--wsr-color-D80, #FFFFFF)) 97%, transparent)",
|
|
297
|
+
"B00-60": "color-mix(in srgb, var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD)) 60%, transparent)",
|
|
298
|
+
"B10-18": "color-mix(in srgb, var(--wds-color-blue-100, var(--wsr-color-B10, #116DFF)) 18%, transparent)",
|
|
299
|
+
"THEME-COLOR-00": "var(--wds-color-blue-0, var(--wsr-color-B00, #084EBD))",
|
|
300
|
+
"THEME-COLOR-05": "var(--wds-color-blue-50, var(--wsr-color-B05, #0F62E6))",
|
|
301
|
+
"THEME-COLOR-10": "var(--wds-color-blue-100, var(--wsr-color-B10, #116DFF))",
|
|
302
|
+
"THEME-COLOR-20": "var(--wds-color-blue-200, var(--wsr-color-B20, #5999FF))",
|
|
303
|
+
"THEME-COLOR-30": "var(--wds-color-blue-300, var(--wsr-color-B30, #A8CAFF))",
|
|
304
|
+
"THEME-COLOR-40": "var(--wds-color-blue-400, var(--wsr-color-B40, #D6E6FE))",
|
|
305
|
+
"THEME-COLOR-50": "var(--wds-color-blue-500, var(--wsr-color-B50, #E7F0FF))",
|
|
306
|
+
"THEME-COLOR-60": "var(--wds-color-blue-600, var(--wsr-color-B60, #F4F7FF))",
|
|
307
|
+
"THEME-TEXT-COLOR-PRIMARY": "var(--wds-color-black-100, var(--wsr-color-D10, #000624))",
|
|
308
|
+
"THEME-TEXT-COLOR-PRIMARY-LIGHT": "var(--wds-color-white, var(--wsr-color-D80, #FFFFFF))",
|
|
309
|
+
"THEME-TEXT-COLOR-SECONDARY": "var(--wds-color-black-200, var(--wsr-color-D20, #333853))",
|
|
310
|
+
"THEME-TEXT-COLOR-SECONDARY-LIGHT": "var(--wds-color-black-400, var(--wsr-color-D40, #868AA5))",
|
|
311
|
+
"THEME-DIVIDER-COLOR": "var(--wds-color-black-600, var(--wsr-color-D60, #DFE5EB))",
|
|
312
|
+
"Gradient-AI01": "var(--wds-color-fill-ai-primary, linear-gradient(60deg, #0021FF -31%, #116DFF 65%, #5FF2AE 96%))",
|
|
313
|
+
"Gradient-AI02": "var(--wds-color-fill-ai-primary-hover, linear-gradient(60deg, #0021FF -177%, #116DFF 32%, #5FF2AE 96%))",
|
|
314
|
+
"SECTION-HEADER-COLOR-BG": "var(--wds-section-header-fill-neutral, var(--wsr-section-header-color-bg, #f7f8f8))",
|
|
315
|
+
"SECTION-HEADER-COLOR-BORDER": "var(--wds-color-border-dark-secondary, var(--wsr-section-header-color-border, #dfe5eb))"
|
|
316
|
+
};
|
|
211
317
|
const DIRECTION = {
|
|
212
318
|
horizontal: "horizontal"
|
|
213
319
|
};
|
|
214
320
|
const SPACING = {
|
|
215
|
-
tiny:
|
|
216
|
-
small:
|
|
217
|
-
medium:
|
|
218
|
-
large:
|
|
321
|
+
tiny: spacing.SP1,
|
|
322
|
+
small: spacing.SP2,
|
|
323
|
+
medium: spacing.SP3,
|
|
324
|
+
large: spacing.SP4
|
|
219
325
|
};
|
|
220
326
|
const formatSpacingValue = (value) => {
|
|
221
327
|
return value == null ? void 0 : value.toString().split(" ").map(computeSpacingValue).join(" ");
|
|
@@ -225,11 +331,11 @@ function isSpacingKey(value) {
|
|
|
225
331
|
}
|
|
226
332
|
const computeSpacingValue = (value) => {
|
|
227
333
|
if (isFinite(Number(value))) {
|
|
228
|
-
return `calc(${Number(value)} * ${
|
|
334
|
+
return `calc(${Number(value)} * ${spacing.Spacing})`;
|
|
229
335
|
}
|
|
230
336
|
if (typeof value === "string") {
|
|
231
|
-
if (value in
|
|
232
|
-
return
|
|
337
|
+
if (value in spacing) {
|
|
338
|
+
return spacing[value];
|
|
233
339
|
} else if (isSpacingKey(value)) {
|
|
234
340
|
return SPACING[value];
|
|
235
341
|
}
|
|
@@ -255,7 +361,7 @@ const getColorStyles = (props) => {
|
|
|
255
361
|
for (const propName in props) {
|
|
256
362
|
const propValue = props[propName];
|
|
257
363
|
if (propValue) {
|
|
258
|
-
styles2[propName] =
|
|
364
|
+
styles2[propName] = colors[propValue] || propValue;
|
|
259
365
|
}
|
|
260
366
|
}
|
|
261
367
|
return styles2;
|
|
@@ -266,12 +372,7 @@ const Box = forwardRef(({ inline = false, direction = DIRECTION.horizontal, chil
|
|
|
266
372
|
deprecationLog('<Box/> - prop "data-hook" is deprecated and will be removed in next major release, please use "dataHook" instead.');
|
|
267
373
|
}
|
|
268
374
|
}, [dataHookByKebabCase]);
|
|
269
|
-
const rootClassNames =
|
|
270
|
-
inline,
|
|
271
|
-
direction,
|
|
272
|
-
alignItems: align,
|
|
273
|
-
justifyContent: verticalAlign
|
|
274
|
-
}, className);
|
|
375
|
+
const rootClassNames = classes$3.root({ inline, direction, align, verticalAlign }, className);
|
|
275
376
|
const rootStyles = {
|
|
276
377
|
...style,
|
|
277
378
|
...getSpacingValues({
|
|
@@ -304,7 +405,7 @@ const Box = forwardRef(({ inline = false, direction = DIRECTION.horizontal, chil
|
|
|
304
405
|
borderBottomColor,
|
|
305
406
|
borderLeftColor
|
|
306
407
|
}),
|
|
307
|
-
|
|
408
|
+
"--wds-internal-box-gap": formatSpacingValue(gap) || 0,
|
|
308
409
|
...nativeStyles
|
|
309
410
|
};
|
|
310
411
|
const rootStylesFiltered = filterObject(rootStyles, (_key, value) => typeof value !== "undefined");
|
|
@@ -621,6 +621,30 @@
|
|
|
621
621
|
transform: rotate(var(--disabled-icon-rotation, var(--icon-rotation)));
|
|
622
622
|
}
|
|
623
623
|
|
|
624
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(:disabled) {
|
|
625
|
+
background: #e5e7eb;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
.root__IB9QF:where(:disabled) .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
629
|
+
color: #6b7280;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
.root__IB9QF:where(:disabled) .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
633
|
+
--fill: #6b7280;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
:is(.root__IB9QF, #_-1-__0K-05):where(.editorPreview__aTsVL):disabled {
|
|
637
|
+
background: #e5e7eb;
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .label__EtLji:is(.label__EtLji, #_-1-__0K-05) {
|
|
641
|
+
color: #6b7280;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.root__IB9QF:where(.editorPreview__aTsVL):disabled .icon__ZzsS5.icon__ZzsS5:is(.icon__ZzsS5, #_-1-__0K-05) {
|
|
645
|
+
--fill: #6b7280;
|
|
646
|
+
}
|
|
647
|
+
|
|
624
648
|
.button__i8gkO {
|
|
625
649
|
min-width: min-content !important;
|
|
626
650
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/editor-react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2785.0",
|
|
4
4
|
"description": "React components for the Wix Editor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
"@wix/cli-app": "^1.1.263",
|
|
121
121
|
"@wix/component-protocol": "^1.253.0",
|
|
122
122
|
"@wix/components-infra": "^1.0.0",
|
|
123
|
-
"@wix/design-system": "^1.
|
|
123
|
+
"@wix/design-system": "^1.339.0",
|
|
124
124
|
"@wix/design-system-illustrations": "^2.40.2",
|
|
125
125
|
"@wix/editor": "^1.726.0",
|
|
126
126
|
"@wix/editor-elements-scripts": "^1.0.0",
|
|
@@ -222,5 +222,5 @@
|
|
|
222
222
|
"registry": "https://registry.npmjs.org/",
|
|
223
223
|
"access": "public"
|
|
224
224
|
},
|
|
225
|
-
"falconPackageHash": "
|
|
225
|
+
"falconPackageHash": "d1571633afc7d3ddad0fceece2adfd9cc9d26e5e59ef6deef4523843"
|
|
226
226
|
}
|