@wix/design-system 1.149.1 → 1.150.0

package/dist/cjs/Breadcrumbs/Breadcrumbs.js

@@ -45,17 +45,16 @@ class Breadcrumbs extends _react.default.PureComponent {
         theme,
         size
       } = this.props;
-      var isSmallSize = size === 'medium';
       return /*#__PURE__*/_react.default.createElement(_Text.default, {
         dataHook: _constnats.DATA_HOOKS.BREADCRUMBS_ITEM,
         weight: isActive ? 'normal' : 'thin',
         light: theme === _constnats.THEMES.onDarkBackground,
-        size: isSmallSize ? 'small' : 'medium',
+        size: _constnats.TEXT_SIZES[size],
         ellipsis: true,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 64,
+          lineNumber: 63,
           columnNumber: 9
         }
       }, value);
@@ -85,7 +84,7 @@ class Breadcrumbs extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 81,
+          lineNumber: 80,
           columnNumber: 9
         }
       });
@@ -114,7 +113,7 @@ class Breadcrumbs extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 98,
+          lineNumber: 97,
           columnNumber: 9
         }
       });
@@ -134,7 +133,7 @@ class Breadcrumbs extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 112,
+          lineNumber: 111,
           columnNumber: 9
         }
       });
@@ -170,7 +169,7 @@ class Breadcrumbs extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 150,
         columnNumber: 7
       }
     }, items.map((item, i, allItems) => {
@@ -187,7 +186,7 @@ class Breadcrumbs extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 160,
+          lineNumber: 159,
           columnNumber: 13
         }
       }), this._createItem({
@@ -201,7 +200,7 @@ class Breadcrumbs extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 173,
+          lineNumber: 172,
           columnNumber: 17
         }
       }));
