@wix/design-system 1.0.0

package/dist/cjs/Stepper/utils.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.validateStepsPropType = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _constants = require("./constants");
+var validateStepsPropType = (props, propName, componentName, location) => {
+  var steps = props[propName];
+  var {
+    activeStep
+  } = props;
+  if (Array.isArray(steps)) {
+    if (steps.length < _constants.MIN_STEPS || steps.length > _constants.MAX_STEPS) {
+      return new Error("The prop `".concat(propName, "` in `").concat(componentName, "` has to be an array with a length between ").concat(_constants.MIN_STEPS, " and ").concat(_constants.MAX_STEPS, "."));
+    }
+    if (typeof activeStep === 'number' && steps[activeStep].type === _constants.StepType.Disabled) {
+      return new Error("Invalid prop `".concat(propName, "[").concat(activeStep, "].type` of value `").concat(steps[activeStep].type, "` supplied to `").concat(componentName, "`. Active step cannot be disabled, will use default `").concat(_constants.StepType.Normal, "` type."));
+    }
+  }
+
+  // Validate default steps array shape
+  _propTypes.default.checkPropTypes({
+    steps: _propTypes.default.arrayOf(_propTypes.default.shape({
+      text: _propTypes.default.string.isRequired,
+      type: _propTypes.default.oneOf(Object.values(_constants.StepType))
+    })).isRequired
+  }, props, location, componentName);
+};
+exports.validateStepsPropType = validateStepsPropType;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/Stepper/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateStepsPropType","props","propName","componentName","location","steps","activeStep","Array","isArray","length","MIN_STEPS","MAX_STEPS","Error","type","StepType","Disabled","Normal","PropTypes","checkPropTypes","arrayOf","shape","text","string","isRequired","oneOf","Object","values"],"sources":["../../../src/Stepper/utils.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { StepType, MAX_STEPS, MIN_STEPS } from './constants';\n\nexport const validateStepsPropType = (\n  props,\n  propName,\n  componentName,\n  location,\n) => {\n  const steps = props[propName];\n  const { activeStep } = props;\n\n  if (Array.isArray(steps)) {\n    if (steps.length < MIN_STEPS || steps.length > MAX_STEPS) {\n      return new Error(\n        `The prop \\`${propName}\\` in \\`${componentName}\\` has to be an array with a length between ${MIN_STEPS} and ${MAX_STEPS}.`,\n      );\n    }\n\n    if (\n      typeof activeStep === 'number' &&\n      steps[activeStep].type === StepType.Disabled\n    ) {\n      return new Error(\n        `Invalid prop \\`${propName}[${activeStep}].type\\` of value \\`${steps[activeStep].type}\\` supplied to \\`${componentName}\\`. Active step cannot be disabled, will use default \\`${StepType.Normal}\\` type.`,\n      );\n    }\n  }\n\n  // Validate default steps array shape\n  PropTypes.checkPropTypes(\n    {\n      steps: PropTypes.arrayOf(\n        PropTypes.shape({\n          text: PropTypes.string.isRequired,\n          type: PropTypes.oneOf(Object.values(StepType)),\n        }),\n      ).isRequired,\n    },\n    props,\n    location,\n    componentName,\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAEO,IAAMA,qBAAqB,GAAG,CACnCC,KAAK,EACLC,QAAQ,EACRC,aAAa,EACbC,QAAQ,KACL;EACH,IAAMC,KAAK,GAAGJ,KAAK,CAACC,QAAQ,CAAC;EAC7B,IAAM;IAAEI;EAAW,CAAC,GAAGL,KAAK;EAE5B,IAAIM,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACxB,IAAIA,KAAK,CAACI,MAAM,GAAGC,oBAAS,IAAIL,KAAK,CAACI,MAAM,GAAGE,oBAAS,EAAE;MACxD,OAAO,IAAIC,KAAK,qBACAV,QAAQ,mBAAWC,aAAa,wDAA+CO,oBAAS,kBAAQC,oBAAS,OACxH;IACH;IAEA,IACE,OAAOL,UAAU,KAAK,QAAQ,IAC9BD,KAAK,CAACC,UAAU,CAAC,CAACO,IAAI,KAAKC,mBAAQ,CAACC,QAAQ,EAC5C;MACA,OAAO,IAAIH,KAAK,yBACIV,QAAQ,cAAII,UAAU,+BAAuBD,KAAK,CAACC,UAAU,CAAC,CAACO,IAAI,4BAAoBV,aAAa,kEAA0DW,mBAAQ,CAACE,MAAM,aAChM;IACH;EACF;;EAEA;EACAC,kBAAS,CAACC,cAAc,CACtB;IACEb,KAAK,EAAEY,kBAAS,CAACE,OAAO,CACtBF,kBAAS,CAACG,KAAK,CAAC;MACdC,IAAI,EAAEJ,kBAAS,CAACK,MAAM,CAACC,UAAU;MACjCV,IAAI,EAAEI,kBAAS,CAACO,KAAK,CAACC,MAAM,CAACC,MAAM,CAACZ,mBAAQ,CAAC;IAC/C,CAAC,CAAC,CACH,CAACS;EACJ,CAAC,EACDtB,KAAK,EACLG,QAAQ,EACRD,aAAa,CACd;AACH,CAAC;AAAC"}

package/dist/cjs/Swatches/AddColor.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _ColorPicker = _interopRequireDefault(require("../ColorPicker"));
+var _color = _interopRequireDefault(require("color"));
+var _Popover = _interopRequireDefault(require("../Popover"));
+var _FillButton = _interopRequireDefault(require("../FillButton"));
+var _constants = require("./constants");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Swatches/AddColor.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var EMPTY_COLOR = (0, _color.default)('#00000000');
+class AddColor extends _react.default.PureComponent {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      color: EMPTY_COLOR,
+      shown: false
+    };
+    this.toggleColorPicker = () => this.setState({
+      shown: !this.state.shown
+    });
+    this.hideColorPicker = () => this.setState({
+      shown: false,
+      color: EMPTY_COLOR
+    });
+    this.setColor = color => {
+      this.setState({
+        color
+      });
+      if (this.props.onChange) {
+        this.props.onChange(color.hex());
+      }
+    };
+    this.confirm = () => {
+      this.hideColorPicker();
+      this.props.onAdd(this.state.color.hex());
+    };
+    this.cancel = () => {
+      this.hideColorPicker();
+      if (this.props.onCancel) {
+        this.props.onCancel();
+      }
+    };
+  }
+  render() {
+    var {
+      tooltip,
+      iconSize,
+      popoverProps: customPopoverProps
+    } = this.props;
+    var {
+      shown,
+      color
+    } = this.state;
+    var isEmptyColor = color.alpha() === 0;
+    var noColorSelected = !shown || isEmptyColor;
+    var buttonColor = noColorSelected ? undefined : color.hex();
+    var popoverProps = _objectSpread({
+      appendTo: 'window',
+      placement: 'top',
+      showArrow: true,
+      shown,
+      onClickOutside: this.cancel
+    }, customPopoverProps);
+    return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+      dataHook: _constants.dataHooks.addButtonPopover
+    }, popoverProps, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 67,
+        columnNumber: 7
+      }
+    }), /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 68,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_FillButton.default, {
+      dataHook: _constants.dataHooks.addButton,
+      iconSize: iconSize,
+      fill: buttonColor,
+      onClick: this.toggleColorPicker,
+      tooltipProps: {
+        disabled: shown,
+        timeout: 0,
+        content: tooltip
+      },
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 69,
+        columnNumber: 11
+      }
+    })), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 77,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ColorPicker.default, {
+      allowEmpty: false,
+      dataHook: _constants.dataHooks.addButtonColorPicker,
+      onCancel: this.cancel,
+      onChange: this.setColor,
+      onConfirm: this.confirm,
+      showConverter: false,
+      showInput: false,
+      value: isEmptyColor ? '' : color,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 78,
+        columnNumber: 11
+      }
+    })));
+  }
+}
+var _default = AddColor;
+exports.default = _default;
+//# sourceMappingURL=AddColor.js.map

