@vitality-ds/components 5.2.1 → 5.4.0

package/dist/system/src/stitches.config.d.ts

@@ -44,6 +44,16 @@ export declare const stitches: import("@stitches/react/types/stitches").default<
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -170,6 +180,15 @@ export declare const stitches: import("@stitches/react/types/stitches").default<
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -418,6 +437,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -544,6 +573,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -804,6 +842,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -930,6 +978,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -1177,6 +1234,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -1303,6 +1370,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -1562,6 +1638,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         red12: import("@stitches/react/types/theme").Token<"red12", string, "colors", "vitality">;
         violet12: import("@stitches/react/types/theme").Token<"violet12", string, "colors", "vitality">;
         yellow12: import("@stitches/react/types/theme").Token<"yellow12", string, "colors", "vitality">;
+        blue14: import("@stitches/react/types/theme").Token<"blue14", string, "colors", "vitality">;
+        cyan14: import("@stitches/react/types/theme").Token<"cyan14", string, "colors", "vitality">;
+        green14: import("@stitches/react/types/theme").Token<"green14", string, "colors", "vitality">;
+        grey14: import("@stitches/react/types/theme").Token<"grey14", string, "colors", "vitality">;
+        greyA14: import("@stitches/react/types/theme").Token<"greyA14", string, "colors", "vitality">;
+        orange14: import("@stitches/react/types/theme").Token<"orange14", string, "colors", "vitality">;
+        pink14: import("@stitches/react/types/theme").Token<"pink14", string, "colors", "vitality">;
+        red14: import("@stitches/react/types/theme").Token<"red14", string, "colors", "vitality">;
+        violet14: import("@stitches/react/types/theme").Token<"violet14", string, "colors", "vitality">;
+        yellow14: import("@stitches/react/types/theme").Token<"yellow14", string, "colors", "vitality">;
         blue3: import("@stitches/react/types/theme").Token<"blue3", string, "colors", "vitality">;
         cyan3: import("@stitches/react/types/theme").Token<"cyan3", string, "colors", "vitality">;
         green3: import("@stitches/react/types/theme").Token<"green3", string, "colors", "vitality">;
@@ -1688,6 +1774,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         warning12: import("@stitches/react/types/theme").Token<"warning12", string, "colors", "vitality">;
         critical12: import("@stitches/react/types/theme").Token<"critical12", string, "colors", "vitality">;
         brand12: import("@stitches/react/types/theme").Token<"brand12", string, "colors", "vitality">;
+        neutral14: import("@stitches/react/types/theme").Token<"neutral14", string, "colors", "vitality">;
+        neutralA14: import("@stitches/react/types/theme").Token<"neutralA14", string, "colors", "vitality">;
+        primary14: import("@stitches/react/types/theme").Token<"primary14", string, "colors", "vitality">;
+        accent14: import("@stitches/react/types/theme").Token<"accent14", string, "colors", "vitality">;
+        success14: import("@stitches/react/types/theme").Token<"success14", string, "colors", "vitality">;
+        info14: import("@stitches/react/types/theme").Token<"info14", string, "colors", "vitality">;
+        warning14: import("@stitches/react/types/theme").Token<"warning14", string, "colors", "vitality">;
+        critical14: import("@stitches/react/types/theme").Token<"critical14", string, "colors", "vitality">;
+        brand14: import("@stitches/react/types/theme").Token<"brand14", string, "colors", "vitality">;
         neutral3: import("@stitches/react/types/theme").Token<"neutral3", string, "colors", "vitality">;
         neutralA3: import("@stitches/react/types/theme").Token<"neutralA3", string, "colors", "vitality">;
         primary3: import("@stitches/react/types/theme").Token<"primary3", string, "colors", "vitality">;
@@ -1939,6 +2034,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
             red12: string;
             violet12: string;
             yellow12: string;
+            blue14: string;
+            cyan14: string;
+            green14: string;
+            grey14: string;
+            greyA14: string;
+            orange14: string;
+            pink14: string;
+            red14: string;
+            violet14: string;
+            yellow14: string;
             blue3: string;
             cyan3: string;
             green3: string;
@@ -2065,6 +2170,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
             warning12: string;
             critical12: string;
             brand12: string;
