@wix/design-system 1.149.0 → 1.149.1

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_Accordion";
+var _namespace_ = "wds_1_149_1_Accordion";
 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_149_0_Accordion__root","accordion":"wds_1_149_0_Accordion__accordion","item":"wds_1_149_0_Accordion__item"};
+module.exports.classes = {"root":"wds_1_149_1_Accordion__root","accordion":"wds_1_149_1_Accordion__accordion","item":"wds_1_149_1_Accordion__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItem/AccordionItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_149_0_AccordionItem";
+var _namespace_ = "wds_1_149_1_AccordionItem";
 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_149_0_AccordionItem__root","header":"wds_1_149_0_AccordionItem__header","iconsContainer":"wds_1_149_0_AccordionItem__iconsContainer","affix":"wds_1_149_0_AccordionItem__affix","titleWrapper":"wds_1_149_0_AccordionItem__titleWrapper","children":"wds_1_149_0_AccordionItem__children"};
+module.exports.classes = {"root":"wds_1_149_1_AccordionItem__root","header":"wds_1_149_1_AccordionItem__header","iconsContainer":"wds_1_149_1_AccordionItem__iconsContainer","affix":"wds_1_149_1_AccordionItem__affix","titleWrapper":"wds_1_149_1_AccordionItem__titleWrapper","children":"wds_1_149_1_AccordionItem__children"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Accordion/components/AccordionItemCaret/AccordionItemCaret.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_149_0_AccordionItemCaret";
+var _namespace_ = "wds_1_149_1_AccordionItemCaret";
 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_149_0_AccordionItemCaret__root","textButton":"wds_1_149_0_AccordionItemCaret__textButton"};
+module.exports.classes = {"root":"wds_1_149_1_AccordionItemCaret__root","textButton":"wds_1_149_1_AccordionItemCaret__textButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AddItem";
+var _namespace_ = "wds_1_149_1_AddItem";
 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_149_0_AddItem__root","icon":"wds_1_149_0_AddItem__icon","illustration":"wds_1_149_0_AddItem__illustration","contentContainer":"wds_1_149_0_AddItem__contentContainer","content":"wds_1_149_0_AddItem__content","textWrapper":"wds_1_149_0_AddItem__textWrapper","textContent":"wds_1_149_0_AddItem__textContent","subtitle":"wds_1_149_0_AddItem__subtitle","tooltip":"wds_1_149_0_AddItem__tooltip"};
+module.exports.classes = {"root":"wds_1_149_1_AddItem__root","icon":"wds_1_149_1_AddItem__icon","illustration":"wds_1_149_1_AddItem__illustration","contentContainer":"wds_1_149_1_AddItem__contentContainer","content":"wds_1_149_1_AddItem__content","textWrapper":"wds_1_149_1_AddItem__textWrapper","textContent":"wds_1_149_1_AddItem__textContent","subtitle":"wds_1_149_1_AddItem__subtitle","tooltip":"wds_1_149_1_AddItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AnalyticsLayout";
+var _namespace_ = "wds_1_149_1_AnalyticsLayout";
 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_149_0_AnalyticsLayout__root","row":"wds_1_149_0_AnalyticsLayout__row"};
+module.exports.classes = {"root":"wds_1_149_1_AnalyticsLayout__root","row":"wds_1_149_1_AnalyticsLayout__row"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/AnalyticsLayout/Cell/Cell.st.css.js

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

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AnalyticsSummaryCard";
+var _namespace_ = "wds_1_149_1_AnalyticsSummaryCard";
 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_149_0_AnalyticsSummaryCard__root","title":"wds_1_149_0_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_149_0_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_149_0_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_149_0_AnalyticsSummaryCard__trend","loader":"wds_1_149_0_AnalyticsSummaryCard__loader","ctaButton":"wds_1_149_0_AnalyticsSummaryCard__ctaButton","footer":"wds_1_149_0_AnalyticsSummaryCard__footer","sparkline":"wds_1_149_0_AnalyticsSummaryCard__sparkline"};
+module.exports.classes = {"root":"wds_1_149_1_AnalyticsSummaryCard__root","title":"wds_1_149_1_AnalyticsSummaryCard__title","valueLineContainer":"wds_1_149_1_AnalyticsSummaryCard__valueLineContainer","valueAndTrend":"wds_1_149_1_AnalyticsSummaryCard__valueAndTrend","trend":"wds_1_149_1_AnalyticsSummaryCard__trend","loader":"wds_1_149_1_AnalyticsSummaryCard__loader","ctaButton":"wds_1_149_1_AnalyticsSummaryCard__ctaButton","footer":"wds_1_149_1_AnalyticsSummaryCard__footer","sparkline":"wds_1_149_1_AnalyticsSummaryCard__sparkline"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AngleInput";
+var _namespace_ = "wds_1_149_1_AngleInput";
 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_149_0_AngleInput__root","visuallyHidden":"wds_1_149_0_visuallyHidden__visuallyHidden","track":"wds_1_149_0_AngleInput__track","arm":"wds_1_149_0_AngleInput__arm","knob":"wds_1_149_0_AngleInput__knob","knobWrapper":"wds_1_149_0_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_149_0_AngleInput__visuallyHiddenInput wds_1_149_0_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_149_1_AngleInput__root","visuallyHidden":"wds_1_149_1_visuallyHidden__visuallyHidden","track":"wds_1_149_1_AngleInput__track","arm":"wds_1_149_1_AngleInput__arm","knob":"wds_1_149_1_AngleInput__knob","knobWrapper":"wds_1_149_1_AngleInput__knobWrapper","visuallyHiddenInput":"wds_1_149_1_AngleInput__visuallyHiddenInput wds_1_149_1_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AnnouncementModalLayout";
+var _namespace_ = "wds_1_149_1_AnnouncementModalLayout";
 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_149_0_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_149_0_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_149_0_AnnouncementModalLayout__link","bottomSpacing":"wds_1_149_0_AnnouncementModalLayout__bottomSpacing"};
+module.exports.classes = {"root":"wds_1_149_1_AnnouncementModalLayout__root","announcementModalLayout":"wds_1_149_1_AnnouncementModalLayout__announcementModalLayout","link":"wds_1_149_1_AnnouncementModalLayout__link","bottomSpacing":"wds_1_149_1_AnnouncementModalLayout__bottomSpacing"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AreaChart";
+var _namespace_ = "wds_1_149_1_AreaChart";
 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_149_0_AreaChart__root","lineChart":"wds_1_149_0_AreaChart__lineChart","lineChartCursor":"wds_1_149_0_AreaChart__lineChartCursor","lineChartAxis":"wds_1_149_0_AreaChart__lineChartAxis"};
+module.exports.classes = {"root":"wds_1_149_1_AreaChart__root","lineChart":"wds_1_149_1_AreaChart__lineChart","lineChartCursor":"wds_1_149_1_AreaChart__lineChartCursor","lineChartAxis":"wds_1_149_1_AreaChart__lineChartAxis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AudioPlayer";
+var _namespace_ = "wds_1_149_1_AudioPlayer";
 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_149_0_AudioPlayer__root","playPauseButton":"wds_1_149_0_AudioPlayer__playPauseButton","slider":"wds_1_149_0_AudioPlayer__slider","track":"wds_1_149_0_AudioPlayer__track","handle":"wds_1_149_0_AudioPlayer__handle","tooltip":"wds_1_149_0_AudioPlayer__tooltip","tooltipTarget":"wds_1_149_0_AudioPlayer__tooltipTarget","timer":"wds_1_149_0_AudioPlayer__timer"};
+module.exports.classes = {"root":"wds_1_149_1_AudioPlayer__root","playPauseButton":"wds_1_149_1_AudioPlayer__playPauseButton","slider":"wds_1_149_1_AudioPlayer__slider","track":"wds_1_149_1_AudioPlayer__track","handle":"wds_1_149_1_AudioPlayer__handle","tooltip":"wds_1_149_1_AudioPlayer__tooltip","tooltipTarget":"wds_1_149_1_AudioPlayer__tooltipTarget","timer":"wds_1_149_1_AudioPlayer__timer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"audio-player-position":"--wds_1_149_0_AudioPlayer-audio-player-position"}; 
+module.exports.vars = {"audio-player-position":"--wds_1_149_1_AudioPlayer-audio-player-position"}; 
 
 
 

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AutoCompleteWithLabel";
+var _namespace_ = "wds_1_149_1_AutoCompleteWithLabel";
 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_149_0_AutoCompleteWithLabel__root","statusMessage":"wds_1_149_0_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_149_0_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_149_0_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_149_0_AutoCompleteWithLabel__suffix"};
+module.exports.classes = {"root":"wds_1_149_1_AutoCompleteWithLabel__root","statusMessage":"wds_1_149_1_AutoCompleteWithLabel__statusMessage","statusMessageIcon":"wds_1_149_1_AutoCompleteWithLabel__statusMessageIcon","errorMessageContent":"wds_1_149_1_AutoCompleteWithLabel__errorMessageContent","suffix":"wds_1_149_1_AutoCompleteWithLabel__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -10,7 +10,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_Avatar";
+var _namespace_ = "wds_1_149_1_Avatar";
 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_149_0_Avatar__root","text-small-bold":"wds_1_149_0_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_149_0_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_149_0_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_149_0_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_149_0_StylableTypography__text-tiny-bold","placeholder":"wds_1_149_0_Avatar__placeholder","avatarContainer":"wds_1_149_0_Avatar__avatarContainer","coreAvatar":"wds_1_149_0_Avatar__coreAvatar","avatar":"wds_1_149_0_Avatar__avatar","presence":"wds_1_149_0_Avatar__presence","indication":"wds_1_149_0_Avatar__indication","iconButtonShadow":"wds_1_149_0_Avatar__iconButtonShadow","colorA1":"wds_1_149_0_Avatar__colorA1","colorA2":"wds_1_149_0_Avatar__colorA2","colorA3":"wds_1_149_0_Avatar__colorA3","colorA4":"wds_1_149_0_Avatar__colorA4","colorA5":"wds_1_149_0_Avatar__colorA5","colorA6":"wds_1_149_0_Avatar__colorA6","loaderContainer":"wds_1_149_0_Avatar__loaderContainer","overlay":"wds_1_149_0_Avatar__overlay","loader":"wds_1_149_0_Avatar__loader"};
+module.exports.classes = {"root":"wds_1_149_1_Avatar__root","text-small-bold":"wds_1_149_1_StylableTypography__text-small-bold","text-tiny-normal":"wds_1_149_1_StylableTypography__text-tiny-normal","text-medium-normal":"wds_1_149_1_StylableTypography__text-medium-normal","text-medium-bold":"wds_1_149_1_StylableTypography__text-medium-bold","text-tiny-bold":"wds_1_149_1_StylableTypography__text-tiny-bold","placeholder":"wds_1_149_1_Avatar__placeholder","avatarContainer":"wds_1_149_1_Avatar__avatarContainer","coreAvatar":"wds_1_149_1_Avatar__coreAvatar","avatar":"wds_1_149_1_Avatar__avatar","presence":"wds_1_149_1_Avatar__presence","indication":"wds_1_149_1_Avatar__indication","iconButtonShadow":"wds_1_149_1_Avatar__iconButtonShadow","colorA1":"wds_1_149_1_Avatar__colorA1","colorA2":"wds_1_149_1_Avatar__colorA2","colorA3":"wds_1_149_1_Avatar__colorA3","colorA4":"wds_1_149_1_Avatar__colorA4","colorA5":"wds_1_149_1_Avatar__colorA5","colorA6":"wds_1_149_1_Avatar__colorA6","loaderContainer":"wds_1_149_1_Avatar__loaderContainer","overlay":"wds_1_149_1_Avatar__overlay","loader":"wds_1_149_1_Avatar__loader"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Avatar/AvatarCore/AvatarCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_149_0_AvatarCore";
+var _namespace_ = "wds_1_149_1_AvatarCore";
 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_149_0_AvatarCore__root","content":"wds_1_149_0_AvatarCore__content"};
+module.exports.classes = {"root":"wds_1_149_1_AvatarCore__root","content":"wds_1_149_1_AvatarCore__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_149_0_AvatarGroup";
+var _namespace_ = "wds_1_149_1_AvatarGroup";
 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_149_0_AvatarGroup__root","avatarContainer":"wds_1_149_0_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_149_0_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_149_0_AvatarGroup__moreIndicatorText","divider":"wds_1_149_0_AvatarGroup__divider"};
+module.exports.classes = {"root":"wds_1_149_1_AvatarGroup__root","avatarContainer":"wds_1_149_1_AvatarGroup__avatarContainer","moreIndicatorCircle":"wds_1_149_1_AvatarGroup__moreIndicatorCircle","moreIndicatorText":"wds_1_149_1_AvatarGroup__moreIndicatorText","divider":"wds_1_149_1_AvatarGroup__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -27,4 +27,4 @@ var SIZE = exports.SIZE = {
   small: 'small',
   tiny: 'tiny'
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=Badge.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SKIN","exports","general","standard","danger","success","neutral","neutralLight","warning","warningLight","urgent","neutralStandard","neutralSuccess","neutralDanger","premium","TYPE","solid","outlined","transparent","SIZE","medium","small","tiny"],"sources":["../../../src/Badge/Badge.constants.ts"],"sourcesContent":["import { BadgeSize, BadgeSkin, BadgeType } from './Badge.types';\n\nexport const SKIN = {\n  general: 'general',\n  standard: 'standard',\n  danger: 'danger',\n  success: 'success',\n  neutral: 'neutral',\n  neutralLight: 'neutralLight',\n  warning: 'warning',\n  warningLight: 'warningLight',\n  urgent: 'urgent',\n  neutralStandard: 'neutralStandard',\n  neutralSuccess: 'neutralSuccess',\n  neutralDanger: 'neutralDanger',\n  premium: 'premium',\n} satisfies { [x in BadgeSkin]: x };\n\nexport const TYPE = {\n  solid: 'solid',\n  outlined: 'outlined',\n  transparent: 'transparent',\n} satisfies { [x in BadgeType]: x };\n\nexport const SIZE = {\n  medium: 'medium',\n  small: 'small',\n  tiny: 'tiny',\n} satisfies { [x in BadgeSize]: x };\n"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,YAAY,EAAE,cAAc;EAC5BC,OAAO,EAAE,SAAS;EAClBC,YAAY,EAAE,cAAc;EAC5BC,MAAM,EAAE,QAAQ;EAChBC,eAAe,EAAE,iBAAiB;EAClCC,cAAc,EAAE,gBAAgB;EAChCC,aAAa,EAAE,eAAe;EAC9BC,OAAO,EAAE;AACX,CAAmC;AAE5B,IAAMC,IAAI,GAAAd,OAAA,CAAAc,IAAA,GAAG;EAClBC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,WAAW,EAAE;AACf,CAAmC;AAE5B,IAAMC,IAAI,GAAAlB,OAAA,CAAAkB,IAAA,GAAG;EAClBC,MAAM,EAAE,QAAQ;EAChBC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE;AACR,CAAmC","ignoreList":[]}

package/dist/cjs/Badge/Badge.js

@@ -10,146 +10,124 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Focusable = require("../common/Focusable");
 var _generateDataAttr = require("../utils/generateDataAttr");
-var _constants = require("./constants");
+var _Badge = require("./Badge.constants");
 var _BadgeSt = require("./Badge.st.css.js");
 var _Caption = _interopRequireDefault(require("../Text/Caption"));
 var _context = require("../WixDesignSystemProvider/context");
 var _excluded = ["focusableOnFocus", "focusableOnBlur"],
   _excluded2 = ["children", "prefixIcon", "suffixIcon", "onClick", "dataHook", "className", "showTooltip", "display"];
-var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Badge/Badge.js";
+var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Badge/Badge.tsx";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-class Badge extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-    this.getProps = () => {
-      // that's what you pay for using HOCs...
-      var _this$props = this.props,
-        {
-          focusableOnFocus,
-          focusableOnBlur
-        } = _this$props,
-        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      return rest;
-    };
-    this._getFocusableProps = () => {
-      // add focusable hooks only when badge is clickable
-      var {
-        onClick,
-        focusableOnFocus,
-        focusableOnBlur
-      } = this.props;
-      return onClick ? {
-        onFocus: focusableOnFocus,
-        onBlur: focusableOnBlur,
-        tabIndex: 0
-      } : {};
-    };
-  }
-  render() {
-    var _this$getProps = this.getProps(),
-      {
-        children,
-        prefixIcon,
-        suffixIcon,
-        onClick,
-        dataHook,
-        className,
-        showTooltip,
-        display = 'inline'
-      } = _this$getProps,
-      rest = (0, _objectWithoutProperties2.default)(_this$getProps, _excluded2);
-    return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
+var getProps = props => {
+  // that's what you pay for using HOCs...
+  var {
+      focusableOnFocus,
+      focusableOnBlur
+    } = props,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return rest;
+};
+var getFocusableProps = props => {
+  // add focusable hooks only when badge is clickable
+  var {
+    onClick,
+    focusableOnFocus,
+    focusableOnBlur
+  } = props;
+  return onClick ? {
+    onFocus: focusableOnFocus,
+    onBlur: focusableOnBlur,
+    tabIndex: 0
+  } : {};
+};
+function Badge(props) {
+  var _getProps = getProps(props),
+    {
+      children,
+      prefixIcon,
+      suffixIcon,
+      onClick,
+      dataHook,
+      className,
+      showTooltip = true,
+      display = 'inline'
+    } = _getProps,
+    rest = (0, _objectWithoutProperties2.default)(_getProps, _excluded2);
+  var defaultedRest = _objectSpread({
+    type: _Badge.TYPE.solid,
+    skin: _Badge.SKIN.general,
+    size: _Badge.SIZE.medium,
+    uppercase: true,
+    noPadding: false
+  }, rest);
+  return /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 5
+    }
+  }, _ref => {
+    var {
+      newColorsBranding
+    } = _ref;
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+      "data-hook": dataHook,
+      onClick: onClick
+    }, getFocusableProps(props), {
+      className: (0, _BadgeSt.st)(_BadgeSt.classes.root, _objectSpread({
+        clickable: !!onClick,
+        newColorsBranding,
+        display
+      }, defaultedRest), className)
+    }, (0, _generateDataAttr.generateDataAttr)(defaultedRest, ['type', 'skin', 'size', 'uppercase']), {
+      "data-clickable": !!onClick
+      /* TODO: this prop used to come from stylable v1 spread and is used for testing. Update component testkit to use stylable testkit instead */,
+      "data-is-inverted": rest['data-is-inverted'],
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
-        columnNumber: 7
+        lineNumber: 62,
+        columnNumber: 9
       }
-    }, _ref => {
-      var {
-        newColorsBranding
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-        "data-hook": dataHook,
-        onClick: onClick
-      }, this._getFocusableProps(), {
-        className: (0, _BadgeSt.st)(_BadgeSt.classes.root, _objectSpread({
-          clickable: !!onClick,
-          newColorsBranding,
-          display
-        }, rest), className)
-      }, (0, _generateDataAttr.generateDataAttr)(this.props, ['type', 'skin', 'size', 'uppercase']), {
-        "data-clickable": !!onClick
-        /* TODO: this prop used to come from stylable v1 spread and is used for testing. Update component testkit to use stylable testkit instead */,
-        "data-is-inverted": rest['data-is-inverted'],
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 105,
-          columnNumber: 11
-        }
-      }), prefixIcon && /*#__PURE__*/_react.default.cloneElement(prefixIcon, {
-        className: _BadgeSt.classes.prefix,
-        'data-prefix-icon': true
-      }), /*#__PURE__*/_react.default.createElement(_Caption.default, {
-        className: _BadgeSt.classes.text,
-        caption: this.getProps().size === 'tiny' ? 'c2' : 'c1',
-        ellipsis: true,
-        showTooltip: showTooltip,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 129,
-          columnNumber: 13
-        }
-      }, children), suffixIcon && /*#__PURE__*/_react.default.cloneElement(suffixIcon, {
-        className: _BadgeSt.classes.suffix,
-        'data-suffix-icon': true
-      }));
-    });
-  }
+    }), prefixIcon && /*#__PURE__*/_react.default.cloneElement(prefixIcon, {
+      className: _BadgeSt.classes.prefix,
+      'data-prefix-icon': true
+    }), /*#__PURE__*/_react.default.createElement(_Caption.default, {
+      className: _BadgeSt.classes.text,
+      caption: getProps(props).size === 'tiny' ? 'c2' : 'c1',
+      ellipsis: true,
+      showTooltip: showTooltip,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 91,
+        columnNumber: 11
+      }
+    }, children), suffixIcon && /*#__PURE__*/_react.default.cloneElement(suffixIcon, {
+      className: _BadgeSt.classes.suffix,
+      'data-suffix-icon': true
+    }));
+  });
 }
