@wix/design-system 1.0.0

package/dist/esm/EmptyState/EmptyState.st.css

@@ -0,0 +1,111 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D60;
+}
+
+:import {
+  -st-from: "../Text/Text.st.css";
+  -st-default: Text;
+}
+
+:import {
+  -st-from: "../Heading/Heading.st.css";
+  -st-default: Heading;
+}
+
+.root {
+  -st-states: theme(enum(page, page-no-border, section)), align(enum(start, center, end)), newColorsBranding;
+  display: flex;
+  padding: 42px;
+}
+
+.root:theme(page) {
+  border: solid 1px value(D60);
+  border-radius: 8px;
+}
+
+.root:theme(page-no-border) {
+  border: 0;
+  border-radius: 8px;
+}
+
+.root:theme(section) {
+  padding: 0;
+}
+
+.root:align(start), .root:align(start) .imageContainer, .root:align(start) .childrenContainer {
+  text-align: left;
+  justify-content: flex-start;
+}
+
+.root:align(center), .root:align(center) .imageContainer, .root:align(center) .childrenContainer {
+  text-align: center;
+  justify-content: center;
+}
+
+.root:align(end), .root:align(end) .imageContainer, .root:align(end) .childrenContainer {
+  text-align: right;
+  justify-content: flex-end;
+}
+
+:global([dir='rtl']) .root:align(start), :global(.rtl) .root:align(start){
+  text-align: right;
+}
+
+:global([dir='rtl']) .root:align(end), :global(.rtl) .root:align(end){
+  text-align: left;
+}
+
+.container {
+  max-width: 540px;
+}
+
+.imageContainer {
+  margin-bottom: 36px;
+  min-height: 120px;
+  max-height: 150px;
+  display: flex;
+}
+
+.imageElement {
+  min-height: 120px;
+  max-height: 150px;
+}
+
+.titleContainer {
+  margin-bottom: 6px;
+}
+
+.title {
+  -st-extends: Heading;
+}
+
+.sectionTitle {
+  -st-extends: Text;
+}
+
+.subtitle {
+  -st-extends: Text;
+}
+
+.subtitleContainer {
+}
+
+.childrenContainer {
+  margin-top: 18px;
+  display: flex;
+}
+
+/* New colors branding */
+
+.root:newColorsBranding:theme(section) .imageContainer {
+  margin-bottom: 9px;
+}
+
+.root:newColorsBranding:theme(page) .imageContainer, .root:newColorsBranding:theme(page-no-border) .imageContainer {
+  margin-bottom: 24px;
+}
+
+.root:newColorsBranding:theme(section) .childrenContainer {
+  margin-top: 15px;
+}

package/dist/esm/EmptyState/EmptyState.st.css.js

@@ -0,0 +1,26 @@
+
+import "../Foundation/stylable/colors.st.css.js";
+import "../Text/Text.st.css.js";
+import "../Heading/Heading.st.css.js";
+import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_0_0_EmptyState";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_0_0_EmptyState__root","imageContainer":"wds_1_0_0_EmptyState__imageContainer","childrenContainer":"wds_1_0_0_EmptyState__childrenContainer","container":"wds_1_0_0_EmptyState__container","imageElement":"wds_1_0_0_EmptyState__imageElement","titleContainer":"wds_1_0_0_EmptyState__titleContainer","title":"wds_1_0_0_EmptyState__title","sectionTitle":"wds_1_0_0_EmptyState__sectionTitle","subtitle":"wds_1_0_0_EmptyState__subtitle","subtitleContainer":"wds_1_0_0_EmptyState__subtitleContainer"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/dist/esm/EmptyState/EmptyState.uni.driver.js

