@blockle/blocks-theme-momotaro 6.0.1 → 6.1.0

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

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

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

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

package/dist/components/alert.css.js

@@ -0,0 +1,42 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { makeComponentTheme, atoms } from "@blockle/blocks-core";
+setFileScope("src/components/alert.css.ts", "@blockle/blocks-theme-momotaro");
+const alert = makeComponentTheme(
+  "alert",
+  {
+    base: atoms({
+      borderWidth: "thin",
+      borderStyle: "solid",
+      padding: 2,
+      borderRadius: 2
+    }),
+    variants: {
+      intent: {
+        error: atoms({
+          backgroundColor: "danger-100",
+          color: "danger-800",
+          borderColor: "danger-300"
+        }),
+        info: atoms({
+          backgroundColor: "info-100",
+          color: "info-800",
+          borderColor: "info-300"
+        }),
+        success: atoms({
+          backgroundColor: "success-100",
+          color: "success-800",
+          borderColor: "success-300"
+        }),
+        warning: atoms({
+          backgroundColor: "warning-100",
+          color: "warning-800",
+          borderColor: "warning-300"
+        })
+      }
+    }
+  }
+);
+endFileScope();
+export {
+  alert
+};

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

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

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

@@ -0,0 +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,CAsHlD,CAAC"}

package/dist/components/button.css.js

