@wix/editor-react-components 1.2762.0 → 1.2763.0

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

@@ -1,182 +1,69 @@
+const manifestClasses = {
+  root: "collapsible-text",
+  text: "text",
+  expandControl: "expand-control"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Date Picker",
+    elementDisplayName: "Collapsible Text",
+    actions: {
+      settings: "Settings",
+      design: "Design"
+    },
     data: {
-      value: "Selected date",
-      endValue: "Selected end date",
-      defaultValue: "Default date",
-      defaultEndValue: "Default end date",
-      onEndChange: "On End Change",
-      selectionMode: {
-        displayName: "Selection",
-        options: {
-          single: "Single date",
-          range: "Date range"
-        }
-      },
-      granularity: {
-        displayName: "Time precision",
+      expandMode: {
+        displayName: "Choose what the button does",
         options: {
-          day: "Date only",
-          hour: "Date and hour",
-          minute: "Date and time"
+          button: "Expands",
+          link: "Links"
         }
       },
-      tooltip: "Tooltip",
-      label: "Label",
-      description: "Helper text",
-      minDate: "Earliest date",
-      maxDate: "Latest date",
-      unavailableDates: "Unavailable dates",
-      unavailableFrom: "From",
-      unavailableTo: "To",
-      allowPastDates: "Allow past dates",
-      allowFutureDates: "Allow future dates",
-      required: "Required",
-      readOnly: "Read only",
-      disabled: "Disabled",
-      clearable: "Show clear button"
-    },
-    designStates: {
-      hover: "Hover",
-      focus: "Focus",
-      disabled: "Disabled",
-      selected: "Selected"
+      text: "Text",
+      readMoreText: "Expand button text",
+      readLessText: "Collapse button text",
+      linkText: "Link text"
     },
     elements: {
-      label: "Label",
-      description: "Helper text",
-      dateInput: "Date input",
-      calendarButton: "Calendar button",
-      popover: "Popover",
-      calendar: "Calendar",
-      calendarDay: "Calendar day",
-      today: "Today"
-    }
-  }
-};
-const defaultValues = {
-  selectionMode: "single",
-  granularity: "day",
-  tooltip: "",
-  label: "",
-  description: "",
-  allowPastDates: true,
-  allowFutureDates: true,
-  required: false,
-  readOnly: false,
-  disabled: false,
-  clearable: false
-};
-var SelectionModeValues = /* @__PURE__ */ ((SelectionModeValues2) => {
-  SelectionModeValues2["Single"] = "single";
-  SelectionModeValues2["Range"] = "range";
-  return SelectionModeValues2;
-})(SelectionModeValues || {});
-var GranularityValues = /* @__PURE__ */ ((GranularityValues2) => {
-  GranularityValues2["Day"] = "day";
-  GranularityValues2["Hour"] = "hour";
-  GranularityValues2["Minute"] = "minute";
-  return GranularityValues2;
-})(GranularityValues || {});
-const DesignStates = {
-  root: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker--hover"
-    },
-    focus: {
-      displayName: DisplayNames.root.designStates.focus,
-      className: "datePicker--focus"
-    },
-    disabled: {
-      displayName: DisplayNames.root.designStates.disabled,
-      className: "datePicker--disabled"
-    }
-  },
-  dateInput: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__group--hover"
-    },
-    focus: {
-      displayName: DisplayNames.root.designStates.focus,
-      className: "datePicker__group--focus"
+      text: "Text",
+      button: "Button"
     },
-    disabled: {
-      displayName: DisplayNames.root.designStates.disabled,
-      className: "datePicker__group--disabled"
-    }
-  },
-  calendarButton: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__calendar-button--hover"
-    },
-    selected: {
-      displayName: DisplayNames.root.designStates.selected,
-      className: "datePicker__calendar-button--selected"
-    }
-  },
-  calendarDay: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "datePicker__day--hover"
-    },
-    selected: {
-      displayName: DisplayNames.root.designStates.selected,
-      className: "datePicker__day--selected"
-    },
-    disabled: {
-      displayName: DisplayNames.root.designStates.disabled,
-      className: "datePicker__day--disabled"
+    cssCustomProperties: {
+      maxLines: "Lines displayed",
+      expandControlSpacing: "Space between text and button",
+      paragraphAlign: "Paragraph Alignment",
+      textColor: "Text color",
+      textFont: "Font",
+      textLineHeight: "Line spacing",
+      textTextDecoration: "Text Decoration",
+      textTextTransform: "Case"
     }
   }
 };
