@blockle/blocks 0.11.0 → 0.11.2

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

@@ -0,0 +1,84 @@
+"use strict";
+const fileScope = require("@vanilla-extract/css/fileScope");
+fileScope.setFileScope("src/themes/momotaro/tokens.css.ts", "@blockle/blocks");
+const tokens = {
+  border: {
+    radius: {
+      small: "4px",
+      medium: "8px",
+      large: "16px",
+      xlarge: "32px"
+    },
+    width: {
+      small: "1px",
+      medium: "2px",
+      large: "4px"
+    }
+  },
+  color: {
+    white: "#fff",
+    black: "#000",
+    body: "#F4F6FA",
+    primaryLight: "#E4DFFF",
+    primary: "#7265E3",
+    primaryDark: "#4D3CAB",
+    secondaryLight: "#7CF5CD",
+    secondary: "#7FE3F0",
+    secondaryDark: "#68C6EF",
+    text: "#2D3142",
+    textLight: "#9C9EB9",
+    textDark: "#4C5980",
+    danger: "#FF9B90",
+    link: "#7265E3"
+  },
+  shadow: {
+    small: "0px 4px 8px rgba(0, 0, 0, 0.08)",
+    medium: "0px 8px 16px rgba(0, 0, 0, 0.08)",
+    large: "0px 16px 24px rgba(0, 0, 0, 0.08)"
+  },
+  focus: {
+    boxShadow: "0 0 1px 2px #AF8EFF"
+  },
+  spacing: {
+    none: "0px",
+    gutter: "28px",
+    xsmall: "4px",
+    small: "8px",
+    medium: "12px",
+    large: "16px",
+    xlarge: "24px"
+  },
+  transition: {
+    slow: "240ms",
+    normal: "120ms",
+    fast: "80ms"
+  },
+  typography: {
+    fontFamily: {
+      body: '"Rubik", sans-serif',
+      primary: '"Rubik", sans-serif',
+      secondary: '"Rubik", sans-serif'
+    },
+    fontSize: {
+      xsmall: "12px",
+      small: "14px",
+      medium: "16px",
+      large: "20px",
+      xlarge: "24px"
+    },
+    fontWeight: {
+      regular: 400,
+      medium: 500,
+      strong: 700
+    },
+    lineHeight: {
+      xsmall: "1rem",
+      small: "1.25rem",
+      medium: "1.5rem",
+      large: "1.75rem",
+      xlarge: "2rem"
+    }
+  }
+};
+fileScope.endFileScope();
+exports.tokens = tokens;

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

@@ -0,0 +1,85 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+setFileScope("src/themes/momotaro/tokens.css.ts", "@blockle/blocks");
+const tokens = {
+  border: {
+    radius: {
+      small: "4px",
+      medium: "8px",
+      large: "16px",
+      xlarge: "32px"
+    },
+    width: {
+      small: "1px",
+      medium: "2px",
+      large: "4px"
+    }
+  },
+  color: {
+    white: "#fff",
+    black: "#000",
+    body: "#F4F6FA",
+    primaryLight: "#E4DFFF",
+    primary: "#7265E3",
+    primaryDark: "#4D3CAB",
+    secondaryLight: "#7CF5CD",
+    secondary: "#7FE3F0",
+    secondaryDark: "#68C6EF",
+    text: "#2D3142",
+    textLight: "#9C9EB9",
+    textDark: "#4C5980",
+    danger: "#FF9B90",
+    link: "#7265E3"
+  },
+  shadow: {
+    small: "0px 4px 8px rgba(0, 0, 0, 0.08)",
+    medium: "0px 8px 16px rgba(0, 0, 0, 0.08)",
+    large: "0px 16px 24px rgba(0, 0, 0, 0.08)"
+  },
+  focus: {
+    boxShadow: "0 0 1px 2px #AF8EFF"
+  },
+  spacing: {
+    none: "0px",
+    gutter: "28px",
+    xsmall: "4px",
+    small: "8px",
+    medium: "12px",
+    large: "16px",
+    xlarge: "24px"
+  },
+  transition: {
+    slow: "240ms",
+    normal: "120ms",
+    fast: "80ms"
+  },
+  typography: {
+    fontFamily: {
+      body: '"Rubik", sans-serif',
+      primary: '"Rubik", sans-serif',
+      secondary: '"Rubik", sans-serif'
+    },
+    fontSize: {
+      xsmall: "12px",
+      small: "14px",
+      medium: "16px",
+      large: "20px",
+      xlarge: "24px"
+    },
+    fontWeight: {
+      regular: 400,
+      medium: 500,
+      strong: 700
+    },
+    lineHeight: {
+      xsmall: "1rem",
+      small: "1.25rem",
+      medium: "1.5rem",
+      large: "1.75rem",
+      xlarge: "2rem"
+    }
+  }
+};
+endFileScope();
+export {
+  tokens
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",
@@ -59,14 +59,6 @@
   "resolutions": {
     "string-width": "^4.2.2"
   },
-  "dependencies": {
-    "@storybook/test": "^8.0.2",
-    "@vanilla-extract/css": "^1.14.1",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/sprinkles": "^1.6.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
   "devDependencies": {
     "@changesets/cli": "^2.27.1",
     "@crackle/cli": "^0.15.2",
@@ -80,12 +72,16 @@
     "@storybook/blocks": "^8.0.2",
     "@storybook/react": "^8.0.2",
     "@storybook/react-vite": "^8.0.2",
+    "@storybook/test": "^8.0.2",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@types/react": "^18.2.67",
     "@types/react-dom": "^18.2.22",
     "@typescript-eslint/eslint-plugin": "^7.3.1",
     "@typescript-eslint/parser": "^7.3.1",
+    "@vanilla-extract/css": "^1.14.1",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/sprinkles": "^1.6.1",
     "@vanilla-extract/vite-plugin": "^4.0.6",
     "@vitest/coverage-v8": "^1.4.0",
     "autoprefixer": "^10.4.18",
@@ -101,9 +97,15 @@
     "jsdom": "^24.0.0",
     "prettier": "^3.2.5",
     "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "storybook": "^8.0.2",
     "typescript": "^5.4.2",
     "vitest": "^1.4.0"
   },
+  "peerDependencies": {
+    "@vanilla-extract/css": "^1.14",
+    "react": "^18"
+  },
   "packageManager": "yarn@1.22.19"
 }