@wix/design-system 1.161.0 → 1.162.0

package/dist/cjs/PopoverNext/components/DatePickerNext/DatePickerNext.st.css.js

@@ -1,24 +0,0 @@
-
-require("../../PopoverNext.st.css.js");
-const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runtime.js");
-
-
-
-var _namespace_ = "wds_1_161_0_DatePickerNext";
-var _style_ = classesRuntime.bind(null, _namespace_);
-
-module.exports.cssStates = statesRuntime.bind(null, _namespace_);
-module.exports.style = _style_;
-module.exports.st = _style_;
-
-module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_DatePickerNext__root","popoverNext":"wds_1_161_0_DatePickerNext__popoverNext"};
-module.exports.keyframes = {}; 
-module.exports.layers = {};
-module.exports.containers = {};
-module.exports.stVars = {}; 
-module.exports.vars = {}; 
-
-
-
-

package/dist/cjs/PopoverNext/components/DatePickerNext/DatePickerNext.uni.driver.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.datePickerUniDriverFactory = void 0;
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _index = require("../../../utils/test-utils/unidriver/index");
-var _CalendarUni = require("../../../Calendar/Calendar.uni.driver");
-var _InputUni = require("../../../Input/Input.uni.driver");
-var _PopoverNextUni = require("../../PopoverNext.uni.driver");
-var _constants = require("../../../DatePicker/constants");
-// CHANGE: using the new popover driver
-
-var datePickerUniDriverFactory = (base, body) => {
-  var calendarDriver = (0, _CalendarUni.calendarUniDriverFactory)((0, _index.findByHook)(base, _constants.dataHooks.datePickerCalendar), body);
-  var inputDriver = (0, _InputUni.testkit)((0, _index.findByHook)(base, _constants.dataHooks.datePickerInput), body);
-  var popoverDriver = (0, _PopoverNextUni.popoverNextDriverFactory)((0, _index.findByHook)(base, _constants.dataHooks.datePickerPopover), body);
-  var driver = {
-    exists: () => (0, _index.baseUniDriverFactory)(base).exists(),
-    // CHANGE: updated to use popoverDriver
-    open: function () {
-      var _open = (0, _asyncToGenerator2.default)(function* () {
-        yield popoverDriver.clickTrigger();
-        yield inputDriver.trigger('keyDown', {
-          key: 'ArrowUp',
-          keyCode: 38
-        });
-      });
-      function open() {
-        return _open.apply(this, arguments);
-      }
-      return open;
-    }(),
-    getWidth: () => base._prop('style').then(style => style.width),
-    clickOutside: () => popoverDriver.clickOutside(),
-    focusCalendar: () => inputDriver.trigger('keyDown', {
-      key: 'ArrowUp',
-      keyCode: 38
-    }),
-    /**
-     * Returns the element rendered inside the footer.
-     */
-    getFooter: () => base.$("[data-hook=\"".concat(_constants.dataHooks.datePickerFooter, "\"] > *"))
-  };
-  // TODO: needs to be fixed, autodocs doesn't generate the docs below.
-  return {
-    /**
-     * Input Unidriver methods
-     */
-    inputDriver,
-    /**
-     * Calender Unidriver methods
-     */
-    calendarDriver,
-    /**
-     * Checks whether the component found with the given data hook.
-     * @returns {Promise<boolean>}
-     */
-    exists: driver.exists,
-    /**
-     * Contains 'exists', 'open' and 'getWidth' methods
-     */
-    driver
-  };
-};
-exports.datePickerUniDriverFactory = datePickerUniDriverFactory;
-//# sourceMappingURL=DatePickerNext.uni.driver.js.map

