@wix/design-system 1.153.0 → 1.155.0

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_TimeTable";
+var _namespace_ = "wds_1_155_0_TimeTable";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_TimeTable__root","text-medium-thin":"wds_1_153_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_153_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_153_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_153_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_153_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_153_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar","column":"wds_1_153_0_TimeTable__column","header":"wds_1_153_0_TimeTable__header","title":"wds_1_153_0_TimeTable__title","subtitle":"wds_1_153_0_TimeTable__subtitle","item":"wds_1_153_0_TimeTable__item","actionsContainer":"wds_1_153_0_TimeTable__actionsContainer","addItemButton":"wds_1_153_0_TimeTable__addItemButton","addItemLabel":"wds_1_153_0_TimeTable__addItemLabel","headerContainer":"wds_1_153_0_TimeTable__headerContainer","contentContainer":"wds_1_153_0_TimeTable__contentContainer","content":"wds_1_153_0_TimeTable__content"};
+module.exports.classes = {"root":"wds_1_155_0_TimeTable__root","text-medium-thin":"wds_1_155_0_StylableTypography__text-medium-thin","text-medium-normal":"wds_1_155_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_155_0_StylableTypography__text-medium-bold","text-tiny-normal":"wds_1_155_0_StylableTypography__text-tiny-normal","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","text-tiny-bold":"wds_1_155_0_StylableTypography__text-tiny-bold","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","column":"wds_1_155_0_TimeTable__column","header":"wds_1_155_0_TimeTable__header","title":"wds_1_155_0_TimeTable__title","subtitle":"wds_1_155_0_TimeTable__subtitle","item":"wds_1_155_0_TimeTable__item","actionsContainer":"wds_1_155_0_TimeTable__actionsContainer","addItemButton":"wds_1_155_0_TimeTable__addItemButton","addItemLabel":"wds_1_155_0_TimeTable__addItemLabel","headerContainer":"wds_1_155_0_TimeTable__headerContainer","contentContainer":"wds_1_155_0_TimeTable__contentContainer","content":"wds_1_155_0_TimeTable__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/TimeTable/components/Item.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_TimeTableItem";
+var _namespace_ = "wds_1_155_0_TimeTableItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_TimeTableItem__root","text-tiny-thin":"wds_1_153_0_StylableTypography__text-tiny-thin"};
+module.exports.classes = {"root":"wds_1_155_0_TimeTableItem__root","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Timeline/Timeline.constants.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.dataHooks = void 0;
+exports.dataHooks = exports.SKINS = exports.LINE_TYPES = void 0;
 var dataHooks = exports.dataHooks = {
   timelineListEvent: 'timeline-list-event',
   timelineLabel: 'timeline-label',
@@ -11,4 +11,13 @@ var dataHooks = exports.dataHooks = {
   timelineBulletIndicator: 'timeline-bullet-indicator',
   timelineLabelAction: 'timeline-label-action'
 };
+var SKINS = exports.SKINS = {
+  dark: 'dark',
+  standard: 'standard',
+  neutral: 'neutral'
+};
+var LINE_TYPES = exports.LINE_TYPES = {
+  filled: 'filled',
+  dashed: 'dashed'
+};
 //# sourceMappingURL=Timeline.constants.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dataHooks","exports","timelineListEvent","timelineLabel","timelineTextSuffix","timelineSuffix","timelineDefaultPrefix","timelineBulletIndicator","timelineLabelAction"],"sources":["../../../src/Timeline/Timeline.constants.ts"],"sourcesContent":["export const dataHooks = {\n  timelineListEvent: 'timeline-list-event',\n  timelineLabel: 'timeline-label',\n  timelineTextSuffix: 'timeline-text-suffix',\n  timelineSuffix: 'timeline-suffix',\n  timelineDefaultPrefix: 'timeline-default-prefix',\n  timelineBulletIndicator: 'timeline-bullet-indicator',\n  timelineLabelAction: 'timeline-label-action',\n};\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,iBAAiB,EAAE,qBAAqB;EACxCC,aAAa,EAAE,gBAAgB;EAC/BC,kBAAkB,EAAE,sBAAsB;EAC1CC,cAAc,EAAE,iBAAiB;EACjCC,qBAAqB,EAAE,yBAAyB;EAChDC,uBAAuB,EAAE,2BAA2B;EACpDC,mBAAmB,EAAE;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["dataHooks","exports","timelineListEvent","timelineLabel","timelineTextSuffix","timelineSuffix","timelineDefaultPrefix","timelineBulletIndicator","timelineLabelAction","SKINS","dark","standard","neutral","LINE_TYPES","filled","dashed"],"sources":["../../../src/Timeline/Timeline.constants.ts"],"sourcesContent":["export const dataHooks = {\n  timelineListEvent: 'timeline-list-event',\n  timelineLabel: 'timeline-label',\n  timelineTextSuffix: 'timeline-text-suffix',\n  timelineSuffix: 'timeline-suffix',\n  timelineDefaultPrefix: 'timeline-default-prefix',\n  timelineBulletIndicator: 'timeline-bullet-indicator',\n  timelineLabelAction: 'timeline-label-action',\n};\n\nexport const SKINS = {\n  dark: 'dark',\n  standard: 'standard',\n  neutral: 'neutral',\n} as const;\n\nexport const LINE_TYPES = {\n  filled: 'filled',\n  dashed: 'dashed',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACvBE,iBAAiB,EAAE,qBAAqB;EACxCC,aAAa,EAAE,gBAAgB;EAC/BC,kBAAkB,EAAE,sBAAsB;EAC1CC,cAAc,EAAE,iBAAiB;EACjCC,qBAAqB,EAAE,yBAAyB;EAChDC,uBAAuB,EAAE,2BAA2B;EACpDC,mBAAmB,EAAE;AACvB,CAAC;AAEM,IAAMC,KAAK,GAAAR,OAAA,CAAAQ,KAAA,GAAG;EACnBC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE;AACX,CAAU;AAEH,IAAMC,UAAU,GAAAZ,OAAA,CAAAY,UAAA,GAAG;EACxBC,MAAM,EAAE,QAAQ;EAChBC,MAAM,EAAE;AACV,CAAU","ignoreList":[]}

package/dist/cjs/Timeline/Timeline.js

@@ -14,11 +14,13 @@ function Timeline(_ref) {
     dataHook,
     items,
     className,
-    gap
+    gap,
+    skin
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("ol", {
     className: (0, _TimelineSt.st)(_TimelineSt.classes.root, className),
     "data-hook": dataHook,
+    "data-skin": skin,
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -31,10 +33,11 @@ function Timeline(_ref) {
     idx: idx,
     dataHook: "".concat(_Timeline.dataHooks.timelineListEvent, "-").concat(idx),
     gap: gap,
+    skin: skin,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 17,
       columnNumber: 9
     }
   })));
@@ -48,8 +51,10 @@ Timeline.propTypes = {
     label: _propTypes.default.node,
     labelAction: _propTypes.default.node,
     customPrefix: _propTypes.default.node,
-    suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string])
-  })).isRequired
+    suffix: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
+    line: _propTypes.default.oneOf(['filled', 'dashed'])
+  })).isRequired,
+  skin: _propTypes.default.oneOf(['dark', 'standard', 'neutral'])
 };
 var _default = exports.default = Timeline;
 //# sourceMappingURL=Timeline.js.map