@@ -0,0 +1,34 @@
+import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';
+import { ReactBase } from '../test-utils/utils/unidriver';
+export const emptyStateUniDriverFactory = base => {
+    const byDataHook = dataHook => base.$(`[data-hook="${dataHook}"]`);
+    const getTitleContainer = () => byDataHook('empty-state-title-container');
+    const getSubtitleContainer = () => byDataHook('empty-state-subtitle-container');
+    const getImageContainer = () => byDataHook('empty-state-image-container');
+    const getChildrenContainer = () => byDataHook('empty-state-children-container');
+    const getTitle = () => getTitleContainer().$(':first-child');
+    const getSubtitle = () => getSubtitleContainer().$(':first-child');
+    const getImageElement = () => getImageContainer().$('[data-hook="image-element"]');
+    const getImageNode = () => getImageContainer().$('[data-hook="image-node"]');
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { 
+        /** Returns the element */
+        element: () => base.getNative(), 
+        /** Returns the text of the title */
+        getTitleText: async () => getTitle().text(), 
+        /** Returns the text of the subtitle */
+        getSubtitleText: async () => getSubtitle().text(), 
+        /** Returns true if the component was configured with given theme */
+        hasTheme: async (themeName) => (await base.attr('data-theme')) === themeName, 
+        /** Returns the URL of the image element (if persist) */
+        getImageUrl: () => getImageElement()._prop('src') || '', getImageContainerClassName: async () => {
+            const classList = await ReactBase(getImageContainer())._DEPRECATED_getClassList();
+            return classList;
+        }, 
+        /** Returns `true` if a node passed via the `image` prop exists */
+        imageNodeExists: () => getImageNode().exists(), 
+        /** Returns `true` if children content exists */
+        childrenContentExists: () => getChildrenContainer().exists(), 
+        /** Returns true if the component was configured with given align */
+        hasAlign: async (align) => (await base.attr('data-align')) === align });
+};
+//# sourceMappingURL=EmptyState.uni.driver.js.map

package/dist/esm/EmptyState/EmptyState.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.uni.driver.js","sourceRoot":"","sources":["../../../src/EmptyState/EmptyState.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAE1D,MAAM,CAAC,MAAM,0BAA0B,GAAG,IAAI,CAAC,EAAE;IAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,CAAC;IAEnE,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IAC1E,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAChC,UAAU,CAAC,gCAAgC,CAAC,CAAC;IAC/C,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IAC1E,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAChC,UAAU,CAAC,gCAAgC,CAAC,CAAC;IAE/C,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,iBAAiB,EAAE,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC;IAE7E,uCACK,oBAAoB,CAAC,IAAI,CAAC;QAE7B,0BAA0B;QAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;QAE/B,oCAAoC;QACpC,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE;QAE3C,uCAAuC;QACvC,eAAe,EAAE,KAAK,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE;QAEjD,oEAAoE;QACpE,QAAQ,EAAE,KAAK,EAAC,SAAS,EAAC,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,SAAS;QAE1E,wDAAwD;QACxD,WAAW,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAEvD,0BAA0B,EAAE,KAAK,IAAI,EAAE;YACrC,MAAM,SAAS,GAAG,MAAM,SAAS,CAC/B,iBAAiB,EAAE,CACpB,CAAC,wBAAwB,EAAE,CAAC;YAC7B,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,kEAAkE;QAClE,eAAe,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE;QAE9C,gDAAgD;QAChD,qBAAqB,EAAE,GAAG,EAAE,CAAC,oBAAoB,EAAE,CAAC,MAAM,EAAE;QAE5D,oEAAoE;QACpE,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,KAAK,IAClE;AACJ,CAAC,CAAC"}

package/dist/esm/EmptyState/index.js

@@ -0,0 +1,2 @@
+export { default } from './EmptyState.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/EmptyState/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/EmptyState/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/esm/FacesRatingBar/FacesRatingBar.js