package/dist/cjs/PopoverNext/components/DatePickerNext/DatePickerNext.uni.driver.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_index","require","_CalendarUni","_InputUni","_PopoverNextUni","_constants","datePickerUniDriverFactory","base","body","calendarDriver","calendarUniDriverFactory","findByHook","dataHooks","datePickerCalendar","inputDriver","inputUniDriverFactory","datePickerInput","popoverDriver","popoverNextDriverFactory","datePickerPopover","driver","exists","baseUniDriverFactory","open","_open","_asyncToGenerator2","default","clickTrigger","trigger","key","keyCode","apply","arguments","getWidth","_prop","then","style","width","clickOutside","focusCalendar","getFooter","$","concat","datePickerFooter","exports"],"sources":["../../../../../src/PopoverNext/components/DatePickerNext/DatePickerNext.uni.driver.js"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  findByHook,\n} from '../../../utils/test-utils/unidriver/index';\nimport { calendarUniDriverFactory } from '../../../Calendar/Calendar.uni.driver';\nimport { testkit as inputUniDriverFactory } from '../../../Input/Input.uni.driver';\n// CHANGE: using the new popover driver\nimport { popoverNextDriverFactory } from '../../PopoverNext.uni.driver';\nimport { dataHooks } from '../../../DatePicker/constants';\n\nexport const datePickerUniDriverFactory = (base, body) => {\n  const calendarDriver = calendarUniDriverFactory(\n    findByHook(base, dataHooks.datePickerCalendar),\n    body,\n  );\n  const inputDriver = inputUniDriverFactory(\n    findByHook(base, dataHooks.datePickerInput),\n    body,\n  );\n\n  const popoverDriver = popoverNextDriverFactory(\n    findByHook(base, dataHooks.datePickerPopover),\n    body,\n  );\n\n  const driver = {\n    exists: () => baseUniDriverFactory(base).exists(),\n    // CHANGE: updated to use popoverDriver\n    open: async () => {\n      await popoverDriver.clickTrigger();\n      await inputDriver.trigger('keyDown', {\n        key: 'ArrowUp',\n        keyCode: 38,\n      });\n    },\n    getWidth: () => base._prop('style').then(style => style.width),\n    clickOutside: () => popoverDriver.clickOutside(),\n    focusCalendar: () =>\n      inputDriver.trigger('keyDown', { key: 'ArrowUp', keyCode: 38 }),\n\n    /**\n     * Returns the element rendered inside the footer.\n     */\n    getFooter: () => base.$(`[data-hook=\"${dataHooks.datePickerFooter}\"] > *`),\n  };\n  // TODO: needs to be fixed, autodocs doesn't generate the docs below.\n  return {\n    /**\n     * Input Unidriver methods\n     */\n    inputDriver,\n    /**\n     * Calender Unidriver methods\n     */\n    calendarDriver,\n    /**\n     * Checks whether the component found with the given data hook.\n     * @returns {Promise<boolean>}\n     */\n    exists: driver.exists,\n    /**\n     * Contains 'exists', 'open' and 'getWidth' methods\n     */\n    driver,\n  };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAFA;;AAIO,IAAMK,0BAA0B,GAAGA,CAACC,IAAI,EAAEC,IAAI,KAAK;EACxD,IAAMC,cAAc,GAAG,IAAAC,qCAAwB,EAC7C,IAAAC,iBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACC,kBAAkB,CAAC,EAC9CL,IACF,CAAC;EACD,IAAMM,WAAW,GAAG,IAAAC,iBAAqB,EACvC,IAAAJ,iBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACI,eAAe,CAAC,EAC3CR,IACF,CAAC;EAED,IAAMS,aAAa,GAAG,IAAAC,wCAAwB,EAC5C,IAAAP,iBAAU,EAACJ,IAAI,EAAEK,oBAAS,CAACO,iBAAiB,CAAC,EAC7CX,IACF,CAAC;EAED,IAAMY,MAAM,GAAG;IACbC,MAAM,EAAEA,CAAA,KAAM,IAAAC,2BAAoB,EAACf,IAAI,CAAC,CAACc,MAAM,CAAC,CAAC;IACjD;IACAE,IAAI;MAAA,IAAAC,KAAA,OAAAC,kBAAA,CAAAC,OAAA,EAAE,aAAY;QAChB,MAAMT,aAAa,CAACU,YAAY,CAAC,CAAC;QAClC,MAAMb,WAAW,CAACc,OAAO,CAAC,SAAS,EAAE;UACnCC,GAAG,EAAE,SAAS;UACdC,OAAO,EAAE;QACX,CAAC,CAAC;MACJ,CAAC;MAAA,SANDP,IAAIA,CAAA;QAAA,OAAAC,KAAA,CAAAO,KAAA,OAAAC,SAAA;MAAA;MAAA,OAAJT,IAAI;IAAA,GAMH;IACDU,QAAQ,EAAEA,CAAA,KAAM1B,IAAI,CAAC2B,KAAK,CAAC,OAAO,CAAC,CAACC,IAAI,CAACC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAAC;IAC9DC,YAAY,EAAEA,CAAA,KAAMrB,aAAa,CAACqB,YAAY,CAAC,CAAC;IAChDC,aAAa,EAAEA,CAAA,KACbzB,WAAW,CAACc,OAAO,CAAC,SAAS,EAAE;MAAEC,GAAG,EAAE,SAAS;MAAEC,OAAO,EAAE;IAAG,CAAC,CAAC;IAEjE;AACJ;AACA;IACIU,SAAS,EAAEA,CAAA,KAAMjC,IAAI,CAACkC,CAAC,iBAAAC,MAAA,CAAgB9B,oBAAS,CAAC+B,gBAAgB,YAAQ;EAC3E,CAAC;EACD;EACA,OAAO;IACL;AACJ;AACA;IACI7B,WAAW;IACX;AACJ;AACA;IACIL,cAAc;IACd;AACJ;AACA;AACA;IACIY,MAAM,EAAED,MAAM,CAACC,MAAM;IACrB;AACJ;AACA;IACID;EACF,CAAC;AACH,CAAC;AAACwB,OAAA,CAAAtC,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/cjs/Tabs/core/SideContent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_TabsSt","_jsxFileName","SideContent","_ref","content","default","createElement","className","classes","sideContent","__self","__source","fileName","lineNumber","columnNumber","propTypes","PropTypes","node","_default","exports"],"sources":["../../../../../src/Tabs/core/SideContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { classes } from '../../Tabs.st.css';\n\nconst SideContent = ({ content }: { content: React.ReactNode }) =>\n  content ? (\n    <div data-content=\"true\" className={classes.sideContent}>\n      {content}\n    </div>\n  ) : null;\n\nSideContent.propTypes = {\n  content: PropTypes.node,\n};\n\nexport default SideContent;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA4C,IAAAG,YAAA;AAE5C,IAAMC,WAAW,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAsC,CAAC,GAAAD,IAAA;EAAA,OAC5DC,OAAO,gBACLR,MAAA,CAAAS,OAAA,CAAAC,aAAA;IAAK,gBAAa,MAAM;IAACC,SAAS,EAAEC,eAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrDV,OACE,CAAC,GACJ,IAAI;AAAA;AAEVF,WAAW,CAACa,SAAS,GAAG;EACtBX,OAAO,EAAEY,kBAAS,CAACC;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEaH,WAAW","ignoreList":[]}

