@wix/design-system 1.157.0 → 1.159.0

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_159_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_159_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_159_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"}

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

@@ -7,7 +7,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_157_0_VerticalTabsItem";
+var _namespace_ = "wds_1_159_0_VerticalTabsItem";
 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_157_0_VerticalTabsItem__root","title":"wds_1_157_0_VerticalTabsItem__title","selectableItem":"wds_1_157_0_VerticalTabsItem__selectableItem","text":"wds_1_157_0_VerticalTabsItem__text","textButton":"wds_1_157_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_157_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_157_0_VerticalTabsItem__suffixIcon"};
+export var classes = {"root":"wds_1_159_0_VerticalTabsItem__root","selectableItem":"wds_1_159_0_VerticalTabsItem__selectableItem","title":"wds_1_159_0_VerticalTabsItem__title","text":"wds_1_159_0_VerticalTabsItem__text","textButton":"wds_1_159_0_VerticalTabsItem__textButton","prefixIcon":"wds_1_159_0_VerticalTabsItem__prefixIcon","suffixIcon":"wds_1_159_0_VerticalTabsItem__suffixIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-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-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","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-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","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-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","wds-vertical-tabs-item-fill-neutral":"--wds-vertical-tabs-item-fill-neutral","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","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","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_157_0_VerticalTabsItem-focus-ring-inset"}; 
+export var vars = {"wds-color-fill-standard-primary":"--wds-color-fill-standard-primary","wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-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-placeholder":"--wds-color-text-placeholder","wds-shadow-focus-standard":"--wds-shadow-focus-standard","wds-space-100":"--wds-space-100","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-premium-active":"--wds-vertical-tabs-item-fill-light-premium-active","wds-vertical-tabs-item-fill-light-premium-disabled":"--wds-vertical-tabs-item-fill-light-premium-disabled","wds-vertical-tabs-item-fill-light-premium-hover":"--wds-vertical-tabs-item-fill-light-premium-hover","wds-vertical-tabs-item-fill-light-premium":"--wds-vertical-tabs-item-fill-light-premium","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-premium-active":"--wds-vertical-tabs-item-fill-neutral-premium-active","wds-vertical-tabs-item-fill-neutral-premium-disabled":"--wds-vertical-tabs-item-fill-neutral-premium-disabled","wds-vertical-tabs-item-fill-neutral-premium-hover":"--wds-vertical-tabs-item-fill-neutral-premium-hover","wds-vertical-tabs-item-fill-neutral-premium":"--wds-vertical-tabs-item-fill-neutral-premium","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-premium-active":"--wds-vertical-tabs-item-fill-standard-premium-active","wds-vertical-tabs-item-fill-standard-premium-disabled":"--wds-vertical-tabs-item-fill-standard-premium-disabled","wds-vertical-tabs-item-fill-standard-premium-hover":"--wds-vertical-tabs-item-fill-standard-premium-hover","wds-vertical-tabs-item-fill-standard-premium":"--wds-vertical-tabs-item-fill-standard-premium","wds-vertical-tabs-item-fill-standard":"--wds-vertical-tabs-item-fill-standard","wds-vertical-tabs-item-label-disabled":"--wds-vertical-tabs-item-label-disabled","wds-vertical-tabs-item-label-text-active":"--wds-vertical-tabs-item-label-text-active","wds-vertical-tabs-item-label-text-premium-active":"--wds-vertical-tabs-item-label-text-premium-active","wds-vertical-tabs-item-label-text-premium":"--wds-vertical-tabs-item-label-text-premium","wds-vertical-tabs-item-label-text":"--wds-vertical-tabs-item-label-text","wds-vertical-tabs-item-padding-horizontal-medium":"--wds-vertical-tabs-item-padding-horizontal-medium","wds-vertical-tabs-item-padding-horizontal-small":"--wds-vertical-tabs-item-padding-horizontal-small","wds-vertical-tabs-item-padding-horizontal-tiny":"--wds-vertical-tabs-item-padding-horizontal-tiny","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","wds-vertical-tabs-item-padding-vertical-tiny":"--wds-vertical-tabs-item-padding-vertical-tiny","wds-vertical-tabs-section-title-padding-top-medium":"--wds-vertical-tabs-section-title-padding-top-medium","wds-vertical-tabs-section-title-padding-top-small":"--wds-vertical-tabs-section-title-padding-top-small","wds-vertical-tabs-section-title-padding-top-tiny":"--wds-vertical-tabs-section-title-padding-top-tiny","focus-ring-inset":"--wds_1_159_0_VerticalTabsItem-focus-ring-inset"}; 
 
 
 

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