+Badge.displayName = 'Badge';
 Badge.propTypes = {
-  /** Applies a data-hook HTML attribute to be used in the tests */
   dataHook: _propTypes.default.string,
-  /** Specifies a CSS class name to be appended to the component’s root element.
-   * @internal
-   */
   className: _propTypes.default.string,
-  /** Controls the appearance of a notification */
   type: _propTypes.default.oneOf(['solid', 'outlined', 'transparent']),
-  /** Controls the appearance of a notification */
   skin: _propTypes.default.oneOf(['general', 'standard', 'danger', 'success', 'neutral', 'warning', 'urgent', 'neutralLight', 'neutralStandard', 'neutralSuccess', 'neutralDanger', 'premium', 'warningLight']),
-  /** Controls the size of the component */
   size: _propTypes.default.oneOf(['medium', 'small', 'tiny']),
-  /** Pass an icon or a component to display in front of the content */
   prefixIcon: _propTypes.default.node,
-  /** Pass an icon or a component to display at the end of the content */
   suffixIcon: _propTypes.default.node,
-  /** Defines a click handler */
   onClick: _propTypes.default.func,
-  /** Forces uppercase letters */
   uppercase: _propTypes.default.bool,
-  /** Removes paddings from the component */
   noPadding: _propTypes.default.bool,
-  /** Controls whether ellipsis tooltip is enabled. */
   showTooltip: _propTypes.default.bool,
   focusableOnFocus: _propTypes.default.func,
   focusableOnBlur: _propTypes.default.func,
-  /** Accepts any component as a child item. Usually it is a text string. */
   children: _propTypes.default.node,
-  /** Defines the display property of the component */
   display: _propTypes.default.any
 };
