@wix/editor-react-components 1.2765.0 → 1.2767.0

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

@@ -1,14 +1,5 @@
+export declare const TEXT_PROP_STATIC_VALUE_MAX_LENGTH = 400;
 export declare const DesignStates: {
-    readonly root: {
-        readonly hover: {
-            readonly displayName: "Hover";
-            readonly className: "dropdown--hover";
-        };
-        readonly disabled: {
-            readonly displayName: "Disabled";
-            readonly className: "dropdown--disabled";
-        };
-    };
     readonly input: {
         readonly hover: {
             readonly displayName: "Hover";
@@ -18,31 +9,15 @@ export declare const DesignStates: {
             readonly displayName: "Focus";
             readonly className: "dropdown__input--focus";
         };
+        readonly error: {
+            readonly displayName: "Error";
+            readonly className: "dropdown__input--error";
+        };
         readonly disabled: {
             readonly displayName: "Disabled";
             readonly className: "dropdown__input--disabled";
         };
     };
-    readonly trigger: {
-        readonly hover: {
-            readonly displayName: "Hover";
-            readonly className: "dropdown__trigger--hover";
-        };
-        readonly selected: {
-            readonly displayName: "Selected";
-            readonly className: "dropdown__trigger--selected";
-        };
-    };
-    readonly clearButton: {
-        readonly hover: {
-            readonly displayName: "Hover";
-            readonly className: "dropdown__clear--hover";
-        };
-        readonly selected: {
-            readonly displayName: "Selected";
-            readonly className: "dropdown__clear--selected";
-        };
-    };
     readonly option: {
         readonly hover: {
             readonly displayName: "Hover";
@@ -53,29 +28,10 @@ export declare const DesignStates: {
             readonly className: "dropdown__option--selected";
         };
     };
-    readonly chip: {
-        readonly hover: {
-            readonly displayName: "Hover";
-            readonly className: "dropdown__chip--hover";
-        };
-        readonly selected: {
-            readonly displayName: "Selected";
-            readonly className: "dropdown__chip--selected";
-        };
-    };
-};
-export declare const ElementKeys: {
-    readonly label: "label";
-    readonly input: "input";
-    readonly trigger: "trigger";
-    readonly clearButton: "clearButton";
-    readonly list: "list";
-    readonly option: "option";
-    readonly chip: "chip";
 };
 export declare const FunctionalStateKeys: {
     readonly previewList: "previewList";
-    readonly previewChips: "previewChips";
+    readonly previewError: "previewError";
 };
 export declare const DisplayNames: {
     root: {
@@ -85,156 +41,58 @@ export declare const DisplayNames: {
             optionLabel: string;
             optionValue: string;
             value: string;
-            values: string;
-            defaultValue: string;
-            defaultValues: string;
-            inputValue: string;
-            open: string;
-            isDisabled: string;
+            disabled: string;
             placeholder: string;
-            searchable: string;
-            multiple: string;
-            clearable: string;
-            autoHighlight: string;
-            openOnInputClick: string;
-            inline: string;
-            grid: string;
-            columns: string;
-            limit: string;
             label: string;
-            required: string;
             readOnly: string;
-            description: string;
-            triggerMode: {
-                displayName: string;
-                options: {
-                    onSelection: string;
-                    onApply: string;
-                };
-            };
-            applyButtonLabel: string;
+            helperText: string;
+            errorMessage: string;
+        };
+        descriptions: {
+            value: string;
+            helperText: string;
+            errorMessage: string;
         };
         cssCustomProperties: {
-            width: string;
-            maxWidth: string;
-            backgroundColor: string;
-            borderColor: string;
-            borderWidth: string;
-            paddingTop: string;
-            paddingBottom: string;
-            paddingInlineStart: string;
-            paddingInlineEnd: string;
-            gap: string;
-            boxShadow: string;
-            textAlign: string;
-            font: string;
-            textColor: string;
-            labelFont: string;
-            labelColor: string;
-            helperFont: string;
-            helperColor: string;
-            optionTextColor: string;
-            optionHoverBackgroundColor: string;
             placeholderColor: string;
-            chipBackgroundColor: string;
-            chipTextColor: string;
+            optionsGap: string;
         };
         elements: {
             label: string;
             input: string;
-            trigger: string;
-            clearButton: string;
             list: string;
             option: string;
-            chip: string;
+            helperText: string;
+            errorMessage: string;
+        };
+        presets: {
+            baseDropdown: string;
         };
         displayGroups: {
             optionsGroup: string;
-            sizeGroup: string;
-            backgroundGroup: string;
-            cornersGroup: string;
-            paddingGroup: string;
         };
     };
 };
-export declare const defaultValues: {
-    readonly placeholder: "Select a value";
-    readonly inputValue: "";
-    readonly open: false;
-    readonly isDisabled: false;
-    readonly searchable: false;
-    readonly multiple: false;
-    readonly clearable: false;
-    readonly autoHighlight: false;
-    readonly openOnInputClick: true;
-    readonly inline: false;
-    readonly grid: false;
-    readonly columns: 2;
-    readonly limit: -1;
-    readonly label: "";
-    readonly required: false;
-    readonly readOnly: false;
-    readonly name: "";
-    readonly description: "";
-    readonly triggerMode: "onSelection";
-    readonly applyButtonLabel: "Apply";
-    readonly noResultsText: "No results";
-};
-export declare const enum TriggerModeValues {
-    OnSelection = "onSelection",
-    OnApply = "onApply"
-}
-/** The value that represents the cleared / empty state. */
-export declare const ALL_VALUE = "";
 export declare const TestIds: {
     readonly root: "dropdown-root";
     readonly label: "dropdown-label";
-    readonly requiredIndicator: "dropdown-required-indicator";
-    readonly trigger: "dropdown-trigger";
-    readonly listbox: "dropdown-listbox";
-    readonly clear: "dropdown-clear";
-    readonly applyButton: "dropdown-apply-button";
-    readonly description: "dropdown-description";
+    readonly input: "dropdown-input";
+    readonly list: "dropdown-list";
+    readonly helperText: "dropdown-helper-text";
     readonly errorMessage: "dropdown-error-message";
 };
-export declare const selectors: {
+export declare const editorElementClassNames: {
     readonly root: "dropdown";
     readonly label: "dropdown-label";
     readonly input: "dropdown-input";
-    readonly trigger: "dropdown-trigger";
-    readonly clear: "dropdown-clear";
     readonly list: "dropdown-list";
     readonly option: "dropdown-option";
-    readonly chip: "dropdown-chip";
-};
-export declare const semanticClassNames: {
-    readonly root: "dropdown";
-    readonly label: "dropdown__label";
-    readonly requiredIndicator: "dropdown__required-indicator";
-    readonly input: "dropdown__input";
-    readonly trigger: "dropdown__trigger";
-    readonly clear: "dropdown__clear";
-    readonly listbox: "dropdown__listbox";
-    readonly option: "dropdown__option";
-    readonly chips: "dropdown__chips";
-    readonly chip: "dropdown__chip";
-    readonly applyButton: "dropdown__apply-button";
-    readonly errorMessage: "dropdown__error-message";
+    readonly helperText: "dropdown-helper-text";
+    readonly errorMessage: "dropdown-error-message";
 };
-export declare const ARIA_LABEL_NAMESPACE = "ariaLabels";
 export declare const AriaLabels: {
     readonly root: {
         readonly key: "Dropdown_AriaLabel";
         readonly default: "Dropdown";
     };
-    readonly clear: {
-        readonly key: "Dropdown_AriaLabel_Clear";
-        readonly default: "Clear";
-    };
-    readonly removeItem: {
-        readonly key: "Dropdown_AriaLabel_RemoveItem";
-        readonly default: "Remove";
-    };
 };
-/** Intrinsic `required` failure message (pre-resolved; i18n is a shared TODO). */
-export declare const VALUE_MISSING_MESSAGE = "Please select an option.";