package/dist/cjs/Swatches/AddColor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EMPTY_COLOR","Color","AddColor","React","PureComponent","state","color","shown","toggleColorPicker","setState","hideColorPicker","setColor","props","onChange","hex","confirm","onAdd","cancel","onCancel","render","tooltip","iconSize","popoverProps","customPopoverProps","isEmptyColor","alpha","noColorSelected","buttonColor","undefined","appendTo","placement","showArrow","onClickOutside","dataHooks","addButtonPopover","addButton","disabled","timeout","content","addButtonColorPicker"],"sources":["../../../src/Swatches/AddColor.js"],"sourcesContent":["import React from 'react';\n\nimport ColorPicker from '../ColorPicker';\nimport Color from 'color';\nimport Popover from '../Popover';\nimport FillButton from '../FillButton';\n\nimport { dataHooks } from './constants';\n\nconst EMPTY_COLOR = Color('#00000000');\n\nclass AddColor extends React.PureComponent {\n  state = {\n    color: EMPTY_COLOR,\n    shown: false,\n  };\n\n  toggleColorPicker = () =>\n    this.setState({\n      shown: !this.state.shown,\n    });\n\n  hideColorPicker = () =>\n    this.setState({\n      shown: false,\n      color: EMPTY_COLOR,\n    });\n\n  setColor = color => {\n    this.setState({\n      color,\n    });\n    if (this.props.onChange) {\n      this.props.onChange(color.hex());\n    }\n  };\n\n  confirm = () => {\n    this.hideColorPicker();\n    this.props.onAdd(this.state.color.hex());\n  };\n\n  cancel = () => {\n    this.hideColorPicker();\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  };\n\n  render() {\n    const { tooltip, iconSize, popoverProps: customPopoverProps } = this.props;\n    const { shown, color } = this.state;\n    const isEmptyColor = color.alpha() === 0;\n    const noColorSelected = !shown || isEmptyColor;\n    const buttonColor = noColorSelected ? undefined : color.hex();\n\n    const popoverProps = {\n      appendTo: 'window',\n      placement: 'top',\n      showArrow: true,\n      shown,\n      onClickOutside: this.cancel,\n      ...customPopoverProps,\n    };\n\n    return (\n      <Popover dataHook={dataHooks.addButtonPopover} {...popoverProps}>\n        <Popover.Element>\n          <FillButton\n            dataHook={dataHooks.addButton}\n            iconSize={iconSize}\n            fill={buttonColor}\n            onClick={this.toggleColorPicker}\n            tooltipProps={{ disabled: shown, timeout: 0, content: tooltip }}\n          />\n        </Popover.Element>\n        <Popover.Content>\n          <ColorPicker\n            allowEmpty={false}\n            dataHook={dataHooks.addButtonColorPicker}\n            onCancel={this.cancel}\n            onChange={this.setColor}\n            onConfirm={this.confirm}\n            showConverter={false}\n            showInput={false}\n            value={isEmptyColor ? '' : color}\n          />\n        </Popover.Content>\n      </Popover>\n    );\n  }\n}\nexport default AddColor;\n"],"mappings":"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"}

