@wix/design-system 1.168.0 → 1.170.0

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_Button";
+var _namespace_ = "wds_1_170_0_Button";
 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_168_0_Button__root","text-tiny-normal":"wds_1_168_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_168_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_168_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_168_0_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_170_0_Button__root","text-tiny-normal":"wds_1_170_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_170_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_170_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_170_0_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_ButtonCore";
+var _namespace_ = "wds_1_170_0_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_168_0_ButtonCore__root","content":"wds_1_168_0_ButtonCore__content","prefix":"wds_1_168_0_ButtonCore__prefix","suffix":"wds_1_168_0_ButtonCore__suffix"};
+module.exports.classes = {"root":"wds_1_170_0_ButtonCore__root","content":"wds_1_170_0_ButtonCore__content","prefix":"wds_1_170_0_ButtonCore__prefix","suffix":"wds_1_170_0_ButtonCore__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CDN_URLS.js

@@ -1,10 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-exports.TOKENS_STUDIO_CSS_CDN_URL = exports.TOKENS_DEFAULT_CSS_CDN_URL = exports.JS_ESM_CDN_URL = exports.CSS_CDN_URL = void 0;
+exports.TOKENS_WIXEL_CSS_CDN_URL = exports.TOKENS_STUDIO_CSS_CDN_URL = exports.TOKENS_DEFAULT_CSS_CDN_URL = exports.JS_ESM_CDN_URL = exports.CSS_CDN_URL = void 0;
 var _version = require("./version");
 var CSS_CDN_URL = exports.CSS_CDN_URL = "https://static.parastorage.com/unpkg/@wix/design-system@".concat(_version.LIB_VERSION, "/dist/statics/styles.global.css");
 var JS_ESM_CDN_URL = exports.JS_ESM_CDN_URL = "https://static.parastorage.com/unpkg/@wix/design-system@".concat(_version.LIB_VERSION, "/dist/statics/design-system.esm.min.js");
 var TOKENS_DEFAULT_CSS_CDN_URL = exports.TOKENS_DEFAULT_CSS_CDN_URL = "https://static.parastorage.com/unpkg/@wix/design-system@".concat(_version.LIB_VERSION, "/dist/statics/tokens-default.global.css");
 var TOKENS_STUDIO_CSS_CDN_URL = exports.TOKENS_STUDIO_CSS_CDN_URL = "https://static.parastorage.com/unpkg/@wix/design-system@".concat(_version.LIB_VERSION, "/dist/statics/tokens-studio.global.css");
+var TOKENS_WIXEL_CSS_CDN_URL = exports.TOKENS_WIXEL_CSS_CDN_URL = "https://static.parastorage.com/unpkg/@wix/design-system@".concat(_version.LIB_VERSION, "/dist/statics/tokens-wixel.global.css");
 //# sourceMappingURL=CDN_URLS.js.map

package/dist/cjs/CDN_URLS.js.map

@@ -1 +1 @@
-{"version":3,"names":["_version","require","CSS_CDN_URL","exports","concat","LIB_VERSION","JS_ESM_CDN_URL","TOKENS_DEFAULT_CSS_CDN_URL","TOKENS_STUDIO_CSS_CDN_URL"],"sources":["../../src/CDN_URLS.js"],"sourcesContent":["import { LIB_VERSION } from './version';\n\nexport const CSS_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/styles.global.css`;\nexport const JS_ESM_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/design-system.esm.min.js`;\nexport const TOKENS_DEFAULT_CSS_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/tokens-default.global.css`;\nexport const TOKENS_STUDIO_CSS_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/tokens-studio.global.css`;\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,8DAAAE,MAAA,CAA8DC,oBAAW,oCAAiC;AAC3H,IAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,8DAAAF,MAAA,CAA8DC,oBAAW,2CAAwC;AACrI,IAAME,0BAA0B,GAAAJ,OAAA,CAAAI,0BAAA,8DAAAH,MAAA,CAA8DC,oBAAW,4CAAyC;AAClJ,IAAMG,yBAAyB,GAAAL,OAAA,CAAAK,yBAAA,8DAAAJ,MAAA,CAA8DC,oBAAW,2CAAwC","ignoreList":[]}
+{"version":3,"names":["_version","require","CSS_CDN_URL","exports","concat","LIB_VERSION","JS_ESM_CDN_URL","TOKENS_DEFAULT_CSS_CDN_URL","TOKENS_STUDIO_CSS_CDN_URL","TOKENS_WIXEL_CSS_CDN_URL"],"sources":["../../src/CDN_URLS.js"],"sourcesContent":["import { LIB_VERSION } from './version';\n\nexport const CSS_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/styles.global.css`;\nexport const JS_ESM_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/design-system.esm.min.js`;\nexport const TOKENS_DEFAULT_CSS_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/tokens-default.global.css`;\nexport const TOKENS_STUDIO_CSS_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/tokens-studio.global.css`;\nexport const TOKENS_WIXEL_CSS_CDN_URL = `https://static.parastorage.com/unpkg/@wix/design-system@${LIB_VERSION}/dist/statics/tokens-wixel.global.css`;\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEO,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,8DAAAE,MAAA,CAA8DC,oBAAW,oCAAiC;AAC3H,IAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,8DAAAF,MAAA,CAA8DC,oBAAW,2CAAwC;AACrI,IAAME,0BAA0B,GAAAJ,OAAA,CAAAI,0BAAA,8DAAAH,MAAA,CAA8DC,oBAAW,4CAAyC;AAClJ,IAAMG,yBAAyB,GAAAL,OAAA,CAAAK,yBAAA,8DAAAJ,MAAA,CAA8DC,oBAAW,2CAAwC;AAChJ,IAAMI,wBAAwB,GAAAN,OAAA,CAAAM,wBAAA,8DAAAL,MAAA,CAA8DC,oBAAW,0CAAuC","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_BaseCalendar";
+var _namespace_ = "wds_1_170_0_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_168_0_BaseCalendar__root","text-small-thin":"wds_1_168_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_168_0_StylableTypography__text-tiny-thin","container":"wds_1_168_0_BaseCalendar__container","months":"wds_1_168_0_BaseCalendar__months","month":"wds_1_168_0_BaseCalendar__month","weekdays":"wds_1_168_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_168_0_BaseCalendar__weekdaysRow","weekday":"wds_1_168_0_BaseCalendar__weekday","body":"wds_1_168_0_BaseCalendar__body","week":"wds_1_168_0_BaseCalendar__week","day":"wds_1_168_0_BaseCalendar__day","dayCircle":"wds_1_168_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_168_0_BaseCalendar__dayWrapper","dayText":"wds_1_168_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_168_0_BaseCalendar__dayIndicationContainer"};
+module.exports.classes = {"root":"wds_1_170_0_BaseCalendar__root","text-small-thin":"wds_1_170_0_StylableTypography__text-small-thin","text-tiny-thin":"wds_1_170_0_StylableTypography__text-tiny-thin","container":"wds_1_170_0_BaseCalendar__container","months":"wds_1_170_0_BaseCalendar__months","month":"wds_1_170_0_BaseCalendar__month","weekdays":"wds_1_170_0_BaseCalendar__weekdays","weekdaysRow":"wds_1_170_0_BaseCalendar__weekdaysRow","weekday":"wds_1_170_0_BaseCalendar__weekday","body":"wds_1_170_0_BaseCalendar__body","week":"wds_1_170_0_BaseCalendar__week","day":"wds_1_170_0_BaseCalendar__day","dayCircle":"wds_1_170_0_BaseCalendar__dayCircle","dayWrapper":"wds_1_170_0_BaseCalendar__dayWrapper","dayText":"wds_1_170_0_BaseCalendar__dayText","dayIndicationContainer":"wds_1_170_0_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_168_0_Calendar";
+var _namespace_ = "wds_1_170_0_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_168_0_Calendar__root","month":"wds_1_168_0_BaseCalendar__month","day":"wds_1_168_0_BaseCalendar__day","header":"wds_1_168_0_Calendar__header"};
+module.exports.classes = {"root":"wds_1_170_0_Calendar__root","month":"wds_1_170_0_BaseCalendar__month","day":"wds_1_170_0_BaseCalendar__day","header":"wds_1_170_0_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_168_0_DatePickerDropdown";
+var _namespace_ = "wds_1_170_0_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_168_0_DatePickerDropdown__root","dropdown":"wds_1_168_0_DatePickerDropdown__dropdown","caption":"wds_1_168_0_DatePickerDropdown__caption"};
+module.exports.classes = {"root":"wds_1_170_0_DatePickerDropdown__root","dropdown":"wds_1_170_0_DatePickerDropdown__dropdown","caption":"wds_1_170_0_DatePickerDropdown__caption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -28,7 +28,7 @@ var ChevronLeft = size => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 31,
+        lineNumber: 33,
         columnNumber: 12
       }
     });
@@ -38,7 +38,7 @@ var ChevronLeft = size => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 35,
       columnNumber: 10
     }
   });
