@blockle/blocks 0.11.0 → 0.11.1

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.1",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",