-const PREVIEW_CALENDAR_OPEN = "previewCalendarOpen";
-const EMPTY_VALUE = "";
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const AriaLabels = {
-  root: { key: "datePicker_aria_label", default: "Date picker" },
-  clear: { key: "datePicker_clear_button", default: "Clear" },
-  openCalendar: { key: "datePicker_open_calendar", default: "Open calendar" }
+const defaultValues = {
+  expandMode: "button"
 };
+var ExpandModeValues = /* @__PURE__ */ ((ExpandModeValues2) => {
+  ExpandModeValues2["Link"] = "link";
+  ExpandModeValues2["Expand"] = "button";
+  return ExpandModeValues2;
+})(ExpandModeValues || {});
 const TestIds = {
-  root: "datepicker-root",
-  group: "datepicker-group",
-  field: "datepicker-field",
-  endField: "datepicker-end-field",
-  calendarButton: "datepicker-calendar-button",
-  clearButton: "datepicker-clear-button",
-  calendar: "datepicker-calendar",
-  tooltipButton: "datepicker-tooltip-button",
-  errorMessage: "datepicker-error-message",
-  requiredIndicator: "datepicker-required-indicator"
+  root: "collapsible-text-root",
+  textWrapper: "collapsible-text-text-wrapper"
 };
-const selectors = {
-  root: "datePicker",
-  label: "datePicker__label",
-  description: "datePicker__description",
-  requiredIndicator: "datePicker__required-indicator",
-  group: "datePicker__group",
-  calendarButton: "datePicker__calendar-button",
-  popover: "datePicker__popover",
-  calendar: "datePicker__calendar",
-  day: "datePicker__day",
-  errorMessage: "datePicker__error-message"
+const FALLBACK_LINE_HEIGHT = 22.4;
+const LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE = 1;
+const semanticClassNames = {
+  root: "collapsible-text",
+  text: "collapsible-text__text"
 };
-const VALUE_MISSING_MESSAGE = "This field is required";
 export {
-  ARIA_LABEL_NAMESPACE as A,
-  DesignStates as D,
-  EMPTY_VALUE as E,
-  GranularityValues as G,
-  PREVIEW_CALENDAR_OPEN as P,
-  SelectionModeValues as S,
+  DisplayNames as D,
+  ExpandModeValues as E,
+  FALLBACK_LINE_HEIGHT as F,
+  LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE as L,
   TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
-  AriaLabels as a,
-  DisplayNames as b,
   defaultValues as d,
-  selectors as s
+  manifestClasses as m,
+  semanticClassNames as s
 };

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

@@ -1,69 +1,120 @@
-const manifestClasses = {
-  root: "collapsible-text",
-  text: "text",
-  expandControl: "expand-control"
-};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Collapsible Text",
-    actions: {
-      settings: "Settings",
-      design: "Design"
-    },
+    elementDisplayName: "Checkbox Group",
     data: {
-      expandMode: {
-        displayName: "Choose what the button does",
-        options: {
-          button: "Expands",
-          link: "Links"
-        }
-      },
-      text: "Text",
-      readMoreText: "Expand button text",
-      readLessText: "Collapse button text",
-      linkText: "Link text"
-    },
-    elements: {
-      text: "Text",
-      button: "Button"
+      options: "Options",
+      optionLabel: "Label",
+      optionValue: "Value",
+      optionChecked: "Checked by default",
+      optionDisabled: "Disabled",
+      value: "Selected values",
+      label: "Label",
+      tooltip: "Tooltip",
+      displayLabel: "Show label",
+      required: "Required",
+      readOnly: "Read only",
+      disabled: "Disabled",
+      selectAll: "Select all",
+      selectAllLabel: "Select all label"
     },
     cssCustomProperties: {
-      maxLines: "Lines displayed",
-      expandControlSpacing: "Space between text and button",
-      paragraphAlign: "Paragraph Alignment",
-      textColor: "Text color",
-      textFont: "Font",
-      textLineHeight: "Line spacing",
-      textTextDecoration: "Text Decoration",
-      textTextTransform: "Case"
+      checkboxesSpacing: "Space between checkboxes",
+      labelSpacing: "Space between field and field title",
+      checkboxTextSpacing: "Space between checkbox and text",
+      alignment: "Alignment",
+      labelAlignment: "Label alignment"
+    }
+  },
+  indicator: {
+    elementDisplayName: "Indicator",
+    cssCustomProperties: {
+      checkedBackgroundColor: "Checked background color",
+      uncheckedBackgroundColor: "Unchecked background color",
+      checkedBorderColor: "Checked border color",
+      uncheckedBorderColor: "Unchecked border color",
+      borderWidth: "Border width",
+      checkMarkColor: "Checkmark color",
+      size: "Checkbox size"
+    }
+  },
+  optionLabel: {
+    elementDisplayName: "Option label"
+  },
+  groupLabel: {
+    elementDisplayName: "Group label"
+  }
+};
+const DesignStates = {
+  indicator: {
+    hover: {
+      displayName: "Hover",
+      className: "checkbox-group__indicator--hover"
+    },
+    focus: {
+      displayName: "Focus",
+      className: "checkbox-group__indicator--focus"
+    },
+    disabled: {
+      displayName: "Disabled",
+      className: "checkbox-group__indicator--disabled"
+    },
+    invalid: {
+      displayName: "Invalid",
+      className: "checkbox-group__indicator--invalid"
     }
   }
 };
