@wix/design-system 1.161.0 → 1.162.0

package/dist/types/CDN_URLS.d.ts

@@ -1,5 +1,5 @@
-export const CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.161.0/dist/statics/styles.global.css";
-export const JS_ESM_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.161.0/dist/statics/design-system.esm.min.js";
-export const TOKENS_DEFAULT_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.161.0/dist/statics/tokens-default.global.css";
-export const TOKENS_STUDIO_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.161.0/dist/statics/tokens-studio.global.css";
+export const CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.162.0/dist/statics/styles.global.css";
+export const JS_ESM_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.162.0/dist/statics/design-system.esm.min.js";
+export const TOKENS_DEFAULT_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.162.0/dist/statics/tokens-default.global.css";
+export const TOKENS_STUDIO_CSS_CDN_URL: "https://static.parastorage.com/unpkg/@wix/design-system@1.162.0/dist/statics/tokens-studio.global.css";
 //# sourceMappingURL=CDN_URLS.d.ts.map

package/dist/types/DatePicker/DatePicker.d.ts

@@ -1,6 +1,3 @@
-/**
- * DatePicker component
- */
 declare class DatePicker extends React.PureComponent<any, any, any> {
     static displayName: string;
     static defaultProps: {

package/dist/types/DatePicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.js"],"names":[],"mappings":"AAuBA;;GAEG;AAEH;IACE,2BAAkC;IAElC;;;;;;;;;;;;;;MAcE;IAEF,wBAUC;IAPC;;;;;;MAMC;IAGH,6CAeE;IAEF,0BAsBE;IAEF,yBAAkC;IAElC,mFAUE;IAEF;;eAEE;IAEF,mDAQI;IAEJ,oDAYE;IAEF,gCAAqE;IAErE,mDAqCE;IAEF,6CAUE;IAEF,oDAOE;IAEF,+BAEE;IAEF,wCAWE;IAEF,kBAEC;IAED,sCAwDE;IAEF,4BAgHC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA3YiB,OAAO;gDAkBuB,6CAA6C;sBAjBvE,YAAY"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.js"],"names":[],"mappings":"AAsBA;IACE,2BAAkC;IAElC;;;;;;;;;;;;;;MAcE;IAEF,wBAUC;IAPC;;;;;;MAMC;IAGH,6CAeE;IAEF,0BAsBE;IAEF,yBAAkC;IAElC,mFAUE;IAEF;;eAEE;IAEF,mDAQI;IAEJ,oDAYE;IAEF,gCAAqE;IAErE,mDAqCE;IAEF,6CAUE;IAEF,oDAOE;IAEF,+BAEE;IAEF,wCAWE;IAEF,kBAEC;IAED,sCAwDE;IAEF,4BAmHC;CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAzYiB,OAAO;gDAiBuB,6CAA6C;sBAhBvE,YAAY"}

package/dist/types/DatePicker/DatePicker.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.driver.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.driver.js"],"names":[],"mappings":";AAMA;;;;;;;;;;;;;;EAkEC"}
+{"version":3,"file":"DatePicker.driver.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.driver.js"],"names":[],"mappings":";AAIA,0DAA0D;AAC1D;;;;;;;;;;;;;;EAkEC"}

package/dist/types/DatePicker/DatePicker.uni.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.uni.driver.js"],"names":[],"mappings":"AASO;IAoCH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;;;;;;QAtBH;;WAEG;;;EAuBN"}
+{"version":3,"file":"DatePicker.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/DatePicker/DatePicker.uni.driver.js"],"names":[],"mappings":"AASO;IAqCH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;;;;;;QAtBH;;WAEG;;;EAuBN"}

package/dist/types/PopoverNext/PopoverNext.driver.d.ts

