@wix/design-system 1.164.0 → 1.166.0

package/dist/cjs/PopoverNext/hooks/useDelayOpen.js

@@ -32,7 +32,7 @@ var useDelayOpen = _ref => {
     return () => clearTimeout(timeout);
   }, [open, hideDelay, transition]);
   var handleChange = (newOpen, reason) => {
-    // Put element into DOM first, then delay envoking transition.
+    // Put element into DOM first, then delay invoking transition.
     setIsOpen(true);
     setTimeout(() => {
       onOpenChange(newOpen, reason);

package/dist/cjs/PopoverNext/hooks/useDelayOpen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useDelayOpen","_ref","open","onOpenChange","timeout","transition","showDelay","hideDelay","isOpen","setIsOpen","useState","getDuration","type","useEffect","exitTransition","setTimeout","clearTimeout","handleChange","newOpen","reason","styles","transitionProperty","opacity","transitionDelay","concat","transitionDuration","exports"],"sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { UsePopoverProps } from './usePopover';\nimport { type OpenChangeReason } from '@floating-ui/react';\n\ntype UseDelayOpenProps = Pick<\n  UsePopoverProps,\n  'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'\n>;\n\n/**\n * usePopover open with delay hook.\n * TODO: Needs handling open prop changes.\n */\nexport const useDelayOpen = ({\n  open,\n  onOpenChange,\n  timeout: transition = 0,\n  showDelay = 0,\n  hideDelay = 0,\n}: UseDelayOpenProps) => {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const getDuration = (\n    timeout: NonNullable<UsePopoverProps['timeout']>,\n    type: 'enter' | 'exit',\n  ): number => (typeof timeout === 'number' ? timeout : timeout[type] || 0);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!open) {\n      const exitTransition = getDuration(transition, 'exit');\n\n      timeout = setTimeout(() => {\n        setIsOpen(false);\n      }, hideDelay + exitTransition);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [open, hideDelay, transition]);\n\n  const handleChange = (newOpen: boolean, reason?: OpenChangeReason) => {\n    // Put element into DOM first, then delay envoking transition.\n    setIsOpen(true);\n\n    setTimeout(() => {\n      onOpenChange(newOpen, reason);\n    });\n  };\n\n  const styles = {\n    transitionProperty: 'opacity',\n    ...(open\n      ? {\n          opacity: 1,\n          transitionDelay: `${showDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'enter')}ms`,\n        }\n      : {\n          opacity: 0,\n          transitionDelay: `${hideDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'exit')}ms`,\n        }),\n  };\n\n  return { isOpen, setIsOpen: handleChange, styles };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","useDelayOpen","_ref","open","onOpenChange","timeout","transition","showDelay","hideDelay","isOpen","setIsOpen","useState","getDuration","type","useEffect","exitTransition","setTimeout","clearTimeout","handleChange","newOpen","reason","styles","transitionProperty","opacity","transitionDelay","concat","transitionDuration","exports"],"sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { UsePopoverProps } from './usePopover';\nimport { type OpenChangeReason } from '@floating-ui/react';\n\ntype UseDelayOpenProps = Pick<\n  UsePopoverProps,\n  'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'\n>;\n\n/**\n * usePopover open with delay hook.\n * TODO: Needs handling open prop changes.\n */\nexport const useDelayOpen = ({\n  open,\n  onOpenChange,\n  timeout: transition = 0,\n  showDelay = 0,\n  hideDelay = 0,\n}: UseDelayOpenProps) => {\n  const [isOpen, setIsOpen] = useState(open);\n\n  const getDuration = (\n    timeout: NonNullable<UsePopoverProps['timeout']>,\n    type: 'enter' | 'exit',\n  ): number => (typeof timeout === 'number' ? timeout : timeout[type] || 0);\n\n  useEffect(() => {\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!open) {\n      const exitTransition = getDuration(transition, 'exit');\n\n      timeout = setTimeout(() => {\n        setIsOpen(false);\n      }, hideDelay + exitTransition);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [open, hideDelay, transition]);\n\n  const handleChange = (newOpen: boolean, reason?: OpenChangeReason) => {\n    // Put element into DOM first, then delay invoking transition.\n    setIsOpen(true);\n\n    setTimeout(() => {\n      onOpenChange(newOpen, reason);\n    });\n  };\n\n  const styles = {\n    transitionProperty: 'opacity',\n    ...(open\n      ? {\n          opacity: 1,\n          transitionDelay: `${showDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'enter')}ms`,\n        }\n      : {\n          opacity: 0,\n          transitionDelay: `${hideDelay}ms`,\n          transitionDuration: `${getDuration(transition, 'exit')}ms`,\n        }),\n  };\n\n  return { isOpen, setIsOpen: handleChange, styles };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_PreviewWidget";
+var _namespace_ = "wds_1_166_0_PreviewWidget";
 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_164_0_PreviewWidget__root","contentArea":"wds_1_164_0_PreviewWidget__contentArea"};
+module.exports.classes = {"root":"wds_1_166_0_PreviewWidget__root","contentArea":"wds_1_166_0_PreviewWidget__contentArea"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Proportion";
+var _namespace_ = "wds_1_166_0_Proportion";
 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_164_0_Proportion__root","ratioHolder":"wds_1_164_0_Proportion__ratioHolder","contentWrapper":"wds_1_164_0_Proportion__contentWrapper"};
+module.exports.classes = {"root":"wds_1_166_0_Proportion__root","ratioHolder":"wds_1_166_0_Proportion__ratioHolder","contentWrapper":"wds_1_166_0_Proportion__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_PulseAnimation";
+var _namespace_ = "wds_1_166_0_PulseAnimation";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_PulseAnimation__root"};
-module.exports.keyframes = {"pulseSmallB10":"wds_1_164_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_164_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_164_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_164_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_164_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_164_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_164_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_164_0_PulseAnimation__pulseMediumG10"}; 
+module.exports.classes = {"root":"wds_1_166_0_PulseAnimation__root"};
+module.exports.keyframes = {"pulseSmallB10":"wds_1_166_0_PulseAnimation__pulseSmallB10","pulseMediumB10":"wds_1_166_0_PulseAnimation__pulseMediumB10","pulseSmallR10":"wds_1_166_0_PulseAnimation__pulseSmallR10","pulseMediumR10":"wds_1_166_0_PulseAnimation__pulseMediumR10","pulseSmallP10":"wds_1_166_0_PulseAnimation__pulseSmallP10","pulseMediumP10":"wds_1_166_0_PulseAnimation__pulseMediumP10","pulseSmallG10":"wds_1_166_0_PulseAnimation__pulseSmallG10","pulseMediumG10":"wds_1_166_0_PulseAnimation__pulseMediumG10"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"animationDuration":"1050ms","smallShadowSpread":"30px","mediumShadowSpread":"12px"}; 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_RadarChart";
+var _namespace_ = "wds_1_166_0_RadarChart";
 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_164_0_RadarChart__root","text-tiny-thin":"wds_1_164_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_164_0_StylableTypography__text-small-thin","axis":"wds_1_164_0_RadarChart__axis","axisLabel":"wds_1_164_0_RadarChart__axisLabel","circles":"wds_1_164_0_RadarChart__circles","scaleLabel":"wds_1_164_0_RadarChart__scaleLabel","dataPoint":"wds_1_164_0_RadarChart__dataPoint","tooltip":"wds_1_164_0_RadarChart__tooltip"};
+module.exports.classes = {"root":"wds_1_166_0_RadarChart__root","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","axis":"wds_1_166_0_RadarChart__axis","axisLabel":"wds_1_166_0_RadarChart__axisLabel","circles":"wds_1_166_0_RadarChart__circles","scaleLabel":"wds_1_166_0_RadarChart__scaleLabel","dataPoint":"wds_1_166_0_RadarChart__dataPoint","tooltip":"wds_1_166_0_RadarChart__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Radio";
+var _namespace_ = "wds_1_166_0_Radio";
 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_164_0_Radio__root","input":"wds_1_164_0_Radio__input","icon":"wds_1_164_0_Radio__icon","label":"wds_1_164_0_Radio__label","labelText":"wds_1_164_0_Radio__labelText"};
+module.exports.classes = {"root":"wds_1_166_0_Radio__root","input":"wds_1_166_0_Radio__input","icon":"wds_1_166_0_Radio__icon","label":"wds_1_166_0_Radio__label","labelText":"wds_1_166_0_Radio__labelText"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_RadioGroup";
+var _namespace_ = "wds_1_166_0_RadioGroup";
 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_164_0_RadioGroup__root","mobile":"wds_1_164_0_WixDesignSystemProvider__mobile","radio":"wds_1_164_0_RadioGroup__radio","radioContainer":"wds_1_164_0_RadioGroup__radioContainer","optionContainer":"wds_1_164_0_RadioGroup__optionContainer","content":"wds_1_164_0_RadioGroup__content"};
+module.exports.classes = {"root":"wds_1_166_0_RadioGroup__root","mobile":"wds_1_166_0_WixDesignSystemProvider__mobile","radio":"wds_1_166_0_RadioGroup__radio","radioContainer":"wds_1_166_0_RadioGroup__radioContainer","optionContainer":"wds_1_166_0_RadioGroup__optionContainer","content":"wds_1_166_0_RadioGroup__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Range";
+var _namespace_ = "wds_1_166_0_Range";
 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_164_0_Range__root","firstinput":"wds_1_164_0_Range__firstinput","firstDate":"wds_1_164_0_Range__firstDate","lastinput":"wds_1_164_0_Range__lastinput","lastDate":"wds_1_164_0_Range__lastDate","label":"wds_1_164_0_Range__label","inputWrapper":"wds_1_164_0_Range__inputWrapper"};
+module.exports.classes = {"root":"wds_1_166_0_Range__root","firstinput":"wds_1_166_0_Range__firstinput","firstDate":"wds_1_166_0_Range__firstDate","lastinput":"wds_1_166_0_Range__lastinput","lastDate":"wds_1_166_0_Range__lastDate","label":"wds_1_166_0_Range__label","inputWrapper":"wds_1_166_0_Range__inputWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/RichTextInputArea/Form/RichTextInputAreaForm.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_RichTextInputAreaForm";
+var _namespace_ = "wds_1_166_0_RichTextInputAreaForm";
 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_164_0_RichTextInputAreaForm__root","footer":"wds_1_164_0_RichTextInputAreaForm__footer"};
+module.exports.classes = {"root":"wds_1_166_0_RichTextInputAreaForm__root","footer":"wds_1_166_0_RichTextInputAreaForm__footer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_RichTextInputArea";
+var _namespace_ = "wds_1_166_0_RichTextInputArea";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_RichTextInputArea__root","text-medium-thin":"wds_1_164_0_StylableTypography__text-medium-thin","font-medium":"wds_1_164_0_RichTextInputArea__font-medium","link":"wds_1_164_0_RichTextInputArea__link","toolbar":"wds_1_164_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_164_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_164_0_RichTextInputArea__statusIndicator"};
+module.exports.classes = {"root":"wds_1_166_0_RichTextInputArea__root","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","font-medium":"wds_1_166_0_RichTextInputArea__font-medium","link":"wds_1_166_0_RichTextInputArea__link","toolbar":"wds_1_166_0_RichTextInputArea__toolbar","editorWrapper":"wds_1_166_0_RichTextInputArea__editorWrapper","statusIndicator":"wds_1_166_0_RichTextInputArea__statusIndicator"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"minWidth":"378px","minHeight":"72px","backgroundColor":"var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF))","border":"1px solid var(--wds-color-border-standard-secondary, var(--wsr-color-B30, #A8CAFF))","borderRadius":"var(--wds-input-border-radius-default-medium, 6px)","padding":"var(--wds-input-padding-vertical-medium, 12px) var(--wds-input-padding-horizontal-medium, 12px)","errorBorderColor":"var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214))","warningBorderColor":"var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))"}; 
-module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_164_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_164_0_RichTextInputArea-maxHeight"}; 
+module.exports.vars = {"wds-input-border-radius-default-medium":"--wds-input-border-radius-default-medium","wds-input-value-font-size-medium":"--wds-input-value-font-size-medium","wds-input-value-font-line-height-medium":"--wds-input-value-font-line-height-medium","wds-color-border-destructive-secondary-active":"--wds-color-border-destructive-secondary-active","wds-color-border-standard-secondary-active":"--wds-color-border-standard-secondary-active","wds-color-border-standard-secondary-disabled":"--wds-color-border-standard-secondary-disabled","wds-color-border-standard-secondary-hover":"--wds-color-border-standard-secondary-hover","wds-color-border-standard-secondary":"--wds-color-border-standard-secondary","wds-color-border-warning-secondary-active":"--wds-color-border-warning-secondary-active","wds-color-fill-standard-tertiary-hover":"--wds-color-fill-standard-tertiary-hover","wds-color-fill-standard-tertiary":"--wds-color-fill-standard-tertiary","wds-color-text-disabled":"--wds-color-text-disabled","wds-color-text-placeholder":"--wds-color-text-placeholder","wds-color-text-standard-primary":"--wds-color-text-standard-primary","wds-input-padding-horizontal-medium":"--wds-input-padding-horizontal-medium","wds-input-padding-vertical-medium":"--wds-input-padding-vertical-medium","wds-input-shadow-focus-destructive":"--wds-input-shadow-focus-destructive","wds-input-shadow-focus-standard":"--wds-input-shadow-focus-standard","wds-input-shadow-focus-warning":"--wds-input-shadow-focus-warning","wds-space-100":"--wds-space-100","wds-space-50":"--wds-space-50","minHeight":"--wds_1_166_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_166_0_RichTextInputArea-maxHeight"}; 
 
 
 

package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbarButton.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_RichTextToolbarButton";
+var _namespace_ = "wds_1_166_0_RichTextToolbarButton";
 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_164_0_RichTextToolbarButton__root","button":"wds_1_164_0_RichTextToolbarButton__button"};
+module.exports.classes = {"root":"wds_1_166_0_RichTextToolbarButton__root","button":"wds_1_166_0_RichTextToolbarButton__button"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Search";
+var _namespace_ = "wds_1_166_0_Search";
 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_164_0_Search__root","content":"wds_1_164_0_Search__content"};
+module.exports.classes = {"root":"wds_1_166_0_Search__root","content":"wds_1_166_0_Search__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SectionHeader";
+var _namespace_ = "wds_1_166_0_SectionHeader";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_SectionHeader__root","title":"wds_1_164_0_SectionHeader__title","titleText":"wds_1_164_0_SectionHeader__titleText","suffix":"wds_1_164_0_SectionHeader__suffix"};
+module.exports.classes = {"root":"wds_1_166_0_SectionHeader__root","title":"wds_1_166_0_SectionHeader__title","titleText":"wds_1_166_0_SectionHeader__titleText","suffix":"wds_1_166_0_SectionHeader__suffix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_164_0_SectionHeader-color-bg","color-border":"--wds_1_164_0_SectionHeader-color-border"}; 
+module.exports.vars = {"wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-color-border-standard-primary":"--wds-color-border-standard-primary","wds-color-fill-standard-secondary":"--wds-color-fill-standard-secondary","wds-color-fill-surface-neutral":"--wds-color-fill-surface-neutral","wds-color-fill-surface-standard":"--wds-color-fill-surface-standard","wds-color-fill-surface-default":"--wds-color-fill-surface-default","wds-list-item-padding-horizontal-large":"--wds-list-item-padding-horizontal-large","wds-list-item-padding-horizontal-medium":"--wds-list-item-padding-horizontal-medium","wds-list-item-padding-horizontal-small":"--wds-list-item-padding-horizontal-small","wds-list-item-padding-horizontal-tiny":"--wds-list-item-padding-horizontal-tiny","wds-list-item-padding-horizontal-x-tiny":"--wds-list-item-padding-horizontal-x-tiny","wds-list-item-padding-horizontal-xx-tiny":"--wds-list-item-padding-horizontal-xx-tiny","wds-section-header-padding-vertical":"--wds-section-header-padding-vertical","wds-space-200":"--wds-space-200","color-bg":"--wds_1_166_0_SectionHeader-color-bg","color-border":"--wds_1_166_0_SectionHeader-color-border"}; 
 
 
 

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SectionHelper";
+var _namespace_ = "wds_1_166_0_SectionHelper";
 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_164_0_SectionHelper__root","content":"wds_1_164_0_SectionHelper__content","close":"wds_1_164_0_SectionHelper__close","prefix":"wds_1_164_0_SectionHelper__prefix","textContainer":"wds_1_164_0_SectionHelper__textContainer","title":"wds_1_164_0_SectionHelper__title","action":"wds_1_164_0_SectionHelper__action","text":"wds_1_164_0_SectionHelper__text"};
+module.exports.classes = {"root":"wds_1_166_0_SectionHelper__root","content":"wds_1_166_0_SectionHelper__content","close":"wds_1_166_0_SectionHelper__close","prefix":"wds_1_166_0_SectionHelper__prefix","textContainer":"wds_1_166_0_SectionHelper__textContainer","title":"wds_1_166_0_SectionHelper__title","action":"wds_1_166_0_SectionHelper__action","text":"wds_1_166_0_SectionHelper__text"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SegmentedToggle";
+var _namespace_ = "wds_1_166_0_SegmentedToggle";
 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_164_0_SegmentedToggle__root","divider":"wds_1_164_0_SegmentedToggle__divider"};
+module.exports.classes = {"root":"wds_1_166_0_SegmentedToggle__root","divider":"wds_1_166_0_SegmentedToggle__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_SegmentedToggleButton";
+var _namespace_ = "wds_1_166_0_SegmentedToggleButton";
 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_164_0_SegmentedToggleButton__root","prefix":"wds_1_164_0_SegmentedToggleButton__prefix"};
+module.exports.classes = {"root":"wds_1_166_0_SegmentedToggleButton__root","prefix":"wds_1_166_0_SegmentedToggleButton__prefix"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SegmentedToggle/ToggleIcon/ToggleIcon.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_ToggleIcon";
+var _namespace_ = "wds_1_166_0_ToggleIcon";
 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_164_0_ToggleIcon__root","tooltip":"wds_1_164_0_ToggleIcon__tooltip","button":"wds_1_164_0_ToggleIcon__button","textWrapper":"wds_1_164_0_ToggleIcon__textWrapper"};
+module.exports.classes = {"root":"wds_1_166_0_ToggleIcon__root","tooltip":"wds_1_166_0_ToggleIcon__tooltip","button":"wds_1_166_0_ToggleIcon__button","textWrapper":"wds_1_166_0_ToggleIcon__textWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SelectableAccordion/Item/Item.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_SelectableAccordionItem";
+var _namespace_ = "wds_1_166_0_SelectableAccordionItem";
 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_164_0_SelectableAccordionItem__root","item":"wds_1_164_0_SelectableAccordionItem__item","selector":"wds_1_164_0_SelectableAccordionItem__selector","header":"wds_1_164_0_SelectableAccordionItem__header","divider":"wds_1_164_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_164_0_SelectableAccordionItem__selectorToggle","content":"wds_1_164_0_SelectableAccordionItem__content","text":"wds_1_164_0_SelectableAccordionItem__text","inner":"wds_1_164_0_SelectableAccordionItem__inner"};
+module.exports.classes = {"root":"wds_1_166_0_SelectableAccordionItem__root","item":"wds_1_166_0_SelectableAccordionItem__item","selector":"wds_1_166_0_SelectableAccordionItem__selector","header":"wds_1_166_0_SelectableAccordionItem__header","divider":"wds_1_166_0_SelectableAccordionItem__divider","selectorToggle":"wds_1_166_0_SelectableAccordionItem__selectorToggle","content":"wds_1_166_0_SelectableAccordionItem__content","text":"wds_1_166_0_SelectableAccordionItem__text","inner":"wds_1_166_0_SelectableAccordionItem__inner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

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

package/dist/cjs/Selector/ProgressBar/ProgressBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_ProgressBar";
+var _namespace_ = "wds_1_166_0_ProgressBar";
 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_164_0_ProgressBar__root","bar":"wds_1_164_0_ProgressBar__bar","value":"wds_1_164_0_ProgressBar__value","leftover":"wds_1_164_0_ProgressBar__leftover"};
+module.exports.classes = {"root":"wds_1_166_0_ProgressBar__root","bar":"wds_1_166_0_ProgressBar__bar","value":"wds_1_166_0_ProgressBar__value","leftover":"wds_1_166_0_ProgressBar__leftover"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_Selector";
+var _namespace_ = "wds_1_166_0_Selector";
 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_164_0_Selector__root","image":"wds_1_164_0_Selector__image","mainPart":"wds_1_164_0_Selector__mainPart","titles":"wds_1_164_0_Selector__titles","extra":"wds_1_164_0_Selector__extra","belowSection":"wds_1_164_0_Selector__belowSection"};
+module.exports.classes = {"root":"wds_1_166_0_Selector__root","image":"wds_1_166_0_Selector__image","mainPart":"wds_1_166_0_Selector__mainPart","titles":"wds_1_166_0_Selector__titles","extra":"wds_1_166_0_Selector__extra","belowSection":"wds_1_166_0_Selector__belowSection"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SelectorButton";
+var _namespace_ = "wds_1_166_0_SelectorButton";
 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_164_0_SelectorButton__root","text-tiny-normal":"wds_1_164_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_164_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_164_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_164_0_StylableTypography__text-tiny-bold"};
+module.exports.classes = {"root":"wds_1_166_0_SelectorButton__root","text-tiny-normal":"wds_1_166_0_StylableTypography__text-tiny-normal","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal","text-tiny-bold":"wds_1_166_0_StylableTypography__text-tiny-bold"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SelectorList/Content/Content.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_164_0_Content";
+var _namespace_ = "wds_1_166_0_Content";
 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_164_0_Content__root","defaultScrollBar":"wds_1_164_0_defaultscrollbar__defaultScrollBar","content":"wds_1_164_0_Content__content","mainLoaderWrapper":"wds_1_164_0_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_164_0_Content__nextPageLoaderWrapper","list":"wds_1_164_0_Content__list","emptyStateWrapper":"wds_1_164_0_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_164_0_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_164_0_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_164_0_Content__defaultNoResultsFoundStateWrapper"};
+module.exports.classes = {"root":"wds_1_166_0_Content__root","defaultScrollBar":"wds_1_166_0_defaultscrollbar__defaultScrollBar","content":"wds_1_166_0_Content__content","mainLoaderWrapper":"wds_1_166_0_Content__mainLoaderWrapper","nextPageLoaderWrapper":"wds_1_166_0_Content__nextPageLoaderWrapper","list":"wds_1_166_0_Content__list","emptyStateWrapper":"wds_1_166_0_Content__emptyStateWrapper","noResultsFoundStateWrapper":"wds_1_166_0_Content__noResultsFoundStateWrapper","defaultEmptyStateWrapper":"wds_1_166_0_Content__defaultEmptyStateWrapper","defaultNoResultsFoundStateWrapper":"wds_1_166_0_Content__defaultNoResultsFoundStateWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SelectorList";
+var _namespace_ = "wds_1_166_0_SelectorList";
 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_164_0_SelectorList__root","subheaderWrapper":"wds_1_164_0_SelectorList__subheaderWrapper","subtitleWrapper":"wds_1_164_0_SelectorList__subtitleWrapper"};
+module.exports.classes = {"root":"wds_1_166_0_SelectorList__root","subheaderWrapper":"wds_1_166_0_SelectorList__subheaderWrapper","subtitleWrapper":"wds_1_166_0_SelectorList__subtitleWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_164_0_SidePanel";
+var _namespace_ = "wds_1_166_0_SidePanel";
 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_164_0_SidePanel__root"};
+module.exports.classes = {"root":"wds_1_166_0_SidePanel__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_164_0_SidePanelContent";
+var _namespace_ = "wds_1_166_0_SidePanelContent";
 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_164_0_SidePanelContent__root","defaultScrollBar":"wds_1_164_0_defaultscrollbar__defaultScrollBar"};
+module.exports.classes = {"root":"wds_1_166_0_SidePanelContent__root","defaultScrollBar":"wds_1_166_0_defaultscrollbar__defaultScrollBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidePanel/components/Divider/Divider.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_164_0_SidePanelDivider";
+var _namespace_ = "wds_1_166_0_SidePanelDivider";
 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_164_0_SidePanelDivider__root"};
+module.exports.classes = {"root":"wds_1_166_0_SidePanelDivider__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SidePanel/components/Field/Field.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_164_0_Field";
+var _namespace_ = "wds_1_166_0_Field";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +14,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_164_0_Field__root"};
+module.exports.classes = {"root":"wds_1_166_0_Field__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {}; 
-module.exports.vars = {"wds-side-panel-control-layout-divider-border-width":"--wds-side-panel-control-layout-divider-border-width","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-space-200":"--wds-space-200","wds-space-400":"--wds-space-400","wds-side-panel-field-padding-horizontal":"--wds-side-panel-field-padding-horizontal","wds-side-panel-field-padding-vertical":"--wds-side-panel-field-padding-vertical","border-width":"--wds_1_164_0_Field-border-width"}; 
+module.exports.vars = {"wds-side-panel-control-layout-divider-border-width":"--wds-side-panel-control-layout-divider-border-width","wds-color-border-dark-secondary":"--wds-color-border-dark-secondary","wds-space-200":"--wds-space-200","wds-space-400":"--wds-space-400","wds-side-panel-field-padding-horizontal":"--wds-side-panel-field-padding-horizontal","wds-side-panel-field-padding-vertical":"--wds-side-panel-field-padding-vertical","border-width":"--wds_1_166_0_Field-border-width"}; 
 
 
 

package/dist/cjs/SidePanel/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_164_0_SidePanelFooter";
+var _namespace_ = "wds_1_166_0_SidePanelFooter";
 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_164_0_SidePanelFooter__root","footerContainer":"wds_1_164_0_SidePanelFooter__footerContainer"};
+module.exports.classes = {"root":"wds_1_166_0_SidePanelFooter__root","footerContainer":"wds_1_166_0_SidePanelFooter__footerContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};