@wix/design-system 1.154.0 → 1.156.0

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRectangle.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/SkeletonRectangle.js"],"names":[],"mappings":";AAQA,wBAAwB;AACxB;;;IACE,UAAW;IAEX,4BAyCC;CACF;;;;;;;;;;;;;;;;;;;kBAtDiB,OAAO;sBACH,YAAY;+BAEY,aAAa;8BAAb,aAAa"}
+{"version":3,"file":"SkeletonRectangle.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/SkeletonRectangle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AASnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAyCvD;kBAzCQ,iBAAiB;;;;;;;;;;;;;;AAyD1B,eAAe,iBAAiB,CAAC"}

package/dist/types/SkeletonRectangle/SkeletonRectangle.meta.d.ts

@@ -1,4 +1,4 @@
-import { SkeletonRectangleProps } from '.';
+import { SkeletonRectangleProps } from './SkeletonRectangle.types';
 export declare const requiredProps: SkeletonRectangleProps;
 export declare const testkitTests: {
     title: string;

package/dist/types/SkeletonRectangle/SkeletonRectangle.meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRectangle.meta.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/SkeletonRectangle.meta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,GAAG,CAAC;AAG3C,eAAO,MAAM,aAAa,EAAE,sBAA2B,CAAC;AAYxD,eAAO,MAAM,YAAY;;WAJhB,sBAAsB;GAIa,CAAC;AAE7C,eAAO,MAAM,QAAQ;;WANZ,sBAAsB;GAMS,CAAC;AAEzC,eAAO,MAAM,SAAS;;WARb,sBAAsB;GAQU,CAAC"}
+{"version":3,"file":"SkeletonRectangle.meta.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/SkeletonRectangle.meta.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAGnE,eAAO,MAAM,aAAa,EAAE,sBAA2B,CAAC;AAYxD,eAAO,MAAM,YAAY;;WAJhB,sBAAsB;GAIa,CAAC;AAE7C,eAAO,MAAM,QAAQ;;WANZ,sBAAsB;GAMS,CAAC;AAEzC,eAAO,MAAM,SAAS;;WARb,sBAAsB;GAQU,CAAC"}

package/dist/types/SkeletonRectangle/SkeletonRectangle.types.d.ts

@@ -0,0 +1,45 @@
+import { BoxProps } from '../Box';
+export interface SkeletonRectangleProps {
+    /** Applied as data-hook HTML attribute that can be used in the tests */
+    dataHook?: string;
+    /**
+     * Specifies a CSS class name to be appended to the component’s root element.
+     * @internal
+     */
+    className?: string;
+    /** Sets the height of the box (pixels) */
+    height?: BoxProps['height'];
+    /** Sets the width of the box (pixels) */
+    width?: BoxProps['width'];
+    /**
+     * Sets margin on all sides.
+     * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
+     * a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
+     */
+    margin?: BoxProps['margin'];
+    /**
+     * Sets margin on the top.
+     * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
+     * a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
+     */
+    marginTop?: BoxProps['marginTop'];
+    /**
+     * Sets margin on the right.
+     * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
+     * a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
+     */
+    marginRight?: BoxProps['marginRight'];
+    /**
+     * Sets margin on the bottom.
+     * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
+     * a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
+     */
+    marginBottom?: BoxProps['marginBottom'];
+    /**
+     * Sets margin on the left.
+     * Accepts a numeric value (multiplied by spacing unit), predefined spacing value (tiny, small, etc.)
+     * a spacing token (SP1, SP2, etc.) or a string of space-separated values ("3px 3px")
+     */
+    marginLeft?: BoxProps['marginLeft'];
+}
+//# sourceMappingURL=SkeletonRectangle.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonRectangle.types.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/SkeletonRectangle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,WAAW,sBAAsB;IACrC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,yCAAyC;IACzC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B;;;;OAIG;IACH,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClC;;;;OAIG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACxC;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;CACrC"}

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

@@ -1,8 +1,9 @@
-import { BaseUniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { BaseUniDriver, UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';
 import { SkeletonGroupSkin } from '../SkeletonGroup';
-
 export interface SkeletonRectangleUniDriver extends BaseUniDriver {
-  getWidth(): Promise<string>;
-  getHeight(): Promise<string>;
-  getSkin(): Promise<SkeletonGroupSkin>;
+    getWidth(): Promise<string | null>;
+    getHeight(): Promise<string | null>;
+    getSkin(): Promise<SkeletonGroupSkin | null>;
 }
+export declare const skeletonRectangleDriverFactory: (base: UniDriver) => SkeletonRectangleUniDriver;
+//# sourceMappingURL=SkeletonRectangle.uni.driver.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRectangle.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/SkeletonRectangle.uni.driver.js"],"names":[],"mappings":"AAEO;IAIH;;;OAGG;oBADU,OAAO,CAAC,MAAM,CAAC;IAI5B;;;OAGG;qBADU,OAAO,CAAC,MAAM,CAAC;IAG5B;;;OAGG;mBADU,OAAO,CAAC,MAAM,CAAC;;;;EAI/B"}
+{"version":3,"file":"SkeletonRectangle.uni.driver.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/SkeletonRectangle.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,SAAS,EACV,MAAM,6CAA6C,CAAC;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,0BAA2B,SAAQ,aAAa;IAC/D,QAAQ,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACnC,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACpC,OAAO,IAAI,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,8BAA8B,SACnC,SAAS,KACd,0BAkBF,CAAC"}

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

@@ -1,3 +1,3 @@
-export const DEFAULT_HEIGHT: "100%";
-export const DEFAULT_WIDTH: "100%";
+export declare const DEFAULT_HEIGHT = "100%";
+export declare const DEFAULT_WIDTH = "100%";
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/constants.js"],"names":[],"mappings":"AAAA,6BAA8B,MAAM,CAAC;AACrC,4BAA6B,MAAM,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,SAAS,CAAC;AACrC,eAAO,MAAM,aAAa,SAAS,CAAC"}

package/dist/types/SkeletonRectangle/index.d.ts

@@ -1,16 +1,3 @@
-import * as React from 'react';
-import { BoxProps } from '../Box';
-
-export interface SkeletonRectangleProps {
-  dataHook?: string;
-  className?: string;
-  height?: BoxProps['height'];
-  width?: BoxProps['width'];
-  margin?: BoxProps['margin'];
-  marginTop?: BoxProps['marginTop'];
-  marginRight?: BoxProps['marginRight'];
-  marginBottom?: BoxProps['marginBottom'];
-  marginLeft?: BoxProps['marginLeft'];
-}
-
-export default class SkeletonRectangle extends React.PureComponent<SkeletonRectangleProps> {}
+export { default } from './SkeletonRectangle';
+export * from './SkeletonRectangle.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/SkeletonRectangle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SkeletonRectangle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,cAAc,2BAA2B,CAAC"}

package/dist/types/Text/RawText.d.ts

@@ -24,7 +24,7 @@ declare const RawText: React.ForwardRefExoticComponent<((React.HTMLAttributes<HT
 } & {
     tagName?: "span";
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "tagName" | "size" | "weight" | "secondary" | "skin">>) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
+} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "size" | "weight" | "tagName" | "secondary" | "skin">>) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
     dataHook?: string;
     tagName?: string;
     className?: string;
@@ -44,7 +44,7 @@ declare const RawText: React.ForwardRefExoticComponent<((React.HTMLAttributes<HT
 } & {
     tagName: "a";
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "tagName" | "size" | "weight" | "secondary" | "skin">>) | (React.LabelHTMLAttributes<HTMLLabelElement> & Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
+} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "size" | "weight" | "tagName" | "secondary" | "skin">>) | (React.LabelHTMLAttributes<HTMLLabelElement> & Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
     dataHook?: string;
     tagName?: string;
     className?: string;
@@ -63,7 +63,7 @@ declare const RawText: React.ForwardRefExoticComponent<((React.HTMLAttributes<HT
     onEllipsisStateChange?: (isActive: boolean) => void;
 } & {
     tagName: "label";
-} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "tagName" | "size" | "weight" | "secondary" | "skin">>) | Omit<Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
+} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "size" | "weight" | "tagName" | "secondary" | "skin">>) | Omit<Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
     dataHook?: string;
     tagName?: string;
     className?: string;
@@ -84,7 +84,7 @@ declare const RawText: React.ForwardRefExoticComponent<((React.HTMLAttributes<HT
     [additionalProps: string]: any;
     tagName: keyof Omit<HTMLElementTagNameMap, "a" | "span" | "label">;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "tagName" | "size" | "weight" | "secondary" | "skin">>, "ref"> | Omit<Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
+} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "size" | "weight" | "tagName" | "secondary" | "skin">>, "ref"> | Omit<Omit<import("../common/Ellipsis").EllipsisCommonProps, "size"> & {
     dataHook?: string;
     tagName?: string;
     className?: string;
@@ -105,6 +105,6 @@ declare const RawText: React.ForwardRefExoticComponent<((React.HTMLAttributes<HT
     [additionalProps: string]: any;
     tagName: React.ComponentType<any>;
     onClick?: React.MouseEventHandler<HTMLElement>;
-} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "tagName" | "size" | "weight" | "secondary" | "skin">>, "ref">) & React.RefAttributes<HTMLElement>>;
+} & Required<Pick<RenderProps, "renderChildren" | "renderElement">> & Required<Pick<RawTextProps, "listStyle" | "overflowWrap" | "widows" | "light" | "size" | "weight" | "tagName" | "secondary" | "skin">>, "ref">) & React.RefAttributes<HTMLElement>>;
 export default RawText;
 //# sourceMappingURL=RawText.d.ts.map

package/dist/types/WixDesignSystemProvider/newBrandingTokens.d.ts

@@ -1,108 +1,108 @@
 declare function _exports(): {
-    '--wsr-color-D10': string;
-    '--wsr-color-D20': string;
-    '--wsr-color-D30': string;
-    '--wsr-color-D40': string;
-    '--wsr-color-D50': string;
-    '--wsr-color-D55': string;
-    '--wsr-color-D60': string;
-    '--wsr-color-D70': string;
-    '--wsr-color-D80': string;
-    '--wsr-color-B00': string;
-    '--wsr-color-B05': string;
-    '--wsr-color-B10': string;
-    '--wsr-color-B20': string;
-    '--wsr-color-B30': string;
-    '--wsr-color-B40': string;
-    '--wsr-color-B50': string;
-    '--wsr-color-B60': string;
-    '--wsr-color-R00': string;
-    '--wsr-color-R05': string;
-    '--wsr-color-R10': string;
-    '--wsr-color-R20': string;
-    '--wsr-color-R30': string;
-    '--wsr-color-R40': string;
-    '--wsr-color-R50': string;
-    '--wsr-color-R60': string;
-    '--wsr-color-P00': string;
-    '--wsr-color-P05': string;
-    '--wsr-color-P10': string;
-    '--wsr-color-P20': string;
-    '--wsr-color-P30': string;
-    '--wsr-color-P40': string;
-    '--wsr-color-P50': string;
-    '--wsr-color-P60': string;
-    '--wsr-color-G00': string;
-    '--wsr-color-G05': string;
-    '--wsr-color-G10': string;
-    '--wsr-color-G20': string;
-    '--wsr-color-G30': string;
-    '--wsr-color-G40': string;
-    '--wsr-color-G50': string;
-    '--wsr-color-G60': string;
-    '--wsr-color-Y00': string;
-    '--wsr-color-Y05': string;
-    '--wsr-color-Y10': string;
-    '--wsr-color-Y20': string;
-    '--wsr-color-Y30': string;
-    '--wsr-color-Y40': string;
-    '--wsr-color-Y50': string;
-    '--wsr-color-Y60': string;
-    '--wsr-color-O00': string;
-    '--wsr-color-O05': string;
-    '--wsr-color-O10': string;
-    '--wsr-color-O20': string;
-    '--wsr-color-O30': string;
-    '--wsr-color-O40': string;
-    '--wsr-color-O50': string;
-    '--wsr-color-O60': string;
-    '--wsr-color-F00': string;
-    '--wsr-color-A1': string;
-    '--wsr-color-A2': string;
-    '--wsr-color-A3': string;
-    '--wsr-color-A4': string;
-    '--wsr-color-A5': string;
-    '--wsr-color-A6': string;
-    '--wsr-color-B1': string;
-    '--wsr-color-B2': string;
-    '--wsr-color-B3': string;
-    '--wsr-color-B4': string;
-    '--wsr-color-C1': string;
-    '--wsr-color-C2': string;
-    '--wsr-color-C3': string;
-    '--wsr-color-C4': string;
-    '--wsr-color-D10-03': string;
-    '--wsr-color-D10-05': string;
-    '--wsr-color-D10-06': string;
-    '--wsr-color-D10-10': string;
-    '--wsr-color-D10-12': string;
-    '--wsr-color-D10-18': string;
-    '--wsr-color-D10-20': string;
-    '--wsr-color-D10-24': string;
-    '--wsr-color-D10-30': string;
-    '--wsr-color-D10-36': string;
-    '--wsr-color-D10-42': string;
-    '--wsr-color-D10-66': string;
-    '--wsr-color-D10-90': string;
-    '--wsr-color-D10-96': string;
-    '--wsr-color-D20-48': string;
-    '--wsr-color-D20-54': string;
-    '--wsr-color-D20-60': string;
-    '--wsr-color-D20-72': string;
-    '--wsr-color-D40-20': string;
-    '--wsr-color-D80-10': string;
-    '--wsr-color-D80-20': string;
-    '--wsr-color-D80-30': string;
-    '--wsr-color-D80-48': string;
-    '--wsr-color-D80-50': string;
-    '--wsr-color-D80-60': string;
-    '--wsr-color-D80-70': string;
-    '--wsr-color-B00-24': string;
-    '--wsr-color-B00-42': string;
-    '--wsr-color-B00-48': string;
-    '--wsr-color-B10-18': string;
-    '--wsr-section-header-color-bg': string;
-    '--wsr-section-header-color-border': string;
+    readonly '--wsr-color-D10': "#000624";
+    readonly '--wsr-color-D20': "#333853";
+    readonly '--wsr-color-D30': "#595D70";
+    readonly '--wsr-color-D40': "#868AA5";
+    readonly '--wsr-color-D50': "#ACAFC4";
+    readonly '--wsr-color-D55': "#CFD1DC";
+    readonly '--wsr-color-D60': "#DFE5EB";
+    readonly '--wsr-color-D70': "#ECEFF3";
+    readonly '--wsr-color-D80': "#FFFFFF";
+    readonly '--wsr-color-B00': "#084EBD";
+    readonly '--wsr-color-B05': "#0F62E6";
+    readonly '--wsr-color-B10': "#116DFF";
+    readonly '--wsr-color-B20': "#5999FF";
+    readonly '--wsr-color-B30': "#A8CAFF";
+    readonly '--wsr-color-B40': "#D6E6FE";
+    readonly '--wsr-color-B50': "#E7F0FF";
+    readonly '--wsr-color-B60': "#F4F7FF";
+    readonly '--wsr-color-R00': "#B81206";
+    readonly '--wsr-color-R05': "#D0180B";
+    readonly '--wsr-color-R10': "#E62214";
+    readonly '--wsr-color-R20': "#FF6D63";
+    readonly '--wsr-color-R30': "#F69891";
+    readonly '--wsr-color-R40': "#FBD0CD";
+    readonly '--wsr-color-R50': "#FDE3E1";
+    readonly '--wsr-color-R60': "#FDECEB";
+    readonly '--wsr-color-P00': "#7416A5";
+    readonly '--wsr-color-P05': "#8E1DD1";
+    readonly '--wsr-color-P10': "#9A27D5";
+    readonly '--wsr-color-P20': "#C161F0";
+    readonly '--wsr-color-P30': "#CF8CF1";
+    readonly '--wsr-color-P40': "#E3C3F4";
+    readonly '--wsr-color-P50': "#F1E0F9";
+    readonly '--wsr-color-P60': "#F7EDFC";
+    readonly '--wsr-color-G00': "#1D8649";
+    readonly '--wsr-color-G05': "#229954";
+    readonly '--wsr-color-G10': "#25A55A";
+    readonly '--wsr-color-G20': "#51B77B";
+    readonly '--wsr-color-G30': "#87CEA5";
+    readonly '--wsr-color-G40': "#C8E8D6";
+    readonly '--wsr-color-G50': "#E1F4EB";
+    readonly '--wsr-color-G60': "#E9F6EE";
+    readonly '--wsr-color-Y00': "#D59900";
+    readonly '--wsr-color-Y05': "#E7A600";
+    readonly '--wsr-color-Y10': "#FFB700";
+    readonly '--wsr-color-Y20': "#FFC23D";
+    readonly '--wsr-color-Y30': "#FFD16E";
+    readonly '--wsr-color-Y40': "#FFE2A5";
+    readonly '--wsr-color-Y50': "#FFF0D1";
+    readonly '--wsr-color-Y60': "#FFF6E5";
+    readonly '--wsr-color-O00': "#DF4D00";
+    readonly '--wsr-color-O05': "#F05300";
+    readonly '--wsr-color-O10': "#FE620F";
+    readonly '--wsr-color-O20': "#FF7D38";
+    readonly '--wsr-color-O30': "#FCBD9C";
+    readonly '--wsr-color-O40': "#FDDBC8";
+    readonly '--wsr-color-O50': "#FEE5D7";
+    readonly '--wsr-color-O60': "#FEEFE6";
+    readonly '--wsr-color-F00': "#A6D0FF";
+    readonly '--wsr-color-A1': "#1684EA";
+    readonly '--wsr-color-A2': "#17B0E2";
+    readonly '--wsr-color-A3': "#6544F9";
+    readonly '--wsr-color-A4': "#3D9FA1";
+    readonly '--wsr-color-A5': "#D04091";
+    readonly '--wsr-color-A6': "#FDB10C";
+    readonly '--wsr-color-B1': "#FF66C5";
+    readonly '--wsr-color-B2': "#FF9F41";
+    readonly '--wsr-color-B3': "#F9677A";
+    readonly '--wsr-color-B4': "#1550AC";
+    readonly '--wsr-color-C1': "#54CE91";
+    readonly '--wsr-color-C2': "#1989E5";
+    readonly '--wsr-color-C3': "#64B4F6";
+    readonly '--wsr-color-C4': "#FF9290";
+    readonly '--wsr-color-D10-03': "rgba(0, 6, 36, 0.03)";
+    readonly '--wsr-color-D10-05': "rgba(0, 6, 36, 0.05)";
+    readonly '--wsr-color-D10-06': "rgba(0, 6, 36, 0.06)";
+    readonly '--wsr-color-D10-10': "rgba(0, 6, 36, 0.10)";
+    readonly '--wsr-color-D10-12': "rgba(0, 6, 36, 0.12)";
+    readonly '--wsr-color-D10-18': "rgba(0, 6, 36, 0.18)";
+    readonly '--wsr-color-D10-20': "rgba(0, 6, 36, 0.20)";
+    readonly '--wsr-color-D10-24': "rgba(0, 6, 36, 0.24)";
+    readonly '--wsr-color-D10-30': "rgba(0, 6, 36, 0.30)";
+    readonly '--wsr-color-D10-36': "rgba(0, 6, 36, 0.36)";
+    readonly '--wsr-color-D10-42': "rgba(0, 6, 36, 0.42)";
+    readonly '--wsr-color-D10-66': "rgba(0, 6, 36, 0.66)";
+    readonly '--wsr-color-D10-90': "rgba(0, 6, 36, 0.90)";
+    readonly '--wsr-color-D10-96': "rgba(0, 6, 36, 0.96)";
+    readonly '--wsr-color-D20-48': "rgba(51, 56, 83, 0.48)";
+    readonly '--wsr-color-D20-54': "rgba(51, 56, 83, 0.54)";
+    readonly '--wsr-color-D20-60': "rgba(51, 56, 83, 0.60)";
+    readonly '--wsr-color-D20-72': "rgba(51, 56, 83, 0.72)";
+    readonly '--wsr-color-D40-20': "rgba(134, 138, 165, 0.20)";
+    readonly '--wsr-color-D80-10': "rgba(255, 255, 255, 0.10)";
+    readonly '--wsr-color-D80-20': "rgba(255, 255, 255, 0.20)";
+    readonly '--wsr-color-D80-30': "rgba(255, 255, 255, 0.30)";
+    readonly '--wsr-color-D80-48': "rgba(255, 255, 255, 0.48)";
+    readonly '--wsr-color-D80-50': "rgba(255, 255, 255, 0.50)";
+    readonly '--wsr-color-D80-60': "rgba(255, 255, 255, 0.60)";
+    readonly '--wsr-color-D80-70': "rgba(255, 255, 255, 0.70)";
+    readonly '--wsr-color-B00-24': "rgba(8, 78, 189, 0.24)";
+    readonly '--wsr-color-B00-42': "rgba(8, 78, 189, 0.42)";
+    readonly '--wsr-color-B00-48': "rgba(8, 78, 189, 0.48)";
+    readonly '--wsr-color-B10-18': "rgba(17, 109, 255, 0.18)";
+    readonly '--wsr-section-header-color-bg': "#f7f8f8";
+    readonly '--wsr-section-header-color-border': "#dfe5eb";
 };
 export = _exports;
 //# sourceMappingURL=newBrandingTokens.d.ts.map

package/dist/types/index.d.ts

@@ -627,4 +627,6 @@ export { useOverlayScrollbar } from './providers/useOverlayScrollbar/useOverlayS
 
 export * from './WixDesignSystemProvider';
 
+export { COLOR_TOKENS } from './COLOR_TOKENS';
+
 export * from './CDN_URLS';

package/dist/types/utils/test-utils/react/index.d.ts

@@ -13,7 +13,7 @@ type CreateRendererOptions = Partial<{
  * @param [React.Element] jsx a jsx element to render
  * @param [object] options - render-options for @testing-library/react. The options may also contain a `dataHook` prop which if provided then the driver would be created with the element which is found by the dataHook. If not provided then it assumes that the rendered root element is the component's root element and it will be used for the driver.
  */
-export declare function createRendererWithDriver<Driver extends BaseDriver>(driverFactory: TestkitOutputRegular<Driver>, defaultOptions?: CreateRendererOptions): (jsx: JSX.Element, options?: Partial<{
+export declare function createRendererWithDriver<Driver extends BaseDriver>(driverFactory: TestkitOutputRegular<Driver>, defaultOptions?: CreateRendererOptions): (jsx: React.ReactElement, options?: Partial<{
     dataHook: string;
 } & RenderOptions<any, HTMLElement, HTMLElement>>) => {
     driver: Driver;
@@ -32,7 +32,7 @@ export declare function createRendererWithDriver<Driver extends BaseDriver>(driv
  * @param [React.Element] jsx a jsx element to render
  * @param [object] options - render-options for @testing-library/react. The options may also contain a `dataHook` prop which if provided then the driver would be created with the element which is found by the dataHook. If not provided then it assumes that the rendered root element is the component's root element and it will be used for the driver.
  */
-export declare function createRendererWithUniDriver<Driver extends BaseUniDriver>(driverFactory: TestkitOutputUni<Driver>, defaultOptions?: CreateRendererOptions): (jsx: JSX.Element, options?: Partial<{
+export declare function createRendererWithUniDriver<Driver extends BaseUniDriver>(driverFactory: TestkitOutputUni<Driver>, defaultOptions?: CreateRendererOptions): (jsx: React.ReactElement, options?: Partial<{
     dataHook: string;
 } & RenderOptions<any, HTMLElement, HTMLElement>>) => {
     driver: Driver;
@@ -51,10 +51,10 @@ export declare function createRendererWithUniDriver<Driver extends BaseUniDriver
  * @param [React.Element] jsx a jsx element to render
  * @param [object] options - render-options for @testing-library/react. The options may also contain a `dataHook` prop which if provided then the driver would be created with the element which is found by the dataHook. If not provided then it assumes that the rendered root element is the component's root element and it will be used for the driver.
  */
-export declare function createAsyncRendererWithUniDriver<Driver extends BaseUniDriver>(driverFactory: TestkitOutputUni<Driver>, defaultOptions?: CreateRendererOptions): (jsx: JSX.Element, options?: Partial<{
+export declare function createAsyncRendererWithUniDriver<Driver extends BaseUniDriver>(driverFactory: TestkitOutputUni<Driver>, defaultOptions?: CreateRendererOptions): (jsx: React.ReactElement, options?: Partial<{
     dataHook: string;
 } & RenderOptions<any, HTMLElement, HTMLElement>>) => Promise<{
-    rerender: (jsxElement: JSX.Element) => Promise<void>;
+    rerender: (jsxElement: React.ReactElement) => Promise<void>;
     driver: Driver;
     container: HTMLElement;
     baseElement: HTMLElement;

package/dist/types/utils/test-utils/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/test-utils/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAId,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,KAAK,qBAAqB,GAAG,OAAO,CAClC;IACE,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,aAAa,CAAC,GAAG,CAAC,CACvB,CAAC;AAyEF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,UAAU,EAChE,aAAa,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAC3C,cAAc,GAAE,qBAA0B,SAxB7B,GAAG,CAAC,OAAO;cA7DZ,MAAM;;;;;uBAgB6C,CAAC,6IAGzC,CAAC,iBAExB,CAAC;mBAID,MAAI,SAAS;;;EA0Ed;AAeD;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,SAAS,aAAa,EACtE,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACvC,cAAc,GAAE,qBAA0B,SA/D7B,GAAG,CAAC,OAAO;cA7DZ,MAAM;;;;;uBAgB6C,CAAC,6IAGzC,CAAC,iBAExB,CAAC;mBAID,MAAI,SAAS;;;EAwGd;AAED;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAAC,MAAM,SAAS,aAAa,EAC3E,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACvC,cAAc,GAAE,qBAA0B,SAjHvB,GAAG,CAAC,OAAO;cA5BlB,MAAM;;2BA2C8B,GAAG,CAAC,OAAO;;;;uBA3BI,CAAC,6IAGzC,CAAC,iBAExB,CAAC;;;GA6HF;AAED,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/test-utils/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EAId,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EACjB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,KAAK,qBAAqB,GAAG,OAAO,CAClC;IACE,QAAQ,EAAE,MAAM,CAAC;CAClB,GAAG,aAAa,CAAC,GAAG,CAAC,CACvB,CAAC;AAyEF;;;;;;;GAOG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,SAAS,UAAU,EAChE,aAAa,EAAE,oBAAoB,CAAC,MAAM,CAAC,EAC3C,cAAc,GAAE,qBAA0B,SAxB7B,KAAK,CAAC,YAAY;cA7DnB,MAAM;;;;;uBAgB6C,CAAC,6IAGzC,CAAC,iBAExB,CAAC;mBAID,MAAI,SAAS;;;EA0Ed;AAeD;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,MAAM,SAAS,aAAa,EACtE,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACvC,cAAc,GAAE,qBAA0B,SA/D7B,KAAK,CAAC,YAAY;cA7DnB,MAAM;;;;;uBAgB6C,CAAC,6IAGzC,CAAC,iBAExB,CAAC;mBAID,MAAI,SAAS;;;EAwGd;AAED;;;;;;;GAOG;AACH,wBAAgB,gCAAgC,CAAC,MAAM,SAAS,aAAa,EAC3E,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC,EACvC,cAAc,GAAE,qBAA0B,SAjHvB,KAAK,CAAC,YAAY;cA5BzB,MAAM;;2BA2C8B,KAAK,CAAC,YAAY;;;;uBA3BH,CAAC,6IAGzC,CAAC,iBAExB,CAAC;;;GA6HF;AAED,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}

package/dist/types/utils/test-utils/visual/types.d.ts

@@ -5,7 +5,7 @@ export type Test<T> = {
         props: T;
         wrapper?: ({ children, }: {
             children: React.ReactNode;
-        }) => React.JSX.Element;
+        }) => React.ReactElement;
         render?: (props: T) => React.ReactElement;
         componentDidMount?: () => void;
     }[];

package/dist/types/utils/test-utils/visual/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/utils/test-utils/visual/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE;QACH,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,CAAC,CAAC;QACT,OAAO,CAAC,EAAE,CAAC,EACT,QAAQ,GACT,EAAE;YACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;SAC3B,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;QAC1C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;KAChC,EAAE,CAAC;CACL,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/utils/test-utils/visual/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE;QACH,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,CAAC,CAAC;QACT,OAAO,CAAC,EAAE,CAAC,EACT,QAAQ,GACT,EAAE;YACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;SAC3B,KAAK,KAAK,CAAC,YAAY,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;QAC1C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;KAChC,EAAE,CAAC;CACL,CAAC"}

package/dist/types/version.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wix/design-system",
   "description": "@wix/design-system",
-  "version": "1.154.0",
+  "version": "1.156.0",
   "license": "MIT",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -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.68.0",
+    "@wix/design-system-tokens": "^1.70.0",
     "@wix/wix-ui-icons-common": "^3.63.0",
     "@wix/wix-ui-test-utils": "^1.1.16",
     "chart.js": "^2.9.4",
@@ -242,15 +242,15 @@
     "@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.118.0",
+    "@wix/babel-preset-yoshi": "^6.119.0",
     "@wix/ci-build-info": "^1.0.322",
     "@wix/janet-build": "^1.0.7",
     "@wix/janet-dev-server": "^1.16.19",
     "@wix/react-autodocs-utils": "^3.12.4",
-    "@wix/sled-test-runner": "^2.0.443",
+    "@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.118.0",
+    "@wix/yoshi-flow-library": "^6.119.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": "06504c00972f0d85c4d2578065787aa38c725b0e2c9e71faaa6f6472"
+  "falconPackageHash": "6568b6e5836570db49e7f73f35c1afb5a0f91a128b3b3642839bc098"
 }