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

package/dist/properties/css.d.ts

@@ -0,0 +1,183 @@
+import { AlignItems, AspectRatio, BorderStyle, BoxSizing, Cursor, Display, FlexDirection, FlexWrap, JustifyContent, TextAlign } from "../types";
+export declare const aspectRatioProperties: AspectRatio[];
+export declare const backgroundColorProperties: {
+    "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const borderColorProperties: {
+    "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const colorProperties: {
+    "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const boxSizingProperties: BoxSizing[];
+export declare const cursorProperties: Cursor[];
+export declare const borderStyleProperties: BorderStyle[];
+export declare const displayProperties: Display[];
+export declare const flexDirectionProperties: FlexDirection[];
+export declare const flexWrapProperties: FlexWrap[];
+export declare const alignItemsProperties: AlignItems[];
+export declare const justifyContentProperties: JustifyContent[];
+export declare const textAlignProperties: TextAlign[];
+export declare const fontWeightProperties: {
+    regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const fontSizeProperties: {
+    caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const lineHeightProperties: {
+    readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    readonly base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    readonly highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+};
+export declare const paddingProperties: {
+    base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    none: number;
+};
+export declare const gapProperties: {
+    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 gridGapProperties: {
+    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})`;
+};

package/dist/properties/index.d.ts

@@ -0,0 +1 @@
+export * from "./css";

package/dist/themes/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./base.css";
+export * from "./dark.css";
+export * from "./mediaQueries";

package/dist/types/index.d.ts

@@ -0,0 +1,15 @@
+export interface Conditions<T> {
+    xs?: T;
+    md?: T;
+    lg?: T;
+}
+export declare type AspectRatio = "1/1" | "16/9" | "9/16" | "4/3" | "3/4" | "2/1" | "1/2";
+export declare type BorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
+export declare type BoxSizing = "border-box" | "content-box";
+export declare type Cursor = "auto" | "pointer";
+export declare type Display = "block" | "flex" | "inline-flex" | "grid" | "inline-grid";
+export declare type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
+export declare type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
+export declare type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
+export declare type AlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
+export declare type TextAlign = "left" | "right" | "center" | "justify";

package/dist/utils/index.d.ts

@@ -1,4 +1,2 @@
 import * as vars from "./vars.css";
-export declare const utils: {
-    vars: typeof vars;
-};
+export { vars };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/styles",
-  "version": "5.0.0-rc.4",
+  "version": "5.0.0-rc.7",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -25,7 +25,7 @@
     "url": "https://github.com/TiendaNube/nimbus-design-system/issues"
   },
   "devDependencies": {
-    "@nimbus-ds/webpack": "1.0.0-rc.4",
+    "@nimbus-ds/webpack": "1.0.0-rc.7",
     "@types/glob": "^8",
     "@vanilla-extract/css": "^1.9.2",
     "@vanilla-extract/recipes": "^0.3.0",

package/dist/packages/atomic/box/box.sprinkle.types.d.ts

@@ -1,52 +0,0 @@
-import { boxBackgroundColorProperties, boxBorderColorProperties, boxBorderStyleProperties, boxBoxSizingProperties, boxCursorProperties, boxSpaceProperties } from "./box.sprinkle.css";
-declare type BoxCursorProperties = typeof boxCursorProperties[number];
-declare type BoxBorderColorProperties = keyof typeof boxBorderColorProperties;
-declare type BoxBackgroundColorProperties = keyof typeof boxBackgroundColorProperties;
-declare type BoxBorderStyleProperties = typeof boxBorderStyleProperties[number];
-declare type BoxBoxSizingProperties = typeof boxBoxSizingProperties[number];
-declare type BoxSpaceProperties = keyof typeof boxSpaceProperties;
-interface Conditions<T> {
-    xs?: T;
-    md?: T;
-    lg?: T;
-}
-export interface BoxSprinkle {
-    width?: string | Conditions<string>;
-    height?: string | Conditions<string>;
-    cursor?: BoxCursorProperties | Conditions<BoxCursorProperties>;
-    backgroundColor?: BoxBackgroundColorProperties | Conditions<BoxBackgroundColorProperties>;
-    borderRadius?: string | Conditions<string>;
-    borderWidth?: string | Conditions<string>;
-    borderColor?: BoxBorderColorProperties | Conditions<BoxBorderColorProperties>;
-    borderStyle?: BoxBorderStyleProperties | Conditions<BoxBorderStyleProperties>;
-    boxSizing?: BoxBoxSizingProperties | Conditions<BoxBoxSizingProperties>;
-    padding?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    paddingTop?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    paddingBottom?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    paddingLeft?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    paddingRight?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    margin?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    marginTop?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    marginBottom?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    marginLeft?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    marginRight?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    paddingX?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    paddingY?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    p?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    pl?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    pr?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    pt?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    pb?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    px?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    py?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    marginX?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    marginY?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    m?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    mr?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    ml?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    mt?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    mb?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    mx?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-    my?: BoxSpaceProperties | Conditions<BoxSpaceProperties>;
-}
-export {};

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

@@ -1 +0,0 @@
-export declare const container: string;

package/dist/packages/atomic/iconButton/iconButton.sprinkle.types.d.ts

@@ -1,17 +0,0 @@
-import { iconButtonBackgroundColorProperties, iconButtonBorderColorProperties } from "./iconButton.sprinkle.css";
-declare type IconButtonBackgroundColorProperties = keyof typeof iconButtonBackgroundColorProperties;
-declare type IconButtonBorderColorProperties = keyof typeof iconButtonBorderColorProperties;
-interface Conditions<T> {
-    xs?: T;
-    md?: T;
-    lg?: T;
-    focus?: T;
-    active?: T;
-    hover?: T;
-}
-export interface IconButtonSprinkle {
-    size?: string | Conditions<string>;
-    borderColor?: IconButtonBorderColorProperties | Conditions<IconButtonBorderColorProperties>;
-    backgroundColor?: IconButtonBackgroundColorProperties | Conditions<IconButtonBackgroundColorProperties>;
-}
-export {};

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

@@ -1,28 +0,0 @@
-import { stackSpaceProperties, stackDisplayProperties, stackJustifyContentProperties, stackFlexDirectionProperties, stackAlignItemsProperties, stackFlexWrapProperties } from "./stack.sprinkle.css";
-declare type StackJustifyContentProperties = typeof stackJustifyContentProperties[number];
-declare type StackSpaceProperties = keyof typeof stackSpaceProperties;
-declare type StackDisplayProperties = typeof stackDisplayProperties[number];
-declare type StackFlexDirectionProperties = typeof stackFlexDirectionProperties[number];
-declare type StackAlignItemsProperties = typeof stackAlignItemsProperties[number];
-declare type StackFlexWrapProperties = typeof stackFlexWrapProperties[number];
-interface Conditions<T> {
-    xs?: T;
-    md?: T;
-    lg?: T;
-}
-export interface StackSprinkle {
-    width?: string | Conditions<string>;
-    height?: string | Conditions<string>;
-    flex?: string | Conditions<string>;
-    gridTemplateColumns?: string | Conditions<string>;
-    gridTemplateAreas?: string | Conditions<string>;
-    gridTemplateRows?: string | Conditions<string>;
-    display?: StackDisplayProperties | Conditions<StackDisplayProperties>;
-    flexWrap?: StackFlexWrapProperties | Conditions<StackFlexWrapProperties>;
-    justifyContent?: StackJustifyContentProperties | Conditions<StackJustifyContentProperties>;
-    flexDirection?: StackFlexDirectionProperties | Conditions<StackFlexDirectionProperties>;
-    alignItems?: StackAlignItemsProperties | Conditions<StackAlignItemsProperties>;
-    gap?: StackSpaceProperties | Conditions<StackSpaceProperties>;
-    gridGap?: StackSpaceProperties | Conditions<StackSpaceProperties>;
-}
-export {};

package/dist/sprinkles/colors.css.d.ts

@@ -1,88 +0,0 @@
-export declare const properties: {
-    "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-};
-export declare const colors: {
-    sprinkle: ((props: {
-        color?: "primary.surface" | "primary.surfaceHighlight" | "primary.interactive" | "primary.interactiveHover" | "primary.interactivePressed" | "primary.textLow" | "primary.textHigh" | "success.surface" | "success.surfaceHighlight" | "success.interactive" | "success.interactiveHover" | "success.interactivePressed" | "success.textLow" | "success.textHigh" | "warning.surface" | "warning.surfaceHighlight" | "warning.interactive" | "warning.interactiveHover" | "warning.interactivePressed" | "warning.textLow" | "warning.textHigh" | "danger.surface" | "danger.surfaceHighlight" | "danger.interactive" | "danger.interactiveHover" | "danger.interactivePressed" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.surface" | "neutral.surfaceDisabled" | "neutral.surfaceHighlight" | "neutral.interactive" | "neutral.interactiveHover" | "neutral.interactivePressed" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
-        backgroundColor?: "primary.surface" | "primary.surfaceHighlight" | "primary.interactive" | "primary.interactiveHover" | "primary.interactivePressed" | "primary.textLow" | "primary.textHigh" | "success.surface" | "success.surfaceHighlight" | "success.interactive" | "success.interactiveHover" | "success.interactivePressed" | "success.textLow" | "success.textHigh" | "warning.surface" | "warning.surfaceHighlight" | "warning.interactive" | "warning.interactiveHover" | "warning.interactivePressed" | "warning.textLow" | "warning.textHigh" | "danger.surface" | "danger.surfaceHighlight" | "danger.interactive" | "danger.interactiveHover" | "danger.interactivePressed" | "danger.textLow" | "danger.textHigh" | "neutral.background" | "neutral.surface" | "neutral.surfaceDisabled" | "neutral.surfaceHighlight" | "neutral.interactive" | "neutral.interactiveHover" | "neutral.interactivePressed" | "neutral.textDisabled" | "neutral.textLow" | "neutral.textHigh" | undefined;
-    }) => string) & {
-        properties: Set<"backgroundColor" | "color">;
-    };
-    properties: {
-        "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "primary.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "primary.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "success.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "success.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "success.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "warning.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "warning.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "warning.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "danger.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "danger.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "danger.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.interactivePressed": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        "neutral.textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-    };
-};

package/dist/sprinkles/textAlign.css.d.ts

@@ -1,19 +0,0 @@
-export declare const properties: {
-    readonly left: "left";
-    readonly right: "right";
-    readonly center: "center";
-    readonly justify: "justify";
-};
-export declare const textAlign: {
-    sprinkle: ((props: {
-        textAlign?: "left" | "right" | "center" | "justify" | undefined;
-    }) => string) & {
-        properties: Set<"textAlign">;
-    };
-    properties: {
-        readonly left: "left";
-        readonly right: "right";
-        readonly center: "center";
-        readonly justify: "justify";
-    };
-};