@@ -1,9 +1,14 @@
 import { baseUniDriverFactory } from '../utils/test-utils/unidriver';
+import { DATA_HOOKS } from './VerticalTabsItem.constants';
 export const verticalTabsItemDriverFactory = (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 the item's text */
-        getText: async () => base.$('[data-hook="vertical-tabs-item-text"]').text(),
+        getText: async () => base.$(`[data-hook="${DATA_HOOKS.ITEM_TEXT}"]`).text(),
         /** Keydown with Enter key */
         pressEnterKey: async () => base.pressKey('Enter'),
     };

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalTabsItem.uni.driver.js","sourceRoot":"","sources":["../../../src/VerticalTabsItem/VerticalTabsItem.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAQrE,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,IAAe,EACY,EAAE;IAC7B,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAE7B,0BAA0B;QAC1B,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,IAAI,EAAE;QAE3E,6BAA6B;QAC7B,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;KAClD,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"VerticalTabsItem.uni.driver.js","sourceRoot":"","sources":["../../../src/VerticalTabsItem/VerticalTabsItem.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAS1D,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,IAAe,EACY,EAAE;IAC7B,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,0BAA0B;QAC1B,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,UAAU,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,EAAE;QAE3E,6BAA6B;QAC7B,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;KAClD,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/VerticalTabsItem/components/ActionItem.js

@@ -1,16 +1,17 @@
 import React from 'react';
 import { st, classes, cssStates } from '../VerticalTabsItem.st.css.js';
 import { Affix } from './Affix';
-import dataHooks from '../dataHooks';
+import { DATA_HOOKS } from '../VerticalTabsItem.constants';
 import TextButton from '../../TextButton';
+import { SIZE } from '../../VerticalTabs/VerticalTabs.constants';
 const ActionItem = ({ children, dataHook, prefixIcon, suffixIcon, size, baseSkin, }) => (React.createElement("div", { className: st(classes.root, cssStates({
         size,
         baseSkin,
         suffixIcon: !!suffixIcon,
         prefixIcon: !!prefixIcon,
     })), "data-hook": dataHook },
-    React.createElement(Affix, { dataHook: dataHooks.verticalTabsItemPrefixIcon, size: size, className: st(classes.prefixIcon, { action: true }) }, prefixIcon),
-    React.createElement(TextButton, { weight: "thin", className: classes.textButton, size: size === 'tiny' ? 'small' : size, dataHook: dataHooks.verticalTabsItemText }, children),
-    React.createElement(Affix, { dataHook: dataHooks.verticalTabsItemSuffixIcon, size: size, className: classes.suffixIcon }, suffixIcon)));
+    React.createElement(Affix, { dataHook: DATA_HOOKS.ITEM_PREFIX_ICON, size: size, className: st(classes.prefixIcon, { action: true }) }, prefixIcon),
+    React.createElement(TextButton, { weight: "thin", className: classes.textButton, size: size === SIZE.TINY ? SIZE.SMALL : size, dataHook: DATA_HOOKS.ITEM_TEXT }, children),
+    React.createElement(Affix, { dataHook: DATA_HOOKS.ITEM_SUFFIX_ICON, size: size, className: classes.suffixIcon }, suffixIcon)));
 export { ActionItem };
 //# sourceMappingURL=ActionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActionItem.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/ActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGpE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAU1C,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,GACQ,EAAE,EAAE,CAAC,CACrB,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,SAAS,CAAC;QACR,IAAI;QACJ,QAAQ;QACR,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,UAAU,EAAE,CAAC,CAAC,UAAU;KACzB,CAAC,CACH,eACU,QAAQ;IAEnB,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,CAAC,0BAA0B,EAC9C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAElD,UAAU,CACL;IAER,oBAAC,UAAU,IACT,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAE,SAAS,CAAC,oBAAoB,IAEvC,QAAQ,CACE;IAEb,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,CAAC,0BAA0B,EAC9C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,UAAU,CACL,CACJ,CACP,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ActionItem.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/ActionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGpE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,2CAA2C,CAAC;AAUjE,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,GACQ,EAAE,EAAE,CAAC,CACrB,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,SAAS,CAAC;QACR,IAAI;QACJ,QAAQ;QACR,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,UAAU,EAAE,CAAC,CAAC,UAAU;KACzB,CAAC,CACH,eACU,QAAQ;IAEnB,oBAAC,KAAK,IACJ,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EACrC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAElD,UAAU,CACL;IAER,oBAAC,UAAU,IACT,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC5C,QAAQ,EAAE,UAAU,CAAC,SAAS,IAE7B,QAAQ,CACE;IAEb,oBAAC,KAAK,IACJ,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EACrC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,UAAU,CACL,CACJ,CACP,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/VerticalTabsItem/components/Affix.js

