@wix/design-system 1.167.0 → 1.169.0

package/dist/cjs/TagList/TagList.js

@@ -5,151 +5,110 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TagListSt = require("./TagList.st.css.js");
 var _Tag = _interopRequireDefault(require("../Tag"));
 var _TagListAction = _interopRequireDefault(require("./TagListAction"));
 var _ToggleMoreButton = _interopRequireDefault(require("./ToggleMoreButton"));
-var _dataHooks = _interopRequireDefault(require("./dataHooks"));
+var _TagList = require("./TagList.constants");
 var _excluded = ["className"];
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TagList/TagList.js";
-var tagToActionButtonSize = {
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TagList/TagList.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var buttonSize = {
   small: 'tiny',
   medium: 'small',
   large: 'medium'
 };
-
-/** TagList */
-class TagList extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    this._toggleExpanded = () => this.setState(prevState => ({
-      isExpanded: !prevState.isExpanded
-    }));
-    this._renderToggleMoreButton = () => {
-      var {
-        toggleMoreButton,
-        tags,
-        maxVisibleTags,
-        size
-      } = this.props;
-      var {
-        isExpanded
-      } = this.state;
-      var amountOfHiddenTags = tags.length - maxVisibleTags;
-      if (toggleMoreButton && amountOfHiddenTags > 0) {
-        return /*#__PURE__*/_react.default.createElement(_ToggleMoreButton.default, {
-          size: tagToActionButtonSize[size],
-          toggleMoreButton,
-          amountOfHiddenTags,
-          isExpanded,
-          dataHook: _dataHooks.default.toggleMoreButton,
-          onClick: this._toggleExpanded,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 36,
-            columnNumber: 9
-          }
-        });
-      }
-      return null;
-    };
-    this.state = {
-      isExpanded: props.initiallyExpanded
-    };
-  }
-  render() {
-    var {
-      dataHook,
-      tags,
-      actionButton,
-      size,
-      onTagRemove,
-      maxVisibleTags
-    } = this.props;
-    var {
-      isExpanded
-    } = this.state;
-    var visibleTags = isExpanded ? tags : tags.slice(0, maxVisibleTags);
-    var actionButtonSize = tagToActionButtonSize[size];
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: _TagListSt.classes.root,
-      "data-hook": dataHook,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 62,
-        columnNumber: 7
-      }
-    }, visibleTags.map(_ref => {
-      var {
-          className
-        } = _ref,
-        tagProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({}, tagProps, {
-        className: (0, _TagListSt.st)(_TagListSt.classes.item, className),
-        size: size,
-        onRemove: onTagRemove,
-        key: tagProps.id,
-        __self: this,
+var TagList = _ref => {
+  var {
+    dataHook,
+    tags,
+    actionButton,
+    size = 'small',
+    onTagRemove,
+    maxVisibleTags = 3,
+    toggleMoreButton,
+    initiallyExpanded = false
+  } = _ref;
+  var [isExpanded, setIsExpanded] = (0, _react.useState)(initiallyExpanded);
+  var visibleTags = isExpanded ? tags : tags.slice(0, maxVisibleTags);
+  var actionButtonSize = buttonSize[size];
+  var toggleExpanded = (0, _react.useCallback)(() => {
+    setIsExpanded(previous => !previous);
+  }, []);
+  var renderToggleMoreButton = (0, _react.useCallback)(() => {
+    var amountOfHiddenTags = tags.length - maxVisibleTags;
+    if (toggleMoreButton && amountOfHiddenTags > 0) {
+      return /*#__PURE__*/_react.default.createElement(_ToggleMoreButton.default, {
+        size: actionButtonSize,
+        toggleMoreButton: toggleMoreButton,
+        amountOfHiddenTags: amountOfHiddenTags,
+        isExpanded: isExpanded,
+        dataHook: _TagList.DATA_HOOKS.toggleMoreButton,
+        onClick: toggleExpanded,
+        __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 64,
-          columnNumber: 11
+          lineNumber: 41,
+          columnNumber: 9
         }
-      }));
-    }), this._renderToggleMoreButton(), actionButton && /*#__PURE__*/_react.default.createElement(_TagListAction.default, {
-      dataHook: _dataHooks.default.actionButton,
-      size: actionButtonSize,
-      onClick: actionButton.onClick,
-      __self: this,
+      });
+    }
+    return null;
+  }, [isExpanded, maxVisibleTags, actionButtonSize, tags.length, toggleExpanded, toggleMoreButton]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _TagListSt.classes.root,
+    "data-hook": dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 5
+    }
+  }, visibleTags.map(_ref2 => {
+    var {
+        className
+      } = _ref2,
+      tagProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({}, tagProps, {
+      className: (0, _TagListSt.st)(_TagListSt.classes.item, className),
+      size: size,
+      onRemove: onTagRemove,
+      key: tagProps.id,
+      __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 74,
-        columnNumber: 11
+        lineNumber: 65,
+        columnNumber: 9
       }
-    }, actionButton.label));
-  }
-}
+    }));
+  }), renderToggleMoreButton(), actionButton && /*#__PURE__*/_react.default.createElement(_TagListAction.default, {
+    dataHook: _TagList.DATA_HOOKS.actionButton,
+    size: actionButtonSize,
+    onClick: actionButton.onClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 9
+    }
+  }, actionButton.label));
+};
 TagList.displayName = 'TagList';
 TagList.propTypes = {
-  /** Applies a data-hook HTML attribute to be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Lists all component’s tags and its properties */
   tags: _propTypes.default.arrayOf(_propTypes.default.object),
-  /** Defines a callback function that passes an `id` property as a parameter when removing a tag */
   onTagRemove: _propTypes.default.func,
-  /** Sets the size of a component */
   size: _propTypes.default.oneOf(['small', 'medium', 'large']),
-  /** Defines whether the list is:
-   * - initially expanded (shows all tags)
-   * - or collapsed (shows tags up to the max visible number)
-   */
   initiallyExpanded: _propTypes.default.bool,
-  /** Sets an amount of tags to show before expanding */
   maxVisibleTags: _propTypes.default.number,
-  /** Defines the label of an action button and its onClick function */
   actionButton: _propTypes.default.shape({
     onClick: _propTypes.default.func,
     label: _propTypes.default.string
   }),
-  /** Defines a function which provides props for the ToggleMoreButton
-   * ##### toggleMoreButton signature is:
-   * `function(amountOfHiddenTags: number, isExpanded: boolean) => ToggleMoreButtonProps`
-   *
-   * ##### ToggleMoreButtonProps:
-   * * `label`: string
-   * * `tooltipContent`: node
-   * * `tooltipProps`: TooltipCommonProps
-   */
   toggleMoreButton: _propTypes.default.func
 };
