@wix/design-system 1.178.0 → 1.179.1

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_178_0_ButtonCore";
+var _namespace_ = "wds_1_179_1_ButtonCore";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_ButtonCore__root","content":"wds_1_178_0_ButtonCore__content","prefix":"wds_1_178_0_ButtonCore__prefix","suffix":"wds_1_178_0_ButtonCore__suffix"};
+module.exports.classes = {"root":"wds_1_179_1_ButtonCore__root","content":"wds_1_179_1_ButtonCore__content","prefix":"wds_1_179_1_ButtonCore__prefix","suffix":"wds_1_179_1_ButtonCore__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_178_0_BaseCalendar";
+var _namespace_ = "wds_1_179_1_BaseCalendar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_BaseCalendar__root","text-small-thin":"wds_1_178_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_178_0_StylableTypography__text-tiny-thin","container":"wds_1_178_0_BaseCalendar__container","months":"wds_1_178_0_BaseCalendar__months","month":"wds_1_178_0_BaseCalendar__month","weekdays":"wds_1_178_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_178_0_BaseCalendar__weekdaysRow","weekday":"wds_1_178_0_BaseCalendar__weekday","body":"wds_1_178_0_BaseCalendar__body","week":"wds_1_178_0_BaseCalendar__week","day":"wds_1_178_0_BaseCalendar__day","dayCircle":"wds_1_178_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_178_0_BaseCalendar__dayWrapper","dayText":"wds_1_178_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_178_0_BaseCalendar__dayIndicationContainer"};
+module.exports.classes = {"root":"wds_1_179_1_BaseCalendar__root","text-small-thin":"wds_1_179_1_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_179_1_StylableTypography__text-tiny-thin","container":"wds_1_179_1_BaseCalendar__container","months":"wds_1_179_1_BaseCalendar__months","month":"wds_1_179_1_BaseCalendar__month","weekdays":"wds_1_179_1_BaseCalendar__weekdays","weekdaysRow":"wds_1_179_1_BaseCalendar__weekdaysRow","weekday":"wds_1_179_1_BaseCalendar__weekday","body":"wds_1_179_1_BaseCalendar__body","week":"wds_1_179_1_BaseCalendar__week","day":"wds_1_179_1_BaseCalendar__day","dayCircle":"wds_1_179_1_BaseCalendar__dayCircle","dayWrapper":"wds_1_179_1_BaseCalendar__dayWrapper","dayText":"wds_1_179_1_BaseCalendar__dayText","dayIndicationContainer":"wds_1_179_1_BaseCalendar__dayIndicationContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_178_0_Calendar";
+var _namespace_ = "wds_1_179_1_Calendar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_Calendar__root","month":"wds_1_178_0_BaseCalendar__month","day":"wds_1_178_0_BaseCalendar__day","header":"wds_1_178_0_Calendar__header"};
+module.exports.classes = {"root":"wds_1_179_1_Calendar__root","month":"wds_1_179_1_BaseCalendar__month","day":"wds_1_179_1_BaseCalendar__day","header":"wds_1_179_1_Calendar__header"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_178_0_DatePickerDropdown";
+var _namespace_ = "wds_1_179_1_DatePickerDropdown";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_DatePickerDropdown__root","dropdown":"wds_1_178_0_DatePickerDropdown__dropdown","caption":"wds_1_178_0_DatePickerDropdown__caption"};
+module.exports.classes = {"root":"wds_1_179_1_DatePickerDropdown__root","dropdown":"wds_1_179_1_DatePickerDropdown__dropdown","caption":"wds_1_179_1_DatePickerDropdown__caption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_178_0_DatePickerHead";
+var _namespace_ = "wds_1_179_1_DatePickerHead";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_178_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_178_0_DatePickerHead__caption","monthDropdown":"wds_1_178_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_178_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_178_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_178_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_178_0_DatePickerHead__arrowIcon"};
+module.exports.classes = {"root":"wds_1_179_1_DatePickerHead__root","yearAndMonthWrapper":"wds_1_179_1_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_179_1_DatePickerHead__caption","monthDropdown":"wds_1_179_1_DatePickerHead__monthDropdown","yearDropdown":"wds_1_179_1_DatePickerHead__yearDropdown","arrowLeft":"wds_1_179_1_DatePickerHead__arrowLeft","arrowRight":"wds_1_179_1_DatePickerHead__arrowRight","arrowIcon":"wds_1_179_1_DatePickerHead__arrowIcon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_178_0_MonthDropdown";
+var _namespace_ = "wds_1_179_1_MonthDropdown";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_MonthDropdown__root"};
+module.exports.classes = {"root":"wds_1_179_1_MonthDropdown__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_178_0_YearDropdown";
+var _namespace_ = "wds_1_179_1_YearDropdown";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_YearDropdown__root"};
+module.exports.classes = {"root":"wds_1_179_1_YearDropdown__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_178_0_CalendarPanel";
+var _namespace_ = "wds_1_179_1_CalendarPanel";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_CalendarPanel__root","calendarWithPresets":"wds_1_178_0_CalendarPanel__calendarWithPresets","presets":"wds_1_178_0_CalendarPanel__presets","calendar":"wds_1_178_0_CalendarPanel__calendar","footer":"wds_1_178_0_CalendarPanel__footer"};
+module.exports.classes = {"root":"wds_1_179_1_CalendarPanel__root","calendarWithPresets":"wds_1_179_1_CalendarPanel__calendarWithPresets","presets":"wds_1_179_1_CalendarPanel__presets","calendar":"wds_1_179_1_CalendarPanel__calendar","footer":"wds_1_179_1_CalendarPanel__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/Card.js

@@ -10,7 +10,7 @@ var _Header = _interopRequireDefault(require("./components/Header"));
 var _Subheader = _interopRequireDefault(require("./components/Subheader"));
 var _Divider = _interopRequireDefault(require("./components/Divider"));
 var _CardSt = require("./Card.st.css.js");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Card/Card.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Card/Card.tsx";
 var Card = _ref => {
   var {
     stretchVertically = false,
@@ -33,7 +33,7 @@ var Card = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 20,
       columnNumber: 3
     }
   }, controls && /*#__PURE__*/_react.default.createElement("div", {
@@ -41,30 +41,20 @@ var Card = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 28,
       columnNumber: 18
     }
   }, controls), children);
 };
 Card.displayName = 'Card';
 Card.propTypes = {
-  /** Contains elements inside the card `<Card.Header/>`, `<Card.Subeader/>`, `<Card.Content/>` or `<Card.Divider/>` */
   children: _propTypes.default.node,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
   className: _propTypes.default.string,
-  /** Contains elements that control the component (usually a <CloseButton/>) */
   controls: _propTypes.default.node,
-  /** Makes a card stretch vertically to max height in a layout or container */
   stretchVertically: _propTypes.default.bool,
-  /** Applies a drop shadow effect */
   showShadow: _propTypes.default.bool,
-  /** Hides a portion of card content that overflows its dimensions */
   hideOverflow: _propTypes.default.bool,
-  /** Applies a data-hook HTML attribute to be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Applies highlighting effect on the borders of the component */
   highlight: _propTypes.default.oneOf(['focus'])
 };
 Card.Content = _Content.default;

package/dist/cjs/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Content","_Header","_Subheader","_Divider","_CardSt","_jsxFileName","Card","_ref","stretchVertically","showShadow","hideOverflow","highlight","className","children","controls","dataHook","default","createElement","st","classes","card","__self","__source","fileName","lineNumber","columnNumber","displayName","propTypes","PropTypes","node","string","bool","oneOf","Content","Header","Divider","Subheader","_default","exports"],"sources":["../../../src/Card/Card.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Content from './components/Content';\nimport Header from './components/Header';\nimport Subheader from './components/Subheader';\nimport Divider from './components/Divider';\nimport { st, classes } from './Card.st.css';\n\nconst Card = ({\n  stretchVertically = false,\n  showShadow = false,\n  hideOverflow,\n  highlight,\n  className,\n  children,\n  controls,\n  dataHook,\n}) => (\n  <div\n    className={st(\n      classes.card,\n      { stretchVertically, hideOverflow, showShadow, highlight },\n      className,\n    )}\n    data-hook={dataHook}\n  >\n    {controls && <div className={classes.controls}>{controls}</div>}\n    {children}\n  </div>\n);\n\nCard.displayName = 'Card';\n\nCard.propTypes = {\n  /** Contains elements inside the card `<Card.Header/>`, `<Card.Subeader/>`, `<Card.Content/>` or `<Card.Divider/>` */\n  children: PropTypes.node,\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className: PropTypes.string,\n  /** Contains elements that control the component (usually a <CloseButton/>) */\n  controls: PropTypes.node,\n  /** Makes a card stretch vertically to max height in a layout or container */\n  stretchVertically: PropTypes.bool,\n  /** Applies a drop shadow effect */\n  showShadow: PropTypes.bool,\n  /** Hides a portion of card content that overflows its dimensions */\n  hideOverflow: PropTypes.bool,\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook: PropTypes.string,\n  /** Applies highlighting effect on the borders of the component */\n  highlight: PropTypes.oneOf(['focus']),\n};\n\nCard.Content = Content;\nCard.Header = Header;\nCard.Divider = Divider;\nCard.Subheader = Subheader;\n\nexport default Card;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA4C,IAAAO,YAAA;AAE5C,IAAMC,IAAI,GAAGC,IAAA;EAAA,IAAC;IACZC,iBAAiB,GAAG,KAAK;IACzBC,UAAU,GAAG,KAAK;IAClBC,YAAY;IACZC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACRC;EACF,CAAC,GAAAR,IAAA;EAAA,oBACCX,MAAA,CAAAoB,OAAA,CAAAC,aAAA;IACEL,SAAS,EAAE,IAAAM,UAAE,EACXC,eAAO,CAACC,IAAI,EACZ;MAAEZ,iBAAiB;MAAEE,YAAY;MAAED,UAAU;MAAEE;IAAU,CAAC,EAC1DC,SACF,CAAE;IACF,aAAWG,QAAS;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnBX,QAAQ,iBAAIlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA;IAAKL,SAAS,EAAEO,eAAO,CAACL,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEX,QAAc,CAAC,EAC9DD,QACE,CAAC;AAAA,CACP;AAEDP,IAAI,CAACoB,WAAW,GAAG,MAAM;AAEzBpB,IAAI,CAACqB,SAAS,GAAG;EACf;EACAd,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxB;AACF;AACA;EACEjB,SAAS,EAAEgB,kBAAS,CAACE,MAAM;EAC3B;EACAhB,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxB;EACArB,iBAAiB,EAAEoB,kBAAS,CAACG,IAAI;EACjC;EACAtB,UAAU,EAAEmB,kBAAS,CAACG,IAAI;EAC1B;EACArB,YAAY,EAAEkB,kBAAS,CAACG,IAAI;EAC5B;EACAhB,QAAQ,EAAEa,kBAAS,CAACE,MAAM;EAC1B;EACAnB,SAAS,EAAEiB,kBAAS,CAACI,KAAK,CAAC,CAAC,OAAO,CAAC;AACtC,CAAC;AAED1B,IAAI,CAAC2B,OAAO,GAAGA,gBAAO;AACtB3B,IAAI,CAAC4B,MAAM,GAAGA,eAAM;AACpB5B,IAAI,CAAC6B,OAAO,GAAGA,gBAAO;AACtB7B,IAAI,CAAC8B,SAAS,GAAGA,kBAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEZV,IAAI","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Content","_Header","_Subheader","_Divider","_CardSt","_jsxFileName","Card","_ref","stretchVertically","showShadow","hideOverflow","highlight","className","children","controls","dataHook","default","createElement","st","classes","card","__self","__source","fileName","lineNumber","columnNumber","displayName","propTypes","PropTypes","node","string","bool","oneOf","Content","Header","Divider","Subheader","_default","exports"],"sources":["../../../src/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Content from './components/Content';\nimport Header from './components/Header';\nimport Subheader from './components/Subheader';\nimport Divider from './components/Divider';\nimport { st, classes } from './Card.st.css';\nimport { CardProps } from './Card.types';\n\nconst Card = ({\n  stretchVertically = false,\n  showShadow = false,\n  hideOverflow,\n  highlight,\n  className,\n  children,\n  controls,\n  dataHook,\n}: CardProps) => (\n  <div\n    className={st(\n      classes.card,\n      { stretchVertically, hideOverflow, showShadow, highlight },\n      className,\n    )}\n    data-hook={dataHook}\n  >\n    {controls && <div className={classes.controls}>{controls}</div>}\n    {children}\n  </div>\n);\n\nCard.displayName = 'Card';\n\nCard.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  controls: PropTypes.node,\n  stretchVertically: PropTypes.bool,\n  showShadow: PropTypes.bool,\n  hideOverflow: PropTypes.bool,\n  dataHook: PropTypes.string,\n  highlight: PropTypes.oneOf(['focus']),\n};\n\nCard.Content = Content;\nCard.Header = Header;\nCard.Divider = Divider;\nCard.Subheader = Subheader;\n\nexport default Card;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA4C,IAAAO,YAAA;AAG5C,IAAMC,IAAI,GAAGC,IAAA;EAAA,IAAC;IACZC,iBAAiB,GAAG,KAAK;IACzBC,UAAU,GAAG,KAAK;IAClBC,YAAY;IACZC,SAAS;IACTC,SAAS;IACTC,QAAQ;IACRC,QAAQ;IACRC;EACS,CAAC,GAAAR,IAAA;EAAA,oBACVX,MAAA,CAAAoB,OAAA,CAAAC,aAAA;IACEL,SAAS,EAAE,IAAAM,UAAE,EACXC,eAAO,CAACC,IAAI,EACZ;MAAEZ,iBAAiB;MAAEE,YAAY;MAAED,UAAU;MAAEE;IAAU,CAAC,EAC1DC,SACF,CAAE;IACF,aAAWG,QAAS;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnBX,QAAQ,iBAAIlB,MAAA,CAAAoB,OAAA,CAAAC,aAAA;IAAKL,SAAS,EAAEO,eAAO,CAACL,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEX,QAAc,CAAC,EAC9DD,QACE,CAAC;AAAA,CACP;AAEDP,IAAI,CAACoB,WAAW,GAAG,MAAM;AAEzBpB,IAAI,CAACqB,SAAS,GAAG;EACfd,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBjB,SAAS,EAAEgB,kBAAS,CAACE,MAAM;EAC3BhB,QAAQ,EAAEc,kBAAS,CAACC,IAAI;EACxBrB,iBAAiB,EAAEoB,kBAAS,CAACG,IAAI;EACjCtB,UAAU,EAAEmB,kBAAS,CAACG,IAAI;EAC1BrB,YAAY,EAAEkB,kBAAS,CAACG,IAAI;EAC5BhB,QAAQ,EAAEa,kBAAS,CAACE,MAAM;EAC1BnB,SAAS,EAAEiB,kBAAS,CAACI,KAAK,CAAC,CAAC,OAAO,CAAC;AACtC,CAAC;AAED1B,IAAI,CAAC2B,OAAO,GAAGA,gBAAO;AACtB3B,IAAI,CAAC4B,MAAM,GAAGA,eAAM;AACpB5B,IAAI,CAAC6B,OAAO,GAAGA,gBAAO;AACtB7B,IAAI,CAAC8B,SAAS,GAAGA,kBAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEZV,IAAI","ignoreList":[]}

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_178_0_Card";
+var _namespace_ = "wds_1_179_1_Card";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_Card__root","card":"wds_1_178_0_Card__card","controls":"wds_1_178_0_Card__controls"};
+module.exports.classes = {"root":"wds_1_179_1_Card__root","card":"wds_1_179_1_Card__card","controls":"wds_1_179_1_Card__controls"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/{components/Divider/index.d.js → Card.types.js}

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Card/Card.types.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type CardProps = {\n  /** Contains elements inside the card `<Card.Header/>`, `<Card.Subeader/>`, `<Card.Content/>` or `<Card.Divider/>`. */\n  children?: React.ReactNode;\n  /** Contains elements that control the component (usually a <CloseButton/>). */\n  controls?: React.ReactNode;\n  /** Makes a card stretch vertically to max height in a layout or container. */\n  stretchVertically?: boolean;\n  /** Hides a portion of card content that overflows its dimensions. */\n  hideOverflow?: boolean;\n  /** Applies a drop shadow effect. */\n  showShadow?: boolean;\n  /** Applies a data-hook HTML attribute to be used in the tests. */\n  dataHook?: string;\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n  /** Applies highlighting effect on the borders of the component. */\n  highlight?: 'focus';\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_178_0_CardContent";
+var _namespace_ = "wds_1_179_1_CardContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_CardContent__root"};
+module.exports.classes = {"root":"wds_1_179_1_CardContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/components/Divider/index.js

@@ -7,13 +7,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Divider = _interopRequireDefault(require("../../../Divider"));
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Card/components/Divider/index.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Card/components/Divider/index.tsx";
 var Divider = props => /*#__PURE__*/_react.default.createElement(_Divider.default, (0, _extends2.default)({}, props, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
     lineNumber: 6,
-    columnNumber: 26
+    columnNumber: 42
   }
 }));
 Divider.propTypes = {

package/dist/cjs/Card/components/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Divider","_jsxFileName","Divider","props","default","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","propTypes","dataHook","PropTypes","string","displayName","_default","exports"],"sources":["../../../../../src/Card/components/Divider/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport CoreDivider from '../../../Divider';\n\nconst Divider = props => <CoreDivider {...props} />;\n\nDivider.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n};\n\nDivider.displayName = 'Card.Divider';\n\nexport default Divider;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA2C,IAAAG,YAAA;AAE3C,IAAMC,OAAO,GAAGC,KAAK,iBAAIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,QAAA,CAAAI,OAAW,MAAAE,SAAA,CAAAF,OAAA,MAAKD,KAAK;EAAAI,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CAAC;AAEnDT,OAAO,CAACU,SAAS,GAAG;EAClB;EACAC,QAAQ,EAAEC,kBAAS,CAACC;AACtB,CAAC;AAEDb,OAAO,CAACc,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEtBF,OAAO","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Divider","_jsxFileName","Divider","props","default","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","propTypes","dataHook","PropTypes","string","displayName","_default","exports"],"sources":["../../../../../src/Card/components/Divider/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport CoreDivider, { DividerProps } from '../../../Divider';\n\nconst Divider = (props: DividerProps) => <CoreDivider {...props} />;\n\nDivider.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests. */\n  dataHook: PropTypes.string,\n};\n\nDivider.displayName = 'Card.Divider';\n\nexport default Divider;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA6D,IAAAG,YAAA;AAE7D,IAAMC,OAAO,GAAIC,KAAmB,iBAAKP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,QAAA,CAAAI,OAAW,MAAAE,SAAA,CAAAF,OAAA,MAAKD,KAAK;EAAAI,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CAAC;AAEnET,OAAO,CAACU,SAAS,GAAG;EAClB;EACAC,QAAQ,EAAEC,kBAAS,CAACC;AACtB,CAAC;AAEDb,OAAO,CAACc,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEtBF,OAAO","ignoreList":[]}

package/dist/cjs/Card/components/Header/Header.constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DATA_HOOKS = void 0;
+var DATA_HOOKS = exports.DATA_HOOKS = {
+  title: 'title',
+  subtitle: 'subtitle',
+  suffix: 'suffix'
+};
+//# sourceMappingURL=Header.constants.js.map

package/dist/cjs/Card/components/Header/Header.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DATA_HOOKS","exports","title","subtitle","suffix"],"sources":["../../../../../src/Card/components/Header/Header.constants.ts"],"sourcesContent":["export const DATA_HOOKS = {\n  title: 'title',\n  subtitle: 'subtitle',\n  suffix: 'suffix',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACV,CAAU","ignoreList":[]}

package/dist/cjs/Card/components/Header/Header.driver.js

@@ -2,13 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-var _hooks = require("./hooks");
+var _Header = require("./Header.constants");
 var headerDriverFactory = _ref => {
   var {
     element
   } = _ref;
-  var _title = () => element.querySelector("[data-hook=\"".concat(_hooks.DataHooks.title, "\"]"));
-  var _subtitle = () => element.querySelector("[data-hook=\"".concat(_hooks.DataHooks.subtitle, "\"]"));
+  var _title = () => element.querySelector("[data-hook=\"".concat(_Header.DATA_HOOKS.title, "\"]"));
+  var _subtitle = () => element.querySelector("[data-hook=\"".concat(_Header.DATA_HOOKS.subtitle, "\"]"));
   return {
     exists: () => !!element,
     title: () => {

package/dist/cjs/Card/components/Header/Header.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_hooks","require","headerDriverFactory","_ref","element","title","querySelector","concat","DataHooks","subtitle","exists","el","textContent","_default","exports","default"],"sources":["../../../../../src/Card/components/Header/Header.driver.js"],"sourcesContent":["import { DataHooks } from './hooks';\n\nconst headerDriverFactory = ({ element }) => {\n  const title = () => element.querySelector(`[data-hook=\"${DataHooks.title}\"]`);\n  const subtitle = () =>\n    element.querySelector(`[data-hook=\"${DataHooks.subtitle}\"]`);\n\n  return {\n    exists: () => !!element,\n    title: () => {\n      const el = title();\n      return el && el.textContent;\n    },\n    subtitle: () => {\n      const el = subtitle();\n      return el && el.textContent;\n    },\n  };\n};\n\nexport default headerDriverFactory;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAMC,mBAAmB,GAAGC,IAAA,IAAiB;EAAA,IAAhB;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EACtC,IAAME,MAAK,GAAGA,CAAA,KAAMD,OAAO,CAACE,aAAa,iBAAAC,MAAA,CAAgBC,gBAAS,CAACH,KAAK,QAAI,CAAC;EAC7E,IAAMI,SAAQ,GAAGA,CAAA,KACfL,OAAO,CAACE,aAAa,iBAAAC,MAAA,CAAgBC,gBAAS,CAACC,QAAQ,QAAI,CAAC;EAE9D,OAAO;IACLC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAACN,OAAO;IACvBC,KAAK,EAAEA,CAAA,KAAM;MACX,IAAMM,EAAE,GAAGN,MAAK,CAAC,CAAC;MAClB,OAAOM,EAAE,IAAIA,EAAE,CAACC,WAAW;IAC7B,CAAC;IACDH,QAAQ,EAAEA,CAAA,KAAM;MACd,IAAME,EAAE,GAAGF,SAAQ,CAAC,CAAC;MACrB,OAAOE,EAAE,IAAIA,EAAE,CAACC,WAAW;IAC7B;EACF,CAAC;AACH,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEab,mBAAmB","ignoreList":[]}
+{"version":3,"names":["_Header","require","headerDriverFactory","_ref","element","title","querySelector","concat","DATA_HOOKS","subtitle","exists","el","textContent","_default","exports","default"],"sources":["../../../../../src/Card/components/Header/Header.driver.js"],"sourcesContent":["import { DATA_HOOKS } from './Header.constants';\n\nconst headerDriverFactory = ({ element }) => {\n  const title = () => element.querySelector(`[data-hook=\"${DATA_HOOKS.title}\"]`);\n  const subtitle = () =>\n    element.querySelector(`[data-hook=\"${DATA_HOOKS.subtitle}\"]`);\n\n  return {\n    exists: () => !!element,\n    title: () => {\n      const el = title();\n      return el && el.textContent;\n    },\n    subtitle: () => {\n      const el = subtitle();\n      return el && el.textContent;\n    },\n  };\n};\n\nexport default headerDriverFactory;\n"],"mappings":";;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAMC,mBAAmB,GAAGC,IAAA,IAAiB;EAAA,IAAhB;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EACtC,IAAME,MAAK,GAAGA,CAAA,KAAMD,OAAO,CAACE,aAAa,iBAAAC,MAAA,CAAgBC,kBAAU,CAACH,KAAK,QAAI,CAAC;EAC9E,IAAMI,SAAQ,GAAGA,CAAA,KACfL,OAAO,CAACE,aAAa,iBAAAC,MAAA,CAAgBC,kBAAU,CAACC,QAAQ,QAAI,CAAC;EAE/D,OAAO;IACLC,MAAM,EAAEA,CAAA,KAAM,CAAC,CAACN,OAAO;IACvBC,KAAK,EAAEA,CAAA,KAAM;MACX,IAAMM,EAAE,GAAGN,MAAK,CAAC,CAAC;MAClB,OAAOM,EAAE,IAAIA,EAAE,CAACC,WAAW;IAC7B,CAAC;IACDH,QAAQ,EAAEA,CAAA,KAAM;MACd,IAAME,EAAE,GAAGF,SAAQ,CAAC,CAAC;MACrB,OAAOE,EAAE,IAAIA,EAAE,CAACC,WAAW;IAC7B;EACF,CAAC;AACH,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEab,mBAAmB","ignoreList":[]}

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

@@ -8,99 +8,89 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _HeaderSt = require("./Header.st.css.js");
 var _Heading = _interopRequireDefault(require("../../../Heading"));
 var _Text = _interopRequireDefault(require("../../../Text"));
-var _hooks = require("./hooks");
+var _Header = require("./Header.constants");
 var _StringUtils = require("../../../utils/StringUtils");
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Card/components/Header/Header.js";
-class Header extends _react.default.PureComponent {
-  render() {
-    var {
-      dataHook,
-      title,
-      subtitle,
-      suffix,
-      className
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": dataHook,
-      className: (0, _HeaderSt.st)(_HeaderSt.classes.root, {}, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 36,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: _HeaderSt.classes.titleWrapper,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 37,
-        columnNumber: 9
-      }
-    }, (0, _StringUtils.isString)(title) ? /*#__PURE__*/_react.default.createElement(_Heading.default, {
-      dataHook: _hooks.DataHooks.title,
-      size: "medium",
-      children: title,
-      className: _HeaderSt.classes.title,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 39,
-        columnNumber: 13
-      }
-    }) : /*#__PURE__*/_react.default.createElement("span", {
-      "data-hook": _hooks.DataHooks.title,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 46,
-        columnNumber: 13
-      }
-    }, title), subtitle && (0, _StringUtils.isString)(subtitle) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
-      dataHook: _hooks.DataHooks.subtitle,
-      children: subtitle,
-      secondary: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 50,
-        columnNumber: 13
-      }
-    }) : /*#__PURE__*/_react.default.createElement("span", {
-      "data-hook": _hooks.DataHooks.subtitle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 52,
-        columnNumber: 13
-      }
-    }, subtitle)), suffix && /*#__PURE__*/_react.default.createElement("div", {
-      "data-hook": _hooks.DataHooks.suffix,
-      className: _HeaderSt.classes.suffix,
-      children: suffix,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 57,
-        columnNumber: 11
-      }
-    }));
-  }
-}
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Card/components/Header/Header.tsx";
+var Header = _ref => {
+  var {
+    dataHook,
+    title,
+    subtitle,
+    suffix,
+    className
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": dataHook,
+    className: (0, _HeaderSt.st)(_HeaderSt.classes.root, {}, className),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _HeaderSt.classes.titleWrapper,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 7
+    }
+  }, (0, _StringUtils.isString)(title) ? /*#__PURE__*/_react.default.createElement(_Heading.default, {
+    dataHook: _Header.DATA_HOOKS.title,
+    size: "medium",
+    children: title,
+    className: _HeaderSt.classes.title,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 11
+    }
+  }) : /*#__PURE__*/_react.default.createElement("span", {
+    "data-hook": _Header.DATA_HOOKS.title,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 11
+    }
+  }, title), subtitle && (0, _StringUtils.isString)(subtitle) ? /*#__PURE__*/_react.default.createElement(_Text.default, {
+    dataHook: _Header.DATA_HOOKS.subtitle,
+    children: subtitle,
+    secondary: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 11
+    }
+  }) : /*#__PURE__*/_react.default.createElement("span", {
+    "data-hook": _Header.DATA_HOOKS.subtitle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 11
+    }
+  }, subtitle)), suffix && /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": _Header.DATA_HOOKS.suffix,
+    className: _HeaderSt.classes.suffix,
+    children: suffix,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 9
+    }
+  }));
+};
 Header.displayName = 'Card.Header';
 Header.propTypes = {
-  /** Applies a data-hook HTML attribute to be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Sets card title text value. Title can also be overridden to any other component. */
   title: _propTypes.default.node.isRequired,
-  /** Sets card subtitle text value. Subtitle can also be overridden to any other component. */
   subtitle: _propTypes.default.node,
-  /** Adds an empty container on the right side of a header. Used to store action buttons or other components. */
   suffix: _propTypes.default.node,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
-
   className: _propTypes.default.string
 };
 var _default = exports.default = Header;

