@blockle/blocks-theme-momotaro 1.0.0

package/dist/index.js

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

package/dist/momotaro.css.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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");
+const momotaro = blocksCore.makeTheme({
+  name: "momotaro",
+  tokens: tokens_css.tokens,
+  components: index.components
+});
+fileScope.endFileScope();
+exports.momotaro = momotaro;

package/dist/momotaro.css.d.ts

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

package/dist/momotaro.css.js

@@ -0,0 +1,14 @@
+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");
+const momotaro = makeTheme({
+  name: "momotaro",
+  tokens,
+  components
+});
+endFileScope();
+export {
+  momotaro
+};

package/dist/tokens.css.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fileScope = require("@vanilla-extract/css/fileScope");
+const blocksCore = require("@blockle/blocks-core");
+fileScope.setFileScope("src/tokens.css.ts", "@blockle/blocks-theme-momotaro");
+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: blocksCore.rem(12),
+      small: blocksCore.rem(14),
+      medium: blocksCore.rem(16),
+      large: blocksCore.rem(20),
+      xlarge: blocksCore.rem(24)
+    },
+    fontWeight: {
+      regular: 400,
+      medium: 500,
+      strong: 700
+    },
+    lineHeight: {
+      xsmall: blocksCore.rem(16),
+      small: blocksCore.rem(20),
+      medium: blocksCore.rem(24),
+      large: blocksCore.rem(28),
+      xlarge: blocksCore.rem(32)
+    }
+  }
+};
+fileScope.endFileScope();
+exports.tokens = tokens;

package/dist/tokens.css.d.ts

@@ -0,0 +1,2 @@
+import { ThemeTokens } from '@blockle/blocks-core';
+export declare const tokens: ThemeTokens;

package/dist/tokens.css.js

@@ -0,0 +1,86 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { rem } from "@blockle/blocks-core";
+setFileScope("src/tokens.css.ts", "@blockle/blocks-theme-momotaro");
+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: rem(12),
+      small: rem(14),
+      medium: rem(16),
+      large: rem(20),
+      xlarge: rem(24)
+    },
+    fontWeight: {
+      regular: 400,
+      medium: 500,
+      strong: 700
+    },
+    lineHeight: {
+      xsmall: rem(16),
+      small: rem(20),
+      medium: rem(24),
+      large: rem(28),
+      xlarge: rem(32)
+    }
+  }
+};
+endFileScope();
+export {
+  tokens
+};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@blockle/blocks-theme-momotaro",
+  "version": "1.0.0",
+  "description": "Design system for React",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/index.d.mts",
+        "require": "./dist/index.d.ts"
+      },
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest ",
+    "lint": "biome format ./src",
+    "format": "biome format --write ./src",
+    "ts": "tsc --noemit --project ./tsconfig.json"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/Blockle/blocks.git"
+  },
+  "author": "Niek Saarberg <n.saarberg@gmail.com>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Blockle/blocks/issues"
+  },
+  "homepage": "https://github.com/Blockle/blocks#readme",
+  "peerDependencies": {
+    "@blockle/blocks-core": "^0.21.0"
+  }
+}