@wix/editor-react-components 1.2289.0 → 1.2290.0

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

@@ -1,24 +1,74 @@
-const classes = {
-  tabs: "tabs",
-  tabMenu: "tab-menu",
-  tabMenuItemsWrapper: "tab-menu-items-wrapper",
-  tabMenuItems: "tab-menu-items",
-  menuItem: "menu-item",
-  scrollButton: "scroll-button",
-  tabContentContainer: "tab-content-container",
-  tabContentItem: "tab-content-item"
-};
-const OVERFLOW_BEHAVIOR = {
-  WRAP: "wrap"
+const DisplayNames = {
+  root: {
+    elementDisplayName: "Text Box",
+    data: {
+      value: "Default text",
+      label: "Label",
+      tooltip: "Tooltip",
+      placeholder: "Placeholder",
+      required: "Required",
+      readOnly: "Read only",
+      disabled: "Disabled",
+      minLength: "Minimum characters",
+      maxLength: "Maximum characters"
+    },
+    cssCustomProperties: {
+      gap: "Space between label and field",
+      labelAlignment: "Label alignment"
+    }
+  },
+  input: {
+    elementDisplayName: "Input",
+    cssCustomProperties: {
+      placeholderTextColor: "Placeholder text color",
+      borderColor: "Border color",
+      borderWidth: "Border width"
+    },
+    displayGroups: {
+      borderGroup: "Border"
+    }
+  },
+  label: {
+    elementDisplayName: "Label"
+  }
 };
 const DesignStates = {
   root: {
-    hover: { displayName: "Hover", className: "tabs--hover" },
-    disabled: { displayName: "Disabled", className: "tabs--disabled" }
+    hover: { displayName: "Hover", className: "textbox--hover" },
+    focus: { displayName: "Focus", className: "textbox--focus" },
+    disabled: { displayName: "Disabled", className: "textbox--disabled" },
+    invalid: { displayName: "Error", className: "textbox--invalid" }
   }
 };
+const defaultValues = {
+  value: "",
+  label: "Label",
+  tooltip: "",
+  placeholder: "Enter your text here...",
+  required: false,
+  readOnly: false,
+  disabled: false
+};
+const TestIds = {
+  root: "textbox-root",
+  input: "textbox-input",
+  label: "textbox-label",
+  tooltipButton: "textbox-tooltip-button"
+};
+const selectors = {
+  root: "textbox",
+  input: "textbox__input",
+  label: "textbox__label"
+};
+const semanticClassNames = {
+  input: "textbox__input",
+  label: "textbox__label"
+};
 export {
-  DesignStates as D,
-  OVERFLOW_BEHAVIOR as O,
-  classes as c
+  DisplayNames as D,
+  TestIds as T,
+  semanticClassNames as a,
+  DesignStates as b,
+  defaultValues as d,
+  selectors as s
 };

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

@@ -1,59 +1,24 @@
-const TestIds = {
-  buttonContent: "buttonContent",
-  buttonLabel: "stylablebutton-label"
+const classes = {
+  tabs: "tabs",
+  tabMenu: "tab-menu",
+  tabMenuItemsWrapper: "tab-menu-items-wrapper",
+  tabMenuItems: "tab-menu-items",
+  menuItem: "menu-item",
+  scrollButton: "scroll-button",
+  tabContentContainer: "tab-content-container",
+  tabContentItem: "tab-content-item"
 };
-const TRANSITION_DURATION = 400;
-const SEMANTIC_CLASS_NAMES = {
-  root: "button",
-  buttonLabel: "button__label"
+const OVERFLOW_BEHAVIOR = {
+  WRAP: "wrap"
 };
 const DesignStates = {
   root: {
-    hover: { displayName: "Hover", className: "button--hover" },
-    disabled: { displayName: "Disabled", className: "button--disabled" }
-  },
-  label: {
-    hover: { displayName: "Hover", className: "button__label--hover" },
-    disabled: { displayName: "Disabled", className: "button__label--disabled" }
-  }
-};
-const DisplayNames = {
-  root: {
-    elementDisplayName: "Button",
-    data: {
-      disabled: "Disabled"
-    },
-    cssProperties: {
-      gap: "Space between text and icon"
-    },
-    cssCustomProperties: {
-      "content-horizontal-alignment": "Alignment",
-      "icon-position": "Icon position"
-    },
-    presets: {
-      baseButton: "Base Button"
-    },
-    iconPosition: {
-      beforeText: "Before text",
-      afterText: "After text",
-      belowText: "Below text",
-      aboveText: "Above text"
-    }
-  },
-  label: {
-    elementDisplayName: "Text",
-    cssProperties: {
-      font: "Typography"
-    }
-  },
-  data: {
-    iconCollapsed: "Display icon"
+    hover: { displayName: "Hover", className: "tabs--hover" },
+    disabled: { displayName: "Disabled", className: "tabs--disabled" }
   }
 };
 export {
   DesignStates as D,
-  SEMANTIC_CLASS_NAMES as S,
-  TRANSITION_DURATION as T,
-  TestIds as a,
-  DisplayNames as b
+  OVERFLOW_BEHAVIOR as O,
+  classes as c
 };

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

@@ -1,57 +1,37 @@
-const selectors = {
-  root: "textInput"
-};
 const DisplayNames = {
   root: {
-    elementDisplayName: "TextInput"
-  },
-  cssCustomProperties: {
-    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"
+    elementDisplayName: "Time Picker",
+    data: {
+      value: "Selected time"
+    },
+    elements: {
+      timeInput: "Time input"
+    }
   }
 };
+const EMPTY_VALUE = "";
+const TRANSLATIONS_NAMESPACE = "timePicker";
+const TranslationKeys = {
+  ariaLabel: "timePicker_aria_label"
+};
+const DefaultTranslations = {
+  ariaLabel: "Time picker"
+};
+const TestIds = {
+  root: "timepicker-root",
+  group: "timepicker-group",
+  field: "timepicker-field"
+};
+const selectors = {
+  root: "timePicker",
+  group: "timePicker__group"
+};
 export {
-  DisplayNames as D,
+  DefaultTranslations as D,
+  EMPTY_VALUE as E,
+  TestIds as T,
+  TRANSLATIONS_NAMESPACE as a,
+  TranslationKeys as b,
+  DisplayNames as c,
   selectors as s
 };

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

@@ -1,61 +1,59 @@
-const DEFAULT_ANIMATION_DURATION = 0.2;
-const AnimatedSvgIds = {
-  animatedSvg: "animatedSvg",
-  animatedTagPath: "animatedPath",
-  animateTagForward: "animateForward",
-  animateTagBackward: "animateBackward"
-};
-var AnimationDirection = /* @__PURE__ */ ((AnimationDirection2) => {
-  AnimationDirection2["FORWARD"] = "Forward";
-  AnimationDirection2["BACKWARD"] = "Backward";
-  return AnimationDirection2;
-})(AnimationDirection || {});
-const AnimatedDataAttributes = {
-  [
-    "Forward"
-    /* FORWARD */
-  ]: "data-animated-end-path",
-  [
-    "Backward"
-    /* BACKWARD */
-  ]: "data-animated-start-path"
-};
 const TestIds = {
-  animatedSvg: "animated-svg",
-  animateTagForward: "animate-tag-forward",
-  animateTagBackward: "animate-tag-backward"
+  buttonContent: "buttonContent",
+  buttonLabel: "stylablebutton-label"
+};
+const TRANSITION_DURATION = 400;
+const SEMANTIC_CLASS_NAMES = {
+  root: "button",
+  buttonLabel: "button__label"
 };
 const DesignStates = {
   root: {
-    hover: { displayName: "Hover", className: "animated-icon--hover" },
-    disabled: { displayName: "Disabled", className: "animated-icon--disabled" },
-    selected: { displayName: "Selected", className: "animated-icon--selected" }
+    hover: { displayName: "Hover", className: "button--hover" },
+    disabled: { displayName: "Disabled", className: "button--disabled" }
+  },
+  label: {
+    hover: { displayName: "Hover", className: "button__label--hover" },
+    disabled: { displayName: "Disabled", className: "button__label--disabled" }
   }
 };
 const DisplayNames = {
   root: {
-    elementDisplayName: "Animated Icon",
-    customActions: {
-      animatedIcon: {
-        displayName: "Icon"
-      }
-    },
+    elementDisplayName: "Button",
     data: {
-      duration: "Duration"
+      disabled: "Disabled"
+    },
+    cssProperties: {
+      gap: "Space between text and icon"
     },
     cssCustomProperties: {
-      size: "Size",
-      fill: "Color",
-      rotation: "Rotation"
+      "content-horizontal-alignment": "Alignment",
+      "icon-position": "Icon position"
+    },
+    presets: {
+      baseButton: "Base Button"
+    },
+    iconPosition: {
+      beforeText: "Before text",
+      afterText: "After text",
+      belowText: "Below text",
+      aboveText: "Above text"
+    }
+  },
+  label: {
+    elementDisplayName: "Text",
+    cssProperties: {
+      font: "Typography"
     }
+  },
+  data: {
+    iconCollapsed: "Display icon"
   }
 };
 export {
-  AnimatedSvgIds as A,
-  DEFAULT_ANIMATION_DURATION as D,
-  TestIds as T,
-  AnimatedDataAttributes as a,
-  AnimationDirection as b,
-  DesignStates as c,
-  DisplayNames as d
+  DesignStates as D,
+  SEMANTIC_CLASS_NAMES as S,
+  TRANSITION_DURATION as T,
+  TestIds as a,
+  DisplayNames as b
 };