package/dist/cjs/Timeline/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_TimelineSt","_Timeline","_TimelineItem","_jsxFileName","Timeline","_ref","dataHook","items","className","gap","default","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","map","item","idx","key","concat","dataHooks","timelineListEvent","displayName","propTypes","PropTypes","string","arrayOf","shape","label","node","labelAction","customPrefix","suffix","oneOfType","isRequired","_default","exports"],"sources":["../../../src/Timeline/Timeline.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './Timeline.st.css';\nimport { dataHooks } from './Timeline.constants';\nimport TimelineItem from './TimelineItem';\nimport { TimelineProps } from './Timeline.types';\n\nfunction Timeline({ dataHook, items, className, gap }: TimelineProps) {\n  return (\n    <ol className={st(classes.root, className)} data-hook={dataHook}>\n      {items.map((item, idx) => (\n        <TimelineItem\n          key={idx}\n          item={item}\n          idx={idx}\n          dataHook={`${dataHooks.timelineListEvent}-${idx}`}\n          gap={gap}\n        />\n      ))}\n    </ol>\n  );\n}\n\nTimeline.displayName = 'Timeline';\n\nTimeline.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  gap: PropTypes.string,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node,\n      labelAction: PropTypes.node,\n      customPrefix: PropTypes.node,\n      suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n    }),\n  ).isRequired,\n};\n\nexport default Timeline;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA0C,IAAAK,YAAA;AAG1C,SAASC,QAAQA,CAAAC,IAAA,EAAqD;EAAA,IAApD;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAmB,CAAC,GAAAJ,IAAA;EAClE,oBACET,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIH,SAAS,EAAE,IAAAI,cAAE,EAACC,mBAAO,CAACC,IAAI,EAAEN,SAAS,CAAE;IAAC,aAAWF,QAAS;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7DZ,KAAK,CAACa,GAAG,CAAC,CAACC,IAAI,EAAEC,GAAG,kBACnB1B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAQ,OAAY;IACXa,GAAG,EAAED,GAAI;IACTD,IAAI,EAAEA,IAAK;IACXC,GAAG,EAAEA,GAAI;IACThB,QAAQ,KAAAkB,MAAA,CAAKC,mBAAS,CAACC,iBAAiB,OAAAF,MAAA,CAAIF,GAAG,CAAG;IAClDb,GAAG,EAAEA,GAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACV,CACF,CACC,CAAC;AAET;AAEAf,QAAQ,CAACuB,WAAW,GAAG,UAAU;AAEjCvB,QAAQ,CAACwB,SAAS,GAAG;EACnBtB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM;EAC1BtB,SAAS,EAAEqB,kBAAS,CAACC,MAAM;EAC3BrB,GAAG,EAAEoB,kBAAS,CAACC,MAAM;EACrBvB,KAAK,EAAEsB,kBAAS,CAACE,OAAO,CACtBF,kBAAS,CAACG,KAAK,CAAC;IACdC,KAAK,EAAEJ,kBAAS,CAACK,IAAI;IACrBC,WAAW,EAAEN,kBAAS,CAACK,IAAI;IAC3BE,YAAY,EAAEP,kBAAS,CAACK,IAAI;IAC5BG,MAAM,EAAER,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACK,IAAI,EAAEL,kBAAS,CAACC,MAAM,CAAC;EAChE,CAAC,CACH,CAAC,CAACS;AACJ,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEaN,QAAQ","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_TimelineSt","_Timeline","_TimelineItem","_jsxFileName","Timeline","_ref","dataHook","items","className","gap","skin","default","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","map","item","idx","key","concat","dataHooks","timelineListEvent","displayName","propTypes","PropTypes","string","arrayOf","shape","label","node","labelAction","customPrefix","suffix","oneOfType","line","oneOf","isRequired","_default","exports"],"sources":["../../../src/Timeline/Timeline.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { st, classes } from './Timeline.st.css';\nimport { dataHooks } from './Timeline.constants';\nimport TimelineItem from './TimelineItem';\nimport { TimelineProps } from './Timeline.types';\n\nfunction Timeline({ dataHook, items, className, gap, skin }: TimelineProps) {\n  return (\n    <ol\n      className={st(classes.root, className)}\n      data-hook={dataHook}\n      data-skin={skin}\n    >\n      {items.map((item, idx) => (\n        <TimelineItem\n          key={idx}\n          item={item}\n          idx={idx}\n          dataHook={`${dataHooks.timelineListEvent}-${idx}`}\n          gap={gap}\n          skin={skin}\n        />\n      ))}\n    </ol>\n  );\n}\n\nTimeline.displayName = 'Timeline';\n\nTimeline.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  gap: PropTypes.string,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.node,\n      labelAction: PropTypes.node,\n      customPrefix: PropTypes.node,\n      suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n      line: PropTypes.oneOf(['filled', 'dashed']),\n    }),\n  ).isRequired,\n  skin: PropTypes.oneOf(['dark', 'standard', 'neutral']),\n};\n\nexport default Timeline;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAA0C,IAAAK,YAAA;AAG1C,SAASC,QAAQA,CAAAC,IAAA,EAA2D;EAAA,IAA1D;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,SAAS;IAAEC,GAAG;IAAEC;EAAoB,CAAC,GAAAL,IAAA;EACxE,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA;IACEJ,SAAS,EAAE,IAAAK,cAAE,EAACC,mBAAO,CAACC,IAAI,EAAEP,SAAS,CAAE;IACvC,aAAWF,QAAS;IACpB,aAAWI,IAAK;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEfb,KAAK,CAACc,GAAG,CAAC,CAACC,IAAI,EAAEC,GAAG,kBACnB3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAS,OAAY;IACXa,GAAG,EAAED,GAAI;IACTD,IAAI,EAAEA,IAAK;IACXC,GAAG,EAAEA,GAAI;IACTjB,QAAQ,KAAAmB,MAAA,CAAKC,mBAAS,CAACC,iBAAiB,OAAAF,MAAA,CAAIF,GAAG,CAAG;IAClDd,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACZ,CACF,CACC,CAAC;AAET;AAEAhB,QAAQ,CAACwB,WAAW,GAAG,UAAU;AAEjCxB,QAAQ,CAACyB,SAAS,GAAG;EACnBvB,QAAQ,EAAEwB,kBAAS,CAACC,MAAM;EAC1BvB,SAAS,EAAEsB,kBAAS,CAACC,MAAM;EAC3BtB,GAAG,EAAEqB,kBAAS,CAACC,MAAM;EACrBxB,KAAK,EAAEuB,kBAAS,CAACE,OAAO,CACtBF,kBAAS,CAACG,KAAK,CAAC;IACdC,KAAK,EAAEJ,kBAAS,CAACK,IAAI;IACrBC,WAAW,EAAEN,kBAAS,CAACK,IAAI;IAC3BE,YAAY,EAAEP,kBAAS,CAACK,IAAI;IAC5BG,MAAM,EAAER,kBAAS,CAACS,SAAS,CAAC,CAACT,kBAAS,CAACK,IAAI,EAAEL,kBAAS,CAACC,MAAM,CAAC,CAAC;IAC/DS,IAAI,EAAEV,kBAAS,CAACW,KAAK,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC;EAC5C,CAAC,CACH,CAAC,CAACC,UAAU;EACZhC,IAAI,EAAEoB,kBAAS,CAACW,KAAK,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,CAAC;AACvD,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAEaP,QAAQ","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/Timeline/Timeline.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface TimelineItem {\n  /** event text - could be a node or a string */\n  label: ReactNode;\n  /** action element in the end of event text */\n  labelAction?: ReactNode;\n  /**  TODO: still in development. custom bullet element like icon or avatar */\n  customPrefix?: ReactNode;\n  /** suffix text or element placed on the right */\n  suffix?: ReactNode;\n}\n\nexport interface TimelineProps {\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  /**\n   * Defines each individual event item in the component:\n   * - `label` stores a text string naming the event or renders other components as its children\n   * - `labelAction` stores an action button (or other components) related to the event\n   * - `customPrefix` defines a custom milestone symbol for an item on the vertical axis\n   * - `suffix` stores a date of the event (or other components)\n   */\n  items: TimelineItem[];\n  /** Sets the distance that separates each item from the one below */\n  gap?: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/Timeline/Timeline.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { LINE_TYPES, SKINS } from './Timeline.constants';\n\nexport type TimelineItemLine = ValuesOf<typeof LINE_TYPES>;\nexport type TimelineSkin = ValuesOf<typeof SKINS>;\n\nexport interface TimelineItem {\n  /** event text - could be a node or a string */\n  label: ReactNode;\n  /** action element in the end of event text */\n  labelAction?: ReactNode;\n  /**  TODO: still in development. custom bullet element like icon or avatar */\n  customPrefix?: ReactNode;\n  /** suffix text or element placed on the right */\n  suffix?: ReactNode;\n  /** line style for the event */\n  line?: TimelineItemLine;\n}\n\nexport interface TimelineProps {\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  /**\n   * Defines each individual event item in the component:\n   * - `label` stores a text string naming the event or renders other components as its children\n   * - `labelAction` stores an action button (or other components) related to the event\n   * - `customPrefix` defines a custom milestone symbol for an item on the vertical axis\n   * - `suffix` stores a date of the event (or other components)\n   */\n  items: TimelineItem[];\n  /** Sets the distance that separates each item from the one below */\n  gap?: string;\n  /** Sets the skin of the component */\n  skin?: TimelineSkin;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -38,6 +38,19 @@ var timelineDriverFactory = base => {
         return _getSuffixText.apply(this, arguments);
       }
       return getSuffixText;
+    }(),
+    /**
+     * Gets skin type
+     * @return {Promise<'dark' | 'neutral' | 'standard'>}
+     */
+    getSkin: function () {
+      var _getSkin = (0, _asyncToGenerator2.default)(function* () {
+        return yield base.attr('data-skin');
+      });
+      function getSkin() {
+        return _getSkin.apply(this, arguments);
+      }
+      return getSkin;
     }()
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_Timeline","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","timelineDriverFactory","base","baseUniDriverFactory","getLabelText","_getLabelText","_asyncToGenerator2","idx","findByHook","concat","dataHooks","timelineLabel","text","_x","getSuffixText","_getSuffixText","timelineTextSuffix","_x2","exports"],"sources":["../../../src/Timeline/Timeline.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { dataHooks } from './Timeline.constants';\n\nexport type TimelineUniDriver = ReturnType<typeof timelineDriverFactory>;\n\nexport const timelineDriverFactory = (base: UniDriver) => {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets the label text of timeline item by index\n     * @param timeline item index\n     * @returns timeline item label text at index\n     */\n    getLabelText: async (idx: number): Promise<string> =>\n      await findByHook(base, `${dataHooks.timelineLabel}-${idx}`).text(),\n\n    /**\n     * Get the suffix text of timeline item  by index\n     * @param timeline item index\n     * @returns timeline item suffix text at index\n     */\n    getSuffixText: async (idx: number): Promise<string> =>\n      await findByHook(base, `${dataHooks.timelineTextSuffix}-${idx}`).text(),\n  };\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAD,OAAA;AAAiD,SAAAE,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;AAI1C,IAAMqB,qBAAqB,GAAIC,IAAe,IAAK;EACxD,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAW,+BAAoB,EAACD,IAAI,CAAC;IAE7B;AACJ;AACA;AACA;AACA;IACIE,YAAY;MAAA,IAAAC,aAAA,OAAAC,kBAAA,CAAAT,OAAA,EAAE,WAAOU,GAAW;QAAA,aACxB,IAAAC,qBAAU,EAACN,IAAI,KAAAO,MAAA,CAAKC,mBAAS,CAACC,aAAa,OAAAF,MAAA,CAAIF,GAAG,CAAE,CAAC,CAACK,IAAI,CAAC,CAAC;MAAA;MAAA,SADpER,YAAYA,CAAAS,EAAA;QAAA,OAAAR,aAAA,CAAAd,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAZW,YAAY;IAAA,GACwD;IAEpE;AACJ;AACA;AACA;AACA;IACIU,aAAa;MAAA,IAAAC,cAAA,OAAAT,kBAAA,CAAAT,OAAA,EAAE,WAAOU,GAAW;QAAA,aACzB,IAAAC,qBAAU,EAACN,IAAI,KAAAO,MAAA,CAAKC,mBAAS,CAACM,kBAAkB,OAAAP,MAAA,CAAIF,GAAG,CAAE,CAAC,CAACK,IAAI,CAAC,CAAC;MAAA;MAAA,SADzEE,aAAaA,CAAAG,GAAA;QAAA,OAAAF,cAAA,CAAAxB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAbqB,aAAa;IAAA;EAC4D;AAE7E,CAAC;AAACI,OAAA,CAAAjB,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_Timeline","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","timelineDriverFactory","base","baseUniDriverFactory","getLabelText","_getLabelText","_asyncToGenerator2","idx","findByHook","concat","dataHooks","timelineLabel","text","_x","getSuffixText","_getSuffixText","timelineTextSuffix","_x2","getSkin","_getSkin","attr","exports"],"sources":["../../../src/Timeline/Timeline.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport {\n  baseUniDriverFactory,\n  findByHook,\n} from '../utils/test-utils/unidriver';\nimport { dataHooks } from './Timeline.constants';\n\nexport type TimelineUniDriver = ReturnType<typeof timelineDriverFactory>;\n\nexport const timelineDriverFactory = (base: UniDriver) => {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /**\n     * Gets the label text of timeline item by index\n     * @param timeline item index\n     * @returns timeline item label text at index\n     */\n    getLabelText: async (idx: number): Promise<string> =>\n      await findByHook(base, `${dataHooks.timelineLabel}-${idx}`).text(),\n\n    /**\n     * Get the suffix text of timeline item  by index\n     * @param timeline item index\n     * @returns timeline item suffix text at index\n     */\n    getSuffixText: async (idx: number): Promise<string> =>\n      await findByHook(base, `${dataHooks.timelineTextSuffix}-${idx}`).text(),\n\n    /**\n     * Gets skin type\n     * @return {Promise<'dark' | 'neutral' | 'standard'>}\n     */\n    getSkin: async () => await base.attr('data-skin'),\n  };\n};\n"],"mappings":";;;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAD,OAAA;AAAiD,SAAAE,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;AAI1C,IAAMqB,qBAAqB,GAAIC,IAAe,IAAK;EACxD,OAAAV,aAAA,CAAAA,aAAA,KACK,IAAAW,+BAAoB,EAACD,IAAI,CAAC;IAE7B;AACJ;AACA;AACA;AACA;IACIE,YAAY;MAAA,IAAAC,aAAA,OAAAC,kBAAA,CAAAT,OAAA,EAAE,WAAOU,GAAW;QAAA,aACxB,IAAAC,qBAAU,EAACN,IAAI,KAAAO,MAAA,CAAKC,mBAAS,CAACC,aAAa,OAAAF,MAAA,CAAIF,GAAG,CAAE,CAAC,CAACK,IAAI,CAAC,CAAC;MAAA;MAAA,SADpER,YAAYA,CAAAS,EAAA;QAAA,OAAAR,aAAA,CAAAd,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAZW,YAAY;IAAA,GACwD;IAEpE;AACJ;AACA;AACA;AACA;IACIU,aAAa;MAAA,IAAAC,cAAA,OAAAT,kBAAA,CAAAT,OAAA,EAAE,WAAOU,GAAW;QAAA,aACzB,IAAAC,qBAAU,EAACN,IAAI,KAAAO,MAAA,CAAKC,mBAAS,CAACM,kBAAkB,OAAAP,MAAA,CAAIF,GAAG,CAAE,CAAC,CAACK,IAAI,CAAC,CAAC;MAAA;MAAA,SADzEE,aAAaA,CAAAG,GAAA;QAAA,OAAAF,cAAA,CAAAxB,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAbqB,aAAa;IAAA,GAC4D;IAEzE;AACJ;AACA;AACA;IACII,OAAO;MAAA,IAAAC,QAAA,OAAAb,kBAAA,CAAAT,OAAA,EAAE;QAAA,aAAkBK,IAAI,CAACkB,IAAI,CAAC,WAAW,CAAC;MAAA;MAAA,SAAjDF,OAAOA,CAAA;QAAA,OAAAC,QAAA,CAAA5B,KAAA,OAAAE,SAAA;MAAA;MAAA,OAAPyB,OAAO;IAAA;EAA0C;AAErD,CAAC;AAACG,OAAA,CAAApB,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/Timeline/TimelineItem.js

