@wix/editor-react-components 1.2879.0 → 1.2881.0

package/dist/site/components/Checkbox/css.css

@@ -2,6 +2,7 @@
   box-sizing: border-box;
   display: flex;
   align-items: center;
+  min-width: min-content !important;
   max-width: 100%;
 }
 
@@ -78,6 +79,9 @@
 .label__Y3ciV {
   cursor: pointer;
   margin-bottom: 0;
+  flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
 }
 .label__Y3ciV[data-disabled] {
   cursor: default;
@@ -85,12 +89,7 @@
 
 .errorMessage__PtMqM {
   contain: inline-size;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-height: 2lh;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
 }
 .errorMessage__PtMqM svg {
   display: none;

package/dist/site/components/DatePicker/css.css

@@ -17,15 +17,13 @@
 .label__YTX1z,
 .helperText__CKn-5,
 .errorMessage__b9Pp3 {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  overflow: hidden;
   min-width: 0;
   max-width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.errorMessage__b9Pp3 {
+  display: block;
 }
 
 .group__2UIvk {

package/dist/site/components/Dropdown/Dropdown.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { DropdownProps } from './Dropdown.types';
-export default function Dropdown({ a11y, className, direction, disabled, elementProps, errorMessage, helperText, id, label, onValueChange, options, placeholder, previewError, previewList, readOnly, value, wix, ...rest }: DropdownProps): React.JSX.Element;
+export default function Dropdown({ className, direction, disabled, elementProps, errorMessage, helperText, id, label, onValueChange, options, placeholder, previewError, previewList, readOnly, value, wix, ...rest }: DropdownProps): React.JSX.Element;

package/dist/site/components/Dropdown/Dropdown.types.d.ts

@@ -1,4 +1,4 @@
-import { A11y, Direction } from '@wix/editor-react-types';
+import { Direction } from '@wix/editor-react-types';
 export type DropdownOption = {
     /** Text shown to the visitor in the list. */
     label: string;
@@ -57,8 +57,6 @@ export type DropdownProps = {
     previewError?: boolean;
     /** Writing direction applied to the root. */
     direction?: Direction;
-    /** Accessibility attributes. `ariaLabel` labels the dropdown for assistive tech. */
-    a11y?: A11y;
     /** Per-element className overrides. Keys match the manifest element keys. */
     elementProps?: DropdownElementProps;
     /** Platform-provided props. */

package/dist/site/components/Dropdown/component.js

@@ -8,7 +8,6 @@ import { T as TranslationsDefinition } from "../chunks/index5.js";
 import { a as getDataAttributes } from "../chunks/dataUtils.js";
 import { d as directionStyles } from "../chunks/direction.module.js";
 import { p as presetWrapperStyles } from "../chunks/presetWrapper.module.js";
-import { a as accessibilityStyles } from "../chunks/accessibility.module.js";
 import { A as AriaLabels, T as TestIds, e as editorElementClassNames, D as DesignStates } from "../chunks/constants36.js";
 const root = "root__WnTks";
 const input = "input__pbp9w";
@@ -43,7 +42,6 @@ const styles = {
 const itemToStringLabel = (item) => (item == null ? void 0 : item.label) ?? "";
 const itemToStringValue = (item) => (item == null ? void 0 : item.value) ?? "";
 function Dropdown({
-  a11y,
   className,
   direction,
   disabled,
@@ -76,15 +74,14 @@ function Dropdown({
   const inErrorState = hasError || Boolean(previewError);
   const { language } = useCurrentLanguage();
   const { translate } = useService(TranslationsDefinition);
-  const ariaLabel = (a11y == null ? void 0 : a11y.ariaLabel) || (label2 ? void 0 : translate("ariaLabels")(
+  const ariaLabel = label2 ? void 0 : translate("ariaLabels")(
     AriaLabels.root.legacyKey,
     AriaLabels.root.default
-  ));
+  );
   const comboboxId = `${id}-combobox`;
   const helperTextId = helperText2 ? `${id}-helper-text` : void 0;
   const errorMessageId = inErrorState ? `${id}-error-message` : void 0;
   const describedBy = [helperTextId, errorMessageId].filter(Boolean).join(" ") || void 0;
-  const accessibleNameId = label2 && ariaLabel ? `${id}-accessible-name` : void 0;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -120,14 +117,6 @@ function Dropdown({
                 readOnly,
                 value: selectedOption ?? null,
                 children: [
-                  accessibleNameId && /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      id: accessibleNameId,
-                      className: accessibilityStyles.visuallyHidden,
-                      children: ariaLabel
-                    }
-                  ),
                   label2 && /* @__PURE__ */ jsx(
                     Combobox.Label,
                     {
@@ -143,7 +132,6 @@ function Dropdown({
                   /* @__PURE__ */ jsxs(
                     Combobox.Trigger,
                     {
-                      ...accessibleNameId ? { "aria-labelledby": accessibleNameId } : {},
                       "aria-describedby": describedBy,
                       "aria-haspopup": "listbox",
                       "aria-invalid": inErrorState || void 0,
@@ -190,8 +178,8 @@ function Dropdown({
                       children: /* @__PURE__ */ jsx(
                         Combobox.List,
                         {
-                          "aria-label": label2 ? void 0 : ariaLabel,
-                          "aria-labelledby": accessibleNameId ?? (label2 ? `${comboboxId}-label` : void 0),
+                          "aria-label": ariaLabel,
+                          "aria-labelledby": label2 ? `${comboboxId}-label` : void 0,
                           className: styles.list,
                           children: options == null ? void 0 : options.map((option2, index) => {
                             var _a2;

package/dist/site/components/Dropdown/constants.d.ts

@@ -1,4 +1,4 @@
-export declare const COMPONENT_TYPE = "wixEditorElements.Dropdown__DEV__v5";
+export declare const COMPONENT_TYPE = "wixEditorElements.Dropdown__DEV__v6";
 export declare const DesignStates: {
     readonly input: {
         readonly hover: {

package/dist/site/components/Dropdown/css.css

@@ -54,12 +54,7 @@
   min-width: 100px;
   min-height: 1lh;
   contain: inline-size;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-height: 2lh;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
   color: inherit;
   font: inherit;
 }
@@ -72,35 +67,16 @@
 
 .errorMessage__iMuAa {
   contain: inline-size;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-height: 2lh;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
 }
 .errorMessage__iMuAa svg {
   display: none;
 }
 
-.label__Q7fZH {
-  contain: inline-size;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-height: 2lh;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
+.label__Q7fZH,
 .helperText__M9s0b {
   contain: inline-size;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-height: 2lh;
-  overflow: hidden;
-  text-overflow: ellipsis;
+  overflow-wrap: anywhere;
 }
 
 .positioner__YS--m {
@@ -151,15 +127,4 @@
 }
 .presetWrapper__J1yzj {
   display: contents;
-}
-.visuallyHidden__Md84p {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
 }

package/dist/site/components/Dropdown/manifest.js

@@ -3,7 +3,7 @@ import { a as DisplayNames, F as FunctionalStateKeys, e as editorElementClassNam
 import { T as TEXT_PROP_STATIC_VALUE_MAX_LENGTH } from "../chunks/manifest.js";
 const basePresetName = "baseDropdown";
 const manifest = {
-  id: "d46302be-0629-45c8-bdf3-cdb14c6457c8",
+  id: "550ebc8b-39bc-4b95-a76e-57d3b0350a0e",
   type: COMPONENT_TYPE,
   description: "A single-select dropdown input. Visitors pick a value from a list of options. Options can be set statically or fed dynamically by a connected data source.",
   installation: {
@@ -493,12 +493,6 @@ const manifest = {
           maxLength: TEXT_PROP_STATIC_VALUE_MAX_LENGTH
         }
       },
-      a11y: {
-        dataType: DATA.DATA_TYPE.a11y,
-        [DATA.DATA_TYPE.a11y]: {
-          attributes: [DATA.A11Y_ATTRIBUTES.ariaLabel]
-        }
-      },
       direction: {
         dataType: DATA.DATA_TYPE.direction
       },

package/dist/site/components/TextInput/css.css

@@ -28,14 +28,9 @@
 .root__zQlRz .label__mbGIM,
 .root__zQlRz .helperText__SfMAH,
 .root__zQlRz .errorMessage__4XDzv {
+  display: block;
   contain: inline-size;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  max-height: 2lh;
   overflow-wrap: anywhere;
-  overflow: hidden;
-  text-overflow: ellipsis;
 }
 .root__zQlRz .helperText__SfMAH,
 .root__zQlRz .errorMessage__4XDzv {

package/dist/site/components/TimePicker/css.css

@@ -15,15 +15,9 @@
 .label__THO5j,
 .description__ePprf,
 .errorMessage__zxbOJ {
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
-  overflow: hidden;
   min-width: 0;
   max-width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
+  overflow-wrap: anywhere;
 }
 
 .group__6HZy7 {

package/dist/site/components/chunks/constants36.js

@@ -1,4 +1,4 @@
-const COMPONENT_TYPE = "wixEditorElements.Dropdown__DEV__v5";
+const COMPONENT_TYPE = "wixEditorElements.Dropdown__DEV__v6";
 const DesignStates = {
   input: {
     hover: { displayName: "Hover", className: "dropdown__input--hover" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/editor-react-components",
-  "version": "1.2879.0",
+  "version": "1.2881.0",
   "description": "React components for the Wix Editor",
   "license": "MIT",
   "type": "module",
@@ -228,5 +228,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "cd4e2a330a5709ad9c1a6676f8ca0596c33ee02ba8077946768853cf"
+  "falconPackageHash": "87da3c56182c06972a6d33b9b8a2bc03db27afa643486a0707e0f6c5"
 }