package/dist/cjs/Swatches/Swatches.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _AddColor = _interopRequireDefault(require("./AddColor"));
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _color = _interopRequireDefault(require("color"));
+var _Layout = require("../Layout");
+var _FillPreview = _interopRequireDefault(require("../FillPreview"));
+var _constants = require("./constants");
+var _PopoverCommon = require("../common/PropTypes/PopoverCommon");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Swatches/Swatches.js";
+var MINIMUM_GRID_GAP = 6;
+
+/** Color swatches */
+var Swatches = props => {
+  var {
+    colors,
+    onClick: _onClick,
+    selected,
+    dataHook,
+    showClear,
+    showClearMessage,
+    showAddButton,
+    addButtonMessage,
+    addButtonIconSize,
+    onAdd,
+    onChange,
+    onCancel,
+    columns,
+    gap,
+    popoverProps
+  } = props;
+  var hexColors = colors.map(color => {
+    var maybeColor = (0, _color.default)(color);
+    return maybeColor ? maybeColor.hex() : color;
+  });
+  var uniqueColors = Array.from(new Set(hexColors));
+  return /*#__PURE__*/_react.default.createElement(_Layout.Layout, {
+    dataHook: dataHook,
+    cols: columns,
+    gap: "".concat(Math.max(MINIMUM_GRID_GAP, gap), "px"),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }, showAddButton && /*#__PURE__*/_react.default.createElement(_AddColor.default, {
+    tooltip: addButtonMessage,
+    iconSize: addButtonIconSize,
+    onAdd: onAdd,
+    onChange: onChange,
+    onCancel: onCancel,
+    popoverProps: popoverProps,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 9
+    }
+  }), showClear && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+    dataHook: _constants.dataHooks.emptyTooltip,
+    disabled: !showClearMessage,
+    appendTo: "window",
+    size: "small",
+    content: showClearMessage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_FillPreview.default, {
+    dataHook: _constants.dataHooks.empty,
+    onClick: () => _onClick(''),
+    selected: selected === '',
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 11
+    }
+  })), uniqueColors.map((color, index) => /*#__PURE__*/_react.default.createElement(_FillPreview.default, {
+    dataHook: _constants.dataHooks.swatch,
+    key: "".concat(color, "-").concat(index),
+    fill: color,
+    onClick: () => _onClick(color),
+    selected: selected === color,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  })));
+};
+Swatches.propTypes = {
+  /** Defines an array of colors to be shown as swatches. */
+  colors: _propTypes.default.array,
+  /** Specifies which color from the list is in a selected state. */
+  selected: _propTypes.default.string,
+  /** Applies a data-hook HTML attribute that can be used in the tests */
+  dataHook: _propTypes.default.string,
+  /** Defines a callback function for  user click on a swatch. Returns color HEX string representation. */
+  onClick: _propTypes.default.func,
+  /** Size of swatches */
+  size: _propTypes.default.oneOf(['small', 'medium']),
+  /** Specifies whether to display a ‘No color’ option as a first item on a list or not. */
+  showClear: _propTypes.default.bool,
+  /** Defines a message to display on ‘No color’ option hover. `showClear` must be set to true. */
+  showClearMessage: _propTypes.default.node,
+  /** Defines a callback function for ‘Add’ button click. Returns color HEX string representation once user selects a color to be added. */
+  onAdd: _propTypes.default.func,
+  /** Defines a callback function for color change. Returns color HEX string representation. */
+  onChange: _propTypes.default.func,
+  /** Defines a callback function for color picker popover ‘Cancel’ action (user closes it without picking color). */
+  onCancel: _propTypes.default.func,
+  /** Specifies whether New color’ button is displayed or not. Add button opens up a color picker. */
+  showAddButton: _propTypes.default.bool,
+  /** Specifies a message to display on ‘Add’ button hover. If not provided, the tooltip won’t be displayed. */
+  addButtonMessage: _propTypes.default.string,
+  /** Controls the size of a plus icon inside of the add button. */
+  addButtonIconSize: _propTypes.default.oneOf(['small', 'medium']),
+  /** Specifies a number of columns in a single row. Default value is 6. */
+  columns: _propTypes.default.number,
+  /** Specifies a gap between swatches in pixels. Default value is 12px. */
+  gap: _propTypes.default.number,
+  /** Props that get passed to New color popover. */
+  popoverProps: _propTypes.default.shape(_PopoverCommon.PopoverCommonProps)
+};
+Swatches.defaultProps = {
+  colors: [],
+  onClick: () => {},
+  selected: '',
+  showClearMessage: '',
+  columns: 6,
+  gap: 12
+};
+var _default = Swatches;
+exports.default = _default;
+//# sourceMappingURL=Swatches.js.map