+            neutral14: string;
+            neutralA14: string;
+            primary14: string;
+            accent14: string;
+            success14: string;
+            info14: string;
+            warning14: string;
+            critical14: string;
+            brand14: string;
             neutral3: string;
             neutralA3: string;
             primary3: string;
@@ -2311,6 +2425,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -2437,6 +2561,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -2683,6 +2816,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
             red12: string;
             violet12: string;
             yellow12: string;
+            blue14: string;
+            cyan14: string;
+            green14: string;
+            grey14: string;
+            greyA14: string;
+            orange14: string;
+            pink14: string;
+            red14: string;
+            violet14: string;
+            yellow14: string;
             blue3: string;
             cyan3: string;
             green3: string;
@@ -2809,6 +2952,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
             warning12: string;
             critical12: string;
             brand12: string;
+            neutral14: string;
+            neutralA14: string;
+            primary14: string;
+            accent14: string;
+            success14: string;
+            info14: string;
+            warning14: string;
+            critical14: string;
+            brand14: string;
             neutral3: string;
             neutralA3: string;
             primary3: string;
@@ -3061,6 +3213,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
             red12: string;
             violet12: string;
             yellow12: string;
+            blue14: string;
+            cyan14: string;
+            green14: string;
+            grey14: string;
+            greyA14: string;
+            orange14: string;
+            pink14: string;
+            red14: string;
+            violet14: string;
+            yellow14: string;
             blue3: string;
             cyan3: string;
             green3: string;
@@ -3187,6 +3349,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
             warning12: string;
             critical12: string;
             brand12: string;
+            neutral14: string;
+            neutralA14: string;
+            primary14: string;
+            accent14: string;
+            success14: string;
+            info14: string;
+            warning14: string;
+            critical14: string;
+            brand14: string;
             neutral3: string;
             neutralA3: string;
             primary3: string;
@@ -3431,6 +3602,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         red12?: string | number | boolean;
         violet12?: string | number | boolean;
         yellow12?: string | number | boolean;
+        blue14?: string | number | boolean;
+        cyan14?: string | number | boolean;
+        green14?: string | number | boolean;
+        grey14?: string | number | boolean;
+        greyA14?: string | number | boolean;
+        orange14?: string | number | boolean;
+        pink14?: string | number | boolean;
+        red14?: string | number | boolean;
+        violet14?: string | number | boolean;
+        yellow14?: string | number | boolean;
         blue3?: string | number | boolean;
         cyan3?: string | number | boolean;
         green3?: string | number | boolean;
@@ -3557,6 +3738,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         warning12?: string | number | boolean;
         critical12?: string | number | boolean;
         brand12?: string | number | boolean;
+        neutral14?: string | number | boolean;
+        neutralA14?: string | number | boolean;
+        primary14?: string | number | boolean;
+        accent14?: string | number | boolean;
+        success14?: string | number | boolean;
+        info14?: string | number | boolean;
+        warning14?: string | number | boolean;
+        critical14?: string | number | boolean;
+        brand14?: string | number | boolean;
         neutral3?: string | number | boolean;
         neutralA3?: string | number | boolean;
         primary3?: string | number | boolean;
@@ -3803,6 +3993,16 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         red12?: string | number | boolean;
         violet12?: string | number | boolean;
         yellow12?: string | number | boolean;
+        blue14?: string | number | boolean;
+        cyan14?: string | number | boolean;
+        green14?: string | number | boolean;
+        grey14?: string | number | boolean;
+        greyA14?: string | number | boolean;
+        orange14?: string | number | boolean;
+        pink14?: string | number | boolean;
+        red14?: string | number | boolean;
+        violet14?: string | number | boolean;
+        yellow14?: string | number | boolean;
         blue3?: string | number | boolean;
         cyan3?: string | number | boolean;
         green3?: string | number | boolean;
@@ -3929,6 +4129,15 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
         warning12?: string | number | boolean;
         critical12?: string | number | boolean;
         brand12?: string | number | boolean;
+        neutral14?: string | number | boolean;
+        neutralA14?: string | number | boolean;
+        primary14?: string | number | boolean;
+        accent14?: string | number | boolean;
+        success14?: string | number | boolean;
+        info14?: string | number | boolean;
+        warning14?: string | number | boolean;
+        critical14?: string | number | boolean;
+        brand14?: string | number | boolean;
         neutral3?: string | number | boolean;
         neutralA3?: string | number | boolean;
         primary3?: string | number | boolean;