@@ -0,0 +1,55 @@
+import type { Simulate } from 'react-dom/test-utils';
+/** @deprecated use popoverNextUniDriverFactory instead */
+export declare const popoverNextLegacyDriverFactory: ({ element, eventTrigger, }: {
+    element: Element | undefined;
+    eventTrigger: typeof Simulate;
+}) => {
+    /** Whether the element exists or not */
+    exists: () => boolean;
+    /** Returns the target element (`<Popover.Trigger/>`)
+     * @deprecated
+     * Use getTriggerElement
+    */
+    getTargetElement: () => Element | null | undefined;
+    /**  Returns the trigger element (`<Popover.Trigger/>`) */
+    getTriggerElement: () => Element | null | undefined;
+    /** Returns the content element (`<Popover.Content/>`) */
+    getContentElement: () => Element | null | undefined;
+    /** Returns the arrow element
+     * @todo not yet implemented
+    */
+    getArrowElement: () => Element | undefined;
+    /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists
+     * @deprecated - use isTriggerElementExists
+    */
+    isTargetElementExists: () => boolean;
+    /** Returns `true` whether the target element (`<Popover.Trigger/>`) exists */
+    isTriggerElementExists: () => boolean;
+    /** Returns `true` whether the content element (`<Popover.Content/>`) exists */
+    isContentElementExists: () => boolean;
+    /** Trigger `mouseEnter` on the element */
+    mouseEnter: () => void | undefined;
+    /** Trigger `mouseLeave` on the element */
+    mouseLeave: () => void | undefined;
+    /** Click on the element */
+    click: () => void;
+    /** Click outside the element */
+    clickOutside: () => void;
+    /** Returns the arrow offset */
+    getArrowOffset: () => {
+        top: any;
+        left: any;
+        right: any;
+        bottom: any;
+    };
+    /** Returns the element's inline styles
+     * @deprecated
+    */
+    inlineStyles: () => any;
+    /** Returns the element's id
+     * @deprecated
+    */
+    getElementId: () => string | undefined;
+};
+export type PopoverDriver = ReturnType<typeof popoverNextLegacyDriverFactory>;
+//# sourceMappingURL=PopoverNext.driver.d.ts.map

package/dist/types/PopoverNext/PopoverNext.driver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverNext.driver.d.ts","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAgBrD,0DAA0D;AAC1D,eAAO,MAAM,8BAA8B,+BAGxC;IACD,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,YAAY,EAAE,OAAO,QAAQ,CAAC;CAC/B;IACC,wCAAwC;;IAGxC;;;MAGE;;IAGF,0DAA0D;;IAG1D,yDAAyD;;IAGzD;;MAEE;;IAGF;;MAEE;;IAGA,8EAA8E;;IAGhF,+EAA+E;;IAG/E,0CAA0C;;IAG1C,0CAA0C;;IAG1C,2BAA2B;;IAO3B,gCAAgC;;IAMhC,+BAA+B;;;;;;;IAO/B;;MAEE;;IAIF;;MAEE;;CAEF,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,8BAA8B,CAAC,CAAC"}

package/dist/types/PopoverNext/PopoverNext.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverNext.story.d.ts","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,WAAW,MAAM,eAAe,CAAC;wBAUnC,aAAa,CAAC,OAAO,WAAW,CAAC;AAHtC,wBAGuC;AA6QvC,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,WAAW,CAE9C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,WAAW,CAEpD,CAAC;AAGF,eAAO,MAAM,WAAW,oCAA+B,CAAC;AAGxD,eAAO,MAAM,UAAU,oCAA8B,CAAC;AAGtD,eAAO,MAAM,sBAAsB,oCAA0C,CAAC"}
+{"version":3,"file":"PopoverNext.story.d.ts","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEhF,OAAO,WAAW,MAAM,eAAe,CAAC;wBASnC,aAAa,CAAC,OAAO,WAAW,CAAC;AAHtC,wBAGuC;AA2QvC,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,WAAW,CAE9C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,WAAW,CAEpD,CAAC;AAGF,eAAO,MAAM,WAAW,oCAA+B,CAAC;AAGxD,eAAO,MAAM,UAAU,oCAA8B,CAAC;AAGtD,eAAO,MAAM,sBAAsB,oCAA0C,CAAC"}

package/dist/types/PopoverNext/PopoverNext.uni.driver.d.ts

@@ -7,5 +7,5 @@ export type PopoverNextUniDriver = BaseUniDriver & {
     mouseEnter: () => Promise<void>;
     mouseLeave: () => Promise<void>;
 };
-export declare const popoverNextDriverFactory: (base: UniDriver, body: UniDriver) => PopoverNextUniDriver;
+export declare const popoverNextUniDriverFactory: (base: UniDriver, body: UniDriver) => PopoverNextUniDriver;
 //# sourceMappingURL=PopoverNext.uni.driver.d.ts.map