@@ -0,0 +1,157 @@
+import { __rest } from "tslib";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withFocusable } from '../common/Focusable';
+import { st, classes } from './FacesRatingBar.st.css.js';
+import { dataHooks, facesData } from './constants';
+import Box from '../Box/Box';
+import Tooltip from '../Tooltip/Tooltip';
+import { FaceDisapointed, FaceFrowning, FaceNeutral, FaceSmiling, FaceGrining, } from './icons/FaceIcons';
+const faceIconsMap = {
+    5: {
+        1: FaceDisapointed,
+        2: FaceFrowning,
+        3: FaceNeutral,
+        4: FaceSmiling,
+        5: FaceGrining,
+    },
+    4: {
+        1: FaceDisapointed,
+        2: FaceFrowning,
+        3: FaceSmiling,
+        4: FaceGrining,
+    },
+    3: {
+        1: FaceDisapointed,
+        2: FaceNeutral,
+        3: FaceSmiling,
+    },
+    2: {
+        1: FaceDisapointed,
+        2: FaceSmiling,
+    },
+};
+/** A rating component that will enable the user to rate on a 1-5 scale. */
+class FacesRatingBar extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            faceHoveredIndex: 0,
+        };
+        this._onFaceClick = index => {
+            this.props.onChange(index);
+        };
+        this._onFaceMouseEnter = index => {
+            this.setState({ faceHoveredIndex: index });
+        };
+        this._onFaceMouseLeave = () => {
+            this.setState({ faceHoveredIndex: 0 });
+        };
+        this._onFaceFocus = (faceIndex, focusableProps) => {
+            // We would like to change the faces color on focus / hover
+            this.setState({ faceHoveredIndex: faceIndex });
+            focusableProps.focusableOnFocus();
+        };
+        this._onFaceBlur = focusableProps => {
+            // We would like to change the faces color on focus / hover
+            this.setState({ faceHoveredIndex: 0 });
+            focusableProps.focusableOnBlur();
+        };
+        this._shouldShowDescriptionValues = () => {
+            const { readOnly, descriptionValues, maxValue } = this.props;
+            let shouldShowDescriptionValues = false;
+            // Adding description values is not available in read only mode and it must be an array of strings at size of at least 2.
+            if (!readOnly && descriptionValues) {
+                shouldShowDescriptionValues =
+                    Array.isArray(descriptionValues) &&
+                        descriptionValues.length === maxValue;
+            }
+            return shouldShowDescriptionValues;
+        };
+    }
+    componentDidMount() {
+        const { readOnly, value } = this.props;
+        if (readOnly && value === 0) {
+            throw new Error('In readOnly mode the value couldn’t be 0. Please enter a value between 1 to 5.');
+        }
+    }
+    render() {
+        const { dataHook, readOnly, value, descriptionValues, maxValue } = this.props;
+        const { faceHoveredIndex } = this.state;
+        const showDescriptionValues = this._shouldShowDescriptionValues();
+        return (React.createElement(Box, { className: st(classes.root, {}, this.props), dataHook: dataHook },
+            React.createElement(Faces, { readOnly: readOnly, maxValue: maxValue, selectedIndex: value, hoveredIndex: faceHoveredIndex, showDescriptionValues: showDescriptionValues, descriptionValues: descriptionValues, onClick: this._onFaceClick, onMouseEnter: this._onFaceMouseEnter, onMouseLeave: this._onFaceMouseLeave, handleFocus: this._onFaceFocus, handleBlur: this._onFaceBlur })));
+    }
+}
+const Faces = ({ readOnly, selectedIndex, hoveredIndex, showDescriptionValues, descriptionValues, onClick, onMouseEnter, onMouseLeave, handleFocus, handleBlur, maxValue, }) => {
+    const facesArr = [];
+    for (let i = 1; i <= maxValue; i++) {
+        const isSelected = selectedIndex === i;
+        const isHovered = hoveredIndex === i;
+        const iconType = facesData[i].name;
+        const commonProps = {
+            key: i,
+            faceIndex: i,
+            isSelected,
+            iconType,
+            maxValue,
+        };
+        const face = readOnly ? (React.createElement(ReadOnlyModeFace, Object.assign({}, commonProps))) : (React.createElement(FocusableInteractiveModeFace, Object.assign({}, commonProps, { isHovered: isHovered, showDescriptionValues: showDescriptionValues, descriptionValues: descriptionValues, onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, handleFocus: handleFocus, handleBlur: handleBlur })));
+        facesArr.push(face);
+    }
+    return facesArr;
+};
+const InteractiveModeFace = (_a) => {
+    var { faceIndex, isSelected, iconType, isHovered, showDescriptionValues, descriptionValues, onClick, onMouseEnter, onMouseLeave, handleFocus, handleBlur, maxValue } = _a, focusableProps = __rest(_a, ["faceIndex", "isSelected", "iconType", "isHovered", "showDescriptionValues", "descriptionValues", "onClick", "onMouseEnter", "onMouseLeave", "handleFocus", "handleBlur", "maxValue"]);
+    const IconTagName = faceIconsMap[maxValue][faceIndex];
+    const tooltipContent = showDescriptionValues
+        ? descriptionValues[faceIndex - 1]
+        : '';
+    return (React.createElement("button", { "data-hook": dataHooks.face, "data-index": faceIndex, "data-selected": isSelected, className: st(classes.buttonWrapper), onClick: () => onClick(faceIndex), onMouseEnter: () => onMouseEnter(faceIndex), onMouseLeave: onMouseLeave, onFocus: () => handleFocus(faceIndex, focusableProps), onBlur: () => handleBlur(focusableProps) },
+        React.createElement("div", { "data-hook": dataHooks.face, "data-selected": isSelected, className: st(classes.faceContainer, {
+                type: 'interactive',
+                hovered: isHovered,
+                selected: isSelected,
+                iconType,
+            }) },
+            React.createElement(Tooltip, { dataHook: facesData[faceIndex].tooltipDataHook, content: tooltipContent, disabled: !showDescriptionValues },
+                React.createElement(IconTagName, { width: 22, height: 22 })))));
+};
+const FocusableInteractiveModeFace = withFocusable(InteractiveModeFace);
+const ReadOnlyModeFace = ({ faceIndex, isSelected, iconType, maxValue }) => {
+    const IconTagName = faceIconsMap[maxValue][faceIndex];
+    return (React.createElement("div", { "data-hook": dataHooks.face, "data-selected": isSelected, className: st(classes.faceContainer, {
+            type: 'readOnly',
+            selected: isSelected,
+            iconType,
+        }) },
+        React.createElement(IconTagName, null)));
+};
+FacesRatingBar.displayName = 'FacesRatingBar';
+FacesRatingBar.propTypes = {
+    /** Applies a data-hook HTML attribute that can be used in the tests */
+    dataHook: PropTypes.string,
+    /** Allows you to apply a CSS class to the component’s root element */
+    className: PropTypes.string,
+    /** Specifies whether the rating bar is in read only mode */
+    readOnly: PropTypes.bool,
+    /** Specifies the rate value descriptions’ texts. The array length must match the maxValue prop number (5 by default). */
+    descriptionValues: PropTypes.arrayOf(PropTypes.string),
+    /** Specifies the selected rate. `0` indicates undefined rating. `readOnly` mode value cannot be `0`. */
+    value: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,
+    /** Specifies the maximum rate value. */
+    maxValue: PropTypes.oneOf([2, 3, 4, 5]),
+    /** Defines a handler that is called whenever a rating changes.
+     * ##### Signature:
+     * function(rating: number) => void
+     * * `rating`: 1 | 2 | 3 | 4 | 5
+     */
+    onChange: PropTypes.func,
+};
+FacesRatingBar.defaultProps = {
+    readOnly: false,
+    onChange: () => { },
+    maxValue: 5,
+};
+export default FacesRatingBar;
+//# sourceMappingURL=FacesRatingBar.js.map