@@ -16,15 +16,25 @@ function TimelineItem(_ref) {
     idx,
     item,
     dataHook,
-    gap
+    gap,
+    skin = 'dark'
   } = _ref;
+  var {
+    customPrefix,
+    suffix,
+    label,
+    labelAction,
+    line = 'filled'
+  } = item;
   return /*#__PURE__*/_react.default.createElement("li", {
-    className: _TimelineItemSt.classes.event,
+    className: (0, _TimelineItemSt.st)(_TimelineItemSt.classes.event, {
+      skin
+    }),
     "data-hook": dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 21,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
@@ -32,37 +42,39 @@ function TimelineItem(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
+      lineNumber: 23,
       columnNumber: 9
     }
-  }, item.customPrefix ? /*#__PURE__*/_react.default.createElement("div", {
+  }, customPrefix ? /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": "".concat(_Timeline.dataHooks.timelineBulletIndicator, "-").concat(idx),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 25,
       columnNumber: 13
     }
-  }, item.customPrefix) : /*#__PURE__*/_react.default.createElement("div", {
+  }, customPrefix) : /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": "".concat(_Timeline.dataHooks.timelineDefaultPrefix, "-").concat(idx),
     className: _TimelineItemSt.classes.defaultIndicator,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 29,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: _TimelineItemSt.classes.line,
