@blockle/blocks-core 1.2.0 → 1.2.2

package/dist/atoms/atoms.css.d.ts

@@ -1053,19 +1053,31 @@ export declare const atomicProperties: {
     };
     boxShadow: {
         values: {
-            medium: {
+            4: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
                 conditions: string[];
             };
-            small: {
+            1: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
                 conditions: string[];
             };
-            large: {
+            2: {
+                defaultClass: string;
+            } | {
+                defaultClass: string;
+                conditions: string[];
+            };
+            3: {
+                defaultClass: string;
+            } | {
+                defaultClass: string;
+                conditions: string[];
+            };
+            5: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
@@ -1551,19 +1563,19 @@ export declare const atomicProperties: {
     };
     fontFamily: {
         values: {
-            primary: {
+            body: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
                 conditions: string[];
             };
-            secondary: {
+            heading: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
                 conditions: string[];
             };
-            body: {
+            mono: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
@@ -1717,19 +1729,19 @@ export declare const atomicProperties: {
                 defaultClass: string;
                 conditions: string[];
             };
-            small: {
+            xsmall: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
                 conditions: string[];
             };
-            large: {
+            small: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
                 conditions: string[];
             };
-            xsmall: {
+            large: {
                 defaultClass: string;
             } | {
                 defaultClass: string;
@@ -2161,46 +2173,6 @@ export declare const atomicProperties: {
             };
         };
     };
-    columnGap: {
-        values: {
-            0: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            4: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            1: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            2: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            3: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            5: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            6: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            7: {
-                defaultClass: string;
-                conditions: string[];
-            };
-            8: {
-                defaultClass: string;
-                conditions: string[];
-            };
-        };
-    };
     display: {
         values: {
             flex: {
@@ -2307,15 +2279,15 @@ export declare const atomicProperties: {
                 defaultClass: string;
                 conditions: string[];
             };
-            small: {
+            xsmall: {
                 defaultClass: string;
                 conditions: string[];
             };
-            large: {
+            small: {
                 defaultClass: string;
                 conditions: string[];
             };
-            xsmall: {
+            large: {
                 defaultClass: string;
                 conditions: string[];
             };
@@ -2365,31 +2337,47 @@ export declare const atomicProperties: {
             };
         };
     };
-    justifyContent: {
+    columnGap: {
         values: {
-            center: {
+            0: {
                 defaultClass: string;
                 conditions: string[];
             };
-            "flex-start": {
+            4: {
                 defaultClass: string;
                 conditions: string[];
             };
-            "flex-end": {
+            1: {
                 defaultClass: string;
                 conditions: string[];
             };
-            "space-between": {
+            2: {
                 defaultClass: string;
                 conditions: string[];
             };
-            "space-around": {
+            3: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            5: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            6: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            7: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            8: {
                 defaultClass: string;
                 conditions: string[];
             };
         };
     };
-    margin: {
+    rowGap: {
         values: {
             0: {
                 defaultClass: string;
@@ -2427,13 +2415,33 @@ export declare const atomicProperties: {
                 defaultClass: string;
                 conditions: string[];
             };
-            auto: {
+        };
+    };
+    justifyContent: {
+        values: {
+            center: {
+                defaultClass: string;
+                conditions: string[];
+            };
+            "flex-start": {
+                defaultClass: string;
+                conditions: string[];
+            };
+            "flex-end": {
+                defaultClass: string;
+                conditions: string[];
+            };
+            "space-between": {
+                defaultClass: string;
+                conditions: string[];
+            };
+            "space-around": {
                 defaultClass: string;
                 conditions: string[];
             };
         };
     };
-    marginBlock: {
+    margin: {
         values: {
             0: {
                 defaultClass: string;
@@ -2477,7 +2485,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    marginBlockEnd: {
+    marginBlock: {
         values: {
             0: {
                 defaultClass: string;
@@ -2521,7 +2529,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    marginBlockStart: {
+    marginBlockEnd: {
         values: {
             0: {
                 defaultClass: string;
@@ -2565,7 +2573,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    marginInline: {
+    marginBlockStart: {
         values: {
             0: {
                 defaultClass: string;
@@ -2609,7 +2617,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    marginInlineEnd: {
+    marginInline: {
         values: {
             0: {
                 defaultClass: string;
@@ -2653,7 +2661,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    marginInlineStart: {
+    marginInlineEnd: {
         values: {
             0: {
                 defaultClass: string;
@@ -2697,7 +2705,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    padding: {
+    marginInlineStart: {
         values: {
             0: {
                 defaultClass: string;
@@ -2735,9 +2743,13 @@ export declare const atomicProperties: {
                 defaultClass: string;
                 conditions: string[];
             };
+            auto: {
+                defaultClass: string;
+                conditions: string[];
+            };
         };
     };
-    paddingBlock: {
+    padding: {
         values: {
             0: {
                 defaultClass: string;
@@ -2777,7 +2789,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    paddingBlockEnd: {
+    paddingBlock: {
         values: {
             0: {
                 defaultClass: string;
@@ -2817,7 +2829,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    paddingBlockStart: {
+    paddingBlockEnd: {
         values: {
             0: {
                 defaultClass: string;
@@ -2857,7 +2869,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    paddingInline: {
+    paddingBlockStart: {
         values: {
             0: {
                 defaultClass: string;
@@ -2897,7 +2909,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    paddingInlineEnd: {
+    paddingInline: {
         values: {
             0: {
                 defaultClass: string;
@@ -2937,7 +2949,7 @@ export declare const atomicProperties: {
             };
         };
     };
-    paddingInlineStart: {
+    paddingInlineEnd: {
         values: {
             0: {
                 defaultClass: string;
@@ -2977,65 +2989,65 @@ export declare const atomicProperties: {
             };
         };
     };
-    position: {
+    paddingInlineStart: {
         values: {
-            relative: {
+            0: {
                 defaultClass: string;
                 conditions: string[];
             };
-            fixed: {
+            4: {
                 defaultClass: string;
                 conditions: string[];
             };
-            absolute: {
+            1: {
                 defaultClass: string;
                 conditions: string[];
             };
-            sticky: {
+            2: {
                 defaultClass: string;
                 conditions: string[];
             };
-            static: {
+            3: {
                 defaultClass: string;
                 conditions: string[];
             };
-        };
-    };
-    rowGap: {
-        values: {
-            0: {
+            5: {
                 defaultClass: string;
                 conditions: string[];
             };
-            4: {
+            6: {
                 defaultClass: string;
                 conditions: string[];
             };
-            1: {
+            7: {
                 defaultClass: string;
                 conditions: string[];
             };
-            2: {
+            8: {
                 defaultClass: string;
                 conditions: string[];
             };
-            3: {
+        };
+    };
+    position: {
+        values: {
+            relative: {
                 defaultClass: string;
                 conditions: string[];
             };
-            5: {
+            fixed: {
                 defaultClass: string;
                 conditions: string[];
             };
-            6: {
+            absolute: {
                 defaultClass: string;
                 conditions: string[];
             };
-            7: {
+            sticky: {
                 defaultClass: string;
                 conditions: string[];
             };
-            8: {
+            static: {
                 defaultClass: string;
                 conditions: string[];
             };

package/dist/atoms/atoms.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"atoms.css.d.ts","sourceRoot":"","sources":["../../src/atoms/atoms.css.ts"],"names":[],"mappings":"AAsHA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG5B,CAAC"}
+{"version":3,"file":"atoms.css.d.ts","sourceRoot":"","sources":["../../src/atoms/atoms.css.ts"],"names":[],"mappings":"AAsHA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG5B,CAAC"}

package/dist/atoms/atoms.css.js

@@ -71,7 +71,6 @@ const responsiveAtomicProperties = defineProperties({
     alignItems: ["stretch", "center", "flex-start", "flex-end"],
     alignSelf: ["stretch", "center", "flex-start", "flex-end"],
     placeItems: ["stretch", "center", "flex-start", "flex-end"],
-    columnGap: vars.space,
     display: [
       "none",
       "flex",
@@ -89,6 +88,8 @@ const responsiveAtomicProperties = defineProperties({
     flexWrap: ["nowrap", "wrap"],
     fontSize: vars.fontSize,
     gap: vars.space,
+    columnGap: vars.space,
+    rowGap: vars.space,
     justifyContent: [
       "flex-start",
       "flex-end",
@@ -110,8 +111,7 @@ const responsiveAtomicProperties = defineProperties({
     paddingInline: vars.space,
     paddingInlineEnd: vars.space,
     paddingInlineStart: vars.space,
-    position: ["relative", "fixed", "absolute", "sticky", "static"],
-    rowGap: vars.space
+    position: ["relative", "fixed", "absolute", "sticky", "static"]
   }
 });
 const atomicProperties = {

package/dist/config/componentThemes.d.ts

@@ -1,26 +1,35 @@
 import { Atoms } from '../atoms/atoms.js';
 import { RecordLike } from '../utils/typing/helpers.js';
+type Intent = 'error' | 'info' | 'success' | 'warning';
+type AlertIntent = Intent;
+type ToastIntent = 'neutral' | Intent;
+type ButtonVariant = 'solid' | 'outline' | 'ghost';
+type InputVariant = 'solid' | 'outline';
+type LinkVariant = 'inherit' | 'primary' | 'secondary';
+type Size = 'small' | 'medium' | 'large';
+type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type ColorScheme = 'primary' | 'secondary';
 /**
  * Theming options for components.
  */
 export type AlertTheme = {
-    base: string;
+    root: string;
     variants: {
-        intent: 'error' | 'info' | 'success' | 'warning';
+        intent: AlertIntent;
     };
 };
 export type ButtonTheme = {
-    base: string;
+    root: string;
     variants: {
-        variant: 'solid' | 'outline' | 'ghost';
-        intent: 'neutral' | 'danger';
-        size: 'small' | 'medium' | 'large';
+        variant: ButtonVariant;
+        intent: 'primary' | 'secondary' | 'danger' | 'success';
+        size: Size;
         loading: boolean;
         disabled: boolean;
     };
 };
 export type CheckboxTheme = {
-    base: string;
+    root: string;
     icon: string;
     label: string;
     variants: {
@@ -30,101 +39,101 @@ export type CheckboxTheme = {
 export type DialogTheme = {
     dialog: string;
     variants: {
-        size: 'small' | 'medium' | 'large';
+        size: Size;
     };
 };
 export type DividerTheme = {
-    base?: string;
+    root?: string;
     variants: {
         color: Exclude<Atoms['color'], undefined>;
     };
 };
 export type IconTheme = {
-    base: string;
+    root: string;
     variants: {
-        size: 'small' | 'medium' | 'large';
+        size: IconSize;
     };
 };
 export type LabelTheme = {
-    base: string;
+    root: string;
     variants: {
-        size: 'small' | 'medium' | 'large';
+        size: Size;
         required: boolean;
     };
 };
 export type LinkTheme = {
-    base: string;
+    root: string;
     variants: {
-        variant: 'inherit' | 'primary' | 'secondary';
+        variant: LinkVariant;
         underline: boolean;
     };
 };
 export type PopoverTheme = {
-    base: string;
+    root: string;
 };
 export type ProgressTheme = {
-    base: string;
+    root: string;
     bar: string;
     variants: {
         indeterminate: boolean;
     };
 };
 export type RadioTheme = {
-    base: string;
+    root: string;
     icon: string;
     label: string;
 };
 export type SelectTheme = {
-    wrapper?: string;
+    root?: string;
     select: string;
     icon: string;
     variants: {
-        variant: 'solid' | 'outline';
+        variant: InputVariant;
     };
 };
 export type SliderTheme = {
-    base: string;
+    root: string;
     track: string;
     filledTrack: string;
     thumb: string;
     variants: {
-        size: 'small' | 'medium' | 'large';
-        colorScheme: 'primary' | 'secondary';
+        size: Size;
+        colorScheme: ColorScheme;
         disabled: boolean;
     };
 };
 export type SpinnerTheme = {
-    base: string;
+    root: string;
     variants: {
-        size: 'small' | 'medium' | 'large';
+        size: Size;
         color: Exclude<Atoms['color'], undefined>;
     };
 };
 export type SwitchTheme = {
-    base: string;
-    slider: string;
+    root: string;
+    thumb: string;
 };
 export type TextareaTheme = {
-    container: string;
+    root: string;
     input: string;
 };
 export type TextInputTheme = {
-    container: string;
+    root: string;
     input: string;
     variants: {
-        variant: 'solid' | 'outline';
+        variant: InputVariant;
     };
 };
 export type ToastTheme = {
-    base: string;
+    root: string;
     variants: {
-        intent: 'neutral' | 'error' | 'info' | 'success' | 'warning';
+        intent: ToastIntent;
     };
 };
 export type TooltipTheme = {
-    base: string;
+    root: string;
     variants: {
-        colorScheme: 'primary' | 'secondary';
+        colorScheme: ColorScheme;
     };
 };
 export type ComponentThemes = {
@@ -159,4 +168,5 @@ export type ComponentThemeProps<T extends RecordLike> = Omit<{
 export type ComponentThemesProps = {
     [K in keyof ComponentThemes]: ComponentThemeProps<ComponentThemes[K]>;
 };
+export {};
 //# sourceMappingURL=componentThemes.d.ts.map

package/dist/config/componentThemes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"componentThemes.d.ts","sourceRoot":"","sources":["../../src/config/componentThemes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"componentThemes.d.ts","sourceRoot":"","sources":["../../src/config/componentThemes.ts"],"names":[],"mappings":"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"}

package/dist/config/themeTokens.d.ts

@@ -3,7 +3,7 @@ type Space = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
 type Transition = 'slow' | 'normal' | 'fast';
 type BorderRadius = 1 | 2 | 3 | 4;
 type BorderWidth = 'thin' | 'thick';
-type BoxShadow = 'small' | 'medium' | 'large';
+type BoxShadow = 1 | 2 | 3 | 4 | 5;
 type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type LineHeight = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type ColorPalette = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
@@ -23,8 +23,8 @@ export type ThemeTokens = {
     typography: {
         fontFamily: {
             body?: string;
-            primary?: string;
-            secondary?: string;
+            heading?: string;
+            mono?: string;
         };
         fontSize: Record<FontSize, number | string>;
         fontWeight: Record<FontWeight, 300 | 400 | 500 | 600 | 700 | 800>;

package/dist/config/themeTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeTokens.d.ts","sourceRoot":"","sources":["../../src/config/themeTokens.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpE,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3C,KAAK,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7C,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClC,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AACpC,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC9C,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErE,KAAK,YAAY,GACb,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE;QACV,UAAU,EAAE;YAEV,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,SAAS,CAAC,EAAE,MAAM,CAAC;SACpB,CAAC;QACF,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC5C,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;QAClE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KACjD,CAAC;IACF,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC9C,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC7C,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}
+{"version":3,"file":"themeTokens.d.ts","sourceRoot":"","sources":["../../src/config/themeTokens.ts"],"names":[],"mappings":"AAAA,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpE,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC3C,KAAK,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7C,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAClC,KAAK,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AACpC,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACnC,KAAK,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AACnE,KAAK,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAErE,KAAK,YAAY,GACb,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACrC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACnC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE;QACV,UAAU,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,IAAI,CAAC,EAAE,MAAM,CAAC;SACf,CAAC;QACF,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC5C,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;QAClE,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KACjD,CAAC;IACF,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,EAAE;QACN,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC9C,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC7C,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAClC,KAAK,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,EAAE,KAAK,CAAC;CACd,CAAC"}

package/dist/css/pixelsToRem.d.ts

@@ -0,0 +1,2 @@
+export declare function pixelsToRem(value: number): `${number}rem`;
+//# sourceMappingURL=pixelsToRem.d.ts.map

package/dist/css/pixelsToRem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pixelsToRem.d.ts","sourceRoot":"","sources":["../../src/css/pixelsToRem.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,KAAK,CAEzD"}

package/dist/css/pixelsToRem.js

@@ -0,0 +1,6 @@
+function pixelsToRem(value) {
+  return `${value / 16}rem`;
+}
+export {
+  pixelsToRem
+};

package/dist/css/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/css/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAc/D,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,WAAW,CA4E5C,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/css/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAc/D,eAAO,MAAM,MAAM,EAAE,YAAY,CAAC,WAAW,CA+E5C,CAAC"}

package/dist/css/tokens.js

@@ -10,11 +10,12 @@ const colorPalette = {
   900: null
 };
 const tokens = {
+  // mode: 'light', ??
   typography: {
     fontFamily: {
       body: null,
-      primary: null,
-      secondary: null
+      heading: null,
+      mono: null
     },
     fontSize: {
       xsmall: null,
@@ -66,9 +67,11 @@ const tokens = {
     }
   },
   shadow: {
-    small: null,
-    medium: null,
-    large: null
+    1: null,
+    2: null,
+    3: null,
+    4: null,
+    5: null
   },
   focus: {
     boxShadow: null

package/dist/css/vars.css.d.ts

@@ -99,15 +99,15 @@ export declare const vars: {
         thick: `var(--${string})`;
     };
     fontFamily: {
-        primary: `var(--${string})`;
-        secondary: `var(--${string})`;
         body: `var(--${string})`;
+        heading: `var(--${string})`;
+        mono: `var(--${string})`;
     };
     fontSize: {
         medium: `var(--${string})`;
+        xsmall: `var(--${string})`;
         small: `var(--${string})`;
         large: `var(--${string})`;
-        xsmall: `var(--${string})`;
         xlarge: `var(--${string})`;
     };
     fontWeight: {
@@ -119,9 +119,9 @@ export declare const vars: {
     };
     lineHeight: {
         medium: `var(--${string})`;
+        xsmall: `var(--${string})`;
         small: `var(--${string})`;
         large: `var(--${string})`;
-        xsmall: `var(--${string})`;
         xlarge: `var(--${string})`;
     };
     transition: {
@@ -130,9 +130,11 @@ export declare const vars: {
         fast: `var(--${string})`;
     };
     shadow: {
-        medium: `var(--${string})`;
-        small: `var(--${string})`;
-        large: `var(--${string})`;
+        4: `var(--${string})`;
+        1: `var(--${string})`;
+        2: `var(--${string})`;
+        3: `var(--${string})`;
+        5: `var(--${string})`;
     };
     focus: {
         boxShadow: `var(--${string})`;

package/dist/css/vars.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../src/css/vars.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKhB,CAAC"}
+{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../../src/css/vars.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKhB,CAAC"}

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export type { ThemeTokens } from './config/themeTokens.js';
 export { breakpointNames, minMediaQuery } from './css/breakpoint/breakpoint.js';
 export { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform, } from './css/cssMatrixUtils.js';
 export { layers } from './css/layers.css.js';
-export { rem } from './css/rem.js';
+export { pixelsToRem } from './css/pixelsToRem.js';
 export { vars } from './css/vars.css.js';
 export type { ComponentTheme, ThemeComponentsStyles, } from './theme/makeComponentTheme.js';
 export { makeComponentTheme } from './theme/makeComponentTheme.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,eAAe,EACf,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEhF,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EACV,cAAc,EACd,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,YAAY,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,KAAK,aAAa,EAClB,aAAa,EACb,KAAK,iBAAiB,EACtB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,OAAO,EACZ,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,KAAK,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACrD,YAAY,EACV,WAAW,EACX,YAAY,EACZ,eAAe,EACf,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEhF,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,YAAY,EACV,cAAc,EACd,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,YAAY,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EACL,KAAK,aAAa,EAClB,aAAa,EACb,KAAK,iBAAiB,EACtB,iBAAiB,GAClB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,KAAK,SAAS,EACd,KAAK,gBAAgB,EACrB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,OAAO,EACZ,YAAY,EACZ,KAAK,eAAe,EACpB,KAAK,UAAU,GAChB,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -4,7 +4,7 @@ import { getAtomsAndProps } from "./atoms/getAtomsAndProps.js";
 import { breakpointNames, minMediaQuery } from "./css/breakpoint/breakpoint.js";
 import { cssValueToNumber, getCSSScale, getOriginalElementSize, parseCSSTransform } from "./css/cssMatrixUtils.js";
 import { layers } from "./css/layers.css.js";
-import { rem } from "./css/rem.js";
+import { pixelsToRem } from "./css/pixelsToRem.js";
 import { vars } from "./css/vars.css.js";
 import { makeComponentTheme } from "./theme/makeComponentTheme.js";
 import { makeTheme } from "./theme/makeTheme.js";
@@ -39,6 +39,6 @@ export {
   mergeProps,
   minMediaQuery,
   parseCSSTransform,
-  rem,
+  pixelsToRem,
   vars
 };

package/dist/utils/styles/responsiveStyles.d.ts

@@ -6,7 +6,7 @@ type ResponsiveStyle<TKeys extends string | number> = Record<TKeys, [
     string,
     string
 ]>;
-export declare function createResponsiveStyles<const TKeys extends string | number>(keys: TKeys[], styles: (key: TKeys) => StyleRule, layer?: string): ResponsiveStyle<TKeys>;
+export declare function createResponsiveStyles<const TKeys extends string | number>(keys: TKeys[], styles: (key: TKeys) => StyleRule, layer: string): ResponsiveStyle<TKeys>;
 export declare function getResponsiveStyle<TStyles extends ResponsiveStyle<TKeys>, TKeys extends string | number>(stylesMap: TStyles, value: ResponsiveValue<TKeys> | undefined): string | undefined;
 export {};
 //# sourceMappingURL=responsiveStyles.d.ts.map

package/dist/utils/styles/responsiveStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveStyles.d.ts","sourceRoot":"","sources":["../../../src/utils/styles/responsiveStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,sBAAsB,CAAC;AAE7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,KAAK,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAC1D,KAAK,EACL;IAAC,MAAM;IAAE,MAAM;IAAE,MAAM;IAAE,MAAM;CAAC,CACjC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACxE,IAAI,EAAE,KAAK,EAAE,EACb,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,SAAS,EACjC,KAAK,SAAkB,GACtB,eAAe,CAAC,KAAK,CAAC,CAyCxB;AAED,wBAAgB,kBAAkB,CAChC,OAAO,SAAS,eAAe,CAAC,KAAK,CAAC,EACtC,KAAK,SAAS,MAAM,GAAG,MAAM,EAE7B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,SAAS,GACxC,MAAM,GAAG,SAAS,CAUpB"}
+{"version":3,"file":"responsiveStyles.d.ts","sourceRoot":"","sources":["../../../src/utils/styles/responsiveStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,sBAAsB,CAAC;AAE7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhE,KAAK,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CAC1D,KAAK,EACL;IAAC,MAAM;IAAE,MAAM;IAAE,MAAM;IAAE,MAAM;CAAC,CACjC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACxE,IAAI,EAAE,KAAK,EAAE,EACb,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,SAAS,EACjC,KAAK,EAAE,MAAM,GACZ,eAAe,CAAC,KAAK,CAAC,CAyCxB;AAED,wBAAgB,kBAAkB,CAChC,OAAO,SAAS,eAAe,CAAC,KAAK,CAAC,EACtC,KAAK,SAAS,MAAM,GAAG,MAAM,EAE7B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,SAAS,GACxC,MAAM,GAAG,SAAS,CAUpB"}

package/dist/utils/styles/responsiveStyles.js

@@ -1,8 +1,7 @@
 import { style } from "@vanilla-extract/css";
 import { minMediaQuery } from "../../css/breakpoint/breakpoint.js";
-import { layers } from "../../css/layers.css.js";
 import { classnames } from "../classnames/classnames.js";
-function createResponsiveStyles(keys, styles, layer = layers.molecule) {
+function createResponsiveStyles(keys, styles, layer) {
   const responsiveStyles = {};
   for (const key of keys) {
     responsiveStyles[key] = [

package/dist/utils/typing/helpers.d.ts

@@ -9,7 +9,7 @@ export declare function isObjectLike<T extends RecordLike>(value: T): value is T
 export type IsStringUnion<T> = T extends string ? string extends T ? false : true : false;
 export type IsNumberUnion<T> = T extends number ? number extends T ? false : true : false;
 export type IsUnion<T> = IsStringUnion<T> extends true ? true : IsNumberUnion<T> extends true ? true : false;
-export type HTMLElementProps<E extends Element> = Omit<React.HTMLProps<E>, keyof Atoms | 'ref'>;
+export type HTMLElementProps<E extends Element> = Omit<React.HTMLProps<E>, keyof Atoms>;
 /**
  * Convert a nested record type to a union of dot-separated paths.
  *

package/dist/utils/typing/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/typing/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,EAAE,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;AAE9D,wBAAgB,YAAY,CAAC,CAAC,SAAS,UAAU,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAEvE;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC3C,MAAM,SAAS,CAAC,GACd,KAAK,GACL,IAAI,GACN,KAAK,CAAC;AACV,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC3C,MAAM,SAAS,CAAC,GACd,KAAK,GACL,IAAI,GACN,KAAK,CAAC;AAEV,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,GAClD,IAAI,GACJ,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,GAC3B,IAAI,GACJ,KAAK,CAAC;AAEZ,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,IAAI,IAAI,CACpD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAClB,MAAM,KAAK,GAAG,KAAK,CACpB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,iBAAiB,CAC3B,OAAO,EACP,UAAU,SAAS,MAAM,GAAG,GAAG,IAC7B,OAAO,SAAS,UAAU,GAC1B;KACG,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,UAAU,GAC/C,CAAC,SAAS,MAAM,GAAG,MAAM,GACvB,GAAG,CAAC,GAAG,UAAU,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,GAC/D,KAAK,GACP,CAAC;CACN,CAAC,MAAM,OAAO,CAAC,GAChB,OAAO,CAAC;AAEZ,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;CAC3E,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/typing/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,EAAE,CAAC;AACpC,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;AAE9D,wBAAgB,YAAY,CAAC,CAAC,SAAS,UAAU,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAEvE;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC3C,MAAM,SAAS,CAAC,GACd,KAAK,GACL,IAAI,GACN,KAAK,CAAC;AAEV,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAC3C,MAAM,SAAS,CAAC,GACd,KAAK,GACL,IAAI,GACN,KAAK,CAAC;AAEV,MAAM,MAAM,OAAO,CAAC,CAAC,IACnB,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,GACzB,IAAI,GACJ,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,GAC3B,IAAI,GACJ,KAAK,CAAC;AAEd,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,OAAO,IAAI,IAAI,CACpD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAClB,MAAM,KAAK,CACZ,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,iBAAiB,CAC3B,OAAO,EACP,UAAU,SAAS,MAAM,GAAG,GAAG,IAC7B,OAAO,SAAS,UAAU,GAC1B;KACG,CAAC,IAAI,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,SAAS,UAAU,GAC/C,CAAC,SAAS,MAAM,GAAG,MAAM,GACvB,GAAG,CAAC,GAAG,UAAU,GAAG,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,GAC/D,KAAK,GACP,CAAC;CACN,CAAC,MAAM,OAAO,CAAC,GAChB,OAAO,CAAC;AAEZ,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI;KAC3B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;CAC3E,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-core",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Core for Blocks",
   "type": "module",
   "sideEffects": false,
@@ -31,9 +31,9 @@
   },
   "homepage": "https://github.com/Blockle/blocks#readme",
   "dependencies": {
-    "@vanilla-extract/css": "^1.17.4"
+    "@vanilla-extract/css": "^1.17.5"
   },
   "peerDependencies": {
-    "@vanilla-extract/css": "^1.17.4"
+    "@vanilla-extract/css": "^1.17.5"
   }
 }

package/dist/css/rem.d.ts

@@ -1,2 +0,0 @@
-export declare function rem(value: number): `${number}rem`;
-//# sourceMappingURL=rem.d.ts.map

package/dist/css/rem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rem.d.ts","sourceRoot":"","sources":["../../src/css/rem.ts"],"names":[],"mappings":"AAAA,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,KAAK,CAEjD"}

package/dist/css/rem.js

@@ -1,6 +0,0 @@
-function rem(value) {
-  return `${value / 16}rem`;
-}
-export {
-  rem
-};

package/dist/theme/theme.d.ts

@@ -1,4 +0,0 @@
-import { Theme } from './makeTheme.js';
-export declare const setTheme: (theme: Theme) => void;
-export declare const getTheme: () => Theme;
-//# sourceMappingURL=theme.d.ts.map

package/dist/theme/theme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAK5C,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,KAAG,IAEvC,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,KAE3B,CAAC"}