package/dist/cjs/Tabs/core/TabItem/index.js

@@ -1,88 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _pick = _interopRequireDefault(require("../../../utils/operators/pick"));
-var _Text = _interopRequireDefault(require("../../../Text"));
-var _TabsSt = require("../../Tabs.st.css.js");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/core/TabItem/index.tsx";
-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; }
-class TabItem extends _react.default.Component {
-  getItemStyle() {
-    var {
-      type,
-      width,
-      itemMaxWidth,
-      item: {
-        minWidth,
-        maxWidth
-      },
-      alignment
-    } = this.props;
-    var inlineStyle = type === 'uniformSide' && width ? {
-      width
-    } : type === 'compactSide' && itemMaxWidth ? {
-      maxWidth: "".concat(itemMaxWidth, "pt")
-    } : {};
-    if (minWidth) {
-      inlineStyle.minWidth = minWidth;
-    }
-    if (maxWidth) {
-      inlineStyle.maxWidth = maxWidth;
-    }
-    if (alignment) {
-      inlineStyle.textAlign = alignment;
-    }
-    return inlineStyle;
-  }
-  render() {
-    var {
-      item,
-      onItemClick,
-      isActive,
-      dynamicProperties,
-      size
-    } = this.props;
-    var containerProps = _objectSpread({
-      key: item.id,
-      onClick: onItemClick ? () => onItemClick(item) : undefined,
-      className: (0, _TabsSt.st)(_TabsSt.classes.tab, {
-        size,
-        active: isActive
-      }),
-      style: this.getItemStyle()
-    }, (0, _pick.default)(this.props, dynamicProperties));
-    return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
-      role: "tab",
-      type: "button",
-      "aria-selected": isActive,
-      "data-active": isActive,
-      "data-hook": item.dataHook
-    }, containerProps, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 63,
-        columnNumber: 7
-      }
-    }), /*#__PURE__*/_react.default.createElement(_Text.default, {
-      size: size,
-      className: _TabsSt.classes.tabText,
-      weight: "thin",
-      ellipsis: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 71,
-        columnNumber: 9
-      }
-    }, item.title));
-  }
-}
-var _default = exports.default = TabItem;
-//# sourceMappingURL=index.js.map