package/dist/esm/FacesRatingBar/FacesRatingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacesRatingBar.js","sourceRoot":"","sources":["../../../src/FacesRatingBar/FacesRatingBar.js"],"names":[],"mappings":"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"}

package/dist/esm/FacesRatingBar/FacesRatingBar.meta.js

@@ -0,0 +1,15 @@
+// This object should contain a mock value for each required prop of this component
+export const requiredProps = {
+    value: 1,
+};
+// This array should contain an object only for tests you wish to run on all compliance tests
+const sharedTests = [
+    {
+        title: 'render',
+        props: Object.assign({}, requiredProps),
+    },
+];
+export const testkitTests = [...sharedTests];
+export const ssrTests = [...sharedTests];
+export const a11yTests = [...sharedTests];
+//# sourceMappingURL=FacesRatingBar.meta.js.map

package/dist/esm/FacesRatingBar/FacesRatingBar.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacesRatingBar.meta.js","sourceRoot":"","sources":["../../../src/FacesRatingBar/FacesRatingBar.meta.tsx"],"names":[],"mappings":"AAEA,mFAAmF;AACnF,MAAM,CAAC,MAAM,aAAa,GAAwB;IAChD,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,6FAA6F;AAC7F,MAAM,WAAW,GAAG;IAClB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,kBACF,aAAa,CACM;KACzB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAE7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC"}

