@sps-woodland/tokens 7.0.0

package/lib/types.d.ts

@@ -0,0 +1,5 @@
+import type { sprinkleValues } from "./vanilla-extract/sprinkleValues";
+import type { Tokens } from "./tokens";
+export declare type Color = keyof typeof sprinkleValues.colors;
+export declare type IconName = keyof typeof Tokens.icon;
+export declare type IconSize = keyof typeof Tokens.size.icon;

package/lib/utils/pxToRem.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Takes in a CSS pixel value (e.g. "25px")
+ * and returns its rem value ("1.5625rem")
+ */
+export declare function pxToRem(px: string): string;

package/lib/utils/rem.d.ts

@@ -0,0 +1,7 @@
+import type { StyleRule } from "@vanilla-extract/css";
+/**
+ * Recursively navigates a vanilla-extract StyleRule and applies
+ * pxToRem on every pixel value in every string property value
+ * it can find.
+ */
+export declare function rem<T extends StyleRule>(styleRule: T): T;

package/lib/utils/transparentEquivalentColor.d.ts

@@ -0,0 +1,29 @@
+interface RGBColor {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+}
+interface HSLColor {
+    h: number;
+    s: number;
+    l: number;
+}
+interface HSVColor {
+    h: number;
+    s: number;
+    v: number;
+}
+/**
+ * Takes in a color value (see https://www.npmjs.com/package/tinycolor2
+ * for accepted input formats) and returns a new color in rgb format
+ * that is 30% transparent, but results in the same perceived color
+ * as the input when layered on a white background. This is used so that
+ * when you place an element in a container that uses linear-gradient
+ * background images to create shadows indicating that the container
+ * can be scrolled to reveal more content, those elements can appear
+ * as though they are under the shadows even though they are, in fact,
+ * on top of them.
+ */
+export declare function transparentEquivalentColor(color: string | RGBColor | HSLColor | HSVColor): string;
+export {};

package/lib/vanilla-extract/border.css.d.ts

@@ -0,0 +1,37 @@
+export declare const border: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    color: {
+        "red-light": string;
+        "red-medium": string;
+        "red-dark": string;
+        "blue-extra-light": string;
+        "blue-light": string;
+        "blue-medium": string;
+        "blue-dark": string;
+        "green-light": string;
+        "green-medium": string;
+        "green-dark": string;
+        "purple-light": string;
+        "purple-medium-light": string;
+        "purple-medium": string;
+        "purple-dark": string;
+        "orange-light": string;
+        "orange-medium": string;
+        "orange-dark": string;
+        "grey-extra-light": string;
+        "grey-light": string;
+        "grey-medium-light": string;
+        "grey-medium": string;
+        "grey-medium-dark": string;
+        "grey-dark": string;
+        "yellow-light": string;
+        "yellow-medium": string;
+        white: string;
+        black: string;
+        none: string;
+    };
+    radius: {
+        none: string;
+        xxs: string;
+        xs: string;
+    };
+}>;

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

@@ -0,0 +1,15 @@
+export declare const grid: {
+    root: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+};