@wix/design-system 1.155.0 → 1.157.0

package/dist/cjs/WixDesignSystemProvider/newBrandingTokens.js.map

@@ -1 +1 @@
-{"version":3,"names":["module","exports","tokens"],"sources":["../../../src/WixDesignSystemProvider/newBrandingTokens.js"],"sourcesContent":["module.exports = function tokens() {\n  return {\n    '--wsr-color-D10': '#000624',\n    '--wsr-color-D20': '#333853',\n    '--wsr-color-D30': '#595D70',\n    '--wsr-color-D40': '#868AA5',\n    '--wsr-color-D50': '#ACAFC4',\n    '--wsr-color-D55': '#CFD1DC',\n    '--wsr-color-D60': '#DFE5EB',\n    '--wsr-color-D70': '#ECEFF3',\n    '--wsr-color-D80': '#FFFFFF',\n\n    '--wsr-color-B00': '#084EBD',\n    '--wsr-color-B05': '#0F62E6',\n    '--wsr-color-B10': '#116DFF',\n    '--wsr-color-B20': '#5999FF',\n    '--wsr-color-B30': '#A8CAFF',\n    '--wsr-color-B40': '#D6E6FE',\n    '--wsr-color-B50': '#E7F0FF',\n    '--wsr-color-B60': '#F4F7FF',\n\n    '--wsr-color-R00': '#B81206',\n    '--wsr-color-R05': '#D0180B',\n    '--wsr-color-R10': '#E62214',\n    '--wsr-color-R20': '#FF6D63',\n    '--wsr-color-R30': '#F69891',\n    '--wsr-color-R40': '#FBD0CD',\n    '--wsr-color-R50': '#FDE3E1',\n    '--wsr-color-R60': '#FDECEB',\n\n    '--wsr-color-P00': '#7416A5',\n    '--wsr-color-P05': '#8E1DD1',\n    '--wsr-color-P10': '#9A27D5',\n    '--wsr-color-P20': '#C161F0',\n    '--wsr-color-P30': '#CF8CF1',\n    '--wsr-color-P40': '#E3C3F4',\n    '--wsr-color-P50': '#F1E0F9',\n    '--wsr-color-P60': '#F7EDFC',\n\n    '--wsr-color-G00': '#1D8649',\n    '--wsr-color-G05': '#229954',\n    '--wsr-color-G10': '#25A55A',\n    '--wsr-color-G20': '#51B77B',\n    '--wsr-color-G30': '#87CEA5',\n    '--wsr-color-G40': '#C8E8D6',\n    '--wsr-color-G50': '#E1F4EB',\n    '--wsr-color-G60': '#E9F6EE',\n\n    '--wsr-color-Y00': '#D59900',\n    '--wsr-color-Y05': '#E7A600',\n    '--wsr-color-Y10': '#FFB700',\n    '--wsr-color-Y20': '#FFC23D',\n    '--wsr-color-Y30': '#FFD16E',\n    '--wsr-color-Y40': '#FFE2A5',\n    '--wsr-color-Y50': '#FFF0D1',\n    '--wsr-color-Y60': '#FFF6E5',\n\n    '--wsr-color-O00': '#DF4D00',\n    '--wsr-color-O05': '#F05300',\n    '--wsr-color-O10': '#FE620F',\n    '--wsr-color-O20': '#FF7D38',\n    '--wsr-color-O30': '#FCBD9C',\n    '--wsr-color-O40': '#FDDBC8',\n    '--wsr-color-O50': '#FEE5D7',\n    '--wsr-color-O60': '#FEEFE6',\n\n    '--wsr-color-F00': '#A6D0FF',\n\n    '--wsr-color-A1': '#1684EA',\n    '--wsr-color-A2': '#17B0E2',\n    '--wsr-color-A3': '#6544F9',\n    '--wsr-color-A4': '#3D9FA1',\n    '--wsr-color-A5': '#D04091',\n    '--wsr-color-A6': '#FDB10C',\n\n    '--wsr-color-B1': '#FF66C5',\n    '--wsr-color-B2': '#FF9F41',\n    '--wsr-color-B3': '#F9677A',\n    '--wsr-color-B4': '#1550AC',\n\n    '--wsr-color-C1': '#54CE91',\n    '--wsr-color-C2': '#1989E5',\n    '--wsr-color-C3': '#64B4F6',\n    '--wsr-color-C4': '#FF9290',\n\n    '--wsr-color-D10-03': 'rgba(0, 6, 36, 0.03)',\n    '--wsr-color-D10-05': 'rgba(0, 6, 36, 0.05)',\n    '--wsr-color-D10-06': 'rgba(0, 6, 36, 0.06)',\n    '--wsr-color-D10-10': 'rgba(0, 6, 36, 0.10)',\n    '--wsr-color-D10-12': 'rgba(0, 6, 36, 0.12)',\n    '--wsr-color-D10-18': 'rgba(0, 6, 36, 0.18)',\n    '--wsr-color-D10-20': 'rgba(0, 6, 36, 0.20)',\n    '--wsr-color-D10-24': 'rgba(0, 6, 36, 0.24)',\n    '--wsr-color-D10-30': 'rgba(0, 6, 36, 0.30)',\n    '--wsr-color-D10-36': 'rgba(0, 6, 36, 0.36)',\n    '--wsr-color-D10-42': 'rgba(0, 6, 36, 0.42)',\n    '--wsr-color-D10-66': 'rgba(0, 6, 36, 0.66)',\n    '--wsr-color-D10-90': 'rgba(0, 6, 36, 0.90)',\n    '--wsr-color-D10-96': 'rgba(0, 6, 36, 0.96)',\n\n    '--wsr-color-D20-48': 'rgba(51, 56, 83, 0.48)',\n    '--wsr-color-D20-54': 'rgba(51, 56, 83, 0.54)',\n    '--wsr-color-D20-60': 'rgba(51, 56, 83, 0.60)',\n    '--wsr-color-D20-72': 'rgba(51, 56, 83, 0.72)',\n\n    '--wsr-color-D40-20': 'rgba(134, 138, 165, 0.20)',\n\n    '--wsr-color-D80-10': 'rgba(255, 255, 255, 0.10)',\n    '--wsr-color-D80-20': 'rgba(255, 255, 255, 0.20)',\n    '--wsr-color-D80-30': 'rgba(255, 255, 255, 0.30)',\n    '--wsr-color-D80-48': 'rgba(255, 255, 255, 0.48)',\n    '--wsr-color-D80-50': 'rgba(255, 255, 255, 0.50)',\n    '--wsr-color-D80-60': 'rgba(255, 255, 255, 0.60)',\n    '--wsr-color-D80-70': 'rgba(255, 255, 255, 0.70)',\n\n    '--wsr-color-B00-24': 'rgba(8, 78, 189, 0.24)',\n    '--wsr-color-B00-42': 'rgba(8, 78, 189, 0.42)',\n    '--wsr-color-B00-48': 'rgba(8, 78, 189, 0.48)',\n    '--wsr-color-B10-18': 'rgba(17, 109, 255, 0.18)',\n\n    '--wsr-section-header-color-bg': '#f7f8f8',\n    '--wsr-section-header-color-border': '#dfe5eb',\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["module","exports","tokens"],"sources":["../../../src/WixDesignSystemProvider/newBrandingTokens.js"],"sourcesContent":["module.exports = function tokens() {\n  return /** @type {const} */ ({\n    '--wsr-color-D10': '#000624',\n    '--wsr-color-D20': '#333853',\n    '--wsr-color-D30': '#595D70',\n    '--wsr-color-D40': '#868AA5',\n    '--wsr-color-D50': '#ACAFC4',\n    '--wsr-color-D55': '#CFD1DC',\n    '--wsr-color-D60': '#DFE5EB',\n    '--wsr-color-D70': '#ECEFF3',\n    '--wsr-color-D80': '#FFFFFF',\n\n    '--wsr-color-B00': '#084EBD',\n    '--wsr-color-B05': '#0F62E6',\n    '--wsr-color-B10': '#116DFF',\n    '--wsr-color-B20': '#5999FF',\n    '--wsr-color-B30': '#A8CAFF',\n    '--wsr-color-B40': '#D6E6FE',\n    '--wsr-color-B50': '#E7F0FF',\n    '--wsr-color-B60': '#F4F7FF',\n\n    '--wsr-color-R00': '#B81206',\n    '--wsr-color-R05': '#D0180B',\n    '--wsr-color-R10': '#E62214',\n    '--wsr-color-R20': '#FF6D63',\n    '--wsr-color-R30': '#F69891',\n    '--wsr-color-R40': '#FBD0CD',\n    '--wsr-color-R50': '#FDE3E1',\n    '--wsr-color-R60': '#FDECEB',\n\n    '--wsr-color-P00': '#7416A5',\n    '--wsr-color-P05': '#8E1DD1',\n    '--wsr-color-P10': '#9A27D5',\n    '--wsr-color-P20': '#C161F0',\n    '--wsr-color-P30': '#CF8CF1',\n    '--wsr-color-P40': '#E3C3F4',\n    '--wsr-color-P50': '#F1E0F9',\n    '--wsr-color-P60': '#F7EDFC',\n\n    '--wsr-color-G00': '#1D8649',\n    '--wsr-color-G05': '#229954',\n    '--wsr-color-G10': '#25A55A',\n    '--wsr-color-G20': '#51B77B',\n    '--wsr-color-G30': '#87CEA5',\n    '--wsr-color-G40': '#C8E8D6',\n    '--wsr-color-G50': '#E1F4EB',\n    '--wsr-color-G60': '#E9F6EE',\n\n    '--wsr-color-Y00': '#D59900',\n    '--wsr-color-Y05': '#E7A600',\n    '--wsr-color-Y10': '#FFB700',\n    '--wsr-color-Y20': '#FFC23D',\n    '--wsr-color-Y30': '#FFD16E',\n    '--wsr-color-Y40': '#FFE2A5',\n    '--wsr-color-Y50': '#FFF0D1',\n    '--wsr-color-Y60': '#FFF6E5',\n\n    '--wsr-color-O00': '#DF4D00',\n    '--wsr-color-O05': '#F05300',\n    '--wsr-color-O10': '#FE620F',\n    '--wsr-color-O20': '#FF7D38',\n    '--wsr-color-O30': '#FCBD9C',\n    '--wsr-color-O40': '#FDDBC8',\n    '--wsr-color-O50': '#FEE5D7',\n    '--wsr-color-O60': '#FEEFE6',\n\n    '--wsr-color-F00': '#A6D0FF',\n\n    '--wsr-color-A1': '#1684EA',\n    '--wsr-color-A2': '#17B0E2',\n    '--wsr-color-A3': '#6544F9',\n    '--wsr-color-A4': '#3D9FA1',\n    '--wsr-color-A5': '#D04091',\n    '--wsr-color-A6': '#FDB10C',\n\n    '--wsr-color-B1': '#FF66C5',\n    '--wsr-color-B2': '#FF9F41',\n    '--wsr-color-B3': '#F9677A',\n    '--wsr-color-B4': '#1550AC',\n\n    '--wsr-color-C1': '#54CE91',\n    '--wsr-color-C2': '#1989E5',\n    '--wsr-color-C3': '#64B4F6',\n    '--wsr-color-C4': '#FF9290',\n\n    '--wsr-color-D10-03': 'rgba(0, 6, 36, 0.03)',\n    '--wsr-color-D10-05': 'rgba(0, 6, 36, 0.05)',\n    '--wsr-color-D10-06': 'rgba(0, 6, 36, 0.06)',\n    '--wsr-color-D10-10': 'rgba(0, 6, 36, 0.10)',\n    '--wsr-color-D10-12': 'rgba(0, 6, 36, 0.12)',\n    '--wsr-color-D10-18': 'rgba(0, 6, 36, 0.18)',\n    '--wsr-color-D10-20': 'rgba(0, 6, 36, 0.20)',\n    '--wsr-color-D10-24': 'rgba(0, 6, 36, 0.24)',\n    '--wsr-color-D10-30': 'rgba(0, 6, 36, 0.30)',\n    '--wsr-color-D10-36': 'rgba(0, 6, 36, 0.36)',\n    '--wsr-color-D10-42': 'rgba(0, 6, 36, 0.42)',\n    '--wsr-color-D10-66': 'rgba(0, 6, 36, 0.66)',\n    '--wsr-color-D10-90': 'rgba(0, 6, 36, 0.90)',\n    '--wsr-color-D10-96': 'rgba(0, 6, 36, 0.96)',\n\n    '--wsr-color-D20-48': 'rgba(51, 56, 83, 0.48)',\n    '--wsr-color-D20-54': 'rgba(51, 56, 83, 0.54)',\n    '--wsr-color-D20-60': 'rgba(51, 56, 83, 0.60)',\n    '--wsr-color-D20-72': 'rgba(51, 56, 83, 0.72)',\n\n    '--wsr-color-D40-20': 'rgba(134, 138, 165, 0.20)',\n\n    '--wsr-color-D80-10': 'rgba(255, 255, 255, 0.10)',\n    '--wsr-color-D80-20': 'rgba(255, 255, 255, 0.20)',\n    '--wsr-color-D80-30': 'rgba(255, 255, 255, 0.30)',\n    '--wsr-color-D80-48': 'rgba(255, 255, 255, 0.48)',\n    '--wsr-color-D80-50': 'rgba(255, 255, 255, 0.50)',\n    '--wsr-color-D80-60': 'rgba(255, 255, 255, 0.60)',\n    '--wsr-color-D80-70': 'rgba(255, 255, 255, 0.70)',\n\n    '--wsr-color-B00-24': 'rgba(8, 78, 189, 0.24)',\n    '--wsr-color-B00-42': 'rgba(8, 78, 189, 0.42)',\n    '--wsr-color-B00-48': 'rgba(8, 78, 189, 0.48)',\n    '--wsr-color-B10-18': 'rgba(17, 109, 255, 0.18)',\n\n    '--wsr-section-header-color-bg': '#f7f8f8',\n    '--wsr-section-header-color-border': '#dfe5eb',\n  });\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/WixDesignSystemProvider/newColorsBranding.st.css.js

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

package/dist/cjs/common/AdaptiveHeading/AdaptiveHeading.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_155_0_AdaptiveHeading";
+var _namespace_ = "wds_1_157_0_AdaptiveHeading";
 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_155_0_AdaptiveHeading__root","headerWrapper":"wds_1_155_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_155_0_AdaptiveHeading__headerShort","headerFull":"wds_1_155_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_155_0_AdaptiveHeading__ellipsis"};
+module.exports.classes = {"root":"wds_1_157_0_AdaptiveHeading__root","headerWrapper":"wds_1_157_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_157_0_AdaptiveHeading__headerShort","headerFull":"wds_1_157_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_157_0_AdaptiveHeading__ellipsis"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/common/Ellipsis/Ellipsis.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_155_0_Ellipsis";
+var _namespace_ = "wds_1_157_0_Ellipsis";
 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_155_0_Ellipsis__root","tooltip":"wds_1_155_0_Ellipsis__tooltip"};
+module.exports.classes = {"root":"wds_1_157_0_Ellipsis__root","tooltip":"wds_1_157_0_Ellipsis__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_155_0_Ellipsis-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_157_0_Ellipsis-maxLines"}; 
 
 
 

package/dist/cjs/common/Ellipsis/components/TextComponent/TextComponent.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../stylable-cjs-ru
 
 
 
-var _namespace_ = "wds_1_155_0_TextComponent";
+var _namespace_ = "wds_1_157_0_TextComponent";
 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_155_0_TextComponent__root","text":"wds_1_155_0_TextComponent__text","suffix":"wds_1_155_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_155_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_155_0_TextComponent__multilineSuffix"};
+module.exports.classes = {"root":"wds_1_157_0_TextComponent__root","text":"wds_1_157_0_TextComponent__text","suffix":"wds_1_157_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_157_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_157_0_TextComponent__multilineSuffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"maxLines":"--wds_1_155_0_TextComponent-maxLines"}; 
+module.exports.vars = {"maxLines":"--wds_1_157_0_TextComponent-maxLines"}; 
 
 
 

package/dist/cjs/common/FluidColumns/FluidColumns.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_155_0_FluidColumns";
+var _namespace_ = "wds_1_157_0_FluidColumns";
 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_155_0_FluidColumns__root","item":"wds_1_155_0_FluidColumns__item"};
+module.exports.classes = {"root":"wds_1_157_0_FluidColumns__root","item":"wds_1_157_0_FluidColumns__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"cols":"--wds_1_155_0_FluidColumns-cols"}; 
+module.exports.vars = {"cols":"--wds_1_157_0_FluidColumns-cols"}; 
 
 
 

package/dist/cjs/common/Focusable/Focusable.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_155_0_Focusable";
+var _namespace_ = "wds_1_157_0_Focusable";
 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_155_0_Focusable__root","focus-box":"wds_1_155_0_Focusable__focus-box","focus-box-error":"wds_1_155_0_Focusable__focus-box-error"};
+module.exports.classes = {"root":"wds_1_157_0_Focusable__root","focus-box":"wds_1_157_0_Focusable__focus-box","focus-box-error":"wds_1_157_0_Focusable__focus-box-error"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/common/styles/visuallyHidden.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_155_0_visuallyHidden";
+var _namespace_ = "wds_1_157_0_visuallyHidden";
 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_155_0_visuallyHidden__root","visuallyHidden":"wds_1_155_0_visuallyHidden__visuallyHidden"};
+module.exports.classes = {"root":"wds_1_157_0_visuallyHidden__root","visuallyHidden":"wds_1_157_0_visuallyHidden__visuallyHidden"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/dnd-styles/dnd-styles.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_155_0_dndstyles";
+var _namespace_ = "wds_1_157_0_dndstyles";
 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_155_0_dndstyles__root","item":"wds_1_155_0_dndstyles__item","itemPlaceholder":"wds_1_155_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_155_0_dndstyles__itemPreview","list":"wds_1_155_0_dndstyles__list","gridItemPlaceholder":"wds_1_155_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_155_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_155_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_155_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_155_0_dndstyles__gridItemPreview"};
+module.exports.classes = {"root":"wds_1_157_0_dndstyles__root","item":"wds_1_157_0_dndstyles__item","itemPlaceholder":"wds_1_157_0_dndstyles__itemPlaceholder","itemPreview":"wds_1_157_0_dndstyles__itemPreview","list":"wds_1_157_0_dndstyles__list","gridItemPlaceholder":"wds_1_157_0_dndstyles__gridItemPlaceholder","isInitialPositionToDrop":"wds_1_157_0_dndstyles__isInitialPositionToDrop","withGridItemStrip":"wds_1_157_0_dndstyles__withGridItemStrip","withGridItemStripRight":"wds_1_157_0_dndstyles__withGridItemStripRight","gridItemPreview":"wds_1_157_0_dndstyles__gridItemPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/providers/useOverlayScrollbar/useOverlayScrollbar.initialization.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_155_0_useOverlayScrollbarinitialization";
+var _namespace_ = "wds_1_157_0_useOverlayScrollbarinitialization";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,8 +12,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_155_0_useOverlayScrollbarinitialization__root"};
-module.exports.keyframes = {"os-size-observer-appear-animation":"wds_1_155_0_useOverlayScrollbarinitialization__os-size-observer-appear-animation"}; 
+module.exports.classes = {"root":"wds_1_157_0_useOverlayScrollbarinitialization__root"};
+module.exports.keyframes = {"os-size-observer-appear-animation":"wds_1_157_0_useOverlayScrollbarinitialization__os-size-observer-appear-animation"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 

package/dist/cjs/providers/useOverlayScrollbar/useOverlayScrollbar.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_155_0_useOverlayScrollbar";
+var _namespace_ = "wds_1_157_0_useOverlayScrollbar";
 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_155_0_useOverlayScrollbar__root"};
+module.exports.classes = {"root":"wds_1_157_0_useOverlayScrollbar__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.LIB_VERSION = void 0;
-var LIB_VERSION = exports.LIB_VERSION = '1.155.0'; // autogenerated
+var LIB_VERSION = exports.LIB_VERSION = '1.157.0'; // autogenerated
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["LIB_VERSION","exports"],"sources":["../../src/version.js"],"sourcesContent":["export const LIB_VERSION = '1.155.0'; // autogenerated\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAS,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["LIB_VERSION","exports"],"sources":["../../src/version.js"],"sourcesContent":["export const LIB_VERSION = '1.157.0'; // autogenerated\n"],"mappings":";;;;AAAO,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAS,CAAC,CAAC","ignoreList":[]}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_Accordion";
+var _namespace_ = "wds_1_157_0_Accordion";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_Accordion__root","accordion":"wds_1_155_0_Accordion__accordion","item":"wds_1_155_0_Accordion__item"};
+export var classes = {"root":"wds_1_157_0_Accordion__root","accordion":"wds_1_157_0_Accordion__accordion","item":"wds_1_157_0_Accordion__item"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_155_0_AccordionItem";
+var _namespace_ = "wds_1_157_0_AccordionItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_AccordionItem__root","header":"wds_1_155_0_AccordionItem__header","iconsContainer":"wds_1_155_0_AccordionItem__iconsContainer","affix":"wds_1_155_0_AccordionItem__affix","titleWrapper":"wds_1_155_0_AccordionItem__titleWrapper","children":"wds_1_155_0_AccordionItem__children"};
+export var classes = {"root":"wds_1_157_0_AccordionItem__root","header":"wds_1_157_0_AccordionItem__header","iconsContainer":"wds_1_157_0_AccordionItem__iconsContainer","affix":"wds_1_157_0_AccordionItem__affix","titleWrapper":"wds_1_157_0_AccordionItem__titleWrapper","children":"wds_1_157_0_AccordionItem__children"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_155_0_AccordionItemCaret";
+var _namespace_ = "wds_1_157_0_AccordionItemCaret";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_AccordionItemCaret__root","textButton":"wds_1_155_0_AccordionItemCaret__textButton"};
+export var classes = {"root":"wds_1_157_0_AccordionItemCaret__root","textButton":"wds_1_157_0_AccordionItemCaret__textButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -10,7 +10,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_AddItem";
+var _namespace_ = "wds_1_157_0_AddItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -18,7 +18,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_AddItem__root","icon":"wds_1_155_0_AddItem__icon","illustration":"wds_1_155_0_AddItem__illustration","contentContainer":"wds_1_155_0_AddItem__contentContainer","content":"wds_1_155_0_AddItem__content","textWrapper":"wds_1_155_0_AddItem__textWrapper","textContent":"wds_1_155_0_AddItem__textContent","subtitle":"wds_1_155_0_AddItem__subtitle","tooltip":"wds_1_155_0_AddItem__tooltip"};
+export var classes = {"root":"wds_1_157_0_AddItem__root","icon":"wds_1_157_0_AddItem__icon","illustration":"wds_1_157_0_AddItem__illustration","contentContainer":"wds_1_157_0_AddItem__contentContainer","content":"wds_1_157_0_AddItem__content","textWrapper":"wds_1_157_0_AddItem__textWrapper","textContent":"wds_1_157_0_AddItem__textContent","subtitle":"wds_1_157_0_AddItem__subtitle","tooltip":"wds_1_157_0_AddItem__tooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_AddressInputItem";
+var _namespace_ = "wds_1_157_0_AddressInputItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_AddressInputItem__root"};
+export var classes = {"root":"wds_1_157_0_AddressInputItem__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_AnalyticsLayout";
+var _namespace_ = "wds_1_157_0_AnalyticsLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_AnalyticsLayout__root","row":"wds_1_155_0_AnalyticsLayout__row"};
+export var classes = {"root":"wds_1_157_0_AnalyticsLayout__root","row":"wds_1_157_0_AnalyticsLayout__row"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_155_0_AnalyticsLayoutCell";
+var _namespace_ = "wds_1_157_0_AnalyticsLayoutCell";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_155_0_AnalyticsLayoutCell__root"};
+export var classes = {"root":"wds_1_157_0_AnalyticsLayoutCell__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/AnalyticsSummaryCard/{constants.js → AnalyticsSummaryCard.constants.js}

@@ -8,4 +8,4 @@ export const dataHooks = {
     analyticsSummaryCardValueTooltip: 'analyticsSummaryCard-value-tooltip',
     analyticsSummaryCardTrend: 'analyticsSummaryCard-trend',
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=AnalyticsSummaryCard.constants.js.map

package/dist/esm/AnalyticsSummaryCard/AnalyticsSummaryCard.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsSummaryCard.constants.js","sourceRoot":"","sources":["../../../src/AnalyticsSummaryCard/AnalyticsSummaryCard.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,uBAAuB,EAAE,0BAA0B;IACnD,yBAAyB,EAAE,4BAA4B;IACvD,0BAA0B,EAAE,6BAA6B;IACzD,yBAAyB,EAAE,4BAA4B;IACvD,gCAAgC,EAAE,oCAAoC;IACtE,yBAAyB,EAAE,4BAA4B;IACvD,gCAAgC,EAAE,oCAAoC;IACtE,yBAAyB,EAAE,4BAA4B;CACxD,CAAC"}

package/dist/esm/AnalyticsSummaryCard/AnalyticsSummaryCard.js

@@ -1,7 +1,6 @@
-import React from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import noop from 'lodash/noop';
-import isFunction from 'lodash/isFunction';
 import Heading from '../Heading';
 import Tooltip from '../Tooltip';
 import SparklineChart from '../SparklineChart';
@@ -9,139 +8,76 @@ import TrendIndicator from '../TrendIndicator';
 import Text from '../Text';
 import Loader from '../Loader';
 import { st, classes } from './AnalyticsSummaryCard.st.css.js';
-import { dataHooks } from './constants';
+import { dataHooks } from './AnalyticsSummaryCard.constants';
 import { withFocusable } from '../common/Focusable';
 const SPARKLINE_HEIGHT = 22;
-/** Analytics Summary Card */
-class AnalyticsSummaryCard extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            isHovered: false,
-        };
-        this._handleMouseEnter = () => {
-            this.setState({ isHovered: true });
-        };
-        this._handleMouseLeave = () => {
-            this.setState({ isHovered: false });
-        };
-        this._handleClick = event => {
-            const { onClick } = this.props;
-            if (isFunction(onClick)) {
-                onClick(event);
-            }
-        };
-        this._handleCTAClick = event => {
-            const { onCTAClick } = this.props;
-            event.stopPropagation();
-            if (isFunction(onCTAClick)) {
-                onCTAClick(event);
-            }
-        };
-        this._shouldShowCTA = () => {
-            const { isLoading, ctaButton, alwaysShowCTA } = this.props;
-            const { isHovered } = this.state;
-            return !isLoading && ctaButton && (isHovered || alwaysShowCTA);
-        };
-        this._renderTitle = () => {
-            const { title, titleTooltip } = this.props;
-            return (React.createElement(Tooltip, { placement: "top", content: titleTooltip, disabled: !titleTooltip, dataHook: dataHooks.analyticsSummaryCardTitleTooltip },
-                React.createElement("span", { "data-hook": dataHooks.analyticsSummaryCardTitle }, title)));
-        };
-        this._renderValue = () => {
-            const { value, valueTooltip } = this.props;
-            if (valueTooltip) {
-                return (React.createElement(Tooltip, { placement: "top", content: valueTooltip, dataHook: dataHooks.analyticsSummaryCardValueTooltip },
-                    React.createElement(Text, { tagName: "span", weight: "bold", dataHook: dataHooks.analyticsSummaryCardValue }, value)));
-            }
-            else {
-                return (React.createElement(Text, { tagName: "span", weight: "bold", dataHook: dataHooks.analyticsSummaryCardValue }, value));
-            }
-        };
-    }
-    render() {
-        const { dataHook, className, trend, isTrendVisible, invertedTrend, chartData, chartColorHex, chartWidth, isLoading, ctaButton, onClick, onChartHover, chartHighlightedStartingIndex, getChartTooltipContent, chartAnimationDuration, footer, focusableOnFocus, focusableOnBlur, } = this.props;
-        const { isHovered } = this.state;
-        const isClickable = isFunction(onClick);
-        return (React.createElement("div", { className: st(classes.root, {
-                hovered: isHovered,
-                clickable: isClickable,
-            }, className), "data-hook": dataHook, onClick: this._handleClick, onMouseEnter: this._handleMouseEnter, onMouseLeave: this._handleMouseLeave, onFocus: focusableOnFocus, onBlur: focusableOnBlur },
-            isLoading && (React.createElement("div", { className: classes.loader },
-                React.createElement(Loader, { dataHook: dataHooks.analyticsSummaryCardLoader, size: "tiny" }))),
-            this._shouldShowCTA() && (React.createElement("div", { "data-hook": dataHooks.analyticsSummaryCardCTA, className: st(classes.ctaButton), onClick: this._handleCTAClick, onFocus: focusableOnFocus, onBlur: focusableOnBlur }, ctaButton)),
-            React.createElement("div", null,
-                React.createElement("div", { className: st(classes.title), onFocus: focusableOnFocus, onBlur: focusableOnBlur },
-                    React.createElement(Heading, { size: "extraTiny" }, this._renderTitle())),
-                React.createElement("div", { className: classes.valueLineContainer },
-                    React.createElement("div", { className: classes.valueAndTrend },
-                        this._renderValue(),
-                        isTrendVisible && (React.createElement(TrendIndicator, { dataHook: dataHooks.analyticsSummaryCardTrend, className: classes.trend, value: trend, inverted: invertedTrend }))),
-                    React.createElement("div", { className: st(classes.sparkline), onFocus: focusableOnFocus, onBlur: focusableOnBlur },
-                        React.createElement(SparklineChart, { dataHook: dataHooks.analyticsSummaryCardChart, onHover: onChartHover, data: chartData, color: chartColorHex, width: chartWidth, height: SPARKLINE_HEIGHT, highlightedStartingIndex: chartHighlightedStartingIndex, getTooltipContent: getChartTooltipContent, animationDuration: chartAnimationDuration }))),
-                React.createElement("div", { className: st(classes.footer) },
-                    " ",
-                    footer))));
-    }
-}
+// storybook utils can't unwrap HOC, hence the export
+export const AnalyticsSummaryCard = ({ isLoading = false, ctaButton = null, footer = null, onChartHover = noop, isTrendVisible = false, alwaysShowCTA = false, chartWidth = 69, chartAnimationDuration = 300, onClick, onCTAClick, title, titleTooltip, value, valueTooltip, dataHook, className, trend, invertedTrend, chartData, chartColorHex, chartHighlightedStartingIndex, getChartTooltipContent, focusableOnFocus, focusableOnBlur, }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    const handleMouseEnter = useCallback(() => setIsHovered(true), []);
+    const handleMouseLeave = useCallback(() => setIsHovered(false), []);
+    const handleClick = useCallback((event) => onClick?.(event), [onClick]);
+    const handleCTAClick = useCallback((event) => {
+        event.stopPropagation();
+        onCTAClick?.(event);
+    }, [onCTAClick]);
+    const shouldShowCTA = useMemo(() => !isLoading && ctaButton && (isHovered || alwaysShowCTA), [alwaysShowCTA, ctaButton, isHovered, isLoading]);
+    const renderTitle = useCallback(() => (React.createElement(Tooltip, { placement: "top", content: titleTooltip, disabled: !titleTooltip, dataHook: dataHooks.analyticsSummaryCardTitleTooltip },
+        React.createElement("span", { "data-hook": dataHooks.analyticsSummaryCardTitle }, title))), [title, titleTooltip]);
+    const renderValue = useCallback(() => {
+        if (valueTooltip) {
+            return (React.createElement(Tooltip, { placement: "top", content: valueTooltip, dataHook: dataHooks.analyticsSummaryCardValueTooltip },
+                React.createElement(Text, { tagName: "span", weight: "bold", dataHook: dataHooks.analyticsSummaryCardValue }, value)));
+        }
+        else {
+            return (React.createElement(Text, { tagName: "span", weight: "bold", dataHook: dataHooks.analyticsSummaryCardValue }, value));
+        }
+    }, [value, valueTooltip]);
+    const isClickable = useMemo(() => onClick !== undefined, [onClick]);
+    return (React.createElement("div", { className: st(classes.root, {
+            hovered: isHovered,
+            clickable: isClickable,
+        }, className), "data-hook": dataHook, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: focusableOnFocus, onBlur: focusableOnBlur },
+        isLoading && (React.createElement("div", { className: classes.loader },
+            React.createElement(Loader, { dataHook: dataHooks.analyticsSummaryCardLoader, size: "tiny" }))),
+        shouldShowCTA && (React.createElement("div", { "data-hook": dataHooks.analyticsSummaryCardCTA, className: st(classes.ctaButton), onClick: handleCTAClick, onFocus: focusableOnFocus, onBlur: focusableOnBlur }, ctaButton)),
+        React.createElement("div", null,
+            React.createElement("div", { className: st(classes.title), onFocus: focusableOnFocus, onBlur: focusableOnBlur },
+                React.createElement(Heading, { size: "extraTiny" }, renderTitle())),
+            React.createElement("div", { className: classes.valueLineContainer },
+                React.createElement("div", { className: classes.valueAndTrend },
+                    renderValue(),
+                    isTrendVisible && trend !== undefined && (React.createElement(TrendIndicator, { dataHook: dataHooks.analyticsSummaryCardTrend, className: classes.trend, value: trend, inverted: invertedTrend }))),
+                React.createElement("div", { className: st(classes.sparkline), onFocus: focusableOnFocus, onBlur: focusableOnBlur },
+                    React.createElement(SparklineChart, { dataHook: dataHooks.analyticsSummaryCardChart, onHover: onChartHover, data: chartData, color: chartColorHex, width: chartWidth, height: SPARKLINE_HEIGHT, highlightedStartingIndex: chartHighlightedStartingIndex, getTooltipContent: getChartTooltipContent, animationDuration: chartAnimationDuration }))),
+            React.createElement("div", { className: st(classes.footer) },
+                " ",
+                footer))));
+};
 AnalyticsSummaryCard.displayName = 'AnalyticsSummaryCard';
 AnalyticsSummaryCard.propTypes = {
-    /** Applied as data-hook HTML attribute that can be used in the tests */
     dataHook: PropTypes.string,
-    /** Specifies a CSS class name to be appended to the component’s root element.
-     * @internal
-     */
     className: PropTypes.string,
-    /** Text for the title */
     title: PropTypes.string,
-    /** Text for title tooltip */
     titleTooltip: PropTypes.string,
-    /** Text Value */
-    value: PropTypes.string,
-    /** Text for value tooltip*/
+    value: PropTypes.string.isRequired,
     valueTooltip: PropTypes.string,
-    /** A number to be displayed as the trend, a positive number will be green with an arrow facing up and a negative number will be red with an arrow facing down */
     trend: PropTypes.number,
-    /** Invert color and arrow direction of Trend. */
     invertedTrend: PropTypes.bool,
-    /** Show/Hide Trend */
     isTrendVisible: PropTypes.bool,
-    /** whether component is loading */
     isLoading: PropTypes.bool,
-    /** CTA button React Node */
-    ctaButton: PropTypes.node,
-    /** fires when CTA button is clicked */
+    ctaButton: PropTypes.any,
     onCTAClick: PropTypes.func,
-    /** always show CTA button */
     alwaysShowCTA: PropTypes.bool,
-    /**  Card would be clickable */
     onClick: PropTypes.func,
-    /** fires when chart is hovered */
     onChartHover: PropTypes.func,
-    /** Indicates the starting index of the highlighted area of the chart  */
     chartHighlightedStartingIndex: PropTypes.number,
-    /** Chart width */
     chartWidth: PropTypes.number,
-    /** Chart data */
-    chartData: PropTypes.array,
-    /** Chart tooltip content */
+    chartData: PropTypes.any,
     getChartTooltipContent: PropTypes.func,
-    /** Sets the color of the chart  */
     chartColorHex: PropTypes.string,
-    /** Chart animation duration  */
     chartAnimationDuration: PropTypes.number,
-    /** Footer - Node  */
-    footer: PropTypes.node,
-};
-AnalyticsSummaryCard.defaultProps = {
-    isLoading: false,
-    ctaButton: null,
-    footer: null,
-    onChartHover: noop,
-    isTrendVisible: false,
-    alwaysShowCTA: false,
-    chartWidth: 69,
-    chartAnimationDuration: 300,
+    footer: PropTypes.any,
 };
 export default withFocusable(AnalyticsSummaryCard);
 //# sourceMappingURL=AnalyticsSummaryCard.js.map