package/dist/esm/FacesRatingBar/FacesRatingBar.st.css

@@ -0,0 +1,105 @@
+:import {
+  -st-from: "../common/Focusable/Focusable.st.css";
+  -st-default: Focusable;
+}
+
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D20, D10-20, B10, B40, R05, R40, Y05, Y40, G05, G50, F00;
+}
+
+:import {
+  -st-from: "../Foundation/stylable/spacing.st.css";
+  -st-named: spacing12;
+}
+
+.root {
+}
+
+.buttonWrapper {
+  -st-extends: Focusable;
+  outline: none;
+  min-width: 0;
+  border: none;
+  padding: 0;
+  background: none;
+  font-size: 0;
+}
+
+.faceContainer {
+  -st-states: type(enum(readOnly, interactive)), hovered, selected, iconType(enum(disapointed, frowning, neutral, smiling, grining));
+  margin-right: value(spacing12);
+  width: 22px;
+  height: 22px;
+  border-radius: 22px;
+}
+
+.buttonWrapper:last-child .faceContainer{
+  margin-right: 0;
+}
+
+.buttonWrapper:focus-visible .faceContainer{
+  box-shadow: 0 0 0 3px value(F00);
+  border-radius: 2px;
+}
+
+.faceIcon {
+  color: value(D20);
+}
+
+.faceContainer:type(interactive):selected {
+  background-color: value(B40);
+}
+
+.faceContainer:type(interactive):selected .faceIcon {
+  color: value(B10);
+}
+
+.faceContainer:type(interactive):hovered {
+  cursor: pointer;
+}
+
+.faceContainer:type(interactive):hovered .faceIcon {
+  color: value(B10);
+}
+
+
+/*!** read only mode *!*/
+.faceContainer:type(readOnly) .faceIcon {
+  color: value(D10-20);
+}
+
+.faceContainer:type(readOnly):selected:iconType(disapointed) {
+  background-color: value(R40);
+}
+.faceContainer:type(readOnly):selected:iconType(disapointed) .faceIcon {
+  color: value(R05);
+}
+
+.faceContainer:type(readOnly):selected:iconType(frowning) {
+  background-color: value(R40);
+}
+.faceContainer:type(readOnly):selected:iconType(frowning) .faceIcon {
+  color: value(R05);
+}
+
+.faceContainer:type(readOnly):selected:iconType(neutral) {
+  background-color: value(Y40);
+}
+.faceContainer:type(readOnly):selected:iconType(neutral) .faceIcon {
+  color: value(Y05);
+}
+
+.faceContainer:type(readOnly):selected:iconType(smiling) {
+  background-color: value(G50);
+}
+.faceContainer:type(readOnly):selected:iconType(smiling) .faceIcon {
+  color: value(G05);
+}
+
+.faceContainer:type(readOnly):selected:iconType(grining) {
+  background-color: value(G50);
+}
+.faceContainer:type(readOnly):selected:iconType(grining) .faceIcon {
+  color: value(G05);
+}

package/dist/esm/FacesRatingBar/FacesRatingBar.st.css.js

@@ -0,0 +1,26 @@
+
+import "../common/Focusable/Focusable.st.css.js";
+import "../Foundation/stylable/colors.st.css.js";
+import "../Foundation/stylable/spacing.st.css.js";
+import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_0_0_FacesRatingBar";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+export var cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+export var style = /*#__PURE__*/ _style_;
+export var st = /*#__PURE__*/ _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_0_0_FacesRatingBar__root","buttonWrapper":"wds_1_0_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_0_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_0_0_FacesRatingBar__faceIcon"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/dist/esm/FacesRatingBar/FacesRatingBar.uni.driver.js

