@wix/editor-react-components 1.2761.0 → 1.2763.0

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

@@ -1,90 +1,97 @@
+const semanticClassNames = {
+  root: "breadcrumbs",
+  itemLabel: "breadcrumbs-item-label",
+  separator: "breadcrumbs-separator",
+  animatedHomeIcon: "animated-icon"
+};
 const DisplayNames = {
   root: {
-    elementDisplayName: "Checkbox",
-    data: {
-      checked: "Checked",
-      defaultChecked: "Checked by default",
-      required: "Required",
-      readOnly: "Read only",
-      disabled: "Disabled",
-      indeterminate: "Indeterminate",
-      label: "Label",
-      tooltip: "Tooltip"
-    },
-    cssCustomProperties: {
-      gap: "Spacing",
-      alignment: "Alignment"
+    elementDisplayName: "Breadcrumbs",
+    customActions: {
+      replaceHomeIcon: "Customize Icon"
     }
   },
-  indicator: {
-    elementDisplayName: "Indicator",
-    cssCustomProperties: {
-      uncheckedBackgroundColor: "Unchecked background color",
-      uncheckedBorderColor: "Unchecked border color",
-      checkedBackgroundColor: "Checked background color",
-      checkedBorderColor: "Checked border color",
-      borderWidth: "Border width",
-      checkmarkColor: "Checkmark color",
-      size: "Checkbox size"
-    }
+  item: {
+    elementDisplayName: "Items"
   },
-  label: {
-    elementDisplayName: "Label"
+  separator: {
+    elementDisplayName: "Separators"
+  },
+  homeIcon: {
+    elementDisplayName: "Home"
+  },
+  data: {
+    separator: "Separator",
+    displayHomepageAs: "Display homepage as",
+    horizontalSpacing: "Space between items",
+    verticalSpacing: "Space between rows",
+    alignment: "Alignment",
+    separatorOptions: {
+      slash: "Forward slash",
+      arrow: "Arrow"
+    },
+    homepageModeOptions: {
+      text: "Text",
+      icon: "Icon"
+    },
+    defaultState: "Default state",
+    defaultStateOptions: {
+      fullTrail: "Full trail",
+      hideHomepage: "Hide homepage",
+      hideCurrentPage: "Hide current page"
+    },
+    overflowItems: "Overflow items",
+    overflowItemsOptions: {
+      wrap: "Wrap",
+      collapse: "Collapse (with ellipses)"
+    },
+    beforeEllipsis: "Items before ellipses",
+    afterEllipsis: "Items after ellipses"
   }
 };
 const DesignStates = {
-  indicator: {
-    hover: { displayName: "Hover", className: "checkbox__indicator--hover" },
-    focus: { displayName: "Focus", className: "checkbox__indicator--focus" },
-    disabled: {
-      displayName: "Disabled",
-      className: "checkbox__indicator--disabled"
-    },
-    invalid: {
-      displayName: "Invalid",
-      className: "checkbox__indicator--invalid"
+  item: {
+    hover: { displayName: "Hover", className: "breadcrumbs__item--hover" },
+    selected: {
+      displayName: "Selected",
+      className: "breadcrumbs__item--selected"
     }
   }
 };
-const defaultValues = {
-  label: "Label",
-  checked: false,
-  defaultChecked: false,
-  required: false,
-  readOnly: false,
-  disabled: false,
-  indeterminate: false,
-  tooltip: ""
+const componentMetadata = {
+  id: "992fd74f-46fe-4cc3-b803-d70f75a11fbc",
+  type: "wixEditorElements.Breadcrumbs",
+  description: "A navigation component that displays the user's location within a site's hierarchy as a trail of links, allowing navigation back to any ancestor page."
 };
-const VALUE_MISSING_MESSAGE = "This field is required";
-const TestIds = {
-  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 separatorValues = {
+  slash: "slash",
+  arrow: "arrow"
 };
-const selectors = {
-  root: "checkbox",
-  indicator: "checkbox__indicator",
-  label: "checkbox__label"
+const homepageModeValues = {
+  text: "text",
+  icon: "icon"
 };
-const semanticClassNames = {
-  root: "checkbox",
-  control: "checkbox__control",
-  indicator: "checkbox__indicator",
-  label: "checkbox__label",
-  requiredIndicator: "checkbox__required-indicator",
-  errorMessage: "checkbox__error-message"
+const defaultStateValues = {
+  fullTrail: "fullTrail",
+  hideHomepage: "hideHomepage",
+  hideCurrentPage: "hideCurrentPage"
+};
+const ARIA_LABEL_NAMESPACE = "ariaLabels";
+const translationKeys = {
+  breadcrumbsAriaLabel: "breadcrumbs_AriaLabel"
+};
+const defaultTranslations = {
+  breadcrumbsAriaLabel: "Breadcrumbs"
 };
 export {
+  ARIA_LABEL_NAMESPACE as A,
   DesignStates as D,
-  TestIds as T,
-  VALUE_MISSING_MESSAGE as V,
-  semanticClassNames as a,
-  DisplayNames as b,
-  defaultValues as d,
-  selectors as s
+  DisplayNames as a,
+  defaultStateValues as b,
+  separatorValues as c,
+  defaultTranslations as d,
+  componentMetadata as e,
+  homepageModeValues as h,
+  semanticClassNames as s,
+  translationKeys as t
 };

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

@@ -1,97 +1,91 @@
-const semanticClassNames = {
-  root: "breadcrumbs",
-  itemLabel: "breadcrumbs-item-label",
-  separator: "breadcrumbs-separator",
-  animatedHomeIcon: "animated-icon"
+const selectors = {
+  root: "audioPlayer",
+  controls: "controls",
+  playButton: "playButton",
+  playIcon: "playIcon",
+  progressBar: "progressBar",
+  progressTrack: "progressTrack",
+  volumeControls: "volumeControls",
+  muteButton: "muteButton",
+  volumeSlider: "volumeSlider",
+  volumeTrack: "volumeTrack",
+  timeDisplay: "timeDisplay",
+  audioTitle: "audioTitle",
+  title: "title",
+  artistName: "artistName",
+  coverMedia: "coverMedia"
+};
+const dataDefaults = {
+  loop: false,
+  volume: 100
+};
+const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
+const ARIA_LABELS = {
+  playButton: "Play",
+  pauseButton: "Pause",
+  muteButton: "Mute",
+  unmuteButton: "Unmute",
+  progressBar: "Seek",
+  volumeSlider: "Volume",
+  volumeControls: "Volume controls"
+};
+const DesignStates = {
+  controls: {
+    hover: {
+      displayName: "Hover",
+      className: "audio-player__controls--hover"
+    }
+  }
 };
 const DisplayNames = {
   root: {
-    elementDisplayName: "Breadcrumbs",
-    customActions: {
-      replaceHomeIcon: "Customize Icon"
+    displayName: "Audio Player",
+    cssProperties: {
+      color: "Background color"
+    },
+    cssCustomProperties: {
+      "content-horizontal-alignment": "Alignment",
+      "vertical-spacing": "Vertical spacing",
+      "audio-title-gap": "Space between track details"
     }
   },
-  item: {
-    elementDisplayName: "Items"
-  },
-  separator: {
-    elementDisplayName: "Separators"
-  },
-  homeIcon: {
-    elementDisplayName: "Home"
-  },
-  data: {
-    separator: "Separator",
-    displayHomepageAs: "Display homepage as",
-    horizontalSpacing: "Space between items",
-    verticalSpacing: "Space between rows",
-    alignment: "Alignment",
-    separatorOptions: {
-      slash: "Forward slash",
-      arrow: "Arrow"
+  controls: {
+    displayName: "Playback controls",
+    cssCustomProperties: {
+      "progress-fill-color": "Progress bar color",
+      "volume-control-color": "Volume control color",
+      "time-display-color": "Time display",
+      "play-icon-color": "Play icon color",
+      "play-icon-size": "Play icon size"
     },
-    homepageModeOptions: {
-      text: "Text",
+    displayGroups: {
+      fillColors: "Fill colors",
       icon: "Icon"
-    },
-    defaultState: "Default state",
-    defaultStateOptions: {
-      fullTrail: "Full trail",
-      hideHomepage: "Hide homepage",
-      hideCurrentPage: "Hide current page"
-    },
-    overflowItems: "Overflow items",
-    overflowItemsOptions: {
-      wrap: "Wrap",
-      collapse: "Collapse (with ellipses)"
-    },
-    beforeEllipsis: "Items before ellipses",
-    afterEllipsis: "Items after ellipses"
-  }
-};
-const DesignStates = {
-  item: {
-    hover: { displayName: "Hover", className: "breadcrumbs__item--hover" },
-    selected: {
-      displayName: "Selected",
-      className: "breadcrumbs__item--selected"
     }
+  },
+  elements: {
+    coverMedia: "Cover art",
+    audioTitle: "Audio title",
+    artistName: "Artist name",
+    progressBar: "Progress bar",
+    timeDisplay: "Time display",
+    volumeControls: "Volume control"
+  },
+  data: {
+    coverImage: "Image",
+    displayMode: "Display mode",
+    loop: "Plays in a loop",
+    volume: "Volume"
+  },
+  displayGroups: {
+    playbackOptions: "Playback"
   }
 };
-const componentMetadata = {
-  id: "992fd74f-46fe-4cc3-b803-d70f75a11fbc",
-  type: "wixEditorElements.Breadcrumbs",
-  description: "A navigation component that displays the user's location within a site's hierarchy as a trail of links, allowing navigation back to any ancestor page."
-};
-const separatorValues = {
-  slash: "slash",
-  arrow: "arrow"
-};
-const homepageModeValues = {
-  text: "text",
-  icon: "icon"
-};
-const defaultStateValues = {
-  fullTrail: "fullTrail",
-  hideHomepage: "hideHomepage",
-  hideCurrentPage: "hideCurrentPage"
-};
-const ARIA_LABEL_NAMESPACE = "ariaLabels";
-const translationKeys = {
-  breadcrumbsAriaLabel: "breadcrumbs_AriaLabel"
-};
-const defaultTranslations = {
-  breadcrumbsAriaLabel: "Breadcrumbs"
-};
 export {
-  ARIA_LABEL_NAMESPACE as A,
+  ARIA_LABELS as A,
   DesignStates as D,
   DisplayNames as a,
-  defaultStateValues as b,
-  separatorValues as c,
-  defaultTranslations as d,
-  componentMetadata as e,
-  homepageModeValues as h,
-  semanticClassNames as s,
-  translationKeys as t
+  borderDefaultValue as b,
+  dataDefaults as d,
+  selectors as s
 };

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

@@ -1,91 +1,72 @@
-const selectors = {
-  root: "audioPlayer",
-  controls: "controls",
-  playButton: "playButton",
-  playIcon: "playIcon",
-  progressBar: "progressBar",
-  progressTrack: "progressTrack",
-  volumeControls: "volumeControls",
-  muteButton: "muteButton",
-  volumeSlider: "volumeSlider",
-  volumeTrack: "volumeTrack",
-  timeDisplay: "timeDisplay",
-  audioTitle: "audioTitle",
-  title: "title",
-  artistName: "artistName",
-  coverMedia: "coverMedia"
+const DISPLAY_NAMES = {
+  component: "Accordion",
+  elements: {
+    accordionItems: "Accordion items",
+    itemContent: "Item content",
+    itemTitles: "Item titles"
+  },
+  actions: {
+    manageAccordion: "Manage Accordion",
+    animatedIcon: "Customize Icon"
+  },
+  data: {
+    items: "Item",
+    title: "Title",
+    activeItem: "Active Item",
+    allowMultipleOpen: "Allow multiple open items",
+    defaultState: "Choose the default state"
+  },
+  defaultStateOptions: {
+    allClosed: "All items closed",
+    firstOpened: "First item opened",
+    allOpened: "All items opened"
+  },
+  displayGroups: {
+    accordionItems: "Accordion Items"
+  },
+  layout: {
+    itemsGap: "Space between items"
+  }
 };
-const dataDefaults = {
-  loop: false,
-  volume: 100
+const DEFAULT_PROPS = {
+  items: [],
+  defaultOpen: "none",
+  allowMultipleOpen: false,
+  titleHtmlTag: "h3"
 };
-const borderDefaultValue = "0px none rgba(0, 0, 0, 1)";
-const ARIA_LABELS = {
-  playButton: "Play",
-  pauseButton: "Pause",
-  muteButton: "Mute",
-  unmuteButton: "Unmute",
-  progressBar: "Seek",
-  volumeSlider: "Volume",
-  volumeControls: "Volume controls"
+const accordionManifestDefaults = {
+  data: { ...DEFAULT_PROPS },
+  style: {
+    itemsGap: "0px"
+  }
 };
+const CONTAINER_INITIAL_HEIGHT = 240;
 const DesignStates = {
-  controls: {
+  accordionItem: {
     hover: {
       displayName: "Hover",
-      className: "audio-player__controls--hover"
-    }
-  }
-};
-const DisplayNames = {
-  root: {
-    displayName: "Audio Player",
-    cssProperties: {
-      color: "Background color"
+      className: "accordion-component__accordion-item--hover"
     },
-    cssCustomProperties: {
-      "content-horizontal-alignment": "Alignment",
-      "vertical-spacing": "Vertical spacing",
-      "audio-title-gap": "Space between track details"
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__accordion-item--selected"
     }
   },
-  controls: {
-    displayName: "Playback controls",
-    cssCustomProperties: {
-      "progress-fill-color": "Progress bar color",
-      "volume-control-color": "Volume control color",
-      "time-display-color": "Time display",
-      "play-icon-color": "Play icon color",
-      "play-icon-size": "Play icon size"
+  itemTitle: {
+    hover: {
+      displayName: "Hover",
+      className: "accordion-component__item-title--hover"
     },
-    displayGroups: {
-      fillColors: "Fill colors",
-      icon: "Icon"
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__item-title--selected"
     }
-  },
-  elements: {
-    coverMedia: "Cover art",
-    audioTitle: "Audio title",
-    artistName: "Artist name",
-    progressBar: "Progress bar",
-    timeDisplay: "Time display",
-    volumeControls: "Volume control"
-  },
-  data: {
-    coverImage: "Image",
-    displayMode: "Display mode",
-    loop: "Plays in a loop",
-    volume: "Volume"
-  },
-  displayGroups: {
-    playbackOptions: "Playback"
   }
 };
 export {
-  ARIA_LABELS as A,
+  CONTAINER_INITIAL_HEIGHT as C,
   DesignStates as D,
-  DisplayNames as a,
-  borderDefaultValue as b,
-  dataDefaults as d,
-  selectors as s
+  DEFAULT_PROPS as a,
+  DISPLAY_NAMES as b,
+  accordionManifestDefaults as c
 };

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

@@ -1,22 +1,31 @@
-import { S as SharedDisplayNames } from "./constants10.js";
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsStriped-container",
-    text: "TextEffectsStriped-text"
+    container: "TextEffectsSticker-container",
+    text: "TextEffectsSticker-text"
   }
 };
+const COMPONENT_ID = "5a8d2f7c-e1b3-4c9a-8d6e-2f4b7a9c1e3d";
+const TEXT_TWIST_PANEL_ID = "c5f84f6c-3d1f-4287-af95-800fc31b581e";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    stripeAngle: "Angle",
-    stripeSize: "Size",
-    innerAnimationSpeed: "Speed",
-    disableInnerAnimation: "Animation",
-    textEffectsColor1: "Color 1",
-    textEffectsColor2: "Color 2"
+    fill: "Color",
+    fillOpacity: "opacity",
+    strokeWidth: "width",
+    stroke: "Color",
+    outerStrokeAngle: "Angle",
+    outerStrokeDistance: "Distance",
+    shadowColor: "Color",
+    shadowOpacity: "Opacity",
+    shadowAngle: "Angle",
+    shadowBlur: "Blur",
+    shadowDistance: "Distance"
   }
 };
 export {
+  COMPONENT_ID as C,
   DisplayNames as D,
-  TestIds as T
+  TestIds as T,
+  TEXT_TWIST_PANEL_ID as a
 };

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

@@ -1,26 +1,26 @@
-import { S as SharedDisplayNames } from "./constants10.js";
+import { S as SharedDisplayNames } from "./constants9.js";
+const COMPONENT_ID = "edce3e51-3d93-4b6a-abd5-778f5071b73d";
+const TEXT_TWIST_PANEL_ID = "8ec92f08-c639-4240-8408-1aaaedbc5712";
 const TestIds = {
   viewer: {
-    container: "TextEffectsSticker-container",
-    text: "TextEffectsSticker-text"
+    container: "text-effects-shook-container",
+    layer: "text-effects-shook-layer",
+    text: "text-effects-shook-text"
   }
 };
-const COMPONENT_ID = "5a8d2f7c-e1b3-4c9a-8d6e-2f4b7a9c1e3d";
-const TEXT_TWIST_PANEL_ID = "c5f84f6c-3d1f-4287-af95-800fc31b581e";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    fill: "Color",
-    fillOpacity: "opacity",
     strokeWidth: "width",
     stroke: "Color",
-    outerStrokeAngle: "Angle",
-    outerStrokeDistance: "Distance",
-    shadowColor: "Color",
-    shadowOpacity: "Opacity",
-    shadowAngle: "Angle",
-    shadowBlur: "Blur",
-    shadowDistance: "Distance"
+    bevelAngle: "Angle",
+    layerCount: "Number of layers",
+    layerSpacing: "Space between layers",
+    textEffectsColor1: "Color 1",
+    textEffectsColor2: "Color 2",
+    textEffectsColor3: "Color 3",
+    textEffectsColor4: "Color 4",
+    textEffectsColor5: "Color 5"
   }
 };
 export {

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

@@ -1,26 +1,25 @@
-import { S as SharedDisplayNames } from "./constants10.js";
-const COMPONENT_ID = "edce3e51-3d93-4b6a-abd5-778f5071b73d";
-const TEXT_TWIST_PANEL_ID = "8ec92f08-c639-4240-8408-1aaaedbc5712";
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
   viewer: {
-    container: "text-effects-shook-container",
-    layer: "text-effects-shook-layer",
-    text: "text-effects-shook-text"
+    container: "TextEffectsRetro-container",
+    text: "TextEffectsRetro-text"
   }
 };
+const COMPONENT_ID = "2f4c7e1a-d8b3-4c5f-a9d2-6b8e3f1a7c4d";
+const TEXT_TWIST_PANEL_ID = "4b11b85b-e246-4c9e-a4da-8334bfeb5748";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    strokeWidth: "width",
-    stroke: "Color",
+    disableInnerAnimation: "Animation",
+    innerAnimationSpeed: "Speed",
     bevelAngle: "Angle",
+    bevelDepth: "Layer size",
     layerCount: "Number of layers",
-    layerSpacing: "Space between layers",
+    shadowBlur: "Blur",
     textEffectsColor1: "Color 1",
     textEffectsColor2: "Color 2",
     textEffectsColor3: "Color 3",
-    textEffectsColor4: "Color 4",
-    textEffectsColor5: "Color 5"
+    textEffectsColor4: "Color 4"
   }
 };
 export {

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

@@ -1,30 +1,30 @@
-import { S as SharedDisplayNames } from "./constants10.js";
+import { S as SharedDisplayNames } from "./constants9.js";
 const TestIds = {
   viewer: {
-    container: "TextEffectsRetro-container",
-    text: "TextEffectsRetro-text"
+    container: "TextEffectsOutlineOut-container",
+    text: "TextEffectsOutlineOut-text"
   }
 };
-const COMPONENT_ID = "2f4c7e1a-d8b3-4c5f-a9d2-6b8e3f1a7c4d";
-const TEXT_TWIST_PANEL_ID = "4b11b85b-e246-4c9e-a4da-8334bfeb5748";
+const angleConfig = {
+  start: 0,
+  end: 360,
+  step: 45
+};
+const COMPONENT_ID = "6b9e3a8d-f2c4-4d7b-9e1a-3c5f8b2d6a4e";
+const TEXT_TWIST_PANEL_ID = "44be09da-8986-4aec-8a43-545549885828";
 const DisplayNames = {
   ...SharedDisplayNames,
   cssCustomProperties: {
-    disableInnerAnimation: "Animation",
-    innerAnimationSpeed: "Speed",
-    bevelAngle: "Angle",
-    bevelDepth: "Layer size",
-    layerCount: "Number of layers",
-    shadowBlur: "Blur",
     textEffectsColor1: "Color 1",
     textEffectsColor2: "Color 2",
-    textEffectsColor3: "Color 3",
-    textEffectsColor4: "Color 4"
+    bevelAngle: "Bevel angle",
+    layerBlendMode: "Blend mode"
   }
 };
 export {
   COMPONENT_ID as C,
   DisplayNames as D,
   TestIds as T,
-  TEXT_TWIST_PANEL_ID as a
+  angleConfig as a,
+  TEXT_TWIST_PANEL_ID as b
 };