@blockle/blocks 0.15.3 → 0.16.1

package/dist/index.cjs

@@ -391,7 +391,7 @@ const useRootAriaHidden = (hidden) => {
   }
   context.setAriaHidden(hidden);
 };
-exports.breakpointQuery = styles_lib_css_atoms_breakpoints_cjs.breakpointQuery;
+exports.minMediaQuery = styles_lib_css_atoms_breakpoints_cjs.minMediaQuery;
 exports.style = styles_lib_css_style_style_cjs.style;
 exports.makeComponentTheme = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme;
 exports.makeTheme = styles_lib_theme_makeTheme_cjs.makeTheme;

package/dist/index.d.mts

@@ -1 +1 @@
-export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, atoms, breakpointQuery, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';
+export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';

package/dist/index.d.ts

@@ -1 +1 @@
-export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, atoms, breakpointQuery, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';
+export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';

package/dist/index.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { breakpointQuery } from "./styles/lib/css/atoms/breakpoints.mjs";
+import { minMediaQuery } from "./styles/lib/css/atoms/breakpoints.mjs";
 import { style } from "./styles/lib/css/style/style.mjs";
 import { makeComponentTheme } from "./styles/lib/theme/makeComponentTheme.mjs";
 import { makeTheme } from "./styles/lib/theme/makeTheme.mjs";