@@ -0,0 +1,18 @@
+import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';
+import { dataHooks } from './constants';
+export const facesRatingBarDriverFactory = (base, body) => {
+    const getFaces = () => base.$$(`[data-hook="${dataHooks.face}"]`);
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base, body)), { 
+        /** Select the faces rating bar value */
+        selectRating: async (id) => base.$(`[data-index="${id}"]`).click(), 
+        /** Return the selected rating (a number between 0 to 5) */
+        getSelectedRating: async () => {
+            let selectedRatingIndex = 0;
+            const facesDataSelectedArr = await (await getFaces()).map(item => item.attr('data-selected'));
+            // The faces indexes are from 1 to 5 while the array indexes are from 0 to 4
+            selectedRatingIndex =
+                facesDataSelectedArr.findIndex(selected => selected === 'true') + 1;
+            return selectedRatingIndex;
+        } });
+};
+//# sourceMappingURL=FacesRatingBar.uni.driver.js.map

package/dist/esm/FacesRatingBar/FacesRatingBar.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacesRatingBar.uni.driver.js","sourceRoot":"","sources":["../../../src/FacesRatingBar/FacesRatingBar.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACxD,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC;IAElE,uCACK,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;QAEnC,wCAAwC;QACxC,YAAY,EAAE,KAAK,EAAC,EAAE,EAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE;QAEhE,2DAA2D;QAC3D,iBAAiB,EAAE,KAAK,IAAI,EAAE;YAC5B,IAAI,mBAAmB,GAAG,CAAC,CAAC;YAE5B,MAAM,oBAAoB,GAAG,MAAM,CACjC,MAAM,QAAQ,EAAE,CACjB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;YAE1C,4EAA4E;YAC5E,mBAAmB;gBACjB,oBAAoB,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;YAEtE,OAAO,mBAAmB,CAAC;QAC7B,CAAC,IACD;AACJ,CAAC,CAAC"}

package/dist/esm/FacesRatingBar/constants.js

