@wix/design-system 1.156.0 → 1.158.0

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

@@ -10,7 +10,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_ToggleSwitch";
+var _namespace_ = "wds_1_158_0_ToggleSwitch";
 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_156_0_ToggleSwitch__root"};
+export var classes = {"root":"wds_1_158_0_ToggleSwitch__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCore.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_ToggleSwitchCore";
+var _namespace_ = "wds_1_158_0_ToggleSwitchCore";
 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_156_0_ToggleSwitchCore__root","input":"wds_1_156_0_ToggleSwitchCore__input","track":"wds_1_156_0_ToggleSwitchCore__track","knob":"wds_1_156_0_ToggleSwitchCore__knob","knobIcon":"wds_1_156_0_ToggleSwitchCore__knobIcon"};
+export var classes = {"root":"wds_1_158_0_ToggleSwitchCore__root","input":"wds_1_158_0_ToggleSwitchCore__input","track":"wds_1_158_0_ToggleSwitchCore__track","knob":"wds_1_158_0_ToggleSwitchCore__knob","knobIcon":"wds_1_158_0_ToggleSwitchCore__knobIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreColor.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_ToggleSwitchCoreColor";
+var _namespace_ = "wds_1_158_0_ToggleSwitchCoreColor";
 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_156_0_ToggleSwitchCoreColor__root"};
+export var classes = {"root":"wds_1_158_0_ToggleSwitchCoreColor__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreLayout.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_ToggleSwitchCoreLayout";
+var _namespace_ = "wds_1_158_0_ToggleSwitchCoreLayout";
 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_156_0_ToggleSwitchCoreLayout__root"};
+export var classes = {"root":"wds_1_158_0_ToggleSwitchCoreLayout__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/ToggleSwitch/ToggleSwitchCore/ToggleSwitchCoreStyle.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_ToggleSwitchCoreStyle";
+var _namespace_ = "wds_1_158_0_ToggleSwitchCoreStyle";
 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_156_0_ToggleSwitchCoreStyle__root"};
+export var classes = {"root":"wds_1_158_0_ToggleSwitchCoreStyle__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_Tooltip";
+var _namespace_ = "wds_1_158_0_Tooltip";
 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_156_0_Tooltip__root","text-small-normal":"wds_1_156_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_156_0_StylableTypography__text-tiny-thin","text":"wds_1_156_0_Tooltip__text"};
+export var classes = {"root":"wds_1_158_0_Tooltip__root","text-small-normal":"wds_1_158_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_158_0_StylableTypography__text-tiny-thin","text":"wds_1_158_0_Tooltip__text"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_TopBanner";
+var _namespace_ = "wds_1_158_0_TopBanner";
 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_156_0_TopBanner__root","contentContainer":"wds_1_156_0_TopBanner__contentContainer","action":"wds_1_156_0_TopBanner__action"};
+export var classes = {"root":"wds_1_158_0_TopBanner__root","contentContainer":"wds_1_158_0_TopBanner__contentContainer","action":"wds_1_158_0_TopBanner__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,4 +4,4 @@ export const dataHooks = {
     trendIndicatorUp: 'trendIndicator-sort-up-icon',
     trendIndicatorDown: 'trendIndicator-sort-down-icon',
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=TrendIndicator.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendIndicator.constants.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,mBAAmB,EAAE,sBAAsB;IAC3C,kBAAkB,EAAE,qBAAqB;IACzC,gBAAgB,EAAE,6BAA6B;IAC/C,kBAAkB,EAAE,+BAA+B;CACpD,CAAC"}

package/dist/esm/TrendIndicator/TrendIndicator.js

@@ -1,55 +1,41 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { SortByArrowUp, SortByArrowDown, } from '@wix/wix-ui-icons-common/system';
-import { st, classes } from './TrendIndicator.st.css.js';
-import { dataHooks } from './constants';
 import { supportedWixlocales } from 'wix-design-systems-locale-utils';
+import { st, classes } from './TrendIndicator.st.css.js';
+import { dataHooks } from './TrendIndicator.constants';
 import { WixStyleReactEnvironmentContext } from '../WixStyleReactEnvironmentProvider/context';
-/** TrendIndicator */
-class TrendIndicator extends React.PureComponent {
-    render() {
-        const { value, inverted, className, dataHook, format } = this.props;
-        const locale = this.props.locale || this.context.locale;
-        if (isNaN(Number(value))) {
-            return null;
-        }
-        let skin = 'neutral';
-        let trendIcon = null;
-        if (value > 0) {
-            trendIcon = React.createElement(SortByArrowUp, { "data-hook": dataHooks.trendIndicatorUp });
-            skin = !inverted ? 'positive' : 'negative';
-        }
-        else if (value < 0) {
-            trendIcon = React.createElement(SortByArrowDown, { "data-hook": dataHooks.trendIndicatorDown });
-            skin = !inverted ? 'negative' : 'positive';
-        }
-        return (React.createElement("div", { className: st(classes.root, { skin }, className), "data-hook": dataHook },
-            React.createElement("div", { className: classes.caption },
-                !!value && (React.createElement("span", { className: classes.icon, "data-hook": dataHooks.trendIndicatorIcon }, trendIcon)),
-                React.createElement("span", { "data-hook": dataHooks.trendIndicatorValue }, new Intl.NumberFormat(locale, { style: format }).format(Math.abs(value) / (format === 'percent' ? 100 : 1))))));
+const TrendIndicatorInner = ({ value, inverted = false, className, dataHook, locale, format = 'percent', }) => {
+    const context = useContext(WixStyleReactEnvironmentContext);
+    const effectiveLocale = locale || context.locale;
+    if (isNaN(Number(value))) {
+        return null;
+    }
+    let skin = 'neutral';
+    let trendIcon = null;
+    if (value > 0) {
+        trendIcon = React.createElement(SortByArrowUp, { "data-hook": dataHooks.trendIndicatorUp });
+        skin = !inverted ? 'positive' : 'negative';
     }
-}
+    else if (value < 0) {
+        trendIcon = React.createElement(SortByArrowDown, { "data-hook": dataHooks.trendIndicatorDown });
+        skin = !inverted ? 'negative' : 'positive';
+    }
+    return (React.createElement("div", { className: st(classes.root, { skin }, className), "data-hook": dataHook },
+        React.createElement("div", { className: classes.caption },
+            !!value && (React.createElement("span", { className: classes.icon, "data-hook": dataHooks.trendIndicatorIcon }, trendIcon)),
+            React.createElement("span", { "data-hook": dataHooks.trendIndicatorValue }, new Intl.NumberFormat(effectiveLocale, { style: format }).format(Math.abs(value) / (format === 'percent' ? 100 : 1))))));
+};
+const TrendIndicator = (props) => (React.createElement(WixStyleReactEnvironmentContext.Provider, { value: { locale: 'en' } },
+    React.createElement(TrendIndicatorInner, { ...props })));
 TrendIndicator.displayName = 'TrendIndicator';
-TrendIndicator.contextType = WixStyleReactEnvironmentContext;
 TrendIndicator.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,
-    /** 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 */
     value: PropTypes.number.isRequired,
-    /** Invert color and arrow direction. */
     inverted: PropTypes.bool,
-    /** Locale */
     locale: PropTypes.oneOf(supportedWixlocales),
-    /** Allow showing value as percentage or as absolute number */
     format: PropTypes.oneOf(['percent', 'decimal']),
 };
-TrendIndicator.defaultProps = {
-    inverted: false,
-    format: 'percent',
-};
 export default TrendIndicator;
 //# sourceMappingURL=TrendIndicator.js.map

package/dist/esm/TrendIndicator/TrendIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrendIndicator.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"TrendIndicator.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.tsx"],"names":[],"mappings":"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"}

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_TrendIndicator";
+var _namespace_ = "wds_1_158_0_TrendIndicator";
 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_156_0_TrendIndicator__root","caption":"wds_1_156_0_TrendIndicator__caption","icon":"wds_1_156_0_TrendIndicator__icon"};
+export var classes = {"root":"wds_1_158_0_TrendIndicator__root","caption":"wds_1_158_0_TrendIndicator__caption","icon":"wds_1_158_0_TrendIndicator__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/TrendIndicator/TrendIndicator.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TrendIndicator.types.js.map

package/dist/esm/TrendIndicator/TrendIndicator.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendIndicator.types.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.types.ts"],"names":[],"mappings":""}

package/dist/esm/TrendIndicator/TrendIndicator.uni.driver.js

@@ -1,26 +1,22 @@
 import { baseUniDriverFactory, findByHook, } from '../utils/test-utils/unidriver';
-import { dataHooks } from './constants';
-export const trendIndicatorDriverFactory = (base, body) => {
+import { dataHooks } from './TrendIndicator.constants';
+export const trendIndicatorDriverFactory = (base) => {
     return {
-        ...baseUniDriverFactory(base, body),
+        ...baseUniDriverFactory(base),
         /**
          * Returns true if trend icon exist
-         * @returns {Promise<boolean>}
          */
         hasTrendIndicatorIcon: () => findByHook(base, dataHooks.trendIndicatorIcon).exists(),
         /**
          * Returns true if trend icon is sort up
-         * @returns {Promise<boolean>}
          */
         isTrendIndicatorIconUp: () => findByHook(base, dataHooks.trendIndicatorUp).exists(),
         /**
          * Returns true if trend icon is sort down
-         * @returns {Promise<boolean>}
          */
         isTrendIndicatorIconDown: () => findByHook(base, dataHooks.trendIndicatorDown).exists(),
         /**
          * Gets trend value
-         * @returns {Promise<number>}
          */
         getTrendValue: async () => {
             const text = await findByHook(base, dataHooks.trendIndicatorValue).text();
@@ -28,7 +24,6 @@ export const trendIndicatorDriverFactory = (base, body) => {
         },
         /**
          * Gets formatted trend value
-         * @returns {Promise<string>}
          */
         getFormattedTrendValue: async () => {
             const text = await findByHook(base, dataHooks.trendIndicatorValue).text();

package/dist/esm/TrendIndicator/TrendIndicator.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrendIndicator.uni.driver.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.uni.driver.js"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;IACxD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC;QAEnC;;;WAGG;QACH,qBAAqB,EAAE,GAAG,EAAE,CAC1B,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE;QAEzD;;;WAGG;QACH,sBAAsB,EAAE,GAAG,EAAE,CAC3B,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC,MAAM,EAAE;QAEvD;;;WAGG;QACH,wBAAwB,EAAE,GAAG,EAAE,CAC7B,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE;QAEzD;;;WAGG;QACH,aAAa,EAAE,KAAK,IAAI,EAAE;YACxB,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC;YAE1E,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QACvC,CAAC;QAED;;;WAGG;QACH,sBAAsB,EAAE,KAAK,IAAI,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC;YAE1E,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"TrendIndicator.uni.driver.js","sourceRoot":"","sources":["../../../src/TrendIndicator/TrendIndicator.uni.driver.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,oBAAoB,EACpB,UAAU,GACX,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAUvD,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,IAAe,EACU,EAAE;IAC3B,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B;;WAEG;QACH,qBAAqB,EAAE,GAAG,EAAE,CAC1B,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE;QAEzD;;WAEG;QACH,sBAAsB,EAAE,GAAG,EAAE,CAC3B,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC,MAAM,EAAE;QAEvD;;WAEG;QACH,wBAAwB,EAAE,GAAG,EAAE,CAC7B,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC,MAAM,EAAE;QAEzD;;WAEG;QACH,aAAa,EAAE,KAAK,IAAI,EAAE;YACxB,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC;YAE1E,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;QACvC,CAAC;QAED;;WAEG;QACH,sBAAsB,EAAE,KAAK,IAAI,EAAE;YACjC,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC;YAE1E,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/TrendIndicator/index.js

@@ -1,2 +1,2 @@
-export { default } from './TrendIndicator.js';
+export { default } from './TrendIndicator';
 //# sourceMappingURL=index.js.map

package/dist/esm/TrendIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TrendIndicator/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TrendIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_156_0_VariableInput";
+var _namespace_ = "wds_1_158_0_VariableInput";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,12 +15,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_156_0_VariableInput__root","text-small-normal":"wds_1_156_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_156_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_156_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_156_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_156_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_156_0_VariableInput__tagWrapper","textWrapper":"wds_1_156_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_156_0_VariableInput__indicatorWrapper"};
+export var classes = {"root":"wds_1_158_0_VariableInput__root","text-small-normal":"wds_1_158_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_158_0_StylableTypography__text-small-thin","text-medium-normal":"wds_1_158_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_158_0_StylableTypography__text-medium-thin","defaultScrollBar":"wds_1_158_0_defaultscrollbar__defaultScrollBar","tagWrapper":"wds_1_158_0_VariableInput__tagWrapper","textWrapper":"wds_1_158_0_VariableInput__textWrapper","indicatorWrapper":"wds_1_158_0_VariableInput__indicatorWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"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","rows":"--wds_1_156_0_VariableInput-rows","rowHeight":"--wds_1_156_0_VariableInput-rowHeight","contentHeight":"--wds_1_156_0_VariableInput-contentHeight"}; 
+export var vars = {"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","rows":"--wds_1_158_0_VariableInput-rows","rowHeight":"--wds_1_158_0_VariableInput-rowHeight","contentHeight":"--wds_1_158_0_VariableInput-contentHeight"}; 
 
 
 

package/dist/esm/VerticalTabs/VerticalTabs.constants.js

@@ -6,5 +6,6 @@ export const SIZE = {
 export const SKIN = {
     LIGHT: 'light',
     NEUTRAL: 'neutral',
+    STANDARD: 'standard',
 };
 //# sourceMappingURL=VerticalTabs.constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.constants.js","sourceRoot":"","sources":["../../../src/VerticalTabs/VerticalTabs.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;CACV,CAAC"}
+{"version":3,"file":"VerticalTabs.constants.js","sourceRoot":"","sources":["../../../src/VerticalTabs/VerticalTabs.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;CACZ,CAAC"}

package/dist/esm/VerticalTabs/VerticalTabs.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import VerticalTabsItem from '../VerticalTabsItem';
 import VerticalTabsContext from './VerticalTabsContext';
 import { SIZE, SKIN } from './VerticalTabs.constants';
+import VerticalTabsIconItem from '../VerticalTabsIconItem';
 /** Vertical tabs navigation panel. */
 const Footer = ({ children }) => (React.createElement(VerticalTabsItem, { type: "action" }, children));
 const TabsGroup = ({ title = '', children }) => (React.createElement(React.Fragment, null,
@@ -20,15 +21,17 @@ const VerticalTabs = ({ dataHook, children, size = SIZE.MEDIUM, skin = SKIN.LIGH
         React.createElement("div", { "data-hook": dataHook, "aria-orientation": "vertical", role: "tablist", "data-active-tab-id": activeTabId }, children)));
 };
 VerticalTabs.displayName = 'VerticalTabs';
-VerticalTabs.TabsGroup = TabsGroup;
-VerticalTabs.TabItem = VerticalTabsItem;
-VerticalTabs.Footer = Footer;
 VerticalTabs.propTypes = {
-    size: PropTypes.any,
-    activeTabId: PropTypes.any,
+    skin: PropTypes.oneOf([SKIN.LIGHT, SKIN.NEUTRAL, SKIN.STANDARD]),
+    size: PropTypes.oneOf([SIZE.TINY, SIZE.SMALL, SIZE.MEDIUM]),
+    activeTabId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     onChange: PropTypes.func,
     children: PropTypes.arrayOf(PropTypes.node),
     dataHook: PropTypes.string,
 }; // cast needed to prevent propTypes messing with generics
+VerticalTabs.TabsGroup = TabsGroup;
+VerticalTabs.TabItem = VerticalTabsItem;
+VerticalTabs.IconItem = VerticalTabsIconItem;
+VerticalTabs.Footer = Footer;
 export default VerticalTabs;
 //# sourceMappingURL=VerticalTabs.js.map

package/dist/esm/VerticalTabs/VerticalTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabs.js","sourceRoot":"","sources":["../../../src/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAMxD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEtD,sCAAsC;AACtC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CACxD,oBAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,IAAE,QAAQ,CAAoB,CAC9D,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAkB,EAAE,EAAE,CAAC,CAC9D;IACE,oBAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,IAAE,KAAK,CAAoB;IACxD,QAAQ,CACR,CACJ,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAyC,EAC5D,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,IAAI,GAAG,IAAI,CAAC,KAAK,EACjB,WAAW,EACX,QAAQ,GACiB,EAAE,EAAE;IAC7B,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ;IAC3B,iFAAiF;;QAAjF,iFAAiF;QACjF,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE;QAE5C,0CACa,QAAQ,sBACF,UAAU,EAC3B,IAAI,EAAC,SAAS,wBACM,WAAW,IAE9B,QAAQ,CACL,CACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,YAAY,CAAC,SAAS,GAAG,SAAS,CAAC;AACnC,YAAY,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACxC,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC;AAC7B,YAAY,CAAC,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,GAAG;IACnB,WAAW,EAAE,SAAS,CAAC,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;IAC3C,QAAQ,EAAE,SAAS,CAAC,MAAM;CAChB,CAAC,CAAC,yDAAyD;AAEvE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"VerticalTabs.js","sourceRoot":"","sources":["../../../src/VerticalTabs/VerticalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAMxD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAE3D,sCAAsC;AACtC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CACxD,oBAAC,gBAAgB,IAAC,IAAI,EAAC,QAAQ,IAAE,QAAQ,CAAoB,CAC9D,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAkB,EAAE,EAAE,CAAC,CAC9D;IACE,oBAAC,gBAAgB,IAAC,IAAI,EAAC,OAAO,IAAE,KAAK,CAAoB;IACxD,QAAQ,CACR,CACJ,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,KAAK,EAAE,SAAS,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAyC,EAC5D,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,IAAI,GAAG,IAAI,CAAC,KAAK,EACjB,WAAW,EACX,QAAQ,GACiB,EAAE,EAAE;IAC7B,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ;IAC3B,iFAAiF;;QAAjF,iFAAiF;QACjF,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE;QAE5C,0CACa,QAAQ,sBACF,UAAU,EAC3B,IAAI,EAAC,SAAS,wBACM,WAAW,IAE9B,QAAQ,CACL,CACuB,CAChC,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,YAAY,CAAC,SAAS,GAAG;IACvB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC3D,WAAW,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,QAAQ,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC;IAC3C,QAAQ,EAAE,SAAS,CAAC,MAAM;CAChB,CAAC,CAAC,yDAAyD;AAEvE,YAAY,CAAC,SAAS,GAAG,SAAS,CAAC;AACnC,YAAY,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACxC,YAAY,CAAC,QAAQ,GAAG,oBAAoB,CAAC;AAC7C,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC;AAE7B,eAAe,YAAY,CAAC"}

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.constants.js

@@ -0,0 +1,4 @@
+export const DATA_HOOKS = {
+    ICON_WRAPPER: 'vertical-tabs-icon-item-wrapper',
+};
+//# sourceMappingURL=VerticalTabsIconItem.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsIconItem.constants.js","sourceRoot":"","sources":["../../../src/VerticalTabsIconItem/VerticalTabsIconItem.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,YAAY,EAAE,iCAAiC;CACvC,CAAC"}

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.js

@@ -0,0 +1,36 @@
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { st, classes, cssStates } from './VerticalTabsIconItem.st.css.js';
+import VerticalTabsContext from '../VerticalTabs/VerticalTabsContext';
+import { DATA_HOOKS } from './VerticalTabsIconItem.constants';
+import { withFocusable } from '../common/Focusable';
+import { SIZE } from '../VerticalTabs/VerticalTabs.constants';
+export const VerticalTabsIconItem = ({ id, dataHook = DATA_HOOKS.ICON_WRAPPER, disabled, focusableOnFocus, focusableOnBlur, tabIndex, 'aria-controls': ariaControls, 'aria-label': ariaLabel, children, }) => {
+    const { activeTabId, onChange, size, skin } = useContext(VerticalTabsContext);
+    const selected = id !== undefined && activeTabId !== undefined && id === activeTabId;
+    function onKeyDown(e) {
+        if ((e.key === ' ' || e.key === 'Space' || e.key === 'Enter') &&
+            id !== undefined) {
+            onChange?.(id);
+        }
+    }
+    return (React.createElement("div", { id: String(id), className: st(classes.root, cssStates({
+            size,
+            skin,
+            selected,
+            disabled,
+        })), "data-hook": dataHook, role: "tab", tabIndex: tabIndex ?? (disabled ? -1 : 0), "aria-disabled": disabled, "aria-selected": selected, "aria-controls": ariaControls, "aria-label": ariaLabel, onFocus: focusableOnFocus, onBlur: focusableOnBlur, onClick: !disabled && id !== undefined ? () => onChange?.(id) : undefined, onKeyDown: !disabled ? e => onKeyDown(e) : undefined }, children
+        ? React.cloneElement(children, {
+            size: size === SIZE.MEDIUM ? 24 : 18,
+        })
+        : null));
+};
+VerticalTabsIconItem.propTypes = {
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    dataHook: PropTypes.string,
+    disabled: PropTypes.bool,
+    'aria-controls': PropTypes.string,
+    children: PropTypes.any,
+};
+export default withFocusable(VerticalTabsIconItem);
+//# sourceMappingURL=VerticalTabsIconItem.js.map

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsIconItem.js","sourceRoot":"","sources":["../../../src/VerticalTabsIconItem/VerticalTabsIconItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;AACzD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,EAA0B,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAyC,EAC3E,EAAE,EACF,QAAQ,GAAG,UAAU,CAAC,YAAY,EAClC,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,EACR,eAAe,EAAE,YAAY,EAC7B,YAAY,EAAE,SAAS,EACvB,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAE9E,MAAM,QAAQ,GACZ,EAAE,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,IAAI,EAAE,KAAK,WAAW,CAAC;IAEtE,SAAS,SAAS,CAAC,CAAgB;QACjC,IACE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC;YACzD,EAAE,KAAK,SAAS,EAChB,CAAC;YACD,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BACE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,EACd,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,SAAS,CAAC;YACR,IAAI;YACJ,IAAI;YACJ,QAAQ;YACR,QAAQ;SACT,CAAC,CACH,eACU,QAAQ,EACnB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBAC1B,QAAQ,mBACR,QAAQ,mBACR,YAAY,gBACf,SAAS,EACrB,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,CAAC,QAAQ,IAAI,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EACzE,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAEnD,QAAQ;QACP,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;YAC3B,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;SACrC,CAAC;QACJ,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,SAAS,GAAG;IAC/B,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7D,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,QAAQ,EAAE,SAAS,CAAC,GAAG;CACxB,CAAC;AAEF,eAAe,aAAa,CAC1B,oBAAoB,CACrB,CAAC"}

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.meta.js

@@ -0,0 +1,13 @@
+export const requiredProps = {};
+const sharedTests = [
+    {
+        title: 'render',
+        props: {
+            ...requiredProps,
+        },
+    },
+];
+export const testkitTests = [...sharedTests];
+export const ssrTests = [...sharedTests];
+export const a11yTests = [...sharedTests];
+//# sourceMappingURL=VerticalTabsIconItem.meta.js.map

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsIconItem.meta.js","sourceRoot":"","sources":["../../../src/VerticalTabsIconItem/VerticalTabsIconItem.meta.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAA8B,EAAE,CAAC;AAE3D,MAAM,WAAW,GAAG;IAClB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE;YACL,GAAG,aAAa;SACY;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AAC7C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC"}

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

@@ -0,0 +1,26 @@
+
+import "../common/Focusable/Focusable.st.css.js";
+import "../Foundation/stylable/colors.st.css.js";
+
+import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "wds_1_158_0_VerticalTabsIconItem";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"wds_1_158_0_VerticalTabsIconItem__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-icon-fill":"--wds-vertical-tabs-icon-fill","wds-vertical-tabs-icon-fill-hover":"--wds-vertical-tabs-icon-fill-hover","wds-vertical-tabs-icon-fill-active":"--wds-vertical-tabs-icon-fill-active","wds-vertical-tabs-icon-fill-disabled":"--wds-vertical-tabs-icon-fill-disabled","wds-vertical-tabs-item-fill-light-active":"--wds-vertical-tabs-item-fill-light-active","wds-vertical-tabs-item-fill-light-disabled":"--wds-vertical-tabs-item-fill-light-disabled","wds-vertical-tabs-item-fill-light-hover":"--wds-vertical-tabs-item-fill-light-hover","wds-vertical-tabs-item-fill-light":"--wds-vertical-tabs-item-fill-light","wds-vertical-tabs-item-fill-neutral-active":"--wds-vertical-tabs-item-fill-neutral-active","wds-vertical-tabs-item-fill-neutral-disabled":"--wds-vertical-tabs-item-fill-neutral-disabled","wds-vertical-tabs-item-fill-neutral-hover":"--wds-vertical-tabs-item-fill-neutral-hover","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-fill-standard-active":"--wds-vertical-tabs-item-fill-standard-active","wds-vertical-tabs-item-fill-standard-disabled":"--wds-vertical-tabs-item-fill-standard-disabled","wds-vertical-tabs-item-fill-standard-hover":"--wds-vertical-tabs-item-fill-standard-hover","wds-vertical-tabs-item-fill-standard":"--wds-vertical-tabs-item-fill-standard","wds-vertical-tabs-icon-padding-horizontal-medium":"--wds-vertical-tabs-icon-padding-horizontal-medium","wds-vertical-tabs-icon-padding-horizontal-small":"--wds-vertical-tabs-icon-padding-horizontal-small","wds-vertical-tabs-item-padding-vertical-medium":"--wds-vertical-tabs-item-padding-vertical-medium","wds-vertical-tabs-item-padding-vertical-small":"--wds-vertical-tabs-item-padding-vertical-small","focus-ring-inset":"--wds_1_158_0_VerticalTabsIconItem-focus-ring-inset"}; 
+
+
+
+

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=VerticalTabsIconItem.types.js.map

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsIconItem.types.js","sourceRoot":"","sources":["../../../src/VerticalTabsIconItem/VerticalTabsIconItem.types.ts"],"names":[],"mappings":""}

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.uni.driver.js

@@ -0,0 +1,13 @@
+import { baseUniDriverFactory } from '../utils/test-utils/unidriver';
+export const verticalTabsIconItemDriverFactory = (base) => {
+    return {
+        ...baseUniDriverFactory(base),
+        /** Check if tab is disabled */
+        isDisabled: async () => (await base.attr('aria-disabled')) === 'true',
+        /** Check if tab is selected */
+        isSelected: async () => (await base.attr('aria-selected')) === 'true',
+        /** Get aria-label value */
+        getAriaLabel: async () => await base.attr('aria-label'),
+    };
+};
+//# sourceMappingURL=VerticalTabsIconItem.uni.driver.js.map

package/dist/esm/VerticalTabsIconItem/VerticalTabsIconItem.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsIconItem.uni.driver.js","sourceRoot":"","sources":["../../../src/VerticalTabsIconItem/VerticalTabsIconItem.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AASrE,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAC/C,IAAe,EACgB,EAAE;IACjC,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B,+BAA+B;QAC/B,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM;QAErE,+BAA+B;QAC/B,UAAU,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,KAAK,MAAM;QAErE,2BAA2B;QAC3B,YAAY,EAAE,KAAK,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;KACxD,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/VerticalTabsIconItem/index.js

@@ -0,0 +1,3 @@
+export { default } from './VerticalTabsIconItem';
+export * from './VerticalTabsIconItem.types';
+//# sourceMappingURL=index.js.map

package/dist/esm/VerticalTabsIconItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/VerticalTabsIconItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,cAAc,8BAA8B,CAAC"}

package/dist/esm/VerticalTabsItem/VerticalTabsItem.constants.js

@@ -0,0 +1,6 @@
+export const DATA_HOOKS = {
+    ITEM_TEXT: 'vertical-tabs-item-text',
+    ITEM_PREFIX_ICON: 'vertical-tabs-item-prefix-icon',
+    ITEM_SUFFIX_ICON: 'vertical-tabs-item-suffix-icon',
+};
+//# sourceMappingURL=VerticalTabsItem.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalTabsItem.constants.js","sourceRoot":"","sources":["../../../src/VerticalTabsItem/VerticalTabsItem.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,SAAS,EAAE,yBAAyB;IACpC,gBAAgB,EAAE,gCAAgC;IAClD,gBAAgB,EAAE,gCAAgC;CAC1C,CAAC"}

package/dist/esm/VerticalTabsItem/VerticalTabsItem.js

@@ -5,7 +5,7 @@ import { withFocusable } from '../common/Focusable';
 import { SelectableItem } from './components/SelectableItem';
 import { TitleItem } from './components/TitleItem';
 import { ActionItem } from './components/ActionItem';
-export const VerticalTabsItem = ({ id, type = 'tab', tabIndex = 0, ...rest }) => {
+export const VerticalTabsItem = ({ id, type = 'tab', tabIndex, ...rest }) => {
     const { activeTabId, onChange, size, skin: baseSkin, } = useContext(VerticalTabsContext);
     const contextProps = {
         activeTabId,
@@ -20,19 +20,19 @@ export const VerticalTabsItem = ({ id, type = 'tab', tabIndex = 0, ...rest }) =>
     if (type === 'title') {
         return React.createElement(TitleItem, { ...contextProps, ...rest });
     }
-    return (React.createElement(SelectableItem, { id: id, tabIndex: tabIndex, selected: selected, ...contextProps, ...rest }));
+    return (React.createElement(SelectableItem, { id: id, tabIndex: tabIndex ?? (rest.disabled ? -1 : 0), selected: selected, ...contextProps, ...rest }));
 };
 VerticalTabsItem.displayName = 'VerticalTabsItem';
 VerticalTabsItem.propTypes = {
     type: PropTypes.any,
     skin: PropTypes.any,
-    dataHook: PropTypes.any,
+    dataHook: PropTypes.string,
     prefixIcon: PropTypes.any,
     suffixIcon: PropTypes.any,
     children: PropTypes.any,
-    disabled: PropTypes.any,
-    id: PropTypes.any,
-    'aria-controls': PropTypes.any,
+    disabled: PropTypes.bool,
+    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    'aria-controls': PropTypes.string,
 };
 export default withFocusable(VerticalTabsItem);
 //# sourceMappingURL=VerticalTabsItem.js.map

package/dist/esm/VerticalTabsItem/VerticalTabsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabsItem.js","sourceRoot":"","sources":["../../../src/VerticalTabsItem/VerticalTabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAA0B,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAyC,EACvE,EAAE,EACF,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,CAAC,EACZ,GAAG,IAAI,EAC8D,EAAE,EAAE;IACzE,MAAM,EACJ,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,QAAQ,GACf,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG;QACnB,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,QAAQ;KACT,CAAC;IAEF,MAAM,QAAQ,GACZ,EAAE,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,IAAI,EAAE,KAAK,WAAW,CAAC;IAEtE,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,oBAAC,UAAU,OAAK,YAAY,KAAM,IAAI,GAAI,CAAC;IACpD,CAAC;IAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,oBAAC,SAAS,OAAK,YAAY,KAAM,IAAI,GAAI,CAAC;IACnD,CAAC;IAED,OAAO,CACL,oBAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KACd,YAAY,KACZ,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,gBAAgB,CAAC,SAAS,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC,GAAG;IACnB,IAAI,EAAE,SAAS,CAAC,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvB,UAAU,EAAE,SAAS,CAAC,GAAG;IACzB,UAAU,EAAE,SAAS,CAAC,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvB,EAAE,EAAE,SAAS,CAAC,GAAG;IACjB,eAAe,EAAE,SAAS,CAAC,GAAG;CAC/B,CAAC;AAEF,eAAe,aAAa,CAC1B,gBAAgB,CACjB,CAAC"}
+{"version":3,"file":"VerticalTabsItem.js","sourceRoot":"","sources":["../../../src/VerticalTabsItem/VerticalTabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAA0B,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAyC,EACvE,EAAE,EACF,IAAI,GAAG,KAAK,EACZ,QAAQ,EACR,GAAG,IAAI,EAC8D,EAAE,EAAE;IACzE,MAAM,EACJ,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,IAAI,EAAE,QAAQ,GACf,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG;QACnB,WAAW;QACX,QAAQ;QACR,IAAI;QACJ,QAAQ;KACT,CAAC;IAEF,MAAM,QAAQ,GACZ,EAAE,KAAK,SAAS,IAAI,WAAW,KAAK,SAAS,IAAI,EAAE,KAAK,WAAW,CAAC;IAEtE,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;QACtB,OAAO,oBAAC,UAAU,OAAK,YAAY,KAAM,IAAI,GAAI,CAAC;IACpD,CAAC;IAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,oBAAC,SAAS,OAAK,YAAY,KAAM,IAAI,GAAI,CAAC;IACnD,CAAC;IAED,OAAO,CACL,oBAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC9C,QAAQ,EAAE,QAAQ,KACd,YAAY,KACZ,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAClD,gBAAgB,CAAC,SAAS,GAAG;IAC3B,IAAI,EAAE,SAAS,CAAC,GAAG;IACnB,IAAI,EAAE,SAAS,CAAC,GAAG;IACnB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,UAAU,EAAE,SAAS,CAAC,GAAG;IACzB,UAAU,EAAE,SAAS,CAAC,GAAG;IACzB,QAAQ,EAAE,SAAS,CAAC,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7D,eAAe,EAAE,SAAS,CAAC,MAAM;CAClC,CAAC;AAEF,eAAe,aAAa,CAC1B,gBAAgB,CACjB,CAAC"}