@blockle/blocks-theme-momotaro 1.0.1 → 1.0.3

package/dist/components/button.css.cjs

@@ -9,7 +9,7 @@ const intentColor = css.createVar();
 const hoverBackgroundColor = css.createVar();
 const button = blocksCore.makeComponentTheme("button", {
   base: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       display: "inline-flex",
       placeItems: "center",
       fontSize: "medium",
@@ -35,7 +35,7 @@ const button = blocksCore.makeComponentTheme("button", {
         border: "none"
       }),
       outline: css.style([
-        blocksCore.sprinkles({
+        blocksCore.atoms({
           borderWidth: "small"
         }),
         {
@@ -52,7 +52,7 @@ const button = blocksCore.makeComponentTheme("button", {
     },
     size: {
       small: css.style([
-        blocksCore.sprinkles({
+        blocksCore.atoms({
           paddingInline: "large"
         }),
         {
@@ -60,7 +60,7 @@ const button = blocksCore.makeComponentTheme("button", {
         }
       ]),
       medium: css.style([
-        blocksCore.sprinkles({
+        blocksCore.atoms({
           paddingInline: "xlarge"
         }),
         {
@@ -68,7 +68,7 @@ const button = blocksCore.makeComponentTheme("button", {
         }
       ]),
       large: css.style([
-        blocksCore.sprinkles({
+        blocksCore.atoms({
           paddingInline: "xlarge"
         }),
         {

package/dist/components/button.css.d.ts

@@ -1 +1 @@
-export declare const button: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').ButtonTheme> | undefined;
+export declare const button: any;

package/dist/components/button.css.js

@@ -1,13 +1,13 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style, createVar } from "@vanilla-extract/css";
-import { makeComponentTheme, vars, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, vars, atoms } from "@blockle/blocks-core";
 import { focusRingColor, clickable } from "./helpers.css.js";
 setFileScope("src/components/button.css.ts", "@blockle/blocks-theme-momotaro");
 const intentColor = createVar();
 const hoverBackgroundColor = createVar();
 const button = makeComponentTheme("button", {
   base: style([
-    sprinkles({
+    atoms({
       display: "inline-flex",
       placeItems: "center",
       fontSize: "medium",
@@ -33,7 +33,7 @@ const button = makeComponentTheme("button", {
         border: "none"
       }),
       outline: style([
-        sprinkles({
+        atoms({
           borderWidth: "small"
         }),
         {
@@ -50,7 +50,7 @@ const button = makeComponentTheme("button", {
     },
     size: {
       small: style([
-        sprinkles({
+        atoms({
           paddingInline: "large"
         }),
         {
@@ -58,7 +58,7 @@ const button = makeComponentTheme("button", {
         }
       ]),
       medium: style([
-        sprinkles({
+        atoms({
           paddingInline: "xlarge"
         }),
         {
@@ -66,7 +66,7 @@ const button = makeComponentTheme("button", {
         }
       ]),
       large: style([
-        sprinkles({
+        atoms({
           paddingInline: "xlarge"
         }),
         {

package/dist/components/checkbox.css.cjs

@@ -28,7 +28,7 @@ const checkbox = blocksCore.makeComponentTheme("checkbox", {
         }
       }
     },
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       backgroundColor: "primaryLight",
       borderRadius: "small"
     }),
@@ -50,7 +50,7 @@ const checkbox = blocksCore.makeComponentTheme("checkbox", {
       }
     }
   }),
-  label: blocksCore.sprinkles({
+  label: blocksCore.atoms({
     display: "flex",
     flexDirection: "row",
     padding: "xsmall",

package/dist/components/checkbox.css.d.ts

@@ -1 +1 @@
-export declare const checkbox: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').CheckboxTheme> | undefined;
+export declare const checkbox: any;

package/dist/components/checkbox.css.js

@@ -1,5 +1,5 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles, vars } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms, vars } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 import { focusable } from "./helpers.css.js";
 import { bounceOut } from "./transitions.js";
@@ -26,7 +26,7 @@ const checkbox = makeComponentTheme("checkbox", {
         }
       }
     },
-    sprinkles({
+    atoms({
       backgroundColor: "primaryLight",
       borderRadius: "small"
     }),
@@ -48,7 +48,7 @@ const checkbox = makeComponentTheme("checkbox", {
       }
     }
   }),
-  label: sprinkles({
+  label: atoms({
     display: "flex",
     flexDirection: "row",
     padding: "xsmall",

package/dist/components/dialog.css.cjs

@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
 fileScope.setFileScope("src/components/dialog.css.ts", "@blockle/blocks-theme-momotaro");
 const dialog = blocksCore.makeComponentTheme("dialog", {
   dialog: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       display: "flex",
       flexDirection: "column",
       padding: "gutter",

package/dist/components/dialog.css.d.ts

@@ -1 +1 @@
-export declare const dialog: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').DialogTheme> | undefined;
+export declare const dialog: any;

package/dist/components/dialog.css.js

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/dialog.css.ts", "@blockle/blocks-theme-momotaro");
 const dialog = makeComponentTheme("dialog", {
   dialog: style([
-    sprinkles({
+    atoms({
       display: "flex",
       flexDirection: "column",
       padding: "gutter",

package/dist/components/divider.css.d.ts

@@ -1 +1 @@
-export declare const divider: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').DividerTheme> | undefined;
+export declare const divider: any;

package/dist/components/input.css.cjs

@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
 fileScope.setFileScope("src/components/input.css.ts", "@blockle/blocks-theme-momotaro");
 const input = blocksCore.makeComponentTheme("input", {
   input: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       color: "text",
       padding: "large",
       border: "none",
@@ -35,7 +35,7 @@ const input = blocksCore.makeComponentTheme("input", {
         boxShadow: `${blocksCore.vars.shadow.small}, ${blocksCore.vars.focus.boxShadow}`
       }
     },
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       backgroundColor: "white",
       borderRadius: "medium",
       boxShadow: "medium"

package/dist/components/input.css.d.ts

@@ -1 +1 @@
-export declare const input: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').InputTheme> | undefined;
+export declare const input: any;

package/dist/components/input.css.js

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, vars, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, vars, atoms } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/input.css.ts", "@blockle/blocks-theme-momotaro");
 const input = makeComponentTheme("input", {
   input: style([
-    sprinkles({
+    atoms({
       color: "text",
       padding: "large",
       border: "none",
@@ -33,7 +33,7 @@ const input = makeComponentTheme("input", {
         boxShadow: `${vars.shadow.small}, ${vars.focus.boxShadow}`
       }
     },
-    sprinkles({
+    atoms({
       backgroundColor: "white",
       borderRadius: "medium",
       boxShadow: "medium"

package/dist/components/label.css.d.ts

@@ -1 +1 @@
-export declare const label: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').LabelTheme> | undefined;
+export declare const label: any;

package/dist/components/link.css.cjs

@@ -35,11 +35,11 @@ const link = blocksCore.makeComponentTheme("link", {
         color: "inherit",
         fontWeight: "inherit"
       }),
-      primary: blocksCore.sprinkles({
+      primary: blocksCore.atoms({
         color: "primary",
         fontWeight: "medium"
       }),
-      secondary: blocksCore.sprinkles({
+      secondary: blocksCore.atoms({
         color: "secondary",
         fontWeight: "medium"
       })

package/dist/components/link.css.d.ts

@@ -1 +1 @@
-export declare const link: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').LinkTheme> | undefined;
+export declare const link: any;

package/dist/components/link.css.js

@@ -1,5 +1,5 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 import { focusable } from "./helpers.css.js";
 setFileScope("src/components/link.css.ts", "@blockle/blocks-theme-momotaro");
@@ -33,11 +33,11 @@ const link = makeComponentTheme("link", {
         color: "inherit",
         fontWeight: "inherit"
       }),
-      primary: sprinkles({
+      primary: atoms({
         color: "primary",
         fontWeight: "medium"
       }),
-      secondary: sprinkles({
+      secondary: atoms({
         color: "secondary",
         fontWeight: "medium"
       })

package/dist/components/popover.css.cjs

@@ -6,7 +6,7 @@ const css = require("@vanilla-extract/css");
 fileScope.setFileScope("src/components/popover.css.ts", "@blockle/blocks-theme-momotaro");
 const popover = blocksCore.makeComponentTheme("popover", {
   base: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       backgroundColor: "white",
       borderRadius: "small",
       boxShadow: "medium",

package/dist/components/popover.css.d.ts

@@ -1 +1 @@
-export declare const popover: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').PopoverTheme> | undefined;
+export declare const popover: any;

package/dist/components/popover.css.js

@@ -1,10 +1,10 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/popover.css.ts", "@blockle/blocks-theme-momotaro");
 const popover = makeComponentTheme("popover", {
   base: style([
-    sprinkles({
+    atoms({
       backgroundColor: "white",
       borderRadius: "small",
       boxShadow: "medium",

package/dist/components/progress.css.cjs

@@ -17,7 +17,7 @@ const progress = blocksCore.makeComponentTheme("progress", {
     {
       height: 8
     },
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       inlineSize: "full",
       borderRadius: "small",
       backgroundColor: "textLight",

package/dist/components/progress.css.d.ts

@@ -1 +1 @@
-export declare const progress: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').ProgressTheme> | undefined;
+export declare const progress: any;

package/dist/components/progress.css.js

@@ -1,5 +1,5 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, vars, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, vars, atoms } from "@blockle/blocks-core";
 import { style, keyframes } from "@vanilla-extract/css";
 setFileScope("src/components/progress.css.ts", "@blockle/blocks-theme-momotaro");
 const indeterminateAnimation = keyframes({
@@ -15,7 +15,7 @@ const progress = makeComponentTheme("progress", {
     {
       height: 8
     },
-    sprinkles({
+    atoms({
       inlineSize: "full",
       borderRadius: "small",
       backgroundColor: "textLight",

package/dist/components/radio.css.cjs

@@ -29,7 +29,7 @@ const radio = blocksCore.makeComponentTheme("radio", {
         }
       }
     },
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       backgroundColor: "primaryLight"
     }),
     helpers_css.focusable
@@ -51,7 +51,7 @@ const radio = blocksCore.makeComponentTheme("radio", {
       }
     }
   }),
-  label: blocksCore.sprinkles({
+  label: blocksCore.atoms({
     display: "flex",
     flexDirection: "row",
     padding: "xsmall",

package/dist/components/radio.css.d.ts

@@ -1 +1 @@
-export declare const radio: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').RadioTheme> | undefined;
+export declare const radio: any;

package/dist/components/radio.css.js

@@ -1,5 +1,5 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles, vars } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms, vars } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 import { focusable } from "./helpers.css.js";
 import { bounceOut } from "./transitions.js";
@@ -27,7 +27,7 @@ const radio = makeComponentTheme("radio", {
         }
       }
     },
-    sprinkles({
+    atoms({
       backgroundColor: "primaryLight"
     }),
     focusable
@@ -49,7 +49,7 @@ const radio = makeComponentTheme("radio", {
       }
     }
   }),
-  label: sprinkles({
+  label: atoms({
     display: "flex",
     flexDirection: "row",
     padding: "xsmall",

package/dist/components/select.css.cjs

@@ -7,7 +7,7 @@ const helpers_css = require("./helpers.css.cjs");
 fileScope.setFileScope("src/components/select.css.ts", "@blockle/blocks-theme-momotaro");
 const select = blocksCore.makeComponentTheme("select", {
   select: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       color: "text",
       padding: "large",
       backgroundColor: "white",
@@ -31,7 +31,7 @@ const select = blocksCore.makeComponentTheme("select", {
   variants: {
     variant: {
       outline: css.style([
-        blocksCore.sprinkles({
+        blocksCore.atoms({
           borderWidth: "small",
           borderColor: "primary"
         }),

package/dist/components/select.css.d.ts

@@ -1 +1 @@
-export declare const select: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').SelectTheme> | undefined;
+export declare const select: any;

package/dist/components/select.css.js

@@ -1,11 +1,11 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles, vars } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms, vars } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 import { focusable } from "./helpers.css.js";
 setFileScope("src/components/select.css.ts", "@blockle/blocks-theme-momotaro");
 const select = makeComponentTheme("select", {
   select: style([
-    sprinkles({
+    atoms({
       color: "text",
       padding: "large",
       backgroundColor: "white",
@@ -29,7 +29,7 @@ const select = makeComponentTheme("select", {
   variants: {
     variant: {
       outline: style([
-        sprinkles({
+        atoms({
           borderWidth: "small",
           borderColor: "primary"
         }),

package/dist/components/slider.css.cjs

@@ -14,7 +14,7 @@ const slider = blocksCore.makeComponentTheme("slider", {
     blockSize: "20px"
   }),
   track: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       borderRadius: "small"
     }),
     {

package/dist/components/slider.css.d.ts

@@ -1 +1 @@
-export declare const slider: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').SliderTheme> | undefined;
+export declare const slider: any;

package/dist/components/slider.css.js

@@ -1,5 +1,5 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, vars, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, vars, atoms } from "@blockle/blocks-core";
 import { style, createVar } from "@vanilla-extract/css";
 import { focusable } from "./helpers.css.js";
 setFileScope("src/components/slider.css.ts", "@blockle/blocks-theme-momotaro");
@@ -12,7 +12,7 @@ const slider = makeComponentTheme("slider", {
     blockSize: "20px"
   }),
   track: style([
-    sprinkles({
+    atoms({
       borderRadius: "small"
     }),
     {

package/dist/components/spinner.css.d.ts

@@ -1 +1 @@
-export declare const spinner: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').SpinnerTheme> | undefined;
+export declare const spinner: any;

package/dist/components/switch.css.cjs

@@ -8,7 +8,7 @@ fileScope.setFileScope("src/components/switch.css.ts", "@blockle/blocks-theme-mo
 const activeScaleFactor = css.createVar();
 const switchTheme = blocksCore.makeComponentTheme("switch", {
   base: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       borderRadius: "xlarge",
       backgroundColor: "textLight"
     }),
@@ -38,7 +38,7 @@ const switchTheme = blocksCore.makeComponentTheme("switch", {
     helpers_css.focusable
   ]),
   slider: css.style([
-    blocksCore.sprinkles({
+    blocksCore.atoms({
       borderRadius: "xlarge"
     }),
     {

package/dist/components/switch.css.d.ts

@@ -1 +1 @@
-export declare const switchTheme: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').SwitchTheme> | undefined;
+export declare const switchTheme: any;

package/dist/components/switch.css.js

@@ -1,12 +1,12 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles, vars } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms, vars } from "@blockle/blocks-core";
 import { style, createVar } from "@vanilla-extract/css";
 import { focusable } from "./helpers.css.js";
 setFileScope("src/components/switch.css.ts", "@blockle/blocks-theme-momotaro");
 const activeScaleFactor = createVar();
 const switchTheme = makeComponentTheme("switch", {
   base: style([
-    sprinkles({
+    atoms({
       borderRadius: "xlarge",
       backgroundColor: "textLight"
     }),
@@ -36,7 +36,7 @@ const switchTheme = makeComponentTheme("switch", {
     focusable
   ]),
   slider: style([
-    sprinkles({
+    atoms({
       borderRadius: "xlarge"
     }),
     {

package/dist/components/tooltip.css.cjs

@@ -5,7 +5,7 @@ const blocksCore = require("@blockle/blocks-core");
 const css = require("@vanilla-extract/css");
 fileScope.setFileScope("src/components/tooltip.css.ts", "@blockle/blocks-theme-momotaro");
 const tooltip = blocksCore.makeComponentTheme("tooltip", {
-  base: blocksCore.sprinkles({
+  base: blocksCore.atoms({
     backgroundColor: "primary",
     padding: "small"
   }),

package/dist/components/tooltip.css.d.ts

@@ -1 +1 @@
-export declare const tooltip: import('@blockle/blocks-core').ComponentTheme<import('@blockle/blocks-core/dist/config/componentThemes').TooltipTheme> | undefined;
+export declare const tooltip: any;

package/dist/components/tooltip.css.js

@@ -1,9 +1,9 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeComponentTheme, sprinkles } from "@blockle/blocks-core";
+import { makeComponentTheme, atoms } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 setFileScope("src/components/tooltip.css.ts", "@blockle/blocks-theme-momotaro");
 const tooltip = makeComponentTheme("tooltip", {
-  base: sprinkles({
+  base: atoms({
     backgroundColor: "primary",
     padding: "small"
   }),

package/dist/index.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const momotaro_css = require("./momotaro.css.cjs");
-exports.momotaro = momotaro_css.momotaro;
+const theme_css = require("./theme.css.cjs");
+exports.momotaro = theme_css.momotaro;

package/dist/index.d.ts

@@ -1 +1 @@
-export { momotaro } from './momotaro.css';
+export { momotaro } from './theme.css';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { momotaro } from "./momotaro.css.js";
+import { momotaro } from "./theme.css.js";
 export {
   momotaro
 };

package/dist/{momotaro.css.cjs → theme.css.cjs}

@@ -4,7 +4,7 @@ const fileScope = require("@vanilla-extract/css/fileScope");
 const blocksCore = require("@blockle/blocks-core");
 const index = require("./components/index.cjs");
 const tokens_css = require("./tokens.css.cjs");
-fileScope.setFileScope("src/momotaro.css.ts", "@blockle/blocks-theme-momotaro");
+fileScope.setFileScope("src/theme.css.ts", "@blockle/blocks-theme-momotaro");
 const momotaro = blocksCore.makeTheme({
   name: "momotaro",
   tokens: tokens_css.tokens,

package/dist/theme.css.d.ts

@@ -0,0 +1 @@
+export declare const momotaro: any;

package/dist/{momotaro.css.js → theme.css.js}

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { makeTheme } from "@blockle/blocks-core";
 import { components } from "./components/index.js";
 import { tokens } from "./tokens.css.js";
-setFileScope("src/momotaro.css.ts", "@blockle/blocks-theme-momotaro");
+setFileScope("src/theme.css.ts", "@blockle/blocks-theme-momotaro");
 const momotaro = makeTheme({
   name: "momotaro",
   tokens,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@blockle/blocks-theme-momotaro",
-  "version": "1.0.1",
-  "description": "Design system for React",
+  "version": "1.0.3",
+  "description": "Momotaro theme for Blocks",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -37,8 +37,10 @@
     "url": "https://github.com/Blockle/blocks/issues"
   },
   "homepage": "https://github.com/Blockle/blocks#readme",
+  "dependencies": {
+    "@vanilla-extract/css": "^1.17.1"
+  },
   "peerDependencies": {
-    "@blockle/blocks-core": "^0.21.0",
-    "@vanilla-extract/css": ">=1.17.1"
+    "@blockle/blocks-core": "^0.21.0"
   }
 }

package/dist/momotaro.css.d.ts

@@ -1 +0,0 @@
-export declare const momotaro: import('@blockle/blocks-core').Theme;