@@ -416,11 +416,11 @@ export {
   Text,
   Tooltip,
   atoms,
-  breakpointQuery,
   classnames,
   createAsChildTemplate,
   makeComponentTheme,
   makeTheme,
+  minMediaQuery,
   style,
   useComponentStyleDefaultProps,
   useComponentStyles,

package/dist/momotaro.chunk.d.ts

@@ -244,7 +244,7 @@ declare const breakpoints: {
     readonly wide: 1200;
 };
 type Breakpoint = keyof typeof breakpoints;
-declare const breakpointQuery: (key: Breakpoint) => string;
+declare function minMediaQuery(breakpoint: Exclude<Breakpoint, 'mobile'>): string;
 
 type AnyString = string & {};
 /**
@@ -1174,4 +1174,4 @@ declare const classnames: (...args: Args[]) => string | undefined;
 
 declare const momotaro: Theme;
 
-export { BlocksProvider, type BlocksProviderProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Dialog, type DialogProps, Divider, type DividerProps, Heading, type HeadingProps, Inline, type InlineProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Text, type TextProps, type ThemeComponentsStyles, type ThemeTokens, Tooltip, type TooltipProps, atoms, breakpointQuery, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, momotaro, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars };
+export { BlocksProvider, type BlocksProviderProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Dialog, type DialogProps, Divider, type DividerProps, Heading, type HeadingProps, Inline, type InlineProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Text, type TextProps, type ThemeComponentsStyles, type ThemeTokens, Tooltip, type TooltipProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, momotaro, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars };

package/dist/reset.cjs

@@ -0,0 +1,3 @@
+"use strict";
+require("./styles/lib/css/atoms/sprinkles.css.cjs");
+require("./styles/lib/css/reset/reset.css.cjs");

package/dist/reset.mjs

@@ -0,0 +1,2 @@
+import "./styles/lib/css/atoms/sprinkles.css.mjs";
+import "./styles/lib/css/reset/reset.css.mjs";

package/dist/styles/lib/css/atoms/atoms.cjs

@@ -1 +1,2 @@
 "use strict";
+require("./sprinkles.css.cjs");

package/dist/styles/lib/css/atoms/atoms.mjs

@@ -1 +1 @@
-
+import "./sprinkles.css.mjs";

package/dist/styles/lib/css/atoms/breakpoints.cjs

@@ -6,6 +6,8 @@ const breakpoints = {
   desktop: 992,
   wide: 1200
 };
-const breakpointQuery = (key) => `screen and (min-width: ${breakpoints[key]}px)`;
+function minMediaQuery(breakpoint) {
+  return `screen and (min-width: ${breakpoints[breakpoint]}px)`;
+}
 exports.breakpointNames = breakpointNames;
-exports.breakpointQuery = breakpointQuery;
+exports.minMediaQuery = minMediaQuery;

package/dist/styles/lib/css/atoms/breakpoints.mjs

@@ -5,8 +5,10 @@ const breakpoints = {
   desktop: 992,
   wide: 1200
 };
-const breakpointQuery = (key) => `screen and (min-width: ${breakpoints[key]}px)`;
+function minMediaQuery(breakpoint) {
+  return `screen and (min-width: ${breakpoints[breakpoint]}px)`;
+}
 export {
   breakpointNames,
-  breakpointQuery
+  minMediaQuery
 };

package/dist/styles/lib/css/atoms/index.cjs

@@ -1 +1,2 @@
 "use strict";
+require("./sprinkles.css.cjs");

package/dist/styles/lib/css/atoms/index.mjs

@@ -1 +1 @@
-
+import "./sprinkles.css.mjs";

package/dist/styles/lib/css/atoms/sprinkles.css.cjs

@@ -15,13 +15,13 @@ const responsiveAtomicProperties = sprinkles.defineProperties({
   conditions: {
     mobile: {},
     tablet: {
-      "@media": styles_lib_css_atoms_breakpoints_cjs.breakpointQuery("tablet")
+      "@media": styles_lib_css_atoms_breakpoints_cjs.minMediaQuery("tablet")
     },
     desktop: {
-      "@media": styles_lib_css_atoms_breakpoints_cjs.breakpointQuery("desktop")
+      "@media": styles_lib_css_atoms_breakpoints_cjs.minMediaQuery("desktop")
     },
     wide: {
-      "@media": styles_lib_css_atoms_breakpoints_cjs.breakpointQuery("wide")
+      "@media": styles_lib_css_atoms_breakpoints_cjs.minMediaQuery("wide")
     }
   },
   responsiveArray: styles_lib_css_atoms_breakpoints_cjs.breakpointNames,

package/dist/styles/lib/css/atoms/sprinkles.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
 import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.mjs";
-import { breakpointQuery, breakpointNames } from "./breakpoints.mjs";
+import { minMediaQuery, breakpointNames } from "./breakpoints.mjs";
 setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
 const unresponsiveAtomicProperties = defineProperties({
   properties: unresponsiveProperties,
@@ -14,13 +14,13 @@ const responsiveAtomicProperties = defineProperties({
   conditions: {
     mobile: {},
     tablet: {
-      "@media": breakpointQuery("tablet")
+      "@media": minMediaQuery("tablet")
     },
     desktop: {
-      "@media": breakpointQuery("desktop")
+      "@media": minMediaQuery("desktop")
     },
     wide: {
-      "@media": breakpointQuery("wide")
+      "@media": minMediaQuery("wide")
     }
   },
   responsiveArray: breakpointNames,

package/dist/styles/lib/css/reset/reset.css.cjs

@@ -1 +1,38 @@
 "use strict";
+const fileScope = require("@vanilla-extract/css/fileScope");
+const css = require("@vanilla-extract/css");
+fileScope.setFileScope("src/lib/css/reset/reset.css.ts", "@blockle/blocks");
+css.globalStyle(":where(*, *::before, *::after)", {
+  boxSizing: "inherit",
+  WebkitTapHighlightColor: "transparent"
+});
+css.globalStyle(":where(html)", {
+  lineHeight: 1.5,
+  boxSizing: "border-box",
+  WebkitFontSmoothing: "antialiased"
+});
+css.globalStyle(":where(body)", {
+  margin: 0,
+  padding: 0,
+  fontFamily: "Calibri, sans-serif"
+});
+css.globalStyle(":where(button, input, optgroup, select, textarea)", {
+  fontFamily: "inherit",
+  fontSize: "100%",
+  lineHeight: "inherit",
+  margin: 0,
+  padding: 0
+});
+css.globalStyle(":where(p, ul, ol, pre, blockquote)", {
+  margin: 0,
+  padding: 0
+});
+css.globalStyle(":where(h1, h2, h3, h4, h5, h6)", {
+  margin: 0,
+  padding: 0,
+  fontSize: "inherit"
+});
+css.globalStyle(":where(pre)", {
+  whiteSpace: "pre-wrap"
+});
+fileScope.endFileScope();

package/dist/styles/lib/css/reset/reset.css.mjs

@@ -1 +1,37 @@
-
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { globalStyle } from "@vanilla-extract/css";
+setFileScope("src/lib/css/reset/reset.css.ts", "@blockle/blocks");
+globalStyle(":where(*, *::before, *::after)", {
+  boxSizing: "inherit",
+  WebkitTapHighlightColor: "transparent"
+});
+globalStyle(":where(html)", {
+  lineHeight: 1.5,
+  boxSizing: "border-box",
+  WebkitFontSmoothing: "antialiased"
+});
+globalStyle(":where(body)", {
+  margin: 0,
+  padding: 0,
+  fontFamily: "Calibri, sans-serif"
+});
+globalStyle(":where(button, input, optgroup, select, textarea)", {
+  fontFamily: "inherit",
+  fontSize: "100%",
+  lineHeight: "inherit",
+  margin: 0,
+  padding: 0
+});
+globalStyle(":where(p, ul, ol, pre, blockquote)", {
+  margin: 0,
+  padding: 0
+});
+globalStyle(":where(h1, h2, h3, h4, h5, h6)", {
+  margin: 0,
+  padding: 0,
+  fontSize: "inherit"
+});
+globalStyle(":where(pre)", {
+  whiteSpace: "pre-wrap"
+});
+endFileScope();

package/dist/styles/lib/theme/tokens.cjs

@@ -36,9 +36,9 @@ const tokens = {
     xlarge: "2rem"
   },
   transition: {
-    slow: "0.5s",
-    normal: "0.3s",
-    fast: "0.1s"
+    slow: "500ms",
+    normal: "300ms",
+    fast: "100ms"
   },
   border: {
     radius: {

package/dist/styles/lib/theme/tokens.mjs

@@ -35,9 +35,9 @@ const tokens = {
     xlarge: "2rem"
   },
   transition: {
-    slow: "0.5s",
-    normal: "0.3s",
-    fast: "0.1s"
+    slow: "500ms",
+    normal: "300ms",
+    fast: "100ms"
   },
   border: {
     radius: {

package/dist/styles/themes/momotaro/index.cjs

@@ -1 +1,2 @@
 "use strict";
+require("./momotaro.css.cjs");

package/dist/styles/themes/momotaro/index.mjs

@@ -1 +1 @@
-
+import "./momotaro.css.mjs";

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.15.3",
+  "version": "0.16.1",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",
   "author": "Niek Saarberg <n.saarberg@gmail.com>",
   "sideEffects": [
-    "./src/lib/theme/globalTheme.ts",
+    "**/entries/reset.ts",
+    "**/reset/**",
+    "*.css.*",
+    "dist/reset.*",
     "dist/side-effects/**"
   ],
   "type": "module",