+const defaultOptions = [
+  { value: "option-1", label: "Option 1", checked: false, disabled: false },
+  { value: "option-2", label: "Option 2", checked: false, disabled: false },
+  { value: "option-3", label: "Option 3", checked: false, disabled: false }
+];
 const defaultValues = {
-  expandMode: "button"
+  label: "Label",
+  tooltip: "",
+  displayLabel: true,
+  selectAllLabel: "Select all",
+  required: false,
+  readOnly: false,
+  disabled: false,
+  selectAll: false
 };
-var ExpandModeValues = /* @__PURE__ */ ((ExpandModeValues2) => {
-  ExpandModeValues2["Link"] = "link";
-  ExpandModeValues2["Expand"] = "button";
-  return ExpandModeValues2;
-})(ExpandModeValues || {});
+const VALUE_MISSING_MESSAGE = "This field is required";
 const TestIds = {
-  root: "collapsible-text-root",
-  textWrapper: "collapsible-text-text-wrapper"
+  root: "checkbox-group-root",
+  group: "checkbox-group-group",
+  legend: "checkbox-group-legend",
+  requiredIndicator: "checkbox-group-required-indicator",
+  selectAll: "checkbox-group-select-all",
+  option: "checkbox-group-option",
+  control: "checkbox-group-control",
+  indicator: "checkbox-group-indicator",
+  optionLabel: "checkbox-group-option-label",
+  tooltipButton: "checkbox-group-tooltip-button",
+  errorMessage: "checkbox-group-error-message"
+};
+const selectors = {
+  root: "checkbox-group",
+  indicator: "checkbox-group__indicator",
+  label: "checkbox-group__label",
+  groupLabel: "checkbox-group__group-label"
 };
-const FALLBACK_LINE_HEIGHT = 22.4;
-const LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE = 1;
 const semanticClassNames = {
-  root: "collapsible-text",
-  text: "collapsible-text__text"
+  groupLabel: "checkbox-group__group-label",
+  option: "checkbox-group__option",
+  control: "checkbox-group__control",
+  indicator: "checkbox-group__indicator",
+  label: "checkbox-group__label",
+  requiredIndicator: "checkbox-group__required-indicator",
+  errorMessage: "checkbox-group__error-message"
 };
 export {
-  DisplayNames as D,
-  ExpandModeValues as E,
-  FALLBACK_LINE_HEIGHT as F,
-  LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE as L,
+  DesignStates as D,
   TestIds as T,
+  VALUE_MISSING_MESSAGE as V,
+  defaultOptions as a,
+  semanticClassNames as b,
+  DisplayNames as c,
   defaultValues as d,
-  manifestClasses as m,
-  semanticClassNames as s
+  selectors as s
 };

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

