@blockle/blocks-v2 - npm Package Compare versions

Comparing version 0.0.25 to 0.0.26

.storybook/main.ts

@@ -1,11 +0,9 @@
-import { StorybookViteConfig } from "@storybook/builder-vite";
+import { StorybookConfig } from '@storybook/react-vite';
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import { mergeConfig } from 'vite';
 
-const storybookConfig: StorybookViteConfig = {
-  features: {
-    interactionsDebugger: true,
-  },
+const storybookConfig: StorybookConfig = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
+    '@storybook/addon-coverage', // TODO Fix me
     '@storybook/addon-links',
@@ -15,6 +13,5 @@ '@storybook/addon-essentials',
     '@storybook/addon-a11y',
+    '@storybook/addon-mdx-gfm',
   ],
-  core: {
-    builder: '@storybook/builder-vite',
-  },
+  core: {},
   async viteFinal(config) {
@@ -25,5 +22,11 @@ return mergeConfig(config, {
     });
-  }
+  },
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: false,
+  },
 };
-
 export default storybookConfig;

package.json

 {
   "name": "@blockle/blocks-v2",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "description": "Blockle blocks",
@@ -19,4 +19,4 @@ "main": "src/index.ts",
     "prepublishOnly": "npm run build",
-    "storybook": "cross-env TS_NODE_PROJECT=./.storybook/tsconfig.json NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
-    "storybook:build": "cross-env TS_NODE_PROJECT=./.storybook/tsconfig.json NODE_OPTIONS=--openssl-legacy-provider build-storybook",
+    "storybook": "cross-env TS_NODE_PROJECT=./.storybook/tsconfig.json NODE_OPTIONS=--openssl-legacy-provider storybook dev -p 6006",
+    "storybook:build": "cross-env TS_NODE_PROJECT=./.storybook/tsconfig.json NODE_OPTIONS=--openssl-legacy-provider storybook build",
     "storybook:test": "cross-env TS_NODE_PROJECT=./.storybook/tsconfig.json NODE_OPTIONS=--openssl-legacy-provider test-storybook",
@@ -29,12 +29,14 @@ "eslint": "eslint --ext .js,.jsx,.ts,.tsx src/",
   "devDependencies": {
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-vite": "^0.4.2",
-    "@storybook/jest": "^0.0.10",
-    "@storybook/react": "^6.5.16",
-    "@storybook/test-runner": "^0.9.4",
-    "@storybook/testing-library": "^0.0.13",
+    "@storybook/addon-a11y": "^7.0.4",
+    "@storybook/addon-actions": "^7.0.4",
+    "@storybook/addon-coverage": "^0.0.8",
+    "@storybook/addon-essentials": "^7.0.4",
+    "@storybook/addon-interactions": "^7.0.4",
+    "@storybook/addon-links": "^7.0.4",
+    "@storybook/addon-mdx-gfm": "^7.0.4",
+    "@storybook/jest": "^0.1.0",
+    "@storybook/react": "^7.0.4",
+    "@storybook/react-vite": "^7.0.4",
+    "@storybook/test-runner": "^0.10.0",
+    "@storybook/testing-library": "^0.1.0",
     "@testing-library/jest-dom": "^5.16.5",
@@ -67,2 +69,3 @@ "@testing-library/react": "^14.0.0",
     "rimraf": "^4.1.2",
+    "storybook": "^7.0.4",
     "svg-sprite-generator": "^0.0.7",
@@ -69,0 +72,0 @@ "ts-node": "^10.9.1",

src/components/Dialog/Dialog.css.ts

@@ -49,3 +49,3 @@ import { keyframes, style } from '@vanilla-extract/css';
   animationName: backdropEnterAnimation,
-  animationDuration: '200ms',
+  animationDuration: '100ms',
   animationFillMode: 'both',
@@ -59,9 +59,5 @@ });
 export const dialog = style({
-  display: 'block',
-  position: 'relative',
-  border: 'none',
   animationName: dialogEnterAnimation,
-  animationDuration: '200ms',
+  animationDuration: '160ms',
   animationFillMode: 'both',
-  margin: 0,
 });
@@ -68,0 +64,0 @@

src/components/Select/select.css.ts

@@ -9,2 +9,3 @@ import { style } from '@vanilla-extract/css';
   flexGrow: 1,
+  paddingRight: vars.space.xlarge,
   ':invalid': {
@@ -11,0 +12,0 @@ color: vars.color.textLight,

src/css/sprinkles.css.ts

@@ -103,3 +103,3 @@ import { createSprinkles, defineProperties } from '@vanilla-extract/sprinkles';
     userSelect: ['none'],
-    width: { auto: 'auto', full: '100%' },
+    width: { auto: 'auto', full: '100%', 'fit-content': 'fit-content' },
     maxWidth: { full: '100%' },
@@ -106,0 +106,0 @@ wordBreak: ['break-word'],

src/index.ts

@@ -13,5 +13,7 @@ export * from './components/BlocksProvider';
 export * from './components/Link';
+export * from './components/Loader';
 export * from './components/PasswordInput';
 export * from './components/Portal';
 export * from './components/ProgressBar';
+export * from './components/Select';
 export * from './components/Stack';
@@ -18,0 +20,0 @@ export * from './components/Swipe';

src/reset.css.ts

 import { globalStyle } from '@vanilla-extract/css';
 
+// Should be before HTML so we wont override the box-sizing of the root element
+globalStyle(':where(*, *::before, *::after)', {
+  boxSizing: 'inherit',
+});
+
 globalStyle(':where(html)', {
@@ -8,6 +13,2 @@ lineHeight: 1.15,
 
-globalStyle(':where(*, *::before, *::after)', {
-  boxSizing: 'inherit',
-});
-
 globalStyle(':where(body)', {
@@ -14,0 +15,0 @@ margin: 0,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

291364

increased by0.05%

Number of package files

155

increased by1.31%

Lines of code

4728

increased by1.11%

Worsened metrics

Dev dependency count

44

increased by7.32%

No dependency changes