@wix/design-system 1.153.0 → 1.154.0

package/dist/cjs/EditableSelector/EditableSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_wixUiIconsCommon","_Selector","_Text","_Button","_IconButton","_TextButton","_EditableRow","_EditableSelectorSt","_constants","_jsxFileName","EditableSelector","React","PureComponent","constructor","arguments","state","addingNewRow","editingRow","_addNewRow","setState","_editItem","index","_deleteItem","props","onOptionDelete","_onNewOptionApprove","_ref","newTitle","onOptionAdded","onOptionEdit","_onNewOptionCancel","_onOptionToggle","id","onOptionToggle","_renderInput","title","default","createElement","key","dataHook","dataHooks","editRowWrapper","onApprove","onCancel","newOption","__self","__source","fileName","lineNumber","columnNumber","render","newRowLabel","editButtonText","toggleType","options","className","classes","weight","map","option","row","item","isSelected","onToggle","editableSelectorItem","optionMenu","onClick","deleteItem","type","size","skin","Delete","editRow","editItem","newRowButton","as","underline","prefixIcon","Add","icon","newRowButtonText","propTypes","PropTypes","string","oneOf","func","arrayOf","shape","isRequired","bool","defaultProps","displayName","_default","exports"],"sources":["../../../src/EditableSelector/EditableSelector.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Add, Delete } from '@wix/wix-ui-icons-common';\nimport Selector from '../Selector';\nimport Text from '../Text';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport EditableRow from './EditableRow/EditableRow';\nimport { classes } from './EditableSelector.st.css';\nimport { dataHooks } from './constants';\n\nclass EditableSelector extends React.PureComponent {\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** The editable selector's title */\n    title: PropTypes.string,\n    /** Specifies the type of the toggle */\n    toggleType: PropTypes.oneOf(['checkbox', 'radio']),\n    /** Text for the add new row button */\n    newRowLabel: PropTypes.string,\n    /** Text for the edit button */\n    editButtonText: PropTypes.string,\n    /** New option added callback function */\n    onOptionAdded: PropTypes.func,\n    /** Option edited callback function */\n    onOptionEdit: PropTypes.func,\n    /** Option deleted callback function */\n    onOptionDelete: PropTypes.func,\n    /** Option toggled callback function */\n    onOptionToggle: PropTypes.func,\n    /** Array of objects:\n     * * `title` - the title of the option.\n     * * `isSelected` - whether this option is selected or not.\n     */\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        isSelected: PropTypes.bool,\n      }),\n    ),\n  };\n\n  static defaultProps = {\n    toggleType: 'checkbox',\n    newRowLabel: 'New Row',\n    editButtonText: 'Edit',\n  };\n\n  state = {\n    addingNewRow: false,\n    editingRow: null,\n  };\n\n  _addNewRow = () => {\n    this.setState({ addingNewRow: true, editingRow: false });\n  };\n\n  _editItem = index => {\n    this.setState({ editingRow: index, addingNewRow: false });\n  };\n\n  _deleteItem = index => {\n    this.props.onOptionDelete && this.props.onOptionDelete({ index });\n  };\n\n  _onNewOptionApprove = ({ newTitle, index }) => {\n    if (this.state.addingNewRow) {\n      this.props.onOptionAdded && this.props.onOptionAdded({ newTitle });\n    } else {\n      this.props.onOptionEdit && this.props.onOptionEdit({ newTitle, index });\n    }\n    this.setState({\n      addingNewRow: false,\n      editingRow: null,\n    });\n  };\n\n  _onNewOptionCancel = () => {\n    this.setState({\n      addingNewRow: false,\n      editingRow: null,\n    });\n  };\n\n  _onOptionToggle = id => {\n    this.props.onOptionToggle && this.props.onOptionToggle(id);\n  };\n\n  _renderInput = (title, index) => {\n    return (\n      <EditableRow\n        key={index}\n        dataHook={dataHooks.editRowWrapper}\n        onApprove={newTitle => this._onNewOptionApprove({ newTitle, index })}\n        onCancel={() => this._onNewOptionCancel()}\n        newOption={title}\n      />\n    );\n  };\n\n  render() {\n    const { dataHook, title, newRowLabel, editButtonText, toggleType } =\n      this.props;\n    let { options } = this.props;\n    options = options || [];\n    return (\n      <div data-hook={dataHook}>\n        {title && (\n          <div className={classes.title} data-hook={dataHooks.title}>\n            <Text weight=\"normal\">{title}</Text>\n          </div>\n        )}\n        <div>\n          {options.map((option, index) =>\n            this.state.editingRow === index ? (\n              this._renderInput(option.title, index)\n            ) : (\n              <div\n                data-hook={dataHooks.row}\n                className={classes.row}\n                key={index}\n              >\n                <Selector\n                  dataHook={dataHooks.item}\n                  id={index}\n                  title={option.title}\n                  isSelected={option.isSelected}\n                  toggleType={toggleType}\n                  onToggle={id => this._onOptionToggle(id)}\n                  className={classes.editableSelectorItem}\n                />\n                <div className={classes.optionMenu}>\n                  <IconButton\n                    onClick={() => this._deleteItem(index)}\n                    dataHook={dataHooks.deleteItem}\n                    type=\"button\"\n                    size=\"small\"\n                    skin=\"inverted\"\n                  >\n                    <span>\n                      <Delete />\n                    </span>\n                  </IconButton>\n                  <div className={classes.editRow}>\n                    <Button\n                      onClick={() => this._editItem(index)}\n                      dataHook={dataHooks.editItem}\n                      size=\"small\"\n                    >\n                      {editButtonText}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            ),\n          )}\n        </div>\n        {this.state.addingNewRow && this._renderInput()}\n        <div className={classes.newRowButton}>\n          <TextButton\n            as=\"a\"\n            underline=\"none\"\n            onClick={this._addNewRow}\n            prefixIcon={<Add className={classes.icon} />}\n            dataHook={dataHooks.newRowButtonText}\n          >\n            {newRowLabel}\n          </TextButton>\n        </div>\n      </div>\n    );\n  }\n}\n\nEditableSelector.displayName = 'EditableSelector';\n\nexport default EditableSelector;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_wixUiIconsCommon","_Selector","_Text","_Button","_IconButton","_TextButton","_EditableRow","_EditableSelectorSt","_constants","_jsxFileName","EditableSelector","React","PureComponent","constructor","arguments","state","addingNewRow","editingRow","_addNewRow","setState","_editItem","index","_deleteItem","props","onOptionDelete","_onNewOptionApprove","_ref","newTitle","onOptionAdded","onOptionEdit","_onNewOptionCancel","_onOptionToggle","id","onOptionToggle","_renderInput","title","default","createElement","key","dataHook","dataHooks","editRowWrapper","onApprove","onCancel","newOption","__self","__source","fileName","lineNumber","columnNumber","render","newRowLabel","editButtonText","toggleType","options","className","classes","weight","map","option","row","item","isSelected","onToggle","editableSelectorItem","optionMenu","onClick","deleteItem","type","size","priority","Delete","editRow","editItem","newRowButton","as","underline","prefixIcon","Add","icon","newRowButtonText","propTypes","PropTypes","string","oneOf","func","arrayOf","shape","isRequired","bool","defaultProps","displayName","_default","exports"],"sources":["../../../src/EditableSelector/EditableSelector.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Add, Delete } from '@wix/wix-ui-icons-common';\nimport Selector from '../Selector';\nimport Text from '../Text';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\nimport TextButton from '../TextButton';\nimport EditableRow from './EditableRow/EditableRow';\nimport { classes } from './EditableSelector.st.css';\nimport { dataHooks } from './constants';\n\nclass EditableSelector extends React.PureComponent {\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used in the tests */\n    dataHook: PropTypes.string,\n    /** The editable selector's title */\n    title: PropTypes.string,\n    /** Specifies the type of the toggle */\n    toggleType: PropTypes.oneOf(['checkbox', 'radio']),\n    /** Text for the add new row button */\n    newRowLabel: PropTypes.string,\n    /** Text for the edit button */\n    editButtonText: PropTypes.string,\n    /** New option added callback function */\n    onOptionAdded: PropTypes.func,\n    /** Option edited callback function */\n    onOptionEdit: PropTypes.func,\n    /** Option deleted callback function */\n    onOptionDelete: PropTypes.func,\n    /** Option toggled callback function */\n    onOptionToggle: PropTypes.func,\n    /** Array of objects:\n     * * `title` - the title of the option.\n     * * `isSelected` - whether this option is selected or not.\n     */\n    options: PropTypes.arrayOf(\n      PropTypes.shape({\n        title: PropTypes.string.isRequired,\n        isSelected: PropTypes.bool,\n      }),\n    ),\n  };\n\n  static defaultProps = {\n    toggleType: 'checkbox',\n    newRowLabel: 'New Row',\n    editButtonText: 'Edit',\n  };\n\n  state = {\n    addingNewRow: false,\n    editingRow: null,\n  };\n\n  _addNewRow = () => {\n    this.setState({ addingNewRow: true, editingRow: false });\n  };\n\n  _editItem = index => {\n    this.setState({ editingRow: index, addingNewRow: false });\n  };\n\n  _deleteItem = index => {\n    this.props.onOptionDelete && this.props.onOptionDelete({ index });\n  };\n\n  _onNewOptionApprove = ({ newTitle, index }) => {\n    if (this.state.addingNewRow) {\n      this.props.onOptionAdded && this.props.onOptionAdded({ newTitle });\n    } else {\n      this.props.onOptionEdit && this.props.onOptionEdit({ newTitle, index });\n    }\n    this.setState({\n      addingNewRow: false,\n      editingRow: null,\n    });\n  };\n\n  _onNewOptionCancel = () => {\n    this.setState({\n      addingNewRow: false,\n      editingRow: null,\n    });\n  };\n\n  _onOptionToggle = id => {\n    this.props.onOptionToggle && this.props.onOptionToggle(id);\n  };\n\n  _renderInput = (title, index) => {\n    return (\n      <EditableRow\n        key={index}\n        dataHook={dataHooks.editRowWrapper}\n        onApprove={newTitle => this._onNewOptionApprove({ newTitle, index })}\n        onCancel={() => this._onNewOptionCancel()}\n        newOption={title}\n      />\n    );\n  };\n\n  render() {\n    const { dataHook, title, newRowLabel, editButtonText, toggleType } =\n      this.props;\n    let { options } = this.props;\n    options = options || [];\n    return (\n      <div data-hook={dataHook}>\n        {title && (\n          <div className={classes.title} data-hook={dataHooks.title}>\n            <Text weight=\"normal\">{title}</Text>\n          </div>\n        )}\n        <div>\n          {options.map((option, index) =>\n            this.state.editingRow === index ? (\n              this._renderInput(option.title, index)\n            ) : (\n              <div\n                data-hook={dataHooks.row}\n                className={classes.row}\n                key={index}\n              >\n                <Selector\n                  dataHook={dataHooks.item}\n                  id={index}\n                  title={option.title}\n                  isSelected={option.isSelected}\n                  toggleType={toggleType}\n                  onToggle={id => this._onOptionToggle(id)}\n                  className={classes.editableSelectorItem}\n                />\n                <div className={classes.optionMenu}>\n                  <IconButton\n                    onClick={() => this._deleteItem(index)}\n                    dataHook={dataHooks.deleteItem}\n                    type=\"button\"\n                    size=\"small\"\n                    priority=\"secondary\"\n                  >\n                    <span>\n                      <Delete />\n                    </span>\n                  </IconButton>\n                  <div className={classes.editRow}>\n                    <Button\n                      onClick={() => this._editItem(index)}\n                      dataHook={dataHooks.editItem}\n                      size=\"small\"\n                    >\n                      {editButtonText}\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            ),\n          )}\n        </div>\n        {this.state.addingNewRow && this._renderInput()}\n        <div className={classes.newRowButton}>\n          <TextButton\n            as=\"a\"\n            underline=\"none\"\n            onClick={this._addNewRow}\n            prefixIcon={<Add className={classes.icon} />}\n            dataHook={dataHooks.newRowButtonText}\n          >\n            {newRowLabel}\n          </TextButton>\n        </div>\n      </div>\n    );\n  }\n}\n\nEditableSelector.displayName = 'EditableSelector';\n\nexport default EditableSelector;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,mBAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AAAwC,IAAAW,YAAA;AAExC,MAAMC,gBAAgB,SAASC,cAAK,CAACC,aAAa,CAAC;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KAsCjDC,KAAK,GAAG;MACNC,YAAY,EAAE,KAAK;MACnBC,UAAU,EAAE;IACd,CAAC;IAAA,KAEDC,UAAU,GAAG,MAAM;MACjB,IAAI,CAACC,QAAQ,CAAC;QAAEH,YAAY,EAAE,IAAI;QAAEC,UAAU,EAAE;MAAM,CAAC,CAAC;IAC1D,CAAC;IAAA,KAEDG,SAAS,GAAGC,KAAK,IAAI;MACnB,IAAI,CAACF,QAAQ,CAAC;QAAEF,UAAU,EAAEI,KAAK;QAAEL,YAAY,EAAE;MAAM,CAAC,CAAC;IAC3D,CAAC;IAAA,KAEDM,WAAW,GAAGD,KAAK,IAAI;MACrB,IAAI,CAACE,KAAK,CAACC,cAAc,IAAI,IAAI,CAACD,KAAK,CAACC,cAAc,CAAC;QAAEH;MAAM,CAAC,CAAC;IACnE,CAAC;IAAA,KAEDI,mBAAmB,GAAGC,IAAA,IAAyB;MAAA,IAAxB;QAAEC,QAAQ;QAAEN;MAAM,CAAC,GAAAK,IAAA;MACxC,IAAI,IAAI,CAACX,KAAK,CAACC,YAAY,EAAE;QAC3B,IAAI,CAACO,KAAK,CAACK,aAAa,IAAI,IAAI,CAACL,KAAK,CAACK,aAAa,CAAC;UAAED;QAAS,CAAC,CAAC;MACpE,CAAC,MAAM;QACL,IAAI,CAACJ,KAAK,CAACM,YAAY,IAAI,IAAI,CAACN,KAAK,CAACM,YAAY,CAAC;UAAEF,QAAQ;UAAEN;QAAM,CAAC,CAAC;MACzE;MACA,IAAI,CAACF,QAAQ,CAAC;QACZH,YAAY,EAAE,KAAK;QACnBC,UAAU,EAAE;MACd,CAAC,CAAC;IACJ,CAAC;IAAA,KAEDa,kBAAkB,GAAG,MAAM;MACzB,IAAI,CAACX,QAAQ,CAAC;QACZH,YAAY,EAAE,KAAK;QACnBC,UAAU,EAAE;MACd,CAAC,CAAC;IACJ,CAAC;IAAA,KAEDc,eAAe,GAAGC,EAAE,IAAI;MACtB,IAAI,CAACT,KAAK,CAACU,cAAc,IAAI,IAAI,CAACV,KAAK,CAACU,cAAc,CAACD,EAAE,CAAC;IAC5D,CAAC;IAAA,KAEDE,YAAY,GAAG,CAACC,KAAK,EAAEd,KAAK,KAAK;MAC/B,oBACEzB,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAAC/B,YAAA,CAAA8B,OAAW;QACVE,GAAG,EAAEjB,KAAM;QACXkB,QAAQ,EAAEC,oBAAS,CAACC,cAAe;QACnCC,SAAS,EAAEf,QAAQ,IAAI,IAAI,CAACF,mBAAmB,CAAC;UAAEE,QAAQ;UAAEN;QAAM,CAAC,CAAE;QACrEsB,QAAQ,EAAEA,CAAA,KAAM,IAAI,CAACb,kBAAkB,CAAC,CAAE;QAC1Cc,SAAS,EAAET,KAAM;QAAAU,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtC,YAAA;UAAAuC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClB,CAAC;IAEN,CAAC;EAAA;EAEDC,MAAMA,CAAA,EAAG;IACP,IAAM;MAAEX,QAAQ;MAAEJ,KAAK;MAAEgB,WAAW;MAAEC,cAAc;MAAEC;IAAW,CAAC,GAChE,IAAI,CAAC9B,KAAK;IACZ,IAAI;MAAE+B;IAAQ,CAAC,GAAG,IAAI,CAAC/B,KAAK;IAC5B+B,OAAO,GAAGA,OAAO,IAAI,EAAE;IACvB,oBACE1D,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MAAK,aAAWE,QAAS;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtBd,KAAK,iBACJvC,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MAAKkB,SAAS,EAAEC,2BAAO,CAACrB,KAAM;MAAC,aAAWK,oBAAS,CAACL,KAAM;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxDrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACnC,KAAA,CAAAkC,OAAI;MAACqB,MAAM,EAAC,QAAQ;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEd,KAAY,CAChC,CACN,eACDvC,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACGK,OAAO,CAACI,GAAG,CAAC,CAACC,MAAM,EAAEtC,KAAK,KACzB,IAAI,CAACN,KAAK,CAACE,UAAU,KAAKI,KAAK,GAC7B,IAAI,CAACa,YAAY,CAACyB,MAAM,CAACxB,KAAK,EAAEd,KAAK,CAAC,gBAEtCzB,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MACE,aAAWG,oBAAS,CAACoB,GAAI;MACzBL,SAAS,EAAEC,2BAAO,CAACI,GAAI;MACvBtB,GAAG,EAAEjB,KAAM;MAAAwB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEXrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACpC,SAAA,CAAAmC,OAAQ;MACPG,QAAQ,EAAEC,oBAAS,CAACqB,IAAK;MACzB7B,EAAE,EAAEX,KAAM;MACVc,KAAK,EAAEwB,MAAM,CAACxB,KAAM;MACpB2B,UAAU,EAAEH,MAAM,CAACG,UAAW;MAC9BT,UAAU,EAAEA,UAAW;MACvBU,QAAQ,EAAE/B,EAAE,IAAI,IAAI,CAACD,eAAe,CAACC,EAAE,CAAE;MACzCuB,SAAS,EAAEC,2BAAO,CAACQ,oBAAqB;MAAAnB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACzC,CAAC,eACFrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MAAKkB,SAAS,EAAEC,2BAAO,CAACS,UAAW;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACjCrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACjC,WAAA,CAAAgC,OAAU;MACT8B,OAAO,EAAEA,CAAA,KAAM,IAAI,CAAC5C,WAAW,CAACD,KAAK,CAAE;MACvCkB,QAAQ,EAAEC,oBAAS,CAAC2B,UAAW;MAC/BC,IAAI,EAAC,QAAQ;MACbC,IAAI,EAAC,OAAO;MACZC,QAAQ,EAAC,WAAW;MAAAzB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEpBrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACErD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACrC,iBAAA,CAAAuE,MAAM;MAAA1B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACL,CACI,CAAC,eACbrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MAAKkB,SAAS,EAAEC,2BAAO,CAACgB,OAAQ;MAAA3B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC9BrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAAClC,OAAA,CAAAiC,OAAM;MACL8B,OAAO,EAAEA,CAAA,KAAM,IAAI,CAAC9C,SAAS,CAACC,KAAK,CAAE;MACrCkB,QAAQ,EAAEC,oBAAS,CAACiC,QAAS;MAC7BJ,IAAI,EAAC,OAAO;MAAAxB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEXG,cACK,CACL,CACF,CACF,CAET,CACG,CAAC,EACL,IAAI,CAACrC,KAAK,CAACC,YAAY,IAAI,IAAI,CAACkB,YAAY,CAAC,CAAC,eAC/CtC,MAAA,CAAAwC,OAAA,CAAAC,aAAA;MAAKkB,SAAS,EAAEC,2BAAO,CAACkB,YAAa;MAAA7B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACnCrD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAAChC,WAAA,CAAA+B,OAAU;MACTuC,EAAE,EAAC,GAAG;MACNC,SAAS,EAAC,MAAM;MAChBV,OAAO,EAAE,IAAI,CAAChD,UAAW;MACzB2D,UAAU,eAAEjF,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACrC,iBAAA,CAAA8E,GAAG;QAACvB,SAAS,EAAEC,2BAAO,CAACuB,IAAK;QAAAlC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtC,YAAA;UAAAuC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAC7CV,QAAQ,EAAEC,oBAAS,CAACwC,gBAAiB;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtC,YAAA;QAAAuC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEpCE,WACS,CACT,CACF,CAAC;EAEV;AACF;AAlKMzC,gBAAgB,CACbuE,SAAS,GAAG;EACjB;EACA1C,QAAQ,EAAE2C,kBAAS,CAACC,MAAM;EAC1B;EACAhD,KAAK,EAAE+C,kBAAS,CAACC,MAAM;EACvB;EACA9B,UAAU,EAAE6B,kBAAS,CAACE,KAAK,CAAC,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;EAClD;EACAjC,WAAW,EAAE+B,kBAAS,CAACC,MAAM;EAC7B;EACA/B,cAAc,EAAE8B,kBAAS,CAACC,MAAM;EAChC;EACAvD,aAAa,EAAEsD,kBAAS,CAACG,IAAI;EAC7B;EACAxD,YAAY,EAAEqD,kBAAS,CAACG,IAAI;EAC5B;EACA7D,cAAc,EAAE0D,kBAAS,CAACG,IAAI;EAC9B;EACApD,cAAc,EAAEiD,kBAAS,CAACG,IAAI;EAC9B;AACJ;AACA;AACA;EACI/B,OAAO,EAAE4B,kBAAS,CAACI,OAAO,CACxBJ,kBAAS,CAACK,KAAK,CAAC;IACdpD,KAAK,EAAE+C,kBAAS,CAACC,MAAM,CAACK,UAAU;IAClC1B,UAAU,EAAEoB,kBAAS,CAACO;EACxB,CAAC,CACH;AACF,CAAC;AA9BG/E,gBAAgB,CAgCbgF,YAAY,GAAG;EACpBrC,UAAU,EAAE,UAAU;EACtBF,WAAW,EAAE,SAAS;EACtBC,cAAc,EAAE;AAClB,CAAC;AAgIH1C,gBAAgB,CAACiF,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAzD,OAAA,GAEnC1B,gBAAgB","ignoreList":[]}

package/dist/cjs/EditableSelector/EditableSelector.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_EditableSelector";
+var _namespace_ = "wds_1_154_0_EditableSelector";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_EditableSelector__root","text-medium-normal":"wds_1_153_0_StylableTypography__text-medium-normal","row":"wds_1_153_0_EditableSelector__row","optionMenu":"wds_1_153_0_EditableSelector__optionMenu","editableSelectorItem":"wds_1_153_0_EditableSelector__editableSelectorItem","title":"wds_1_153_0_EditableSelector__title","newRowButton":"wds_1_153_0_EditableSelector__newRowButton","textLinkWithPrefix":"wds_1_153_0_EditableSelector__textLinkWithPrefix","icon":"wds_1_153_0_EditableSelector__icon","text":"wds_1_153_0_EditableSelector__text","editableRowContainer":"wds_1_153_0_EditableSelector__editableRowContainer","editableRowInput":"wds_1_153_0_EditableSelector__editableRowInput","editableRowInputWrap":"wds_1_153_0_EditableSelector__editableRowInputWrap","editRow":"wds_1_153_0_EditableSelector__editRow","editableRowButtons":"wds_1_153_0_EditableSelector__editableRowButtons"};
+module.exports.classes = {"root":"wds_1_154_0_EditableSelector__root","text-medium-normal":"wds_1_154_0_StylableTypography__text-medium-normal","row":"wds_1_154_0_EditableSelector__row","optionMenu":"wds_1_154_0_EditableSelector__optionMenu","editableSelectorItem":"wds_1_154_0_EditableSelector__editableSelectorItem","title":"wds_1_154_0_EditableSelector__title","newRowButton":"wds_1_154_0_EditableSelector__newRowButton","textLinkWithPrefix":"wds_1_154_0_EditableSelector__textLinkWithPrefix","icon":"wds_1_154_0_EditableSelector__icon","text":"wds_1_154_0_EditableSelector__text","editableRowContainer":"wds_1_154_0_EditableSelector__editableRowContainer","editableRowInput":"wds_1_154_0_EditableSelector__editableRowInput","editableRowInputWrap":"wds_1_154_0_EditableSelector__editableRowInputWrap","editRow":"wds_1_154_0_EditableSelector__editRow","editableRowButtons":"wds_1_154_0_EditableSelector__editableRowButtons"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/EditableTitle/EditableTitle.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_EditableTitle";
+var _namespace_ = "wds_1_154_0_EditableTitle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_EditableTitle__root","heading-h1":"wds_1_153_0_StylableTypography__heading-h1","heading-xl":"wds_1_153_0_StylableTypography__heading-xl","input":"wds_1_153_0_EditableTitle__input","headingWrapper":"wds_1_153_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_153_0_EditableTitle__activationIndicator","renamingField":"wds_1_153_0_EditableTitle__renamingField","heading":"wds_1_153_0_EditableTitle__heading"};
+module.exports.classes = {"root":"wds_1_154_0_EditableTitle__root","heading-h1":"wds_1_154_0_StylableTypography__heading-h1","heading-xl":"wds_1_154_0_StylableTypography__heading-xl","input":"wds_1_154_0_EditableTitle__input","headingWrapper":"wds_1_154_0_EditableTitle__headingWrapper","activationIndicator":"wds_1_154_0_EditableTitle__activationIndicator","renamingField":"wds_1_154_0_EditableTitle__renamingField","heading":"wds_1_154_0_EditableTitle__heading"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/EmptyState/EmptyState.js

@@ -9,7 +9,7 @@ var _EmptyStateSt = require("./EmptyState.st.css.js");
 var _Heading = _interopRequireDefault(require("../Heading"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _context = require("../WixDesignSystemProvider/context");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/EmptyState/EmptyState.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/EmptyState/EmptyState.tsx";
 var defaultEmptyStateProps = exports.defaultEmptyStateProps = {
   theme: 'section',
   image: null,
@@ -36,7 +36,7 @@ var EmptyState = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 31,
       columnNumber: 3
     }
   }, _ref2 => {
@@ -55,7 +55,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 32,
+        lineNumber: 33,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -63,7 +63,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 43,
         columnNumber: 9
       }
     }, image && /*#__PURE__*/_react.default.createElement("div", {
@@ -72,7 +72,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 45,
         columnNumber: 13
       }
     }, typeof image === 'string' ? /*#__PURE__*/_react.default.createElement("img", {
@@ -82,7 +82,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 54,
         columnNumber: 17
       }
     }) : (/*#__PURE__*/_react.default.cloneElement(image, {
@@ -93,7 +93,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 67,
+        lineNumber: 68,
         columnNumber: 13
       }
     }, theme === 'section' ? /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -102,7 +102,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 73,
         columnNumber: 17
       }
     }, title) : /*#__PURE__*/_react.default.createElement(_Heading.default, {
@@ -111,7 +111,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 77,
         columnNumber: 17
       }
     }, title)), subtitle && /*#__PURE__*/_react.default.createElement("div", {
@@ -120,7 +120,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 85,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -130,7 +130,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 88,
+        lineNumber: 89,
         columnNumber: 15
       }
     }, subtitle)), children && /*#__PURE__*/_react.default.createElement("div", {
@@ -139,7 +139,7 @@ var EmptyState = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 99,
+        lineNumber: 100,
         columnNumber: 13
       }
     }, children)));