@@ -0,0 +1,11 @@
+export const dataHooks = {
+    face: 'face',
+};
+export const facesData = {
+    1: { name: 'disapointed', tooltipDataHook: 'disapointedTooltip' },
+    2: { name: 'frowning', tooltipDataHook: 'frowningTooltip' },
+    3: { name: 'neutral', tooltipDataHook: 'neutralTooltip' },
+    4: { name: 'smiling', tooltipDataHook: 'smilingTooltip' },
+    5: { name: 'grining', tooltipDataHook: 'griningTooltip' },
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/FacesRatingBar/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/FacesRatingBar/constants.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,CAAC,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,eAAe,EAAE,oBAAoB,EAAE;IACjE,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,eAAe,EAAE,iBAAiB,EAAE;IAC3D,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE;IACzD,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE;IACzD,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE;CAC1D,CAAC"}

package/dist/esm/FacesRatingBar/icons/FaceIcons.js

@@ -0,0 +1,23 @@
+import { classes } from '../FacesRatingBar.st.css.js';
+import React from 'react';
+export const FaceDisapointed = () => {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "currentColor", className: classes.faceIcon },
+        React.createElement("path", { d: "M11,0 C17.0751322,0 22,4.92486775 22,11 C22,17.0751322 17.0751322,22 11,22 C4.92486775,22 0,17.0751322 0,11 C0,4.92486775 4.92486775,0 11,0 Z M11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 C16.5228475,21 21,16.5228475 21,11 C21,5.4771525 16.5228475,1 11,1 Z M11,13 C13.1498096,13 14.8000952,13.7334602 15.9,15.2 C16.0656854,15.4209139 16.0209139,15.7343146 15.8,15.9 C15.5790861,16.0656854 15.2656854,16.0209139 15.1,15.8 C14.1999048,14.5998731 12.8501904,14 11,14 C9.14980963,14 7.80009518,14.5998731 6.9,15.8 C6.73431458,16.0209139 6.4209139,16.0656854 6.2,15.9 C5.9790861,15.7343146 5.93431458,15.4209139 6.1,15.2 C7.19990482,13.7334602 8.85019037,13 11,13 Z M13.6981006,7.04082354 L13.7773501,7.08397485 L16.7773501,9.08397485 C17.0071144,9.23715108 17.0692014,9.54758575 16.9160251,9.7773501 C16.7798685,9.98158507 16.5194583,10.0533342 16.3018994,9.95917646 L16.2226499,9.91602515 L13.2226499,7.91602515 C12.9928856,7.76284892 12.9307986,7.45241425 13.0839749,7.2226499 C13.2201315,7.01841493 13.4805417,6.94666581 13.6981006,7.04082354 Z M8.91602515,7.2226499 C9.0521818,7.42688487 9.01825397,7.69485937 8.84766266,7.85946839 L8.7773501,7.91602515 L5.7773501,9.91602515 C5.54758575,10.0692014 5.23715108,10.0071144 5.08397485,9.7773501 C4.9478182,9.57311513 4.98174603,9.30514063 5.15233734,9.14053161 L5.2226499,9.08397485 L8.2226499,7.08397485 C8.45241425,6.93079862 8.76284892,6.99288556 8.91602515,7.2226499 Z" })));
+};
+export const FaceFrowning = () => {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "currentColor", className: classes.faceIcon },
+        React.createElement("path", { d: "M11,0 C17.0751322,0 22,4.92486775 22,11 C22,17.0751322 17.0751322,22 11,22 C4.92486775,22 0,17.0751322 0,11 C0,4.92486775 4.92486775,0 11,0 Z M11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 C16.5228475,21 21,16.5228475 21,11 C21,5.4771525 16.5228475,1 11,1 Z M11,13 C13.1498096,13 14.8000952,13.7334602 15.9,15.2 C16.0656854,15.4209139 16.0209139,15.7343146 15.8,15.9 C15.5790861,16.0656854 15.2656854,16.0209139 15.1,15.8 C14.1999048,14.5998731 12.8501904,14 11,14 C9.14980963,14 7.80009518,14.5998731 6.9,15.8 C6.73431458,16.0209139 6.4209139,16.0656854 6.2,15.9 C5.9790861,15.7343146 5.93431458,15.4209139 6.1,15.2 C7.19990482,13.7334602 8.85019037,13 11,13 Z M15,8 C15.5522847,8 16,8.44771525 16,9 C16,9.55228475 15.5522847,10 15,10 C14.4477153,10 14,9.55228475 14,9 C14,8.44771525 14.4477153,8 15,8 Z M7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 Z" })));
+};
+export const FaceNeutral = () => {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "currentColor", className: classes.faceIcon },
+        React.createElement("path", { d: "M11,0 C17.0751322,0 22,4.92486775 22,11 C22,17.0751322 17.0751322,22 11,22 C4.92486775,22 0,17.0751322 0,11 C0,4.92486775 4.92486775,0 11,0 Z M11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 C16.5228475,21 21,16.5228475 21,11 C21,5.4771525 16.5228475,1 11,1 Z M14.5,14 C14.7761424,14 15,14.2238576 15,14.5 C15,14.7454599 14.8231248,14.9496084 14.5898756,14.9919443 L14.5,15 L7.5,15 C7.22385763,15 7,14.7761424 7,14.5 C7,14.2545401 7.17687516,14.0503916 7.41012437,14.0080557 L7.5,14 L14.5,14 Z M15,8 C15.5522847,8 16,8.44771525 16,9 C16,9.55228475 15.5522847,10 15,10 C14.4477153,10 14,9.55228475 14,9 C14,8.44771525 14.4477153,8 15,8 Z M7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 Z" })));
+};
+export const FaceSmiling = () => {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "currentColor", className: classes.faceIcon },
+        React.createElement("path", { d: "M11,0 C17.0751322,0 22,4.92486775 22,11 C22,17.0751322 17.0751322,22 11,22 C4.92486775,22 0,17.0751322 0,11 C0,4.92486775 4.92486775,0 11,0 Z M11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 C16.5228475,21 21,16.5228475 21,11 C21,5.4771525 16.5228475,1 11,1 Z M15.8,13.1 C16.0209139,13.2656854 16.0656854,13.5790861 15.9,13.8 C14.8000952,15.2665398 13.1498096,16 11,16 C8.85019037,16 7.19990482,15.2665398 6.1,13.8 C5.93431458,13.5790861 5.9790861,13.2656854 6.2,13.1 C6.4209139,12.9343146 6.73431458,12.9790861 6.9,13.2 C7.80009518,14.4001269 9.14980963,15 11,15 C12.8501904,15 14.1999048,14.4001269 15.1,13.2 C15.2656854,12.9790861 15.5790861,12.9343146 15.8,13.1 Z M15,8 C15.5522847,8 16,8.44771525 16,9 C16,9.55228475 15.5522847,10 15,10 C14.4477153,10 14,9.55228475 14,9 C14,8.44771525 14.4477153,8 15,8 Z M7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 Z" })));
+};
+export const FaceGrining = () => {
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 22 22", fill: "currentColor", className: classes.faceIcon },
+        React.createElement("path", { d: "M11,0 C17.0751322,0 22,4.92486775 22,11 C22,17.0751322 17.0751322,22 11,22 C4.92486775,22 0,17.0751322 0,11 C0,4.92486775 4.92486775,0 11,0 Z M11,1 C5.4771525,1 1,5.4771525 1,11 C1,16.5228475 5.4771525,21 11,21 C16.5228475,21 21,16.5228475 21,11 C21,5.4771525 16.5228475,1 11,1 Z M14.1008295,13 C14.166379,13.0000139 14.2316957,13.0078126 14.2954025,13.0232457 C14.7389887,13.1307054 15.011473,13.5774163 14.9040134,14.0210025 L14.9040134,14.0210025 L14.8478546,14.2343539 C14.3304649,16.0501362 13.0165924,17 11,17 C8.89840722,17 7.56002282,15.9683741 7.09097297,14.0001364 L7.09097297,14.0001364 L7.07440367,13.9066737 L7.07440367,13.9066737 L7.06885529,13.811916 C7.06885529,13.363498 7.43236988,12.9999835 7.88078784,13 L7.88078784,13 Z M15,8 C15.5522847,8 16,8.44771525 16,9 C16,9.55228475 15.5522847,10 15,10 C14.4477153,10 14,9.55228475 14,9 C14,8.44771525 14.4477153,8 15,8 Z M7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 Z" })));
+};
+//# sourceMappingURL=FaceIcons.js.map