@@ -1,8 +1,9 @@
 import React from 'react';
+import { SIZE } from '../../VerticalTabs/VerticalTabs.constants';
 const Affix = ({ dataHook, children, size, className }) => {
     return children
         ? React.cloneElement(children, {
-            size: size === 'medium' ? 24 : 18,
+            size: size === SIZE.MEDIUM ? 24 : 18,
             className,
             'data-hook': dataHook,
         })

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

@@ -1 +1 @@
-{"version":3,"file":"Affix.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/Affix.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAiB,EAAE,EAAE;IACvE,OAAO,QAAQ;QACb,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;YAC3B,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACjC,SAAS;YACT,WAAW,EAAE,QAAQ;SACtB,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Affix.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/Affix.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,IAAI,EAAE,MAAM,2CAA2C,CAAC;AAUjE,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAiB,EAAE,EAAE;IACvE,OAAO,QAAQ;QACb,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;YAC3B,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACpC,SAAS;YACT,WAAW,EAAE,QAAQ;SACtB,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/VerticalTabsItem/components/SelectableItem.js

@@ -1,15 +1,17 @@
 import React from 'react';
 import { st, classes, cssStates } from '../VerticalTabsItem.st.css.js';
 import { Affix } from './Affix';
-import dataHooks from '../dataHooks';
+import { DATA_HOOKS } from '../VerticalTabsItem.constants';
 import { Text } from '../..';
+import { SIZE } from '../../VerticalTabs/VerticalTabs.constants';
 const SelectableItem = ({ children, dataHook, prefixIcon, suffixIcon, size, baseSkin, disabled, id, tabIndex, skin, selected, onChange, 'aria-controls': ariaControls, focusableOnFocus, focusableOnBlur, }) => {
     const onKeyDown = (e) => {
-        if (e.key === 'Enter' && id !== undefined) {
+        if ((e.key === ' ' || e.key === 'Space' || e.key === 'Enter') &&
+            id !== undefined) {
             onChange?.(id);
         }
     };
-    return (React.createElement("div", { className: st(classes.root, classes.selectableItem, cssStates({
+    return (React.createElement("div", { id: String(id), className: st(classes.root, classes.selectableItem, cssStates({
             disabled,
             size,
             baseSkin,
@@ -17,10 +19,10 @@ const SelectableItem = ({ children, dataHook, prefixIcon, suffixIcon, size, base
             suffixIcon: !!suffixIcon,
             prefixIcon: !!prefixIcon,
             selected,
-        })), onFocus: focusableOnFocus, onBlur: focusableOnBlur, id: typeof id === 'number' ? String(id) : id, tabIndex: tabIndex, role: "tab", "aria-selected": selected, "data-hook": dataHook, "aria-controls": ariaControls, onClick: !disabled && id !== undefined ? () => onChange?.(id) : undefined, onKeyDown: !disabled ? e => onKeyDown(e) : undefined },
-        React.createElement(Affix, { dataHook: dataHooks.verticalTabsItemPrefixIcon, size: size, className: st(classes.prefixIcon) }, prefixIcon),
-        React.createElement(Text, { className: classes.text, weight: "thin", size: size === 'tiny' ? 'small' : size, dataHook: dataHooks.verticalTabsItemText }, children),
-        React.createElement(Affix, { dataHook: dataHooks.verticalTabsItemSuffixIcon, size: size, className: classes.suffixIcon }, suffixIcon)));
+        })), "data-hook": dataHook, tabIndex: tabIndex, role: "tab", "aria-selected": selected, "aria-disabled": disabled, "aria-controls": ariaControls, onFocus: focusableOnFocus, onBlur: focusableOnBlur, onClick: !disabled && id !== undefined ? () => onChange?.(id) : undefined, onKeyDown: !disabled ? e => onKeyDown(e) : undefined },
+        React.createElement(Affix, { dataHook: DATA_HOOKS.ITEM_PREFIX_ICON, size: size, className: st(classes.prefixIcon) }, prefixIcon),
+        React.createElement(Text, { className: classes.text, weight: "thin", size: size === SIZE.TINY ? SIZE.SMALL : size, dataHook: DATA_HOOKS.ITEM_TEXT }, children),
+        React.createElement(Affix, { dataHook: DATA_HOOKS.ITEM_SUFFIX_ICON, size: size, className: classes.suffixIcon }, suffixIcon)));
 };
 export { SelectableItem };
 //# sourceMappingURL=SelectableItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectableItem.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/SelectableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAuB7B,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,eAAe,EAAE,YAAY,EAC7B,gBAAgB,EAChB,eAAe,GAC+B,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC3C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;YAC1C,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,cAAc,EACtB,SAAS,CAAC;YACR,QAAQ;YACR,IAAI;YACJ,QAAQ;YACR,IAAI;YACJ,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,QAAQ;SACT,CAAC,CACH,EACD,OAAO,EAAE,gBAAgB,EACzB,MAAM,EAAE,eAAe,EACvB,EAAE,EAAE,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,QAAQ,eACZ,QAAQ,mBACJ,YAAY,EAC3B,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;QAEpD,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,CAAC,0BAA0B,EAC9C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,IAEhC,UAAU,CACL;QAER,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EACtC,QAAQ,EAAE,SAAS,CAAC,oBAAoB,IAEvC,QAAQ,CACJ;QAEP,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,CAAC,0BAA0B,EAC9C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,UAAU,CACL,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"SelectableItem.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/SelectableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,2CAA2C,CAAC;AAsBjE,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,eAAe,EAAE,YAAY,EAC7B,gBAAgB,EAChB,eAAe,GAC+B,EAAE,EAAE;IAClD,MAAM,SAAS,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC3C,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,CAAC;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,EACd,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,cAAc,EACtB,SAAS,CAAC;YACR,QAAQ;YACR,IAAI;YACJ,QAAQ;YACR,IAAI;YACJ,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,QAAQ;SACT,CAAC,CACH,eACU,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,QAAQ,mBACR,QAAQ,mBACR,YAAY,EAC3B,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;QAEpD,oBAAC,KAAK,IACJ,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EACrC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,IAEhC,UAAU,CACL;QAER,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC5C,QAAQ,EAAE,UAAU,CAAC,SAAS,IAE7B,QAAQ,CACJ;QAEP,oBAAC,KAAK,IACJ,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EACrC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,UAAU,CACL,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/esm/VerticalTabsItem/components/TitleItem.js

@@ -2,15 +2,16 @@ import React from 'react';
 import { st, classes, cssStates } from '../VerticalTabsItem.st.css.js';
 import { Affix } from './Affix';
 import { Text } from '../..';
-import dataHooks from '../dataHooks';
+import { SIZE } from '../../VerticalTabs/VerticalTabs.constants';
+import { DATA_HOOKS } from '../VerticalTabsItem.constants';
 const TitleItem = ({ children, dataHook, prefixIcon, suffixIcon, size, baseSkin, }) => (React.createElement("div", { className: st(classes.root, classes.title, cssStates({
         size,
         baseSkin,
         suffixIcon: !!suffixIcon,
         prefixIcon: !!prefixIcon,
     })), "data-hook": dataHook },
-    React.createElement(Affix, { dataHook: dataHooks.verticalTabsItemPrefixIcon, size: size, className: st(classes.prefixIcon) }, prefixIcon),
-    React.createElement(Text, { className: classes.text, light: true, secondary: true, weight: size === 'tiny' ? 'bold' : 'thin', size: size === 'tiny' ? 'tiny' : 'small', dataHook: dataHooks.verticalTabsItemText }, children),
-    React.createElement(Affix, { dataHook: dataHooks.verticalTabsItemSuffixIcon, size: size, className: classes.suffixIcon }, suffixIcon)));
+    React.createElement(Affix, { dataHook: DATA_HOOKS.ITEM_PREFIX_ICON, size: size, className: st(classes.prefixIcon) }, prefixIcon),
+    React.createElement(Text, { className: classes.text, light: true, secondary: true, weight: size === SIZE.TINY ? 'bold' : 'thin', size: size === SIZE.MEDIUM ? SIZE.SMALL : size, dataHook: DATA_HOOKS.ITEM_TEXT }, children),
+    React.createElement(Affix, { dataHook: DATA_HOOKS.ITEM_SUFFIX_ICON, size: size, className: classes.suffixIcon }, suffixIcon)));
 export { TitleItem };
 //# sourceMappingURL=TitleItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TitleItem.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/TitleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,SAAS,MAAM,cAAc,CAAC;AAUrC,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,GACO,EAAE,EAAE,CAAC,CACpB,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,KAAK,EACb,SAAS,CAAC;QACR,IAAI;QACJ,QAAQ;QACR,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,UAAU,EAAE,CAAC,CAAC,UAAU;KACzB,CAAC,CACH,eACU,QAAQ;IAEnB,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,CAAC,0BAA0B,EAC9C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,IAEhC,UAAU,CACL;IAER,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,QACL,SAAS,QACT,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EACzC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACxC,QAAQ,EAAE,SAAS,CAAC,oBAAoB,IAEvC,QAAQ,CACJ;IAEP,oBAAC,KAAK,IACJ,QAAQ,EAAE,SAAS,CAAC,0BAA0B,EAC9C,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,UAAU,CACL,CACJ,CACP,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TitleItem.js","sourceRoot":"","sources":["../../../../src/VerticalTabsItem/components/TitleItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,2CAA2C,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAU3D,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,QAAQ,GACO,EAAE,EAAE,CAAC,CACpB,6BACE,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,KAAK,EACb,SAAS,CAAC;QACR,IAAI;QACJ,QAAQ;QACR,UAAU,EAAE,CAAC,CAAC,UAAU;QACxB,UAAU,EAAE,CAAC,CAAC,UAAU;KACzB,CAAC,CACH,eACU,QAAQ;IAEnB,oBAAC,KAAK,IACJ,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EACrC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,IAEhC,UAAU,CACL;IAER,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,QACL,SAAS,QACT,MAAM,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAC5C,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC9C,QAAQ,EAAE,UAAU,CAAC,SAAS,IAE7B,QAAQ,CACJ;IAEP,oBAAC,KAAK,IACJ,QAAQ,EAAE,UAAU,CAAC,gBAAgB,EACrC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,CAAC,UAAU,IAE5B,UAAU,CACL,CACJ,CACP,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_157_0_WixDesignSystemProvider";
+var _namespace_ = "wds_1_159_0_WixDesignSystemProvider";
 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_157_0_WixDesignSystemProvider__root","mobile":"wds_1_157_0_WixDesignSystemProvider__mobile"};
+export var classes = {"root":"wds_1_159_0_WixDesignSystemProvider__root","mobile":"wds_1_159_0_WixDesignSystemProvider__mobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/WixDesignSystemProvider/madefor.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_157_0_madefor";
+var _namespace_ = "wds_1_159_0_madefor";
 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_157_0_madefor__root","madefor":"wds_1_157_0_madefor__madefor"};
+export var classes = {"root":"wds_1_159_0_madefor__root","madefor":"wds_1_159_0_madefor__madefor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_157_0_newColorsBranding";
+var _namespace_ = "wds_1_159_0_newColorsBranding";
 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_157_0_newColorsBranding__root"};
+export var classes = {"root":"wds_1_159_0_newColorsBranding__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_157_0_AdaptiveHeading";
+var _namespace_ = "wds_1_159_0_AdaptiveHeading";
 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_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"};
+export var classes = {"root":"wds_1_159_0_AdaptiveHeading__root","headerWrapper":"wds_1_159_0_AdaptiveHeading__headerWrapper","headerShort":"wds_1_159_0_AdaptiveHeading__headerShort","headerFull":"wds_1_159_0_AdaptiveHeading__headerFull","ellipsis":"wds_1_159_0_AdaptiveHeading__ellipsis"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_157_0_Ellipsis";
+var _namespace_ = "wds_1_159_0_Ellipsis";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_157_0_Ellipsis__root","tooltip":"wds_1_157_0_Ellipsis__tooltip"};
+export var classes = {"root":"wds_1_159_0_Ellipsis__root","tooltip":"wds_1_159_0_Ellipsis__tooltip"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"maxLines":"--wds_1_157_0_Ellipsis-maxLines"}; 
+export var vars = {"maxLines":"--wds_1_159_0_Ellipsis-maxLines"}; 
 
 
 

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../../stylable-esm-runtim
 
 
 
-var _namespace_ = "wds_1_157_0_TextComponent";
+var _namespace_ = "wds_1_159_0_TextComponent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var 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"};
+export var classes = {"root":"wds_1_159_0_TextComponent__root","text":"wds_1_159_0_TextComponent__text","suffix":"wds_1_159_0_TextComponent__suffix","multilineSuffixWrapper":"wds_1_159_0_TextComponent__multilineSuffixWrapper","multilineSuffix":"wds_1_159_0_TextComponent__multilineSuffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"maxLines":"--wds_1_157_0_TextComponent-maxLines"}; 
+export var vars = {"maxLines":"--wds_1_159_0_TextComponent-maxLines"}; 
 
 
 

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_157_0_FluidColumns";
+var _namespace_ = "wds_1_159_0_FluidColumns";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,12 +12,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_157_0_FluidColumns__root","item":"wds_1_157_0_FluidColumns__item"};
+export var classes = {"root":"wds_1_159_0_FluidColumns__root","item":"wds_1_159_0_FluidColumns__item"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"cols":"--wds_1_157_0_FluidColumns-cols"}; 
+export var vars = {"cols":"--wds_1_159_0_FluidColumns-cols"};