npm - @telefonica/mistica - Versions diffs - 13.0.2 → 13.1.1 - Mend

@telefonica/mistica 13.0.2 → 13.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7394) hide show

package/dist/sprinkles.css.d.ts CHANGED Viewed

@@ -1,804 +1,42 @@
-export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarations/src/createSprinkles").SprinklesFn<[{
-    conditions: never;
-    styles: {
-        readonly position: {
-            values: {
-                fixed: {
-                    defaultClass: string;
-                };
-                absolute: {
-                    defaultClass: string;
-                };
-                relative: {
-                    defaultClass: string;
-                };
-                static: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly display: {
-            values: {
-                flex: {
-                    defaultClass: string;
-                };
-                none: {
-                    defaultClass: string;
-                };
-                block: {
-                    defaultClass: string;
-                };
-                inline: {
-                    defaultClass: string;
-                };
-                "inline-block": {
-                    defaultClass: string;
-                };
-                "inline-flex": {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly flexDirection: {
-            values: {
-                column: {
-                    defaultClass: string;
-                };
-                row: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly justifyContent: {
-            values: {
-                center: {
-                    defaultClass: string;
-                };
-                "space-around": {
-                    defaultClass: string;
-                };
-                "space-between": {
-                    defaultClass: string;
-                };
-                stretch: {
-                    defaultClass: string;
-                };
-                "flex-end": {
-                    defaultClass: string;
-                };
-                "flex-start": {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly alignItems: {
-            values: {
-                center: {
-                    defaultClass: string;
-                };
-                stretch: {
-                    defaultClass: string;
-                };
-                "flex-end": {
-                    defaultClass: string;
-                };
-                "flex-start": {
-                    defaultClass: string;
-                };
-                baseline: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly flexShrink: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                1: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly flexGrow: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                1: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly flex: {
-            values: {
-                1: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly paddingTop: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly paddingBottom: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly paddingLeft: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly paddingRight: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly width: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-                auto: {
-                    defaultClass: string;
-                };
-                "100%": {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly height: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-                "100%": {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly minWidth: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-                "100%": {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly minHeight: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly maxWidth: {
-            values: {
-                "100%": {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly maxHeight: {
-            values: {
-                "100%": {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly border: {
-            values: {
-                none: {
-                    defaultClass: string;
-                };
-                regular: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly borderRadius: {
-            values: {
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                "50%": {
-                    defaultClass: string;
-                };
-                20: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly cursor: {
-            values: {
-                pointer: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly overflow: {
-            values: {
-                hidden: {
-                    defaultClass: string;
-                };
-                visible: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly top: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly left: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly right: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly bottom: {
-            values: {
-                0: {
-                    defaultClass: string;
-                };
-                2: {
-                    defaultClass: string;
-                };
-                4: {
-                    defaultClass: string;
-                };
-                8: {
-                    defaultClass: string;
-                };
-                12: {
-                    defaultClass: string;
-                };
-                16: {
-                    defaultClass: string;
-                };
-                24: {
-                    defaultClass: string;
-                };
-                32: {
-                    defaultClass: string;
-                };
-                40: {
-                    defaultClass: string;
-                };
-                48: {
-                    defaultClass: string;
-                };
-                56: {
-                    defaultClass: string;
-                };
-                64: {
-                    defaultClass: string;
-                };
-                72: {
-                    defaultClass: string;
-                };
-                80: {
-                    defaultClass: string;
-                };
-            };
-        };
-        readonly objectFit: {
-            values: {
-                cover: {
-                    defaultClass: string;
-                };
-            };
-        };
-    };
+import { vars } from './skins/skin-contract.css';
+type ColorKeys = keyof typeof vars.colors;
+type ColorValues = (typeof vars.colors)[ColorKeys];
+export declare const sprinkles: ((props: {
+    readonly position?: "fixed" | "absolute" | "relative" | "static" | undefined;
+    readonly display?: "flex" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | undefined;
+    readonly flexDirection?: "column" | "row" | undefined;
+    readonly justifyContent?: "center" | "space-around" | "space-between" | "stretch" | "flex-end" | "flex-start" | undefined;
+    readonly alignItems?: "center" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
+    readonly flexShrink?: 0 | 1 | undefined;
+    readonly flexGrow?: 0 | 1 | undefined;
+    readonly flex?: 1 | undefined;
+    readonly paddingTop?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly paddingBottom?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly paddingLeft?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly paddingRight?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly width?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "auto" | "100%" | undefined;
+    readonly height?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "100%" | undefined;
+    readonly minWidth?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | "100%" | undefined;
+    readonly minHeight?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly maxWidth?: "100%" | undefined;
+    readonly maxHeight?: "100%" | undefined;
+    readonly border?: "none" | "regular" | undefined;
+    readonly borderRadius?: 2 | 4 | 8 | 16 | "50%" | 20 | undefined;
+    readonly cursor?: "pointer" | undefined;
+    readonly overflow?: "hidden" | "visible" | undefined;
+    readonly top?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly left?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly right?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly bottom?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    readonly objectFit?: "cover" | undefined;
+    padding?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    paddingX?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
+    paddingY?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
 } & {
-    styles: {
-        padding: {
-            mappings: ("paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight")[];
-        };
-        paddingX: {
-            mappings: ("paddingLeft" | "paddingRight")[];
-        };
-        paddingY: {
-            mappings: ("paddingTop" | "paddingBottom")[];
-        };
-    };
-}, {
-    conditions: never;
-    styles: {
-        color: {
-            values: {
-                [x: `var(--${string})`]: {
-                    defaultClass: string;
-                };
-                [x: `var(--${string}, ${string})`]: {
-                    defaultClass: string;
-                };
-                [x: `var(--${string}, ${number})`]: {
-                    defaultClass: string;
-                };
-                transparent: {
-                    defaultClass: string;
-                };
-                inherit: {
-                    defaultClass: string;
-                };
-            };
-        };
-        background: {
-            values: {
-                [x: `var(--${string})`]: {
-                    defaultClass: string;
-                };
-                transparent: {
-                    defaultClass: string;
-                };
-                inherit: {
-                    defaultClass: string;
-                };
-            };
-        };
-    };
-}]>;
-export declare type Sprinkles = Parameters<typeof sprinkles>[0];
+    color?: ColorValues | "transparent" | "inherit" | undefined;
+    background?: `var(--${string})` | "transparent" | "inherit" | undefined;
+}) => string) & {
+    properties: Set<"background" | "border" | "alignItems" | "bottom" | "color" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "height" | "justifyContent" | "left" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "objectFit" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "top" | "width" | "borderRadius" | "flex" | "overflow" | "padding" | "paddingX" | "paddingY">;
+};
+export type Sprinkles = Parameters<typeof sprinkles>[0];
+export {};