-Badge.displayName = 'Badge';
-Badge.defaultProps = {
-  type: _constants.TYPE.solid,
-  skin: _constants.SKIN.general,
-  size: _constants.SIZE.medium,
-  uppercase: true,
-  noPadding: false,
-  showTooltip: true
-};
 var _default = exports.default = (0, _Focusable.withFocusable)(Badge);
 //# sourceMappingURL=Badge.js.map

package/dist/cjs/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_generateDataAttr","_constants","_BadgeSt","_Caption","_context","_excluded","_excluded2","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","Badge","React","PureComponent","constructor","getProps","_this$props","props","focusableOnFocus","focusableOnBlur","rest","_objectWithoutProperties2","_getFocusableProps","onClick","onFocus","onBlur","tabIndex","render","_this$getProps","children","prefixIcon","suffixIcon","dataHook","className","showTooltip","display","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","_extends2","st","classes","root","clickable","generateDataAttr","cloneElement","prefix","text","caption","size","ellipsis","suffix","propTypes","PropTypes","string","type","oneOf","skin","node","func","uppercase","bool","noPadding","any","displayName","defaultProps","TYPE","solid","SKIN","general","SIZE","medium","_default","exports","withFocusable"],"sources":["../../../src/Badge/Badge.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../common/Focusable';\nimport { generateDataAttr } from '../utils/generateDataAttr';\nimport { SKIN, TYPE, SIZE } from './constants';\nimport { st, classes } from './Badge.st.css';\nimport Caption from '../Text/Caption';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\n\nclass Badge extends React.PureComponent {\n  static propTypes = {\n    /** Applies a data-hook HTML attribute to be used in the tests */\n    dataHook: PropTypes.string,\n    /** Specifies a CSS class name to be appended to the component’s root element.\n     * @internal\n     */\n    className: PropTypes.string,\n    /** Controls the appearance of a notification */\n    type: PropTypes.oneOf(['solid', 'outlined', 'transparent']),\n    /** Controls the appearance of a notification */\n    skin: PropTypes.oneOf([\n      'general',\n      'standard',\n      'danger',\n      'success',\n      'neutral',\n      'warning',\n      'urgent',\n      'neutralLight',\n      'neutralStandard',\n      'neutralSuccess',\n      'neutralDanger',\n      'premium',\n      'warningLight',\n    ]),\n    /** Controls the size of the component */\n    size: PropTypes.oneOf(['medium', 'small', 'tiny']),\n    /** Pass an icon or a component to display in front of the content */\n    prefixIcon: PropTypes.node,\n    /** Pass an icon or a component to display at the end of the content */\n    suffixIcon: PropTypes.node,\n    /** Defines a click handler */\n    onClick: PropTypes.func,\n    /** Forces uppercase letters */\n    uppercase: PropTypes.bool,\n    /** Removes paddings from the component */\n    noPadding: PropTypes.bool,\n    /** Controls whether ellipsis tooltip is enabled. */\n    showTooltip: PropTypes.bool,\n\n    focusableOnFocus: PropTypes.func,\n    focusableOnBlur: PropTypes.func,\n\n    /** Accepts any component as a child item. Usually it is a text string. */\n    children: PropTypes.node,\n\n    /** Defines the display property of the component */\n    display: PropTypes.any,\n  };\n  static displayName = 'Badge';\n\n  static defaultProps = {\n    type: TYPE.solid,\n    skin: SKIN.general,\n    size: SIZE.medium,\n    uppercase: true,\n    noPadding: false,\n    showTooltip: true,\n  };\n\n  getProps = () => {\n    // that's what you pay for using HOCs...\n    const { focusableOnFocus, focusableOnBlur, ...rest } = this.props;\n    return rest;\n  };\n\n  _getFocusableProps = () => {\n    // add focusable hooks only when badge is clickable\n    const { onClick, focusableOnFocus, focusableOnBlur } = this.props;\n    return onClick\n      ? {\n          onFocus: focusableOnFocus,\n          onBlur: focusableOnBlur,\n          tabIndex: 0,\n        }\n      : {};\n  };\n\n  render() {\n    const {\n      children,\n      prefixIcon,\n      suffixIcon,\n      onClick,\n      dataHook,\n      className,\n      showTooltip,\n      display = 'inline',\n      ...rest\n    } = this.getProps();\n\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div\n            data-hook={dataHook}\n            onClick={onClick}\n            {...this._getFocusableProps()}\n            className={st(\n              classes.root,\n              { clickable: !!onClick, newColorsBranding, display, ...rest },\n              className,\n            )}\n            {...generateDataAttr(this.props, [\n              'type',\n              'skin',\n              'size',\n              'uppercase',\n            ])}\n            data-clickable={!!onClick}\n            /* TODO: this prop used to come from stylable v1 spread and is used for testing. Update component testkit to use stylable testkit instead */\n            data-is-inverted={rest['data-is-inverted']}\n          >\n            {prefixIcon &&\n              React.cloneElement(prefixIcon, {\n                className: classes.prefix,\n                'data-prefix-icon': true,\n              })}\n            <Caption\n              className={classes.text}\n              caption={this.getProps().size === 'tiny' ? 'c2' : 'c1'}\n              ellipsis\n              showTooltip={showTooltip}\n            >\n              {children}\n            </Caption>\n            {suffixIcon &&\n              React.cloneElement(suffixIcon, {\n                className: classes.suffix,\n                'data-suffix-icon': true,\n              })}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nexport default withFocusable(Badge);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_generateDataAttr","_Badge","_BadgeSt","_Caption","_context","_excluded","_excluded2","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","getProps","props","focusableOnFocus","focusableOnBlur","rest","_objectWithoutProperties2","getFocusableProps","onClick","onFocus","onBlur","tabIndex","Badge","_getProps","children","prefixIcon","suffixIcon","dataHook","className","showTooltip","display","defaultedRest","type","TYPE","solid","skin","SKIN","general","size","SIZE","medium","uppercase","noPadding","createElement","WixDesignSystemContext","Consumer","__self","__source","fileName","lineNumber","columnNumber","_ref","newColorsBranding","_extends2","st","classes","root","clickable","generateDataAttr","React","cloneElement","prefix","text","caption","ellipsis","suffix","displayName","propTypes","PropTypes","string","oneOf","node","func","bool","any","_default","exports","withFocusable"],"sources":["../../../src/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../common/Focusable';\nimport { generateDataAttr } from '../utils/generateDataAttr';\nimport { SKIN, TYPE, SIZE } from './Badge.constants';\nimport { st, classes } from './Badge.st.css';\nimport Caption from '../Text/Caption';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { BadgeProps } from './Badge.types';\nimport { FunctionComponent } from 'enzyme';\n\ntype BadgePropsWithFocusable = BadgeProps & {\n  focusableOnFocus?: () => void;\n  focusableOnBlur?: () => void;\n} & {\n  'data-is-inverted'?: string;\n};\n\nconst getProps = (props: BadgePropsWithFocusable) => {\n  // that's what you pay for using HOCs...\n  const { focusableOnFocus, focusableOnBlur, ...rest } = props;\n  return rest;\n};\n\nconst getFocusableProps = (props: BadgePropsWithFocusable) => {\n  // add focusable hooks only when badge is clickable\n  const { onClick, focusableOnFocus, focusableOnBlur } = props;\n  return onClick\n    ? {\n        onFocus: focusableOnFocus,\n        onBlur: focusableOnBlur,\n        tabIndex: 0,\n      }\n    : {};\n};\n\nfunction Badge(props: BadgeProps) {\n  const {\n    children,\n    prefixIcon,\n    suffixIcon,\n    onClick,\n    dataHook,\n    className,\n    showTooltip = true,\n    display = 'inline',\n    ...rest\n  } = getProps(props);\n\n  const defaultedRest = {\n    type: TYPE.solid,\n    skin: SKIN.general,\n    size: SIZE.medium,\n    uppercase: true,\n    noPadding: false,\n    ...rest,\n  };\n\n  return (\n    <WixDesignSystemContext.Consumer>\n      {({ newColorsBranding }) => (\n        <div\n          data-hook={dataHook}\n          onClick={onClick}\n          {...getFocusableProps(props)}\n          className={st(\n            classes.root,\n            {\n              clickable: !!onClick,\n              newColorsBranding,\n              display,\n              ...defaultedRest,\n            },\n            className,\n          )}\n          {...generateDataAttr(defaultedRest, [\n            'type',\n            'skin',\n            'size',\n            'uppercase',\n          ])}\n          data-clickable={!!onClick}\n          /* TODO: this prop used to come from stylable v1 spread and is used for testing. Update component testkit to use stylable testkit instead */\n          data-is-inverted={rest['data-is-inverted']}\n        >\n          {prefixIcon &&\n            React.cloneElement(prefixIcon, {\n              className: classes.prefix,\n              'data-prefix-icon': true,\n            })}\n          <Caption\n            className={classes.text}\n            caption={getProps(props).size === 'tiny' ? 'c2' : 'c1'}\n            ellipsis\n            showTooltip={showTooltip}\n          >\n            {children}\n          </Caption>\n          {suffixIcon &&\n            React.cloneElement(suffixIcon, {\n              className: classes.suffix,\n              'data-suffix-icon': true,\n            })}\n        </div>\n      )}\n    </WixDesignSystemContext.Consumer>\n  );\n}\n\nBadge.displayName = 'Badge';\n\nBadge.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  type: PropTypes.oneOf(['solid', 'outlined', 'transparent']),\n  skin: PropTypes.oneOf([\n    'general',\n    'standard',\n    'danger',\n    'success',\n    'neutral',\n    'warning',\n    'urgent',\n    'neutralLight',\n    'neutralStandard',\n    'neutralSuccess',\n    'neutralDanger',\n    'premium',\n    'warningLight',\n  ]),\n  size: PropTypes.oneOf(['medium', 'small', 'tiny']),\n  prefixIcon: PropTypes.node,\n  suffixIcon: PropTypes.node,\n  onClick: PropTypes.func,\n  uppercase: PropTypes.bool,\n  noPadding: PropTypes.bool,\n  showTooltip: PropTypes.bool,\n  focusableOnFocus: PropTypes.func,\n  focusableOnBlur: PropTypes.func,\n  children: PropTypes.node,\n  display: PropTypes.any,\n};\n\nexport default withFocusable(\n  Badge as FunctionComponent<BadgeProps>,\n) as FunctionComponent<BadgeProps>;\n"],"mappings":"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","ignoreList":[]}