@wix/editor-react-components 1.2761.0 → 1.2763.0

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

@@ -1,131 +1,97 @@
-const DisplayNames = {
-  root: {
-    elementDisplayName: "Time Picker",
-    data: {
-      value: "Selected time",
-      defaultValue: "Default time",
-      granularity: {
-        displayName: "Time precision",
-        options: {
-          hour: "Hours only",
-          minute: "Hours and minutes",
-          second: "Hours, minutes and seconds"
-        }
-      },
-      hourCycle: {
-        displayName: "Hour format",
-        options: {
-          auto: "Auto (locale)",
-          h12: "12-hour",
-          h24: "24-hour"
-        }
-      },
-      shouldForceLeadingZeros: "Always show leading zeros",
-      tooltip: "Tooltip",
-      label: "Label",
-      description: "Helper text",
-      minTime: "Earliest time (HH:MM)",
-      maxTime: "Latest time (HH:MM)",
-      required: "Required",
-      readOnly: "Read only",
-      disabled: "Disabled",
-      clearable: "Show clear button"
-    },
-    designStates: {
-      hover: "Hover",
-      focus: "Focus",
-      disabled: "Disabled"
-    },
-    elements: {
-      label: "Label",
-      timeInput: "Time input",
-      description: "Helper text",
-      segment: "Segment"
-    },
-    cssCustomProperties: {
-      labelSpacing: "Label spacing"
-    }
-  }
+const selectors = {
+  root: "textInput",
+  label: "textInput__label",
+  input: "textInput__input",
+  prefix: "textInput__prefix",
+  helperText: "textInput__helper",
+  requiredIndicator: "textInput__required-indicator"
 };
-const defaultValues = {
-  granularity: "minute",
-  hourCycle: "auto",
-  shouldForceLeadingZeros: false,
-  tooltip: "",
-  label: "",
-  description: "",
-  required: false,
-  readOnly: false,
-  disabled: false,
-  clearable: false
+const TestIds = {
+  requiredIndicator: "text-input-required-indicator",
+  tooltipButton: "text-input-tooltip-button"
 };
-var HourCycleValues = /* @__PURE__ */ ((HourCycleValues2) => {
-  HourCycleValues2["Auto"] = "auto";
-  HourCycleValues2["H12"] = "12";
-  HourCycleValues2["H24"] = "24";
-  return HourCycleValues2;
-})(HourCycleValues || {});
+const VALUE_MISSING_MESSAGE = "This field is required";
 const DesignStates = {
-  timeInput: {
-    hover: {
-      displayName: DisplayNames.root.designStates.hover,
-      className: "timePicker__group--hover"
-    },
-    focus: {
-      displayName: DisplayNames.root.designStates.focus,
-      className: "timePicker__group--focus"
-    },
+  input: {
+    hover: { displayName: "Hover", className: "textInput__input--hover" },
+    focus: { displayName: "Focus", className: "textInput__input--focus" },
+    error: { displayName: "Error", className: "textInput__input--error" },
     disabled: {
-      displayName: DisplayNames.root.designStates.disabled,
-      className: "timePicker__group--disabled"
-    }
-  },
-  segment: {
-    focus: {
-      displayName: DisplayNames.root.designStates.focus,
-      className: "timePicker__segment--focus"
+      displayName: "Disabled",
+      className: "textInput__input--disabled"
     }
   }
 };
-const EMPTY_VALUE = "";
-const TRANSLATIONS_NAMESPACE = "timePicker";
-const TranslationKeys = {
-  ariaLabel: "timePicker_aria_label",
-  clearButton: "timePicker_clear_button"
-};
-const DefaultTranslations = {
-  ariaLabel: "Time picker",
-  clearButton: "Clear"
-};
-const TestIds = {
-  root: "timepicker-root",
-  group: "timepicker-group",
-  field: "timepicker-field",
-  clearButton: "timepicker-clear-button",
-  tooltipButton: "timepicker-tooltip-button",
-  errorMessage: "timepicker-error-message",
-  requiredIndicator: "timepicker-required-indicator"
-};
-const selectors = {
-  root: "timePicker",
-  label: "timePicker__label",
-  requiredIndicator: "timePicker__required-indicator",
-  group: "timePicker__group",
-  description: "timePicker__description",
-  segment: "timePicker__segment",
-  errorMessage: "timePicker__error-message"
+const DisplayNames = {
+  root: {
+    elementDisplayName: "TextInput",
+    elements: {
+      label: "Label",
+      input: "Input",
+      prefix: "Prefix",
+      helperText: "Helper text"
+    }
+  },
+  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"
+  }
 };
-const VALUE_MISSING_MESSAGE = "This field is required";
 export {
-  DefaultTranslations as D,
-  EMPTY_VALUE as E,
-  HourCycleValues as H,
+  DesignStates as D,
   TestIds as T,
   VALUE_MISSING_MESSAGE as V,
-  TRANSLATIONS_NAMESPACE as a,
-  TranslationKeys as b,
-  DisplayNames as c,
-  defaultValues as d,
-  DesignStates as e,
+  DisplayNames as a,
   selectors as s
 };

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

@@ -1,93 +1,23 @@
-const semanticSelectors = {
-  root: "lottie",
-  playButton: "playButton"
-};
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const TranslationKeys = {
-  playButton: "lottie_aria_label_play",
-  pauseButton: "lottie_aria_label_pause"
-};
-const DefaultTranslations = {
-  playButton: "Play animation",
-  pauseButton: "Pause animation"
-};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Lottie",
+    elementDisplayName: "Logo",
+    actions: {
+      settings: "Settings"
+    },
+    customActions: {
+      customizeLogo: "Customize Logo"
+    },
     data: {
-      animationUrl: "Animation URL",
-      loop: "Plays in a loop",
-      speed: "Speed",
-      showButtonOnHover: "Show play/pause button",
-      allowClickToStop: "Click to stop animation"
+      image: {
+        displayName: "Logo Image"
+      }
     }
-  },
-  playButton: {
-    elementDisplayName: "Play button"
-  }
-};
-const rootDataDefaults = {
-  loop: true,
-  speed: 1,
-  showButtonOnHover: "always",
-  allowClickToStop: true
-};
-const showButtonOnHoverDefaults = {
-  always: {
-    value: "always",
-    displayName: "Always"
-  },
-  onHover: {
-    value: "onHover",
-    displayName: "On hover"
   }
 };
-const testIds = {
-  animationClickWrapper: "lottie-animation-click-wrapper"
-};
-const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
-const playButtonDefaults = {
-  insetInlineEnd: "5px",
-  insetBlockEnd: "5px"
-};
-const initialSize = {
-  width: 280,
-  height: 280
-};
-const speedConstraints = {
-  min: "0.5",
-  max: "5.0",
-  multiplier: "0.5"
-};
-const playIconSvg = {
-  uri: "",
-  viewBox: "0 0 24 24",
-  contentBox: "0 0 24 24",
-  colors: {},
-  contentType: "shape",
-  svgContent: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 4.00142V19.0034C7 19.7884 7.864 20.2674 8.53 19.8514L20.537 12.3504C21.164 11.9584 21.164 11.0464 20.537 10.6544L8.53 3.15342C7.864 2.73742 7 3.21642 7 4.00142Z"/></svg>'
-};
-const pauseIconSvg = {
-  uri: "",
-  viewBox: "0 0 24 24",
-  contentBox: "0 0 24 24",
-  colors: {},
-  contentType: "shape",
-  svgContent: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect x="5" y="3" width="5" height="17" rx="1"/><rect x="14" y="3" width="5" height="17" rx="1"/></svg>'
-};
+const defaultLogoUrl = "https://static.parastorage.com/services/santa-resources/dist/editor/addPanelData/sections/logo/logoDefault.v2.png";
+const DEFAULT_LOGO_SIZE = 80;
 export {
-  ARIA_LABEL_NAMESPACE as A,
-  DefaultTranslations as D,
-  TranslationKeys as T,
-  playIconSvg as a,
-  showButtonOnHoverDefaults as b,
-  speedConstraints as c,
-  playButtonDefaults as d,
-  DisplayNames as e,
-  borderDefaultValue as f,
-  initialSize as i,
-  pauseIconSvg as p,
-  rootDataDefaults as r,
-  semanticSelectors as s,
-  testIds as t
+  DEFAULT_LOGO_SIZE as D,
+  DisplayNames as a,
+  defaultLogoUrl as d
 };

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

@@ -1,23 +1,54 @@
+const presets = {
+  horizontal: "horizontal",
+  vertical: "vertical"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Logo",
+    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: {
-      settings: "Settings"
+      manageItems: "Manage Social Bar"
     },
     customActions: {
-      customizeLogo: "Customize Logo"
+      orientation: "Change Orientation"
     },
-    data: {
-      image: {
-        displayName: "Logo Image"
+    displayGroups: {
+      gapGroup: {
+        displayName: "Space between icons"
+      },
+      iconsGroup: {
+        displayName: "Icons"
       }
     }
   }
 };
-const defaultLogoUrl = "https://static.parastorage.com/services/santa-resources/dist/editor/addPanelData/sections/logo/logoDefault.v2.png";
-const DEFAULT_LOGO_SIZE = 80;
+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 {
-  DEFAULT_LOGO_SIZE as D,
-  DisplayNames as a,
-  defaultLogoUrl as d
+  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/constants32.js

@@ -1,54 +1,58 @@
-const presets = {
-  horizontal: "horizontal",
-  vertical: "vertical"
+const manifestClasses = {
+  root: "image-reveal",
+  divider: "image-reveal-divider",
+  btn: "image-reveal-btn",
+  arrowIcon: "image-reveal-arrow-icon",
+  labelBefore: "image-reveal-label-before",
+  labelAfter: "image-reveal-label-after"
+};
+const defaultValues = {
+  beforeLabel: "Before",
+  afterLabel: "After",
+  labelPosition: "horizontal"
 };
 const DisplayNames = {
   root: {
-    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"
-    },
+    elementDisplayName: "Image Reveal",
     data: {
-      items: "Social",
-      icon: "Icon",
-      link: "Links to"
-    },
-    actions: {
-      manageItems: "Manage Social Bar"
+      beforeImage: "Before Image",
+      afterImage: "After Image",
+      beforeLabel: "Before Label",
+      afterLabel: "After Label",
+      labelPosition: {
+        displayName: "Label Position",
+        options: {
+          horizontal: "Horizontal",
+          vertical: "Vertical"
+        }
+      }
     },
-    customActions: {
-      orientation: "Change Orientation"
+    elements: {
+      divider: "Divider",
+      btn: "Buttons",
+      arrowIcon: "Arrow",
+      labelBefore: "Before Label",
+      labelAfter: "After Label"
     },
     displayGroups: {
-      gapGroup: {
-        displayName: "Space between icons"
-      },
-      iconsGroup: {
-        displayName: "Icons"
-      }
+      iconGroup: "Icon"
     }
   }
 };
-const DesignStates = {
-  root: {
-    hover: { displayName: "Hover", className: "link-bar--hover" }
-  }
+const CHEVRON_PATH = "M15.5 4.5 8 12l7.5 7.5";
+const DEFAULT_SLIDER_POSITION = 50;
+const SLIDER_STEP = 10;
+const ARIA_LABELS = {
+  prevButton: "Move slider left",
+  nextButton: "Move slider right",
+  handle: "Drag to compare before and after"
 };
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const ARIA_LABEL_KEY = "LinkBar_AriaLabel_SocialBarContainer";
-const ARIA_LABEL_DEFAULT = "Social Bar";
 export {
-  ARIA_LABEL_NAMESPACE as A,
-  DesignStates as D,
-  ARIA_LABEL_KEY as a,
-  ARIA_LABEL_DEFAULT as b,
-  DisplayNames as c,
-  presets as p
+  ARIA_LABELS as A,
+  CHEVRON_PATH as C,
+  DEFAULT_SLIDER_POSITION as D,
+  SLIDER_STEP as S,
+  DisplayNames as a,
+  defaultValues as d,
+  manifestClasses as m
 };

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

@@ -1,58 +1,33 @@
-const manifestClasses = {
-  root: "image-reveal",
-  divider: "image-reveal-divider",
-  btn: "image-reveal-btn",
-  arrowIcon: "image-reveal-arrow-icon",
-  labelBefore: "image-reveal-label-before",
-  labelAfter: "image-reveal-label-after"
-};
-const defaultValues = {
-  beforeLabel: "Before",
-  afterLabel: "After",
-  labelPosition: "horizontal"
-};
+const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
 const DisplayNames = {
   root: {
-    elementDisplayName: "Image Reveal",
-    data: {
-      beforeImage: "Before Image",
-      afterImage: "After Image",
-      beforeLabel: "Before Label",
-      afterLabel: "After Label",
-      labelPosition: {
-        displayName: "Label Position",
-        options: {
-          horizontal: "Horizontal",
-          vertical: "Vertical"
-        }
-      }
+    elementDisplayName: "HIPAA Certification",
+    customActions: {
+      hipaaSettings: "HIPAA Settings"
     },
-    elements: {
-      divider: "Divider",
-      btn: "Buttons",
-      arrowIcon: "Arrow",
-      labelBefore: "Before Label",
-      labelAfter: "After Label"
-    },
-    displayGroups: {
-      iconGroup: "Icon"
+    cssProperties: {
+      color: "Icon Color",
+      backgroundColor: "Background Color"
     }
   }
 };
-const CHEVRON_PATH = "M15.5 4.5 8 12l7.5 7.5";
-const DEFAULT_SLIDER_POSITION = 50;
-const SLIDER_STEP = 10;
-const ARIA_LABELS = {
-  prevButton: "Move slider left",
-  nextButton: "Move slider right",
-  handle: "Drag to compare before and after"
+const TRANSLATIONS_NAMESPACE = "ariaLabels";
+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_LABELS as A,
-  CHEVRON_PATH as C,
-  DEFAULT_SLIDER_POSITION as D,
-  SLIDER_STEP as S,
-  DisplayNames as a,
-  defaultValues as d,
-  manifestClasses as m
+  DefaultTranslations as D,
+  HIPAA_SETTINGS_PANEL_ID as H,
+  TranslationKeys as T,
+  TRANSLATIONS_NAMESPACE as a,
+  DisplayNames as b
 };

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

@@ -1,33 +1,64 @@
-const HIPAA_SETTINGS_PANEL_ID = "e4a7c1d3-8f2b-4e6a-9d5c-3b1f7a2e8c4d";
+const presets = {
+  horizontal: "horizontal",
+  vertical: "vertical"
+};
+const manifestClasses = {
+  root: "heading-text-block",
+  heading: "heading-text-block-heading",
+  title: "heading-text-block-title",
+  subtitle: "heading-text-block-subtitle",
+  caption: "heading-text-block-caption"
+};
+const defaultValues = {
+  headingTag: "h1",
+  heading: "",
+  title: "",
+  subtitle: "",
+  caption: "",
+  partsRowGap: "12px",
+  partsColumnGap: "12px"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "HIPAA Certification",
-    customActions: {
-      hipaaSettings: "HIPAA Settings"
+    elementDisplayName: "Heading Text Block",
+    data: {
+      headingTag: {
+        displayName: "Heading Tag",
+        options: {
+          h1: "H1",
+          h2: "H2",
+          h3: "H3",
+          h4: "H4",
+          h5: "H5",
+          h6: "H6"
+        }
+      },
+      heading: "Heading",
+      title: "Title",
+      subtitle: "Subtitle",
+      caption: "Caption"
+    },
+    elements: {
+      heading: "Heading",
+      title: "Title",
+      subtitle: "Subtitle",
+      caption: "Caption"
     },
-    cssProperties: {
-      color: "Icon Color",
-      backgroundColor: "Background Color"
+    displayGroups: {
+      partsSpacing: "Parts Spacing"
+    },
+    presets: {
+      horizontal: "Row",
+      vertical: "Stacked"
+    },
+    customActions: {
+      layout: "Layout"
     }
   }
 };
-const TRANSLATIONS_NAMESPACE = "ariaLabels";
-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 {
-  DefaultTranslations as D,
-  HIPAA_SETTINGS_PANEL_ID as H,
-  TranslationKeys as T,
-  TRANSLATIONS_NAMESPACE as a,
-  DisplayNames as b
+  DisplayNames as D,
+  defaultValues as d,
+  manifestClasses as m,
+  presets as p
 };