package/dist/cjs/Swatches/Swatches.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MINIMUM_GRID_GAP","Swatches","props","colors","onClick","selected","dataHook","showClear","showClearMessage","showAddButton","addButtonMessage","addButtonIconSize","onAdd","onChange","onCancel","columns","gap","popoverProps","hexColors","map","color","maybeColor","parseColor","hex","uniqueColors","Array","from","Set","Math","max","dataHooks","emptyTooltip","empty","index","swatch","propTypes","PropTypes","array","string","func","size","oneOf","bool","node","number","shape","PopoverCommonProps","defaultProps"],"sources":["../../../src/Swatches/Swatches.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport AddColor from './AddColor';\nimport Tooltip from '../Tooltip';\nimport parseColor from 'color';\n\nimport { Layout } from '../Layout';\n\nimport FillPreview from '../FillPreview';\n\nimport { dataHooks } from './constants';\nimport { PopoverCommonProps } from '../common/PropTypes/PopoverCommon';\n\nconst MINIMUM_GRID_GAP = 6;\n\n/** Color swatches */\nconst Swatches = props => {\n  const {\n    colors,\n    onClick,\n    selected,\n    dataHook,\n    showClear,\n    showClearMessage,\n    showAddButton,\n    addButtonMessage,\n    addButtonIconSize,\n    onAdd,\n    onChange,\n    onCancel,\n    columns,\n    gap,\n    popoverProps,\n  } = props;\n\n  const hexColors = colors.map(color => {\n    const maybeColor = parseColor(color);\n    return maybeColor ? maybeColor.hex() : color;\n  });\n\n  const uniqueColors = Array.from(new Set(hexColors));\n\n  return (\n    <Layout\n      dataHook={dataHook}\n      cols={columns}\n      gap={`${Math.max(MINIMUM_GRID_GAP, gap)}px`}\n    >\n      {showAddButton && (\n        <AddColor\n          tooltip={addButtonMessage}\n          iconSize={addButtonIconSize}\n          onAdd={onAdd}\n          onChange={onChange}\n          onCancel={onCancel}\n          popoverProps={popoverProps}\n        />\n      )}\n\n      {showClear && (\n        <Tooltip\n          dataHook={dataHooks.emptyTooltip}\n          disabled={!showClearMessage}\n          appendTo=\"window\"\n          size=\"small\"\n          content={showClearMessage}\n        >\n          <FillPreview\n            dataHook={dataHooks.empty}\n            onClick={() => onClick('')}\n            selected={selected === ''}\n          />\n        </Tooltip>\n      )}\n\n      {uniqueColors.map((color, index) => (\n        <FillPreview\n          dataHook={dataHooks.swatch}\n          key={`${color}-${index}`}\n          fill={color}\n          onClick={() => onClick(color)}\n          selected={selected === color}\n        />\n      ))}\n    </Layout>\n  );\n};\n\nSwatches.propTypes = {\n  /** Defines an array of colors to be shown as swatches. */\n  colors: PropTypes.array,\n\n  /** Specifies which color from the list is in a selected state. */\n  selected: PropTypes.string,\n\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Defines a callback function for  user click on a swatch. Returns color HEX string representation. */\n  onClick: PropTypes.func,\n\n  /** Size of swatches */\n  size: PropTypes.oneOf(['small', 'medium']),\n\n  /** Specifies whether to display a ‘No color’ option as a first item on a list or not. */\n  showClear: PropTypes.bool,\n\n  /** Defines a message to display on ‘No color’ option hover. `showClear` must be set to true. */\n  showClearMessage: PropTypes.node,\n\n  /** Defines a callback function for ‘Add’ button click. Returns color HEX string representation once user selects a color to be added. */\n  onAdd: PropTypes.func,\n\n  /** Defines a callback function for color change. Returns color HEX string representation. */\n  onChange: PropTypes.func,\n\n  /** Defines a callback function for color picker popover ‘Cancel’ action (user closes it without picking color). */\n  onCancel: PropTypes.func,\n\n  /** Specifies whether New color’ button is displayed or not. Add button opens up a color picker. */\n  showAddButton: PropTypes.bool,\n\n  /** Specifies a message to display on ‘Add’ button hover. If not provided, the tooltip won’t be displayed. */\n  addButtonMessage: PropTypes.string,\n\n  /** Controls the size of a plus icon inside of the add button. */\n  addButtonIconSize: PropTypes.oneOf(['small', 'medium']),\n\n  /** Specifies a number of columns in a single row. Default value is 6. */\n  columns: PropTypes.number,\n\n  /** Specifies a gap between swatches in pixels. Default value is 12px. */\n  gap: PropTypes.number,\n\n  /** Props that get passed to New color popover. */\n  popoverProps: PropTypes.shape(PopoverCommonProps),\n};\n\nSwatches.defaultProps = {\n  colors: [],\n  onClick: () => {},\n  selected: '',\n  showClearMessage: '',\n  columns: 6,\n  gap: 12,\n};\n\nexport default Swatches;\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAAuE;AAEvE,IAAMA,gBAAgB,GAAG,CAAC;;AAE1B;AACA,IAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,IAAM;IACJC,MAAM;IACNC,OAAO,EAAPA,QAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,gBAAgB;IAChBC,aAAa;IACbC,gBAAgB;IAChBC,iBAAiB;IACjBC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,GAAG;IACHC;EACF,CAAC,GAAGf,KAAK;EAET,IAAMgB,SAAS,GAAGf,MAAM,CAACgB,GAAG,CAACC,KAAK,IAAI;IACpC,IAAMC,UAAU,GAAG,IAAAC,cAAU,EAACF,KAAK,CAAC;IACpC,OAAOC,UAAU,GAAGA,UAAU,CAACE,GAAG,EAAE,GAAGH,KAAK;EAC9C,CAAC,CAAC;EAEF,IAAMI,YAAY,GAAGC,KAAK,CAACC,IAAI,CAAC,IAAIC,GAAG,CAACT,SAAS,CAAC,CAAC;EAEnD,oBACE,6BAAC,cAAM;IACL,QAAQ,EAAEZ,QAAS;IACnB,IAAI,EAAES,OAAQ;IACd,GAAG,YAAKa,IAAI,CAACC,GAAG,CAAC7B,gBAAgB,EAAEgB,GAAG,CAAC,OAAK;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAE3CP,aAAa,iBACZ,6BAAC,iBAAQ;IACP,OAAO,EAAEC,gBAAiB;IAC1B,QAAQ,EAAEC,iBAAkB;IAC5B,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEC,QAAS;IACnB,QAAQ,EAAEC,QAAS;IACnB,YAAY,EAAEG,YAAa;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAE9B,EAEAV,SAAS,iBACR,6BAAC,gBAAO;IACN,QAAQ,EAAEuB,oBAAS,CAACC,YAAa;IACjC,QAAQ,EAAE,CAACvB,gBAAiB;IAC5B,QAAQ,EAAC,QAAQ;IACjB,IAAI,EAAC,OAAO;IACZ,OAAO,EAAEA,gBAAiB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBAE1B,6BAAC,oBAAW;IACV,QAAQ,EAAEsB,oBAAS,CAACE,KAAM;IAC1B,OAAO,EAAE,MAAM5B,QAAO,CAAC,EAAE,CAAE;IAC3B,QAAQ,EAAEC,QAAQ,KAAK,EAAG;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAC1B,CAEL,EAEAmB,YAAY,CAACL,GAAG,CAAC,CAACC,KAAK,EAAEa,KAAK,kBAC7B,6BAAC,oBAAW;IACV,QAAQ,EAAEH,oBAAS,CAACI,MAAO;IAC3B,GAAG,YAAKd,KAAK,cAAIa,KAAK,CAAG;IACzB,IAAI,EAAEb,KAAM;IACZ,OAAO,EAAE,MAAMhB,QAAO,CAACgB,KAAK,CAAE;IAC9B,QAAQ,EAAEf,QAAQ,KAAKe,KAAM;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAEhC,CAAC,CACK;AAEb,CAAC;AAEDnB,QAAQ,CAACkC,SAAS,GAAG;EACnB;EACAhC,MAAM,EAAEiC,kBAAS,CAACC,KAAK;EAEvB;EACAhC,QAAQ,EAAE+B,kBAAS,CAACE,MAAM;EAE1B;EACAhC,QAAQ,EAAE8B,kBAAS,CAACE,MAAM;EAE1B;EACAlC,OAAO,EAAEgC,kBAAS,CAACG,IAAI;EAEvB;EACAC,IAAI,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAE1C;EACAlC,SAAS,EAAE6B,kBAAS,CAACM,IAAI;EAEzB;EACAlC,gBAAgB,EAAE4B,kBAAS,CAACO,IAAI;EAEhC;EACA/B,KAAK,EAAEwB,kBAAS,CAACG,IAAI;EAErB;EACA1B,QAAQ,EAAEuB,kBAAS,CAACG,IAAI;EAExB;EACAzB,QAAQ,EAAEsB,kBAAS,CAACG,IAAI;EAExB;EACA9B,aAAa,EAAE2B,kBAAS,CAACM,IAAI;EAE7B;EACAhC,gBAAgB,EAAE0B,kBAAS,CAACE,MAAM;EAElC;EACA3B,iBAAiB,EAAEyB,kBAAS,CAACK,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAEvD;EACA1B,OAAO,EAAEqB,kBAAS,CAACQ,MAAM;EAEzB;EACA5B,GAAG,EAAEoB,kBAAS,CAACQ,MAAM;EAErB;EACA3B,YAAY,EAAEmB,kBAAS,CAACS,KAAK,CAACC,iCAAkB;AAClD,CAAC;AAED7C,QAAQ,CAAC8C,YAAY,GAAG;EACtB5C,MAAM,EAAE,EAAE;EACVC,OAAO,EAAE,MAAM,CAAC,CAAC;EACjBC,QAAQ,EAAE,EAAE;EACZG,gBAAgB,EAAE,EAAE;EACpBO,OAAO,EAAE,CAAC;EACVC,GAAG,EAAE;AACP,CAAC;AAAC,eAEaf,QAAQ;AAAA"}

package/dist/cjs/Swatches/Swatches.meta.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [{
+  title: 'render',
+  props: _objectSpread(_objectSpread({}, requiredProps), {}, {
+    props: {
+      colors: ['#000', '#fff', 'red', 'cyan', 'rgb(200, 100, 0)', 'turquoise', 'beige']
+    }
+  })
+}];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=Swatches.meta.js.map

package/dist/cjs/Swatches/Swatches.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","sharedTests","title","props","testkitTests","colors","ssrTests","a11yTests"],"sources":["../../../src/Swatches/Swatches.meta.tsx"],"sourcesContent":["import { SwatchesProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: SwatchesProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as SwatchesProps,\n  },\n];\n\nexport const testkitTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n      props: {\n        colors: [\n          '#000',\n          '#fff',\n          'red',\n          'cyan',\n          'rgb(200, 100, 0)',\n          'turquoise',\n          'beige',\n        ],\n      },\n    } as SwatchesProps,\n  },\n];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA4B,GAAG,CAAC,CAAC;;AAE9C;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAH,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMI,YAAY,GAAG,CAC1B;EACEF,KAAK,EAAE,QAAQ;EACfC,KAAK,kCACAH,aAAa;IAChBG,KAAK,EAAE;MACLE,MAAM,EAAE,CACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,MAAM,EACN,kBAAkB,EAClB,WAAW,EACX,OAAO;IAEX;EAAC;AAEL,CAAC,CACF;AAAC;AAEK,IAAMC,QAAQ,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC;AAElC,IAAMM,SAAS,GAAG,CAAC,GAAGN,WAAW,CAAC;AAAC"}