@@ -147,28 +147,16 @@ var EmptyState = _ref => {
 };
 EmptyState.displayName = 'EmptyState';
 EmptyState.propTypes = {
-  /** Sets the style theme for the empty state */
   theme: _propTypes.default.oneOf(['page', 'page-no-border', 'section']),
-  /** Sets the content for the title */
   title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  /** Sets the content for the subtitle */
   subtitle: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]),
-  /** Contains the empty state image. Can be either a string representing the image URL, or a node to render. */
   image: _propTypes.default.node,
-  /** Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. */
   classNames: _propTypes.default.shape({
     imageContainer: _propTypes.default.string
   }),
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
-
   className: _propTypes.default.string,
-  /** Contains components rendered below the subtitle, e.g., `<Button/>` or `<TextButton/>` */
   children: _propTypes.default.node,
-  /** Applies a data-hook HTML attribute to be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Sets the alignment of all empty state contents within the component container */
   align: _propTypes.default.oneOf(['start', 'center', 'end'])
 };
 var _default = exports.default = EmptyState;

package/dist/cjs/EmptyState/EmptyState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_EmptyStateSt","_Heading","_Text","_context","_jsxFileName","defaultEmptyStateProps","exports","theme","image","children","align","EmptyState","_ref","title","subtitle","classNames","classNamesProp","className","dataHook","default","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref2","newColorsBranding","st","classes","root","container","imageContainer","imageElement","src","React","cloneElement","titleContainer","weight","sectionTitle","size","subtitleContainer","secondary","childrenContainer","displayName","propTypes","PropTypes","oneOf","oneOfType","string","node","shape","_default"],"sources":["../../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { classes, st } from './EmptyState.st.css';\n\nimport Heading from '../Heading';\nimport Text from '../Text';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\nexport const defaultEmptyStateProps = {\n  theme: 'section',\n  image: null,\n  children: null,\n  align: 'center',\n};\n\n/**\n * Representing a state of an empty page, section, table, etc.\n */\nconst EmptyState = ({\n  theme = defaultEmptyStateProps.theme,\n  image = defaultEmptyStateProps.image,\n  children = defaultEmptyStateProps.children,\n  align = defaultEmptyStateProps.align,\n  title,\n  subtitle,\n  classNames: classNamesProp,\n  className,\n  dataHook,\n}) => (\n  <WixDesignSystemContext.Consumer>\n    {({ newColorsBranding }) => (\n      <div\n        className={st(\n          classes.root,\n          { theme, align, newColorsBranding },\n          className,\n        )}\n        data-hook={dataHook}\n        data-theme={theme}\n        data-align={align}\n      >\n        <div className={classes.container}>\n          {image && (\n            <div\n              className={st(\n                classes.imageContainer,\n                {},\n                (classNamesProp && classNamesProp.imageContainer) || '',\n              )}\n              data-hook=\"empty-state-image-container\"\n            >\n              {typeof image === 'string' ? (\n                <img\n                  className={classes.imageElement}\n                  src={image}\n                  data-hook=\"image-element\"\n                />\n              ) : (\n                React.cloneElement(image, {\n                  'data-hook': 'image-node',\n                })\n              )}\n            </div>\n          )}\n\n          {title && (\n            <div\n              className={classes.titleContainer}\n              data-hook=\"empty-state-title-container\"\n            >\n              {theme === 'section' ? (\n                <Text weight=\"bold\" className={classes.sectionTitle}>\n                  {title}\n                </Text>\n              ) : (\n                <Heading className={classes.title} size=\"medium\">\n                  {title}\n                </Heading>\n              )}\n            </div>\n          )}\n\n          {subtitle && (\n            <div\n              className={classes.subtitleContainer}\n              data-hook=\"empty-state-subtitle-container\"\n            >\n              <Text\n                className={classes.subtitle}\n                size={newColorsBranding ? 'small' : 'medium'}\n                secondary\n              >\n                {subtitle}\n              </Text>\n            </div>\n          )}\n\n          {children && (\n            <div\n              className={classes.childrenContainer}\n              data-hook=\"empty-state-children-container\"\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    )}\n  </WixDesignSystemContext.Consumer>\n);\n\nEmptyState.displayName = 'EmptyState';\n\nEmptyState.propTypes = {\n  /** Sets the style theme for the empty state */\n  theme: PropTypes.oneOf(['page', 'page-no-border', 'section']),\n\n  /** Sets the content for the title */\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** Sets the content for the subtitle */\n  subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n\n  /** Contains the empty state image. Can be either a string representing the image URL, or a node to render. */\n  image: PropTypes.node,\n\n  /** Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. */\n  classNames: PropTypes.shape({\n    imageContainer: PropTypes.string,\n  }),\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Contains components rendered below the subtitle, e.g., `<Button/>` or `<TextButton/>` */\n  children: PropTypes.node,\n\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Sets the alignment of all empty state contents within the component container */\n  align: PropTypes.oneOf(['start', 'center', 'end']),\n};\nexport default EmptyState;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_EmptyStateSt","_Heading","_Text","_context","_jsxFileName","defaultEmptyStateProps","exports","theme","image","children","align","EmptyState","_ref","title","subtitle","classNames","classNamesProp","className","dataHook","default","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref2","newColorsBranding","st","classes","root","container","imageContainer","imageElement","src","React","cloneElement","titleContainer","weight","sectionTitle","size","subtitleContainer","secondary","childrenContainer","displayName","propTypes","PropTypes","oneOf","oneOfType","string","node","shape","_default"],"sources":["../../../src/EmptyState/EmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { classes, st } from './EmptyState.st.css';\n\nimport Heading from '../Heading';\nimport Text from '../Text';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { EmptyStateProps } from './EmptyState.types';\n\nexport const defaultEmptyStateProps = {\n  theme: 'section',\n  image: null,\n  children: null,\n  align: 'center',\n} as const;\n\n/**\n * Representing a state of an empty page, section, table, etc.\n */\nconst EmptyState = ({\n  theme = defaultEmptyStateProps.theme,\n  image = defaultEmptyStateProps.image,\n  children = defaultEmptyStateProps.children,\n  align = defaultEmptyStateProps.align,\n  title,\n  subtitle,\n  classNames: classNamesProp,\n  className,\n  dataHook,\n}: EmptyStateProps) => (\n  <WixDesignSystemContext.Consumer>\n    {({ newColorsBranding }) => (\n      <div\n        className={st(\n          classes.root,\n          { theme, align, newColorsBranding },\n          className,\n        )}\n        data-hook={dataHook}\n        data-theme={theme}\n        data-align={align}\n      >\n        <div className={classes.container}>\n          {image && (\n            <div\n              className={st(\n                classes.imageContainer,\n                {},\n                (classNamesProp && classNamesProp.imageContainer) || '',\n              )}\n              data-hook=\"empty-state-image-container\"\n            >\n              {typeof image === 'string' ? (\n                <img\n                  className={classes.imageElement}\n                  src={image}\n                  data-hook=\"image-element\"\n                />\n              ) : (\n                React.cloneElement(image, {\n                  'data-hook': 'image-node',\n                })\n              )}\n            </div>\n          )}\n\n          {title && (\n            <div\n              className={classes.titleContainer}\n              data-hook=\"empty-state-title-container\"\n            >\n              {theme === 'section' ? (\n                <Text weight=\"bold\" className={classes.sectionTitle}>\n                  {title}\n                </Text>\n              ) : (\n                <Heading className={classes.title} size=\"medium\">\n                  {title}\n                </Heading>\n              )}\n            </div>\n          )}\n\n          {subtitle && (\n            <div\n              className={classes.subtitleContainer}\n              data-hook=\"empty-state-subtitle-container\"\n            >\n              <Text\n                className={classes.subtitle}\n                size={newColorsBranding ? 'small' : 'medium'}\n                secondary\n              >\n                {subtitle}\n              </Text>\n            </div>\n          )}\n\n          {children && (\n            <div\n              className={classes.childrenContainer}\n              data-hook=\"empty-state-children-container\"\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    )}\n  </WixDesignSystemContext.Consumer>\n);\n\nEmptyState.displayName = 'EmptyState';\n\nEmptyState.propTypes = {\n  theme: PropTypes.oneOf(['page', 'page-no-border', 'section']),\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  image: PropTypes.node,\n  classNames: PropTypes.shape({\n    imageContainer: PropTypes.string,\n  }),\n  className: PropTypes.string,\n  children: PropTypes.node,\n  dataHook: PropTypes.string,\n  align: PropTypes.oneOf(['start', 'center', 'end']),\n};\nexport default EmptyState;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_EmptyState";
+var _namespace_ = "wds_1_154_0_EmptyState";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_EmptyState__root","imageContainer":"wds_1_153_0_EmptyState__imageContainer","childrenContainer":"wds_1_153_0_EmptyState__childrenContainer","container":"wds_1_153_0_EmptyState__container","imageElement":"wds_1_153_0_EmptyState__imageElement","titleContainer":"wds_1_153_0_EmptyState__titleContainer","title":"wds_1_153_0_EmptyState__title","sectionTitle":"wds_1_153_0_EmptyState__sectionTitle","subtitle":"wds_1_153_0_EmptyState__subtitle","subtitleContainer":"wds_1_153_0_EmptyState__subtitleContainer"};
+module.exports.classes = {"root":"wds_1_154_0_EmptyState__root","imageContainer":"wds_1_154_0_EmptyState__imageContainer","childrenContainer":"wds_1_154_0_EmptyState__childrenContainer","container":"wds_1_154_0_EmptyState__container","imageElement":"wds_1_154_0_EmptyState__imageElement","titleContainer":"wds_1_154_0_EmptyState__titleContainer","title":"wds_1_154_0_EmptyState__title","sectionTitle":"wds_1_154_0_EmptyState__sectionTitle","subtitle":"wds_1_154_0_EmptyState__subtitle","subtitleContainer":"wds_1_154_0_EmptyState__subtitleContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/EmptyState/EmptyState.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=EmptyState.types.js.map

package/dist/cjs/EmptyState/EmptyState.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/EmptyState/EmptyState.types.ts"],"sourcesContent":["import { JSX, ReactNode } from 'react';\n\nexport interface EmptyStateProps {\n  /** Sets the style theme for the empty state */\n  theme?: EmptyStateTheme;\n  /** Sets the content for the title */\n  title?: string | ReactNode;\n  /** Sets the content for the subtitle */\n  subtitle?: string | ReactNode;\n  /** Contains the empty state image. Can be either a string representing the image URL, or a node to render. */\n  image?: string | JSX.Element | null;\n  /** Contains components rendered below the subtitle, e.g., `<Button/>` or `<TextButton/>` */\n  children?: ReactNode;\n  /** Sets the empty state image bottom margin. If not specified, use the default padding defined in the CSS. */\n  classNames?: { imageContainer?: string };\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  /** Sets the alignment of all empty state contents within the component container */\n  align?: EmptyStateAlign;\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n}\n\nexport declare const defaultEmptyStateProps: EmptyStateProps;\n\nexport type EmptyStateTheme = 'page' | 'page-no-border' | 'section';\nexport type EmptyStateAlign = 'start' | 'center' | 'end';\n"],"mappings":"","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","emptyStateUniDriverFactory","base","byDataHook","dataHook","$","concat","getTitleContainer","getSubtitleContainer","getImageContainer","getChildrenContainer","getTitle","getSubtitle","getImageElement","getImageNode","baseUniDriverFactory","element","getNative","getTitleText","_getTitleText","_asyncToGenerator2","text","getSubtitleText","_getSubtitleText","hasTheme","_hasTheme","themeName","attr","_x","getImageUrl","_prop","getImageContainerClassName","_getImageContainerClassName","classList","ReactBase","_DEPRECATED_getClassList","imageNodeExists","exists","childrenContentExists","hasAlign","_hasAlign","align","_x2","exports"],"sources":["../../../src/EmptyState/EmptyState.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory, ReactBase } from '../utils/test-utils/unidriver';\n\nexport const emptyStateUniDriverFactory = base => {\n  const byDataHook = dataHook => base.$(`[data-hook=\"${dataHook}\"]`);\n\n  const getTitleContainer = () => byDataHook('empty-state-title-container');\n  const getSubtitleContainer = () =>\n    byDataHook('empty-state-subtitle-container');\n  const getImageContainer = () => byDataHook('empty-state-image-container');\n  const getChildrenContainer = () =>\n    byDataHook('empty-state-children-container');\n\n  const getTitle = () => getTitleContainer().$(':first-child');\n  const getSubtitle = () => getSubtitleContainer().$(':first-child');\n  const getImageElement = () =>\n    getImageContainer().$('[data-hook=\"image-element\"]');\n  const getImageNode = () => getImageContainer().$('[data-hook=\"image-node\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Returns the element */\n    element: () => base.getNative(), // eslint-disable-line no-restricted-properties\n\n    /** Returns the text of the title */\n    getTitleText: async () => getTitle().text(),\n\n    /** Returns the text of the subtitle */\n    getSubtitleText: async () => getSubtitle().text(),\n\n    /** Returns true if the component was configured with given theme */\n    hasTheme: async themeName => (await base.attr('data-theme')) === themeName,\n\n    /** Returns the URL of the image element (if persist) */\n    getImageUrl: () => getImageElement()._prop('src') || '',\n\n    getImageContainerClassName: async () => {\n      const classList = await ReactBase(\n        getImageContainer(),\n      )._DEPRECATED_getClassList();\n      return classList;\n    },\n\n    /** Returns `true` if a node passed via the `image` prop exists */\n    imageNodeExists: () => getImageNode().exists(),\n\n    /** Returns `true` if children content exists */\n    childrenContentExists: () => getChildrenContainer().exists(),\n\n    /** Returns true if the component was configured with given align */\n    hasAlign: async align => (await base.attr('data-align')) === align,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","emptyStateUniDriverFactory","base","byDataHook","dataHook","$","concat","getTitleContainer","getSubtitleContainer","getImageContainer","getChildrenContainer","getTitle","getSubtitle","getImageElement","getImageNode","baseUniDriverFactory","element","getNative","getTitleText","_getTitleText","_asyncToGenerator2","text","getSubtitleText","_getSubtitleText","hasTheme","_hasTheme","themeName","attr","_x","getImageUrl","_prop","getImageContainerClassName","_getImageContainerClassName","classList","ReactBase","_DEPRECATED_getClassList","imageNodeExists","exists","childrenContentExists","hasAlign","_hasAlign","align","_x2","exports"],"sources":["../../../src/EmptyState/EmptyState.uni.driver.ts"],"sourcesContent":["import {\n  BaseUniDriver,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { baseUniDriverFactory, ReactBase } from '../utils/test-utils/unidriver';\nimport { EmptyStateAlign, EmptyStateTheme } from './EmptyState.types';\n\nexport interface EmptyStateUniDriver extends BaseUniDriver {\n  getTitleText: () => Promise<string>;\n  getSubtitleText: () => Promise<string>;\n  hasTheme: (themeName: EmptyStateTheme) => Promise<boolean>;\n  getImageUrl: () => (name: string) => Promise<string>;\n  getImageContainerClassName: () => Promise<any>;\n  imageNodeExists: () => Promise<boolean>;\n  childrenContentExists: () => Promise<boolean>;\n  hasAlign: (align: EmptyStateAlign) => Promise<boolean>;\n}\n\nexport const emptyStateUniDriverFactory = (base: UniDriver) => {\n  const byDataHook = (dataHook: string) => base.$(`[data-hook=\"${dataHook}\"]`);\n\n  const getTitleContainer = () => byDataHook('empty-state-title-container');\n  const getSubtitleContainer = () =>\n    byDataHook('empty-state-subtitle-container');\n  const getImageContainer = () => byDataHook('empty-state-image-container');\n  const getChildrenContainer = () =>\n    byDataHook('empty-state-children-container');\n\n  const getTitle = () => getTitleContainer().$(':first-child');\n  const getSubtitle = () => getSubtitleContainer().$(':first-child');\n  const getImageElement = () =>\n    getImageContainer().$('[data-hook=\"image-element\"]');\n  const getImageNode = () => getImageContainer().$('[data-hook=\"image-node\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Returns the element */\n    element: () => base.getNative(), // eslint-disable-line no-restricted-properties\n\n    /** Returns the text of the title */\n    getTitleText: async () => getTitle().text(),\n\n    /** Returns the text of the subtitle */\n    getSubtitleText: async () => getSubtitle().text(),\n\n    /** Returns true if the component was configured with given theme */\n    hasTheme: async (themeName: EmptyStateTheme) =>\n      (await base.attr('data-theme')) === themeName,\n\n    /** Returns the URL of the image element (if persist) */\n    getImageUrl: () => getImageElement()._prop('src') || '',\n\n    getImageContainerClassName: async () => {\n      const classList = await ReactBase(\n        getImageContainer(),\n      )._DEPRECATED_getClassList();\n      return classList;\n    },\n\n    /** Returns `true` if a node passed via the `image` prop exists */\n    imageNodeExists: () => getImageNode().exists(),\n\n    /** Returns `true` if children content exists */\n    childrenContentExists: () => getChildrenContainer().exists(),\n\n    /** Returns true if the component was configured with given align */\n    hasAlign: async (align: EmptyStateAlign) =>\n      (await base.attr('data-align')) === align,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/EmptyState/index.js

@@ -2,7 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+var _exportNames = {};
 exports.default = void 0;
-var _EmptyState = _interopRequireDefault(require("./EmptyState.js"));
+var _EmptyState = _interopRequireDefault(require("./EmptyState"));
 exports.default = _EmptyState.default;
+var _EmptyState2 = require("./EmptyState.types");
+Object.keys(_EmptyState2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _EmptyState2[key]) return;
+  exports[key] = _EmptyState2[key];
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_EmptyState","_interopRequireDefault","require","exports","default"],"sources":["../../../src/EmptyState/index.js"],"sourcesContent":["export { default } from './EmptyState.js';\n"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0CC,OAAA,CAAAC,OAAA,GAAAJ,WAAA,CAAAI,OAAA","ignoreList":[]}
+{"version":3,"names":["_EmptyState","_interopRequireDefault","require","exports","default","_EmptyState2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../src/EmptyState/index.ts"],"sourcesContent":["export { default } from './EmptyState';\n\nexport * from './EmptyState.types';\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuCC,OAAA,CAAAC,OAAA,GAAAJ,WAAA,CAAAI,OAAA;AAEvC,IAAAC,YAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,YAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAN,OAAA,IAAAA,OAAA,CAAAM,GAAA,MAAAJ,YAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,YAAA,CAAAI,GAAA;AAAA","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FacesRatingBar";
+var _namespace_ = "wds_1_154_0_FacesRatingBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FacesRatingBar__root","buttonWrapper":"wds_1_153_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_153_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_153_0_FacesRatingBar__faceIcon"};
+module.exports.classes = {"root":"wds_1_154_0_FacesRatingBar__root","buttonWrapper":"wds_1_154_0_FacesRatingBar__buttonWrapper","faceContainer":"wds_1_154_0_FacesRatingBar__faceContainer","faceIcon":"wds_1_154_0_FacesRatingBar__faceIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FeatureList/FeatureList.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FeatureList";
+var _namespace_ = "wds_1_154_0_FeatureList";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FeatureList__root","featureItem":"wds_1_153_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_153_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_153_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_153_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_153_0_FeatureList__featureItemTitleContainer"};
+module.exports.classes = {"root":"wds_1_154_0_FeatureList__root","featureItem":"wds_1_154_0_FeatureList__featureItem","featureItemImageContainer":"wds_1_154_0_FeatureList__featureItemImageContainer","featureItemImage":"wds_1_154_0_FeatureList__featureItemImage","featureItemTextContainer":"wds_1_154_0_FeatureList__featureItemTextContainer","featureItemTitleContainer":"wds_1_154_0_FeatureList__featureItemTitleContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/FieldSet.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FieldSet";
+var _namespace_ = "wds_1_154_0_FieldSet";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FieldSet__root","children":"wds_1_153_0_FieldSet__children","labelIndicators":"wds_1_153_0_FieldSet__labelIndicators","labelRow":"wds_1_153_0_FieldSet__labelRow","labelRowMain":"wds_1_153_0_FieldSet__labelRowMain","suffixRow":"wds_1_153_0_FieldSet__suffixRow","visuallyHidden":"wds_1_153_0_FieldSet__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_154_0_FieldSet__root","children":"wds_1_154_0_FieldSet__children","labelIndicators":"wds_1_154_0_FieldSet__labelIndicators","labelRow":"wds_1_154_0_FieldSet__labelRow","labelRowMain":"wds_1_154_0_FieldSet__labelRowMain","suffixRow":"wds_1_154_0_FieldSet__suffixRow","visuallyHidden":"wds_1_154_0_FieldSet__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Asterisk/Asterisk.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_Asterisk";
+var _namespace_ = "wds_1_154_0_Asterisk";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Asterisk__root"};
+module.exports.classes = {"root":"wds_1_154_0_Asterisk__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/InfoContentIcon/InfoContentIcon.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_InfoContentIcon";
+var _namespace_ = "wds_1_154_0_InfoContentIcon";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_InfoContentIcon__root"};
+module.exports.classes = {"root":"wds_1_154_0_InfoContentIcon__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/InlineLabelWrapper/InlineLabelWrapper.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_InlineLabelWrapper";
+var _namespace_ = "wds_1_154_0_InlineLabelWrapper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_InlineLabelWrapper__root"};
+module.exports.classes = {"root":"wds_1_154_0_InlineLabelWrapper__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Label/Label.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_Label";
+var _namespace_ = "wds_1_154_0_Label";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Label__root"};
+module.exports.classes = {"root":"wds_1_154_0_Label__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/StatusMessage/StatusMessage.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_StatusMessage";
+var _namespace_ = "wds_1_154_0_StatusMessage";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_StatusMessage__root","statusIcon":"wds_1_153_0_StatusMessage__statusIcon"};
+module.exports.classes = {"root":"wds_1_154_0_StatusMessage__root","statusIcon":"wds_1_154_0_StatusMessage__statusIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FieldSet/components/Suffix/Suffix.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_Suffix";
+var _namespace_ = "wds_1_154_0_Suffix";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Suffix__root","charCount":"wds_1_153_0_Suffix__charCount"};
+module.exports.classes = {"root":"wds_1_154_0_Suffix__root","charCount":"wds_1_154_0_Suffix__charCount"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FilePicker/FilePicker.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FilePicker";
+var _namespace_ = "wds_1_154_0_FilePicker";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FilePicker__root","content":"wds_1_153_0_FilePicker__content","label":"wds_1_153_0_FilePicker__label","info":"wds_1_153_0_FilePicker__info","icon":"wds_1_153_0_FilePicker__icon"};
+module.exports.classes = {"root":"wds_1_154_0_FilePicker__root","content":"wds_1_154_0_FilePicker__content","label":"wds_1_154_0_FilePicker__label","info":"wds_1_154_0_FilePicker__info","icon":"wds_1_154_0_FilePicker__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FillButton/FillButton.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FillButton";
+var _namespace_ = "wds_1_154_0_FillButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FillButton__root","proportion":"wds_1_153_0_FillButton__proportion"};
+module.exports.classes = {"root":"wds_1_154_0_FillButton__root","proportion":"wds_1_154_0_FillButton__proportion"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/FillPreview/FillPreview.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_FillPreview";
+var _namespace_ = "wds_1_154_0_FillPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_FillPreview__root","button":"wds_1_153_0_FillPreview__button"};
+module.exports.classes = {"root":"wds_1_154_0_FillPreview__root","button":"wds_1_154_0_FillPreview__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};