@@ -57,7 +57,7 @@ const button = makeComponentTheme(
             paddingInline: 3
           }),
           {
-            minHeight: 40
+            minHeight: 32
           }
         ]),
         medium: style([

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

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

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

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

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -6,3 +6,4 @@ export declare const focusRingColor: `var(--${string})`;
  */
 export declare const focusable: string;
 export declare const clickable: string;
+//# sourceMappingURL=helpers.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.css.d.ts","sourceRoot":"","sources":["../../src/components/helpers.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,oBAAc,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,SAAS,QAyBpB,CAAC;AAEH,eAAO,MAAM,SAAS,QAOpB,CAAC"}

package/dist/components/helpers.css.js

@@ -19,11 +19,11 @@ const focusable = style({
       cursor: "auto",
       pointerEvents: "none"
     },
-    "&:has(input:focus-visible)": {
+    "&:has(:focus-visible:not(button))": {
       outline: `2px solid ${vars.color["primary-300"]}`,
       outlineOffset: "2px"
     },
-    "&:has(input:disabled)": {
+    "&:has(:disabled)": {
       opacity: 0.5,
       cursor: "auto"
     }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.css.d.ts","sourceRoot":"","sources":["../../src/components/icon.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAkB7C,CAAC"}

package/dist/components/icon.css.js

@@ -0,0 +1,27 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { makeComponentTheme } from "@blockle/blocks-core";
+import { style } from "@vanilla-extract/css";
+setFileScope("src/components/icon.css.ts", "@blockle/blocks-theme-momotaro");
+const icon = makeComponentTheme("icon", {
+  base: "",
+  variants: {
+    size: {
+      small: style({
+        minWidth: "1rem"
+      }),
+      medium: style({
+        minWidth: "2rem"
+      }),
+      large: style({
+        minWidth: "3rem"
+      })
+    }
+  },
+  defaultVariants: {
+    size: "medium"
+  }
+});
+endFileScope();
+export {
+  icon
+};

package/dist/components/index.d.ts

@@ -1,2 +1,3 @@
 import { ThemeComponentsStyles } from '@blockle/blocks-core';
 export declare const components: ThemeComponentsStyles;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/index.js

@@ -1,8 +1,9 @@
+import { alert } from "./alert.css.js";
 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 { input } from "./input.css.js";
+import { icon } from "./icon.css.js";
 import { label } from "./label.css.js";
 import { link } from "./link.css.js";
 import { popover } from "./popover.css.js";
@@ -12,13 +13,16 @@ import { select } from "./select.css.js";
 import { slider } from "./slider.css.js";
 import { spinner } from "./spinner.css.js";
 import { switchTheme } from "./switch.css.js";
+import { textarea } from "./textarea.css.js";
+import { textInput } from "./textInput.css.js";
 import { tooltip } from "./tooltip.css.js";
 const components = {
+  alert,
   button,
   checkbox,
   dialog,
   divider,
-  input,
+  icon,
   label,
   link,
   popover,
@@ -28,6 +32,8 @@ const components = {
   slider,
   spinner,
   switch: switchTheme,
+  textarea,
+  textInput,
   tooltip
 };
 export {

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.css.d.ts","sourceRoot":"","sources":["../../src/components/label.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,sBAAsB,CAAC;AAG9B,eAAO,MAAM,KAAK,EAAE,qBAAqB,CAAC,OAAO,CA2BhD,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.css.d.ts","sourceRoot":"","sources":["../../src/components/spinner.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,sBAAsB,CAAC;AAY9B,eAAO,MAAM,OAAO,EAAE,qBAAqB,CAAC,SAAS,CA8BpD,CAAC"}

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

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

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

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

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

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

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

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

package/dist/components/textInput.css.js

@@ -0,0 +1,50 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { makeComponentTheme, atoms, vars } from "@blockle/blocks-core";
+import { style } from "@vanilla-extract/css";
+import { focusable } from "./helpers.css.js";
+setFileScope("src/components/textInput.css.ts", "@blockle/blocks-theme-momotaro");
+const textInput = makeComponentTheme(
+  "textInput",
+  {
+    container: style([
+      {
+        minHeight: 40,
+        backgroundColor: "white",
+        "@media": {
+          "(prefers-reduced-motion: no-preference)": {
+            transition: `box-shadow ${vars.transition.fast}`
+          }
+        }
+      },
+      atoms({
+        display: "flex",
+        paddingInline: 3,
+        paddingBlock: 2,
+        backgroundColor: "white",
+        borderRadius: 2,
+        boxShadow: "medium",
+        // Space between `startSlot | children | endSlot`
+        gap: 2
+      }),
+      focusable
+    ]),
+    input: style([
+      atoms({
+        color: "text-900",
+        border: "none",
+        backgroundColor: "transparent"
+      }),
+      {
+        outline: "none",
+        "::placeholder": {
+          color: vars.color["text-600"]
+        },
+        ":disabled": {}
+      }
+    ])
+  }
+);
+endFileScope();
+export {
+  textInput
+};

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

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

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

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

package/dist/components/{input.css.js → textarea.css.js}

@@ -2,12 +2,13 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { makeComponentTheme, vars, atoms } from "@blockle/blocks-core";
 import { style } from "@vanilla-extract/css";
 import { focusable } from "./helpers.css.js";
-setFileScope("src/components/input.css.ts", "@blockle/blocks-theme-momotaro");
-const input = makeComponentTheme(
-  "input",
+setFileScope("src/components/textarea.css.ts", "@blockle/blocks-theme-momotaro");
+const textarea = makeComponentTheme(
+  "textarea",
   {
     input: style([
       atoms({
+        paddingInline: 3,
         color: "text-900",
         border: "none",
         backgroundColor: "transparent"
@@ -23,7 +24,9 @@ const input = makeComponentTheme(
     ]),
     container: style([
       {
-        minHeight: 40,
+        overflow: "auto",
+        minHeight: 96,
+        maxHeight: 240,
         backgroundColor: "white",
         "@media": {
           "(prefers-reduced-motion: no-preference)": {
@@ -32,7 +35,6 @@ const input = makeComponentTheme(
         }
       },
       atoms({
-        paddingInline: 3,
         paddingBlock: 2,
         backgroundColor: "white",
         borderRadius: 2,
@@ -44,5 +46,5 @@ const input = makeComponentTheme(
 );
 endFileScope();
 export {
-  input
+  textarea
 };

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

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

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

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

package/dist/components/transitions.d.ts

@@ -1 +1,2 @@
 export declare const bounceOut = "cubic-bezier(.65,.36,.55,1.65)";
+//# sourceMappingURL=transitions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../src/components/transitions.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,mCAAmC,CAAC"}

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { momotaro } from './theme.css.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/theme.css.d.ts

@@ -1 +1,2 @@
 export declare const momotaro: any;
+//# sourceMappingURL=theme.css.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../src/theme.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,KAInB,CAAC"}

package/dist/tokens.css.d.ts

@@ -1,2 +1,3 @@
 import { ThemeTokens } from '@blockle/blocks-core';
 export declare const tokens: ThemeTokens;
+//# sourceMappingURL=tokens.css.d.ts.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-theme-momotaro",
-  "version": "6.0.1",
+  "version": "6.1.0",
   "description": "Momotaro theme for Blocks",
   "type": "module",
   "sideEffects": false,

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

@@ -1,2 +0,0 @@
-import { ThemeComponentsStyles } from '@blockle/blocks-core';
-export declare const input: ThemeComponentsStyles['input'];