package/dist/cjs/Swatches/Swatches.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=Swatches.uni.driver.d.js.map

package/dist/cjs/Swatches/Swatches.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Swatches/Swatches.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\nimport { FillPreviewUniDriver } from '../FillPreview/FillPreview.uni.driver';\n\nexport interface SwatchesUniDriver extends BaseUniDriver {\n  getSwatchCount: () => Promise<number>;\n  getSwatch: (index: number) => Promise<FillPreviewUniDriver>;\n  clickEmptySwatch: () => Promise<void>;\n  isSwatchSelectedAt: (index: number) => Promise<boolean>;\n  isEmptySwatchSelected: () => Promise<boolean>;\n  addButtonExists: () => Promise<boolean>;\n}\n"],"mappings":""}

package/dist/cjs/Swatches/Swatches.uni.driver.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.swatchesDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _FillPreviewUni = require("../FillPreview/FillPreview.uni.driver");
+var _constants = require("./constants");
+var swatchesDriverFactory = base => {
+  var _getSwatch = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2.default)(function* (index) {
+      return base.$$('[data-hook="color-swatches-swatch"]').get(index);
+    });
+    return function getSwatch(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var getEmptySwatch = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)(function* () {
+      return base.$("[data-hook=\"".concat(_constants.dataHooks.empty, "\"]"));
+    });
+    return function getEmptySwatch() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return {
+    exists: function () {
+      var _exists = (0, _asyncToGenerator2.default)(function* () {
+        return base.exists();
+      });
+      function exists() {
+        return _exists.apply(this, arguments);
+      }
+      return exists;
+    }(),
+    /** Get swatch count */
+    getSwatchCount: function () {
+      var _getSwatchCount = (0, _asyncToGenerator2.default)(function* () {
+        return base.$$('[data-hook="color-swatches-swatch"]').count();
+      });
+      function getSwatchCount() {
+        return _getSwatchCount.apply(this, arguments);
+      }
+      return getSwatchCount;
+    }(),
+    /** Get swatch at given index */
+    getSwatch: function () {
+      var _getSwatch2 = (0, _asyncToGenerator2.default)(function* (index) {
+        return (0, _FillPreviewUni.fillPreviewDriverFactory)(yield _getSwatch(index));
+      });
+      function getSwatch(_x2) {
+        return _getSwatch2.apply(this, arguments);
+      }
+      return getSwatch;
+    }(),
+    /** Click empty swatch */
+    clickEmptySwatch: function () {
+      var _clickEmptySwatch = (0, _asyncToGenerator2.default)(function* () {
+        return (0, _FillPreviewUni.fillPreviewDriverFactory)(yield getEmptySwatch()).click();
+      });
+      function clickEmptySwatch() {
+        return _clickEmptySwatch.apply(this, arguments);
+      }
+      return clickEmptySwatch;
+    }(),
+    /** Test if swatch is selected at given index */
+    isSwatchSelectedAt: function () {
+      var _isSwatchSelectedAt = (0, _asyncToGenerator2.default)(function* (index) {
+        return (0, _FillPreviewUni.fillPreviewDriverFactory)(yield _getSwatch(index)).isSelected();
+      });
+      function isSwatchSelectedAt(_x3) {
+        return _isSwatchSelectedAt.apply(this, arguments);
+      }
+      return isSwatchSelectedAt;
+    }(),
+    /** Test if empty swatch is selected */
+    isEmptySwatchSelected: function () {
+      var _isEmptySwatchSelected = (0, _asyncToGenerator2.default)(function* () {
+        return (0, _FillPreviewUni.fillPreviewDriverFactory)(yield getEmptySwatch()).isSelected();
+      });
+      function isEmptySwatchSelected() {
+        return _isEmptySwatchSelected.apply(this, arguments);
+      }
+      return isEmptySwatchSelected;
+    }(),
+    addButtonExists: function () {
+      var _addButtonExists = (0, _asyncToGenerator2.default)(function* () {
+        return base.$$('[data-hook="color-preview-add-button"]').count() === 1;
+      });
+      function addButtonExists() {
+        return _addButtonExists.apply(this, arguments);
+      }
+      return addButtonExists;
+    }()
+  };
+};
+exports.swatchesDriverFactory = swatchesDriverFactory;
+//# sourceMappingURL=Swatches.uni.driver.js.map

