@wix/editor-react-components 1.2288.0 → 1.2290.0

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

@@ -1,33 +1,54 @@
-const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
+const presets = {
+  horizontal: "horizontal",
+  vertical: "vertical"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "HIPAA Certification",
+    elementDisplayName: "Social Bar",
+    presets: {
+      horizontal: "Horizontal",
+      vertical: "Vertical"
+    },
+    cssCustomProperties: {
+      "item-size": "Size",
+      "row-gap": "Vertical space between icons",
+      "column-gap": "Horizontal space between icons",
+      "justify-content": "Alignment"
+    },
+    data: {
+      items: "Social",
+      icon: "Icon",
+      link: "Links to"
+    },
+    actions: {
+      manageItems: "Manage Social Bar"
+    },
     customActions: {
-      hipaaSettings: "HIPAA Settings"
+      orientation: "Change Orientation"
     },
-    cssProperties: {
-      color: "Icon Color",
-      backgroundColor: "Background Color"
+    displayGroups: {
+      gapGroup: {
+        displayName: "Space between icons"
+      },
+      iconsGroup: {
+        displayName: "Icons"
+      }
     }
   }
 };
-const TRANSLATIONS_NAMESPACE = "hipaaIcon";
-const TranslationKeys = {
-  ariaLabelCompliant: "hipaaIcon_aria_label_compliant",
-  ariaLabelActivate: "hipaaIcon_aria_label_activate",
-  activateHeading: "hipaaIcon_activate_heading",
-  activateDescription: "hipaaIcon_activate_description"
-};
-const DefaultTranslations = {
-  ariaLabelCompliant: "HIPAA Compliant",
-  ariaLabelActivate: "HIPAA Certification",
-  activateHeading: "Activate HIPAA",
-  activateDescription: "Go to Manage > Purchase & Activate HIPAA Compliance"
+const DesignStates = {
+  root: {
+    hover: { displayName: "Hover", className: "link-bar--hover" }
+  }
 };
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const ARIA_LABEL_KEY = "LinkBar_AriaLabel_SocialBarContainer";
+const ARIA_LABEL_DEFAULT = "Social Bar";
 export {
-  DefaultTranslations as D,
-  HIPAA_SETTINGS_PANEL_ID as H,
-  TranslationKeys as T,
-  TRANSLATIONS_NAMESPACE as a,
-  DisplayNames as b
+  ARIA_LABEL_NAMESPACE as A,
+  DesignStates as D,
+  ARIA_LABEL_KEY as a,
+  ARIA_LABEL_DEFAULT as b,
+  DisplayNames as c,
+  presets as p
 };

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

@@ -1,22 +1,57 @@
-import { S as SharedDisplayNames } from "./constants8.js";
-const TestIds = {
-  viewer: {
-    container: "TextEffectsStriped-container",
-    text: "TextEffectsStriped-text"
-  }
+const selectors = {
+  root: "textInput"
 };
 const DisplayNames = {
-  ...SharedDisplayNames,
+  root: {
+    elementDisplayName: "TextInput"
+  },
   cssCustomProperties: {
-    stripeAngle: "Angle",
-    stripeSize: "Size",
-    innerAnimationSpeed: "Speed",
-    disableInnerAnimation: "Animation",
-    textEffectsColor1: "Color 1",
-    textEffectsColor2: "Color 2"
+    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",
+    align: "Alignment",
+    labelAlign: "Label alignment",
+    inputAlign: "Input alignment"
+  },
+  data: {
+    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",
+    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"
   }
 };
 export {
   DisplayNames as D,
-  TestIds as T
+  selectors as s
 };

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

@@ -1,15 +1,33 @@
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
 const DisplayNames = {
-  data: {
-    onClick: "On Click",
-    onDblClick: "On Double Click",
-    onMouseIn: "On Mouse In",
-    onMouseOut: "On Mouse Out",
-    onFocus: "On Focus",
-    onBlur: "On Blur"
+  root: {
+    elementDisplayName: "HIPAA Certification",
+    customActions: {
+      hipaaSettings: "HIPAA Settings"
+    },
+    cssProperties: {
+      color: "Icon Color",
+      backgroundColor: "Background Color"
+    }
   }
 };
+const TRANSLATIONS_NAMESPACE = "hipaaIcon";
+const TranslationKeys = {
+  ariaLabelCompliant: "hipaaIcon_aria_label_compliant",
+  ariaLabelActivate: "hipaaIcon_aria_label_activate",
+  activateHeading: "hipaaIcon_activate_heading",
+  activateDescription: "hipaaIcon_activate_description"
+};
+const DefaultTranslations = {
+  ariaLabelCompliant: "HIPAA Compliant",
+  ariaLabelActivate: "HIPAA Certification",
+  activateHeading: "Activate HIPAA",
+  activateDescription: "Go to Manage > Purchase & Activate HIPAA Compliance"
+};
 export {
-  ARIA_LABEL_NAMESPACE as A,
-  DisplayNames as D
+  DefaultTranslations as D,
+  HIPAA_SETTINGS_PANEL_ID as H,
+  TranslationKeys as T,
+  TRANSLATIONS_NAMESPACE as a,
+  DisplayNames as b
 };

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

@@ -1,137 +1,15 @@
-const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "dropdown--hover" },
-    disabled: { displayName: "Disabled", className: "dropdown--disabled" }
-  }
-};
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
 const DisplayNames = {
-  root: {
-    elementDisplayName: "Dropdown",
-    data: {
-      options: "Options",
-      optionLabel: "Label",
-      optionValue: "Value",
-      value: "Selected value",
-      values: "Selected values",
-      inputValue: "Search query",
-      open: "Open",
-      isDisabled: "Disabled",
-      placeholder: "Placeholder",
-      searchable: "Allow search",
-      multiple: "Allow multiple selection",
-      clearable: "Show clear button",
-      autoHighlight: "Highlight first match",
-      openOnInputClick: "Open list on click",
-      inline: "Show options inline",
-      grid: "Show options in a grid",
-      columns: "Columns",
-      limit: "Max visible options",
-      label: "Label",
-      required: "Required",
-      readOnly: "Read only",
-      description: "Helper text",
-      triggerMode: {
-        displayName: "Apply filter",
-        options: {
-          onSelection: "On selection",
-          onApply: "On button click"
-        }
-      },
-      applyButtonLabel: "Apply button text"
-    },
-    cssCustomProperties: {
-      width: "Width",
-      maxWidth: "Max width",
-      backgroundColor: "Background",
-      borderColor: "Border color",
-      borderWidth: "Border width",
-      paddingTop: "Padding top",
-      paddingBottom: "Padding bottom",
-      paddingInlineStart: "Padding start",
-      paddingInlineEnd: "Padding end",
-      gap: "Spacing",
-      textAlign: "Value alignment",
-      font: "Value font",
-      textColor: "Value color",
-      labelFont: "Label font",
-      labelColor: "Label color",
-      helperFont: "Helper text font",
-      helperColor: "Helper text color",
-      optionTextColor: "Option text color",
-      optionHoverBackgroundColor: "Option hover background"
-    },
-    displayGroups: {
-      optionsGroup: "Manage options",
-      sizeGroup: "Size",
-      backgroundGroup: "Background",
-      cornersGroup: "Corner radius",
-      paddingGroup: "Padding"
-    }
+  data: {
+    onClick: "On Click",
+    onDblClick: "On Double Click",
+    onMouseIn: "On Mouse In",
+    onMouseOut: "On Mouse Out",
+    onFocus: "On Focus",
+    onBlur: "On Blur"
   }
 };
-const defaultValues = {
-  placeholder: "Select a value",
-  inputValue: "",
-  open: false,
-  isDisabled: false,
-  searchable: false,
-  multiple: false,
-  clearable: false,
-  autoHighlight: false,
-  openOnInputClick: true,
-  inline: false,
-  grid: false,
-  columns: 3,
-  limit: -1,
-  label: "",
-  required: false,
-  readOnly: false,
-  name: "",
-  description: "",
-  triggerMode: "onSelection",
-  applyButtonLabel: "Apply",
-  noResultsText: "No results"
-};
-var TriggerModeValues = /* @__PURE__ */ ((TriggerModeValues2) => {
-  TriggerModeValues2["OnSelection"] = "onSelection";
-  TriggerModeValues2["OnApply"] = "onApply";
-  return TriggerModeValues2;
-})(TriggerModeValues || {});
-const ALL_VALUE = "";
-const TestIds = {
-  root: "dropdown-root",
-  label: "dropdown-label",
-  trigger: "dropdown-trigger",
-  listbox: "dropdown-listbox",
-  clear: "dropdown-clear",
-  applyButton: "dropdown-apply-button",
-  description: "dropdown-description"
-};
-const selectors = {
-  root: "dropdown"
-};
-const semanticClassNames = {
-  root: "dropdown",
-  trigger: "dropdown__trigger",
-  listbox: "dropdown__listbox",
-  option: "dropdown__option",
-  applyButton: "dropdown__apply-button"
-};
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const AriaLabels = {
-  root: { key: "Dropdown_AriaLabel", default: "Dropdown" },
-  clear: { key: "Dropdown_AriaLabel_Clear", default: "Clear" },
-  removeItem: { key: "Dropdown_AriaLabel_RemoveItem", default: "Remove" }
-};
 export {
-  ALL_VALUE as A,
-  DesignStates as D,
-  TestIds as T,
-  TriggerModeValues as a,
-  ARIA_LABEL_NAMESPACE as b,
-  AriaLabels as c,
-  defaultValues as d,
-  selectors as e,
-  DisplayNames as f,
-  semanticClassNames as s
+  ARIA_LABEL_NAMESPACE as A,
+  DisplayNames as D
 };

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

@@ -1,69 +1,137 @@
-const manifestClasses = {
-  root: "collapsible-text",
-  text: "text",
-  expandControl: "expand-control"
+const DesignStates = {
+  root: {
+    hover: { displayName: "Hover", className: "dropdown--hover" },
+    disabled: { displayName: "Disabled", className: "dropdown--disabled" }
+  }
 };
 const DisplayNames = {
   root: {
-    elementDisplayName: "Collapsible Text",
-    actions: {
-      settings: "Settings",
-      design: "Design"
-    },
+    elementDisplayName: "Dropdown",
     data: {
-      expandMode: {
-        displayName: "Choose what the button does",
+      options: "Options",
+      optionLabel: "Label",
+      optionValue: "Value",
+      value: "Selected value",
+      values: "Selected values",
+      inputValue: "Search query",
+      open: "Open",
+      isDisabled: "Disabled",
+      placeholder: "Placeholder",
+      searchable: "Allow search",
+      multiple: "Allow multiple selection",
+      clearable: "Show clear button",
+      autoHighlight: "Highlight first match",
+      openOnInputClick: "Open list on click",
+      inline: "Show options inline",
+      grid: "Show options in a grid",
+      columns: "Columns",
+      limit: "Max visible options",
+      label: "Label",
+      required: "Required",
+      readOnly: "Read only",
+      description: "Helper text",
+      triggerMode: {
+        displayName: "Apply filter",
         options: {
-          button: "Expands",
-          link: "Links"
+          onSelection: "On selection",
+          onApply: "On button click"
         }
       },
-      text: "Text",
-      readMoreText: "Expand button text",
-      readLessText: "Collapse button text",
-      linkText: "Link text"
-    },
-    elements: {
-      text: "Text",
-      button: "Button"
+      applyButtonLabel: "Apply button text"
     },
     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"
+      width: "Width",
+      maxWidth: "Max width",
+      backgroundColor: "Background",
+      borderColor: "Border color",
+      borderWidth: "Border width",
+      paddingTop: "Padding top",
+      paddingBottom: "Padding bottom",
+      paddingInlineStart: "Padding start",
+      paddingInlineEnd: "Padding end",
+      gap: "Spacing",
+      textAlign: "Value alignment",
+      font: "Value font",
+      textColor: "Value color",
+      labelFont: "Label font",
+      labelColor: "Label color",
+      helperFont: "Helper text font",
+      helperColor: "Helper text color",
+      optionTextColor: "Option text color",
+      optionHoverBackgroundColor: "Option hover background"
+    },
+    displayGroups: {
+      optionsGroup: "Manage options",
+      sizeGroup: "Size",
+      backgroundGroup: "Background",
+      cornersGroup: "Corner radius",
+      paddingGroup: "Padding"
     }
   }
 };
 const defaultValues = {
-  expandMode: "button"
+  placeholder: "Select a value",
+  inputValue: "",
+  open: false,
+  isDisabled: false,
+  searchable: false,
+  multiple: false,
+  clearable: false,
+  autoHighlight: false,
+  openOnInputClick: true,
+  inline: false,
+  grid: false,
+  columns: 3,
+  limit: -1,
+  label: "",
+  required: false,
+  readOnly: false,
+  name: "",
+  description: "",
+  triggerMode: "onSelection",
+  applyButtonLabel: "Apply",
+  noResultsText: "No results"
 };
-var ExpandModeValues = /* @__PURE__ */ ((ExpandModeValues2) => {
-  ExpandModeValues2["Link"] = "link";
-  ExpandModeValues2["Expand"] = "button";
-  return ExpandModeValues2;
-})(ExpandModeValues || {});
+var TriggerModeValues = /* @__PURE__ */ ((TriggerModeValues2) => {
+  TriggerModeValues2["OnSelection"] = "onSelection";
+  TriggerModeValues2["OnApply"] = "onApply";
+  return TriggerModeValues2;
+})(TriggerModeValues || {});
+const ALL_VALUE = "";
 const TestIds = {
-  root: "collapsible-text-root",
-  textWrapper: "collapsible-text-text-wrapper"
+  root: "dropdown-root",
+  label: "dropdown-label",
+  trigger: "dropdown-trigger",
+  listbox: "dropdown-listbox",
+  clear: "dropdown-clear",
+  applyButton: "dropdown-apply-button",
+  description: "dropdown-description"
+};
+const selectors = {
+  root: "dropdown"
 };
-const FALLBACK_LINE_HEIGHT = 22.4;
-const LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE = 1;
 const semanticClassNames = {
-  root: "collapsible-text",
-  text: "collapsible-text__text"
+  root: "dropdown",
+  trigger: "dropdown__trigger",
+  listbox: "dropdown__listbox",
+  option: "dropdown__option",
+  applyButton: "dropdown__apply-button"
+};
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const AriaLabels = {
+  root: { key: "Dropdown_AriaLabel", default: "Dropdown" },
+  clear: { key: "Dropdown_AriaLabel_Clear", default: "Clear" },
+  removeItem: { key: "Dropdown_AriaLabel_RemoveItem", default: "Remove" }
 };
 export {
-  DisplayNames as D,
-  ExpandModeValues as E,
-  FALLBACK_LINE_HEIGHT as F,
-  LINE_HEIGHT_ROUNDING_ERROR_TOLERANCE as L,
+  ALL_VALUE as A,
+  DesignStates as D,
   TestIds as T,
+  TriggerModeValues as a,
+  ARIA_LABEL_NAMESPACE as b,
+  AriaLabels as c,
   defaultValues as d,
-  manifestClasses as m,
+  selectors as e,
+  DisplayNames as f,
   semanticClassNames as s
 };