-TagList.defaultProps = {
-  size: 'small',
-  initiallyExpanded: false,
-  maxVisibleTags: 3
-};
 var _default = exports.default = TagList;
 //# sourceMappingURL=TagList.js.map

package/dist/cjs/TagList/TagList.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_TagListSt","_Tag","_TagListAction","_ToggleMoreButton","_dataHooks","_excluded","_jsxFileName","tagToActionButtonSize","small","medium","large","TagList","React","PureComponent","constructor","props","_toggleExpanded","setState","prevState","isExpanded","_renderToggleMoreButton","toggleMoreButton","tags","maxVisibleTags","size","state","amountOfHiddenTags","length","default","createElement","dataHook","dataHooks","onClick","__self","__source","fileName","lineNumber","columnNumber","initiallyExpanded","render","actionButton","onTagRemove","visibleTags","slice","actionButtonSize","className","classes","root","map","_ref","tagProps","_objectWithoutProperties2","_extends2","st","item","onRemove","key","id","label","displayName","propTypes","PropTypes","string","arrayOf","object","func","oneOf","bool","number","shape","defaultProps","_default","exports"],"sources":["../../../src/TagList/TagList.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './TagList.st.css';\nimport Tag from '../Tag';\nimport TagListAction from './TagListAction';\nimport ToggleMoreButton from './ToggleMoreButton';\nimport dataHooks from './dataHooks';\n\nconst tagToActionButtonSize = {\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n};\n\n/** TagList */\nclass TagList extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isExpanded: props.initiallyExpanded,\n    };\n  }\n\n  _toggleExpanded = () =>\n    this.setState(prevState => ({ isExpanded: !prevState.isExpanded }));\n\n  _renderToggleMoreButton = () => {\n    const { toggleMoreButton, tags, maxVisibleTags, size } = this.props;\n    const { isExpanded } = this.state;\n\n    const amountOfHiddenTags = tags.length - maxVisibleTags;\n\n    if (toggleMoreButton && amountOfHiddenTags > 0) {\n      return (\n        <ToggleMoreButton\n          {...{\n            size: tagToActionButtonSize[size],\n            toggleMoreButton,\n            amountOfHiddenTags,\n            isExpanded,\n          }}\n          dataHook={dataHooks.toggleMoreButton}\n          onClick={this._toggleExpanded}\n        />\n      );\n    }\n\n    return null;\n  };\n\n  render() {\n    const { dataHook, tags, actionButton, size, onTagRemove, maxVisibleTags } =\n      this.props;\n    const { isExpanded } = this.state;\n\n    const visibleTags = isExpanded ? tags : tags.slice(0, maxVisibleTags);\n\n    const actionButtonSize = tagToActionButtonSize[size];\n\n    return (\n      <div className={classes.root} data-hook={dataHook}>\n        {visibleTags.map(({ className, ...tagProps }) => (\n          <Tag\n            {...tagProps}\n            className={st(classes.item, className)}\n            size={size}\n            onRemove={onTagRemove}\n            key={tagProps.id}\n          />\n        ))}\n        {this._renderToggleMoreButton()}\n        {actionButton && (\n          <TagListAction\n            dataHook={dataHooks.actionButton}\n            size={actionButtonSize}\n            onClick={actionButton.onClick}\n          >\n            {actionButton.label}\n          </TagListAction>\n        )}\n      </div>\n    );\n  }\n}\n\nTagList.displayName = 'TagList';\n\nTagList.propTypes = {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Lists all component’s tags and its properties */\n  tags: PropTypes.arrayOf(PropTypes.object),\n\n  /** Defines a callback function that passes an `id` property as a parameter when removing a tag */\n  onTagRemove: PropTypes.func,\n\n  /** Sets the size of a component */\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n\n  /** Defines whether the list is:\n   * - initially expanded (shows all tags)\n   * - or collapsed (shows tags up to the max visible number)\n   */\n  initiallyExpanded: PropTypes.bool,\n\n  /** Sets an amount of tags to show before expanding */\n  maxVisibleTags: PropTypes.number,\n\n  /** Defines the label of an action button and its onClick function */\n  actionButton: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string,\n  }),\n\n  /** Defines a function which provides props for the ToggleMoreButton\n   * ##### toggleMoreButton signature is:\n   * `function(amountOfHiddenTags: number, isExpanded: boolean) => ToggleMoreButtonProps`\n   *\n   * ##### ToggleMoreButtonProps:\n   * * `label`: string\n   * * `tooltipContent`: node\n   * * `tooltipProps`: TooltipCommonProps\n   */\n  toggleMoreButton: PropTypes.func,\n};\n\nTagList.defaultProps = {\n  size: 'small',\n  initiallyExpanded: false,\n  maxVisibleTags: 3,\n};\n\nexport default TagList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_TagListSt","_Tag","_TagListAction","_ToggleMoreButton","_TagList","_excluded","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","buttonSize","small","medium","large","TagList","_ref","dataHook","tags","actionButton","size","onTagRemove","maxVisibleTags","toggleMoreButton","initiallyExpanded","isExpanded","setIsExpanded","useState","visibleTags","slice","actionButtonSize","toggleExpanded","useCallback","previous","renderToggleMoreButton","amountOfHiddenTags","length","createElement","DATA_HOOKS","onClick","__self","__source","fileName","lineNumber","columnNumber","className","classes","root","map","_ref2","tagProps","_objectWithoutProperties2","_extends2","st","item","onRemove","key","id","label","displayName","propTypes","PropTypes","string","arrayOf","object","func","oneOf","bool","number","shape","_default","exports"],"sources":["../../../src/TagList/TagList.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './TagList.st.css';\nimport Tag from '../Tag';\nimport TagListAction from './TagListAction';\nimport ToggleMoreButton from './ToggleMoreButton';\nimport { TagListProps } from './TagList.types';\nimport { DATA_HOOKS } from './TagList.constants';\n\nconst buttonSize = {\n  small: 'tiny',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst TagList = ({\n  dataHook,\n  tags,\n  actionButton,\n  size = 'small',\n  onTagRemove,\n  maxVisibleTags = 3,\n  toggleMoreButton,\n  initiallyExpanded = false,\n}: TagListProps) => {\n  const [isExpanded, setIsExpanded] = useState(initiallyExpanded);\n\n  const visibleTags = isExpanded ? tags : tags.slice(0, maxVisibleTags);\n\n  const actionButtonSize = buttonSize[size];\n\n  const toggleExpanded = useCallback(() => {\n    setIsExpanded(previous => !previous);\n  }, []);\n\n  const renderToggleMoreButton = useCallback(() => {\n    const amountOfHiddenTags = tags.length - maxVisibleTags;\n\n    if (toggleMoreButton && amountOfHiddenTags > 0) {\n      return (\n        <ToggleMoreButton\n          size={actionButtonSize}\n          toggleMoreButton={toggleMoreButton}\n          amountOfHiddenTags={amountOfHiddenTags}\n          isExpanded={isExpanded}\n          dataHook={DATA_HOOKS.toggleMoreButton}\n          onClick={toggleExpanded}\n        />\n      );\n    }\n\n    return null;\n  }, [\n    isExpanded,\n    maxVisibleTags,\n    actionButtonSize,\n    tags.length,\n    toggleExpanded,\n    toggleMoreButton,\n  ]);\n\n  return (\n    <div className={classes.root} data-hook={dataHook}>\n      {visibleTags.map(({ className, ...tagProps }) => (\n        <Tag\n          {...tagProps}\n          className={st(classes.item, className)}\n          size={size}\n          onRemove={onTagRemove}\n          key={tagProps.id}\n        />\n      ))}\n      {renderToggleMoreButton()}\n      {actionButton && (\n        <TagListAction\n          dataHook={DATA_HOOKS.actionButton}\n          size={actionButtonSize}\n          onClick={actionButton.onClick}\n        >\n          {actionButton.label}\n        </TagListAction>\n      )}\n    </div>\n  );\n};\n\nTagList.displayName = 'TagList';\n\nTagList.propTypes = {\n  dataHook: PropTypes.string,\n  tags: PropTypes.arrayOf(PropTypes.object),\n  onTagRemove: PropTypes.func,\n  size: PropTypes.oneOf(['small', 'medium', 'large']),\n  initiallyExpanded: PropTypes.bool,\n  maxVisibleTags: PropTypes.number,\n  actionButton: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string,\n  }),\n  toggleMoreButton: PropTypes.func,\n};\n\nexport default TagList;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["requiredProps","exports","tags","id","children","sharedTests","title","props","_objectSpread","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/TagList/TagList.meta.tsx"],"sourcesContent":["import { TagListProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: TagListProps = {\n  tags: [\n    {\n      id: '1',\n      children: 'Some Tag',\n    },\n  ],\n};\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 TagListProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA2B,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACzCE,IAAI,EAAE,CACJ;IACEC,EAAE,EAAE,GAAG;IACPC,QAAQ,EAAE;EACZ,CAAC;AAEL,CAAC;;AAED;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAR,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMS,YAAY,GAAAR,OAAA,CAAAQ,YAAA,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAErC,IAAMK,QAAQ,GAAAT,OAAA,CAAAS,QAAA,GAAG,CAAC,GAAGL,WAAW,CAAC;AAEjC,IAAMM,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG,CAAC,GAAGN,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["requiredProps","exports","tags","id","children","sharedTests","title","props","_objectSpread","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/TagList/TagList.meta.tsx"],"sourcesContent":["import { TagListProps } from './TagList.types';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: TagListProps = {\n  tags: [\n    {\n      id: '1',\n      children: 'Some Tag',\n    },\n  ],\n};\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 TagListProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAA2B,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACzCE,IAAI,EAAE,CACJ;IACEC,EAAE,EAAE,GAAG;IACPC,QAAQ,EAAE;EACZ,CAAC;AAEL,CAAC;;AAED;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAR,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMS,YAAY,GAAAR,OAAA,CAAAQ,YAAA,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAErC,IAAMK,QAAQ,GAAAT,OAAA,CAAAS,QAAA,GAAG,CAAC,GAAGL,WAAW,CAAC;AAEjC,IAAMM,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG,CAAC,GAAGN,WAAW,CAAC","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_TagList";
+var _namespace_ = "wds_1_169_0_TagList";
 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_167_0_TagList__root","item":"wds_1_167_0_TagList__item"};
+module.exports.classes = {"root":"wds_1_169_0_TagList__root","item":"wds_1_169_0_TagList__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TagList/TagList.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/TagList/TagList.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { TagProps } from '../Tag';\nimport { ButtonAsButtonProps } from '../Button';\nimport { TooltipCommonProps } from '../common';\n\ntype TagListActionButtonProps = {\n  onClick?: ButtonAsButtonProps<void>['onClick'];\n  label?: string;\n};\n\ntype ToggleMoreButtonProps = {\n  label: string;\n  tooltipContent?: ReactNode;\n  tooltipProps?: TooltipCommonProps;\n};\n\nexport type TagListSize = 'small' | 'medium' | 'large';\n\nexport type TagListProps = {\n  /** Applies a data-hook HTML attribute to be used in the tests. */\n  dataHook?: string;\n  /** Lists all component’s tags and its properties. */\n  tags: Omit<TagProps, 'size' | 'onRemove'>[];\n  /**\n   * Sets the size of a component.\n   * @default 'small'\n   */\n  size?: TagListSize;\n  /** Defines a callback function that passes an `id` property as a parameter when removing a tag. */\n  onTagRemove?: (id: string) => void;\n  /**\n   * Defines whether the list is:\n   * - initially expanded (shows all tags)\n   * - or collapsed (shows tags up to the max visible number)\n   * @default false\n   */\n  initiallyExpanded?: boolean;\n  /**\n   * Sets an amount of tags to show before expanding.\n   * @default 3\n   */\n  maxVisibleTags?: number;\n  /** Defines the label of an action button and its onClick function. */\n  actionButton?: TagListActionButtonProps;\n  /** Defines a function which provides props for the ToggleMoreButton.\n   * ##### toggleMoreButton signature is:\n   * `function(amountOfHiddenTags: number, isExpanded: boolean) => ToggleMoreButtonProps`\n   *\n   * ##### ToggleMoreButtonProps:\n   * * `label`: string\n   * * `tooltipContent`: node\n   * * `tooltipProps`: TooltipCommonProps\n   */\n  toggleMoreButton?: (\n    amountOfHiddenTags: number,\n    isExpanded: boolean,\n  ) => ToggleMoreButtonProps;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -7,26 +7,26 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _unidriver = require("../utils/test-utils/unidriver");
 var _ButtonUni = require("../Button/Button.uni.driver");
 var _TagUni = require("../Tag/Tag.uni.driver");
-var _dataHooks = _interopRequireDefault(require("./dataHooks"));
+var _TagList = require("./TagList.constants");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var tagListDriverFactory = (base, body) => {
-  var actionButton = (0, _ButtonUni.buttonDriverFactory)(base.$("[data-hook=\"".concat(_dataHooks.default.actionButton, "\"]")));
-  var toggleMoreButton = (0, _ButtonUni.buttonDriverFactory)(base.$("[data-hook=\"".concat(_dataHooks.default.toggleMoreButton, "\"]")));
-  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base, body)), {}, {
-    /** Get the action button label */
+var tagListDriverFactory = base => {
+  var actionButton = (0, _ButtonUni.buttonDriverFactory)(base.$("[data-hook=\"".concat(_TagList.DATA_HOOKS.actionButton, "\"]")));
+  var toggleMoreButton = (0, _ButtonUni.buttonDriverFactory)(base.$("[data-hook=\"".concat(_TagList.DATA_HOOKS.toggleMoreButton, "\"]")));
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    /** Get the action button label. */
     actionButtonLabel: () => actionButton.getButtonTextContent(),
-    /** Click action button */
+    /** Click action button. */
     clickActionButton: () => actionButton.click(),
-    /** Get if action button exists */
+    /** Get if action button exists. */
     actionButtonExists: () => actionButton.exists(),
-    /** Get the toggle more button label */
+    /** Get the toggle more button label. */
     toggleMoreButtonLabel: () => toggleMoreButton.getButtonTextContent(),
     /** Click toggle more button */
     clickToggleMoreButton: () => toggleMoreButton.click(),
-    /** Get if toggle more button exists */
+    /** Get if toggle more button exists. */
     toggleMoreButtonExists: () => toggleMoreButton.exists(),
-    /** Remove tag by id */
+    /** Remove tag by id. */
     removeTag: id => (0, _TagUni.tagUniDriverFactory)(base.$("#".concat(id))).removeTag()
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_ButtonUni","_TagUni","_dataHooks","_interopRequireDefault","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","tagListDriverFactory","base","body","actionButton","buttonDriverFactory","$","concat","dataHooks","toggleMoreButton","baseUniDriverFactory","actionButtonLabel","getButtonTextContent","clickActionButton","click","actionButtonExists","exists","toggleMoreButtonLabel","clickToggleMoreButton","toggleMoreButtonExists","removeTag","id","tagUniDriverFactory","exports"],"sources":["../../../src/TagList/TagList.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { buttonDriverFactory } from '../Button/Button.uni.driver';\nimport { tagUniDriverFactory } from '../Tag/Tag.uni.driver';\nimport dataHooks from './dataHooks';\n\nexport const tagListDriverFactory = (base, body) => {\n  const actionButton = buttonDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.actionButton}\"]`),\n  );\n  const toggleMoreButton = buttonDriverFactory(\n    base.$(`[data-hook=\"${dataHooks.toggleMoreButton}\"]`),\n  );\n\n  return {\n    ...baseUniDriverFactory(base, body),\n\n    /** Get the action button label */\n    actionButtonLabel: () => actionButton.getButtonTextContent(),\n    /** Click action button */\n    clickActionButton: () => actionButton.click(),\n    /** Get if action button exists */\n    actionButtonExists: () => actionButton.exists(),\n\n    /** Get the toggle more button label */\n    toggleMoreButtonLabel: () => toggleMoreButton.getButtonTextContent(),\n    /** Click toggle more button */\n    clickToggleMoreButton: () => toggleMoreButton.click(),\n    /** Get if toggle more button exists */\n    toggleMoreButtonExists: () => toggleMoreButton.exists(),\n\n    /** Remove tag by id */\n    removeTag: id => tagUniDriverFactory(base.$(`#${id}`)).removeTag(),\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAoC,SAAAK,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE7B,IAAMqB,oBAAoB,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EAClD,IAAMC,YAAY,GAAG,IAAAC,8BAAmB,EACtCH,IAAI,CAACI,CAAC,iBAAAC,MAAA,CAAgBC,kBAAS,CAACJ,YAAY,QAAI,CAClD,CAAC;EACD,IAAMK,gBAAgB,GAAG,IAAAJ,8BAAmB,EAC1CH,IAAI,CAACI,CAAC,iBAAAC,MAAA,CAAgBC,kBAAS,CAACC,gBAAgB,QAAI,CACtD,CAAC;EAED,OAAAjB,aAAA,CAAAA,aAAA,KACK,IAAAkB,+BAAoB,EAACR,IAAI,EAAEC,IAAI,CAAC;IAEnC;IACAQ,iBAAiB,EAAEA,CAAA,KAAMP,YAAY,CAACQ,oBAAoB,CAAC,CAAC;IAC5D;IACAC,iBAAiB,EAAEA,CAAA,KAAMT,YAAY,CAACU,KAAK,CAAC,CAAC;IAC7C;IACAC,kBAAkB,EAAEA,CAAA,KAAMX,YAAY,CAACY,MAAM,CAAC,CAAC;IAE/C;IACAC,qBAAqB,EAAEA,CAAA,KAAMR,gBAAgB,CAACG,oBAAoB,CAAC,CAAC;IACpE;IACAM,qBAAqB,EAAEA,CAAA,KAAMT,gBAAgB,CAACK,KAAK,CAAC,CAAC;IACrD;IACAK,sBAAsB,EAAEA,CAAA,KAAMV,gBAAgB,CAACO,MAAM,CAAC,CAAC;IAEvD;IACAI,SAAS,EAAEC,EAAE,IAAI,IAAAC,2BAAmB,EAACpB,IAAI,CAACI,CAAC,KAAAC,MAAA,CAAKc,EAAE,CAAE,CAAC,CAAC,CAACD,SAAS,CAAC;EAAC;AAEtE,CAAC;AAACG,OAAA,CAAAtB,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_ButtonUni","_TagUni","_TagList","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","tagListDriverFactory","base","actionButton","buttonDriverFactory","$","concat","DATA_HOOKS","toggleMoreButton","baseUniDriverFactory","actionButtonLabel","getButtonTextContent","clickActionButton","click","actionButtonExists","exists","toggleMoreButtonLabel","clickToggleMoreButton","toggleMoreButtonExists","removeTag","id","tagUniDriverFactory","exports"],"sources":["../../../src/TagList/TagList.uni.driver.ts"],"sourcesContent":["import { BaseUniDriver, UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { buttonDriverFactory } from '../Button/Button.uni.driver';\nimport { tagUniDriverFactory } from '../Tag/Tag.uni.driver';\nimport { DATA_HOOKS } from './TagList.constants';\n\nexport interface TagListUniDriver extends BaseUniDriver {\n  actionButtonLabel: () => Promise<string>;\n  clickActionButton: () => Promise<void>;\n  actionButtonExists: () => Promise<boolean>;\n  toggleMoreButtonLabel: () => Promise<string>;\n  clickToggleMoreButton: () => Promise<void>;\n  toggleMoreButtonExists: () => Promise<boolean>;\n  removeTag: (id: string) => Promise<void>;\n}\n\nexport const tagListDriverFactory = (base: UniDriver): TagListUniDriver => {\n  const actionButton = buttonDriverFactory(\n    base.$(`[data-hook=\"${DATA_HOOKS.actionButton}\"]`),\n  );\n  const toggleMoreButton = buttonDriverFactory(\n    base.$(`[data-hook=\"${DATA_HOOKS.toggleMoreButton}\"]`),\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Get the action button label. */\n    actionButtonLabel: () => actionButton.getButtonTextContent(),\n    /** Click action button. */\n    clickActionButton: () => actionButton.click(),\n    /** Get if action button exists. */\n    actionButtonExists: () => actionButton.exists(),\n\n    /** Get the toggle more button label. */\n    toggleMoreButtonLabel: () => toggleMoreButton.getButtonTextContent(),\n    /** Click toggle more button */\n    clickToggleMoreButton: () => toggleMoreButton.click(),\n    /** Get if toggle more button exists. */\n    toggleMoreButtonExists: () => toggleMoreButton.exists(),\n\n    /** Remove tag by id. */\n    removeTag: id => tagUniDriverFactory(base.$(`#${id}`)).removeTag(),\n  };\n};\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAiD,SAAAI,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAY1C,IAAMqB,oBAAoB,GAAIC,IAAe,IAAuB;EACzE,IAAMC,YAAY,GAAG,IAAAC,8BAAmB,EACtCF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBC,mBAAU,CAACJ,YAAY,QAAI,CACnD,CAAC;EACD,IAAMK,gBAAgB,GAAG,IAAAJ,8BAAmB,EAC1CF,IAAI,CAACG,CAAC,iBAAAC,MAAA,CAAgBC,mBAAU,CAACC,gBAAgB,QAAI,CACvD,CAAC;EAED,OAAAhB,aAAA,CAAAA,aAAA,KACK,IAAAiB,+BAAoB,EAACP,IAAI,CAAC;IAE7B;IACAQ,iBAAiB,EAAEA,CAAA,KAAMP,YAAY,CAACQ,oBAAoB,CAAC,CAAC;IAC5D;IACAC,iBAAiB,EAAEA,CAAA,KAAMT,YAAY,CAACU,KAAK,CAAC,CAAC;IAC7C;IACAC,kBAAkB,EAAEA,CAAA,KAAMX,YAAY,CAACY,MAAM,CAAC,CAAC;IAE/C;IACAC,qBAAqB,EAAEA,CAAA,KAAMR,gBAAgB,CAACG,oBAAoB,CAAC,CAAC;IACpE;IACAM,qBAAqB,EAAEA,CAAA,KAAMT,gBAAgB,CAACK,KAAK,CAAC,CAAC;IACrD;IACAK,sBAAsB,EAAEA,CAAA,KAAMV,gBAAgB,CAACO,MAAM,CAAC,CAAC;IAEvD;IACAI,SAAS,EAAEC,EAAE,IAAI,IAAAC,2BAAmB,EAACnB,IAAI,CAACG,CAAC,KAAAC,MAAA,CAAKc,EAAE,CAAE,CAAC,CAAC,CAACD,SAAS,CAAC;EAAC;AAEtE,CAAC;AAACG,OAAA,CAAArB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/TagList/TagListAction/TagListAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Button","_TagListSt","_excluded","_jsxFileName","TagListAction","_ref","className","size","skin","rest","_objectWithoutProperties2","default","createElement","_extends2","st","classes","item","__self","__source","fileName","lineNumber","columnNumber","displayName","propTypes","dataHook","PropTypes","string","children","node","onClick","func","_default","exports"],"sources":["../../../../src/TagList/TagListAction/TagListAction.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button, { ButtonProps } from '../../Button';\nimport { st, classes } from '../TagList.st.css';\n\ntype TagListActionProps = ButtonProps;\n\nconst TagListAction = ({\n  className,\n  size = 'tiny',\n  skin = 'inverted',\n  ...rest\n}: TagListActionProps) => (\n  <Button\n    className={st(classes.item, className)}\n    size={size}\n    skin={skin}\n    {...rest}\n  />\n);\n\nTagListAction.displayName = 'TagListAction';\n\nTagListAction.propTypes = {\n  dataHook: PropTypes.string,\n  children: PropTypes.node,\n  onClick: PropTypes.func,\n};\n\nexport default TagListAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAgD,IAAAI,SAAA;AAAA,IAAAC,YAAA;AAIhD,IAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;MACrBC,SAAS;MACTC,IAAI,GAAG,MAAM;MACbC,IAAI,GAAG;IAEW,CAAC,GAAAH,IAAA;IADhBI,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAH,SAAA;EAAA,oBAEPN,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAW,OAAM,MAAAE,SAAA,CAAAF,OAAA;IACLL,SAAS,EAAE,IAAAQ,aAAE,EAACC,kBAAO,CAACC,IAAI,EAAEV,SAAS,CAAE;IACvCC,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA;EAAK,GACPC,IAAI;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAAA,CACH;AAEDjB,aAAa,CAACkB,WAAW,GAAG,eAAe;AAE3ClB,aAAa,CAACmB,SAAS,GAAG;EACxBC,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,OAAO,EAAEJ,kBAAS,CAACK;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEaP,aAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Button","_TagListSt","_excluded","_jsxFileName","TagListAction","_ref","className","size","skin","rest","_objectWithoutProperties2","default","createElement","_extends2","st","classes","item","__self","__source","fileName","lineNumber","columnNumber","displayName","propTypes","dataHook","PropTypes","string","children","node","onClick","func","_default","exports"],"sources":["../../../../src/TagList/TagListAction/TagListAction.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button, { ButtonProps } from '../../Button';\nimport { st, classes } from '../TagList.st.css';\n\nexport type TagListActionProps = ButtonProps;\n\nconst TagListAction = ({\n  className,\n  size = 'tiny',\n  skin = 'inverted',\n  ...rest\n}: TagListActionProps) => (\n  <Button\n    className={st(classes.item, className)}\n    size={size}\n    skin={skin}\n    {...rest}\n  />\n);\n\nTagListAction.displayName = 'TagListAction';\n\nTagListAction.propTypes = {\n  dataHook: PropTypes.string,\n  children: PropTypes.node,\n  onClick: PropTypes.func,\n};\n\nexport default TagListAction;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAgD,IAAAI,SAAA;AAAA,IAAAC,YAAA;AAIhD,IAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;MACrBC,SAAS;MACTC,IAAI,GAAG,MAAM;MACbC,IAAI,GAAG;IAEW,CAAC,GAAAH,IAAA;IADhBI,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAH,SAAA;EAAA,oBAEPN,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAW,OAAM,MAAAE,SAAA,CAAAF,OAAA;IACLL,SAAS,EAAE,IAAAQ,aAAE,EAACC,kBAAO,CAACC,IAAI,EAAEV,SAAS,CAAE;IACvCC,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA;EAAK,GACPC,IAAI;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAAA,CACH;AAEDjB,aAAa,CAACkB,WAAW,GAAG,eAAe;AAE3ClB,aAAa,CAACmB,SAAS,GAAG;EACxBC,QAAQ,EAAEC,kBAAS,CAACC,MAAM;EAC1BC,QAAQ,EAAEF,kBAAS,CAACG,IAAI;EACxBC,OAAO,EAAEJ,kBAAS,CAACK;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAArB,OAAA,GAEaP,aAAa","ignoreList":[]}

package/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.js

@@ -11,7 +11,7 @@ var _TagListAction = _interopRequireDefault(require("../TagListAction"));
 var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
 var _TagListSt = require("../TagList.st.css.js");
 var _excluded = ["label", "tooltipContent", "tooltipProps"];
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.tsx";
 var ToggleMoreButton = _ref => {
   var {
     toggleMoreButton,
@@ -38,7 +38,7 @@ var ToggleMoreButton = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 22,
       columnNumber: 5
     }
   }), label);