@@ -19,13 +22,13 @@
       "import": "./dist/index.mjs",
       "require": "./dist/index.cjs"
     },
-    "./reset.css": {
+    "./reset": {
       "types": {
-        "import": "./dist/reset.css.d.mts",
-        "require": "./dist/reset.css.d.ts"
+        "import": "./dist/reset.d.mts",
+        "require": "./dist/reset.d.ts"
       },
-      "import": "./dist/reset.css.mjs",
-      "require": "./dist/reset.css.cjs"
+      "import": "./dist/reset.mjs",
+      "require": "./dist/reset.cjs"
     },
     "./themes/momotaro": {
       "types": {
@@ -42,7 +45,7 @@
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
-    "reset.css",
+    "reset",
     "themes/momotaro"
   ],
   "scripts": {

package/reset/index.d.ts

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

package/reset/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "../dist/reset.cjs",
+  "module": "../dist/reset.mjs",
+  "types": "./index.d.ts"
+}

package/dist/reset.css.cjs

@@ -1,4 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-fileScope.setFileScope("src/entries/reset.css.ts", "@blockle/blocks");
-fileScope.endFileScope();

package/dist/reset.css.mjs

@@ -1,3 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-setFileScope("src/entries/reset.css.ts", "@blockle/blocks");
-endFileScope();

package/reset.css/index.d.ts

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

package/reset.css/package.json

@@ -1,5 +0,0 @@
-{
-  "main": "../dist/reset.css.cjs",
-  "module": "../dist/reset.css.mjs",
-  "types": "./index.d.ts"
-}