@wix/design-system 1.161.0 → 1.162.0

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_StatusToast";
+var _namespace_ = "wds_1_162_0_StatusToast";
 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_161_0_StatusToast__root","toast":"wds_1_161_0_StatusToast__toast","icon":"wds_1_161_0_StatusToast__icon","content":"wds_1_161_0_StatusToast__content","action":"wds_1_161_0_StatusToast__action"};
+export var classes = {"root":"wds_1_162_0_StatusToast__root","toast":"wds_1_162_0_StatusToast__toast","icon":"wds_1_162_0_StatusToast__icon","content":"wds_1_162_0_StatusToast__content","action":"wds_1_162_0_StatusToast__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/Stepper/components/Step.st.css.js

@@ -9,7 +9,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_Step";
+var _namespace_ = "wds_1_162_0_Step";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_161_0_Step__root","text-medium-normal":"wds_1_161_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_161_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_161_0_StylableTypography__text-small-thin","marker":"wds_1_161_0_Step__marker","content":"wds_1_161_0_Step__content","text":"wds_1_161_0_Step__text","arrow":"wds_1_161_0_Step__arrow"};
+export var classes = {"root":"wds_1_162_0_Step__root","text-medium-normal":"wds_1_162_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_162_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_162_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_162_0_StylableTypography__text-small-thin","marker":"wds_1_162_0_Step__marker","content":"wds_1_162_0_Step__content","text":"wds_1_162_0_Step__text","arrow":"wds_1_162_0_Step__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Stepper/components/StepMarker.st.css.js

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

package/dist/esm/Table/DataTable/DataTable.st.css.js

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_DataTable";
+var _namespace_ = "wds_1_162_0_DataTable";
 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_161_0_DataTable__root","text-small-thin":"wds_1_161_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_161_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_161_0_StylableTypography__text-medium-thin","table":"wds_1_161_0_DataTable__table","virtualized":"wds_1_161_0_DataTable__virtualized","sticky":"wds_1_161_0_DataTable__sticky","details":"wds_1_161_0_DataTable__details","active":"wds_1_161_0_DataTable__active","dnd":"wds_1_161_0_DataTable__dnd","thSkinStandard":"wds_1_161_0_DataTable__thSkinStandard","thSkinNeutral":"wds_1_161_0_DataTable__thSkinNeutral","thContainer":"wds_1_161_0_DataTable__thContainer","alignStart":"wds_1_161_0_DataTable__alignStart","alignCenter":"wds_1_161_0_DataTable__alignCenter","alignEnd":"wds_1_161_0_DataTable__alignEnd","infoTooltipWrapper":"wds_1_161_0_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_161_0_DataTable__hasRowDetails","important":"wds_1_161_0_DataTable__important","clickableDataRow":"wds_1_161_0_DataTable__clickableDataRow","highlight":"wds_1_161_0_DataTable__highlight","activeRow":"wds_1_161_0_DataTable__activeRow","selected":"wds_1_161_0_DataTable__selected","sortArrow":"wds_1_161_0_DataTable__sortArrow","rowDetails":"wds_1_161_0_DataTable__rowDetails","animatedDataRow":"wds_1_161_0_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_161_0_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_161_0_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_161_0_DataTable__scrollWrapper","lastSticky":"wds_1_161_0_DataTable__lastSticky","leftShadowVisible":"wds_1_161_0_DataTable__leftShadowVisible","withStickyColumns":"wds_1_161_0_DataTable__withStickyColumns","rightShadowVisible":"wds_1_161_0_DataTable__rightShadowVisible","stickyActionCell":"wds_1_161_0_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_161_0_DataTable__rowDetailsExtended"};
+export var classes = {"root":"wds_1_162_0_DataTable__root","text-small-thin":"wds_1_162_0_StylableTypography__text-small-thin","text-small-normal":"wds_1_162_0_StylableTypography__text-small-normal","text-small-bold":"wds_1_162_0_StylableTypography__text-small-bold","text-medium-thin":"wds_1_162_0_StylableTypography__text-medium-thin","table":"wds_1_162_0_DataTable__table","virtualized":"wds_1_162_0_DataTable__virtualized","sticky":"wds_1_162_0_DataTable__sticky","details":"wds_1_162_0_DataTable__details","active":"wds_1_162_0_DataTable__active","dnd":"wds_1_162_0_DataTable__dnd","thSkinStandard":"wds_1_162_0_DataTable__thSkinStandard","thSkinNeutral":"wds_1_162_0_DataTable__thSkinNeutral","thContainer":"wds_1_162_0_DataTable__thContainer","alignStart":"wds_1_162_0_DataTable__alignStart","alignCenter":"wds_1_162_0_DataTable__alignCenter","alignEnd":"wds_1_162_0_DataTable__alignEnd","infoTooltipWrapper":"wds_1_162_0_DataTable__infoTooltipWrapper","hasRowDetails":"wds_1_162_0_DataTable__hasRowDetails","important":"wds_1_162_0_DataTable__important","clickableDataRow":"wds_1_162_0_DataTable__clickableDataRow","highlight":"wds_1_162_0_DataTable__highlight","activeRow":"wds_1_162_0_DataTable__activeRow","selected":"wds_1_162_0_DataTable__selected","sortArrow":"wds_1_162_0_DataTable__sortArrow","rowDetails":"wds_1_162_0_DataTable__rowDetails","animatedDataRow":"wds_1_162_0_DataTable__animatedDataRow","tableHeaderScrollContent":"wds_1_162_0_DataTable__tableHeaderScrollContent","tableBodyScrollContent":"wds_1_162_0_DataTable__tableBodyScrollContent","scrollWrapper":"wds_1_162_0_DataTable__scrollWrapper","lastSticky":"wds_1_162_0_DataTable__lastSticky","leftShadowVisible":"wds_1_162_0_DataTable__leftShadowVisible","withStickyColumns":"wds_1_162_0_DataTable__withStickyColumns","rightShadowVisible":"wds_1_162_0_DataTable__rightShadowVisible","stickyActionCell":"wds_1_162_0_DataTable__stickyActionCell","rowDetailsExtended":"wds_1_162_0_DataTable__rowDetailsExtended"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Table/DataTable/components/DataTableRow.st.css.js

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_161_0_DataTableRow";
+var _namespace_ = "wds_1_162_0_DataTableRow";
 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_161_0_DataTableRow__root","stickyActionCell":"wds_1_161_0_DataTable__stickyActionCell","sticky":"wds_1_161_0_DataTable__sticky","dataTableHighlight":"wds_1_161_0_DataTable__highlight","activeRow":"wds_1_161_0_DataTable__activeRow","light":"wds_1_161_0_DataTableRow__light","neutral":"wds_1_161_0_DataTableRow__neutral","highlight":"wds_1_161_0_DataTableRow__highlight"};
+export var classes = {"root":"wds_1_162_0_DataTableRow__root","stickyActionCell":"wds_1_162_0_DataTable__stickyActionCell","sticky":"wds_1_162_0_DataTable__sticky","dataTableHighlight":"wds_1_162_0_DataTable__highlight","activeRow":"wds_1_162_0_DataTable__activeRow","light":"wds_1_162_0_DataTableRow__light","neutral":"wds_1_162_0_DataTableRow__neutral","highlight":"wds_1_162_0_DataTableRow__highlight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Table/DataTable/components/DataTableRowVirtual.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_161_0_DataTableRowVirtual";
+var _namespace_ = "wds_1_162_0_DataTableRowVirtual";
 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_161_0_DataTableRowVirtual__root","alignCenter":"wds_1_161_0_DataTable__alignCenter","stickyActionCell":"wds_1_161_0_DataTable__stickyActionCell","thContainer":"wds_1_161_0_DataTable__thContainer","thead":"wds_1_161_0_DataTableRowVirtual__thead"};
+export var classes = {"root":"wds_1_162_0_DataTableRowVirtual__root","alignCenter":"wds_1_162_0_DataTable__alignCenter","stickyActionCell":"wds_1_162_0_DataTable__stickyActionCell","thContainer":"wds_1_162_0_DataTable__thContainer","thead":"wds_1_162_0_DataTableRowVirtual__thead"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Table/DataTable/docs/Example.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../../stylable-esm-runtime.j
 
 
 
-var _namespace_ = "wds_1_161_0_Example";
+var _namespace_ = "wds_1_162_0_Example";
 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_161_0_Example__root","highlightRow":"wds_1_161_0_Example__highlightRow"};
+export var classes = {"root":"wds_1_162_0_Example__root","highlightRow":"wds_1_162_0_Example__highlightRow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Table/FloatingScrollBar/FloatingScrollBar.st.css.js

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_FloatingScrollBar";
+var _namespace_ = "wds_1_162_0_FloatingScrollBar";
 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_161_0_FloatingScrollBar__root","content":"wds_1_161_0_FloatingScrollBar__content"};
+export var classes = {"root":"wds_1_162_0_FloatingScrollBar__root","content":"wds_1_162_0_FloatingScrollBar__content"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_Table";
+var _namespace_ = "wds_1_162_0_Table";
 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_161_0_Table__root","onHover":"wds_1_161_0_TableActionCell__onHover","notOnHover":"wds_1_161_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_161_0_Table__emptyStateContainer","content":"wds_1_161_0_Table__content","tableRow":"wds_1_161_0_Table__tableRow","tableSubToolbar":"wds_1_161_0_Table__tableSubToolbar"};
+export var classes = {"root":"wds_1_162_0_Table__root","onHover":"wds_1_162_0_TableActionCell__onHover","notOnHover":"wds_1_162_0_TableActionCell__notOnHover","emptyStateContainer":"wds_1_162_0_Table__emptyStateContainer","content":"wds_1_162_0_Table__content","tableRow":"wds_1_162_0_Table__tableRow","tableSubToolbar":"wds_1_162_0_Table__tableSubToolbar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -4,7 +4,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_TableActionCell";
+var _namespace_ = "wds_1_162_0_TableActionCell";
 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_161_0_TableActionCell__root","action":"wds_1_161_0_TableActionCell__action","hoverSlot":"wds_1_161_0_TableActionCell__hoverSlot","onHover":"wds_1_161_0_TableActionCell__onHover","notOnHover":"wds_1_161_0_TableActionCell__notOnHover","placeholderIcon":"wds_1_161_0_TableActionCell__placeholderIcon"};
+export var classes = {"root":"wds_1_162_0_TableActionCell__root","action":"wds_1_162_0_TableActionCell__action","hoverSlot":"wds_1_162_0_TableActionCell__hoverSlot","onHover":"wds_1_162_0_TableActionCell__onHover","notOnHover":"wds_1_162_0_TableActionCell__notOnHover","placeholderIcon":"wds_1_162_0_TableActionCell__placeholderIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_TableListHeader";
+var _namespace_ = "wds_1_162_0_TableListHeader";
 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_161_0_TableListHeader__root","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_161_0_TableListHeader__optionsContainer","option":"wds_1_161_0_TableListHeader__option","sortArrow":"wds_1_161_0_TableListHeader__sortArrow"};
+export var classes = {"root":"wds_1_162_0_TableListHeader__root","text-small-normal":"wds_1_162_0_StylableTypography__text-small-normal","optionsContainer":"wds_1_162_0_TableListHeader__optionsContainer","option":"wds_1_162_0_TableListHeader__option","sortArrow":"wds_1_162_0_TableListHeader__sortArrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -8,7 +8,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_TableListItem";
+var _namespace_ = "wds_1_162_0_TableListItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,12 +16,12 @@ export var style = _style_;
 export var st = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"wds_1_161_0_TableListItem__root","onHover":"wds_1_161_0_TableActionCell__onHover","notOnHover":"wds_1_161_0_TableActionCell__notOnHover","controlsContainer":"wds_1_161_0_TableListItem__controlsContainer","handleContainer":"wds_1_161_0_TableListItem__handleContainer","checkbox":"wds_1_161_0_TableListItem__checkbox","expandHandle":"wds_1_161_0_TableListItem__expandHandle","caretIcon":"wds_1_161_0_TableListItem__caretIcon","optionsContainer":"wds_1_161_0_TableListItem__optionsContainer","align":"wds_1_161_0_TableListItem__align"};
+export var classes = {"root":"wds_1_162_0_TableListItem__root","onHover":"wds_1_162_0_TableActionCell__onHover","notOnHover":"wds_1_162_0_TableActionCell__notOnHover","controlsContainer":"wds_1_162_0_TableListItem__controlsContainer","handleContainer":"wds_1_162_0_TableListItem__handleContainer","checkbox":"wds_1_162_0_TableListItem__checkbox","expandHandle":"wds_1_162_0_TableListItem__expandHandle","caretIcon":"wds_1_162_0_TableListItem__caretIcon","optionsContainer":"wds_1_162_0_TableListItem__optionsContainer","align":"wds_1_162_0_TableListItem__align"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {"checkedBorderWidth":"2px","largePadding":"24px","mediumPadding":"18px","smallPadding":"15px","tinyPadding":"12px","xTinyPadding":"6px","xxTinyPadding":"3px"}; 
-export var vars = {"wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","padding-vertical":"--wds_1_161_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_161_0_TableListItem-padding-horizontal"}; 
+export var vars = {"wds-color-fill-standard-tertiary-active":"--wds-color-fill-standard-tertiary-active","padding-vertical":"--wds_1_162_0_TableListItem-padding-vertical","padding-horizontal":"--wds_1_162_0_TableListItem-padding-horizontal"}; 
 
 
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_TableToolbar";
+var _namespace_ = "wds_1_162_0_TableToolbar";
 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_161_0_TableToolbar__root","item":"wds_1_161_0_TableToolbar__item","itemLabel":"wds_1_161_0_TableToolbar__itemLabel","itemGroup":"wds_1_161_0_TableToolbar__itemGroup","title":"wds_1_161_0_TableToolbar__title","divider":"wds_1_161_0_TableToolbar__divider"};
+export var classes = {"root":"wds_1_162_0_TableToolbar__root","item":"wds_1_162_0_TableToolbar__item","itemLabel":"wds_1_162_0_TableToolbar__itemLabel","itemGroup":"wds_1_162_0_TableToolbar__itemGroup","title":"wds_1_162_0_TableToolbar__title","divider":"wds_1_162_0_TableToolbar__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Tabs/Tabs.constants.js

@@ -0,0 +1,16 @@
+export const TYPE = {
+    compact: 'compact',
+    compactSide: 'compactSide',
+    uniformSide: 'uniformSide',
+    uniformFull: 'uniformFull',
+};
+export const SIZE = {
+    small: 'small',
+    medium: 'medium',
+};
+export const ALIGNMENT = {
+    start: 'start',
+    center: 'center',
+    end: 'end',
+};
+//# sourceMappingURL=Tabs.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.constants.js","sourceRoot":"","sources":["../../../src/Tabs/Tabs.constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;IAC1B,WAAW,EAAE,aAAa;IAC1B,WAAW,EAAE,aAAa;CAClB,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;CACF,CAAC"}

package/dist/esm/Tabs/Tabs.js

@@ -1,32 +1,30 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import SideContent from './core/SideContent';
-import TabItems from './core/TabItems';
+import SideContent from './components/SideContent';
+import TabItems from './components/TabItems';
 import { classes, st } from './Tabs.st.css.js';
-class Tabs extends Component {
-    constructor() {
-        super(...arguments);
-        this._getTabItemsProps = () => {
-            const { sideContent, dataHook, ...tabItemsProps } = this.props;
-            return tabItemsProps;
-        };
-    }
-    render() {
-        const { sideContent, hasDivider, dataHook, size, className } = this.props;
-        const tabItemsProps = this._getTabItemsProps();
-        return (React.createElement("div", { "data-divider": hasDivider, "data-hook": dataHook, className: st(classes.container, {
-                hasDivider,
-                size,
-            }, className) },
-            React.createElement(TabItems, { ...tabItemsProps }),
-            React.createElement(SideContent, { content: sideContent })));
-    }
-}
-Tabs.displayName = 'Tabs';
-Tabs.defaultProps = {
-    hasDivider: true,
-    size: 'medium',
+import { SIZE } from './Tabs.constants';
+const Tabs = ({ dataHook, className, activeId, hasDivider = true, items, minWidth, type, size = SIZE.medium, sideContent, width, alignment, onClick, }) => {
+    const tabItemsProps = {
+        className,
+        activeId,
+        hasDivider,
+        items,
+        minWidth,
+        type,
+        size,
+        width,
+        alignment,
+        onClick,
+    };
+    return (React.createElement("div", { "data-divider": hasDivider, "data-hook": dataHook, className: st(classes.container, {
+            hasDivider,
+            size,
+        }, className) },
+        React.createElement(TabItems, { ...tabItemsProps }),
+        React.createElement(SideContent, { content: sideContent })));
 };
+Tabs.displayName = 'Tabs';
 Tabs.propTypes = {
     dataHook: PropTypes.string,
     className: PropTypes.string,
@@ -38,10 +36,11 @@ Tabs.propTypes = {
         minWidth: PropTypes.number,
         maxWidth: PropTypes.number,
         dataHook: PropTypes.string,
+        prefix: PropTypes.node,
+        suffix: PropTypes.node,
     })).isRequired,
     minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     type: PropTypes.oneOf([
-        '',
         'compact',
         'compactSide',
         'uniformSide',

package/dist/esm/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,QAA2B,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,IAAK,SAAQ,SAAoB;IAAvC;;QAqCE,sBAAiB,GAAG,GAAkB,EAAE;YACtC,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAC/D,OAAO,aAAa,CAAC;QACvB,CAAC,CAAC;IAwBJ,CAAC;IAtBC,MAAM;QACJ,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1E,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAE/C,OAAO,CACL,6CACgB,UAAU,eACb,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,SAAS,EACjB;gBACE,UAAU;gBACV,IAAI;aACL,EACD,SAAS,CACV;YAED,oBAAC,QAAQ,OAAK,aAAa,GAAI;YAC/B,oBAAC,WAAW,IAAC,OAAO,EAAE,WAAW,GAAI,CACjC,CACP,CAAC;IACJ,CAAC;;AA9DM,gBAAW,GAAG,MAAM,AAAT,CAAU;AAErB,iBAAY,GAAG;IACpB,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,QAAQ;CACf,AAHkB,CAGjB;AAEK,cAAS,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,KAAK,EAAE,SAAS,CAAC,OAAO,CACtB,SAAS,CAAC,KAAK,CAAC;QACd,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAC7D,KAAK,EAAE,SAAS,CAAC,IAAI;QACrB,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,QAAQ,EAAE,SAAS,CAAC,MAAM;KAC3B,CAAC,CACH,CAAC,UAAU;IACZ,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;QACpB,EAAE;QACF,SAAS;QACT,aAAa;QACb,aAAa;QACb,aAAa;KACd,CAAC;IACF,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC1C,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChE,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtD,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,AA3Be,CA2Bd;AA+BJ,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,QAA2B,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,WAAW,EACX,KAAK,EACL,SAAS,EACT,OAAO,GACG,EAAE,EAAE;IACd,MAAM,aAAa,GAAkB;QACnC,SAAS;QACT,QAAQ;QACR,UAAU;QACV,KAAK;QACL,QAAQ;QACR,IAAI;QACJ,IAAI;QACJ,KAAK;QACL,SAAS;QACT,OAAO;KACR,CAAC;IAEF,OAAO,CACL,6CACgB,UAAU,eACb,QAAQ,EACnB,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,SAAS,EACjB;YACE,UAAU;YACV,IAAI;SACL,EACD,SAAS,CACV;QAED,oBAAC,QAAQ,OAAK,aAAa,GAAI;QAC/B,oBAAC,WAAW,IAAC,OAAO,EAAE,WAAW,GAAI,CACjC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,IAAI,CAAC,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAC,MAAM;IAC1B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,KAAK,EAAE,SAAS,CAAC,OAAO,CACtB,SAAS,CAAC,KAAK,CAAC;QACd,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QAC7D,KAAK,EAAE,SAAS,CAAC,IAAI;QACrB,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,MAAM,EAAE,SAAS,CAAC,IAAI;QACtB,MAAM,EAAE,SAAS,CAAC,IAAI;KACvB,CAAC,CACH,CAAC,UAAU;IACZ,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACnE,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;QACpB,SAAS;QACT,aAAa;QACb,aAAa;QACb,aAAa;KACd,CAAC;IACF,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC1C,WAAW,EAAE,SAAS,CAAC,IAAI;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAChE,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACtD,OAAO,EAAE,SAAS,CAAC,IAAI;CACxB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -6,7 +6,7 @@ import { classesRuntime, statesRuntime } from "./../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "wds_1_161_0_Tabs";
+var _namespace_ = "wds_1_162_0_Tabs";
 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_161_0_Tabs__root","text-medium-normal":"wds_1_161_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_161_0_StylableTypography__text-small-normal","container":"wds_1_161_0_Tabs__container","itemsContainer":"wds_1_161_0_Tabs__itemsContainer","tab":"wds_1_161_0_Tabs__tab","compact":"wds_1_161_0_Tabs__compact","uniformFull":"wds_1_161_0_Tabs__uniformFull","compactSide":"wds_1_161_0_Tabs__compactSide","tabText":"wds_1_161_0_Tabs__tabText","sideContent":"wds_1_161_0_Tabs__sideContent"};
+export var classes = {"root":"wds_1_162_0_Tabs__root","text-medium-normal":"wds_1_162_0_StylableTypography__text-medium-normal","text-small-normal":"wds_1_162_0_StylableTypography__text-small-normal","container":"wds_1_162_0_Tabs__container","itemsContainer":"wds_1_162_0_Tabs__itemsContainer","tab":"wds_1_162_0_Tabs__tab","compact":"wds_1_162_0_Tabs__compact","uniformFull":"wds_1_162_0_Tabs__uniformFull","compactSide":"wds_1_162_0_Tabs__compactSide","tabText":"wds_1_162_0_Tabs__tabText","affix":"wds_1_162_0_Tabs__affix","sideContent":"wds_1_162_0_Tabs__sideContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/dist/esm/Tabs/{core/SideContent/index.js → components/SideContent/SideContent.js}

@@ -1,9 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { classes } from '../../Tabs.st.css.js';
 const SideContent = ({ content }) => content ? (React.createElement("div", { "data-content": "true", className: classes.sideContent }, content)) : null;
-SideContent.propTypes = {
-    content: PropTypes.node,
-};
 export default SideContent;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=SideContent.js.map

package/dist/esm/Tabs/components/SideContent/SideContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideContent.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/SideContent/SideContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAG5C,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE,CACpD,OAAO,CAAC,CAAC,CAAC,CACR,6CAAkB,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,WAAW,IACpD,OAAO,CACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AAEX,eAAe,WAAW,CAAC"}

package/dist/esm/Tabs/components/SideContent/SideContent.types.js

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

package/dist/esm/Tabs/components/SideContent/SideContent.types.js.map

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

package/dist/esm/Tabs/components/SideContent/index.js

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

package/dist/esm/Tabs/components/SideContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/SideContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/Tabs/components/TabItem/TabItem.js

@@ -0,0 +1,29 @@
+import React, { useMemo } from 'react';
+import pick from '../../../utils/operators/pick';
+import Text from '../../../Text';
+import { classes, st } from '../../Tabs.st.css.js';
+const TabItem = ({ item, onItemClick, isActive, dynamicProperties, size, type, alignment, width, itemMaxWidth, ...restProps }) => {
+    const { minWidth, maxWidth } = item;
+    const itemStyle = useMemo(() => {
+        let inlineStyle = {};
+        if (type === 'uniformSide' && width) {
+            inlineStyle = { width };
+        }
+        else if (type === 'compactSide' && itemMaxWidth) {
+            inlineStyle = { maxWidth: `${itemMaxWidth}pt` };
+        }
+        if (minWidth) {
+            inlineStyle.minWidth = minWidth;
+        }
+        if (maxWidth) {
+            inlineStyle.maxWidth = maxWidth;
+        }
+        return inlineStyle;
+    }, [type, width, itemMaxWidth, minWidth, maxWidth]);
+    return (React.createElement("button", { role: "tab", type: "button", "aria-selected": isActive, "data-active": isActive, "data-hook": item.dataHook, key: item.id, onClick: onItemClick ? () => onItemClick(item) : undefined, style: itemStyle, ...pick(restProps, dynamicProperties), className: st(classes.tab, { size, active: isActive, type, alignment }) },
+        item.prefix && React.createElement("div", { className: st(classes.affix) }, item.prefix),
+        React.createElement(Text, { size: size, className: classes.tabText, weight: "thin", ellipsis: true }, item.title),
+        item.suffix && React.createElement("div", { className: st(classes.affix) }, item.suffix)));
+};
+export default TabItem;
+//# sourceMappingURL=TabItem.js.map

package/dist/esm/Tabs/components/TabItem/TabItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,OAAO,GAAG,CAAC,EACf,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,YAAY,EACZ,GAAG,SAAS,EACC,EAAE,EAAE;IACjB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAEpC,MAAM,SAAS,GAAG,OAAO,CAAsB,GAAG,EAAE;QAClD,IAAI,WAAW,GAAwB,EAAE,CAAC;QAE1C,IAAI,IAAI,KAAK,aAAa,IAAI,KAAK,EAAE,CAAC;YACpC,WAAW,GAAG,EAAE,KAAK,EAAE,CAAC;QAC1B,CAAC;aAAM,IAAI,IAAI,KAAK,aAAa,IAAI,YAAY,EAAE,CAAC;YAClD,WAAW,GAAG,EAAE,QAAQ,EAAE,GAAG,YAAY,IAAI,EAAE,CAAC;QAClD,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClC,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,WAAW,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAClC,CAAC;QAED,OAAO,WAAW,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpD,OAAO,CACL,gCACE,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,mBACE,QAAQ,iBACV,QAAQ,eACV,IAAI,CAAC,QAAQ,EACxB,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,EAC1D,KAAK,EAAE,SAAS,KACZ,IAAI,CAAC,SAAS,EAAE,iBAAiB,CAAC,EACtC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QAEtE,IAAI,CAAC,MAAM,IAAI,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAG,IAAI,CAAC,MAAM,CAAO;QAEtE,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,MAAM,EAAC,MAAM,EAAC,QAAQ,UACjE,IAAI,CAAC,KAAK,CACN;QAEN,IAAI,CAAC,MAAM,IAAI,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAG,IAAI,CAAC,MAAM,CAAO,CAC/D,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/Tabs/components/TabItem/TabItem.types.js

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

package/dist/esm/Tabs/components/TabItem/TabItem.types.js.map

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

package/dist/esm/Tabs/components/TabItem/index.js

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

package/dist/esm/Tabs/components/TabItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/Tabs/components/TabItems/TabItems.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import TabItem from '../TabItem';
+import withItemMaxWidth from '../WithMaxWidth';
+import { st, classes } from '../../Tabs.st.css.js';
+const TabItems = ({ activeId, type, width, onClick, itemMaxWidth, alignment, size, items, minWidth, }) => {
+    return (React.createElement("div", { role: "tablist", "data-type": type, className: st(classes.itemsContainer, type && classes[type]), style: { minWidth } }, items.map((item) => (React.createElement(TabItem, { key: item.id, dataHook: item.dataHook, item: item, itemMaxWidth: itemMaxWidth, alignment: alignment, isActive: activeId === item.id, type: type, width: width, onItemClick: onClick, size: size })))));
+};
+export default withItemMaxWidth(TabItems);
+//# sourceMappingURL=TabItems.js.map

package/dist/esm/Tabs/components/TabItems/TabItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItems.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItems/TabItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,gBAA+C,MAAM,iBAAiB,CAAC;AAC9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAIhD,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,GACkC,EAAE,EAAE;IAC9C,OAAO,CACL,6BACE,IAAI,EAAC,SAAS,eACH,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,EAC5D,KAAK,EAAE,EAAE,QAAQ,EAAE,IAElB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,EAAE,CAAC,CACzB,oBAAC,OAAO,IACN,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAC9B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,EACpB,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/Tabs/components/TabItems/TabItems.types.js

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

package/dist/esm/Tabs/components/TabItems/TabItems.types.js.map

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

package/dist/esm/Tabs/components/TabItems/index.js

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

package/dist/esm/Tabs/components/TabItems/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItems/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/Tabs/{core/withItemMaxWidth/index.js → components/WithMaxWidth/WithMaxWidth.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { getWidth } from '../utils';
-const withMaxWidth = (WrappedComponent) => {
+import { getWidth } from '../../utils/getWidth';
+const WithMaxWidth = (WrappedComponent) => {
     const getMaxWidth = (items, containerWidth) => {
         const COMPACT_SIDE_MARGIN = 18;
         const marginsBetweenItems = COMPACT_SIDE_MARGIN * 2 * (items.length - 1);
@@ -29,5 +29,5 @@ const withMaxWidth = (WrappedComponent) => {
         }
     };
 };
-export default withMaxWidth;
-//# sourceMappingURL=index.js.map
+export default WithMaxWidth;
+//# sourceMappingURL=WithMaxWidth.js.map

package/dist/esm/Tabs/components/WithMaxWidth/WithMaxWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithMaxWidth.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/WithMaxWidth/WithMaxWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAQhD,MAAM,YAAY,GAAG,CACnB,gBAEC,EACmC,EAAE;IACtC,MAAM,WAAW,GAAG,CAClB,KAA6B,EAC7B,cAAsB,EACtB,EAAE;QACF,MAAM,mBAAmB,GAAG,EAAE,CAAC;QAC/B,MAAM,mBAAmB,GAAG,mBAAmB,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACzE,OAAO,CAAC,cAAc,GAAG,mBAAmB,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAA+B;QAA3D;;YACL,UAAK,GAAG;gBACN,YAAY,EAAE,SAAS;aACxB,CAAC;QAyBJ,CAAC;QAvBC,YAAY,CAAC,cAAqC;YAChD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAEnC,IAAI,CAAC,cAAc,IAAI,IAAI,KAAK,aAAa,EAAE,CAAC;gBAC9C,OAAO;YACT,CAAC;YAED,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC;YAClE,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,YAAY,EAAE,CAAC;gBAC7C,IAAI,CAAC,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC;YAClC,CAAC;QACH,CAAC;QAED,MAAM;YACJ,OAAO,CACL,6BAAK,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBAC7D,oBAAC,gBAAgB,OACX,IAAI,CAAC,KAAK,EACd,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACE,CACP,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/Tabs/components/WithMaxWidth/WithMaxWidth.types.js

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

package/dist/esm/Tabs/components/WithMaxWidth/WithMaxWidth.types.js.map

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

package/dist/esm/Tabs/components/WithMaxWidth/index.js

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

package/dist/esm/Tabs/components/WithMaxWidth/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Tabs/components/WithMaxWidth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/esm/Tabs/{core/utils.js → utils/getWidth.js}

@@ -1,2 +1,2 @@
 export const getWidth = (element) => element ? element.getBoundingClientRect().width : 0;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=getWidth.js.map

package/dist/esm/Tabs/utils/getWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWidth.js","sourceRoot":"","sources":["../../../../src/Tabs/utils/getWidth.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,OAAoB,EAAE,EAAE,CAC/C,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC"}