@@ -4182,6 +4391,16 @@ export declare const darkTheme: string & {
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -4308,6 +4527,15 @@ export declare const darkTheme: string & {
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;

package/dist/tokens/src/Color/helpers/constants.d.ts

@@ -35,6 +35,7 @@ declare const colorUseCases: {
         readonly subtle: 6;
         readonly separator: 6;
         readonly focusRing: 7;
+        readonly onSolidBackgrounds: 8;
     };
     readonly text: {
         readonly hiContrast: 12;
@@ -43,6 +44,8 @@ declare const colorUseCases: {
         readonly disabled: 8;
         readonly placeholder: 8;
         readonly onSolidBackgrounds: 13;
+        readonly hiContrastOnSolidBackgrounds: 13;
+        readonly lowContrastOnSolidBackgrounds: 14;
     };
 };
 export default colorUseCases;

package/dist/tokens/src/Color/types.d.ts

@@ -9,7 +9,7 @@ export declare type ColorValue = {
     hwbString: string;
     hexString: string;
 };
-export declare type ColorStepsNumbers = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;
+export declare type ColorStepsNumbers = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14;
 export declare type ColorSteps = `${ColorStepsNumbers}`;
 export interface ColorToken<C extends BaseColors> extends Omit<BaseToken, "name"> {
     name: ColorStep<C>;

package/dist/tokens/src/Theme/getters/getColors.d.ts

@@ -40,6 +40,16 @@ declare const _default: () => {
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -166,6 +176,15 @@ declare const _default: () => {
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;
@@ -289,6 +308,16 @@ declare const _default: () => {
         red12: string;
         violet12: string;
         yellow12: string;
+        blue14: string;
+        cyan14: string;
+        green14: string;
+        grey14: string;
+        greyA14: string;
+        orange14: string;
+        pink14: string;
+        red14: string;
+        violet14: string;
+        yellow14: string;
         blue3: string;
         cyan3: string;
         green3: string;
@@ -415,6 +444,15 @@ declare const _default: () => {
         warning12: string;
         critical12: string;
         brand12: string;
+        neutral14: string;
+        neutralA14: string;
+        primary14: string;
+        accent14: string;
+        success14: string;
+        info14: string;
+        warning14: string;
+        critical14: string;
+        brand14: string;
         neutral3: string;
         neutralA3: string;
         primary3: string;

package/dist/tokens/src/Theme/getters/getTheme.d.ts

@@ -42,6 +42,16 @@ declare const getTheme: <T extends Platforms>(platform: T) => {
             red12: string;
             violet12: string;
             yellow12: string;
+            blue14: string;
+            cyan14: string;
+            green14: string;
+            grey14: string;
+            greyA14: string;
+            orange14: string;
+            pink14: string;
+            red14: string;
+            violet14: string;
+            yellow14: string;
             blue3: string;
             cyan3: string;
             green3: string;
@@ -168,6 +178,15 @@ declare const getTheme: <T extends Platforms>(platform: T) => {
             warning12: string;
             critical12: string;
             brand12: string;
+            neutral14: string;
+            neutralA14: string;
+            primary14: string;
+            accent14: string;
+            success14: string;
+            info14: string;
+            warning14: string;
+            critical14: string;
+            brand14: string;
             neutral3: string;
             neutralA3: string;
             primary3: string;
@@ -291,6 +310,16 @@ declare const getTheme: <T extends Platforms>(platform: T) => {
             red12: string;
             violet12: string;
             yellow12: string;
+            blue14: string;
+            cyan14: string;
+            green14: string;
+            grey14: string;
+            greyA14: string;
+            orange14: string;
+            pink14: string;
+            red14: string;
+            violet14: string;
+            yellow14: string;
             blue3: string;
             cyan3: string;
             green3: string;
@@ -417,6 +446,15 @@ declare const getTheme: <T extends Platforms>(platform: T) => {
             warning12: string;
             critical12: string;
             brand12: string;
+            neutral14: string;
+            neutralA14: string;
+            primary14: string;
+            accent14: string;
+            success14: string;
+            info14: string;
+            warning14: string;
+            critical14: string;
+            brand14: string;
             neutral3: string;
             neutralA3: string;
             primary3: string;