@mirohq/design-system-icon-button - npm Package Compare versions

Comparing version 3.2.8 to 3.2.9-new-focus-keyboard.1

dist/main.js

@@ -25,10 +25,9 @@ 'use strict';
   justifyContent: "center",
+  ...designSystemStyles.focus.css({
+    boxShadow: "$focus-keyboard"
+  }),
   variants: {
     v1: {
       false: {},
-      true: {
-        ...designSystemStyles.focus.css({
-          boxShadow: "$focus-v1"
-        })
-      }
+      true: {}
     },
@@ -65,6 +64,2 @@ variant: {
         border: "1px solid $border-neutrals",
-        ...designSystemStyles.focus.css({
-          boxShadow: "$focus-small-outline",
-          borderColor: "$blue-400 !important"
-        }),
         _hover: {
@@ -95,5 +90,2 @@ backgroundColor: "$background-neutrals-subtle-hover",
         backgroundColor: "$transparent",
-        ...designSystemStyles.focus.css({
-          boxShadow: "$focus-small"
-        }),
         _hover: {
@@ -142,17 +134,5 @@ color: "$icon-danger-hover",
     {
-      variant: "primary",
-      v1: false,
-      css: {
-        ...designSystemStyles.focus.css({
-          boxShadow: "$focus-small"
-        })
-      }
-    },
-    {
       variant: "secondary",
       v1: false,
       css: {
-        ...designSystemStyles.focus.css({
-          boxShadow: "$focus-small"
-        }),
         [activeSelector]: {
@@ -176,5 +156,2 @@ backgroundColor: "$background-neutrals-subtle-active"
       css: {
-        ...designSystemStyles.focus.css({
-          boxShadow: "$focus-small"
-        }),
         _hover: {
@@ -181,0 +158,0 @@ backgroundColor: "$background-neutrals-subtle-hover"

dist/module.js

@@ -17,10 +17,9 @@ import { jsx, Fragment } from 'react/jsx-runtime';
   justifyContent: "center",
+  ...focus.css({
+    boxShadow: "$focus-keyboard"
+  }),
   variants: {
     v1: {
       false: {},
-      true: {
-        ...focus.css({
-          boxShadow: "$focus-v1"
-        })
-      }
+      true: {}
     },
@@ -57,6 +56,2 @@ variant: {
         border: "1px solid $border-neutrals",
-        ...focus.css({
-          boxShadow: "$focus-small-outline",
-          borderColor: "$blue-400 !important"
-        }),
         _hover: {
@@ -87,5 +82,2 @@ backgroundColor: "$background-neutrals-subtle-hover",
         backgroundColor: "$transparent",
-        ...focus.css({
-          boxShadow: "$focus-small"
-        }),
         _hover: {
@@ -134,17 +126,5 @@ color: "$icon-danger-hover",
     {
-      variant: "primary",
-      v1: false,
-      css: {
-        ...focus.css({
-          boxShadow: "$focus-small"
-        })
-      }
-    },
-    {
       variant: "secondary",
       v1: false,
       css: {
-        ...focus.css({
-          boxShadow: "$focus-small"
-        }),
         [activeSelector]: {
@@ -168,5 +148,2 @@ backgroundColor: "$background-neutrals-subtle-active"
       css: {
-        ...focus.css({
-          boxShadow: "$focus-small"
-        }),
         _hover: {
@@ -173,0 +150,0 @@ backgroundColor: "$background-neutrals-subtle-hover"

package.json

 {
   "name": "@mirohq/design-system-icon-button",
-  "version": "3.2.8",
+  "version": "3.2.9-new-focus-keyboard.1",
   "description": "",
@@ -29,8 +29,8 @@ "author": "Miro",
   "dependencies": {
-    "@mirohq/design-system-badge": "^0.5.0",
-    "@mirohq/design-system-base-button": "^0.5.0",
+    "@mirohq/design-system-badge": "^0.5.1-new-focus-keyboard.1",
+    "@mirohq/design-system-base-button": "^0.5.1-new-focus-keyboard.1",
     "@mirohq/design-system-base-icon": "^0.1.33",
     "@mirohq/design-system-experiments": "^0.2.0",
-    "@mirohq/design-system-stitches": "^2.6.30",
-    "@mirohq/design-system-styles": "^1.2.30",
+    "@mirohq/design-system-stitches": "^2.6.31-new-focus-keyboard.1",
+    "@mirohq/design-system-styles": "^1.2.31-new-focus-keyboard.1",
     "@mirohq/design-system-use-id": "^0.1.2",
@@ -37,0 +37,0 @@ "@mirohq/design-system-utils": "^0.15.5"

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

53375

decreased by-5.43%

Lines of code

622

decreased by-6.89%

Number of low quality alerts

2

increased by100%

Dependency changes

• Updated@mirohq/design-system-badge@^0.5.1-new-focus-keyboard.1

• Updated@mirohq/design-system-base-button@^0.5.1-new-focus-keyboard.1

• Updated@mirohq/design-system-stitches@^2.6.31-new-focus-keyboard.1

• Updated@mirohq/design-system-styles@^1.2.31-new-focus-keyboard.1