@wix/design-system 1.0.4 → 1.1.0

package/dist/cjs/PageFooter/Center/Center.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_4_Center";
+var _namespace_ = "wds_1_1_0_Center";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Center__root","center":"wds_1_0_4_Center__center"};
+module.exports.classes = {"root":"wds_1_1_0_Center__root","center":"wds_1_1_0_Center__center"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PageFooter/End/End.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_4_End";
+var _namespace_ = "wds_1_1_0_End";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_End__root","end":"wds_1_0_4_End__end"};
+module.exports.classes = {"root":"wds_1_1_0_End__root","end":"wds_1_1_0_End__end"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_PageFooter";
+var _namespace_ = "wds_1_1_0_PageFooter";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PageFooter__root","container":"wds_1_0_4_PageFooter__container","divider":"wds_1_0_4_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_1_0_PageFooter__root","container":"wds_1_1_0_PageFooter__container","divider":"wds_1_1_0_PageFooter__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PageFooter/Start/Start.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_4_Start";
+var _namespace_ = "wds_1_1_0_Start";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Start__root","start":"wds_1_0_4_Start__start"};
+module.exports.classes = {"root":"wds_1_1_0_Start__root","start":"wds_1_1_0_Start__start"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PageHeader/PageHeader.js

@@ -14,6 +14,7 @@ var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _constants = require("./constants");
 var _Transition = _interopRequireDefault(require("../Transition"));
 var _context = require("../WixStyleReactProvider/context");
+var _context2 = require("../WixStyleReactEnvironmentProvider/context");
 var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/PageHeader/PageHeader.js";
 var isDarkTheme = (hasBackgroundImage, minimized, skin) => {
   switch (skin) {
@@ -39,7 +40,7 @@ var generateDefaultBreadcrumbs = (title, hasBackgroundImage, minimized, skin) =>
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 38,
+    lineNumber: 39,
     columnNumber: 3
   }
 });
@@ -77,7 +78,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 118,
+          lineNumber: 119,
           columnNumber: 7
         }
       }, content) : /*#__PURE__*/_react.default.createElement(_Transition.default, {
@@ -91,7 +92,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 133,
+          lineNumber: 134,
           columnNumber: 7
         }
       }, content);
@@ -147,11 +148,14 @@ class PageHeader extends _react.default.PureComponent {
     } = this.state;
     var _title = getTitle(title, minimized);
     var isDark = isDarkTheme(hasBackgroundImage, minimized, skin);