@@ -1,97 +1,22 @@
-const selectors = {
-  root: "textInput",
-  label: "textInput__label",
-  input: "textInput__input",
-  prefix: "textInput__prefix",
-  helperText: "textInput__helper",
-  requiredIndicator: "textInput__required-indicator"
-};
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
-  requiredIndicator: "text-input-required-indicator",
-  tooltipButton: "text-input-tooltip-button"
-};
-const VALUE_MISSING_MESSAGE = "This field is required";
-const DesignStates = {
-  input: {
-    hover: { displayName: "Hover", className: "textInput__input--hover" },
-    focus: { displayName: "Focus", className: "textInput__input--focus" },
-    error: { displayName: "Error", className: "textInput__input--error" },
-    disabled: {
-      displayName: "Disabled",
-      className: "textInput__input--disabled"
-    }
+  viewer: {
+    container: "TextEffectsStriped-container",
+    text: "TextEffectsStriped-text"
   }
 };
 const DisplayNames = {
-  root: {
-    elementDisplayName: "TextInput",
-    elements: {
-      label: "Label",
-      input: "Input",
-      prefix: "Prefix",
-      helperText: "Helper text"
-    }
-  },
+  ...SharedDisplayNames,
   cssCustomProperties: {
-    helperFont: "Helper text font",
-    helperColor: "Helper text color",
-    textColor: "Text color",
-    placeholderTextColor: "Placeholder text color",
-    requiredTextColor: "Required text color",
-    prefixFont: "Prefix font",
-    labelFont: "Label font",
-    labelTextColor: "Label text color",
-    labelMarginBottom: "Label bottom margin",
-    labelPaddingInlineStart: "Label left padding",
-    labelPaddingInlineEnd: "Label right padding",
-    labelAlign: "Label alignment",
-    inputAlign: "Input alignment"
-  },
-  data: {
-    value: "Value",
-    defaultValue: "Default value",
-    isDisabled: "Disabled",
-    name: "Name",
-    minLength: "Minimum length",
-    autocompleteToken: "Autocomplete type",
-    numberSpinnerHidden: "Hide number spinner",
-    labelDirection: "Label direction",
-    inputDirection: "Input direction",
-    inputType: "Input type",
-    maxLength: "Maximum length",
-    min: "Minimum value",
-    max: "Maximum value",
-    pattern: "Pattern validation",
-    phoneFormat: "Phone format",
-    label: "Label text",
-    placeholder: "Placeholder text",
-    tooltip: "Tooltip",
-    description: "Helper text",
-    autoComplete: "Autocomplete",
-    readOnly: "Read only",
-    required: "Required",
-    errorMessageType: "Error message format",
-    prefix: "Prefix",
-    step: "Step"
-  },
-  options: {
-    text: "Text",
-    number: "Number",
-    email: "Email",
-    url: "URL",
-    tel: "Phone number",
-    password: "Password",
-    center: "Center",
-    start: "Left",
-    end: "Right",
-    inline: "Inline",
-    tooltip: "Tooltip"
+    stripeAngle: "Angle",
+    stripeSize: "Size",
+    innerAnimationSpeed: "Speed",
+    disableInnerAnimation: "Animation",
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2"
   }
 };
 export {
-  DesignStates as D,
-  TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
-  DisplayNames as a,
-  selectors as s
+  DisplayNames as D,
+  TestIds as T
 };

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

@@ -1,120 +1,90 @@
 const DisplayNames = {
   root: {
-    elementDisplayName: "Checkbox Group",
+    elementDisplayName: "Checkbox",
     data: {
-      options: "Options",
-      optionLabel: "Label",
-      optionValue: "Value",
-      optionChecked: "Checked by default",
-      optionDisabled: "Disabled",
-      value: "Selected values",
-      label: "Label",
-      tooltip: "Tooltip",
-      displayLabel: "Show label",
+      checked: "Checked",
+      defaultChecked: "Checked by default",
       required: "Required",
       readOnly: "Read only",
       disabled: "Disabled",
-      selectAll: "Select all",
-      selectAllLabel: "Select all label"
+      indeterminate: "Indeterminate",
+      label: "Label",
+      tooltip: "Tooltip"
     },
     cssCustomProperties: {
-      checkboxesSpacing: "Space between checkboxes",
-      labelSpacing: "Space between field and field title",
-      checkboxTextSpacing: "Space between checkbox and text",
-      alignment: "Alignment",
-      labelAlignment: "Label alignment"
+      gap: "Spacing",
+      alignment: "Alignment"
     }
   },
   indicator: {
     elementDisplayName: "Indicator",
     cssCustomProperties: {
-      checkedBackgroundColor: "Checked background color",
       uncheckedBackgroundColor: "Unchecked background color",
-      checkedBorderColor: "Checked border color",
       uncheckedBorderColor: "Unchecked border color",
+      checkedBackgroundColor: "Checked background color",
+      checkedBorderColor: "Checked border color",
       borderWidth: "Border width",
-      checkMarkColor: "Checkmark color",
+      checkmarkColor: "Checkmark color",
       size: "Checkbox size"
     }
   },
-  optionLabel: {
-    elementDisplayName: "Option label"
-  },
-  groupLabel: {
-    elementDisplayName: "Group label"
+  label: {
+    elementDisplayName: "Label"
   }
 };
 const DesignStates = {
   indicator: {
-    hover: {
-      displayName: "Hover",
-      className: "checkbox-group__indicator--hover"
-    },
-    focus: {
-      displayName: "Focus",
-      className: "checkbox-group__indicator--focus"
-    },
+    hover: { displayName: "Hover", className: "checkbox__indicator--hover" },
+    focus: { displayName: "Focus", className: "checkbox__indicator--focus" },
     disabled: {
       displayName: "Disabled",
-      className: "checkbox-group__indicator--disabled"
+      className: "checkbox__indicator--disabled"
     },
     invalid: {
       displayName: "Invalid",
-      className: "checkbox-group__indicator--invalid"
+      className: "checkbox__indicator--invalid"
     }
   }
 };
-const defaultOptions = [
-  { value: "option-1", label: "Option 1", checked: false, disabled: false },
-  { value: "option-2", label: "Option 2", checked: false, disabled: false },
-  { value: "option-3", label: "Option 3", checked: false, disabled: false }
-];
 const defaultValues = {
   label: "Label",
-  tooltip: "",
-  displayLabel: true,
-  selectAllLabel: "Select all",
+  checked: false,
+  defaultChecked: false,
   required: false,
   readOnly: false,
   disabled: false,
-  selectAll: false
+  indeterminate: false,
+  tooltip: ""
 };
 const VALUE_MISSING_MESSAGE = "This field is required";
 const TestIds = {
-  root: "checkbox-group-root",
-  group: "checkbox-group-group",
-  legend: "checkbox-group-legend",
-  requiredIndicator: "checkbox-group-required-indicator",
-  selectAll: "checkbox-group-select-all",
-  option: "checkbox-group-option",
-  control: "checkbox-group-control",
-  indicator: "checkbox-group-indicator",
-  optionLabel: "checkbox-group-option-label",
-  tooltipButton: "checkbox-group-tooltip-button",
-  errorMessage: "checkbox-group-error-message"
+  root: "checkbox-root",
+  control: "checkbox-control",
+  indicator: "checkbox-indicator",
+  label: "checkbox-label",
+  requiredIndicator: "checkbox-required-indicator",
+  tooltipButton: "checkbox-tooltip-button",
+  errorMessage: "checkbox-error-message"
 };
 const selectors = {
-  root: "checkbox-group",
-  indicator: "checkbox-group__indicator",
-  label: "checkbox-group__label",
-  groupLabel: "checkbox-group__group-label"
+  root: "checkbox",
+  indicator: "checkbox__indicator",
+  label: "checkbox__label"
 };
 const semanticClassNames = {
-  groupLabel: "checkbox-group__group-label",
-  option: "checkbox-group__option",
-  control: "checkbox-group__control",
-  indicator: "checkbox-group__indicator",
-  label: "checkbox-group__label",
-  requiredIndicator: "checkbox-group__required-indicator",
-  errorMessage: "checkbox-group__error-message"
+  root: "checkbox",
+  control: "checkbox__control",
+  indicator: "checkbox__indicator",
+  label: "checkbox__label",
+  requiredIndicator: "checkbox__required-indicator",
+  errorMessage: "checkbox__error-message"
 };
 export {
   DesignStates as D,
   TestIds as T,
   VALUE_MISSING_MESSAGE as V,
-  defaultOptions as a,
-  semanticClassNames as b,
-  DisplayNames as c,
+  semanticClassNames as a,
+  DisplayNames as b,
   defaultValues as d,
   selectors as s
 };