package/dist/cjs/Tabs/core/TabItem/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_pick","_Text","_TabsSt","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","TabItem","React","Component","getItemStyle","type","width","itemMaxWidth","item","minWidth","maxWidth","alignment","props","inlineStyle","concat","textAlign","render","onItemClick","isActive","dynamicProperties","size","containerProps","key","id","onClick","undefined","className","st","classes","tab","active","style","pick","createElement","_extends2","role","dataHook","__self","__source","fileName","lineNumber","columnNumber","tabText","weight","ellipsis","title","_default","exports"],"sources":["../../../../../src/Tabs/core/TabItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport pick from '../../../utils/operators/pick';\nimport Text from '../../../Text';\nimport { classes, st } from '../../Tabs.st.css';\nimport { Item } from '../../Tabs.types';\nimport { TabItemsProps } from '../TabItems';\nimport { InjectedWithMaxWidthProps } from '../withItemMaxWidth';\n\ntype TabItemProps = Pick<Item, 'dataHook'> &\n  Pick<TabItemsProps, 'type' | 'width' | 'alignment'> &\n  InjectedWithMaxWidthProps & {\n    onItemClick?: (item: Item) => void;\n    isActive: boolean;\n    dynamicProperties?: string[];\n    size?: 'small' | 'medium';\n    item: Item;\n  };\n\nclass TabItem extends React.Component<TabItemProps> {\n  getItemStyle(): React.CSSProperties {\n    const {\n      type,\n      width,\n      itemMaxWidth,\n      item: { minWidth, maxWidth },\n      alignment,\n    } = this.props;\n\n    const inlineStyle: React.CSSProperties =\n      type === 'uniformSide' && width\n        ? { width }\n        : type === 'compactSide' && itemMaxWidth\n        ? { maxWidth: `${itemMaxWidth}pt` }\n        : {};\n\n    if (minWidth) {\n      inlineStyle.minWidth = minWidth;\n    }\n\n    if (maxWidth) {\n      inlineStyle.maxWidth = maxWidth;\n    }\n\n    if (alignment) {\n      inlineStyle.textAlign = alignment;\n    }\n\n    return inlineStyle;\n  }\n\n  render() {\n    const { item, onItemClick, isActive, dynamicProperties, size } = this.props;\n\n    const containerProps = {\n      key: item.id,\n      onClick: onItemClick ? () => onItemClick(item) : undefined,\n      className: st(classes.tab, { size, active: isActive }),\n      style: this.getItemStyle(),\n      ...pick(this.props, dynamicProperties),\n    };\n\n    return (\n      <button\n        role=\"tab\"\n        type=\"button\"\n        aria-selected={isActive}\n        data-active={isActive}\n        data-hook={item.dataHook}\n        {...containerProps}\n      >\n        <Text size={size} className={classes.tabText} weight=\"thin\" ellipsis>\n          {item.title}\n        </Text>\n      </button>\n    );\n  }\n}\n\nexport default TabItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs/core/TabItems/index.js

@@ -1,64 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TabItem = _interopRequireDefault(require("../TabItem"));
-var _withItemMaxWidth = _interopRequireDefault(require("../withItemMaxWidth"));
-var _TabsSt = require("../../Tabs.st.css.js");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/core/TabItems/index.tsx";
-class TabItems extends _react.default.Component {
-  renderItem(item) {
-    var {
-      activeId,
-      type,
-      width,
-      onClick,
-      itemMaxWidth,
-      alignment,
-      size
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_TabItem.default, {
-      key: item.id,
-      dataHook: item.dataHook,
-      item: item,
-      itemMaxWidth: itemMaxWidth,
-      alignment: alignment,
-      isActive: activeId === item.id,
-      type: type,
-      width: width,
-      onItemClick: onClick,
-      size: size,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 19,
-        columnNumber: 7
-      }
-    });
-  }
-  render() {
-    var {
-      items,
-      type,
-      minWidth
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      role: "tablist",
-      "data-type": type,
-      className: (0, _TabsSt.st)(_TabsSt.classes.itemsContainer, type && _TabsSt.classes[type]),
-      style: {
-        minWidth
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 38,
-        columnNumber: 7
-      }
-    }, items.map(item => this.renderItem(item)));
-  }
-}
-var _default = exports.default = (0, _withItemMaxWidth.default)(TabItems);
-//# sourceMappingURL=index.js.map

package/dist/cjs/Tabs/core/TabItems/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_TabItem","_withItemMaxWidth","_TabsSt","_jsxFileName","TabItems","React","Component","renderItem","item","activeId","type","width","onClick","itemMaxWidth","alignment","size","props","default","createElement","key","id","dataHook","isActive","onItemClick","__self","__source","fileName","lineNumber","columnNumber","render","items","minWidth","role","className","st","classes","itemsContainer","style","map","_default","exports","withItemMaxWidth"],"sources":["../../../../../src/Tabs/core/TabItems/index.tsx"],"sourcesContent":["import React from 'react';\nimport TabItem from '../TabItem';\nimport withItemMaxWidth, {\n  InjectedWithMaxWidthProps,\n} from '../withItemMaxWidth';\nimport { st, classes } from '../../Tabs.st.css';\nimport { Item, TabsProps } from '../../Tabs.types';\n\nexport type TabItemsProps = Omit<TabsProps, 'sideContent' | 'dataHook'>;\n\ntype Props = TabItemsProps & InjectedWithMaxWidthProps;\n\nclass TabItems extends React.Component<Props> {\n  renderItem(item: Item) {\n    const { activeId, type, width, onClick, itemMaxWidth, alignment, size } =\n      this.props;\n\n    return (\n      <TabItem\n        key={item.id}\n        dataHook={item.dataHook}\n        item={item}\n        itemMaxWidth={itemMaxWidth}\n        alignment={alignment}\n        isActive={activeId === item.id}\n        type={type}\n        width={width}\n        onItemClick={onClick}\n        size={size}\n      />\n    );\n  }\n\n  render() {\n    const { items, type, minWidth } = this.props;\n\n    return (\n      <div\n        role=\"tablist\"\n        data-type={type}\n        className={st(classes.itemsContainer, type && classes[type])}\n        style={{ minWidth }}\n      >\n        {items.map(item => this.renderItem(item))}\n      </div>\n    );\n  }\n}\n\nexport default withItemMaxWidth(TabItems);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,iBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAAgD,IAAAI,YAAA;AAOhD,MAAMC,QAAQ,SAASC,cAAK,CAACC,SAAS,CAAQ;EAC5CC,UAAUA,CAACC,IAAU,EAAE;IACrB,IAAM;MAAEC,QAAQ;MAAEC,IAAI;MAAEC,KAAK;MAAEC,OAAO;MAAEC,YAAY;MAAEC,SAAS;MAAEC;IAAK,CAAC,GACrE,IAAI,CAACC,KAAK;IAEZ,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,QAAA,CAAAiB,OAAO;MACNE,GAAG,EAAEX,IAAI,CAACY,EAAG;MACbC,QAAQ,EAAEb,IAAI,CAACa,QAAS;MACxBb,IAAI,EAAEA,IAAK;MACXK,YAAY,EAAEA,YAAa;MAC3BC,SAAS,EAAEA,SAAU;MACrBQ,QAAQ,EAAEb,QAAQ,KAAKD,IAAI,CAACY,EAAG;MAC/BV,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA,KAAM;MACbY,WAAW,EAAEX,OAAQ;MACrBG,IAAI,EAAEA,IAAK;MAAAS,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACZ,CAAC;EAEN;EAEAC,MAAMA,CAAA,EAAG;IACP,IAAM;MAAEC,KAAK;MAAEpB,IAAI;MAAEqB;IAAS,CAAC,GAAG,IAAI,CAACf,KAAK;IAE5C,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA;MACEc,IAAI,EAAC,SAAS;MACd,aAAWtB,IAAK;MAChBuB,SAAS,EAAE,IAAAC,UAAE,EAACC,eAAO,CAACC,cAAc,EAAE1B,IAAI,IAAIyB,eAAO,CAACzB,IAAI,CAAC,CAAE;MAC7D2B,KAAK,EAAE;QAAEN;MAAS,CAAE;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEnBE,KAAK,CAACQ,GAAG,CAAC9B,IAAI,IAAI,IAAI,CAACD,UAAU,CAACC,IAAI,CAAC,CACrC,CAAC;EAEV;AACF;AAAC,IAAA+B,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEc,IAAAwB,yBAAgB,EAACrC,QAAQ,CAAC","ignoreList":[]}

package/dist/cjs/Tabs/core/constants/tab-prop-types.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.width = exports.type = exports.sideContent = exports.onClick = exports.items = exports.item = exports.activeId = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _tabTypes = _interopRequireDefault(require("./tab-types"));
-var stringOrNumber = _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]);
-var item = exports.item = _propTypes.default.shape({
-  id: stringOrNumber,
-  title: _propTypes.default.node,
-  minWidth: _propTypes.default.number,
-  maxWidth: _propTypes.default.number,
-  textAlign: _propTypes.default.oneOf(['start', 'center', 'end']),
-  dataHook: _propTypes.default.string
-});
-var items = exports.items = _propTypes.default.arrayOf(item);
-var onClick = exports.onClick = _propTypes.default.func;
-var activeId = exports.activeId = stringOrNumber;
-var width = exports.width = stringOrNumber;
-var sideContent = exports.sideContent = _propTypes.default.node;
-var type = exports.type = _propTypes.default.oneOf(_tabTypes.default);
-//# sourceMappingURL=tab-prop-types.js.map

package/dist/cjs/Tabs/core/constants/tab-prop-types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_propTypes","_interopRequireDefault","require","_tabTypes","stringOrNumber","PropTypes","oneOfType","string","number","item","exports","shape","id","title","node","minWidth","maxWidth","textAlign","oneOf","dataHook","items","arrayOf","onClick","func","activeId","width","sideContent","type","TabTypes"],"sources":["../../../../../src/Tabs/core/constants/tab-prop-types.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport TabTypes from './tab-types';\n\nconst stringOrNumber = PropTypes.oneOfType([\n  PropTypes.string,\n  PropTypes.number,\n]);\n\nexport const item = PropTypes.shape({\n  id: stringOrNumber,\n  title: PropTypes.node,\n  minWidth: PropTypes.number,\n  maxWidth: PropTypes.number,\n  textAlign: PropTypes.oneOf(['start', 'center', 'end']),\n  dataHook: PropTypes.string,\n});\n\nexport const items = PropTypes.arrayOf(item);\n\nexport const onClick = PropTypes.func;\n\nexport const activeId = stringOrNumber;\n\nexport const width = stringOrNumber;\n\nexport const sideContent = PropTypes.node;\n\nexport const type = PropTypes.oneOf(TabTypes);\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,cAAc,GAAGC,kBAAS,CAACC,SAAS,CAAC,CACzCD,kBAAS,CAACE,MAAM,EAChBF,kBAAS,CAACG,MAAM,CACjB,CAAC;AAEK,IAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAGJ,kBAAS,CAACM,KAAK,CAAC;EAClCC,EAAE,EAAER,cAAc;EAClBS,KAAK,EAAER,kBAAS,CAACS,IAAI;EACrBC,QAAQ,EAAEV,kBAAS,CAACG,MAAM;EAC1BQ,QAAQ,EAAEX,kBAAS,CAACG,MAAM;EAC1BS,SAAS,EAAEZ,kBAAS,CAACa,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;EACtDC,QAAQ,EAAEd,kBAAS,CAACE;AACtB,CAAC,CAAC;AAEK,IAAMa,KAAK,GAAAV,OAAA,CAAAU,KAAA,GAAGf,kBAAS,CAACgB,OAAO,CAACZ,IAAI,CAAC;AAErC,IAAMa,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAGjB,kBAAS,CAACkB,IAAI;AAE9B,IAAMC,QAAQ,GAAAd,OAAA,CAAAc,QAAA,GAAGpB,cAAc;AAE/B,IAAMqB,KAAK,GAAAf,OAAA,CAAAe,KAAA,GAAGrB,cAAc;AAE5B,IAAMsB,WAAW,GAAAhB,OAAA,CAAAgB,WAAA,GAAGrB,kBAAS,CAACS,IAAI;AAElC,IAAMa,IAAI,GAAAjB,OAAA,CAAAiB,IAAA,GAAGtB,kBAAS,CAACa,KAAK,CAACU,iBAAQ,CAAC","ignoreList":[]}

package/dist/cjs/Tabs/core/constants/tab-types.js

@@ -1,11 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.SIZES = void 0;
-var SIZES = exports.SIZES = {
-  small: 'small',
-  medium: 'medium'
-};
-var types = ['', 'compact', 'compactSide', 'uniformSide', 'uniformFull'];
-var _default = exports.default = types;
-//# sourceMappingURL=tab-types.js.map

package/dist/cjs/Tabs/core/constants/tab-types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SIZES","exports","small","medium","types","_default","default"],"sources":["../../../../../src/Tabs/core/constants/tab-types.ts"],"sourcesContent":["import { TabsType } from '../../Tabs.types';\n\nexport const SIZES = {\n  small: 'small',\n  medium: 'medium',\n};\n\nconst types: TabsType[] = [\n  '',\n  'compact',\n  'compactSide',\n  'uniformSide',\n  'uniformFull',\n];\n\nexport default types;\n"],"mappings":";;;;AAEO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EACnBE,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAC;AAED,IAAMC,KAAiB,GAAG,CACxB,EAAE,EACF,SAAS,EACT,aAAa,EACb,aAAa,EACb,aAAa,CACd;AAAC,IAAAC,QAAA,GAAAJ,OAAA,CAAAK,OAAA,GAEaF,KAAK","ignoreList":[]}

package/dist/cjs/Tabs/core/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getWidth","element","getBoundingClientRect","width","exports"],"sources":["../../../../src/Tabs/core/utils.ts"],"sourcesContent":["export const getWidth = (element: HTMLElement) =>\n  element ? element.getBoundingClientRect().width : 0;\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAIC,OAAoB,IAC3CA,OAAO,GAAGA,OAAO,CAACC,qBAAqB,CAAC,CAAC,CAACC,KAAK,GAAG,CAAC;AAACC,OAAA,CAAAJ,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/cjs/Tabs/core/withItemMaxWidth/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_jsxFileName","withMaxWidth","WrappedComponent","getMaxWidth","items","containerWidth","COMPACT_SIDE_MARGIN","marginsBetweenItems","length","Wrapper","React","Component","constructor","arguments","state","itemMaxWidth","undefined","initMaxWidth","itemsContainer","type","props","getWidth","setState","render","default","createElement","ref","el","style","width","__self","__source","fileName","lineNumber","columnNumber","_extends2","_default","exports"],"sources":["../../../../../src/Tabs/core/withItemMaxWidth/index.tsx"],"sourcesContent":["import React from 'react';\nimport { getWidth } from '../utils';\nimport { TabItemsProps } from '../TabItems';\n\nexport type InjectedWithMaxWidthProps = {\n  itemMaxWidth: number | undefined;\n};\n\ntype State = {\n  itemMaxWidth: number | undefined;\n};\n\nconst withMaxWidth = (\n  WrappedComponent: React.ComponentType<\n    TabItemsProps & InjectedWithMaxWidthProps\n  >,\n): React.ComponentType<TabItemsProps> => {\n  const getMaxWidth = (\n    items: TabItemsProps['items'],\n    containerWidth: number,\n  ) => {\n    const COMPACT_SIDE_MARGIN = 18;\n    const marginsBetweenItems = COMPACT_SIDE_MARGIN * 2 * (items.length - 1);\n    return (containerWidth - marginsBetweenItems) / items.length;\n  };\n\n  return class Wrapper extends React.Component<TabItemsProps, State> {\n    state = {\n      itemMaxWidth: undefined,\n    };\n\n    initMaxWidth(itemsContainer: HTMLDivElement | null) {\n      const { type, items } = this.props;\n\n      if (!itemsContainer || type !== 'compactSide') {\n        return;\n      }\n\n      const itemMaxWidth = getMaxWidth(items, getWidth(itemsContainer));\n      if (this.state.itemMaxWidth !== itemMaxWidth) {\n        this.setState({ itemMaxWidth });\n      }\n    }\n\n    render() {\n      return (\n        <div ref={el => this.initMaxWidth(el)} style={{ width: '100%' }}>\n          <WrappedComponent\n            {...this.props}\n            itemMaxWidth={this.state.itemMaxWidth}\n          />\n        </div>\n      );\n    }\n  };\n};\n\nexport default withMaxWidth;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAoC,IAAAE,YAAA;AAWpC,IAAMC,YAAY,GAChBC,gBAEC,IACsC;EACvC,IAAMC,WAAW,GAAGA,CAClBC,KAA6B,EAC7BC,cAAsB,KACnB;IACH,IAAMC,mBAAmB,GAAG,EAAE;IAC9B,IAAMC,mBAAmB,GAAGD,mBAAmB,GAAG,CAAC,IAAIF,KAAK,CAACI,MAAM,GAAG,CAAC,CAAC;IACxE,OAAO,CAACH,cAAc,GAAGE,mBAAmB,IAAIH,KAAK,CAACI,MAAM;EAC9D,CAAC;EAED,OAAO,MAAMC,OAAO,SAASC,cAAK,CAACC,SAAS,CAAuB;IAAAC,YAAA;MAAA,SAAAC,SAAA;MAAA,KACjEC,KAAK,GAAG;QACNC,YAAY,EAAEC;MAChB,CAAC;IAAA;IAEDC,YAAYA,CAACC,cAAqC,EAAE;MAClD,IAAM;QAAEC,IAAI;QAAEf;MAAM,CAAC,GAAG,IAAI,CAACgB,KAAK;MAElC,IAAI,CAACF,cAAc,IAAIC,IAAI,KAAK,aAAa,EAAE;QAC7C;MACF;MAEA,IAAMJ,YAAY,GAAGZ,WAAW,CAACC,KAAK,EAAE,IAAAiB,eAAQ,EAACH,cAAc,CAAC,CAAC;MACjE,IAAI,IAAI,CAACJ,KAAK,CAACC,YAAY,KAAKA,YAAY,EAAE;QAC5C,IAAI,CAACO,QAAQ,CAAC;UAAEP;QAAa,CAAC,CAAC;MACjC;IACF;IAEAQ,MAAMA,CAAA,EAAG;MACP,oBACE3B,MAAA,CAAA4B,OAAA,CAAAC,aAAA;QAAKC,GAAG,EAAEC,EAAE,IAAI,IAAI,CAACV,YAAY,CAACU,EAAE,CAAE;QAACC,KAAK,EAAE;UAAEC,KAAK,EAAE;QAAO,CAAE;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC9DtC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,gBAAgB,MAAAiC,SAAA,CAAAX,OAAA,MACX,IAAI,CAACJ,KAAK;QACdL,YAAY,EAAE,IAAI,CAACD,KAAK,CAACC,YAAa;QAAAe,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhC,YAAA;UAAAiC,UAAA;UAAAC,YAAA;QAAA;MAAA,EACvC,CACE,CAAC;IAEV;EACF,CAAC;AACH,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEavB,YAAY","ignoreList":[]}

package/dist/cjs/Tabs/core/withItemMaxWidth/withItemMaxWidth.spec.js

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var Utils = _interopRequireWildcard(require("../utils"));
-var _index = _interopRequireDefault(require("./index"));
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Tabs/core/withItemMaxWidth/withItemMaxWidth.spec.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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; }
-jest.mock('../utils');
-describe('withItemMaxWidth hoc', () => {
-  var mockedGetWidth = jest.mocked(Utils.getWidth);
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  var Component = _ref => {
-    var {
-      itemMaxWidth,
-      testProp
-    } = _ref;
-    return /*#__PURE__*/_react.default.createElement("li", {
-      "data-test-prop": testProp,
-      "data-max-width": itemMaxWidth,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 21,
-        columnNumber: 9
-      }
-    });
-  };
-  it('sets itemMaxWidth for compactSide type', () => {
-    var items = [{
-      id: 0,
-      title: 'Any'
-    }, {
-      id: 1,
-      title: 'Any'
-    }];
-    var containerSize = 100;
-    mockedGetWidth.mockReturnValue(containerSize);
-    var {
-      getByRole
-    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement((0, _index.default)(Component), {
-      items,
-      type: 'compactSide'
-    }));
-    var actualWidth = getByRole('listitem').getAttribute('data-max-width');
-    var expectedWidth = containerSize / items.length - 18 * (items.length - 1);
-    expect(actualWidth).toEqual("".concat(expectedWidth));
-  });
-  it('does not set itemMaxWidth for other types', () => {
-    var items = [{
-      id: 'a',
-      title: 'Any'
-    }, {
-      id: 'b',
-      title: 'Any'
-    }];
-    var {
-      getByRole
-    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement((0, _index.default)(Component), {
-      items,
-      type: 'uniformFull'
-    }));
-    var actualWidth = getByRole('listitem').getAttribute('data-max-width');
-    expect(actualWidth).toBe(null);
-  });
-  it('passes props to the wrapped component', () => {
-    var props = {
-      testProp: 'test',
-      items: [{
-        id: 0,
-        title: 'Any'
-      }]
-    };
-    var {
-      getByRole
-    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement((0, _index.default)(Component), _objectSpread(_objectSpread({}, props), {}, {
-      type: 'uniformFull'
-    })));
-    var testProp = getByRole('listitem').getAttribute('data-test-prop');
-    expect(testProp).toBe(props.testProp);
-  });
-});
-//# sourceMappingURL=withItemMaxWidth.spec.js.map

