@wix/design-system 1.143.1 → 1.144.0

package/dist/cjs/SkeletonCircle/SkeletonCircle.js

@@ -7,9 +7,9 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SkeletonCircleSt = require("./SkeletonCircle.st.css.js");
 var _constants = require("./constants");
-var _constants2 = require("../SkeletonGroup/constants");
+var _SkeletonGroup = require("../SkeletonGroup/SkeletonGroup.constants");
 var _Box = _interopRequireDefault(require("../Box"));
-var _SkeletonGroup = require("../SkeletonGroup");
+var _SkeletonGroup2 = require("../SkeletonGroup");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SkeletonCircle/SkeletonCircle.js";
 /** SkeletonCircle */
 class SkeletonCircle extends _react.default.PureComponent {
@@ -24,7 +24,7 @@ class SkeletonCircle extends _react.default.PureComponent {
       marginTop,
       marginBottom
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_SkeletonGroup.SkeletonGroupContext.Consumer, {
+    return /*#__PURE__*/_react.default.createElement(_SkeletonGroup2.SkeletonGroupContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -32,7 +32,7 @@ class SkeletonCircle extends _react.default.PureComponent {
         columnNumber: 7
       }
     }, context => {
-      var skin = context && context.skin || _constants2.DEFAULT_SKIN;
+      var skin = context && context.skin || _SkeletonGroup.DEFAULT_SKIN;
       return /*#__PURE__*/_react.default.createElement("div", {
         "data-hook": dataHook,
         className: className,
@@ -52,7 +52,7 @@ class SkeletonCircle extends _react.default.PureComponent {
         marginRight: marginRight,
         marginTop: marginTop,
         marginBottom: marginBottom,
-        backgroundColor: _constants2.SKIN_COLOR[skin],
+        backgroundColor: _SkeletonGroup.SKIN_COLOR[skin],
         className: (0, _SkeletonCircleSt.st)(_SkeletonCircleSt.classes.root, {
           skin
         }),

package/dist/cjs/SkeletonCircle/SkeletonCircle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonCircleSt","_constants","_constants2","_Box","_SkeletonGroup","_jsxFileName","SkeletonCircle","React","PureComponent","render","dataHook","className","diameter","margin","marginLeft","marginRight","marginTop","marginBottom","props","default","createElement","SkeletonGroupContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","context","skin","DEFAULT_SKIN","width","height","backgroundColor","SKIN_COLOR","st","classes","root","displayName","propTypes","PropTypes","string","oneOfType","number","defaultProps","DEFAULT_DIAMETER","_default","exports"],"sources":["../../../src/SkeletonCircle/SkeletonCircle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SkeletonCircle.st.css';\nimport { DEFAULT_DIAMETER } from './constants';\nimport { DEFAULT_SKIN, SKIN_COLOR } from '../SkeletonGroup/constants';\nimport Box from '../Box';\nimport { SkeletonGroupContext } from '../SkeletonGroup';\n\n/** SkeletonCircle */\nclass SkeletonCircle extends React.PureComponent {\n  render() {\n    const {\n      dataHook,\n      className,\n      diameter,\n      margin,\n      marginLeft,\n      marginRight,\n      marginTop,\n      marginBottom,\n    } = this.props;\n\n    return (\n      <SkeletonGroupContext.Consumer>\n        {context => {\n          const skin = (context && context.skin) || DEFAULT_SKIN;\n          return (\n            <div\n              data-hook={dataHook}\n              className={className}\n              data-diameter={diameter}\n              data-skin={skin}\n            >\n              <Box\n                width={diameter}\n                height={diameter}\n                margin={margin}\n                marginLeft={marginLeft}\n                marginRight={marginRight}\n                marginTop={marginTop}\n                marginBottom={marginBottom}\n                backgroundColor={SKIN_COLOR[skin]}\n                className={st(classes.root, { skin })}\n              />\n            </div>\n          );\n        }}\n      </SkeletonGroupContext.Consumer>\n    );\n  }\n}\n\nSkeletonCircle.displayName = 'SkeletonCircle';\n\nSkeletonCircle.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Sets the diameter of the box (pixels) */\n  diameter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on all sides.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  margin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the top.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the right.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the bottom.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the left.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSkeletonCircle.defaultProps = { diameter: DEFAULT_DIAMETER };\n\nexport default SkeletonCircle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonCircleSt","_constants","_SkeletonGroup","_Box","_SkeletonGroup2","_jsxFileName","SkeletonCircle","React","PureComponent","render","dataHook","className","diameter","margin","marginLeft","marginRight","marginTop","marginBottom","props","default","createElement","SkeletonGroupContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","context","skin","DEFAULT_SKIN","width","height","backgroundColor","SKIN_COLOR","st","classes","root","displayName","propTypes","PropTypes","string","oneOfType","number","defaultProps","DEFAULT_DIAMETER","_default","exports"],"sources":["../../../src/SkeletonCircle/SkeletonCircle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SkeletonCircle.st.css';\nimport { DEFAULT_DIAMETER } from './constants';\nimport { DEFAULT_SKIN, SKIN_COLOR } from '../SkeletonGroup/SkeletonGroup.constants';\nimport Box from '../Box';\nimport { SkeletonGroupContext } from '../SkeletonGroup';\n\n/** SkeletonCircle */\nclass SkeletonCircle extends React.PureComponent {\n  render() {\n    const {\n      dataHook,\n      className,\n      diameter,\n      margin,\n      marginLeft,\n      marginRight,\n      marginTop,\n      marginBottom,\n    } = this.props;\n\n    return (\n      <SkeletonGroupContext.Consumer>\n        {context => {\n          const skin = (context && context.skin) || DEFAULT_SKIN;\n          return (\n            <div\n              data-hook={dataHook}\n              className={className}\n              data-diameter={diameter}\n              data-skin={skin}\n            >\n              <Box\n                width={diameter}\n                height={diameter}\n                margin={margin}\n                marginLeft={marginLeft}\n                marginRight={marginRight}\n                marginTop={marginTop}\n                marginBottom={marginBottom}\n                backgroundColor={SKIN_COLOR[skin]}\n                className={st(classes.root, { skin })}\n              />\n            </div>\n          );\n        }}\n      </SkeletonGroupContext.Consumer>\n    );\n  }\n}\n\nSkeletonCircle.displayName = 'SkeletonCircle';\n\nSkeletonCircle.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Sets the diameter of the box (pixels) */\n  diameter: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on all sides.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  margin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the top.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the right.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the bottom.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the left.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSkeletonCircle.defaultProps = { diameter: DEFAULT_DIAMETER };\n\nexport default SkeletonCircle;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_SkeletonCircle";
+var _namespace_ = "wds_1_144_0_SkeletonCircle";
 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_143_1_SkeletonCircle__root"};
+module.exports.classes = {"root":"wds_1_144_0_SkeletonCircle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SkeletonGroup/{constants.js → SkeletonGroup.constants.js}

@@ -7,4 +7,4 @@ var SKIN_COLOR = exports.SKIN_COLOR = {
   light: 'D40-20',
   dark: 'D80-20'
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=SkeletonGroup.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_SKIN","exports","SKIN_COLOR","light","dark"],"sources":["../../../src/SkeletonGroup/SkeletonGroup.constants.ts"],"sourcesContent":["export const DEFAULT_SKIN = 'light';\n\nexport const SKIN_COLOR = {\n  light: 'D40-20',\n  dark: 'D80-20',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,OAAO;AAE5B,IAAME,UAAU,GAAAD,OAAA,CAAAC,UAAA,GAAG;EACxBC,KAAK,EAAE,QAAQ;EACfC,IAAI,EAAE;AACR,CAAU","ignoreList":[]}

package/dist/cjs/SkeletonGroup/SkeletonGroup.js

@@ -7,67 +7,55 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SkeletonGroupSt = require("./SkeletonGroup.st.css.js");
 var _SkeletonGroupAPI = require("./SkeletonGroupAPI");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SkeletonGroup/SkeletonGroup.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SkeletonGroup/SkeletonGroup.tsx";
 /** SkeletonGroup */
-class SkeletonGroup extends _react.default.PureComponent {
-  render() {
-    var {
-      dataHook,
-      className,
-      skin,
-      children,
-      backgroundColor
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": dataHook,
-      className: (0, _SkeletonGroupSt.st)(_SkeletonGroupSt.classes.root, className),
-      style: {
-        [_SkeletonGroupSt.vars['color']]: backgroundColor
-      },
-      "data-status": "loading",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 11,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_SkeletonGroupAPI.SkeletonGroupContext.Provider, {
-      value: {
-        skin
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 19,
-        columnNumber: 9
-      }
-    }, children), /*#__PURE__*/_react.default.createElement("div", {
-      className: _SkeletonGroupSt.classes.animator,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 22,
-        columnNumber: 9
-      }
-    }));
-  }
+function SkeletonGroup(_ref) {
+  var {
+    dataHook,
+    className,
+    skin = 'light',
+    children,
+    backgroundColor
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    className: (0, _SkeletonGroupSt.st)(_SkeletonGroupSt.classes.root, className),
+    style: {
+      [_SkeletonGroupSt.vars['color']]: backgroundColor
+    },
+    "data-status": "loading",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_SkeletonGroupAPI.SkeletonGroupContext.Provider, {
+    value: {
+      skin
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 7
+    }
+  }, children), /*#__PURE__*/_react.default.createElement("div", {
+    className: _SkeletonGroupSt.classes.animator,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 7
+    }
+  }));
 }
 SkeletonGroup.displayName = 'SkeletonGroup';
 SkeletonGroup.propTypes = {
-  /** Applied as data-hook HTML attribute that can be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
-
   className: _propTypes.default.string,
-  /** Effects the color of the Skeleton */
   skin: _propTypes.default.oneOf(['dark', 'light']),
-  /** The background on which the skeleton is rendered */
   backgroundColor: _propTypes.default.string
 };
-SkeletonGroup.defaultProps = {
-  skin: 'light'
-};
 var _default = exports.default = SkeletonGroup;
 //# sourceMappingURL=SkeletonGroup.js.map

package/dist/cjs/SkeletonGroup/SkeletonGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonGroupSt","_SkeletonGroupAPI","_jsxFileName","SkeletonGroup","React","PureComponent","render","dataHook","className","skin","children","backgroundColor","props","default","createElement","st","classes","root","style","vars","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroupContext","Provider","value","animator","displayName","propTypes","PropTypes","string","oneOf","defaultProps","_default","exports"],"sources":["../../../src/SkeletonGroup/SkeletonGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes, vars } from './SkeletonGroup.st.css';\nimport { SkeletonGroupContext } from './SkeletonGroupAPI';\n\n/** SkeletonGroup */\nclass SkeletonGroup extends React.PureComponent {\n  render() {\n    const { dataHook, className, skin, children, backgroundColor } = this.props;\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(classes.root, className)}\n        style={{\n          [vars['color']]: backgroundColor,\n        }}\n        data-status=\"loading\"\n      >\n        <SkeletonGroupContext.Provider value={{ skin }}>\n          {children}\n        </SkeletonGroupContext.Provider>\n        <div className={classes.animator} />\n      </div>\n    );\n  }\n}\n\nSkeletonGroup.displayName = 'SkeletonGroup';\n\nSkeletonGroup.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Effects the color of the Skeleton */\n  skin: PropTypes.oneOf(['dark', 'light']),\n\n  /** The background on which the skeleton is rendered */\n  backgroundColor: PropTypes.string,\n};\n\nSkeletonGroup.defaultProps = { skin: 'light' };\n\nexport default SkeletonGroup;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA0D,IAAAI,YAAA;AAE1D;AACA,MAAMC,aAAa,SAASC,cAAK,CAACC,aAAa,CAAC;EAC9CC,MAAMA,CAAA,EAAG;IACP,IAAM;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,IAAI;MAAEC,QAAQ;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAACC,KAAK;IAC3E,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA;MACE,aAAWP,QAAS;MACpBC,SAAS,EAAE,IAAAO,mBAAE,EAACC,wBAAO,CAACC,IAAI,EAAET,SAAS,CAAE;MACvCU,KAAK,EAAE;QACL,CAACC,qBAAI,CAAC,OAAO,CAAC,GAAGR;MACnB,CAAE;MACF,eAAY,SAAS;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErB5B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAAwB,oBAAoB,CAACC,QAAQ;MAACC,KAAK,EAAE;QAAElB;MAAK,CAAE;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC5Cd,QAC4B,CAAC,eAChCd,MAAA,CAAAiB,OAAA,CAAAC,aAAA;MAAKN,SAAS,EAAEQ,wBAAO,CAACY,QAAS;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChC,CAAC;EAEV;AACF;AAEArB,aAAa,CAAC0B,WAAW,GAAG,eAAe;AAE3C1B,aAAa,CAAC2B,SAAS,GAAG;EACxB;EACAvB,QAAQ,EAAEwB,kBAAS,CAACC,MAAM;EAE1B;AACF;AACA;;EAEExB,SAAS,EAAEuB,kBAAS,CAACC,MAAM;EAE3B;EACAvB,IAAI,EAAEsB,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAExC;EACAtB,eAAe,EAAEoB,kBAAS,CAACC;AAC7B,CAAC;AAED7B,aAAa,CAAC+B,YAAY,GAAG;EAAEzB,IAAI,EAAE;AAAQ,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEhCV,aAAa","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonGroupSt","_SkeletonGroupAPI","_jsxFileName","SkeletonGroup","_ref","dataHook","className","skin","children","backgroundColor","default","createElement","st","classes","root","style","vars","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroupContext","Provider","value","animator","displayName","propTypes","PropTypes","string","oneOf","_default","exports"],"sources":["../../../src/SkeletonGroup/SkeletonGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { SkeletonGroupProps } from './SkeletonGroup.types';\nimport { st, classes, vars } from './SkeletonGroup.st.css';\nimport { SkeletonGroupContext } from './SkeletonGroupAPI';\n\n/** SkeletonGroup */\nfunction SkeletonGroup({\n  dataHook,\n  className,\n  skin = 'light',\n  children,\n  backgroundColor,\n}: SkeletonGroupProps) {\n  return (\n    <div\n      data-hook={dataHook}\n      className={st(classes.root, className)}\n      style={{\n        [vars['color']]: backgroundColor,\n      }}\n      data-status=\"loading\"\n    >\n      <SkeletonGroupContext.Provider value={{ skin }}>\n        {children}\n      </SkeletonGroupContext.Provider>\n      <div className={classes.animator} />\n    </div>\n  );\n}\n\nSkeletonGroup.displayName = 'SkeletonGroup';\n\nSkeletonGroup.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  skin: PropTypes.oneOf(['dark', 'light']),\n  backgroundColor: PropTypes.string,\n};\n\nexport default SkeletonGroup;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA0D,IAAAI,YAAA;AAE1D;AACA,SAASC,aAAaA,CAAAC,IAAA,EAMC;EAAA,IANA;IACrBC,QAAQ;IACRC,SAAS;IACTC,IAAI,GAAG,OAAO;IACdC,QAAQ;IACRC;EACkB,CAAC,GAAAL,IAAA;EACnB,oBACER,MAAA,CAAAc,OAAA,CAAAC,aAAA;IACE,aAAWN,QAAS;IACpBC,SAAS,EAAE,IAAAM,mBAAE,EAACC,wBAAO,CAACC,IAAI,EAAER,SAAS,CAAE;IACvCS,KAAK,EAAE;MACL,CAACC,qBAAI,CAAC,OAAO,CAAC,GAAGP;IACnB,CAAE;IACF,eAAY,SAAS;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErBzB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAAqB,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEjB;IAAK,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5Cb,QAC4B,CAAC,eAChCZ,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKL,SAAS,EAAEO,wBAAO,CAACY,QAAS;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAChC,CAAC;AAEV;AAEAlB,aAAa,CAACuB,WAAW,GAAG,eAAe;AAE3CvB,aAAa,CAACwB,SAAS,GAAG;EACxBtB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM;EAC1BvB,SAAS,EAAEsB,kBAAS,CAACC,MAAM;EAC3BtB,IAAI,EAAEqB,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EACxCrB,eAAe,EAAEmB,kBAAS,CAACC;AAC7B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEaP,aAAa","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_SkeletonGroup";
+var _namespace_ = "wds_1_144_0_SkeletonGroup";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_1_SkeletonGroup__root","animator":"wds_1_143_1_SkeletonGroup__animator"};
-module.exports.keyframes = {"wave":"wds_1_143_1_SkeletonGroup__wave"}; 
+module.exports.classes = {"root":"wds_1_144_0_SkeletonGroup__root","animator":"wds_1_144_0_SkeletonGroup__animator"};
+module.exports.keyframes = {"wave":"wds_1_144_0_SkeletonGroup__wave"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"color":"--wds_1_143_1_SkeletonGroup-color"}; 
+module.exports.vars = {"color":"--wds_1_144_0_SkeletonGroup-color"}; 
 
 
 

package/dist/cjs/SkeletonGroup/SkeletonGroup.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/SkeletonGroup/SkeletonGroup.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type SkeletonGroupSkin = 'dark' | 'light';\nexport interface SkeletonGroupProps {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  children?: ReactNode;\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Effects the color of the Skeleton */\n  skin?: SkeletonGroupSkin;\n  /** The background on which the skeleton is rendered */\n  backgroundColor?: string;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -7,8 +7,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _unidriver = require("../utils/test-utils/unidriver");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var skeletonGroupDriverFactory = (base, body) => {
-  return _objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base, body));
+var skeletonGroupDriverFactory = base => {
+  return _objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base));
 };
 exports.skeletonGroupDriverFactory = skeletonGroupDriverFactory;
 //# sourceMappingURL=SkeletonGroup.uni.driver.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","skeletonGroupDriverFactory","base","body","baseUniDriverFactory","exports"],"sources":["../../../src/SkeletonGroup/SkeletonGroup.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\n\nexport const skeletonGroupDriverFactory = (base, body) => {\n  return {\n    ...baseUniDriverFactory(base, body),\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAqE,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE9D,IAAMqB,0BAA0B,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EACxD,OAAAX,aAAA,KACK,IAAAY,+BAAoB,EAACF,IAAI,EAAEC,IAAI,CAAC;AAEvC,CAAC;AAACE,OAAA,CAAAJ,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","skeletonGroupDriverFactory","base","baseUniDriverFactory","exports"],"sources":["../../../src/SkeletonGroup/SkeletonGroup.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { baseUniDriverFactory } from '../utils/test-utils/unidriver';\n\nexport type SkeletonGroupUniDriver = ReturnType<\n  typeof skeletonGroupDriverFactory\n>;\n\nexport const skeletonGroupDriverFactory = (base: UniDriver) => {\n  return {\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAAqE,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAM9D,IAAMqB,0BAA0B,GAAIC,IAAe,IAAK;EAC7D,OAAAV,aAAA,KACK,IAAAW,+BAAoB,EAACD,IAAI,CAAC;AAEjC,CAAC;AAACE,OAAA,CAAAH,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/SkeletonGroup/SkeletonGroupAPI.js

@@ -4,5 +4,5 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.SkeletonGroupContext = void 0;
 var _react = _interopRequireDefault(require("react"));
-var SkeletonGroupContext = exports.SkeletonGroupContext = /*#__PURE__*/_react.default.createContext();
+var SkeletonGroupContext = exports.SkeletonGroupContext = /*#__PURE__*/_react.default.createContext(undefined);
 //# sourceMappingURL=SkeletonGroupAPI.js.map

package/dist/cjs/SkeletonGroup/SkeletonGroupAPI.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","SkeletonGroupContext","exports","React","createContext"],"sources":["../../../src/SkeletonGroup/SkeletonGroupAPI.js"],"sourcesContent":["import React from 'react';\n\nexport const SkeletonGroupContext = React.createContext();\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","SkeletonGroupContext","exports","React","createContext","undefined"],"sources":["../../../src/SkeletonGroup/SkeletonGroupAPI.ts"],"sourcesContent":["import React from 'react';\nimport { SkeletonGroupSkin } from './SkeletonGroup.types';\n\nexport const SkeletonGroupContext = React.createContext<\n  undefined | { skin?: SkeletonGroupSkin | undefined }\n>(undefined);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGO,IAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAGE,cAAK,CAACC,aAAa,CAErDC,SAAS,CAAC","ignoreList":[]}

package/dist/cjs/SkeletonGroup/index.js

@@ -2,9 +2,19 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+var _exportNames = {
+  SkeletonGroupContext: true
+};
 exports.default = exports.SkeletonGroupContext = void 0;
-var _SkeletonGroup = _interopRequireDefault(require("./SkeletonGroup.js"));
+var _SkeletonGroup = _interopRequireDefault(require("./SkeletonGroup"));
 exports.default = _SkeletonGroup.default;
+var _SkeletonGroup2 = require("./SkeletonGroup.types");
+Object.keys(_SkeletonGroup2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SkeletonGroup2[key]) return;
+  exports[key] = _SkeletonGroup2[key];
+});
 var _SkeletonGroupAPI = require("./SkeletonGroupAPI");
 exports.SkeletonGroupContext = _SkeletonGroupAPI.SkeletonGroupContext;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_SkeletonGroup","_interopRequireDefault","require","exports","default","_SkeletonGroupAPI","SkeletonGroupContext"],"sources":["../../../src/SkeletonGroup/index.js"],"sourcesContent":["export { default } from './SkeletonGroup.js';\n\nexport { SkeletonGroupContext } from './SkeletonGroupAPI';\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6CC,OAAA,CAAAC,OAAA,GAAAJ,cAAA,CAAAI,OAAA;AAE7C,IAAAC,iBAAA,GAAAH,OAAA;AAA0DC,OAAA,CAAAG,oBAAA,GAAAD,iBAAA,CAAAC,oBAAA","ignoreList":[]}
+{"version":3,"names":["_SkeletonGroup","_interopRequireDefault","require","exports","default","_SkeletonGroup2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","_SkeletonGroupAPI","SkeletonGroupContext"],"sources":["../../../src/SkeletonGroup/index.ts"],"sourcesContent":["export { default } from './SkeletonGroup';\nexport * from './SkeletonGroup.types';\n\nexport { SkeletonGroupContext } from './SkeletonGroupAPI';\n"],"mappings":";;;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0CC,OAAA,CAAAC,OAAA,GAAAJ,cAAA,CAAAI,OAAA;AAC1C,IAAAC,eAAA,GAAAH,OAAA;AAAAI,MAAA,CAAAC,IAAA,CAAAF,eAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAN,OAAA,IAAAA,OAAA,CAAAM,GAAA,MAAAJ,eAAA,CAAAI,GAAA;EAAAN,OAAA,CAAAM,GAAA,IAAAJ,eAAA,CAAAI,GAAA;AAAA;AAEA,IAAAK,iBAAA,GAAAZ,OAAA;AAA0DC,OAAA,CAAAY,oBAAA,GAAAD,iBAAA,CAAAC,oBAAA","ignoreList":[]}

package/dist/cjs/SkeletonLine/SkeletonLine.js

@@ -7,9 +7,9 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SkeletonLineSt = require("./SkeletonLine.st.css.js");
 var _constants = require("./constants");
-var _constants2 = require("../SkeletonGroup/constants");
+var _SkeletonGroup = require("../SkeletonGroup/SkeletonGroup.constants");
 var _Box = _interopRequireDefault(require("../Box"));
-var _SkeletonGroup = require("../SkeletonGroup");
+var _SkeletonGroup2 = require("../SkeletonGroup");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SkeletonLine/SkeletonLine.js";
 /** SkeletonLine */
 class SkeletonLine extends _react.default.PureComponent {
@@ -24,7 +24,7 @@ class SkeletonLine extends _react.default.PureComponent {
       marginTop,
       marginBottom
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_SkeletonGroup.SkeletonGroupContext.Consumer, {
+    return /*#__PURE__*/_react.default.createElement(_SkeletonGroup2.SkeletonGroupContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -32,7 +32,7 @@ class SkeletonLine extends _react.default.PureComponent {
         columnNumber: 7
       }
     }, context => {
-      var skin = context && context.skin || _constants2.DEFAULT_SKIN;
+      var skin = context && context.skin || _SkeletonGroup.DEFAULT_SKIN;
       return /*#__PURE__*/_react.default.createElement("div", {
         "data-hook": dataHook,
         className: className,
@@ -52,7 +52,7 @@ class SkeletonLine extends _react.default.PureComponent {
         marginRight: marginRight,
         marginTop: marginTop,
         marginBottom: marginBottom,
-        backgroundColor: _constants2.SKIN_COLOR[skin],
+        backgroundColor: _SkeletonGroup.SKIN_COLOR[skin],
         className: (0, _SkeletonLineSt.st)(_SkeletonLineSt.classes.root, {
           skin
         }),

package/dist/cjs/SkeletonLine/SkeletonLine.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonLineSt","_constants","_constants2","_Box","_SkeletonGroup","_jsxFileName","SkeletonLine","React","PureComponent","render","dataHook","className","width","margin","marginLeft","marginRight","marginTop","marginBottom","props","default","createElement","SkeletonGroupContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","context","skin","DEFAULT_SKIN","height","HEIGHT","backgroundColor","SKIN_COLOR","st","classes","root","displayName","propTypes","PropTypes","string","oneOfType","number","defaultProps","DEFAULT_WIDTH","_default","exports"],"sources":["../../../src/SkeletonLine/SkeletonLine.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SkeletonLine.st.css';\nimport { DEFAULT_WIDTH, HEIGHT } from './constants';\nimport { DEFAULT_SKIN, SKIN_COLOR } from '../SkeletonGroup/constants';\nimport Box from '../Box';\nimport { SkeletonGroupContext } from '../SkeletonGroup';\n\n/** SkeletonLine */\nclass SkeletonLine extends React.PureComponent {\n  render() {\n    const {\n      dataHook,\n      className,\n      width,\n      margin,\n      marginLeft,\n      marginRight,\n      marginTop,\n      marginBottom,\n    } = this.props;\n\n    return (\n      <SkeletonGroupContext.Consumer>\n        {context => {\n          const skin = (context && context.skin) || DEFAULT_SKIN;\n          return (\n            <div\n              data-hook={dataHook}\n              className={className}\n              data-width={width}\n              data-skin={skin}\n            >\n              <Box\n                height={HEIGHT}\n                width={width}\n                margin={margin}\n                marginLeft={marginLeft}\n                marginRight={marginRight}\n                marginTop={marginTop}\n                marginBottom={marginBottom}\n                backgroundColor={SKIN_COLOR[skin]}\n                className={st(classes.root, { skin })}\n              />\n            </div>\n          );\n        }}\n      </SkeletonGroupContext.Consumer>\n    );\n  }\n}\n\nSkeletonLine.displayName = 'SkeletonLine';\n\nSkeletonLine.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Sets the width of the box (pixels) */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on all sides.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  margin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the top.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the right.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the bottom.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the left.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSkeletonLine.defaultProps = {\n  width: DEFAULT_WIDTH,\n};\n\nexport default SkeletonLine;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonLineSt","_constants","_SkeletonGroup","_Box","_SkeletonGroup2","_jsxFileName","SkeletonLine","React","PureComponent","render","dataHook","className","width","margin","marginLeft","marginRight","marginTop","marginBottom","props","default","createElement","SkeletonGroupContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","context","skin","DEFAULT_SKIN","height","HEIGHT","backgroundColor","SKIN_COLOR","st","classes","root","displayName","propTypes","PropTypes","string","oneOfType","number","defaultProps","DEFAULT_WIDTH","_default","exports"],"sources":["../../../src/SkeletonLine/SkeletonLine.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SkeletonLine.st.css';\nimport { DEFAULT_WIDTH, HEIGHT } from './constants';\nimport { DEFAULT_SKIN, SKIN_COLOR } from '../SkeletonGroup/SkeletonGroup.constants';\nimport Box from '../Box';\nimport { SkeletonGroupContext } from '../SkeletonGroup';\n\n/** SkeletonLine */\nclass SkeletonLine extends React.PureComponent {\n  render() {\n    const {\n      dataHook,\n      className,\n      width,\n      margin,\n      marginLeft,\n      marginRight,\n      marginTop,\n      marginBottom,\n    } = this.props;\n\n    return (\n      <SkeletonGroupContext.Consumer>\n        {context => {\n          const skin = (context && context.skin) || DEFAULT_SKIN;\n          return (\n            <div\n              data-hook={dataHook}\n              className={className}\n              data-width={width}\n              data-skin={skin}\n            >\n              <Box\n                height={HEIGHT}\n                width={width}\n                margin={margin}\n                marginLeft={marginLeft}\n                marginRight={marginRight}\n                marginTop={marginTop}\n                marginBottom={marginBottom}\n                backgroundColor={SKIN_COLOR[skin]}\n                className={st(classes.root, { skin })}\n              />\n            </div>\n          );\n        }}\n      </SkeletonGroupContext.Consumer>\n    );\n  }\n}\n\nSkeletonLine.displayName = 'SkeletonLine';\n\nSkeletonLine.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Sets the width of the box (pixels) */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on all sides.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  margin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the top.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the right.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the bottom.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the left.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSkeletonLine.defaultProps = {\n  width: DEFAULT_WIDTH,\n};\n\nexport default SkeletonLine;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_SkeletonLine";
+var _namespace_ = "wds_1_144_0_SkeletonLine";
 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_143_1_SkeletonLine__root"};
+module.exports.classes = {"root":"wds_1_144_0_SkeletonLine__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SkeletonRectangle/SkeletonRectangle.js

@@ -7,9 +7,9 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SkeletonRectangleSt = require("./SkeletonRectangle.st.css.js");
 var _constants = require("./constants");
-var _constants2 = require("../SkeletonGroup/constants");
+var _SkeletonGroup = require("../SkeletonGroup/SkeletonGroup.constants");
 var _Box = _interopRequireDefault(require("../Box"));
-var _SkeletonGroup = require("../SkeletonGroup");
+var _SkeletonGroup2 = require("../SkeletonGroup");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/SkeletonRectangle/SkeletonRectangle.js";
 /** SkeletonRectangle */
 class SkeletonRectangle extends _react.default.PureComponent {
@@ -29,7 +29,7 @@ class SkeletonRectangle extends _react.default.PureComponent {
       marginTop,
       marginBottom
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_SkeletonGroup.SkeletonGroupContext.Consumer, {
+    return /*#__PURE__*/_react.default.createElement(_SkeletonGroup2.SkeletonGroupContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -37,7 +37,7 @@ class SkeletonRectangle extends _react.default.PureComponent {
         columnNumber: 7
       }
     }, context => {
-      var skin = context && context.skin || _constants2.DEFAULT_SKIN;
+      var skin = context && context.skin || _SkeletonGroup.DEFAULT_SKIN;
       return /*#__PURE__*/_react.default.createElement("div", {
         "data-hook": dataHook,
         className: className,
@@ -58,7 +58,7 @@ class SkeletonRectangle extends _react.default.PureComponent {
         marginRight: marginRight,
         marginTop: marginTop,
         marginBottom: marginBottom,
-        backgroundColor: _constants2.SKIN_COLOR[skin],
+        backgroundColor: _SkeletonGroup.SKIN_COLOR[skin],
         className: (0, _SkeletonRectangleSt.st)(_SkeletonRectangleSt.classes.root, {
           skin
         }),

package/dist/cjs/SkeletonRectangle/SkeletonRectangle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonRectangleSt","_constants","_constants2","_Box","_SkeletonGroup","_jsxFileName","SkeletonRectangle","React","PureComponent","constructor","arguments","state","render","dataHook","className","height","width","margin","marginLeft","marginRight","marginTop","marginBottom","props","default","createElement","SkeletonGroupContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","context","skin","DEFAULT_SKIN","backgroundColor","SKIN_COLOR","st","classes","root","displayName","propTypes","PropTypes","string","oneOfType","number","defaultProps","DEFAULT_HEIGHT","DEFAULT_WIDTH","_default","exports"],"sources":["../../../src/SkeletonRectangle/SkeletonRectangle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SkeletonRectangle.st.css';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH } from './constants';\nimport { DEFAULT_SKIN, SKIN_COLOR } from '../SkeletonGroup/constants';\nimport Box from '../Box';\nimport { SkeletonGroupContext } from '../SkeletonGroup';\n\n/** SkeletonRectangle */\nclass SkeletonRectangle extends React.PureComponent {\n  state = {};\n\n  render() {\n    const {\n      dataHook,\n      className,\n      height,\n      width,\n      margin,\n      marginLeft,\n      marginRight,\n      marginTop,\n      marginBottom,\n    } = this.props;\n\n    return (\n      <SkeletonGroupContext.Consumer>\n        {context => {\n          const skin = (context && context.skin) || DEFAULT_SKIN;\n          return (\n            <div\n              data-hook={dataHook}\n              className={className}\n              data-height={height}\n              data-width={width}\n              data-skin={skin}\n            >\n              <Box\n                height={height}\n                width={width}\n                margin={margin}\n                marginLeft={marginLeft}\n                marginRight={marginRight}\n                marginTop={marginTop}\n                marginBottom={marginBottom}\n                backgroundColor={SKIN_COLOR[skin]}\n                className={st(classes.root, { skin })}\n              />\n            </div>\n          );\n        }}\n      </SkeletonGroupContext.Consumer>\n    );\n  }\n}\n\nSkeletonRectangle.displayName = 'SkeletonRectangle';\n\nSkeletonRectangle.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Sets the width of the box (pixels) */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the height of the box (pixels) */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on all sides.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  margin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the top.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the right.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the bottom.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the left.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSkeletonRectangle.defaultProps = {\n  height: DEFAULT_HEIGHT,\n  width: DEFAULT_WIDTH,\n};\n\nexport default SkeletonRectangle;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_SkeletonRectangleSt","_constants","_SkeletonGroup","_Box","_SkeletonGroup2","_jsxFileName","SkeletonRectangle","React","PureComponent","constructor","arguments","state","render","dataHook","className","height","width","margin","marginLeft","marginRight","marginTop","marginBottom","props","default","createElement","SkeletonGroupContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","context","skin","DEFAULT_SKIN","backgroundColor","SKIN_COLOR","st","classes","root","displayName","propTypes","PropTypes","string","oneOfType","number","defaultProps","DEFAULT_HEIGHT","DEFAULT_WIDTH","_default","exports"],"sources":["../../../src/SkeletonRectangle/SkeletonRectangle.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './SkeletonRectangle.st.css';\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH } from './constants';\nimport { DEFAULT_SKIN, SKIN_COLOR } from '../SkeletonGroup/SkeletonGroup.constants';\nimport Box from '../Box';\nimport { SkeletonGroupContext } from '../SkeletonGroup';\n\n/** SkeletonRectangle */\nclass SkeletonRectangle extends React.PureComponent {\n  state = {};\n\n  render() {\n    const {\n      dataHook,\n      className,\n      height,\n      width,\n      margin,\n      marginLeft,\n      marginRight,\n      marginTop,\n      marginBottom,\n    } = this.props;\n\n    return (\n      <SkeletonGroupContext.Consumer>\n        {context => {\n          const skin = (context && context.skin) || DEFAULT_SKIN;\n          return (\n            <div\n              data-hook={dataHook}\n              className={className}\n              data-height={height}\n              data-width={width}\n              data-skin={skin}\n            >\n              <Box\n                height={height}\n                width={width}\n                margin={margin}\n                marginLeft={marginLeft}\n                marginRight={marginRight}\n                marginTop={marginTop}\n                marginBottom={marginBottom}\n                backgroundColor={SKIN_COLOR[skin]}\n                className={st(classes.root, { skin })}\n              />\n            </div>\n          );\n        }}\n      </SkeletonGroupContext.Consumer>\n    );\n  }\n}\n\nSkeletonRectangle.displayName = 'SkeletonRectangle';\n\nSkeletonRectangle.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Sets the width of the box (pixels) */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets the height of the box (pixels) */\n  height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on all sides.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  margin: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the top.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginTop: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the right.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginRight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the bottom.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginBottom: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /** Sets margin on the left.\n   * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)\n   * a spacing token (SP1, SP2, etc.) or a string of space-separated values (\"3px 3px\") */\n  marginLeft: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nSkeletonRectangle.defaultProps = {\n  height: DEFAULT_HEIGHT,\n  width: DEFAULT_WIDTH,\n};\n\nexport default SkeletonRectangle;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_SkeletonRectangle";
+var _namespace_ = "wds_1_144_0_SkeletonRectangle";
 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_143_1_SkeletonRectangle__root"};
+module.exports.classes = {"root":"wds_1_144_0_SkeletonRectangle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_Slider";
+var _namespace_ = "wds_1_144_0_Slider";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_1_Slider__root","text-small-normal":"wds_1_143_1_StylableTypography__text-small-normal","markValue":"wds_1_143_1_Slider__markValue","sliderHandle":"wds_1_143_1_Slider__sliderHandle","sliderThumb":"wds_1_143_1_Slider__sliderThumb","sliderHandleWrapper":"wds_1_143_1_Slider__sliderHandleWrapper","markLine":"wds_1_143_1_Slider__markLine","mark":"wds_1_143_1_Slider__mark","markLabel":"wds_1_143_1_Slider__markLabel","sliderHandleTooltip":"wds_1_143_1_Slider__sliderHandleTooltip"};
+module.exports.classes = {"root":"wds_1_144_0_Slider__root","text-small-normal":"wds_1_144_0_StylableTypography__text-small-normal","markValue":"wds_1_144_0_Slider__markValue","sliderHandle":"wds_1_144_0_Slider__sliderHandle","sliderThumb":"wds_1_144_0_Slider__sliderThumb","sliderHandleWrapper":"wds_1_144_0_Slider__sliderHandleWrapper","markLine":"wds_1_144_0_Slider__markLine","mark":"wds_1_144_0_Slider__mark","markLabel":"wds_1_144_0_Slider__markLabel","sliderHandleTooltip":"wds_1_144_0_Slider__sliderHandleTooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_SocialButton";
+var _namespace_ = "wds_1_144_0_SocialButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_143_1_SocialButton__root","icon":"wds_1_143_1_SocialButton__icon"};
+module.exports.classes = {"root":"wds_1_144_0_SocialButton__root","icon":"wds_1_144_0_SocialButton__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_143_1_SocialPostPreview";
+var _namespace_ = "wds_1_144_0_SocialPostPreview";
 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_143_1_SocialPostPreview__root"};
+module.exports.classes = {"root":"wds_1_144_0_SocialPostPreview__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};