@wix/editor-react-components 1.2621.0 → 1.2623.0

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

@@ -1,72 +1,91 @@
-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 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 DEFAULT_PROPS = {
-  items: [],
-  defaultOpen: "none",
-  allowMultipleOpen: false,
-  titleHtmlTag: "h3"
+const dataDefaults = {
+  loop: false,
+  volume: 100
 };
-const accordionManifestDefaults = {
-  data: { ...DEFAULT_PROPS },
-  style: {
-    itemsGap: "0px"
-  }
+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 CONTAINER_INITIAL_HEIGHT = 240;
 const DesignStates = {
-  accordionItem: {
+  controls: {
     hover: {
       displayName: "Hover",
-      className: "accordion-component__accordion-item--hover"
+      className: "audio-player__controls--hover"
+    }
+  }
+};
+const DisplayNames = {
+  root: {
+    displayName: "Audio Player",
+    cssProperties: {
+      color: "Background color"
     },
-    selected: {
-      displayName: "Selected",
-      className: "accordion-component__accordion-item--selected"
+    cssCustomProperties: {
+      "content-horizontal-alignment": "Alignment",
+      "vertical-spacing": "Vertical spacing",
+      "audio-title-gap": "Space between track details"
     }
   },
-  itemTitle: {
-    hover: {
-      displayName: "Hover",
-      className: "accordion-component__item-title--hover"
+  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"
     },
-    selected: {
-      displayName: "Selected",
-      className: "accordion-component__item-title--selected"
+    displayGroups: {
+      fillColors: "Fill colors",
+      icon: "Icon"
     }
+  },
+  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 {
-  CONTAINER_INITIAL_HEIGHT as C,
+  ARIA_LABELS as A,
   DesignStates as D,
-  DEFAULT_PROPS as a,
-  DISPLAY_NAMES as b,
-  accordionManifestDefaults as c
+  DisplayNames as a,
+  borderDefaultValue as b,
+  dataDefaults as d,
+  selectors as s
 };

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

@@ -0,0 +1,72 @@
+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 DEFAULT_PROPS = {
+  items: [],
+  defaultOpen: "none",
+  allowMultipleOpen: false,
+  titleHtmlTag: "h3"
+};
+const accordionManifestDefaults = {
+  data: { ...DEFAULT_PROPS },
+  style: {
+    itemsGap: "0px"
+  }
+};
+const CONTAINER_INITIAL_HEIGHT = 240;
+const DesignStates = {
+  accordionItem: {
+    hover: {
+      displayName: "Hover",
+      className: "accordion-component__accordion-item--hover"
+    },
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__accordion-item--selected"
+    }
+  },
+  itemTitle: {
+    hover: {
+      displayName: "Hover",
+      className: "accordion-component__item-title--hover"
+    },
+    selected: {
+      displayName: "Selected",
+      className: "accordion-component__item-title--selected"
+    }
+  }
+};
+export {
+  CONTAINER_INITIAL_HEIGHT as C,
+  DesignStates as D,
+  DEFAULT_PROPS as a,
+  DISPLAY_NAMES as b,
+  accordionManifestDefaults as c
+};