@wix/editor-react-components 1.2822.0 → 1.2824.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.
|
@@ -151,6 +151,7 @@ function Dropdown({
|
|
|
151
151
|
"aria-haspopup": "listbox",
|
|
152
152
|
"aria-invalid": inErrorState || void 0,
|
|
153
153
|
"aria-label": ariaLabel,
|
|
154
|
+
"aria-readonly": readOnly || void 0,
|
|
154
155
|
className: clsx(
|
|
155
156
|
styles.input,
|
|
156
157
|
editorElementClassNames.input,
|
|
@@ -182,34 +183,43 @@ function Dropdown({
|
|
|
182
183
|
/* @__PURE__ */ jsx(Combobox.Portal, { container: popoverContainer, children: /* @__PURE__ */ jsx(Combobox.Positioner, { className: styles.positioner, sideOffset: 4, children: /* @__PURE__ */ jsx(
|
|
183
184
|
Combobox.Popup,
|
|
184
185
|
{
|
|
186
|
+
role: "presentation",
|
|
185
187
|
className: clsx(
|
|
186
188
|
styles.popup,
|
|
187
189
|
editorElementClassNames.list,
|
|
188
190
|
(_c = elementProps == null ? void 0 : elementProps.list) == null ? void 0 : _c.className
|
|
189
191
|
),
|
|
190
192
|
"data-testid": TestIds.list,
|
|
191
|
-
children: /* @__PURE__ */ jsx(
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
{
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
193
|
+
children: /* @__PURE__ */ jsx(
|
|
194
|
+
Combobox.List,
|
|
195
|
+
{
|
|
196
|
+
"aria-label": label2 ? void 0 : ariaLabel,
|
|
197
|
+
"aria-labelledby": accessibleNameId ?? (label2 ? `${comboboxId}-label` : void 0),
|
|
198
|
+
className: styles.list,
|
|
199
|
+
children: options == null ? void 0 : options.map((option2, index) => {
|
|
200
|
+
var _a2;
|
|
201
|
+
return /* @__PURE__ */ jsx(
|
|
202
|
+
Combobox.Item,
|
|
203
|
+
{
|
|
204
|
+
className: clsx(
|
|
205
|
+
styles.option,
|
|
206
|
+
editorElementClassNames.option,
|
|
207
|
+
(_a2 = elementProps == null ? void 0 : elementProps.option) == null ? void 0 : _a2.className,
|
|
208
|
+
// No native pseudo-class exists for "selected" (see
|
|
209
|
+
// the manifest's `option.states.selected` comment)
|
|
210
|
+
// — applied for real here so the panel's per-state
|
|
211
|
+
// export has a real selector to bind to, not just
|
|
212
|
+
// the editor's own design-preview injection.
|
|
213
|
+
option2 === selectedOption ? DesignStates.option.selected.className : void 0
|
|
214
|
+
),
|
|
215
|
+
value: option2,
|
|
216
|
+
children: /* @__PURE__ */ jsx("span", { className: styles.optionLabel, children: option2.label })
|
|
217
|
+
},
|
|
218
|
+
`option-${index}`
|
|
219
|
+
);
|
|
220
|
+
})
|
|
221
|
+
}
|
|
222
|
+
)
|
|
213
223
|
}
|
|
214
224
|
) }) })
|
|
215
225
|
]
|
|
@@ -238,6 +248,7 @@ function Dropdown({
|
|
|
238
248
|
),
|
|
239
249
|
"data-testid": TestIds.errorMessage,
|
|
240
250
|
id: errorMessageId,
|
|
251
|
+
role: "alert",
|
|
241
252
|
match: true,
|
|
242
253
|
children: errorMessage2
|
|
243
254
|
}
|
|
@@ -15,6 +15,18 @@
|
|
|
15
15
|
cursor: pointer;
|
|
16
16
|
height: auto;
|
|
17
17
|
}
|
|
18
|
+
#SITE_CONTAINER.focus-ring-active.keyboard-tabbing-on .root__WnTks .input__pbp9w:focus {
|
|
19
|
+
outline: 2px solid #116dff;
|
|
20
|
+
outline-offset: 1px;
|
|
21
|
+
box-shadow: 0 0 1px 2px #ffffff;
|
|
22
|
+
}
|
|
23
|
+
@media (forced-colors: active) {
|
|
24
|
+
.root__WnTks .input__pbp9w:focus {
|
|
25
|
+
outline: 3px solid Highlight !important;
|
|
26
|
+
outline-offset: 1px !important;
|
|
27
|
+
box-shadow: none;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
18
30
|
.root__WnTks .input__pbp9w:disabled, .root__WnTks .input__pbp9w.dropdown__input--disabled {
|
|
19
31
|
cursor: not-allowed;
|
|
20
32
|
}
|
|
@@ -24,6 +36,19 @@
|
|
|
24
36
|
gap: 8px;
|
|
25
37
|
cursor: pointer;
|
|
26
38
|
}
|
|
39
|
+
#SITE_CONTAINER.focus-ring-active.keyboard-tabbing-on .root__WnTks .option__QJeiF[data-highlighted] {
|
|
40
|
+
outline: 2px solid #116dff;
|
|
41
|
+
outline-offset: 1px;
|
|
42
|
+
box-shadow: 0 0 1px 2px #ffffff;
|
|
43
|
+
outline-offset: -2px;
|
|
44
|
+
}
|
|
45
|
+
@media (forced-colors: active) {
|
|
46
|
+
.root__WnTks .option__QJeiF[data-highlighted] {
|
|
47
|
+
outline: 3px solid Highlight !important;
|
|
48
|
+
outline-offset: -3px !important;
|
|
49
|
+
box-shadow: none;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
27
52
|
.root__WnTks .option__QJeiF .optionLabel__pBY1S {
|
|
28
53
|
flex: 1;
|
|
29
54
|
min-width: 100px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/editor-react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2824.0",
|
|
4
4
|
"description": "React components for the Wix Editor",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -224,5 +224,5 @@
|
|
|
224
224
|
"registry": "https://registry.npmjs.org/",
|
|
225
225
|
"access": "public"
|
|
226
226
|
},
|
|
227
|
-
"falconPackageHash": "
|
|
227
|
+
"falconPackageHash": "1e9f51e8b04cffec2d8f8959875c554c6642b2498dc04bf7d0e363f5"
|
|
228
228
|
}
|