package/dist/cjs/Tabs/core/withItemMaxWidth/withItemMaxWidth.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","Utils","_interopRequireWildcard","_index","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","jest","mock","describe","mockedGetWidth","mocked","getWidth","afterEach","clearAllMocks","Component","_ref","itemMaxWidth","testProp","createElement","__self","__source","fileName","lineNumber","columnNumber","it","items","id","title","containerSize","mockReturnValue","getByRole","render","React","withItemMaxWidth","type","actualWidth","getAttribute","expectedWidth","expect","toEqual","concat","toBe","props"],"sources":["../../../../../src/Tabs/core/withItemMaxWidth/withItemMaxWidth.spec.tsx"],"sourcesContent":["import React from 'react';\nimport { render } from '@testing-library/react';\nimport * as Utils from '../utils';\nimport withItemMaxWidth from './index';\n\njest.mock('../utils');\n\ndescribe('withItemMaxWidth hoc', () => {\n  const mockedGetWidth = jest.mocked(Utils.getWidth);\n\n  afterEach(() => {\n    jest.clearAllMocks();\n  });\n\n  const Component = ({\n    itemMaxWidth,\n    testProp,\n  }: {\n    itemMaxWidth?: number;\n    testProp?: string;\n  }) => <li data-test-prop={testProp} data-max-width={itemMaxWidth} />;\n\n  it('sets itemMaxWidth for compactSide type', () => {\n    const items = [\n      { id: 0, title: 'Any' },\n      { id: 1, title: 'Any' },\n    ];\n    const containerSize = 100;\n\n    mockedGetWidth.mockReturnValue(containerSize);\n\n    const { getByRole } = render(\n      React.createElement(withItemMaxWidth(Component), {\n        items,\n        type: 'compactSide',\n      }),\n    );\n\n    const actualWidth = getByRole('listitem').getAttribute('data-max-width');\n\n    const expectedWidth =\n      containerSize / items.length - 18 * (items.length - 1);\n\n    expect(actualWidth).toEqual(`${expectedWidth}`);\n  });\n\n  it('does not set itemMaxWidth for other types', () => {\n    const items = [\n      { id: 'a', title: 'Any' },\n      { id: 'b', title: 'Any' },\n    ];\n\n    const { getByRole } = render(\n      React.createElement(withItemMaxWidth(Component), {\n        items,\n        type: 'uniformFull',\n      }),\n    );\n\n    const actualWidth = getByRole('listitem').getAttribute('data-max-width');\n    expect(actualWidth).toBe(null);\n  });\n\n  it('passes props to the wrapped component', () => {\n    const props = { testProp: 'test', items: [{ id: 0, title: 'Any' }] };\n\n    const { getByRole } = render(\n      React.createElement(withItemMaxWidth(Component), {\n        ...props,\n        type: 'uniformFull',\n      }),\n    );\n\n    const testProp = getByRole('listitem').getAttribute('data-test-prop');\n\n    expect(testProp).toBe(props.testProp);\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Tabs/test/examples/TabsExample.st.css.js

@@ -1,24 +0,0 @@
-
-require("../../../Foundation/stylable/colors.st.css.js");
-const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runtime.js");
-
-
-
-var _namespace_ = "wds_1_161_0_TabsExample";
-var _style_ = classesRuntime.bind(null, _namespace_);
-
-module.exports.cssStates = statesRuntime.bind(null, _namespace_);
-module.exports.style = _style_;
-module.exports.st = _style_;
-
-module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_161_0_TabsExample__root","radioGroup":"wds_1_161_0_TabsExample__radioGroup","controlGroup":"wds_1_161_0_TabsExample__controlGroup","preview":"wds_1_161_0_TabsExample__preview","sideContentExample":"wds_1_161_0_TabsExample__sideContentExample"};
-module.exports.keyframes = {}; 
-module.exports.layers = {};
-module.exports.containers = {};
-module.exports.stVars = {}; 
-module.exports.vars = {}; 
-
-
-
-