@nimbus-ds/styles 5.0.0-rc.6 → 5.0.0-rc.7

package/dist/packages/atomic/stack/stack.sprinkle.css.d.ts

@@ -1,287 +1,302 @@
-declare type StackDisplay = "block" | "flex" | "inline-flex" | "grid" | "inline-grid";
-declare type StackFlexWrap = "nowrap" | "wrap" | "wrap-reverse";
-declare type StackFlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
-declare type StackJustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
-declare type StackAlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
-export declare const stackDisplayProperties: StackDisplay[];
-export declare const stackFlexDirectionProperties: StackFlexDirection[];
-export declare const stackFlexWrapProperties: StackFlexWrap[];
-export declare const stackJustifyContentProperties: StackJustifyContent[];
-export declare const stackAlignItemsProperties: StackAlignItems[];
-export declare const stackSpaceProperties: {
-    none: string;
-    "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
-    config: {
-        display: {
-            values: {
-                flex: {
-                    default: string;
-                    conditions: Record<"xs" | "md" | "lg", string>;
+export declare const stackSprinkle: {
+    sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
+        config: {
+            display: {
+                values: {
+                    flex: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    grid: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    block: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "inline-flex": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "inline-grid": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
                 };
-                grid: {
-                    default: string;
-                    conditions: Record<"xs" | "md" | "lg", string>;
+                staticScale: import("../../../types").Display[];
+                name: "display";
+            };
+            flexDirection: {
+                values: {
+                    column: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "column-reverse": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    row: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "row-reverse": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
                 };
-                block: {
-                    default: string;
-                    conditions: Record<"xs" | "md" | "lg", string>;
+                staticScale: import("../../../types").FlexDirection[];
+                name: "flexDirection";
+            };
+            flexWrap: {
+                values: {
+                    nowrap: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    wrap: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "wrap-reverse": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
                 };
-                "inline-flex": {
-                    default: string;
-                    conditions: Record<"xs" | "md" | "lg", string>;
+                staticScale: import("../../../types").FlexWrap[];
+                name: "flexWrap";
+            };
+            justifyContent: {
+                values: {
+                    center: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "space-around": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "space-between": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "space-evenly": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "flex-end": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "flex-start": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
                 };
-                "inline-grid": {
-                    default: string;
-                    conditions: Record<"xs" | "md" | "lg", string>;
+                staticScale: import("../../../types").JustifyContent[];
+                name: "justifyContent";
+            };
+            alignItems: {
+                values: {
+                    center: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    stretch: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "flex-end": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "flex-start": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    baseline: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
                 };
+                staticScale: import("../../../types").AlignItems[];
+                name: "alignItems";
             };
-            staticScale: StackDisplay[];
-            name: "display";
         };
-        flexDirection: {
-            values: {
-                column: {
+    } & {
+        config: {
+            width: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "column-reverse": {
+                dynamicScale: true;
+                name: "width";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                row: {
+            };
+            height: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "row-reverse": {
+                dynamicScale: true;
+                name: "height";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
             };
-            staticScale: StackFlexDirection[];
-            name: "flexDirection";
-        };
-        flexWrap: {
-            values: {
-                nowrap: {
+            flex: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                wrap: {
-                    default: string;
-                    conditions: Record<"xs" | "md" | "lg", string>;
-                };
-                "wrap-reverse": {
+                dynamicScale: true;
+                name: "flex";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
             };
-            staticScale: StackFlexWrap[];
-            name: "flexWrap";
-        };
-        justifyContent: {
-            values: {
-                center: {
+            gridTemplateAreas: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "space-around": {
+                dynamicScale: true;
+                name: "gridTemplateAreas";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "space-between": {
+            };
+            gridTemplateColumns: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "space-evenly": {
+                dynamicScale: true;
+                name: "gridTemplateColumns";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "flex-end": {
+            };
+            gridTemplateRows: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "flex-start": {
+                dynamicScale: true;
+                name: "gridTemplateRows";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
             };
-            staticScale: StackJustifyContent[];
-            name: "justifyContent";
-        };
-        alignItems: {
-            values: {
-                stretch: {
+            gap: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                center: {
-                    default: string;
-                    conditions: Record<"xs" | "md" | "lg", string>;
+                dynamicScale: {
+                    none: string;
+                    "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
-                "flex-end": {
+                name: "gap";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                "flex-start": {
+            };
+            gridGap: {
+                dynamic: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
-                baseline: {
+                dynamicScale: {
+                    none: string;
+                    "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                name: "gridGap";
+                vars: {
                     default: string;
                     conditions: Record<"xs" | "md" | "lg", string>;
                 };
             };
-            staticScale: StackAlignItems[];
-            name: "alignItems";
-        };
-    };
-} & {
-    config: {
-        width: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: true;
-            name: "width";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-        };
-        height: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: true;
-            name: "height";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-        };
-        flex: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: true;
-            name: "flex";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-        };
-        gridTemplateAreas: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: true;
-            name: "gridTemplateAreas";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-        };
-        gridTemplateColumns: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: true;
-            name: "gridTemplateColumns";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-        };
-        gridTemplateRows: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: true;
-            name: "gridTemplateRows";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
         };
+    } & {
+        config: {};
+    }]>;
+    properties: {
         gap: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: {
-                none: string;
-                "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            name: "gap";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
+            none: string;
+            "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         gridGap: {
-            dynamic: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
-            dynamicScale: {
-                none: string;
-                "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            name: "gridGap";
-            vars: {
-                default: string;
-                conditions: Record<"xs" | "md" | "lg", string>;
-            };
+            none: string;
+            "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
+        display: import("../../../types").Display[];
+        flexDirection: import("../../../types").FlexDirection[];
+        flexWrap: import("../../../types").FlexWrap[];
+        justifyContent: import("../../../types").JustifyContent[];
+        alignItems: import("../../../types").AlignItems[];
     };
-} & {
-    config: {};
-}]>;
-export {};
+};

package/dist/packages/atomic/tag/index.d.ts

@@ -1,34 +1,36 @@
 export declare const tag: {
-    style: import("@vanilla-extract/recipes").RuntimeFn<{
-        appearance: {
-            neutral: {
-                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    classnames: {
+        container: import("@vanilla-extract/recipes").RuntimeFn<{
+            appearance: {
+                neutral: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                primary: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                success: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                warning: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                danger: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
             };
-            primary: {
-                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            defaultVariants: {
+                appearance: string;
             };
-            success: {
-                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            warning: {
-                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-            danger: {
-                color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-                borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            };
-        };
-        defaultVariants: {
-            appearance: string;
-        };
-    }>;
+        }>;
+    };
 };

package/dist/packages/atomic/tag/index.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports["@nimbus-ds/styles"]=r():e["@nimbus-ds/styles"]=r()}(self,(()=>(()=>{"use strict";var e={704:(e,r,t)=>{function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?n(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):n(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{u:()=>i});var s=(e,r,t)=>{for(var o of Object.keys(e)){var n;if(e[o]!==(null!==(n=r[o])&&void 0!==n?n:t[o]))return!1}return!0},i=e=>r=>{var t=e.defaultClassName,o=a(a({},e.defaultVariants),r);for(var n in o){var i,u=null!==(i=o[n])&&void 0!==i?i:e.defaultVariants[n];if(null!=u){var f=u;"boolean"==typeof f&&(f=!0===f?"true":"false");var l=e.variantClassNames[n][f];l&&(t+=" "+l)}}for(var[c,p]of e.compoundVariants)s(c,o,e.defaultVariants)&&(t+=" "+p);return t}},741:()=>{}},r={};function t(o){var n=r[o];if(void 0!==n)return n.exports;var a=r[o]={exports:{}};return e[o](a,a.exports,t),a.exports}t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{t.r(o),t.d(o,{tag:()=>e});t(741);const e={style:(0,t(704).u)({defaultClassName:"_1isq6qo0",variantClassNames:{appearance:{neutral:"_1isq6qo1",primary:"_1isq6qo2",success:"_1isq6qo3",warning:"_1isq6qo4",danger:"_1isq6qo5"},defaultVariants:{appearance:"neutral"}},defaultVariants:{},compoundVariants:[]})}})(),o})()));
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define([],r):"object"==typeof exports?exports["@nimbus-ds/styles"]=r():e["@nimbus-ds/styles"]=r()}(self,(()=>(()=>{"use strict";var e={704:(e,r,t)=>{function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}function n(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?o(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}t.d(r,{u:()=>i});var s=(e,r,t)=>{for(var a of Object.keys(e)){var o;if(e[a]!==(null!==(o=r[a])&&void 0!==o?o:t[a]))return!1}return!0},i=e=>r=>{var t=e.defaultClassName,a=n(n({},e.defaultVariants),r);for(var o in a){var i,u=null!==(i=a[o])&&void 0!==i?i:e.defaultVariants[o];if(null!=u){var f=u;"boolean"==typeof f&&(f=!0===f?"true":"false");var l=e.variantClassNames[o][f];l&&(t+=" "+l)}}for(var[c,p]of e.compoundVariants)s(c,a,e.defaultVariants)&&(t+=" "+p);return t}},741:()=>{}},r={};function t(a){var o=r[a];if(void 0!==o)return o.exports;var n=r[a]={exports:{}};return e[a](n,n.exports,t),n.exports}t.d=(e,r)=>{for(var a in r)t.o(r,a)&&!t.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{t.r(a),t.d(a,{tag:()=>o});var e={};t.r(e),t.d(e,{container:()=>r});t(741);var r=(0,t(704).u)({defaultClassName:"_1isq6qo0",variantClassNames:{appearance:{neutral:"_1isq6qo1",primary:"_1isq6qo2",success:"_1isq6qo3",warning:"_1isq6qo4",danger:"_1isq6qo5"},defaultVariants:{appearance:"neutral"}},defaultVariants:{},compoundVariants:[]});const o={classnames:{...e}}})(),a})()));

package/dist/packages/atomic/tag/tag.style.css.d.ts

@@ -1,4 +1,4 @@
-export declare const style: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
     appearance: {
         neutral: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;