package/dist/cjs/Card/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_HeaderSt","_Heading","_Text","_hooks","_StringUtils","_jsxFileName","Header","React","PureComponent","render","dataHook","title","subtitle","suffix","className","props","default","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","titleWrapper","isString","DataHooks","size","children","secondary","displayName","propTypes","PropTypes","string","node","isRequired","_default","exports"],"sources":["../../../../../src/Card/components/Header/Header.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './Header.st.css';\nimport Heading from '../../../Heading';\nimport Text from '../../../Text';\nimport { DataHooks } from './hooks';\nimport { isString } from '../../../utils/StringUtils';\n\nclass Header extends React.PureComponent {\n  static displayName = 'Card.Header';\n\n  static propTypes = {\n    /** Applies a data-hook HTML attribute to be used in the tests */\n    dataHook: PropTypes.string,\n\n    /** Sets card title text value. Title can also be overridden to any other component. */\n    title: PropTypes.node.isRequired,\n\n    /** Sets card subtitle text value. Subtitle can also be overridden to any other component. */\n    subtitle: PropTypes.node,\n\n    /** Adds an empty container on the right side of a header. Used to store action buttons or other components. */\n    suffix: PropTypes.node,\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\n  render() {\n    const { dataHook, title, subtitle, suffix, className } = this.props;\n\n    return (\n      <div data-hook={dataHook} className={st(classes.root, {}, className)}>\n        <div className={classes.titleWrapper}>\n          {isString(title) ? (\n            <Heading\n              dataHook={DataHooks.title}\n              size=\"medium\"\n              children={title}\n              className={classes.title}\n            />\n          ) : (\n            <span data-hook={DataHooks.title}>{title}</span>\n          )}\n\n          {subtitle && isString(subtitle) ? (\n            <Text dataHook={DataHooks.subtitle} children={subtitle} secondary />\n          ) : (\n            <span data-hook={DataHooks.subtitle}>{subtitle}</span>\n          )}\n        </div>\n\n        {suffix && (\n          <div\n            data-hook={DataHooks.suffix}\n            className={classes.suffix}\n            children={suffix}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_HeaderSt","_Heading","_Text","_Header","_StringUtils","_jsxFileName","Header","_ref","dataHook","title","subtitle","suffix","className","default","createElement","st","classes","root","__self","__source","fileName","lineNumber","columnNumber","titleWrapper","isString","DATA_HOOKS","size","children","secondary","displayName","propTypes","PropTypes","string","node","isRequired","_default","exports"],"sources":["../../../../../src/Card/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './Header.st.css';\nimport Heading from '../../../Heading';\nimport Text from '../../../Text';\nimport { DATA_HOOKS } from './Header.constants';\nimport { isString } from '../../../utils/StringUtils';\nimport { HeaderProps } from './Header.types';\n\nconst Header = ({ dataHook, title, subtitle, suffix, className }: HeaderProps) => {\n  return (\n    <div data-hook={dataHook} className={st(classes.root, {}, className)}>\n      <div className={classes.titleWrapper}>\n        {isString(title) ? (\n          <Heading\n            dataHook={DATA_HOOKS.title}\n            size=\"medium\"\n            children={title}\n            className={classes.title}\n          />\n        ) : (\n          <span data-hook={DATA_HOOKS.title}>{title}</span>\n        )}\n\n        {subtitle && isString(subtitle) ? (\n          <Text dataHook={DATA_HOOKS.subtitle} children={subtitle} secondary />\n        ) : (\n          <span data-hook={DATA_HOOKS.subtitle}>{subtitle}</span>\n        )}\n      </div>\n\n      {suffix && (\n        <div\n          data-hook={DATA_HOOKS.suffix}\n          className={classes.suffix}\n          children={suffix}\n        />\n      )}\n    </div>\n  );\n}\n\nHeader.displayName = 'Card.Header';\n\nHeader.propTypes = {\n  dataHook: PropTypes.string,\n  title: PropTypes.node.isRequired,\n  subtitle: PropTypes.node,\n  suffix: PropTypes.node,\n  className: PropTypes.string,\n};\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_178_0_CardHeader";
+var _namespace_ = "wds_1_179_1_CardHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_178_0_CardHeader__root","suffix":"wds_1_178_0_CardHeader__suffix","titleWrapper":"wds_1_178_0_CardHeader__titleWrapper","title":"wds_1_178_0_CardHeader__title"};
+module.exports.classes = {"root":"wds_1_179_1_CardHeader__root","suffix":"wds_1_179_1_CardHeader__suffix","titleWrapper":"wds_1_179_1_CardHeader__titleWrapper","title":"wds_1_179_1_CardHeader__title"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Card/{index.d.js → components/Header/Header.types.js}

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

package/dist/cjs/Card/components/Header/Header.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/Card/components/Header/Header.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport interface HeaderProps {\n  /** Applies a data-hook HTML attribute to be used in the tests. */\n  dataHook?: string;\n  /** Sets card title text value. Title can also be overridden to any other component. */\n  title?: ReactNode;\n  /** Sets card subtitle text value. Subtitle can also be overridden to any other component. */\n  subtitle?: ReactNode;\n  /** Adds an empty container on the right side of a header. Used to store action buttons or other components. */\n  suffix?: ReactNode;\n  /**\n   * Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n  className?: string;\n}\n"],"mappings":"","ignoreList":[]}