package/dist/types/PopoverNext/PopoverNext.uni.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverNext.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG;IACjD,aAAa,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,SAC7B,SAAS,QACT,SAAS,KACd,oBAiFF,CAAC"}
+{"version":3,"file":"PopoverNext.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/PopoverNext/PopoverNext.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAAG;IACjD,aAAa,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACtC,gBAAgB,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACzC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,2BAA2B,SAChC,SAAS,QACT,SAAS,KACd,oBAiFF,CAAC"}

package/dist/types/PopoverNext/components/Trigger/Trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Trigger.d.ts","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,QAAA,MAAM,OAAO,iHAyBZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Trigger.d.ts","sourceRoot":"","sources":["../../../../../src/PopoverNext/components/Trigger/Trigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGlE,QAAA,MAAM,OAAO,iHA6BZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/PopoverNext/hooks/useDelayOpen.d.ts

@@ -1,6 +1,10 @@
 import { UsePopoverProps } from './usePopover';
 import { type OpenChangeReason } from '@floating-ui/react';
 type UseDelayOpenProps = Pick<UsePopoverProps, 'open' | 'onOpenChange' | 'timeout' | 'showDelay' | 'hideDelay'>;
+/**
+ * usePopover open with delay hook.
+ * TODO: Needs handling open prop changes.
+ */
 export declare const useDelayOpen: ({ open, onOpenChange, timeout: transition, showDelay, hideDelay, }: UseDelayOpenProps) => {
     isOpen: boolean | undefined;
     setIsOpen: (newOpen: boolean, reason?: OpenChangeReason) => void;

package/dist/types/PopoverNext/hooks/useDelayOpen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayOpen.d.ts","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,eAAe,EACf,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAChE,CAAC;AAEF,eAAO,MAAM,YAAY,uEAMtB,iBAAiB;;yBAsBa,OAAO,WAAW,gBAAgB;;;;;;;CAyBlE,CAAC"}
+{"version":3,"file":"useDelayOpen.d.ts","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/useDelayOpen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,KAAK,iBAAiB,GAAG,IAAI,CAC3B,eAAe,EACf,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,CAChE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,uEAMtB,iBAAiB;;yBAsBa,OAAO,WAAW,gBAAgB;;;;;;;CAyBlE,CAAC"}

package/dist/types/PopoverNext/hooks/usePopover.d.ts

@@ -4,6 +4,6 @@ export type UsePopoverProps = Omit<PopoverNextProps, 'children'> & {
     rootRef: React.RefObject<HTMLDivElement> | null;
 };
 type UsePopoverReturn = Omit<PopoverNextContextValue, 'rootPortal' | 'flip' | 'placement'>;
-export declare function usePopover({ dataHook, open, onOpenChange, focusManagerEnabled, appendTo, dynamicWidth, zIndex, width, minWidth, maxWidth, excludeClass, moveBy, flip: shouldFlip, placement, fixed, showDelay, hideDelay, timeout, rootRef, }: UsePopoverProps): UsePopoverReturn;
+export declare function usePopover({ dataHook, open, onOpenChange, focusManagerEnabled, appendTo, dynamicWidth, zIndex, width, minWidth, maxWidth, excludeClass, moveBy, flip: shouldFlip, placement, fixed, rootRef, }: UsePopoverProps): UsePopoverReturn;
 export {};
 //# sourceMappingURL=usePopover.d.ts.map

package/dist/types/PopoverNext/hooks/usePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACjE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;CACjD,CAAC;AAKF,KAAK,gBAAgB,GAAG,IAAI,CAC1B,uBAAuB,EACvB,YAAY,GAAG,MAAM,GAAG,WAAW,CACpC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAY,EACZ,YAAY,EACZ,mBAA0B,EAC1B,QAA2B,EAC3B,YAAoB,EACpB,MAAuB,EACvB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,IAAI,EAAE,UAAiB,EACvB,SAAoB,EACpB,KAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,OAAO,GACR,EAAE,eAAe,GAAG,gBAAgB,CAmGpC"}
+{"version":3,"file":"usePopover.d.ts","sourceRoot":"","sources":["../../../../src/PopoverNext/hooks/usePopover.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAI7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IACjE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;CACjD,CAAC;AAKF,KAAK,gBAAgB,GAAG,IAAI,CAC1B,uBAAuB,EACvB,YAAY,GAAG,MAAM,GAAG,WAAW,CACpC,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,IAAY,EACZ,YAAY,EACZ,mBAA0B,EAC1B,QAA2B,EAC3B,YAAoB,EACpB,MAAuB,EACvB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,IAAI,EAAE,UAAiB,EACvB,SAAoB,EACpB,KAAa,EACb,OAAO,GACR,EAAE,eAAe,GAAG,gBAAgB,CA4FpC"}

package/dist/types/Tabs/Tabs.constants.d.ts

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

package/dist/types/Tabs/Tabs.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.constants.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tabs.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;CAKP,CAAC;AAEX,eAAO,MAAM,IAAI;;;CAGP,CAAC;AAEX,eAAO,MAAM,SAAS;;;;CAIZ,CAAC"}

package/dist/types/Tabs/Tabs.d.ts

@@ -1,14 +1,10 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { TabItemsProps } from './core/TabItems';
 import { TabsProps } from './Tabs.types';
-declare class Tabs extends Component<TabsProps> {
-    static displayName: string;
-    static defaultProps: {
-        hasDivider: boolean;
-        size: string;
-    };
-    static propTypes: {
+declare const Tabs: {
+    ({ dataHook, className, activeId, hasDivider, items, minWidth, type, size, sideContent, width, alignment, onClick, }: TabsProps): React.JSX.Element;
+    displayName: string;
+    propTypes: {
         dataHook: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
         activeId: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
@@ -19,6 +15,8 @@ declare class Tabs extends Component<TabsProps> {
             minWidth: PropTypes.Requireable<number>;
             maxWidth: PropTypes.Requireable<number>;
             dataHook: PropTypes.Requireable<string>;
+            prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         }> | null | undefined)[]>;
         minWidth: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
         type: PropTypes.Requireable<string>;
@@ -28,8 +26,6 @@ declare class Tabs extends Component<TabsProps> {
         alignment: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    _getTabItemsProps: () => TabItemsProps;
-    render(): React.JSX.Element;
-}
+};
 export default Tabs;
 //# sourceMappingURL=Tabs.d.ts.map

package/dist/types/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAiB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAU;IAE5B,MAAM,CAAC,YAAY;;;MAGjB;IAEF,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;MA2Bd;IAEF,iBAAiB,QAAO,aAAa,CAGnC;IAEF,MAAM;CAsBP;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,QAAA,MAAM,IAAI;0HAaP,SAAS;;;;;;;;;;;;;;;;;;;;;;;;CA+BX,CAAC;AAkCF,eAAe,IAAI,CAAC"}

package/dist/types/Tabs/Tabs.types.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-export type TabsType = '' | 'compact' | 'compactSide' | 'uniformSide' | 'uniformFull';
+import { ValuesOf } from '../utils/typeUtils';
+import { TYPE, SIZE, ALIGNMENT } from './Tabs.constants';
 export interface TabsProps {
     /** Applied as data-hook HTML attribute that can be used in the tests */
     dataHook?: string;
@@ -16,7 +17,7 @@ export interface TabsProps {
     /** A minimum width of the container */
     minWidth?: string | number;
     /** Control text alignment in tab item */
-    alignment?: 'start' | 'center' | 'end';
+    alignment?: TabsAlignment;
     /** One of: '', compact, compactSide, uniformSide, uniformFull */
     type?: TabsType;
     /** One of: medium, small */
@@ -34,5 +35,10 @@ export type Item = {
     minWidth?: number;
     maxWidth?: number;
     dataHook?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
 };
+export type TabsType = ValuesOf<typeof TYPE>;
+export type TabsSize = ValuesOf<typeof SIZE>;
+export type TabsAlignment = ValuesOf<typeof ALIGNMENT>;
 //# sourceMappingURL=Tabs.types.d.ts.map

package/dist/types/Tabs/Tabs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,QAAQ,GAChB,EAAE,GACF,SAAS,GACT,aAAa,GACb,aAAa,GACb,aAAa,CAAC;AAElB,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yCAAyC;IACzC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACvC,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,SAAS;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uBAAuB;IACvB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yCAAyC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAC7C,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/dist/types/Tabs/components/SideContent/SideContent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { SideContentProps } from './SideContent.types';
+declare const SideContent: ({ content }: SideContentProps) => React.JSX.Element | null;
+export default SideContent;
+//# sourceMappingURL=SideContent.d.ts.map

package/dist/types/Tabs/components/SideContent/SideContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideContent.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/SideContent/SideContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,QAAA,MAAM,WAAW,gBAAiB,gBAAgB,6BAKxC,CAAC;AAEX,eAAe,WAAW,CAAC"}

package/dist/types/Tabs/components/SideContent/SideContent.types.d.ts

@@ -0,0 +1,4 @@
+export type SideContentProps = {
+    content: React.ReactNode;
+};
+//# sourceMappingURL=SideContent.types.d.ts.map

package/dist/types/Tabs/components/SideContent/SideContent.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideContent.types.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/SideContent/SideContent.types.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC"}

package/dist/types/Tabs/components/SideContent/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './SideContent';
+export { SideContentProps } from './SideContent.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Tabs/components/SideContent/index.d.ts.map

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

package/dist/types/Tabs/components/TabItem/TabItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TabItemProps } from './TabItem.types';
+declare const TabItem: ({ item, onItemClick, isActive, dynamicProperties, size, type, alignment, width, itemMaxWidth, ...restProps }: TabItemProps) => React.JSX.Element;
+export default TabItem;
+//# sourceMappingURL=TabItem.d.ts.map

package/dist/types/Tabs/components/TabItem/TabItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,OAAO,iHAWV,YAAY,sBA6Cd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/types/Tabs/components/TabItem/TabItem.types.d.ts

@@ -0,0 +1,11 @@
+import { Item, TabsSize } from '../../Tabs.types';
+import { TabItemsProps } from '../TabItems/TabItems.types';
+import { InjectedWithMaxWidthProps } from '../WithMaxWidth';
+export type TabItemProps = Pick<Item, 'dataHook'> & Pick<TabItemsProps, 'type' | 'width' | 'alignment'> & InjectedWithMaxWidthProps & {
+    onItemClick?: (item: Item) => void;
+    isActive: boolean;
+    dynamicProperties?: string[];
+    size?: TabsSize;
+    item: Item;
+};
+//# sourceMappingURL=TabItem.types.d.ts.map

package/dist/types/Tabs/components/TabItem/TabItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItem/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,GAC/C,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,GAAG,WAAW,CAAC,GACnD,yBAAyB,GAAG;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC"}

package/dist/types/Tabs/components/TabItem/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './TabItem';
+export { TabItemProps } from './TabItem.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Tabs/components/TabItem/index.d.ts.map

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

package/dist/types/Tabs/components/TabItems/TabItems.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TabItemsProps } from './TabItems.types';
+declare const _default: React.ComponentType<TabItemsProps>;
+export default _default;
+//# sourceMappingURL=TabItems.d.ts.map

package/dist/types/Tabs/components/TabItems/TabItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItems.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItems/TabItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;;AAuCjD,wBAA0C"}

package/dist/types/Tabs/components/TabItems/TabItems.types.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from '../../Tabs.types';
+export type TabItemsProps = Omit<TabsProps, 'sideContent' | 'dataHook'>;
+//# sourceMappingURL=TabItems.types.d.ts.map

package/dist/types/Tabs/components/TabItems/TabItems.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabItems.types.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/TabItems/TabItems.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,aAAa,GAAG,UAAU,CAAC,CAAC"}

package/dist/types/Tabs/components/TabItems/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './TabItems';
+export { TabItemsProps } from './TabItems.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Tabs/components/TabItems/index.d.ts.map

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

package/dist/types/Tabs/components/WithMaxWidth/WithMaxWidth.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TabItemsProps } from '../TabItems/TabItems.types';
+import { InjectedWithMaxWidthProps } from './WithMaxWidth.types';
+declare const WithMaxWidth: (WrappedComponent: React.ComponentType<TabItemsProps & InjectedWithMaxWidthProps>) => React.ComponentType<TabItemsProps>;
+export default WithMaxWidth;
+//# sourceMappingURL=WithMaxWidth.d.ts.map

package/dist/types/Tabs/components/WithMaxWidth/WithMaxWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithMaxWidth.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/WithMaxWidth/WithMaxWidth.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAMjE,QAAA,MAAM,YAAY,qBACE,KAAK,CAAC,aAAa,CACnC,aAAa,GAAG,yBAAyB,CAC1C,KACA,KAAK,CAAC,aAAa,CAAC,aAAa,CAuCnC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/types/Tabs/components/WithMaxWidth/WithMaxWidth.types.d.ts

@@ -0,0 +1,4 @@
+export type InjectedWithMaxWidthProps = {
+    itemMaxWidth: number | undefined;
+};
+//# sourceMappingURL=WithMaxWidth.types.d.ts.map

package/dist/types/Tabs/components/WithMaxWidth/WithMaxWidth.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithMaxWidth.types.d.ts","sourceRoot":"","sources":["../../../../../src/Tabs/components/WithMaxWidth/WithMaxWidth.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,yBAAyB,GAAG;IACtC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,CAAC"}

package/dist/types/Tabs/components/WithMaxWidth/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './WithMaxWidth';
+export { InjectedWithMaxWidthProps } from './WithMaxWidth.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/Tabs/components/WithMaxWidth/index.d.ts.map

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

package/dist/types/Tabs/{core/utils.d.ts → utils/getWidth.d.ts}

@@ -1,2 +1,2 @@
 export declare const getWidth: (element: HTMLElement) => number;
-//# sourceMappingURL=utils.d.ts.map
+//# sourceMappingURL=getWidth.d.ts.map

package/dist/types/Tabs/utils/getWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWidth.d.ts","sourceRoot":"","sources":["../../../../src/Tabs/utils/getWidth.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,YAAa,WAAW,WACQ,CAAC"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export const LIB_VERSION: "1.161.0";
+export const LIB_VERSION: "1.162.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wix/design-system",
   "description": "@wix/design-system",
-  "version": "1.161.0",
+  "version": "1.162.0",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -32,7 +32,7 @@
         },
         {
           "glob": "./dist/statics/design-system.umd.min.js",
-          "maxSize": "770kb"
+          "maxSize": "800kb"
         },
         {
           "glob": "./styles.global.css",
@@ -153,7 +153,7 @@
     "@babel/runtime": "^7.26.0",
     "@floating-ui/react": "^0.27.0",
     "@react-aria/focus": "^3.19.0",
-    "@wix/design-system-tokens": "^1.75.0",
+    "@wix/design-system-tokens": "^1.76.0",
     "@wix/wix-ui-icons-common": "^3.66.0",
     "@wix/wix-ui-test-utils": "^1.1.16",
     "chart.js": "^2.9.4",
@@ -242,7 +242,7 @@
     "@wix/ambassador": "^4.0.594",
     "@wix/ambassador-testkit": "5.0.340",
     "@wix/ambassador-wix-atlas-service-web": "1.0.191",
-    "@wix/babel-preset-yoshi": "^6.121.0",
+    "@wix/babel-preset-yoshi": "^6.122.0",
     "@wix/ci-build-info": "^1.0.322",
     "@wix/janet-build": "^1.0.7",
     "@wix/janet-dev-server": "^1.16.19",
@@ -250,7 +250,7 @@
     "@wix/sled-test-runner": "^2.0.445",
     "@wix/wix-storybook-playground": "^1.0.10",
     "@wix/wix-storybook-utils": "^4.3.9",
-    "@wix/yoshi-flow-library": "^6.121.0",
+    "@wix/yoshi-flow-library": "^6.122.0",
     "axe-core": "^4.10.2",
     "babel-loader": "^8.4.1",
     "babel-plugin-dynamic-import-node": "^2.3.3",
@@ -312,5 +312,5 @@
     "wix-ui-framework": "^3.7.11",
     "wixds-storybook-utils": "^1.0.1"
   },
-  "falconPackageHash": "82be5be5a1760685bcfd24c1b2893b6cdecb421564e28b70edf6c775"
+  "falconPackageHash": "09014bbf1dda07191309936c8ca6574fee56dd809197d8b450fbb7f2"
 }