@blockle/blocks 0.5.1 → 0.6.0

package/dist/styles/themes/momotaro/components/link.css.cjs

@@ -1,11 +1,12 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_css_theme_makeComponentTheme_cjs = require("../../../lib/css/theme/makeComponentTheme.cjs");
+const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/link.css.ts?used", "blocks");
-const link = styles_lib_css_theme_makeComponentTheme_cjs.makeComponentTheme("link", {
-  base: css.style({
+const link = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("link", {
+  base: css.style([{
     outline: "none",
     border: "none",
     textDecoration: "none",
@@ -17,7 +18,7 @@ const link = styles_lib_css_theme_makeComponentTheme_cjs.makeComponentTheme("lin
       textDecoration: "underline"
     },
     cursor: "pointer"
-  }, "link_base"),
+  }, styles_themes_momotaro_components_helpers_css_cjs.focusable], "link_base"),
   variants: {
     variant: {
       inherit: css.style({

package/dist/styles/themes/momotaro/components/link.css.mjs

@@ -1,10 +1,11 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/css/theme/makeComponentTheme.mjs";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
+import { focusable } from "./helpers.css.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
 setFileScope("src/themes/momotaro/components/link.css.ts?used", "blocks");
 const link = makeComponentTheme("link", {
-  base: style({
+  base: style([{
     outline: "none",
     border: "none",
     textDecoration: "none",
@@ -16,7 +17,7 @@ const link = makeComponentTheme("link", {
       textDecoration: "underline"
     },
     cursor: "pointer"
-  }, "link_base"),
+  }, focusable], "link_base"),
   variants: {
     variant: {
       inherit: style({

package/dist/styles/themes/momotaro/components/spinner.css.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_css_theme_makeComponentTheme_cjs = require("../../../lib/css/theme/makeComponentTheme.cjs");
+const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/spinner.css.ts?used", "blocks");
 const spinAnimation = css.keyframes({
   "0%": {
@@ -11,7 +11,7 @@ const spinAnimation = css.keyframes({
     transform: "rotate(360deg)"
   }
 }, "spinAnimation");
-const spinner = styles_lib_css_theme_makeComponentTheme_cjs.makeComponentTheme("spinner", {
+const spinner = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("spinner", {
   base: css.style({
     aspectRatio: "1 / 1",
     overflow: "hidden",

package/dist/styles/themes/momotaro/components/spinner.css.mjs

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { keyframes, style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/css/theme/makeComponentTheme.mjs";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 setFileScope("src/themes/momotaro/components/spinner.css.ts?used", "blocks");
 const spinAnimation = keyframes({
   "0%": {

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

@@ -1,10 +1,10 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
-const styles_lib_css_theme_makeTheme_cjs = require("../../lib/css/theme/makeTheme.cjs");
+const styles_lib_theme_makeTheme_cjs = require("../../lib/theme/makeTheme.cjs");
 const styles_themes_momotaro_components_index_cjs = require("./components/index.cjs");
 const styles_themes_momotaro_tokens_css_cjs = require("./tokens.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/momotaro.css.ts?used", "blocks");
-const momotaro = styles_lib_css_theme_makeTheme_cjs.makeTheme({
+const momotaro = styles_lib_theme_makeTheme_cjs.makeTheme({
   name: "momotaro",
   tokens: styles_themes_momotaro_tokens_css_cjs.tokens,
   components: styles_themes_momotaro_components_index_cjs.components

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

@@ -1,5 +1,5 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeTheme } from "../../lib/css/theme/makeTheme.mjs";
+import { makeTheme } from "../../lib/theme/makeTheme.mjs";
 import { components } from "./components/index.mjs";
 import { tokens } from "./tokens.css.mjs";
 setFileScope("src/themes/momotaro/momotaro.css.ts?used", "blocks");

package/dist/styles/themes/momotaro/tokens.css.cjs

@@ -37,7 +37,7 @@ const tokens = {
     large: "0px 16px 24px rgba(0, 0, 0, 0.08)"
   },
   focus: {
-    boxShadow: "0 0 4px 2px #AF8EFF"
+    boxShadow: "0 0 1px 2px #AF8EFF"
   },
   spacing: {
     none: "0px",
@@ -49,9 +49,9 @@ const tokens = {
     xlarge: "24px"
   },
   transition: {
-    slow: "0.5s",
-    normal: "0.3s",
-    fast: "0.1s"
+    slow: "240ms",
+    normal: "120ms",
+    fast: "80ms"
   },
   typography: {
     fontFamily: {

package/dist/styles/themes/momotaro/tokens.css.mjs

@@ -36,7 +36,7 @@ const tokens = {
     large: "0px 16px 24px rgba(0, 0, 0, 0.08)"
   },
   focus: {
-    boxShadow: "0 0 4px 2px #AF8EFF"
+    boxShadow: "0 0 1px 2px #AF8EFF"
   },
   spacing: {
     none: "0px",
@@ -48,9 +48,9 @@ const tokens = {
     xlarge: "24px"
   },
   transition: {
-    slow: "0.5s",
-    normal: "0.3s",
-    fast: "0.1s"
+    slow: "240ms",
+    normal: "120ms",
+    fast: "80ms"
   },
   typography: {
     fontFamily: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",

package/dist/styles/lib/css/theme/makeComponentTheme.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const makeComponentTheme = (name, options) => options;
-exports.makeComponentTheme = makeComponentTheme;

package/dist/styles/lib/css/theme/makeComponentTheme.mjs

@@ -1,4 +0,0 @@
-const makeComponentTheme = (name, options) => options;
-export {
-  makeComponentTheme
-};

package/dist/styles/lib/css/theme/makeTheme.cjs

@@ -1,11 +0,0 @@
-"use strict";
-const css = require("@vanilla-extract/css");
-const styles_lib_css_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
-const styles_lib_css_theme_vars_css_cjs = require("./vars.css.cjs");
-const makeTheme = (theme) => {
-  return {
-    vars: css.createTheme(styles_lib_css_theme_vars_css_cjs.vars, styles_lib_css_theme_makeVanillaTheme_cjs.makeVanillaTheme(theme.tokens)),
-    components: theme.components
-  };
-};
-exports.makeTheme = makeTheme;

package/dist/styles/lib/css/theme/vars.css.cjs

@@ -1,9 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_css_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
-const styles_lib_css_theme_tokens_cjs = require("./tokens.cjs");
-fileScope.setFileScope("src/lib/css/theme/vars.css.ts?used", "blocks");
-const vars = css.createThemeContract(styles_lib_css_theme_makeVanillaTheme_cjs.makeVanillaTheme(styles_lib_css_theme_tokens_cjs.tokens));
-fileScope.endFileScope();
-exports.vars = vars;