@blockle/blocks 0.11.3 → 0.12.1

package/dist/styles/themes/momotaro/components/{dropdown.css.mjs → popover.css.mjs}

@@ -1,16 +1,15 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "../../../lib/css/style/style.mjs";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-setFileScope("src/themes/momotaro/components/dropdown.css.ts", "@blockle/blocks");
-const dropdown = makeComponentTheme("dropdown", {
+setFileScope("src/themes/momotaro/components/popover.css.ts", "@blockle/blocks");
+const popover = makeComponentTheme("popover", {
   base: style({
     backgroundColor: "white",
     borderRadius: "small",
     boxShadow: "medium",
     padding: "medium",
-    vars: {
-      "--spacing": "0.5rem"
-    },
+    margin: "small",
+    // Space between the popover and the anchor element
     selectors: {
       "&[data-open]": {
         transform: "scale(1)",
@@ -25,30 +24,9 @@ const dropdown = makeComponentTheme("dropdown", {
         opacity: 0
       }
     }
-  }),
-  variants: {
-    variant: {
-      solid: style({
-        backgroundColor: "white",
-        border: "none",
-        boxShadow: "medium",
-        color: "black",
-        padding: "medium"
-      }),
-      outline: style({
-        backgroundColor: "transparent",
-        border: "1px solid black",
-        boxShadow: "none",
-        color: "black",
-        padding: "medium"
-      })
-    }
-  },
-  defaultVariants: {
-    variant: "solid"
-  }
+  })
 });
 endFileScope();
 export {
-  dropdown
+  popover
 };

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

@@ -37,12 +37,12 @@ const progress = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("pro
         // For reduce motion we show a striped pattern instead of animating
         "(prefers-reduced-motion: reduce)": {
           backgroundImage: `repeating-linear-gradient(
-            45deg,
-            transparent,
-            transparent 20px,
-            ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 20px,
-            ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 40px
-          )`
+          45deg,
+          transparent,
+          transparent 20px,
+          ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 20px,
+          ${styles_lib_theme_vars_css_cjs.vars.color.primaryDark} 40px
+        )`
         },
         "(prefers-reduced-motion: no-preference)": {
           animation: `${indeterminateAnimation} 3s ease-in-out infinite`

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

@@ -36,12 +36,12 @@ const progress = makeComponentTheme("progress", {
         // For reduce motion we show a striped pattern instead of animating
         "(prefers-reduced-motion: reduce)": {
           backgroundImage: `repeating-linear-gradient(
-            45deg,
-            transparent,
-            transparent 20px,
-            ${vars.color.primaryDark} 20px,
-            ${vars.color.primaryDark} 40px
-          )`
+          45deg,
+          transparent,
+          transparent 20px,
+          ${vars.color.primaryDark} 20px,
+          ${vars.color.primaryDark} 40px
+        )`
         },
         "(prefers-reduced-motion: no-preference)": {
           animation: `${indeterminateAnimation} 3s ease-in-out infinite`

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

@@ -0,0 +1,30 @@
+"use strict";
+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");
+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({
+    backgroundColor: "primary",
+    padding: "small"
+  }),
+  variants: {
+    colorScheme: {
+      primary: styles_lib_css_style_style_cjs.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({
+        backgroundColor: "rgba(255, 255, 255, 0.8)",
+        boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)",
+        color: "black"
+      })
+    }
+  },
+  defaultVariants: {
+    colorScheme: "primary"
+  }
+});
+fileScope.endFileScope();
+exports.tooltip = tooltip;

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

@@ -0,0 +1,31 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { style } from "../../../lib/css/style/style.mjs";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
+setFileScope("src/themes/momotaro/components/tooltip.css.ts", "@blockle/blocks");
+const tooltip = makeComponentTheme("tooltip", {
+  base: style({
+    backgroundColor: "primary",
+    padding: "small"
+  }),
+  variants: {
+    colorScheme: {
+      primary: style({
+        backgroundColor: "rgba(0, 0, 0, 0.8)",
+        boxShadow: "0 0 0 1px rgba(255, 255, 255, 0.1)",
+        color: "white"
+      }),
+      secondary: style({
+        backgroundColor: "rgba(255, 255, 255, 0.8)",
+        boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.1)",
+        color: "black"
+      })
+    }
+  },
+  defaultVariants: {
+    colorScheme: "primary"
+  }
+});
+endFileScope();
+export {
+  tooltip
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks",
-  "version": "0.11.3",
+  "version": "0.12.1",
   "description": "Blocks design system",
   "repository": "git@github.com:Blockle/blocks.git",
   "license": "MIT",
@@ -60,48 +60,49 @@
     "string-width": "^4.2.2"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.1",
-    "@crackle/cli": "^0.15.2",
-    "@crackle/core": "^0.33.1",
-    "@storybook/addon-a11y": "^8.0.2",
-    "@storybook/addon-coverage": "^1.0.1",
-    "@storybook/addon-essentials": "^8.0.2",
-    "@storybook/addon-interactions": "^8.0.2",
-    "@storybook/addon-links": "^8.0.2",
+    "@changesets/cli": "^2.27.5",
+    "@crackle/cli": "^0.15.4",
+    "@crackle/core": "^0.33.3",
+    "@storybook/addon-a11y": "^8.1.6",
+    "@storybook/addon-coverage": "^1.0.4",
+    "@storybook/addon-essentials": "^8.1.6",
+    "@storybook/addon-interactions": "^8.1.6",
+    "@storybook/addon-links": "^8.1.6",
     "@storybook/addons": "^7.6.17",
-    "@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",
+    "@storybook/blocks": "^8.1.6",
+    "@storybook/react": "^8.1.6",
+    "@storybook/react-vite": "^8.1.6",
+    "@storybook/test": "^8.1.6",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^16.0.0",
+    "@types/eslint": "^8.56.10",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
+    "@vanilla-extract/css": "^1.15.2",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/sprinkles": "^1.6.2",
+    "@vanilla-extract/vite-plugin": "^4.0.10",
+    "@vitest/coverage-v8": "^1.6.0",
+    "autoprefixer": "^10.4.19",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.0",
+    "eslint": "^8",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jest": "^27.9.0",
+    "eslint-plugin-jest": "^28.6.0",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.8.0",
-    "eslint-plugin-unicorn": "^51.0.1",
-    "jsdom": "^24.0.0",
-    "prettier": "^3.2.5",
+    "eslint-plugin-unicorn": "^53.0.0",
+    "jsdom": "^24.1.0",
+    "prettier": "^3.3.1",
     "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"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.1.6",
+    "typescript": "^5.4.5",
+    "vitest": "^1.6.0"
   },
   "peerDependencies": {
     "@vanilla-extract/css": "^1.14",