@@ -229,7 +228,7 @@ Breadcrumbs.propTypes = {
   /** Defines which breadcrumbs item is currently active */
   activeId: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   /** Controls the component size */
-  size: _propTypes.default.oneOf(['medium', 'large']),
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
   /** Sets the maximum width of each item value in px. Longer items get truncated with ellipsis. */
   itemMaxWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   /** Controls the component appearance */

package/dist/cjs/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Text","_system","_constnats","_BreadcrumbsSt","_jsxFileName","Breadcrumbs","React","PureComponent","constructor","arguments","_getIsActive","item","props","activeId","id","_handleItemClick","disabled","onClick","_getItemWrapperDataAttributes","_ref","position","concat","DATA_HOOKS","ITEM_WRAPPER","DATA_ATTRIBUTES","DATA_ACTIVE","DATA_POSITION_ID","_createItem","_ref2","isActive","maxWidth","active","breadcrumbText","value","theme","size","isSmallSize","default","createElement","dataHook","BREADCRUMBS_ITEM","weight","light","THEMES","onDarkBackground","ellipsis","__self","__source","fileName","lineNumber","columnNumber","defaultBreadcrumb","className","button","type","BREADCRUMB_CLICKABLE","st","classes","children","style","tabIndex","linkBreadcrumb","link","href","customBreadcrumb","customElement","render","items","itemMaxWidth","fullWidth","length","root","map","i","allItems","_extends2","key","itemContainer","BreadcrumbsChevronRight","divider","displayName","propTypes","PropTypes","arrayOf","shape","oneOfType","string","number","isRequired","node","any","bool","func","oneOf","defaultProps","_default","exports"],"sources":["../../../src/Breadcrumbs/Breadcrumbs.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Text from '../Text';\nimport { BreadcrumbsChevronRight } from '@wix/wix-ui-icons-common/system';\nimport { DATA_HOOKS, DATA_ATTRIBUTES, THEMES } from './constnats';\nimport { st, classes } from './Breadcrumbs.st.css';\n\n/**\n * a way to visualise current navigation path\n */\nclass Breadcrumbs extends React.PureComponent {\n  static displayName = 'Breadcrumbs';\n\n  static propTypes = {\n    /** Describes each breadcrumbs item:\n     * - `id` (required) - gives an item numeric identifier\n     * - `value` (required) - sets the item label to be shown on breadcrumbs\n     * - `link` - stores a link which user is directed to after clicking on an item\n     * - `customElement` - contains and renders a custom component or `<a>` link instead of an item value\n     * - `disabled` - disables an item\n     */\n    items: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n          .isRequired,\n        value: PropTypes.node.isRequired,\n        link: PropTypes.string,\n        customElement: PropTypes.any,\n        disabled: PropTypes.bool,\n      }),\n    ).isRequired,\n    /** Defines a function which is called when a user clicks on an item */\n    onClick: PropTypes.func,\n    /** Defines which breadcrumbs item is currently active */\n    activeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    /** Controls the component size */\n    size: PropTypes.oneOf(['medium', 'large']),\n    /** Sets the maximum width of each item value in px. Longer items get truncated with ellipsis. */\n    itemMaxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /** Controls the component appearance */\n    theme: PropTypes.oneOf([\n      'onWhiteBackground',\n      'onGrayBackground',\n      'onDarkBackground',\n    ]),\n    /** Applies a data-hook HTML attribute to be used in the tests */\n    dataHook: PropTypes.string,\n  };\n\n  static defaultProps = {\n    size: 'medium',\n    theme: 'onGrayBackground',\n    itemMaxWidth: '240px',\n    onClick: () => {},\n  };\n\n  _createItem({ item, isActive, onClick, maxWidth, id }) {\n    const active = isActive;\n    const breadcrumbText = value => {\n      const { theme, size } = this.props;\n      const isSmallSize = size === 'medium';\n\n      return (\n        <Text\n          dataHook={DATA_HOOKS.BREADCRUMBS_ITEM}\n          weight={isActive ? 'normal' : 'thin'}\n          light={theme === THEMES.onDarkBackground}\n          size={isSmallSize ? 'small' : 'medium'}\n          ellipsis\n        >\n          {value}\n        </Text>\n      );\n    };\n\n    const defaultBreadcrumb = id => {\n      const { disabled } = item;\n      const { className } = this.props;\n      const button = true;\n      return (\n        <button\n          type=\"button\"\n          data-hook={`${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${id}`}\n          className={st(classes.item, { button, disabled, active }, className)}\n          onClick={onClick}\n          children={breadcrumbText(item.value)}\n          style={{ maxWidth }}\n          tabIndex={isActive || disabled ? -1 : 0}\n        />\n      );\n    };\n\n    const linkBreadcrumb = id => {\n      const { disabled } = item;\n      const { className } = this.props;\n      const link = true;\n      return (\n        <a\n          href={item.link}\n          data-hook={`${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${id}`}\n          className={st(classes.item, { link, disabled, active }, className)}\n          onClick={onClick}\n          children={breadcrumbText(item.value)}\n          style={{ maxWidth }}\n        />\n      );\n    };\n\n    const customBreadcrumb = id => {\n      const { className } = this.props;\n      return (\n        <span\n          data-hook={`${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${id}`}\n          className={st(classes.item, {}, className)}\n          onClick={onClick}\n          children={breadcrumbText(item.customElement)}\n          style={{ maxWidth }}\n        />\n      );\n    };\n\n    if (isActive) {\n      return defaultBreadcrumb(id);\n    } else if (item.customElement) {\n      return customBreadcrumb(id);\n    } else if (item.link) {\n      return linkBreadcrumb(id);\n    } else {\n      return defaultBreadcrumb(id);\n    }\n  }\n\n  _getIsActive = item => this.props.activeId === item.id;\n\n  _handleItemClick = item => () => !item.disabled && this.props.onClick(item);\n\n  _getItemWrapperDataAttributes = ({ position, item }) => {\n    return {\n      'data-hook': `${DATA_HOOKS.ITEM_WRAPPER}-${position}`,\n      [DATA_ATTRIBUTES.DATA_ACTIVE]: this._getIsActive(item),\n      [DATA_ATTRIBUTES.DATA_POSITION_ID]: position,\n    };\n  };\n\n  render() {\n    const { items, size, itemMaxWidth, theme, className, dataHook } =\n      this.props;\n    const fullWidth = items.length === 1;\n\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(classes.root, { size, theme }, className)}\n        data-size={size}\n        data-theme={theme}\n      >\n        {items.map((item, i, allItems) => {\n          const active = this._getIsActive(item);\n          return (\n            <div\n              key={item.id}\n              className={st(classes.itemContainer, { active })}\n              {...this._getItemWrapperDataAttributes({ position: i, item })}\n            >\n              {this._createItem({\n                id: i,\n                item,\n                isActive: active,\n                onClick: this._handleItemClick(item),\n                maxWidth: fullWidth ? 'initial' : itemMaxWidth,\n              })}\n              {allItems[i + 1] && (\n                <BreadcrumbsChevronRight className={classes.divider} />\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n\nexport default Breadcrumbs;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Text","_system","_constnats","_BreadcrumbsSt","_jsxFileName","Breadcrumbs","React","PureComponent","constructor","arguments","_getIsActive","item","props","activeId","id","_handleItemClick","disabled","onClick","_getItemWrapperDataAttributes","_ref","position","concat","DATA_HOOKS","ITEM_WRAPPER","DATA_ATTRIBUTES","DATA_ACTIVE","DATA_POSITION_ID","_createItem","_ref2","isActive","maxWidth","active","breadcrumbText","value","theme","size","default","createElement","dataHook","BREADCRUMBS_ITEM","weight","light","THEMES","onDarkBackground","TEXT_SIZES","ellipsis","__self","__source","fileName","lineNumber","columnNumber","defaultBreadcrumb","className","button","type","BREADCRUMB_CLICKABLE","st","classes","children","style","tabIndex","linkBreadcrumb","link","href","customBreadcrumb","customElement","render","items","itemMaxWidth","fullWidth","length","root","map","i","allItems","_extends2","key","itemContainer","BreadcrumbsChevronRight","divider","displayName","propTypes","PropTypes","arrayOf","shape","oneOfType","string","number","isRequired","node","any","bool","func","oneOf","defaultProps","_default","exports"],"sources":["../../../src/Breadcrumbs/Breadcrumbs.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Text from '../Text';\nimport { BreadcrumbsChevronRight } from '@wix/wix-ui-icons-common/system';\nimport { DATA_HOOKS, DATA_ATTRIBUTES, THEMES, TEXT_SIZES } from './constnats';\nimport { st, classes } from './Breadcrumbs.st.css';\n\n/**\n * a way to visualise current navigation path\n */\nclass Breadcrumbs extends React.PureComponent {\n  static displayName = 'Breadcrumbs';\n\n  static propTypes = {\n    /** Describes each breadcrumbs item:\n     * - `id` (required) - gives an item numeric identifier\n     * - `value` (required) - sets the item label to be shown on breadcrumbs\n     * - `link` - stores a link which user is directed to after clicking on an item\n     * - `customElement` - contains and renders a custom component or `<a>` link instead of an item value\n     * - `disabled` - disables an item\n     */\n    items: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n          .isRequired,\n        value: PropTypes.node.isRequired,\n        link: PropTypes.string,\n        customElement: PropTypes.any,\n        disabled: PropTypes.bool,\n      }),\n    ).isRequired,\n    /** Defines a function which is called when a user clicks on an item */\n    onClick: PropTypes.func,\n    /** Defines which breadcrumbs item is currently active */\n    activeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    /** Controls the component size */\n    size: PropTypes.oneOf(['small', 'medium', 'large']),\n    /** Sets the maximum width of each item value in px. Longer items get truncated with ellipsis. */\n    itemMaxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n    /** Controls the component appearance */\n    theme: PropTypes.oneOf([\n      'onWhiteBackground',\n      'onGrayBackground',\n      'onDarkBackground',\n    ]),\n    /** Applies a data-hook HTML attribute to be used in the tests */\n    dataHook: PropTypes.string,\n  };\n\n  static defaultProps = {\n    size: 'medium',\n    theme: 'onGrayBackground',\n    itemMaxWidth: '240px',\n    onClick: () => {},\n  };\n\n  _createItem({ item, isActive, onClick, maxWidth, id }) {\n    const active = isActive;\n    const breadcrumbText = value => {\n      const { theme, size } = this.props;\n\n      return (\n        <Text\n          dataHook={DATA_HOOKS.BREADCRUMBS_ITEM}\n          weight={isActive ? 'normal' : 'thin'}\n          light={theme === THEMES.onDarkBackground}\n          size={TEXT_SIZES[size]}\n          ellipsis\n        >\n          {value}\n        </Text>\n      );\n    };\n\n    const defaultBreadcrumb = id => {\n      const { disabled } = item;\n      const { className } = this.props;\n      const button = true;\n      return (\n        <button\n          type=\"button\"\n          data-hook={`${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${id}`}\n          className={st(classes.item, { button, disabled, active }, className)}\n          onClick={onClick}\n          children={breadcrumbText(item.value)}\n          style={{ maxWidth }}\n          tabIndex={isActive || disabled ? -1 : 0}\n        />\n      );\n    };\n\n    const linkBreadcrumb = id => {\n      const { disabled } = item;\n      const { className } = this.props;\n      const link = true;\n      return (\n        <a\n          href={item.link}\n          data-hook={`${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${id}`}\n          className={st(classes.item, { link, disabled, active }, className)}\n          onClick={onClick}\n          children={breadcrumbText(item.value)}\n          style={{ maxWidth }}\n        />\n      );\n    };\n\n    const customBreadcrumb = id => {\n      const { className } = this.props;\n      return (\n        <span\n          data-hook={`${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${id}`}\n          className={st(classes.item, {}, className)}\n          onClick={onClick}\n          children={breadcrumbText(item.customElement)}\n          style={{ maxWidth }}\n        />\n      );\n    };\n\n    if (isActive) {\n      return defaultBreadcrumb(id);\n    } else if (item.customElement) {\n      return customBreadcrumb(id);\n    } else if (item.link) {\n      return linkBreadcrumb(id);\n    } else {\n      return defaultBreadcrumb(id);\n    }\n  }\n\n  _getIsActive = item => this.props.activeId === item.id;\n\n  _handleItemClick = item => () => !item.disabled && this.props.onClick(item);\n\n  _getItemWrapperDataAttributes = ({ position, item }) => {\n    return {\n      'data-hook': `${DATA_HOOKS.ITEM_WRAPPER}-${position}`,\n      [DATA_ATTRIBUTES.DATA_ACTIVE]: this._getIsActive(item),\n      [DATA_ATTRIBUTES.DATA_POSITION_ID]: position,\n    };\n  };\n\n  render() {\n    const { items, size, itemMaxWidth, theme, className, dataHook } =\n      this.props;\n    const fullWidth = items.length === 1;\n\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(classes.root, { size, theme }, className)}\n        data-size={size}\n        data-theme={theme}\n      >\n        {items.map((item, i, allItems) => {\n          const active = this._getIsActive(item);\n          return (\n            <div\n              key={item.id}\n              className={st(classes.itemContainer, { active })}\n              {...this._getItemWrapperDataAttributes({ position: i, item })}\n            >\n              {this._createItem({\n                id: i,\n                item,\n                isActive: active,\n                onClick: this._handleItemClick(item),\n                maxWidth: fullWidth ? 'initial' : itemMaxWidth,\n              })}\n              {allItems[i + 1] && (\n                <BreadcrumbsChevronRight className={classes.divider} />\n              )}\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n}\n\nexport default Breadcrumbs;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,12 @@
 
 require("../Foundation/stylable/colors.st.css.js");
 require("../Text/Text.st.css.js");
+
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_149_1_Breadcrumbs";
+var _namespace_ = "wds_1_150_0_Breadcrumbs";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_149_1_Breadcrumbs__root","breadcrumbsHover":"wds_1_149_1_Breadcrumbs__breadcrumbsHover","breadcrumbs":"wds_1_149_1_Breadcrumbs__breadcrumbs","item":"wds_1_149_1_Breadcrumbs__item","itemContainer":"wds_1_149_1_Breadcrumbs__itemContainer","divider":"wds_1_149_1_Breadcrumbs__divider"};
+module.exports.classes = {"root":"wds_1_150_0_Breadcrumbs__root","breadcrumbsHover":"wds_1_150_0_Breadcrumbs__breadcrumbsHover","breadcrumbs":"wds_1_150_0_Breadcrumbs__breadcrumbs","item":"wds_1_150_0_Breadcrumbs__item","divider":"wds_1_150_0_Breadcrumbs__divider","itemContainer":"wds_1_150_0_Breadcrumbs__itemContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
-module.exports.stVars = {"color":"var(--wsr-color-D30, #577083)","backgroundColor":"var(--wsr-color-D80, #FFFFFF)","height":"36px","sidePadding":"14px"}; 
-module.exports.vars = {}; 
+module.exports.stVars = {"color":"var(--wds-color-text-standard-primary, var(--wsr-color-D30, #577083))","backgroundColor":"var(--wds-breadcrumbs-on-grey-fill-hover, var(--wsr-color-D80, #FFFFFF))","height":"36px","sidePadding":"var(--wds-breadcrumbs-padding-horizontal-large, 14px)"}; 
+module.exports.vars = {"wds-breadcrumbs-border-radius":"--wds-breadcrumbs-border-radius","wds-breadcrumbs-on-white-fill-hover":"--wds-breadcrumbs-on-white-fill-hover","wds-breadcrumbs-on-dark-fill-hover":"--wds-breadcrumbs-on-dark-fill-hover","wds-breadcrumbs-text-weight-selected":"--wds-breadcrumbs-text-weight-selected","wds-breadcrumbs-padding-horizontal-small":"--wds-breadcrumbs-padding-horizontal-small","wds-breadcrumbs-padding-horizontal-medium":"--wds-breadcrumbs-padding-horizontal-medium","wds-breadcrumbs-padding-horizontal-large":"--wds-breadcrumbs-padding-horizontal-large","wds-breadcrumbs-on-grey-fill-hover":"--wds-breadcrumbs-on-grey-fill-hover","wds-color-text-standard-primary-light":"--wds-color-text-standard-primary-light","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-breadcrumbs-text-weight-default":"--wds-breadcrumbs-text-weight-default","wds-breadcrumbs-font-size-small":"--wds-breadcrumbs-font-size-small","wds-breadcrumbs-text-line-height-small":"--wds-breadcrumbs-text-line-height-small"}; 
 
 
 

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/Breadcrumbs/Breadcrumbs.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport interface BreadcrumbsUniDriver extends BaseUniDriver {\n  breadcrumbsLength: () => Promise<number>;\n  breadcrumbContentAt: (position: number) => Promise<string | null>;\n  clickBreadcrumbAt: (position: number) => Promise<any>;\n  getActiveItemId: () => Promise<number | null>;\n  isLarge: () => Promise<boolean>;\n  isMedium: () => Promise<boolean>;\n  isOnWhiteBackground: () => Promise<boolean>;\n  isOnGrayBackground: () => Promise<boolean>;\n  isOnDarkBackground: () => Promise<boolean>;\n  isActiveLinkAt: (index: number) => Promise<boolean>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/Breadcrumbs/Breadcrumbs.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport interface BreadcrumbsUniDriver extends BaseUniDriver {\n  breadcrumbsLength: () => Promise<number>;\n  breadcrumbContentAt: (position: number) => Promise<string | null>;\n  clickBreadcrumbAt: (position: number) => Promise<any>;\n  getActiveItemId: () => Promise<number | null>;\n  isLarge: () => Promise<boolean>;\n  isMedium: () => Promise<boolean>;\n  isSmall: () => Promise<boolean>;\n  isOnWhiteBackground: () => Promise<boolean>;\n  isOnGrayBackground: () => Promise<boolean>;\n  isOnDarkBackground: () => Promise<boolean>;\n  isActiveLinkAt: (index: number) => Promise<boolean>;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -87,6 +87,19 @@ var breadcrumbsUniDriverFactory = base => {
       }
       return isLarge;
     }(),
+    /**
+     * Checks whether breadcrumbs are size small
+     * @return {Promise<boolean>}
+     */
+    isSmall: function () {
+      var _isSmall = (0, _asyncToGenerator2.default)(function* () {
+        return (yield base.attr(_constnats.DATA_ATTRIBUTES.DATA_SIZE)) === _constnats.SIZES.small;
+      });
+      function isSmall() {
+        return _isSmall.apply(this, arguments);
+      }
+      return isSmall;
+    }(),
     /**
      * Checks whether breadcrumbs are size medium
      * @return {Promise<boolean>}

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_constnats","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","breadcrumbsUniDriverFactory","base","optionAt","_ref","_asyncToGenerator2","position","$","concat","DATA_HOOKS","ITEM_WRAPPER","_x","baseUniDriverFactory","breadcrumbsLength","_breadcrumbsLength","$$","count","breadcrumbContentAt","_breadcrumbContentAt","text","_x2","clickBreadcrumbAt","_clickBreadcrumbAt","BREADCRUMB_CLICKABLE","click","_x3","getActiveItemId","_getActiveItemId","activeItem","DATA_ATTRIBUTES","DATA_ACTIVE","parseInt","get","attr","DATA_POSITION_ID","isLarge","_isLarge","DATA_SIZE","SIZES","large","isMedium","_isMedium","medium","isOnWhiteBackground","_isOnWhiteBackground","DATA_THEME","THEMES","onWhiteBackground","isOnGrayBackground","_isOnGrayBackground","onGrayBackground","isOnDarkBackground","_isOnDarkBackground","onDarkBackground","isActiveLinkAt","_isActiveLinkAt","index","exists","_x4","exports"],"sources":["../../../src/Breadcrumbs/Breadcrumbs.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { DATA_HOOKS, DATA_ATTRIBUTES, SIZES, THEMES } from './constnats';\n\nexport const breadcrumbsUniDriverFactory = base => {\n  const optionAt = async position =>\n    base.$(`[data-hook=\"${DATA_HOOKS.ITEM_WRAPPER}-${position}\"]`);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets number of breadcrumbs\n     * @return {Promise<number>}\n     */\n    breadcrumbsLength: async () =>\n      await base.$$(`[data-hook^=\"${DATA_HOOKS.ITEM_WRAPPER}-\"]`).count(),\n\n    /**\n     * Gets breadcrumb content at position\n     * @param {number} position Breadcrumb index\n     * @return {Promise<string>}\n     */\n    breadcrumbContentAt: async position =>\n      await (await optionAt(position)).text(),\n\n    /**\n     * Clicks on breadcrumb at position\n     * @param {number} position Breadcrumb index\n     * @return {Promise<void>}\n     */\n    clickBreadcrumbAt: async position =>\n      base\n        .$(`[data-hook^=\"${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${position}\"]`)\n        .click(),\n\n    /**\n     * Gets the active breadcrumb position or null if no breadcrumb is active\n     * @return {Promise<number | null>}\n     */\n    getActiveItemId: async () => {\n      const activeItem = await base.$$(\n        `[${DATA_ATTRIBUTES.DATA_ACTIVE}=\"true\"]`,\n      );\n      return (await activeItem.count()) === 1\n        ? parseInt(\n            await activeItem.get(0).attr(DATA_ATTRIBUTES.DATA_POSITION_ID),\n          )\n        : null;\n    },\n\n    /**\n     * Checks whether breadcrumbs are size large\n     * @return {Promise<boolean>}\n     */\n    isLarge: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_SIZE)) === SIZES.large,\n\n    /**\n     * Checks whether breadcrumbs are size medium\n     * @return {Promise<boolean>}\n     */\n    isMedium: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_SIZE)) === SIZES.medium,\n\n    /**\n     * Checks whether breadcrumbs are on white background\n     * @return {Promise<boolean>}\n     */\n    isOnWhiteBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) ===\n      THEMES.onWhiteBackground,\n\n    /**\n     * Checks whether breadcrumbs are on gray background\n     * @return {Promise<boolean>}\n     */\n    isOnGrayBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) === THEMES.onGrayBackground,\n\n    /**\n     * Checks whether breadcrumbs are on dark background\n     * @return {Promise<boolean>}\n     */\n    isOnDarkBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) === THEMES.onDarkBackground,\n\n    /**\n     * Checks whether breadcrumb at index is active\n     * @param {number} index Breadcrumb index\n     * @return {Promise<boolean>}\n     */\n    isActiveLinkAt: async index =>\n      await (await optionAt(index)).$('a').exists(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_constnats","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","breadcrumbsUniDriverFactory","base","optionAt","_ref","_asyncToGenerator2","position","$","concat","DATA_HOOKS","ITEM_WRAPPER","_x","baseUniDriverFactory","breadcrumbsLength","_breadcrumbsLength","$$","count","breadcrumbContentAt","_breadcrumbContentAt","text","_x2","clickBreadcrumbAt","_clickBreadcrumbAt","BREADCRUMB_CLICKABLE","click","_x3","getActiveItemId","_getActiveItemId","activeItem","DATA_ATTRIBUTES","DATA_ACTIVE","parseInt","get","attr","DATA_POSITION_ID","isLarge","_isLarge","DATA_SIZE","SIZES","large","isSmall","_isSmall","small","isMedium","_isMedium","medium","isOnWhiteBackground","_isOnWhiteBackground","DATA_THEME","THEMES","onWhiteBackground","isOnGrayBackground","_isOnGrayBackground","onGrayBackground","isOnDarkBackground","_isOnDarkBackground","onDarkBackground","isActiveLinkAt","_isActiveLinkAt","index","exists","_x4","exports"],"sources":["../../../src/Breadcrumbs/Breadcrumbs.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { DATA_HOOKS, DATA_ATTRIBUTES, SIZES, THEMES } from './constnats';\n\nexport const breadcrumbsUniDriverFactory = base => {\n  const optionAt = async position =>\n    base.$(`[data-hook=\"${DATA_HOOKS.ITEM_WRAPPER}-${position}\"]`);\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets number of breadcrumbs\n     * @return {Promise<number>}\n     */\n    breadcrumbsLength: async () =>\n      await base.$$(`[data-hook^=\"${DATA_HOOKS.ITEM_WRAPPER}-\"]`).count(),\n\n    /**\n     * Gets breadcrumb content at position\n     * @param {number} position Breadcrumb index\n     * @return {Promise<string>}\n     */\n    breadcrumbContentAt: async position =>\n      await (await optionAt(position)).text(),\n\n    /**\n     * Clicks on breadcrumb at position\n     * @param {number} position Breadcrumb index\n     * @return {Promise<void>}\n     */\n    clickBreadcrumbAt: async position =>\n      base\n        .$(`[data-hook^=\"${DATA_HOOKS.BREADCRUMB_CLICKABLE}-${position}\"]`)\n        .click(),\n\n    /**\n     * Gets the active breadcrumb position or null if no breadcrumb is active\n     * @return {Promise<number | null>}\n     */\n    getActiveItemId: async () => {\n      const activeItem = await base.$$(\n        `[${DATA_ATTRIBUTES.DATA_ACTIVE}=\"true\"]`,\n      );\n      return (await activeItem.count()) === 1\n        ? parseInt(\n            await activeItem.get(0).attr(DATA_ATTRIBUTES.DATA_POSITION_ID),\n          )\n        : null;\n    },\n\n    /**\n     * Checks whether breadcrumbs are size large\n     * @return {Promise<boolean>}\n     */\n    isLarge: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_SIZE)) === SIZES.large,\n\n    /**\n     * Checks whether breadcrumbs are size small\n     * @return {Promise<boolean>}\n     */\n    isSmall: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_SIZE)) === SIZES.small,\n\n    /**\n     * Checks whether breadcrumbs are size medium\n     * @return {Promise<boolean>}\n     */\n    isMedium: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_SIZE)) === SIZES.medium,\n\n    /**\n     * Checks whether breadcrumbs are on white background\n     * @return {Promise<boolean>}\n     */\n    isOnWhiteBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) ===\n      THEMES.onWhiteBackground,\n\n    /**\n     * Checks whether breadcrumbs are on gray background\n     * @return {Promise<boolean>}\n     */\n    isOnGrayBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) === THEMES.onGrayBackground,\n\n    /**\n     * Checks whether breadcrumbs are on dark background\n     * @return {Promise<boolean>}\n     */\n    isOnDarkBackground: async () =>\n      (await base.attr(DATA_ATTRIBUTES.DATA_THEME)) === THEMES.onDarkBackground,\n\n    /**\n     * Checks whether breadcrumb at index is active\n     * @param {number} index Breadcrumb index\n     * @return {Promise<boolean>}\n     */\n    isActiveLinkAt: async index =>\n      await (await optionAt(index)).$('a').exists(),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Breadcrumbs/constnats.js