+    className: (0, _TimelineItemSt.st)(_TimelineItemSt.classes.line, {
+      line
+    }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 34,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _TimelineItemSt.st)(_TimelineItemSt.classes.label, {
-      withSuffix: !!item.suffix
+      withSuffix: !!suffix
     }),
     style: {
       [_TimelineItemSt.vars.marginBottom]: gap
@@ -70,10 +82,10 @@ function TimelineItem(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 36,
       columnNumber: 9
     }
-  }, (0, _StringUtils.isString)(item.label) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, (0, _StringUtils.isString)(label) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
     dataHook: "".concat(_Timeline.dataHooks.timelineLabel, "-").concat(idx),
     weight: "thin",
     size: "small",
@@ -81,28 +93,28 @@ function TimelineItem(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 41,
       columnNumber: 13
     }
-  }, item.label) : item.label, item.labelAction ? /*#__PURE__*/_react.default.createElement("div", {
+  }, label) : label, labelAction ? /*#__PURE__*/_react.default.createElement("div", {
     className: _TimelineItemSt.classes.labelAction,
     "data-hook": "".concat(_Timeline.dataHooks.timelineLabelAction, "-").concat(idx),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 53,
       columnNumber: 13
     }
-  }, item.labelAction) : null), item.suffix ? /*#__PURE__*/_react.default.createElement("div", {
+  }, labelAction) : null), suffix ? /*#__PURE__*/_react.default.createElement("div", {
     className: _TimelineItemSt.classes.suffix,
     "data-hook": "".concat(_Timeline.dataHooks.timelineSuffix, "-").concat(idx),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 62,
       columnNumber: 11
     }
-  }, (0, _StringUtils.isString)(item.suffix) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, (0, _StringUtils.isString)(suffix) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
     dataHook: "".concat(_Timeline.dataHooks.timelineTextSuffix, "-").concat(idx),
     weight: "thin",
     light: true,