package/dist/cjs/Swatches/Swatches.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["swatchesDriverFactory","base","getSwatch","index","$$","get","getEmptySwatch","$","dataHooks","empty","exists","getSwatchCount","count","fillPreviewDriverFactory","clickEmptySwatch","click","isSwatchSelectedAt","isSelected","isEmptySwatchSelected","addButtonExists"],"sources":["../../../src/Swatches/Swatches.uni.driver.js"],"sourcesContent":["import { fillPreviewDriverFactory } from '../FillPreview/FillPreview.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const swatchesDriverFactory = base => {\n  const getSwatch = async index =>\n    base.$$('[data-hook=\"color-swatches-swatch\"]').get(index);\n\n  const getEmptySwatch = async () => base.$(`[data-hook=\"${dataHooks.empty}\"]`);\n\n  return {\n    exists: async () => base.exists(),\n\n    /** Get swatch count */\n    getSwatchCount: async () =>\n      base.$$('[data-hook=\"color-swatches-swatch\"]').count(),\n\n    /** Get swatch at given index */\n    getSwatch: async index => fillPreviewDriverFactory(await getSwatch(index)),\n\n    /** Click empty swatch */\n    clickEmptySwatch: async () =>\n      fillPreviewDriverFactory(await getEmptySwatch()).click(),\n\n    /** Test if swatch is selected at given index */\n    isSwatchSelectedAt: async index => {\n      return fillPreviewDriverFactory(await getSwatch(index)).isSelected();\n    },\n\n    /** Test if empty swatch is selected */\n    isEmptySwatchSelected: async () => {\n      return fillPreviewDriverFactory(await getEmptySwatch()).isSelected();\n    },\n\n    addButtonExists: async () =>\n      base.$$('[data-hook=\"color-preview-add-button\"]').count() === 1,\n  };\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,qBAAqB,GAAGC,IAAI,IAAI;EAC3C,IAAMC,UAAS;IAAA,2CAAG,WAAMC,KAAK;MAAA,OAC3BF,IAAI,CAACG,EAAE,CAAC,qCAAqC,CAAC,CAACC,GAAG,CAACF,KAAK,CAAC;IAAA;IAAA,gBADrDD,SAAS;MAAA;IAAA;EAAA,GAC4C;EAE3D,IAAMI,cAAc;IAAA,4CAAG;MAAA,OAAYL,IAAI,CAACM,CAAC,wBAAgBC,oBAAS,CAACC,KAAK,SAAK;IAAA;IAAA,gBAAvEH,cAAc;MAAA;IAAA;EAAA,GAAyD;EAE7E,OAAO;IACLI,MAAM;MAAA,8CAAE;QAAA,OAAYT,IAAI,CAACS,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEjC;IACAC,cAAc;MAAA,sDAAE;QAAA,OACdV,IAAI,CAACG,EAAE,CAAC,qCAAqC,CAAC,CAACQ,KAAK,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAExD;IACAV,SAAS;MAAA,kDAAE,WAAMC,KAAK;QAAA,OAAI,IAAAU,wCAAwB,QAAOX,UAAS,CAACC,KAAK,CAAC,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE1E;IACAW,gBAAgB;MAAA,wDAAE;QAAA,OAChB,IAAAD,wCAAwB,QAAOP,cAAc,EAAE,CAAC,CAACS,KAAK,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAE1D;IACAC,kBAAkB;MAAA,0DAAE,WAAMb,KAAK,EAAI;QACjC,OAAO,IAAAU,wCAAwB,QAAOX,UAAS,CAACC,KAAK,CAAC,CAAC,CAACc,UAAU,EAAE;MACtE,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;IACAC,qBAAqB;MAAA,6DAAE,aAAY;QACjC,OAAO,IAAAL,wCAAwB,QAAOP,cAAc,EAAE,CAAC,CAACW,UAAU,EAAE;MACtE,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAEDE,eAAe;MAAA,uDAAE;QAAA,OACflB,IAAI,CAACG,EAAE,CAAC,wCAAwC,CAAC,CAACQ,KAAK,EAAE,KAAK,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EACnE,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/Swatches/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = void 0;
+var dataHooks = {
+  swatch: 'color-swatches-swatch',
+  empty: 'color-swatches-empty',
+  emptyTooltip: 'color-swatches-empty-tooltip',
+  addButton: 'color-swatches-add-button',
+  addButtonPopover: 'color-swatches-add-button-popover',
+  addButtonColorPicker: 'color-swatches-add-button-colorpicker'
+};
+exports.dataHooks = dataHooks;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/Swatches/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataHooks","swatch","empty","emptyTooltip","addButton","addButtonPopover","addButtonColorPicker"],"sources":["../../../src/Swatches/constants.js"],"sourcesContent":["export const dataHooks = {\n  swatch: 'color-swatches-swatch',\n  empty: 'color-swatches-empty',\n  emptyTooltip: 'color-swatches-empty-tooltip',\n  addButton: 'color-swatches-add-button',\n  addButtonPopover: 'color-swatches-add-button-popover',\n  addButtonColorPicker: 'color-swatches-add-button-colorpicker',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG;EACvBC,MAAM,EAAE,uBAAuB;EAC/BC,KAAK,EAAE,sBAAsB;EAC7BC,YAAY,EAAE,8BAA8B;EAC5CC,SAAS,EAAE,2BAA2B;EACtCC,gBAAgB,EAAE,mCAAmC;EACrDC,oBAAoB,EAAE;AACxB,CAAC;AAAC"}

package/dist/cjs/Swatches/index.d.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class Swatches extends React.PureComponent {}
+exports.default = Swatches;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/Swatches/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Swatches","React","PureComponent"],"sources":["../../../src/Swatches/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport { PopoverCommonProps } from '../common';\n\nexport interface SwatchesProps {\n  dataHook?: string;\n  colors?: (object | string)[];\n  selected?: string;\n  onClick?: string | object;\n  size?: 'small' | 'medium';\n  showClear?: boolean;\n  showClearMessage?: React.ReactNode;\n  onAdd?: Function;\n  onChange?: Function;\n  onCancel?: Function;\n  showAddButton?: boolean;\n  addButtonMessage?: string;\n  addButtonIconSize?: 'small' | 'medium';\n  columns?: number;\n  gap?: number;\n  popoverProps?: PopoverCommonProps;\n}\n\nexport default class Swatches extends React.PureComponent<SwatchesProps> {}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAsBhB,MAAMA,QAAQ,SAASC,KAAK,CAACC,aAAa,CAAgB;AAAE"}

package/dist/cjs/Swatches/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Swatches = _interopRequireDefault(require("./Swatches.js"));
+exports.default = _Swatches.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Swatches/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Swatches/index.js"],"sourcesContent":["export { default } from './Swatches.js';\n"],"mappings":";;;;;AAAA;AAAwC"}