@@ -1,10 +1,16 @@
 "use strict";
 
 exports.__esModule = true;
-exports.THEMES = exports.SIZES = exports.DATA_HOOKS = exports.DATA_ATTRIBUTES = void 0;
+exports.THEMES = exports.TEXT_SIZES = exports.SIZES = exports.DATA_HOOKS = exports.DATA_ATTRIBUTES = void 0;
 var SIZES = exports.SIZES = {
+  large: 'large',
   medium: 'medium',
-  large: 'large'
+  small: 'small'
+};
+var TEXT_SIZES = exports.TEXT_SIZES = {
+  medium: 'small',
+  large: 'medium',
+  small: 'small'
 };
 var THEMES = exports.THEMES = {
   onGrayBackground: 'onGrayBackground',

package/dist/cjs/Breadcrumbs/constnats.js.map

@@ -1 +1 @@
-{"version":3,"names":["SIZES","exports","medium","large","THEMES","onGrayBackground","onWhiteBackground","onDarkBackground","DATA_HOOKS","ITEM_WRAPPER","BREADCRUMB_CLICKABLE","BREADCRUMBS_ITEM","DATA_ATTRIBUTES","DATA_ACTIVE","DATA_POSITION_ID","DATA_SIZE","DATA_THEME"],"sources":["../../../src/Breadcrumbs/constnats.js"],"sourcesContent":["export const SIZES = {\n  medium: 'medium',\n  large: 'large',\n};\n\nexport const THEMES = {\n  onGrayBackground: 'onGrayBackground',\n  onWhiteBackground: 'onWhiteBackground',\n  onDarkBackground: 'onDarkBackground',\n};\n\nexport const DATA_HOOKS = {\n  ITEM_WRAPPER: 'item_wrapper',\n  BREADCRUMB_CLICKABLE: 'breadcrumb-clickable',\n  BREADCRUMBS_ITEM: 'breadcrumbs-item',\n};\n\nexport const DATA_ATTRIBUTES = {\n  DATA_ACTIVE: 'data-active',\n  DATA_POSITION_ID: 'data-position-id',\n  DATA_SIZE: 'data-size',\n  DATA_THEME: 'data-theme',\n};\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,MAAM,GAAAH,OAAA,CAAAG,MAAA,GAAG;EACpBC,gBAAgB,EAAE,kBAAkB;EACpCC,iBAAiB,EAAE,mBAAmB;EACtCC,gBAAgB,EAAE;AACpB,CAAC;AAEM,IAAMC,UAAU,GAAAP,OAAA,CAAAO,UAAA,GAAG;EACxBC,YAAY,EAAE,cAAc;EAC5BC,oBAAoB,EAAE,sBAAsB;EAC5CC,gBAAgB,EAAE;AACpB,CAAC;AAEM,IAAMC,eAAe,GAAAX,OAAA,CAAAW,eAAA,GAAG;EAC7BC,WAAW,EAAE,aAAa;EAC1BC,gBAAgB,EAAE,kBAAkB;EACpCC,SAAS,EAAE,WAAW;EACtBC,UAAU,EAAE;AACd,CAAC","ignoreList":[]}
+{"version":3,"names":["SIZES","exports","large","medium","small","TEXT_SIZES","THEMES","onGrayBackground","onWhiteBackground","onDarkBackground","DATA_HOOKS","ITEM_WRAPPER","BREADCRUMB_CLICKABLE","BREADCRUMBS_ITEM","DATA_ATTRIBUTES","DATA_ACTIVE","DATA_POSITION_ID","DATA_SIZE","DATA_THEME"],"sources":["../../../src/Breadcrumbs/constnats.js"],"sourcesContent":["export const SIZES = {\n  large: 'large',\n  medium: 'medium',\n  small: 'small',\n};\n\nexport const TEXT_SIZES = {\n  medium: 'small',\n  large: 'medium',\n  small: 'small',\n};\n\nexport const THEMES = {\n  onGrayBackground: 'onGrayBackground',\n  onWhiteBackground: 'onWhiteBackground',\n  onDarkBackground: 'onDarkBackground',\n};\n\nexport const DATA_HOOKS = {\n  ITEM_WRAPPER: 'item_wrapper',\n  BREADCRUMB_CLICKABLE: 'breadcrumb-clickable',\n  BREADCRUMBS_ITEM: 'breadcrumbs-item',\n};\n\nexport const DATA_ATTRIBUTES = {\n  DATA_ACTIVE: 'data-active',\n  DATA_POSITION_ID: 'data-position-id',\n  DATA_SIZE: 'data-size',\n  DATA_THEME: 'data-theme',\n};\n"],"mappings":";;;;AAAO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,UAAU,GAAAJ,OAAA,CAAAI,UAAA,GAAG;EACxBF,MAAM,EAAE,OAAO;EACfD,KAAK,EAAE,QAAQ;EACfE,KAAK,EAAE;AACT,CAAC;AAEM,IAAME,MAAM,GAAAL,OAAA,CAAAK,MAAA,GAAG;EACpBC,gBAAgB,EAAE,kBAAkB;EACpCC,iBAAiB,EAAE,mBAAmB;EACtCC,gBAAgB,EAAE;AACpB,CAAC;AAEM,IAAMC,UAAU,GAAAT,OAAA,CAAAS,UAAA,GAAG;EACxBC,YAAY,EAAE,cAAc;EAC5BC,oBAAoB,EAAE,sBAAsB;EAC5CC,gBAAgB,EAAE;AACpB,CAAC;AAEM,IAAMC,eAAe,GAAAb,OAAA,CAAAa,eAAA,GAAG;EAC7BC,WAAW,EAAE,aAAa;EAC1BC,gBAAgB,EAAE,kBAAkB;EACpCC,SAAS,EAAE,WAAW;EACtBC,UAAU,EAAE;AACd,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Breadcrumbs","PureComponent","exports"],"sources":["../../../src/Breadcrumbs/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface BreadcrumbsProps {\n  dataHook?: string;\n  items: BreadcrumbsItem[];\n  onClick?: (item: BreadcrumbsItem) => any;\n  activeId?: string | number;\n  size?: BreadcrumbsSize;\n  itemMaxWidth?: React.CSSProperties['maxWidth'];\n  theme?: BreadcrumbsTheme;\n}\n\nexport default class Breadcrumbs extends React.PureComponent<BreadcrumbsProps> {}\n\nexport type BreadcrumbsItem = {\n  id: string | number;\n  value: React.ReactNode;\n  link?: string;\n  customElement?: any;\n  disabled?: boolean;\n};\n\nexport type BreadcrumbsSize = 'medium' | 'large';\n\nexport type BreadcrumbsTheme =\n  | 'onWhiteBackground'\n  | 'onGrayBackground'\n  | 'onDarkBackground';\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAYhB,MAAMW,WAAW,SAASvB,KAAK,CAACwB,aAAa,CAAmB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,WAAA","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Breadcrumbs","PureComponent","exports"],"sources":["../../../src/Breadcrumbs/index.d.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface BreadcrumbsProps {\n  dataHook?: string;\n  items: BreadcrumbsItem[];\n  onClick?: (item: BreadcrumbsItem) => any;\n  activeId?: string | number;\n  size?: BreadcrumbsSize;\n  itemMaxWidth?: React.CSSProperties['maxWidth'];\n  theme?: BreadcrumbsTheme;\n}\n\nexport default class Breadcrumbs extends React.PureComponent<BreadcrumbsProps> {}\n\nexport type BreadcrumbsItem = {\n  id: string | number;\n  value: React.ReactNode;\n  link?: string;\n  customElement?: any;\n  disabled?: boolean;\n};\n\nexport type BreadcrumbsSize = 'medium' | 'large' | 'small';\n\nexport type BreadcrumbsTheme =\n  | 'onWhiteBackground'\n  | 'onGrayBackground'\n  | 'onDarkBackground';\n"],"mappings":";;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAYhB,MAAMW,WAAW,SAASvB,KAAK,CAACwB,aAAa,CAAmB;AAAEC,OAAA,CAAAhB,OAAA,GAAAc,WAAA","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_1_BrowserPreviewWidget";
+var _namespace_ = "wds_1_150_0_BrowserPreviewWidget";
 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_149_1_BrowserPreviewWidget__root","browserBar":"wds_1_149_1_BrowserPreviewWidget__browserBar","circlesContainer":"wds_1_149_1_BrowserPreviewWidget__circlesContainer","circle":"wds_1_149_1_BrowserPreviewWidget__circle"};
+module.exports.classes = {"root":"wds_1_150_0_BrowserPreviewWidget__root","browserBar":"wds_1_150_0_BrowserPreviewWidget__browserBar","circlesContainer":"wds_1_150_0_BrowserPreviewWidget__circlesContainer","circle":"wds_1_150_0_BrowserPreviewWidget__circle"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_1_Button";
+var _namespace_ = "wds_1_150_0_Button";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_149_1_Button__root","text-tiny-normal":"wds_1_149_1_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_149_1_StylableTypography__text-small-normal","text-medium-normal":"wds_1_149_1_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_149_1_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_150_0_Button__root","text-tiny-normal":"wds_1_150_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_150_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_150_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_150_0_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Button/ButtonCore/ButtonCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_149_1_ButtonCore";
+var _namespace_ = "wds_1_150_0_ButtonCore";
 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_149_1_ButtonCore__root","content":"wds_1_149_1_ButtonCore__content","prefix":"wds_1_149_1_ButtonCore__prefix","suffix":"wds_1_149_1_ButtonCore__suffix"};
+module.exports.classes = {"root":"wds_1_150_0_ButtonCore__root","content":"wds_1_150_0_ButtonCore__content","prefix":"wds_1_150_0_ButtonCore__prefix","suffix":"wds_1_150_0_ButtonCore__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/BaseCalendar/BaseCalendar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_149_1_BaseCalendar";
+var _namespace_ = "wds_1_150_0_BaseCalendar";
 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_149_1_BaseCalendar__root","text-small-thin":"wds_1_149_1_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_149_1_StylableTypography__text-tiny-thin","container":"wds_1_149_1_BaseCalendar__container","months":"wds_1_149_1_BaseCalendar__months","month":"wds_1_149_1_BaseCalendar__month","weekdays":"wds_1_149_1_BaseCalendar__weekdays","weekdaysRow":"wds_1_149_1_BaseCalendar__weekdaysRow","weekday":"wds_1_149_1_BaseCalendar__weekday","body":"wds_1_149_1_BaseCalendar__body","week":"wds_1_149_1_BaseCalendar__week","day":"wds_1_149_1_BaseCalendar__day","dayCircle":"wds_1_149_1_BaseCalendar__dayCircle","dayWrapper":"wds_1_149_1_BaseCalendar__dayWrapper","dayText":"wds_1_149_1_BaseCalendar__dayText","dayIndicationContainer":"wds_1_149_1_BaseCalendar__dayIndicationContainer"};
+module.exports.classes = {"root":"wds_1_150_0_BaseCalendar__root","text-small-thin":"wds_1_150_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_150_0_StylableTypography__text-tiny-thin","container":"wds_1_150_0_BaseCalendar__container","months":"wds_1_150_0_BaseCalendar__months","month":"wds_1_150_0_BaseCalendar__month","weekdays":"wds_1_150_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_150_0_BaseCalendar__weekdaysRow","weekday":"wds_1_150_0_BaseCalendar__weekday","body":"wds_1_150_0_BaseCalendar__body","week":"wds_1_150_0_BaseCalendar__week","day":"wds_1_150_0_BaseCalendar__day","dayCircle":"wds_1_150_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_150_0_BaseCalendar__dayWrapper","dayText":"wds_1_150_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_150_0_BaseCalendar__dayIndicationContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_1_Calendar";
+var _namespace_ = "wds_1_150_0_Calendar";
 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_149_1_Calendar__root","month":"wds_1_149_1_BaseCalendar__month","day":"wds_1_149_1_BaseCalendar__day","header":"wds_1_149_1_Calendar__header"};
+module.exports.classes = {"root":"wds_1_150_0_Calendar__root","month":"wds_1_150_0_BaseCalendar__month","day":"wds_1_150_0_BaseCalendar__day","header":"wds_1_150_0_Calendar__header"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerDropdown/DatePickerDropdown.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_149_1_DatePickerDropdown";
+var _namespace_ = "wds_1_150_0_DatePickerDropdown";
 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_149_1_DatePickerDropdown__root","dropdown":"wds_1_149_1_DatePickerDropdown__dropdown","caption":"wds_1_149_1_DatePickerDropdown__caption"};
+module.exports.classes = {"root":"wds_1_150_0_DatePickerDropdown__root","dropdown":"wds_1_150_0_DatePickerDropdown__dropdown","caption":"wds_1_150_0_DatePickerDropdown__caption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/DatePickerHead.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_149_1_DatePickerHead";
+var _namespace_ = "wds_1_150_0_DatePickerHead";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_149_1_DatePickerHead__root","yearAndMonthWrapper":"wds_1_149_1_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_149_1_DatePickerHead__caption","monthDropdown":"wds_1_149_1_DatePickerHead__monthDropdown","yearDropdown":"wds_1_149_1_DatePickerHead__yearDropdown","arrowLeft":"wds_1_149_1_DatePickerHead__arrowLeft","arrowRight":"wds_1_149_1_DatePickerHead__arrowRight","arrowIcon":"wds_1_149_1_DatePickerHead__arrowIcon"};
+module.exports.classes = {"root":"wds_1_150_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_150_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_150_0_DatePickerHead__caption","monthDropdown":"wds_1_150_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_150_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_150_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_150_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_150_0_DatePickerHead__arrowIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/MonthDropdown/MonthDropdown.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_149_1_MonthDropdown";
+var _namespace_ = "wds_1_150_0_MonthDropdown";
 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_149_1_MonthDropdown__root"};
+module.exports.classes = {"root":"wds_1_150_0_MonthDropdown__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Calendar/DatePickerHead/YearDropdown/YearDropdown.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_149_1_YearDropdown";
+var _namespace_ = "wds_1_150_0_YearDropdown";
 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_149_1_YearDropdown__root"};
+module.exports.classes = {"root":"wds_1_150_0_YearDropdown__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_1_CalendarPanel";
+var _namespace_ = "wds_1_150_0_CalendarPanel";
 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_149_1_CalendarPanel__root","calendarWithPresets":"wds_1_149_1_CalendarPanel__calendarWithPresets","presets":"wds_1_149_1_CalendarPanel__presets","calendar":"wds_1_149_1_CalendarPanel__calendar","footer":"wds_1_149_1_CalendarPanel__footer"};
+module.exports.classes = {"root":"wds_1_150_0_CalendarPanel__root","calendarWithPresets":"wds_1_150_0_CalendarPanel__calendarWithPresets","presets":"wds_1_150_0_CalendarPanel__presets","calendar":"wds_1_150_0_CalendarPanel__calendar","footer":"wds_1_150_0_CalendarPanel__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_1_Card";
+var _namespace_ = "wds_1_150_0_Card";
 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_149_1_Card__root","card":"wds_1_149_1_Card__card","controls":"wds_1_149_1_Card__controls"};
+module.exports.classes = {"root":"wds_1_150_0_Card__root","card":"wds_1_150_0_Card__card","controls":"wds_1_150_0_Card__controls"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Content/Content.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_149_1_CardContent";
+var _namespace_ = "wds_1_150_0_CardContent";
 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_149_1_CardContent__root"};
+module.exports.classes = {"root":"wds_1_150_0_CardContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Header/Header.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_149_1_CardHeader";
+var _namespace_ = "wds_1_150_0_CardHeader";
 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_149_1_CardHeader__root","suffix":"wds_1_149_1_CardHeader__suffix","titleWrapper":"wds_1_149_1_CardHeader__titleWrapper","title":"wds_1_149_1_CardHeader__title"};
+module.exports.classes = {"root":"wds_1_150_0_CardHeader__root","suffix":"wds_1_150_0_CardHeader__suffix","titleWrapper":"wds_1_150_0_CardHeader__titleWrapper","title":"wds_1_150_0_CardHeader__title"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Subheader/Subheader.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_149_1_Subheader";
+var _namespace_ = "wds_1_150_0_Subheader";
 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_149_1_Subheader__root","suffix":"wds_1_149_1_Subheader__suffix"};
+module.exports.classes = {"root":"wds_1_150_0_Subheader__root","suffix":"wds_1_150_0_Subheader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_1_CardFolderTabs";
+var _namespace_ = "wds_1_150_0_CardFolderTabs";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_149_1_CardFolderTabs__root","headerWrapper":"wds_1_149_1_CardFolderTabs__headerWrapper","button":"wds_1_149_1_CardFolderTabs__button","buttonText":"wds_1_149_1_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_149_1_CardFolderTabs__tabContentWrapper"};
+module.exports.classes = {"root":"wds_1_150_0_CardFolderTabs__root","headerWrapper":"wds_1_150_0_CardFolderTabs__headerWrapper","button":"wds_1_150_0_CardFolderTabs__button","buttonText":"wds_1_150_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_150_0_CardFolderTabs__tabContentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxWidth":"--wds_1_149_1_CardFolderTabs-maxWidth"}; 
+module.exports.vars = {"maxWidth":"--wds_1_150_0_CardFolderTabs-maxWidth"};