@blockle/blocks-theme-momotaro 6.2.2 → 6.2.5

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

@@ -1 +1 @@
-{"version":3,"file":"button.css.d.ts","sourceRoot":"","sources":["../../src/components/button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAE3B,MAAM,sBAAsB,CAAC;AAS9B,eAAO,MAAM,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAgIlD,CAAC"}
+{"version":3,"file":"button.css.d.ts","sourceRoot":"","sources":["../../src/components/button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAE3B,MAAM,sBAAsB,CAAC;AAS9B,eAAO,MAAM,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAsIlD,CAAC"}

package/dist/components/button.css.js

@@ -77,6 +77,12 @@ const button = makeComponentTheme(
         ])
       },
       intent: {
+        neutral: style({
+          vars: {
+            [intentColor]: vars.color["neutral-800"],
+            [hoverBackgroundColor]: vars.color["neutral-200"]
+          }
+        }),
         primary: style({
           vars: {
             [intentColor]: vars.color["primary-600"],

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.css.d.ts","sourceRoot":"","sources":["../../src/components/dialog.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CA2ElD,CAAC"}
+{"version":3,"file":"dialog.css.d.ts","sourceRoot":"","sources":["../../src/components/dialog.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CA0ElD,CAAC"}

package/dist/components/dialog.css.js

@@ -25,7 +25,6 @@ const dialog = makeComponentTheme(
           "&[open]": {
             transform: "translate(0, 0)",
             opacity: 1,
-            // @ts-expect-error - typings does not support @starting-style (yet)
             "@starting-style": {
               transform: "translate(0, -120px) scale(0.95)",
               opacity: 0

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

@@ -1 +1 @@
-{"version":3,"file":"divider.css.d.ts","sourceRoot":"","sources":["../../src/components/divider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAUpD,CAAC"}
+{"version":3,"file":"divider.css.d.ts","sourceRoot":"","sources":["../../src/components/divider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAK9B,eAAO,MAAM,OAAO,EAAE,qBAAqB,CAAC,SAAS,CA+BpD,CAAC"}

package/dist/components/divider.css.js

@@ -1,15 +1,37 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { makeComponentTheme } from "@blockle/blocks-core";
-import { style } from "@vanilla-extract/css";
+import { style, fallbackVar, createVar } from "@vanilla-extract/css";
 setFileScope("src/components/divider.css.ts", "@blockle/blocks-theme-momotaro");
+const sizeVar = createVar();
 const divider = makeComponentTheme(
   "divider",
   {
     root: style({
-      blockSize: 1
+      ":before": {
+        blockSize: fallbackVar(sizeVar, "1px")
+      },
+      ":after": {
+        blockSize: fallbackVar(sizeVar, "1px")
+      }
     }),
-    defaultVariants: {
-      color: "text-500"
+    variants: {
+      size: {
+        1: style({
+          vars: {
+            [sizeVar]: "1px"
+          }
+        }),
+        2: style({
+          vars: {
+            [sizeVar]: "2px"
+          }
+        }),
+        3: style({
+          vars: {
+            [sizeVar]: "3px"
+          }
+        })
+      }
     }
   }
 );

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

@@ -0,0 +1,3 @@
+import { ThemeComponentsStyles } from '@blockle/blocks-core';
+export declare const drawer: ThemeComponentsStyles['drawer'];
+//# sourceMappingURL=drawer.css.d.ts.map

package/dist/components/drawer.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.css.d.ts","sourceRoot":"","sources":["../../src/components/drawer.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAK9B,eAAO,MAAM,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAmElD,CAAC"}

package/dist/components/drawer.css.js

@@ -0,0 +1,77 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { makeComponentTheme, atoms } from "@blockle/blocks-core";
+import { style, createVar } from "@vanilla-extract/css";
+setFileScope("src/components/drawer.css.ts", "@blockle/blocks-theme-momotaro");
+const startingTransform = createVar();
+const drawer = makeComponentTheme(
+  "drawer",
+  {
+    root: style([
+      atoms({
+        border: "none"
+      }),
+      {
+        selectors: {
+          "&[open]": {
+            transform: "translate(0, 0)",
+            opacity: 1,
+            "@starting-style": {
+              transform: startingTransform,
+              opacity: 0
+            }
+          },
+          "&[open]::backdrop": {
+            opacity: 1,
+            "@starting-style": {
+              opacity: 0
+            }
+          }
+        },
+        "@media": {
+          "(prefers-reduced-motion: no-preference)": {
+            // Ending style
+            transform: startingTransform,
+            opacity: 0,
+            transitionBehavior: "allow-discrete",
+            transitionProperty: "opacity, transform, overlay, display",
+            transitionDuration: "240ms, 160ms, 240ms, 240ms",
+            "::backdrop": {
+              opacity: 0,
+              transitionBehavior: "allow-discrete",
+              transitionProperty: "opacity, overlay, display",
+              transitionDuration: "160ms, 240ms, 240ms"
+            }
+          }
+        }
+      }
+    ]),
+    variants: {
+      placement: {
+        top: style({
+          vars: {
+            [startingTransform]: "translate(0, -100%)"
+          }
+        }),
+        right: style({
+          vars: {
+            [startingTransform]: "translate(100%, 0)"
+          }
+        }),
+        bottom: style({
+          vars: {
+            [startingTransform]: "translate(0, 100%)"
+          }
+        }),
+        left: style({
+          vars: {
+            [startingTransform]: "translate(-100%, 0)"
+          }
+        })
+      }
+    }
+  }
+);
+endFileScope();
+export {
+  drawer
+};

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAqBlE,eAAO,MAAM,UAAU,EAAE,qBAmBxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAsBlE,eAAO,MAAM,UAAU,EAAE,qBAoBxB,CAAC"}

package/dist/components/index.js

@@ -3,6 +3,7 @@ import { button } from "./button.css.js";
 import { checkbox } from "./checkbox.css.js";
 import { dialog } from "./dialog.css.js";
 import { divider } from "./divider.css.js";
+import { drawer } from "./drawer.css.js";
 import { icon } from "./icon.css.js";
 import { label } from "./label.css.js";
 import { link } from "./link.css.js";
@@ -22,6 +23,7 @@ const components = {
   checkbox,
   dialog,
   divider,
+  drawer,
   icon,
   label,
   link,

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

@@ -1 +1 @@
-{"version":3,"file":"popover.css.d.ts","sourceRoot":"","sources":["../../src/components/popover.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAsCpD,CAAC"}
+{"version":3,"file":"popover.css.d.ts","sourceRoot":"","sources":["../../src/components/popover.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAqCpD,CAAC"}

package/dist/components/popover.css.js

@@ -20,7 +20,6 @@ const popover = makeComponentTheme(
           "&:popover-open": {
             transform: "translateY(0) scale(1)",
             opacity: 1,
-            // @ts-expect-error - Vanilla Extract does not support @starting-style (yet)
             "@starting-style": {
               transform: "translateY(12px) scale(0.8)",
               opacity: 0

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.css.d.ts","sourceRoot":"","sources":["../src/tokens.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAErE,eAAO,MAAM,MAAM,EAAE,WA8JpB,CAAC"}
+{"version":3,"file":"tokens.css.d.ts","sourceRoot":"","sources":["../src/tokens.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAErE,eAAO,MAAM,MAAM,EAAE,WAyKpB,CAAC"}

package/dist/tokens.css.js

@@ -104,6 +104,17 @@ const tokens = {
       700: "#2E2E2E",
       800: "#1A1A1A",
       900: "#0D0D0D"
+    },
+    neutral: {
+      100: "#F7F7F7",
+      200: "#E1E1E1",
+      300: "#CFCFCF",
+      400: "#B1B1B1",
+      500: "#9E9E9E",
+      600: "#7E7E7E",
+      700: "#5E5E5E",
+      800: "#3C3C3C",
+      900: "#1A1A1A"
     }
   },
   shadow: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-theme-momotaro",
-  "version": "6.2.2",
+  "version": "6.2.5",
   "description": "Momotaro theme for Blocks",
   "type": "module",
   "sideEffects": false,
@@ -22,7 +22,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/Blockle/blocks.git"
+    "url": "git+https://github.com/Blockle/blocks.git"
   },
   "author": "Niek Saarberg <n.saarberg@gmail.com>",
   "license": "MIT",
@@ -31,10 +31,14 @@
   },
   "homepage": "https://github.com/Blockle/blocks#readme",
   "dependencies": {
-    "@vanilla-extract/css": "^1.17.5"
+    "@vanilla-extract/css": "^1.18.0"
   },
   "peerDependencies": {
     "@blockle/blocks-core": ">=1.2.x",
-    "@vanilla-extract/css": "^1.17.5"
+    "@vanilla-extract/css": "^1.18.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   }
 }