@@ -50,7 +50,7 @@ var ChevronRight = size => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 38,
+        lineNumber: 40,
         columnNumber: 12
       }
     });
@@ -60,7 +60,7 @@ var ChevronRight = size => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 42,
       columnNumber: 10
     }
   });
@@ -97,7 +97,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 66,
       columnNumber: 7
     }
   }) : /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -108,7 +108,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 76,
       columnNumber: 7
     }
   }, getMonthName(localeUtils.getMonths(), date.getMonth()));
@@ -122,7 +122,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 88,
       columnNumber: 7
     }
   }) : /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -133,7 +133,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 97,
       columnNumber: 7
     }
   }, localeUtils.formatYear(date));
@@ -167,7 +167,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 148,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -183,7 +183,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 153,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ChevronLeft, {
@@ -191,7 +191,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 162,
+      lineNumber: 164,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -200,7 +200,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 166,
       columnNumber: 7
     }
   }, renderYearAndMonth()), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -216,7 +216,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 169,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ChevronRight, {
@@ -224,7 +224,7 @@ var DatePickerHead = _ref => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 180,
       columnNumber: 9
     }
   })));

package/dist/cjs/Calendar/DatePickerHead/DatePickerHead.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_wixUiIconsCommon","_YearDropdown","_MonthDropdown","_DatePickerHeadSt","_Text","_IconButton","_IconButton2","_jsxFileName","getMonthName","months","month","REVERSE_MONTH_YEAR_LANGUAGES","exports","getShouldReverseOrder","locale","includes","getSize","size","Object","keys","ICON_CHILD_SIZE","filter","key","ChevronLeft","default","createElement","ChevronLeftSmall","className","classes","arrowIcon","__self","__source","fileName","lineNumber","columnNumber","ChevronLeftLarge","ChevronRight","ChevronRightSmall","ChevronRightLarge","DatePickerHead","_ref","date","localeUtils","onChange","onLeftArrowClick","onRightArrowClick","showMonthDropdown","showYearDropdown","leftArrowAriaLabel","leftArrowAriaLabelledBy","rightArrowAriaLabel","rightArrowAriaLabelledBy","monthDropdownAriaLabel","monthDropdownAriaLabelledBy","yearDropdownAriaLabel","yearDropdownAriaLabelledBy","renderMonth","monthDropdown","tabIndex","getMonths","ariaLabel","ariaLabelledBy","caption","weight","dataHook","getMonth","renderYear","yearDropdown","formatYear","renderYearAndMonth","shouldReverseOrder","Fragment","KEYS","arrowUp","arrowDown","arrowLeft","arrowRight","_handleKeyDown","event","stopPropagation","st","root","onKeyDown","skin","priority","onClick","yearAndMonthWrapper","role","propTypes","PropTypes","object","isRequired","string","func","bool","_default"],"sources":["../../../../src/Calendar/DatePickerHead/DatePickerHead.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n  ChevronLeftLarge,\n  ChevronRightLarge,\n  ChevronRightSmall,\n  ChevronLeftSmall,\n} from '@wix/wix-ui-icons-common';\n\nimport YearDropdown from './YearDropdown';\nimport MonthDropdown from './MonthDropdown';\nimport { st, classes } from './DatePickerHead.st.css';\nimport Text from '../../Text';\nimport IconButton from '../../IconButton';\nimport { ICON_CHILD_SIZE } from '../../IconButton/IconButton.constants';\n\nconst getMonthName = (months, month) => months[month] || months[0];\n\n// Reverse display order of month/year in certain languages\nexport const REVERSE_MONTH_YEAR_LANGUAGES = ['ja', 'zh', 'ko'];\nconst getShouldReverseOrder = locale => {\n  return REVERSE_MONTH_YEAR_LANGUAGES.includes(locale);\n};\n\nconst getSize = size =>\n  Object.keys(ICON_CHILD_SIZE).filter(key => ICON_CHILD_SIZE[key] === size.size);\n\nconst ChevronLeft = size => {\n  if (getSize(size).includes('small')) {\n    return <ChevronLeftSmall className={classes.arrowIcon} />;\n  }\n  return <ChevronLeftLarge className={classes.arrowIcon} />;\n};\n\nconst ChevronRight = size => {\n  if (getSize(size).includes('small')) {\n    return <ChevronRightSmall className={classes.arrowIcon} />;\n  }\n  return <ChevronRightLarge className={classes.arrowIcon} />;\n};\nconst DatePickerHead = ({\n  className,\n  date,\n  locale,\n  localeUtils,\n  onChange,\n  onLeftArrowClick,\n  onRightArrowClick,\n  showMonthDropdown,\n  showYearDropdown,\n  leftArrowAriaLabel,\n  leftArrowAriaLabelledBy,\n  rightArrowAriaLabel,\n  rightArrowAriaLabelledBy,\n  monthDropdownAriaLabel,\n  monthDropdownAriaLabelledBy,\n  yearDropdownAriaLabel,\n  yearDropdownAriaLabelledBy,\n  size,\n}) => {\n  const renderMonth = () =>\n    showMonthDropdown ? (\n      <MonthDropdown\n        className={classes.monthDropdown}\n        tabIndex={0}\n        date={date}\n        onChange={onChange}\n        months={localeUtils.getMonths()}\n        ariaLabel={monthDropdownAriaLabel}\n        ariaLabelledBy={monthDropdownAriaLabelledBy}\n      />\n    ) : (\n      <Text\n        className={classes.caption}\n        weight=\"normal\"\n        size={size}\n        dataHook=\"datepicker-month-caption\"\n      >\n        {getMonthName(localeUtils.getMonths(), date.getMonth())}\n      </Text>\n    );\n\n  const renderYear = () =>\n    showYearDropdown ? (\n      <YearDropdown\n        tabIndex={0}\n        className={classes.yearDropdown}\n        date={date}\n        onChange={onChange}\n        ariaLabel={yearDropdownAriaLabel}\n        ariaLabelledBy={yearDropdownAriaLabelledBy}\n      />\n    ) : (\n      <Text\n        className={classes.caption}\n        weight=\"normal\"\n        size={size}\n        dataHook=\"datepicker-year-caption\"\n      >\n        {localeUtils.formatYear(date)}\n      </Text>\n    );\n\n  const renderYearAndMonth = () => {\n    const shouldReverseOrder = getShouldReverseOrder(locale);\n    if (shouldReverseOrder) {\n      return (\n        <>\n          {renderYear()}\n          {renderMonth()}\n        </>\n      );\n    }\n    return (\n      <>\n        {renderMonth()}\n        {renderYear()}\n      </>\n    );\n  };\n\n  const KEYS = {\n    arrowUp: 'ArrowUp',\n    arrowDown: 'ArrowDown',\n    arrowLeft: 'ArrowLeft',\n    arrowRight: 'ArrowRight',\n  };\n\n  /* prevent the handleKeyDown method of the ReactDayPicker component to be executed when the focus is on one of the header elements */\n  const _handleKeyDown = event => {\n    // stop arrow up, arrow down, arrow left and arrow right ReactDayPicker handlers from changing the year and month\n    if (\n      event &&\n      event.key &&\n      (event.key === KEYS.arrowUp ||\n        event.key === KEYS.arrowDown ||\n        event.key === KEYS.arrowLeft ||\n        event.key === KEYS.arrowRight)\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div\n      data-hook=\"datepicker-head\"\n      className={st(classes.root, { size }, className)}\n      onKeyDown={_handleKeyDown}\n    >\n      <IconButton\n        className={classes.arrowLeft}\n        dataHook=\"datepicker-left-arrow\"\n        skin=\"standard\"\n        priority=\"secondary\"\n        size={size}\n        tabIndex={0}\n        ariaLabel={leftArrowAriaLabel}\n        ariaLabelledBy={leftArrowAriaLabelledBy}\n        onClick={onLeftArrowClick}\n      >\n        <ChevronLeft size={size} />\n      </IconButton>\n      <div className={classes.yearAndMonthWrapper} role=\"alert\">\n        {renderYearAndMonth()}\n      </div>\n      <IconButton\n        className={classes.arrowRight}\n        dataHook=\"datepicker-right-arrow\"\n        skin=\"standard\"\n        priority=\"secondary\"\n        size={size}\n        tabIndex={0}\n        ariaLabel={rightArrowAriaLabel}\n        ariaLabelledBy={rightArrowAriaLabelledBy}\n        onClick={onRightArrowClick}\n      >\n        <ChevronRight size={size} />\n      </IconButton>\n    </div>\n  );\n};\n\nDatePickerHead.propTypes = {\n  date: PropTypes.object.isRequired,\n  locale: PropTypes.string.isRequired,\n  localeUtils: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  onLeftArrowClick: PropTypes.func.isRequired,\n  onRightArrowClick: PropTypes.func.isRequired,\n  showMonthDropdown: PropTypes.bool,\n  showYearDropdown: PropTypes.bool,\n  leftArrowAriaLabel: PropTypes.string,\n  leftArrowAriaLabelledBy: PropTypes.string,\n  rightArrowAriaLabel: PropTypes.string,\n  rightArrowAriaLabelledBy: PropTypes.string,\n  monthDropdownAriaLabel: PropTypes.string,\n  monthDropdownAriaLabelledBy: PropTypes.string,\n  yearDropdownAriaLabel: PropTypes.string,\n  yearDropdownAriaLabelledBy: PropTypes.string,\n};\n\nexport default DatePickerHead;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_wixUiIconsCommon","_YearDropdown","_MonthDropdown","_DatePickerHeadSt","_Text","_IconButton","_IconButton2","_jsxFileName","getMonthName","months","month","REVERSE_MONTH_YEAR_LANGUAGES","exports","getShouldReverseOrder","locale","includes","getSize","size","Object","keys","ICON_CHILD_SIZE","filter","key","ChevronLeft","default","createElement","ChevronLeftSmall","className","classes","arrowIcon","__self","__source","fileName","lineNumber","columnNumber","ChevronLeftLarge","ChevronRight","ChevronRightSmall","ChevronRightLarge","DatePickerHead","_ref","date","localeUtils","onChange","onLeftArrowClick","onRightArrowClick","showMonthDropdown","showYearDropdown","leftArrowAriaLabel","leftArrowAriaLabelledBy","rightArrowAriaLabel","rightArrowAriaLabelledBy","monthDropdownAriaLabel","monthDropdownAriaLabelledBy","yearDropdownAriaLabel","yearDropdownAriaLabelledBy","renderMonth","monthDropdown","tabIndex","getMonths","ariaLabel","ariaLabelledBy","caption","weight","dataHook","getMonth","renderYear","yearDropdown","formatYear","renderYearAndMonth","shouldReverseOrder","Fragment","KEYS","arrowUp","arrowDown","arrowLeft","arrowRight","_handleKeyDown","event","stopPropagation","st","root","onKeyDown","skin","priority","onClick","yearAndMonthWrapper","role","propTypes","PropTypes","object","isRequired","string","func","bool","_default"],"sources":["../../../../src/Calendar/DatePickerHead/DatePickerHead.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport {\n  ChevronLeftLarge,\n  ChevronRightLarge,\n  ChevronRightSmall,\n  ChevronLeftSmall,\n} from '@wix/wix-ui-icons-common';\n\nimport YearDropdown from './YearDropdown';\nimport MonthDropdown from './MonthDropdown';\nimport { st, classes } from './DatePickerHead.st.css';\nimport Text from '../../Text';\nimport IconButton from '../../IconButton';\nimport { ICON_CHILD_SIZE } from '../../IconButton/IconButton.constants';\n\nconst getMonthName = (months, month) => months[month] || months[0];\n\n// Reverse display order of month/year in certain languages\nexport const REVERSE_MONTH_YEAR_LANGUAGES = ['ja', 'zh', 'ko'];\nconst getShouldReverseOrder = locale => {\n  return REVERSE_MONTH_YEAR_LANGUAGES.includes(locale);\n};\n\nconst getSize = size =>\n  Object.keys(ICON_CHILD_SIZE).filter(\n    key => ICON_CHILD_SIZE[key] === size.size,\n  );\n\nconst ChevronLeft = size => {\n  if (getSize(size).includes('small')) {\n    return <ChevronLeftSmall className={classes.arrowIcon} />;\n  }\n  return <ChevronLeftLarge className={classes.arrowIcon} />;\n};\n\nconst ChevronRight = size => {\n  if (getSize(size).includes('small')) {\n    return <ChevronRightSmall className={classes.arrowIcon} />;\n  }\n  return <ChevronRightLarge className={classes.arrowIcon} />;\n};\nconst DatePickerHead = ({\n  className,\n  date,\n  locale,\n  localeUtils,\n  onChange,\n  onLeftArrowClick,\n  onRightArrowClick,\n  showMonthDropdown,\n  showYearDropdown,\n  leftArrowAriaLabel,\n  leftArrowAriaLabelledBy,\n  rightArrowAriaLabel,\n  rightArrowAriaLabelledBy,\n  monthDropdownAriaLabel,\n  monthDropdownAriaLabelledBy,\n  yearDropdownAriaLabel,\n  yearDropdownAriaLabelledBy,\n  size,\n}) => {\n  const renderMonth = () =>\n    showMonthDropdown ? (\n      <MonthDropdown\n        className={classes.monthDropdown}\n        tabIndex={0}\n        date={date}\n        onChange={onChange}\n        months={localeUtils.getMonths()}\n        ariaLabel={monthDropdownAriaLabel}\n        ariaLabelledBy={monthDropdownAriaLabelledBy}\n      />\n    ) : (\n      <Text\n        className={classes.caption}\n        weight=\"normal\"\n        size={size}\n        dataHook=\"datepicker-month-caption\"\n      >\n        {getMonthName(localeUtils.getMonths(), date.getMonth())}\n      </Text>\n    );\n\n  const renderYear = () =>\n    showYearDropdown ? (\n      <YearDropdown\n        tabIndex={0}\n        className={classes.yearDropdown}\n        date={date}\n        onChange={onChange}\n        ariaLabel={yearDropdownAriaLabel}\n        ariaLabelledBy={yearDropdownAriaLabelledBy}\n      />\n    ) : (\n      <Text\n        className={classes.caption}\n        weight=\"normal\"\n        size={size}\n        dataHook=\"datepicker-year-caption\"\n      >\n        {localeUtils.formatYear(date)}\n      </Text>\n    );\n\n  const renderYearAndMonth = () => {\n    const shouldReverseOrder = getShouldReverseOrder(locale);\n    if (shouldReverseOrder) {\n      return (\n        <>\n          {renderYear()}\n          {renderMonth()}\n        </>\n      );\n    }\n    return (\n      <>\n        {renderMonth()}\n        {renderYear()}\n      </>\n    );\n  };\n\n  const KEYS = {\n    arrowUp: 'ArrowUp',\n    arrowDown: 'ArrowDown',\n    arrowLeft: 'ArrowLeft',\n    arrowRight: 'ArrowRight',\n  };\n\n  /* prevent the handleKeyDown method of the ReactDayPicker component to be executed when the focus is on one of the header elements */\n  const _handleKeyDown = event => {\n    // stop arrow up, arrow down, arrow left and arrow right ReactDayPicker handlers from changing the year and month\n    if (\n      event &&\n      event.key &&\n      (event.key === KEYS.arrowUp ||\n        event.key === KEYS.arrowDown ||\n        event.key === KEYS.arrowLeft ||\n        event.key === KEYS.arrowRight)\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  return (\n    <div\n      data-hook=\"datepicker-head\"\n      className={st(classes.root, { size }, className)}\n      onKeyDown={_handleKeyDown}\n    >\n      <IconButton\n        className={classes.arrowLeft}\n        dataHook=\"datepicker-left-arrow\"\n        skin=\"standard\"\n        priority=\"secondary\"\n        size={size}\n        tabIndex={0}\n        ariaLabel={leftArrowAriaLabel}\n        ariaLabelledBy={leftArrowAriaLabelledBy}\n        onClick={onLeftArrowClick}\n      >\n        <ChevronLeft size={size} />\n      </IconButton>\n      <div className={classes.yearAndMonthWrapper} role=\"alert\">\n        {renderYearAndMonth()}\n      </div>\n      <IconButton\n        className={classes.arrowRight}\n        dataHook=\"datepicker-right-arrow\"\n        skin=\"standard\"\n        priority=\"secondary\"\n        size={size}\n        tabIndex={0}\n        ariaLabel={rightArrowAriaLabel}\n        ariaLabelledBy={rightArrowAriaLabelledBy}\n        onClick={onRightArrowClick}\n      >\n        <ChevronRight size={size} />\n      </IconButton>\n    </div>\n  );\n};\n\nDatePickerHead.propTypes = {\n  date: PropTypes.object.isRequired,\n  locale: PropTypes.string.isRequired,\n  localeUtils: PropTypes.object.isRequired,\n  onChange: PropTypes.func.isRequired,\n  onLeftArrowClick: PropTypes.func.isRequired,\n  onRightArrowClick: PropTypes.func.isRequired,\n  showMonthDropdown: PropTypes.bool,\n  showYearDropdown: PropTypes.bool,\n  leftArrowAriaLabel: PropTypes.string,\n  leftArrowAriaLabelledBy: PropTypes.string,\n  rightArrowAriaLabel: PropTypes.string,\n  rightArrowAriaLabelledBy: PropTypes.string,\n  monthDropdownAriaLabel: PropTypes.string,\n  monthDropdownAriaLabelledBy: PropTypes.string,\n  yearDropdownAriaLabel: PropTypes.string,\n  yearDropdownAriaLabelledBy: PropTypes.string,\n};\n\nexport default DatePickerHead;\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_168_0_DatePickerHead";
+var _namespace_ = "wds_1_170_0_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_168_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_168_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_168_0_DatePickerHead__caption","monthDropdown":"wds_1_168_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_168_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_168_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_168_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_168_0_DatePickerHead__arrowIcon"};
+module.exports.classes = {"root":"wds_1_170_0_DatePickerHead__root","yearAndMonthWrapper":"wds_1_170_0_DatePickerHead__yearAndMonthWrapper","caption":"wds_1_170_0_DatePickerHead__caption","monthDropdown":"wds_1_170_0_DatePickerHead__monthDropdown","yearDropdown":"wds_1_170_0_DatePickerHead__yearDropdown","arrowLeft":"wds_1_170_0_DatePickerHead__arrowLeft","arrowRight":"wds_1_170_0_DatePickerHead__arrowRight","arrowIcon":"wds_1_170_0_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_168_0_MonthDropdown";
+var _namespace_ = "wds_1_170_0_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_168_0_MonthDropdown__root"};
+module.exports.classes = {"root":"wds_1_170_0_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_168_0_YearDropdown";
+var _namespace_ = "wds_1_170_0_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_168_0_YearDropdown__root"};
+module.exports.classes = {"root":"wds_1_170_0_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_168_0_CalendarPanel";
+var _namespace_ = "wds_1_170_0_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_168_0_CalendarPanel__root","calendarWithPresets":"wds_1_168_0_CalendarPanel__calendarWithPresets","presets":"wds_1_168_0_CalendarPanel__presets","calendar":"wds_1_168_0_CalendarPanel__calendar","footer":"wds_1_168_0_CalendarPanel__footer"};
+module.exports.classes = {"root":"wds_1_170_0_CalendarPanel__root","calendarWithPresets":"wds_1_170_0_CalendarPanel__calendarWithPresets","presets":"wds_1_170_0_CalendarPanel__presets","calendar":"wds_1_170_0_CalendarPanel__calendar","footer":"wds_1_170_0_CalendarPanel__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_Card";
+var _namespace_ = "wds_1_170_0_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_168_0_Card__root","card":"wds_1_168_0_Card__card","controls":"wds_1_168_0_Card__controls"};
+module.exports.classes = {"root":"wds_1_170_0_Card__root","card":"wds_1_170_0_Card__card","controls":"wds_1_170_0_Card__controls"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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_168_0_CardContent";
+var _namespace_ = "wds_1_170_0_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_168_0_CardContent__root"};
+module.exports.classes = {"root":"wds_1_170_0_CardContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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_168_0_CardHeader";
+var _namespace_ = "wds_1_170_0_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_168_0_CardHeader__root","suffix":"wds_1_168_0_CardHeader__suffix","titleWrapper":"wds_1_168_0_CardHeader__titleWrapper","title":"wds_1_168_0_CardHeader__title"};
+module.exports.classes = {"root":"wds_1_170_0_CardHeader__root","suffix":"wds_1_170_0_CardHeader__suffix","titleWrapper":"wds_1_170_0_CardHeader__titleWrapper","title":"wds_1_170_0_CardHeader__title"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_168_0_Subheader";
+var _namespace_ = "wds_1_170_0_Subheader";
 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_168_0_Subheader__root","suffix":"wds_1_168_0_Subheader__suffix"};
+module.exports.classes = {"root":"wds_1_170_0_Subheader__root","suffix":"wds_1_170_0_Subheader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_168_0_CardFolderTabs";
+var _namespace_ = "wds_1_170_0_CardFolderTabs";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_168_0_CardFolderTabs__root","headerWrapper":"wds_1_168_0_CardFolderTabs__headerWrapper","button":"wds_1_168_0_CardFolderTabs__button","buttonText":"wds_1_168_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_168_0_CardFolderTabs__tabContentWrapper"};
+module.exports.classes = {"root":"wds_1_170_0_CardFolderTabs__root","headerWrapper":"wds_1_170_0_CardFolderTabs__headerWrapper","button":"wds_1_170_0_CardFolderTabs__button","buttonText":"wds_1_170_0_CardFolderTabs__buttonText","tabContentWrapper":"wds_1_170_0_CardFolderTabs__tabContentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxWidth":"--wds_1_168_0_CardFolderTabs-maxWidth"}; 
+module.exports.vars = {"maxWidth":"--wds_1_170_0_CardFolderTabs-maxWidth"}; 
 
 
 

package/dist/cjs/CardGalleryItem/CardGalleryItem.constants.js

@@ -1,8 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.SIZES = exports.DataHook = void 0;
-var DataHook = exports.DataHook = {
+exports.SIZES = exports.DATA_HOOKS = void 0;
+var DATA_HOOKS = exports.DATA_HOOKS = {
   Title: 'title',
   Subtitle: 'subtitle',
   Badge: 'badge',
@@ -12,10 +12,12 @@ var DataHook = exports.DataHook = {
   HoverComponent: 'hover-component',
   SettingsMenu: 'settings-menu',
   Container: 'container',
+  Card: 'card',
   footer: 'footer',
   dragHandle: 'drag-handle',
   footerImage: 'footer-image',
-  suffix: 'suffix'
+  suffix: 'suffix',
+  customFooter: 'custom-footer'
 };
 var SIZES = exports.SIZES = {
   small: 'small',

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

@@ -1 +1 @@
-{"version":3,"names":["DataHook","exports","Title","Subtitle","Badge","PrimaryAction","SecondaryAction","HoverContent","HoverComponent","SettingsMenu","Container","footer","dragHandle","footerImage","suffix","SIZES","small","medium"],"sources":["../../../src/CardGalleryItem/CardGalleryItem.constants.ts"],"sourcesContent":["export const DataHook = {\n  Title: 'title',\n  Subtitle: 'subtitle',\n  Badge: 'badge',\n  PrimaryAction: 'primary-action',\n  SecondaryAction: 'secondary-action',\n  HoverContent: 'hover-content',\n  HoverComponent: 'hover-component',\n  SettingsMenu: 'settings-menu',\n  Container: 'container',\n  footer: 'footer',\n  dragHandle: 'drag-handle',\n  footerImage: 'footer-image',\n  suffix: 'suffix',\n} as const;\n\nexport const SIZES = {\n  small: 'small',\n  medium: 'medium',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,aAAa,EAAE,gBAAgB;EAC/BC,eAAe,EAAE,kBAAkB;EACnCC,YAAY,EAAE,eAAe;EAC7BC,cAAc,EAAE,iBAAiB;EACjCC,YAAY,EAAE,eAAe;EAC7BC,SAAS,EAAE,WAAW;EACtBC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,aAAa;EACzBC,WAAW,EAAE,cAAc;EAC3BC,MAAM,EAAE;AACV,CAAU;AAEH,IAAMC,KAAK,GAAAd,OAAA,CAAAc,KAAA,GAAG;EACnBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAU","ignoreList":[]}
+{"version":3,"names":["DATA_HOOKS","exports","Title","Subtitle","Badge","PrimaryAction","SecondaryAction","HoverContent","HoverComponent","SettingsMenu","Container","Card","footer","dragHandle","footerImage","suffix","customFooter","SIZES","small","medium"],"sources":["../../../src/CardGalleryItem/CardGalleryItem.constants.ts"],"sourcesContent":["export const DATA_HOOKS = {\n  Title: 'title',\n  Subtitle: 'subtitle',\n  Badge: 'badge',\n  PrimaryAction: 'primary-action',\n  SecondaryAction: 'secondary-action',\n  HoverContent: 'hover-content',\n  HoverComponent: 'hover-component',\n  SettingsMenu: 'settings-menu',\n  Container: 'container',\n  Card: 'card',\n  footer: 'footer',\n  dragHandle: 'drag-handle',\n  footerImage: 'footer-image',\n  suffix: 'suffix',\n  customFooter: 'custom-footer',\n} as const;\n\nexport const SIZES = {\n  small: 'small',\n  medium: 'medium',\n} as const;\n"],"mappings":";;;;AAAO,IAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,OAAO;EACdC,aAAa,EAAE,gBAAgB;EAC/BC,eAAe,EAAE,kBAAkB;EACnCC,YAAY,EAAE,eAAe;EAC7BC,cAAc,EAAE,iBAAiB;EACjCC,YAAY,EAAE,eAAe;EAC7BC,SAAS,EAAE,WAAW;EACtBC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,aAAa;EACzBC,WAAW,EAAE,cAAc;EAC3BC,MAAM,EAAE,QAAQ;EAChBC,YAAY,EAAE;AAChB,CAAU;AAEH,IAAMC,KAAK,GAAAhB,OAAA,CAAAgB,KAAA,GAAG;EACnBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE;AACV,CAAU","ignoreList":[]}