+    var {
+      pageHeaderId
+    } = this.context;
     return /*#__PURE__*/_react.default.createElement(_context.WixStyleReactContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 168,
+        lineNumber: 170,
         columnNumber: 7
       }
     }, _ref => {
@@ -164,7 +168,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 172,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
@@ -172,14 +176,14 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 171,
+          lineNumber: 173,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 172,
+          lineNumber: 174,
           columnNumber: 15
         }
       }, this._animateComponent(breadcrumbsExists || minimized, !breadcrumbsExists, /*#__PURE__*/_react.default.createElement("div", {
@@ -190,7 +194,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 176,
+          lineNumber: 178,
           columnNumber: 19
         }
       }, themedBreadcrumbs))), /*#__PURE__*/_react.default.createElement("div", {
@@ -200,7 +204,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 186,
+          lineNumber: 188,
           columnNumber: 15
         }
       }, showBackButton && onBackClicked && this._animateComponent(!minimized, !breadcrumbsExists, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -213,7 +217,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 192,
+          lineNumber: 194,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeft, {
@@ -221,7 +225,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 200,
+          lineNumber: 202,
           columnNumber: 23
         }
       }))), /*#__PURE__*/_react.default.createElement("div", {
@@ -229,7 +233,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 203,
+          lineNumber: 205,
           columnNumber: 17
         }
       }, title && this._animateComponent(!minimized, !breadcrumbsExists, /*#__PURE__*/_react.default.createElement(_Heading.default, {
@@ -240,10 +244,11 @@ class PageHeader extends _react.default.PureComponent {
         dataHook: _constants.dataHooks.title,
         ellipsis: typeof _title === 'string',
         light: isDark,
+        id: pageHeaderId,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 208,
+          lineNumber: 210,
           columnNumber: 23
         }
       }, _title)), subtitle && this._animateComponent(!minimized, !breadcrumbsExists, /*#__PURE__*/_react.default.createElement("div", {
@@ -251,7 +256,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 222,
+          lineNumber: 225,
           columnNumber: 23
         }
       }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -263,7 +268,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 223,
+          lineNumber: 226,
           columnNumber: 25
         }
       }, subtitle)))))), actionsBar && /*#__PURE__*/_react.default.createElement("div", {
@@ -275,7 +280,7 @@ class PageHeader extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 238,
+          lineNumber: 241,
           columnNumber: 15
         }
       }, typeof actionsBar === 'function' ? actionsBar({
@@ -287,6 +292,7 @@ class PageHeader extends _react.default.PureComponent {
   }
 }
 exports.default = PageHeader;
+PageHeader.contextType = _context2.WixStyleReactEnvironmentContext;
 PageHeader.displayName = 'Page.Header';
 PageHeader.propTypes = {
   /** Applies a data-hook HTML attribute that can be used in the tests */

package/dist/cjs/PageHeader/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["isDarkTheme","hasBackgroundImage","minimized","skin","getBreadcrumbsTheme","getTitle","title","generateDefaultBreadcrumbs","id","value","getBreadcrumbs","breadcrumbs","generateThemedBreadcrumbs","React","cloneElement","theme","PageHeader","PureComponent","constructor","props","_animateComponent","show","useEnterDelay","content","fadeIn","duration","delay","fadeOut","state","themedBreadcrumbs","UNSAFE_componentWillReceiveProps","nextProps","newBreadcrumbs","newTitle","newHasBackgroundImage","newMinimized","newSkin","setState","render","dataHook","onBackClicked","subtitle","actionsBar","showBackButton","className","breadcrumbsExists","_title","isDark","newColorsBranding","st","classes","root","header","breadcrumbsContainer","withoutBreadcrumbs","dataHooks","titleContainer","titleBackButton","darkTheme","backButton","titleBackButtonIcon","titleColumn","withBreadcrumbs","actionBar","displayName","propTypes","PropTypes","string","bool","oneOf","oneOfType","node","func","defaultProps"],"sources":["../../../src/PageHeader/PageHeader.js"],"sourcesContent":["import { st, classes } from './PageHeader.st.css';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport Breadcrumbs from '../Breadcrumbs';\nimport Text from '../Text';\nimport Heading from '../Heading';\nimport IconButton from '../IconButton';\nimport { dataHooks } from './constants';\nimport Transition from '../Transition';\nimport { WixStyleReactContext } from '../WixStyleReactProvider/context';\n\nconst isDarkTheme = (hasBackgroundImage, minimized, skin) => {\n  switch (skin) {\n    case 'light':\n      return false;\n    case 'dark':\n      return true;\n    default:\n      return hasBackgroundImage && !minimized;\n  }\n};\n\nconst getBreadcrumbsTheme = (hasBackgroundImage, minimized, skin) =>\n  isDarkTheme(hasBackgroundImage, minimized, skin)\n    ? 'onDarkBackground'\n    : 'onGrayBackground';\n\nconst getTitle = (title, minimized) =>\n  typeof title === 'function' ? title(minimized) : title;\n\nconst generateDefaultBreadcrumbs = (\n  title,\n  hasBackgroundImage,\n  minimized,\n  skin,\n) => (\n  <Breadcrumbs\n    items={[{ id: '1', value: getTitle(title, minimized) }]}\n    activeId=\"1\"\n    size=\"medium\"\n    theme={getBreadcrumbsTheme(hasBackgroundImage, minimized, skin)}\n    onClick={() => {}}\n  />\n);\n\nconst getBreadcrumbs = (breadcrumbs, minimized) =>\n  typeof breadcrumbs === 'function' ? breadcrumbs(minimized) : breadcrumbs;\n\nconst generateThemedBreadcrumbs = (\n  breadcrumbs,\n  title,\n  hasBackgroundImage,\n  minimized,\n  skin,\n) => {\n  if (breadcrumbs) {\n    return React.cloneElement(getBreadcrumbs(breadcrumbs, minimized), {\n      theme: getBreadcrumbsTheme(hasBackgroundImage, minimized, skin),\n    });\n  }\n\n  return generateDefaultBreadcrumbs(title, hasBackgroundImage, minimized);\n};\n\n/**\n * A header that sticks at the top of the container which minimizes on scroll\n */\nexport default class PageHeader extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } = props;\n    this.state = {\n      themedBreadcrumbs: generateThemedBreadcrumbs(\n        breadcrumbs,\n        title,\n        hasBackgroundImage,\n        minimized,\n        skin,\n      ),\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } =\n      this.props;\n    const newBreadcrumbs = nextProps.breadcrumbs;\n    const newTitle = nextProps.title;\n    const newHasBackgroundImage = nextProps.hasBackgroundImage;\n    const newMinimized = nextProps.minimized;\n    const newSkin = nextProps.skin;\n\n    if (\n      breadcrumbs !== newBreadcrumbs ||\n      title !== newTitle ||\n      hasBackgroundImage !== newHasBackgroundImage ||\n      minimized !== newMinimized ||\n      skin !== newSkin\n    ) {\n      const themedBreadcrumbs = generateThemedBreadcrumbs(\n        newBreadcrumbs,\n        newTitle,\n        newHasBackgroundImage,\n        newMinimized,\n        skin,\n      );\n      this.setState({ themedBreadcrumbs });\n    }\n  }\n\n  _animateComponent = (show, useEnterDelay, content) => {\n    if (show) {\n      return content;\n    }\n\n    return useEnterDelay ? (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: {\n            duration: 'medium01',\n            delay: 'short',\n          },\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    ) : (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: true,\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      breadcrumbs,\n      onBackClicked,\n      title,\n      subtitle,\n      minimized,\n      skin,\n      actionsBar,\n      showBackButton,\n      hasBackgroundImage,\n      className,\n    } = this.props;\n\n    const breadcrumbsExists = !!breadcrumbs;\n    const { themedBreadcrumbs } = this.state;\n    const _title = getTitle(title, minimized);\n    const isDark = isDarkTheme(hasBackgroundImage, minimized, skin);\n\n    return (\n      <WixStyleReactContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div className={st(classes.root, {}, className)} data-hook={dataHook}>\n            <div className={classes.header}>\n              <div>\n                {this._animateComponent(\n                  breadcrumbsExists || minimized,\n                  !breadcrumbsExists,\n                  <div\n                    className={st(classes.breadcrumbsContainer, {\n                      withoutBreadcrumbs: !breadcrumbsExists,\n                    })}\n                    data-hook={dataHooks.breadcrumbs}\n                  >\n                    {themedBreadcrumbs}\n                  </div>,\n                )}\n              </div>\n              <div className={st(classes.titleContainer, { minimized })}>\n                {showBackButton &&\n                  onBackClicked &&\n                  this._animateComponent(\n                    !minimized,\n                    !breadcrumbsExists,\n                    <IconButton\n                      className={st(classes.titleBackButton, {\n                        darkTheme: isDark,\n                        newColorsBranding,\n                      })}\n                      dataHook={dataHooks.backButton}\n                      onClick={onBackClicked}\n                    >\n                      <ChevronLeft className={classes.titleBackButtonIcon} />\n                    </IconButton>,\n                  )}\n                <div className={classes.titleColumn}>\n                  {title &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <Heading\n                        size=\"extraLarge\"\n                        className={st(classes.title, { newColorsBranding })}\n                        dataHook={dataHooks.title}\n                        ellipsis={typeof _title === 'string'}\n                        light={isDark}\n                      >\n                        {_title}\n                      </Heading>,\n                    )}\n                  {subtitle &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <div data-hook={dataHooks.subtitle}>\n                        <Text\n                          ellipsis={typeof subtitle === 'string'}\n                          light={isDark}\n                          secondary={!isDark}\n                          maxLines={2}\n                          maxWidth=\"288px\"\n                        >\n                          {subtitle}\n                        </Text>\n                      </div>,\n                    )}\n                </div>\n              </div>\n            </div>\n            {actionsBar && (\n              <div\n                className={st(classes.actionsBar, {\n                  minimized,\n                  withBreadcrumbs: breadcrumbsExists,\n                })}\n                data-hook={dataHooks.actionBar}\n              >\n                {typeof actionsBar === 'function'\n                  ? actionsBar({ minimized, hasBackgroundImage, skin })\n                  : actionsBar}\n              </div>\n            )}\n          </div>\n        )}\n      </WixStyleReactContext.Consumer>\n    );\n  }\n}\nPageHeader.displayName = 'Page.Header';\nPageHeader.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** Changes header appearance to a denser version. Value changes by the state of the scrolled content inside of a \\<Page/>. */\n  minimized: PropTypes.bool,\n  /** Inverts header styles. This property is supplied by \\<Page/> component and reflects whether \\<Page/> has a background image or not. */\n  hasBackgroundImage: PropTypes.bool,\n  /** Controls header skin (light or dark) */\n  skin: PropTypes.oneOf(['light', 'dark']),\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n  /** Adds an empty container above the page title. It accepts any item as a child element, but should be used to pass \\<Breadcrumbs/> component only.<br/>\n  <br/>\n  For any custom enquiries contact the WSR team first.\n  */\n  breadcrumbs: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /** Specifies page title text */\n  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /** Specifies page subtitle text */\n  subtitle: PropTypes.node,\n  /** Specifies whether the back button is visible */\n  showBackButton: PropTypes.bool,\n  /** Defines a callback function which is called every time a back button is clicked */\n  onBackClicked: PropTypes.func,\n  /** Adds an empty container on the right side of a header. Most commonly used to store primary and secondary actions of a page, but can contain any other element, i.e. dropdown selection.<br/>\n  <br/>\n  It receives `minimized` and `hasBackgroundImage` props. */\n  actionsBar: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n};\n\nPageHeader.defaultProps = {\n  minimized: false,\n};\n"],"mappings":"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"}
+{"version":3,"names":["isDarkTheme","hasBackgroundImage","minimized","skin","getBreadcrumbsTheme","getTitle","title","generateDefaultBreadcrumbs","id","value","getBreadcrumbs","breadcrumbs","generateThemedBreadcrumbs","React","cloneElement","theme","PageHeader","PureComponent","constructor","props","_animateComponent","show","useEnterDelay","content","fadeIn","duration","delay","fadeOut","state","themedBreadcrumbs","UNSAFE_componentWillReceiveProps","nextProps","newBreadcrumbs","newTitle","newHasBackgroundImage","newMinimized","newSkin","setState","render","dataHook","onBackClicked","subtitle","actionsBar","showBackButton","className","breadcrumbsExists","_title","isDark","pageHeaderId","context","newColorsBranding","st","classes","root","header","breadcrumbsContainer","withoutBreadcrumbs","dataHooks","titleContainer","titleBackButton","darkTheme","backButton","titleBackButtonIcon","titleColumn","withBreadcrumbs","actionBar","contextType","WixStyleReactEnvironmentContext","displayName","propTypes","PropTypes","string","bool","oneOf","oneOfType","node","func","defaultProps"],"sources":["../../../src/PageHeader/PageHeader.js"],"sourcesContent":["import { st, classes } from './PageHeader.st.css';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport Breadcrumbs from '../Breadcrumbs';\nimport Text from '../Text';\nimport Heading from '../Heading';\nimport IconButton from '../IconButton';\nimport { dataHooks } from './constants';\nimport Transition from '../Transition';\nimport { WixStyleReactContext } from '../WixStyleReactProvider/context';\nimport { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';\n\nconst isDarkTheme = (hasBackgroundImage, minimized, skin) => {\n  switch (skin) {\n    case 'light':\n      return false;\n    case 'dark':\n      return true;\n    default:\n      return hasBackgroundImage && !minimized;\n  }\n};\n\nconst getBreadcrumbsTheme = (hasBackgroundImage, minimized, skin) =>\n  isDarkTheme(hasBackgroundImage, minimized, skin)\n    ? 'onDarkBackground'\n    : 'onGrayBackground';\n\nconst getTitle = (title, minimized) =>\n  typeof title === 'function' ? title(minimized) : title;\n\nconst generateDefaultBreadcrumbs = (\n  title,\n  hasBackgroundImage,\n  minimized,\n  skin,\n) => (\n  <Breadcrumbs\n    items={[{ id: '1', value: getTitle(title, minimized) }]}\n    activeId=\"1\"\n    size=\"medium\"\n    theme={getBreadcrumbsTheme(hasBackgroundImage, minimized, skin)}\n    onClick={() => {}}\n  />\n);\n\nconst getBreadcrumbs = (breadcrumbs, minimized) =>\n  typeof breadcrumbs === 'function' ? breadcrumbs(minimized) : breadcrumbs;\n\nconst generateThemedBreadcrumbs = (\n  breadcrumbs,\n  title,\n  hasBackgroundImage,\n  minimized,\n  skin,\n) => {\n  if (breadcrumbs) {\n    return React.cloneElement(getBreadcrumbs(breadcrumbs, minimized), {\n      theme: getBreadcrumbsTheme(hasBackgroundImage, minimized, skin),\n    });\n  }\n\n  return generateDefaultBreadcrumbs(title, hasBackgroundImage, minimized);\n};\n\n/**\n * A header that sticks at the top of the container which minimizes on scroll\n */\nexport default class PageHeader extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } = props;\n    this.state = {\n      themedBreadcrumbs: generateThemedBreadcrumbs(\n        breadcrumbs,\n        title,\n        hasBackgroundImage,\n        minimized,\n        skin,\n      ),\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } =\n      this.props;\n    const newBreadcrumbs = nextProps.breadcrumbs;\n    const newTitle = nextProps.title;\n    const newHasBackgroundImage = nextProps.hasBackgroundImage;\n    const newMinimized = nextProps.minimized;\n    const newSkin = nextProps.skin;\n\n    if (\n      breadcrumbs !== newBreadcrumbs ||\n      title !== newTitle ||\n      hasBackgroundImage !== newHasBackgroundImage ||\n      minimized !== newMinimized ||\n      skin !== newSkin\n    ) {\n      const themedBreadcrumbs = generateThemedBreadcrumbs(\n        newBreadcrumbs,\n        newTitle,\n        newHasBackgroundImage,\n        newMinimized,\n        skin,\n      );\n      this.setState({ themedBreadcrumbs });\n    }\n  }\n\n  _animateComponent = (show, useEnterDelay, content) => {\n    if (show) {\n      return content;\n    }\n\n    return useEnterDelay ? (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: {\n            duration: 'medium01',\n            delay: 'short',\n          },\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    ) : (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: true,\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      breadcrumbs,\n      onBackClicked,\n      title,\n      subtitle,\n      minimized,\n      skin,\n      actionsBar,\n      showBackButton,\n      hasBackgroundImage,\n      className,\n    } = this.props;\n\n    const breadcrumbsExists = !!breadcrumbs;\n    const { themedBreadcrumbs } = this.state;\n    const _title = getTitle(title, minimized);\n    const isDark = isDarkTheme(hasBackgroundImage, minimized, skin);\n    const { pageHeaderId } = this.context;\n\n    return (\n      <WixStyleReactContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div className={st(classes.root, {}, className)} data-hook={dataHook}>\n            <div className={classes.header}>\n              <div>\n                {this._animateComponent(\n                  breadcrumbsExists || minimized,\n                  !breadcrumbsExists,\n                  <div\n                    className={st(classes.breadcrumbsContainer, {\n                      withoutBreadcrumbs: !breadcrumbsExists,\n                    })}\n                    data-hook={dataHooks.breadcrumbs}\n                  >\n                    {themedBreadcrumbs}\n                  </div>,\n                )}\n              </div>\n              <div className={st(classes.titleContainer, { minimized })}>\n                {showBackButton &&\n                  onBackClicked &&\n                  this._animateComponent(\n                    !minimized,\n                    !breadcrumbsExists,\n                    <IconButton\n                      className={st(classes.titleBackButton, {\n                        darkTheme: isDark,\n                        newColorsBranding,\n                      })}\n                      dataHook={dataHooks.backButton}\n                      onClick={onBackClicked}\n                    >\n                      <ChevronLeft className={classes.titleBackButtonIcon} />\n                    </IconButton>,\n                  )}\n                <div className={classes.titleColumn}>\n                  {title &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <Heading\n                        size=\"extraLarge\"\n                        className={st(classes.title, { newColorsBranding })}\n                        dataHook={dataHooks.title}\n                        ellipsis={typeof _title === 'string'}\n                        light={isDark}\n                        id={pageHeaderId}\n                      >\n                        {_title}\n                      </Heading>,\n                    )}\n                  {subtitle &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <div data-hook={dataHooks.subtitle}>\n                        <Text\n                          ellipsis={typeof subtitle === 'string'}\n                          light={isDark}\n                          secondary={!isDark}\n                          maxLines={2}\n                          maxWidth=\"288px\"\n                        >\n                          {subtitle}\n                        </Text>\n                      </div>,\n                    )}\n                </div>\n              </div>\n            </div>\n            {actionsBar && (\n              <div\n                className={st(classes.actionsBar, {\n                  minimized,\n                  withBreadcrumbs: breadcrumbsExists,\n                })}\n                data-hook={dataHooks.actionBar}\n              >\n                {typeof actionsBar === 'function'\n                  ? actionsBar({ minimized, hasBackgroundImage, skin })\n                  : actionsBar}\n              </div>\n            )}\n          </div>\n        )}\n      </WixStyleReactContext.Consumer>\n    );\n  }\n}\nPageHeader.contextType = WixStyleReactEnvironmentContext;\nPageHeader.displayName = 'Page.Header';\nPageHeader.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** Changes header appearance to a denser version. Value changes by the state of the scrolled content inside of a \\<Page/>. */\n  minimized: PropTypes.bool,\n  /** Inverts header styles. This property is supplied by \\<Page/> component and reflects whether \\<Page/> has a background image or not. */\n  hasBackgroundImage: PropTypes.bool,\n  /** Controls header skin (light or dark) */\n  skin: PropTypes.oneOf(['light', 'dark']),\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n  /** Adds an empty container above the page title. It accepts any item as a child element, but should be used to pass \\<Breadcrumbs/> component only.<br/>\n  <br/>\n  For any custom enquiries contact the WSR team first.\n  */\n  breadcrumbs: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /** Specifies page title text */\n  title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  /** Specifies page subtitle text */\n  subtitle: PropTypes.node,\n  /** Specifies whether the back button is visible */\n  showBackButton: PropTypes.bool,\n  /** Defines a callback function which is called every time a back button is clicked */\n  onBackClicked: PropTypes.func,\n  /** Adds an empty container on the right side of a header. Most commonly used to store primary and secondary actions of a page, but can contain any other element, i.e. dropdown selection.<br/>\n  <br/>\n  It receives `minimized` and `hasBackgroundImage` props. */\n  actionsBar: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n};\n\nPageHeader.defaultProps = {\n  minimized: false,\n};\n"],"mappings":"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"}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_PageHeader";
+var _namespace_ = "wds_1_1_0_PageHeader";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PageHeader__root","header":"wds_1_0_4_PageHeader__header","breadcrumbsContainer":"wds_1_0_4_PageHeader__breadcrumbsContainer","titleContainer":"wds_1_0_4_PageHeader__titleContainer","titleBackButton":"wds_1_0_4_PageHeader__titleBackButton","titleBackButtonIcon":"wds_1_0_4_PageHeader__titleBackButtonIcon","titleColumn":"wds_1_0_4_PageHeader__titleColumn","title":"wds_1_0_4_PageHeader__title","actionsBar":"wds_1_0_4_PageHeader__actionsBar"};
+module.exports.classes = {"root":"wds_1_1_0_PageHeader__root","header":"wds_1_1_0_PageHeader__header","breadcrumbsContainer":"wds_1_1_0_PageHeader__breadcrumbsContainer","titleContainer":"wds_1_1_0_PageHeader__titleContainer","titleBackButton":"wds_1_1_0_PageHeader__titleBackButton","titleBackButtonIcon":"wds_1_1_0_PageHeader__titleBackButtonIcon","titleColumn":"wds_1_1_0_PageHeader__titleColumn","title":"wds_1_1_0_PageHeader__title","actionsBar":"wds_1_1_0_PageHeader__actionsBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_PageSection";
+var _namespace_ = "wds_1_1_0_PageSection";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PageSection__root","content":"wds_1_0_4_PageSection__content","titleColumn":"wds_1_0_4_PageSection__titleColumn","actionsBar":"wds_1_0_4_PageSection__actionsBar","divider":"wds_1_0_4_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_1_0_PageSection__root","content":"wds_1_1_0_PageSection__content","titleColumn":"wds_1_1_0_PageSection__titleColumn","actionsBar":"wds_1_1_0_PageSection__actionsBar","divider":"wds_1_1_0_PageSection__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Pagination";
+var _namespace_ = "wds_1_1_0_Pagination";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Pagination__root","text-small-thin":"wds_1_0_4_StylableTypography__text-small-thin","button-common-mixin":"wds_1_0_4_Pagination__button-common-mixin","pagination":"wds_1_0_4_Pagination__pagination","arrow":"wds_1_0_4_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_1_0_Pagination__root","text-small-thin":"wds_1_1_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_1_0_Pagination__button-common-mixin","pagination":"wds_1_1_0_Pagination__pagination","arrow":"wds_1_1_0_Pagination__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_4_PaginationCore";
+var _namespace_ = "wds_1_1_0_PaginationCore";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PaginationCore__root","button-common-mixin":"wds_1_0_4_PaginationCore__button-common-mixin","navButton":"wds_1_0_4_PaginationCore__navButton","emptyButton":"wds_1_0_4_PaginationCore__emptyButton","navButtonFirst":"wds_1_0_4_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_0_4_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_0_4_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_0_4_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_0_4_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_0_4_PaginationCore__navButtonLast","pageStrip":"wds_1_0_4_PaginationCore__pageStrip","pageStripInner":"wds_1_0_4_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_0_4_PaginationCore__pageStripTemplate","pageButton":"wds_1_0_4_PaginationCore__pageButton","currentPage":"wds_1_0_4_PaginationCore__currentPage","gap":"wds_1_0_4_PaginationCore__gap","pageForm":"wds_1_0_4_PaginationCore__pageForm","compact":"wds_1_0_4_PaginationCore__compact wds_1_0_4_PaginationCore__pageForm","pageInput":"wds_1_0_4_PaginationCore__pageInput","totalPages":"wds_1_0_4_PaginationCore__totalPages","slash":"wds_1_0_4_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_1_0_PaginationCore__root","button-common-mixin":"wds_1_1_0_PaginationCore__button-common-mixin","navButton":"wds_1_1_0_PaginationCore__navButton","emptyButton":"wds_1_1_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_1_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_1_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_1_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_1_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_1_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_1_0_PaginationCore__navButtonLast","pageStrip":"wds_1_1_0_PaginationCore__pageStrip","pageStripInner":"wds_1_1_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_1_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_1_0_PaginationCore__pageButton","currentPage":"wds_1_1_0_PaginationCore__currentPage","gap":"wds_1_1_0_PaginationCore__gap","pageForm":"wds_1_1_0_PaginationCore__pageForm","compact":"wds_1_1_0_PaginationCore__compact wds_1_1_0_PaginationCore__pageForm","pageInput":"wds_1_1_0_PaginationCore__pageInput","totalPages":"wds_1_1_0_PaginationCore__totalPages","slash":"wds_1_1_0_PaginationCore__slash"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCoreTest.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_0_4_PaginationCoreTest";
+var _namespace_ = "wds_1_1_0_PaginationCoreTest";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PaginationCoreTest__root","button-common-mixin":"wds_1_0_4_PaginationCoreTest__button-common-mixin","disabled":"wds_1_0_4_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_1_0_PaginationCoreTest__root","button-common-mixin":"wds_1_1_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_1_0_PaginationCoreTest__disabled"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Palette";
+var _namespace_ = "wds_1_1_0_Palette";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Palette__root","fillPreview":"wds_1_0_4_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_1_0_Palette__root","fillPreview":"wds_1_1_0_Palette__fillPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Popover";
+var _namespace_ = "wds_1_1_0_Popover";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Popover__root","content":"wds_1_0_4_Popover__content","arrow":"wds_1_0_4_Popover__arrow","element":"wds_1_0_4_Popover__element","animationEnter":"wds_1_0_4_Popover__animationEnter","animationEnterActive":"wds_1_0_4_Popover__animationEnterActive","animationExit":"wds_1_0_4_Popover__animationExit","animationExitActive":"wds_1_0_4_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_1_0_Popover__root","content":"wds_1_1_0_Popover__content","arrow":"wds_1_1_0_Popover__arrow","element":"wds_1_1_0_Popover__element","animationEnter":"wds_1_1_0_Popover__animationEnter","animationEnterActive":"wds_1_1_0_Popover__animationEnterActive","animationExit":"wds_1_1_0_Popover__animationExit","animationExitActive":"wds_1_1_0_Popover__animationExitActive"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_PopoverMenu";
+var _namespace_ = "wds_1_1_0_PopoverMenu";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PopoverMenu__root","listItem":"wds_1_0_4_PopoverMenu__listItem"};
+module.exports.classes = {"root":"wds_1_1_0_PopoverMenu__root","listItem":"wds_1_1_0_PopoverMenu__listItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_PreviewWidget";
+var _namespace_ = "wds_1_1_0_PreviewWidget";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PreviewWidget__root","contentArea":"wds_1_0_4_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_1_0_PreviewWidget__root","contentArea":"wds_1_1_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Proportion";
+var _namespace_ = "wds_1_1_0_Proportion";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Proportion__root","ratioHolder":"wds_1_0_4_Proportion__ratioHolder","contentWrapper":"wds_1_0_4_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_1_0_Proportion__root","ratioHolder":"wds_1_1_0_Proportion__ratioHolder","contentWrapper":"wds_1_1_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_PulseAnimation";
+var _namespace_ = "wds_1_1_0_PulseAnimation";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_0_4_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_0_4_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_0_4_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_0_4_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_0_4_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_0_4_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_0_4_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_0_4_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_1_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_1_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_1_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_1_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_1_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_1_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_1_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_1_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_1_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"}; 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_RadarChart";
+var _namespace_ = "wds_1_1_0_RadarChart";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_RadarChart__root","text-tiny-thin":"wds_1_0_4_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_0_4_StylableTypography__text-small-thin","axis":"wds_1_0_4_RadarChart__axis","axisLabel":"wds_1_0_4_RadarChart__axisLabel","circles":"wds_1_0_4_RadarChart__circles","scaleLabel":"wds_1_0_4_RadarChart__scaleLabel","dataPoint":"wds_1_0_4_RadarChart__dataPoint","tooltip":"wds_1_0_4_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_1_0_RadarChart__root","text-tiny-thin":"wds_1_1_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_1_0_StylableTypography__text-small-thin","axis":"wds_1_1_0_RadarChart__axis","axisLabel":"wds_1_1_0_RadarChart__axisLabel","circles":"wds_1_1_0_RadarChart__circles","scaleLabel":"wds_1_1_0_RadarChart__scaleLabel","dataPoint":"wds_1_1_0_RadarChart__dataPoint","tooltip":"wds_1_1_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Radio";
+var _namespace_ = "wds_1_1_0_Radio";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Radio__root","input":"wds_1_0_4_Radio__input","icon":"wds_1_0_4_Radio__icon","label":"wds_1_0_4_Radio__label"};
+module.exports.classes = {"root":"wds_1_1_0_Radio__root","input":"wds_1_1_0_Radio__input","icon":"wds_1_1_0_Radio__icon","label":"wds_1_1_0_Radio__label"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_RadioGroup";
+var _namespace_ = "wds_1_1_0_RadioGroup";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_RadioGroup__root","radio":"wds_1_0_4_RadioGroup__radio","radioContainer":"wds_1_0_4_RadioGroup__radioContainer","optionContainer":"wds_1_0_4_RadioGroup__optionContainer","content":"wds_1_0_4_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_1_0_RadioGroup__root","radio":"wds_1_1_0_RadioGroup__radio","radioContainer":"wds_1_1_0_RadioGroup__radioContainer","optionContainer":"wds_1_1_0_RadioGroup__optionContainer","content":"wds_1_1_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_0_4_Range";
+var _namespace_ = "wds_1_1_0_Range";
 var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = /*#__PURE__*/ _style_;
 module.exports.st = /*#__PURE__*/ _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_0_4_Range__root","firstinput":"wds_1_0_4_Range__firstinput","firstDate":"wds_1_0_4_Range__firstDate","lastinput":"wds_1_0_4_Range__lastinput","lastDate":"wds_1_0_4_Range__lastDate","label":"wds_1_0_4_Range__label","inputWrapper":"wds_1_0_4_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_1_0_Range__root","firstinput":"wds_1_1_0_Range__firstinput","firstDate":"wds_1_1_0_Range__firstDate","lastinput":"wds_1_1_0_Range__lastinput","lastDate":"wds_1_1_0_Range__lastDate","label":"wds_1_1_0_Range__label","inputWrapper":"wds_1_1_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};