package/dist/esm/FacesRatingBar/icons/FaceIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaceIcons.js","sourceRoot":"","sources":["../../../../src/FacesRatingBar/icons/FaceIcons.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,OAAO,CAAC,QAAQ;QAE3B,8BAAM,CAAC,EAAC,o6CAAo6C,GAAG,CAC36C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,OAAO,CAAC,QAAQ;QAE3B,8BAAM,CAAC,EAAC,k8BAAk8B,GAAG,CACz8B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,OAAO,CAAC,QAAQ;QAE3B,8BAAM,CAAC,EAAC,wxBAAwxB,GAAG,CAC/xB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,OAAO,CAAC,QAAQ;QAE3B,8BAAM,CAAC,EAAC,s8BAAs8B,GAAG,CAC78B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,6BACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,OAAO,CAAC,QAAQ;QAE3B,8BAAM,CAAC,EAAC,2/BAA2/B,GAAG,CAClgC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/FacesRatingBar/index.js

@@ -0,0 +1,2 @@
+export { default } from './FacesRatingBar.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/FacesRatingBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FacesRatingBar/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/esm/FailWhale/FailWhale.js

@@ -0,0 +1,20 @@
+/**
+ * If you see this in your bundle, it means that tree-shaking did not work.
+ * You should probably investigtate why this happened.
+ */
+const FailWhale = () => {
+    return `
+  FAIL WHALE!
+  W     W      W        
+  W        W  W     W    
+                '.  W      
+    .-""-._     \ \.--|  
+   /       "-..__) .-'   
+  |     _         /      
+  \'-.__,   .__.,'       
+   ''----'._\--'      
+  VVVVVVVVVVVVVVVVVVVVV
+  `;
+};
+export default FailWhale;
+//# sourceMappingURL=FailWhale.js.map

package/dist/esm/FailWhale/FailWhale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FailWhale.js","sourceRoot":"","sources":["../../../src/FailWhale/FailWhale.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO;;;;;;;;;;;GAWN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/FailWhale/index.js

@@ -0,0 +1,2 @@
+export { default } from './FailWhale';
+//# sourceMappingURL=index.js.map

package/dist/esm/FailWhale/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FailWhale/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}