@@ -50,7 +50,7 @@ var ToggleMoreButton = _ref => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 36,
         columnNumber: 7
       }
     }), button);

package/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_TagListAction","_Tooltip","_TagListSt","_excluded","_jsxFileName","ToggleMoreButton","_ref","toggleMoreButton","onClick","amountOfHiddenTags","isExpanded","dataHook","size","_toggleMoreButton","label","tooltipContent","tooltipProps","props","_objectWithoutProperties2","default","button","createElement","_extends2","skin","priority","__self","__source","fileName","lineNumber","columnNumber","content","className","classes","item","displayName","propTypes","PropTypes","func","isRequired","number","bool","string","_default","exports"],"sources":["../../../../src/TagList/ToggleMoreButton/ToggleMoreButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TagListAction from '../TagListAction';\nimport Tooltip from '../../Tooltip';\nimport { classes } from '../TagList.st.css';\n\nconst ToggleMoreButton = ({\n  toggleMoreButton,\n  onClick,\n  amountOfHiddenTags,\n  isExpanded,\n  dataHook,\n  size,\n}) => {\n  const { label, tooltipContent, tooltipProps, ...props } = toggleMoreButton(\n    amountOfHiddenTags,\n    isExpanded,\n  );\n\n  const button = (\n    <TagListAction\n      size={size}\n      skin=\"standard\"\n      priority=\"secondary\"\n      {...props}\n      dataHook={dataHook}\n      onClick={onClick}\n    >\n      {label}\n    </TagListAction>\n  );\n\n  if (tooltipContent) {\n    return (\n      <Tooltip\n        content={tooltipContent}\n        className={classes.item}\n        {...tooltipProps}\n      >\n        {button}\n      </Tooltip>\n    );\n  }\n  return button;\n};\n\nToggleMoreButton.displayName = 'ToggleMoreButton';\n\nToggleMoreButton.propTypes = {\n  toggleMoreButton: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  amountOfHiddenTags: PropTypes.number.isRequired,\n  isExpanded: PropTypes.bool,\n  dataHook: PropTypes.string,\n};\n\nexport default ToggleMoreButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAA4C,IAAAK,SAAA;AAAA,IAAAC,YAAA;AAE5C,IAAMC,gBAAgB,GAAGC,IAAA,IAOnB;EAAA,IAPoB;IACxBC,gBAAgB;IAChBC,OAAO;IACPC,kBAAkB;IAClBC,UAAU;IACVC,QAAQ;IACRC;EACF,CAAC,GAAAN,IAAA;EACC,IAAAO,iBAAA,GAA0DN,gBAAgB,CACxEE,kBAAkB,EAClBC,UACF,CAAC;IAHK;MAAEI,KAAK;MAAEC,cAAc;MAAEC;IAAuB,CAAC,GAAAH,iBAAA;IAAPI,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAV,SAAA;EAKrD,IAAMiB,MAAM,gBACVxB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACrB,cAAA,CAAAmB,OAAa,MAAAG,SAAA,CAAAH,OAAA;IACZP,IAAI,EAAEA,IAAK;IACXW,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC;EAAW,GAChBP,KAAK;IACTN,QAAQ,EAAEA,QAAS;IACnBH,OAAO,EAAEA,OAAQ;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEhBf,KACY,CAChB;EAED,IAAIC,cAAc,EAAE;IAClB,oBACEnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACpB,QAAA,CAAAkB,OAAO,MAAAG,SAAA,CAAAH,OAAA;MACNW,OAAO,EAAEf,cAAe;MACxBgB,SAAS,EAAEC,kBAAO,CAACC;IAAK,GACpBjB,YAAY;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,IAEfT,MACM,CAAC;EAEd;EACA,OAAOA,MAAM;AACf,CAAC;AAEDf,gBAAgB,CAAC6B,WAAW,GAAG,kBAAkB;AAEjD7B,gBAAgB,CAAC8B,SAAS,GAAG;EAC3B5B,gBAAgB,EAAE6B,kBAAS,CAACC,IAAI,CAACC,UAAU;EAC3C9B,OAAO,EAAE4B,kBAAS,CAACC,IAAI,CAACC,UAAU;EAClC7B,kBAAkB,EAAE2B,kBAAS,CAACG,MAAM,CAACD,UAAU;EAC/C5B,UAAU,EAAE0B,kBAAS,CAACI,IAAI;EAC1B7B,QAAQ,EAAEyB,kBAAS,CAACK;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEad,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_TagListAction","_Tooltip","_TagListSt","_excluded","_jsxFileName","ToggleMoreButton","_ref","toggleMoreButton","onClick","amountOfHiddenTags","isExpanded","dataHook","size","_toggleMoreButton","label","tooltipContent","tooltipProps","props","_objectWithoutProperties2","default","button","createElement","_extends2","skin","priority","__self","__source","fileName","lineNumber","columnNumber","content","className","classes","item","displayName","propTypes","PropTypes","func","isRequired","number","bool","string","_default","exports"],"sources":["../../../../src/TagList/ToggleMoreButton/ToggleMoreButton.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport TagListAction from '../TagListAction';\nimport Tooltip from '../../Tooltip';\nimport { classes } from '../TagList.st.css';\nimport { ToggleMoreButtonProps } from './ToggleMoreButton.types';\n\nconst ToggleMoreButton = ({\n  toggleMoreButton,\n  onClick,\n  amountOfHiddenTags,\n  isExpanded,\n  dataHook,\n  size,\n}: ToggleMoreButtonProps) => {\n  const { label, tooltipContent, tooltipProps, ...props } = toggleMoreButton(\n    amountOfHiddenTags,\n    isExpanded,\n  );\n\n  const button = (\n    <TagListAction\n      size={size}\n      skin=\"standard\"\n      priority=\"secondary\"\n      {...props}\n      dataHook={dataHook}\n      onClick={onClick}\n    >\n      {label}\n    </TagListAction>\n  );\n\n  if (tooltipContent) {\n    return (\n      <Tooltip\n        content={tooltipContent}\n        className={classes.item}\n        {...tooltipProps}\n      >\n        {button}\n      </Tooltip>\n    );\n  }\n  return button;\n};\n\nToggleMoreButton.displayName = 'ToggleMoreButton';\n\nToggleMoreButton.propTypes = {\n  toggleMoreButton: PropTypes.func.isRequired,\n  onClick: PropTypes.func.isRequired,\n  amountOfHiddenTags: PropTypes.number.isRequired,\n  isExpanded: PropTypes.bool,\n  dataHook: PropTypes.string,\n};\n\nexport default ToggleMoreButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAA4C,IAAAK,SAAA;AAAA,IAAAC,YAAA;AAG5C,IAAMC,gBAAgB,GAAGC,IAAA,IAOI;EAAA,IAPH;IACxBC,gBAAgB;IAChBC,OAAO;IACPC,kBAAkB;IAClBC,UAAU;IACVC,QAAQ;IACRC;EACqB,CAAC,GAAAN,IAAA;EACtB,IAAAO,iBAAA,GAA0DN,gBAAgB,CACxEE,kBAAkB,EAClBC,UACF,CAAC;IAHK;MAAEI,KAAK;MAAEC,cAAc;MAAEC;IAAuB,CAAC,GAAAH,iBAAA;IAAPI,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,iBAAA,EAAAV,SAAA;EAKrD,IAAMiB,MAAM,gBACVxB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACrB,cAAA,CAAAmB,OAAa,MAAAG,SAAA,CAAAH,OAAA;IACZP,IAAI,EAAEA,IAAK;IACXW,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC;EAAW,GAChBP,KAAK;IACTN,QAAQ,EAAEA,QAAS;IACnBH,OAAO,EAAEA,OAAQ;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEhBf,KACY,CAChB;EAED,IAAIC,cAAc,EAAE;IAClB,oBACEnB,MAAA,CAAAuB,OAAA,CAAAE,aAAA,CAACpB,QAAA,CAAAkB,OAAO,MAAAG,SAAA,CAAAH,OAAA;MACNW,OAAO,EAAEf,cAAe;MACxBgB,SAAS,EAAEC,kBAAO,CAACC;IAAK,GACpBjB,YAAY;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,IAEfT,MACM,CAAC;EAEd;EACA,OAAOA,MAAM;AACf,CAAC;AAEDf,gBAAgB,CAAC6B,WAAW,GAAG,kBAAkB;AAEjD7B,gBAAgB,CAAC8B,SAAS,GAAG;EAC3B5B,gBAAgB,EAAE6B,kBAAS,CAACC,IAAI,CAACC,UAAU;EAC3C9B,OAAO,EAAE4B,kBAAS,CAACC,IAAI,CAACC,UAAU;EAClC7B,kBAAkB,EAAE2B,kBAAS,CAACG,MAAM,CAACD,UAAU;EAC/C5B,UAAU,EAAE0B,kBAAS,CAACI,IAAI;EAC1B7B,QAAQ,EAAEyB,kBAAS,CAACK;AACtB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEad,gBAAgB","ignoreList":[]}

package/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.types.js

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

package/dist/cjs/TagList/ToggleMoreButton/ToggleMoreButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/TagList/ToggleMoreButton/ToggleMoreButton.types.ts"],"sourcesContent":["import { ButtonAsButtonProps } from \"../../Button\";\nimport { TagListProps } from \"../TagList.types\";\nimport { TagListActionProps } from \"../TagListAction/TagListAction\";\n\nexport type ToggleMoreButtonProps = {\n  toggleMoreButton: NonNullable<TagListProps['toggleMoreButton']>;\n  onClick: ButtonAsButtonProps<void>['onClick'];\n  amountOfHiddenTags: number;\n  isExpanded: boolean;\n  dataHook?: string;\n  size: TagListActionProps['size'];\n};\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/TagList/ToggleMoreButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ToggleMoreButton","_interopRequireDefault","require","exports","default"],"sources":["../../../../src/TagList/ToggleMoreButton/index.js"],"sourcesContent":["export { default } from './ToggleMoreButton';\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6CC,OAAA,CAAAC,OAAA,GAAAJ,iBAAA,CAAAI,OAAA","ignoreList":[]}
+{"version":3,"names":["_ToggleMoreButton","_interopRequireDefault","require","exports","default"],"sources":["../../../../src/TagList/ToggleMoreButton/index.ts"],"sourcesContent":["export { default } from './ToggleMoreButton';\n"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6CC,OAAA,CAAAC,OAAA,GAAAJ,iBAAA,CAAAI,OAAA","ignoreList":[]}

package/dist/cjs/TagList/index.js

@@ -2,7 +2,10 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = void 0;
-var _TagList = _interopRequireDefault(require("./TagList.js"));
+exports.default = exports.TagListSize = exports.TagListProps = void 0;
+var _TagList = _interopRequireDefault(require("./TagList"));
 exports.default = _TagList.default;
+var _TagList2 = require("./TagList.types");
+exports.TagListSize = _TagList2.TagListSize;
+exports.TagListProps = _TagList2.TagListProps;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_TagList","_interopRequireDefault","require","exports","default"],"sources":["../../../src/TagList/index.js"],"sourcesContent":["export { default } from './TagList.js';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuCC,OAAA,CAAAC,OAAA,GAAAJ,QAAA,CAAAI,OAAA","ignoreList":[]}
+{"version":3,"names":["_TagList","_interopRequireDefault","require","exports","default","_TagList2","TagListSize","TagListProps"],"sources":["../../../src/TagList/index.ts"],"sourcesContent":["export { default } from './TagList';\nexport { TagListSize, TagListProps } from './TagList.types';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoCC,OAAA,CAAAC,OAAA,GAAAJ,QAAA,CAAAI,OAAA;AACpC,IAAAC,SAAA,GAAAH,OAAA;AAA4DC,OAAA,CAAAG,WAAA,GAAAD,SAAA,CAAAC,WAAA;AAAAH,OAAA,CAAAI,YAAA,GAAAF,SAAA,CAAAE,YAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_TestimonialList";
+var _namespace_ = "wds_1_169_0_TestimonialList";
 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_167_0_TestimonialList__root","testimonialItem":"wds_1_167_0_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_167_0_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_167_0_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_167_0_TestimonialList__testimonialItemText"};
+module.exports.classes = {"root":"wds_1_169_0_TestimonialList__root","testimonialItem":"wds_1_169_0_TestimonialList__testimonialItem","testimonialItemAvatar":"wds_1_169_0_TestimonialList__testimonialItemAvatar","testimonialItemTextArea":"wds_1_169_0_TestimonialList__testimonialItemTextArea","testimonialItemText":"wds_1_169_0_TestimonialList__testimonialItemText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Text/Caption.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_Caption";
+var _namespace_ = "wds_1_169_0_Caption";
 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_167_0_Caption__root","text-medium-bold":"wds_1_167_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_167_0_StylableTypography__text-tiny-bold","c1":"wds_1_167_0_Caption__c1","c2":"wds_1_167_0_Caption__c2"};
+module.exports.classes = {"root":"wds_1_169_0_Caption__root","text-medium-bold":"wds_1_169_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_169_0_StylableTypography__text-tiny-bold","c1":"wds_1_169_0_Caption__c1","c2":"wds_1_169_0_Caption__c2"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_Text";
+var _namespace_ = "wds_1_169_0_Text";
 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_167_0_Text__root","text-tiny-thin":"wds_1_167_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_167_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_167_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_167_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_167_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_167_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_167_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_167_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_167_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_169_0_Text__root","text-tiny-thin":"wds_1_169_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_169_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_169_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_169_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_169_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_169_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_169_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_169_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_169_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_167_0_TextButton";
+var _namespace_ = "wds_1_169_0_TextButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_167_0_TextButton__root","mobile":"wds_1_167_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_167_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_167_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_167_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_167_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_167_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_167_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_167_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_167_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_167_0_StylableTypography__text-medium-bold"};
+module.exports.classes = {"root":"wds_1_169_0_TextButton__root","mobile":"wds_1_169_0_WixDesignSystemProvider__mobile","text-tiny-thin":"wds_1_169_0_StylableTypography__text-tiny-thin","text-tiny-normal":"wds_1_169_0_StylableTypography__text-tiny-normal","text-tiny-bold":"wds_1_169_0_StylableTypography__text-tiny-bold","text-small-thin":"wds_1_169_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_169_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_169_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_169_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_169_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_169_0_StylableTypography__text-medium-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Themes/brand/Brand.st.css.js

@@ -13,7 +13,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_167_0_Brand";
+var _namespace_ = "wds_1_169_0_Brand";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -21,7 +21,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_167_0_Brand__root"};
+module.exports.classes = {"root":"wds_1_169_0_Brand__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};