@@ -111,10 +123,10 @@ function TimelineItem(_ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 67,
       columnNumber: 15
     }
-  }, item.suffix) : item.suffix) : null));
+  }, suffix) : suffix) : null));
 }
 TimelineItem.displayName = 'TimelineItem';
 TimelineItem.propTypes = {

package/dist/cjs/Timeline/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Text","_TimelineItemSt","_Timeline","_StringUtils","_jsxFileName","TimelineItem","_ref","idx","item","dataHook","gap","default","createElement","className","classes","event","__self","__source","fileName","lineNumber","columnNumber","Fragment","prefix","customPrefix","concat","dataHooks","timelineBulletIndicator","timelineDefaultPrefix","defaultIndicator","line","st","label","withSuffix","suffix","style","vars","marginBottom","isString","timelineLabel","weight","size","labelText","labelAction","timelineLabelAction","timelineSuffix","timelineTextSuffix","light","secondary","displayName","propTypes","PropTypes","string","number","shape","node","oneOfType","isRequired","_default","exports"],"sources":["../../../src/Timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Text from '../Text';\nimport { classes, st, vars } from './TimelineItem.st.css';\nimport { dataHooks } from './Timeline.constants';\n\nimport { isString } from '../utils/StringUtils';\nimport { TimelineItemProps } from './TimelineItem.types';\n\n/** A timeline item is a display of a timeline event */\nfunction TimelineItem({ idx, item, dataHook, gap }: TimelineItemProps) {\n  return (\n    <li className={classes.event} data-hook={dataHook}>\n      <>\n        <div className={classes.prefix}>\n          {item.customPrefix ? (\n            <div data-hook={`${dataHooks.timelineBulletIndicator}-${idx}`}>\n              {item.customPrefix}\n            </div>\n          ) : (\n            <div\n              data-hook={`${dataHooks.timelineDefaultPrefix}-${idx}`}\n              className={classes.defaultIndicator}\n            />\n          )}\n          <div className={classes.line} />\n        </div>\n        <div\n          className={st(classes.label, { withSuffix: !!item.suffix })}\n          style={{ [vars.marginBottom]: gap }}\n        >\n          {isString(item.label) ? (\n            <Text\n              dataHook={`${dataHooks.timelineLabel}-${idx}`}\n              weight=\"thin\"\n              size=\"small\"\n              className={classes.labelText}\n            >\n              {item.label}\n            </Text>\n          ) : (\n            item.label\n          )}\n          {item.labelAction ? (\n            <div\n              className={classes.labelAction}\n              data-hook={`${dataHooks.timelineLabelAction}-${idx}`}\n            >\n              {item.labelAction}\n            </div>\n          ) : null}\n        </div>\n        {item.suffix ? (\n          <div\n            className={classes.suffix}\n            data-hook={`${dataHooks.timelineSuffix}-${idx}`}\n          >\n            {isString(item.suffix) ? (\n              <Text\n                dataHook={`${dataHooks.timelineTextSuffix}-${idx}`}\n                weight=\"thin\"\n                light\n                secondary\n                size=\"small\"\n              >\n                {item.suffix}\n              </Text>\n            ) : (\n              item.suffix\n            )}\n          </div>\n        ) : null}\n      </>\n    </li>\n  );\n}\n\nTimelineItem.displayName = 'TimelineItem';\n\nTimelineItem.propTypes = {\n  dataHook: PropTypes.string,\n  idx: PropTypes.number,\n  item: PropTypes.shape({\n    label: PropTypes.node,\n    labelAction: PropTypes.node,\n    customPrefix: PropTypes.node,\n    suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n  }).isRequired,\n};\n\nexport default TimelineItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Text","_TimelineItemSt","_Timeline","_StringUtils","_jsxFileName","TimelineItem","_ref","idx","item","dataHook","gap","skin","customPrefix","suffix","label","labelAction","line","default","createElement","className","st","classes","event","__self","__source","fileName","lineNumber","columnNumber","Fragment","prefix","concat","dataHooks","timelineBulletIndicator","timelineDefaultPrefix","defaultIndicator","withSuffix","style","vars","marginBottom","isString","timelineLabel","weight","size","labelText","timelineLabelAction","timelineSuffix","timelineTextSuffix","light","secondary","displayName","propTypes","PropTypes","string","number","shape","node","oneOfType","isRequired","_default","exports"],"sources":["../../../src/Timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Text from '../Text';\nimport { classes, st, vars } from './TimelineItem.st.css';\nimport { dataHooks } from './Timeline.constants';\n\nimport { isString } from '../utils/StringUtils';\nimport { TimelineItemProps } from './TimelineItem.types';\n\n/** A timeline item is a display of a timeline event */\nfunction TimelineItem({\n  idx,\n  item,\n  dataHook,\n  gap,\n  skin = 'dark',\n}: TimelineItemProps) {\n  const { customPrefix, suffix, label, labelAction, line = 'filled' } = item;\n\n  return (\n    <li className={st(classes.event, { skin })} data-hook={dataHook}>\n      <>\n        <div className={classes.prefix}>\n          {customPrefix ? (\n            <div data-hook={`${dataHooks.timelineBulletIndicator}-${idx}`}>\n              {customPrefix}\n            </div>\n          ) : (\n            <div\n              data-hook={`${dataHooks.timelineDefaultPrefix}-${idx}`}\n              className={classes.defaultIndicator}\n            />\n          )}\n          <div className={st(classes.line, { line })} />\n        </div>\n        <div\n          className={st(classes.label, { withSuffix: !!suffix })}\n          style={{ [vars.marginBottom]: gap }}\n        >\n          {isString(label) ? (\n            <Text\n              dataHook={`${dataHooks.timelineLabel}-${idx}`}\n              weight=\"thin\"\n              size=\"small\"\n              className={classes.labelText}\n            >\n              {label}\n            </Text>\n          ) : (\n            label\n          )}\n          {labelAction ? (\n            <div\n              className={classes.labelAction}\n              data-hook={`${dataHooks.timelineLabelAction}-${idx}`}\n            >\n              {labelAction}\n            </div>\n          ) : null}\n        </div>\n        {suffix ? (\n          <div\n            className={classes.suffix}\n            data-hook={`${dataHooks.timelineSuffix}-${idx}`}\n          >\n            {isString(suffix) ? (\n              <Text\n                dataHook={`${dataHooks.timelineTextSuffix}-${idx}`}\n                weight=\"thin\"\n                light\n                secondary\n                size=\"small\"\n              >\n                {suffix}\n              </Text>\n            ) : (\n              suffix\n            )}\n          </div>\n        ) : null}\n      </>\n    </li>\n  );\n}\n\nTimelineItem.displayName = 'TimelineItem';\n\nTimelineItem.propTypes = {\n  dataHook: PropTypes.string,\n  idx: PropTypes.number,\n  item: PropTypes.shape({\n    label: PropTypes.node,\n    labelAction: PropTypes.node,\n    customPrefix: PropTypes.node,\n    suffix: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),\n  }).isRequired,\n};\n\nexport default TimelineItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Timeline/TimelineItem.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_TimelineItem";
+var _namespace_ = "wds_1_155_0_TimelineItem";
 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_153_0_TimelineItem__root","event":"wds_1_153_0_TimelineItem__event","prefix":"wds_1_153_0_TimelineItem__prefix","line":"wds_1_153_0_TimelineItem__line","defaultIndicator":"wds_1_153_0_TimelineItem__defaultIndicator","label":"wds_1_153_0_TimelineItem__label","labelText":"wds_1_153_0_TimelineItem__labelText","suffix":"wds_1_153_0_TimelineItem__suffix","labelAction":"wds_1_153_0_TimelineItem__labelAction"};
+module.exports.classes = {"root":"wds_1_155_0_TimelineItem__root","event":"wds_1_155_0_TimelineItem__event","prefix":"wds_1_155_0_TimelineItem__prefix","line":"wds_1_155_0_TimelineItem__line","defaultIndicator":"wds_1_155_0_TimelineItem__defaultIndicator","label":"wds_1_155_0_TimelineItem__label","labelText":"wds_1_155_0_TimelineItem__labelText","suffix":"wds_1_155_0_TimelineItem__suffix","labelAction":"wds_1_155_0_TimelineItem__labelAction"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"listItemHeight":"18px","inidicatorSize":"7px"}; 
-module.exports.vars = {"listItemHeight":"--wds_1_153_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_153_0_TimelineItem-marginBottom"}; 
+module.exports.vars = {"listItemHeight":"--wds_1_155_0_TimelineItem-listItemHeight","marginBottom":"--wds_1_155_0_TimelineItem-marginBottom"}; 
 
 
 

package/dist/cjs/Timeline/TimelineItem.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/Timeline/TimelineItem.types.ts"],"sourcesContent":["import { TimelineItem } from './Timeline.types';\n\nexport type TimelineItemProps = {\n  /** timeline event item index */\n  idx: number;\n  /** timeline event item */\n  item: TimelineItem;\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  gap?: string;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/Timeline/TimelineItem.types.ts"],"sourcesContent":["import { TimelineItem, TimelineSkin } from './Timeline.types';\n\nexport type TimelineItemProps = {\n  /** timeline event item index */\n  idx: number;\n  /** timeline event item */\n  item: TimelineItem;\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook?: string;\n  gap?: string;\n  /** Sets the skin of the event item */\n  skin?: TimelineSkin;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_Toast";
+var _namespace_ = "wds_1_155_0_Toast";
 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_153_0_Toast__root","content":"wds_1_153_0_Toast__content","dismiss":"wds_1_153_0_Toast__dismiss"};
+module.exports.classes = {"root":"wds_1_155_0_Toast__root","content":"wds_1_155_0_Toast__content","dismiss":"wds_1_155_0_Toast__dismiss"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ToggleButton";
+var _namespace_ = "wds_1_155_0_ToggleButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ToggleButton__root","label":"wds_1_153_0_ToggleButton__label","icon":"wds_1_153_0_ToggleButton__icon","labelContainer":"wds_1_153_0_ToggleButton__labelContainer","tooltip":"wds_1_153_0_ToggleButton__tooltip"};
+module.exports.classes = {"root":"wds_1_155_0_ToggleButton__root","label":"wds_1_155_0_ToggleButton__label","icon":"wds_1_155_0_ToggleButton__icon","labelContainer":"wds_1_155_0_ToggleButton__labelContainer","tooltip":"wds_1_155_0_ToggleButton__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_ToggleSwitch";
+var _namespace_ = "wds_1_155_0_ToggleSwitch";
 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_153_0_ToggleSwitch__root"};
+module.exports.classes = {"root":"wds_1_155_0_ToggleSwitch__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_155_0_ToggleSwitchCore";
 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_153_0_ToggleSwitchCore__root","input":"wds_1_153_0_ToggleSwitchCore__input","track":"wds_1_153_0_ToggleSwitchCore__track","knob":"wds_1_153_0_ToggleSwitchCore__knob","knobIcon":"wds_1_153_0_ToggleSwitchCore__knobIcon"};
+module.exports.classes = {"root":"wds_1_155_0_ToggleSwitchCore__root","input":"wds_1_155_0_ToggleSwitchCore__input","track":"wds_1_155_0_ToggleSwitchCore__track","knob":"wds_1_155_0_ToggleSwitchCore__knob","knobIcon":"wds_1_155_0_ToggleSwitchCore__knobIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_155_0_ToggleSwitchCoreColor";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ToggleSwitchCoreColor__root"};
+module.exports.classes = {"root":"wds_1_155_0_ToggleSwitchCoreColor__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_155_0_ToggleSwitchCoreLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ToggleSwitchCoreLayout__root"};
+module.exports.classes = {"root":"wds_1_155_0_ToggleSwitchCoreLayout__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_155_0_ToggleSwitchCoreStyle";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_ToggleSwitchCoreStyle__root"};
+module.exports.classes = {"root":"wds_1_155_0_ToggleSwitchCoreStyle__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_Tooltip";
+var _namespace_ = "wds_1_155_0_Tooltip";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Tooltip__root","text-small-normal":"wds_1_153_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_153_0_StylableTypography__text-tiny-thin","text":"wds_1_153_0_Tooltip__text"};
+module.exports.classes = {"root":"wds_1_155_0_Tooltip__root","text-small-normal":"wds_1_155_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_155_0_StylableTypography__text-tiny-thin","text":"wds_1_155_0_Tooltip__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_TopBanner";
+var _namespace_ = "wds_1_155_0_TopBanner";
 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_153_0_TopBanner__root","contentContainer":"wds_1_153_0_TopBanner__contentContainer","action":"wds_1_153_0_TopBanner__action"};
+module.exports.classes = {"root":"wds_1_155_0_TopBanner__root","contentContainer":"wds_1_155_0_TopBanner__contentContainer","action":"wds_1_155_0_TopBanner__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};