@blockle/blocks 0.19.1 → 0.20.0-alpha1.0

package/dist/{styles/themes → themes}/momotaro/components/tooltip.css.cjs

@@ -1,21 +1,22 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileScope = require("@vanilla-extract/css/fileScope");
-const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const style = require("../../../lib/css/style/style.cjs");
+const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/tooltip.css.ts", "@blockle/blocks");
-const tooltip = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("tooltip", {
-  base: styles_lib_css_style_style_cjs.style({
+const tooltip = makeComponentTheme.makeComponentTheme("tooltip", {
+  base: style.style({
     backgroundColor: "primary",
     padding: "small"
   }),
   variants: {
     colorScheme: {
-      primary: styles_lib_css_style_style_cjs.style({
+      primary: style.style({
         backgroundColor: "rgba(0, 0, 0, 0.8)",
         boxShadow: "0 0 0 1px rgba(255, 255, 255, 0.1)",
         color: "white"
       }),
-      secondary: styles_lib_css_style_style_cjs.style({
+      secondary: style.style({
         backgroundColor: "rgba(255, 255, 255, 0.8)",
         boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)",
         color: "black"

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

@@ -0,0 +1 @@
+export declare const tooltip: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').TooltipTheme> | undefined;

package/dist/{styles/themes/momotaro/components/tooltip.css.mjs → themes/momotaro/components/tooltip.css.js}

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "../../../lib/css/style/style.mjs";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
+import { style } from "../../../lib/css/style/style.js";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.js";
 setFileScope("src/themes/momotaro/components/tooltip.css.ts", "@blockle/blocks");
 const tooltip = makeComponentTheme("tooltip", {
   base: style({

package/dist/{styles/themes → themes}/momotaro/components/transitions.cjs

@@ -1,3 +1,4 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const bounceOut = "cubic-bezier(.65,.36,.55,1.65)";
 exports.bounceOut = bounceOut;

package/dist/themes/momotaro/components/transitions.d.ts

@@ -0,0 +1 @@
+export declare const bounceOut = "cubic-bezier(.65,.36,.55,1.65)";

package/dist/themes/momotaro/index.d.ts

@@ -0,0 +1 @@
+export { momotaro } from './momotaro.css';

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fileScope = require("@vanilla-extract/css/fileScope");
+const makeTheme = require("../../lib/theme/makeTheme.cjs");
+const index = require("./components/index.cjs");
+const tokens_css = require("./tokens.css.cjs");
+fileScope.setFileScope("src/themes/momotaro/momotaro.css.ts", "@blockle/blocks");
+const momotaro = makeTheme.makeTheme({
+  name: "momotaro",
+  tokens: tokens_css.tokens,
+  components: index.components
+});
+fileScope.endFileScope();
+exports.momotaro = momotaro;

package/dist/themes/momotaro/momotaro.css.d.ts

@@ -0,0 +1 @@
+export declare const momotaro: import('../../lib/theme/makeTheme').Theme;

package/dist/{styles/themes/momotaro/momotaro.css.mjs → themes/momotaro/momotaro.css.js}

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { makeTheme } from "../../lib/theme/makeTheme.mjs";
-import { components } from "./components/index.mjs";
-import { tokens } from "./tokens.css.mjs";
+import { makeTheme } from "../../lib/theme/makeTheme.js";
+import { components } from "./components/index.js";
+import { tokens } from "./tokens.css.js";
 setFileScope("src/themes/momotaro/momotaro.css.ts", "@blockle/blocks");
 const momotaro = makeTheme({
   name: "momotaro",

package/dist/{styles/themes → themes}/momotaro/tokens.css.cjs

@@ -1,6 +1,7 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileScope = require("@vanilla-extract/css/fileScope");
-const styles_lib_css_utils_cssUtils_cjs = require("../../lib/css/utils/cssUtils.cjs");
+const cssUtils = require("../../lib/css/utils/cssUtils.cjs");
 fileScope.setFileScope("src/themes/momotaro/tokens.css.ts", "@blockle/blocks");
 const tokens = {
   border: {
@@ -61,11 +62,11 @@ const tokens = {
       secondary: '"Rubik", sans-serif'
     },
     fontSize: {
-      xsmall: styles_lib_css_utils_cssUtils_cjs.rem(12),
-      small: styles_lib_css_utils_cssUtils_cjs.rem(14),
-      medium: styles_lib_css_utils_cssUtils_cjs.rem(16),
-      large: styles_lib_css_utils_cssUtils_cjs.rem(20),
-      xlarge: styles_lib_css_utils_cssUtils_cjs.rem(24)
+      xsmall: cssUtils.rem(12),
+      small: cssUtils.rem(14),
+      medium: cssUtils.rem(16),
+      large: cssUtils.rem(20),
+      xlarge: cssUtils.rem(24)
     },
     fontWeight: {
       regular: 400,
@@ -73,11 +74,11 @@ const tokens = {
       strong: 700
     },
     lineHeight: {
-      xsmall: styles_lib_css_utils_cssUtils_cjs.rem(16),
-      small: styles_lib_css_utils_cssUtils_cjs.rem(20),
-      medium: styles_lib_css_utils_cssUtils_cjs.rem(24),
-      large: styles_lib_css_utils_cssUtils_cjs.rem(28),
-      xlarge: styles_lib_css_utils_cssUtils_cjs.rem(32)
+      xsmall: cssUtils.rem(16),
+      small: cssUtils.rem(20),
+      medium: cssUtils.rem(24),
+      large: cssUtils.rem(28),
+      xlarge: cssUtils.rem(32)
     }
   }
 };

package/dist/themes/momotaro/tokens.css.d.ts

@@ -0,0 +1,2 @@
+import { ThemeTokens } from '../../lib/theme/tokensType';
+export declare const tokens: ThemeTokens;

package/dist/{styles/themes/momotaro/tokens.css.mjs → themes/momotaro/tokens.css.js}

@@ -1,5 +1,5 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { rem } from "../../lib/css/utils/cssUtils.mjs";
+import { rem } from "../../lib/css/utils/cssUtils.js";
 setFileScope("src/themes/momotaro/tokens.css.ts", "@blockle/blocks");
 const tokens = {
   border: {

package/dist/themes/momotaro.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const styles_themes_momotaro_momotaro_css_cjs = require("../styles/themes/momotaro/momotaro.css.cjs");
-exports.momotaro = styles_themes_momotaro_momotaro_css_cjs.momotaro;
+const momotaro_css = require("./momotaro/momotaro.css.cjs");
+exports.momotaro = momotaro_css.momotaro;

package/dist/themes/momotaro.js

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

package/package.json

@@ -1,41 +1,37 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.19.1",
+  "version": "0.20.0-alpha1.0",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",
   "author": "Niek Saarberg <n.saarberg@gmail.com>",
   "sideEffects": [
-    "**/entries/reset.ts",
-    "**/reset/**",
-    "*.css.*",
-    "dist/reset.*",
-    "dist/side-effects/**"
+    "*.css.*"
   ],
   "type": "module",
   "exports": {
     ".": {
       "types": {
-        "import": "./dist/index.d.mts",
+        "import": "./dist/index.d.ts",
         "require": "./dist/index.d.ts"
       },
-      "import": "./dist/index.mjs",
+      "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
     "./reset": {
       "types": {
-        "import": "./dist/reset.d.mts",
+        "import": "./dist/reset.d.ts",
         "require": "./dist/reset.d.ts"
       },
-      "import": "./dist/reset.mjs",
+      "import": "./dist/reset.js",
       "require": "./dist/reset.cjs"
     },
     "./themes/momotaro": {
       "types": {
-        "import": "./dist/themes/momotaro.d.mts",
+        "import": "./dist/themes/momotaro.d.ts",
         "require": "./dist/themes/momotaro.d.ts"
       },
-      "import": "./dist/themes/momotaro.mjs",
+      "import": "./dist/themes/momotaro.js",
       "require": "./dist/themes/momotaro.cjs"
     },
     "./package.json": "./package.json"
@@ -49,12 +45,13 @@
     "themes/momotaro"
   ],
   "scripts": {
-    "build": "crackle package && node ./temp-use-client-fix.js",
+    "build": "vite build",
     "build-storybook": "storybook build",
     "changeset": "changeset",
     "coverage": "vitest run --coverage",
     "fix": "crackle fix",
-    "lint": "eslint .",
+    "lint": "biome format ./src",
+    "format": "biome format --write ./src",
     "release": "npm run ts && npm run test && npm run build && changeset publish",
     "storybook": "storybook dev -p 6006 --no-open",
     "test": "vitest --silent",
@@ -64,10 +61,9 @@
     "string-width": "^4.2.2"
   },
   "devDependencies": {
+    "@biomejs/biome": "1.9.4",
     "@changesets/cli": "^2.27.12",
     "@chromatic-com/storybook": "^3.2.4",
-    "@crackle/cli": "^0.15.5",
-    "@crackle/core": "^0.33.3",
     "@storybook/addon-a11y": "^8.5.3",
     "@storybook/addon-coverage": "^1.0.5",
     "@storybook/addon-essentials": "^8.5.3",
@@ -80,33 +76,26 @@
     "@storybook/test": "^8.5.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@types/eslint": "^8.56.12",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
     "@vanilla-extract/css": "^1.17.1",
     "@vanilla-extract/css-utils": "^0.1.4",
     "@vanilla-extract/sprinkles": "^1.6.2",
     "@vanilla-extract/vite-plugin": "^5.0.0",
+    "@vitejs/plugin-react-swc": "^3.8.0",
     "@vitest/coverage-v8": "^3.0.4",
     "autoprefixer": "^10.4.19",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jest": "^28.6.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.2",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-unicorn": "^53.0.0",
     "jsdom": "^26.0.0",
-    "prettier": "^3.3.1",
     "prop-types": "^15.8.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "rollup-preserve-directives": "^1.1.3",
     "storybook": "^8.5.3",
     "typescript": "^5.7.3",
+    "vite": "^6.1.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-externalize-deps": "^0.9.0",
     "vitest": "^3.0.4"
   },
   "peerDependencies": {

package/dist/index.d.mts

@@ -1 +0,0 @@
-export { BlocksProvider, BlocksProviderProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Dialog, DialogProps, Divider, DividerProps, Heading, HeadingProps, Inline, InlineProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Portal, PortalProps, Progress, ProgressProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Stack, StackProps, Switch, SwitchProps, Text, TextProps, ThemeComponentsStyles, ThemeTokens, Tooltip, TooltipProps, VisuallyHidden, VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars } from './momotaro.chunk.js';