@sps-woodland/tokens 7.0.0

package/lib/vanilla-extract/properties/color.css.d.ts

@@ -0,0 +1,464 @@
+export declare const colorProperties: {
+    conditions: {
+        defaultCondition: "default";
+        conditionNames: ("hover" | "default" | "focus")[];
+    };
+    styles: {
+        backgroundColor: {
+            values: {
+                white: {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                black: {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "red-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "red-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "red-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-extra-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "green-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "green-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "green-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-medium-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "orange-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "orange-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "orange-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-extra-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-medium-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-medium-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "yellow-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "yellow-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+            };
+        };
+        color: {
+            values: {
+                white: {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                black: {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                none: {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "red-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "red-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "red-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-extra-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "blue-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "green-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "green-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "green-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-medium-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "purple-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "orange-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "orange-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "orange-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-extra-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-medium-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-medium-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "grey-dark": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "yellow-light": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+                "yellow-medium": {
+                    defaultClass: string;
+                    conditions: {
+                        hover: string;
+                        focus: string;
+                        default: string;
+                    };
+                };
+            };
+        };
+    };
+};

package/lib/vanilla-extract/properties/conditions.d.ts

@@ -0,0 +1,27 @@
+export declare const conditions: {
+    childPosition: {
+        firstChild: {
+            selector: string;
+        };
+        notFirstChild: {
+            selector: string;
+        };
+        lastChild: {
+            selector: string;
+        };
+        notLastChild: {
+            selector: string;
+        };
+        middleChild: {
+            selector: string;
+        };
+    };
+    interaction: {
+        hover: {
+            selector: string;
+        };
+        focus: {
+            selector: string;
+        };
+    };
+};

package/lib/vanilla-extract/properties/grid.css.d.ts

@@ -0,0 +1,55 @@
+export declare const gridProperties: {
+    conditions: never;
+    styles: {
+        columnGap: {
+            values: {
+                none: {
+                    defaultClass: string;
+                };
+                sm: {
+                    defaultClass: string;
+                };
+                md: {
+                    defaultClass: string;
+                };
+                lg: {
+                    defaultClass: string;
+                };
+                xs: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+            };
+        };
+        rowGap: {
+            values: {
+                none: {
+                    defaultClass: string;
+                };
+                sm: {
+                    defaultClass: string;
+                };
+                md: {
+                    defaultClass: string;
+                };
+                lg: {
+                    defaultClass: string;
+                };
+                xs: {
+                    defaultClass: string;
+                };
+                auto: {
+                    defaultClass: string;
+                };
+            };
+        };
+    };
+} & {
+    styles: {
+        gap: {
+            mappings: ("rowGap" | "columnGap")[];
+        };
+    };
+};