@mirohq/design-system-base-text-field - npm Package Compare versions

Comparing version 0.2.3 to 0.3.0-new-focus-keyboard.0

dist/main.js

@@ -19,3 +19,3 @@ 'use strict';
   ...designSystemStyles.focus.css({
-    boxShadow: "$focus-small"
+    boxShadow: "$focus-keyboard"
   }),
@@ -42,4 +42,3 @@ "&:hover": {
     focused: {
-      boxShadow: "$focus-controls",
-      borderColor: "$border-neutrals",
+      borderColor: "$border-primary-selected",
       "@media (forced-colors: active)": {
@@ -65,4 +64,3 @@ outline: "Highlight solid"
       focused: {
-        borderColor: "$border-danger",
-        boxShadow: "$focus-controls-error"
+        borderColor: "$border-primary-selected"
       },
@@ -78,4 +76,3 @@ hovered: {
       focused: {
-        borderColor: "$border-success",
-        boxShadow: "$focus-controls-success"
+        borderColor: "$border-primary-selected"
       },
@@ -113,21 +110,5 @@ hovered: {
     },
-    focused: {
-      borderColor: "$border-primary-selected",
-      "@media (forced-colors: active)": {
-        outline: "Highlight solid"
-      }
-    },
     readOnly: {
       color: "$text-neutrals",
       borderColor: "transparent"
-    },
-    invalid: {
-      focused: {
-        borderColor: "$border-primary-selected"
-      }
-    },
-    valid: {
-      focused: {
-        borderColor: "$border-primary-selected"
-      }
     }
@@ -134,0 +115,0 @@ }

dist/module.js

@@ -15,3 +15,3 @@ import { focus } from '@mirohq/design-system-styles';
   ...focus.css({
-    boxShadow: "$focus-small"
+    boxShadow: "$focus-keyboard"
   }),
@@ -38,4 +38,3 @@ "&:hover": {
     focused: {
-      boxShadow: "$focus-controls",
-      borderColor: "$border-neutrals",
+      borderColor: "$border-primary-selected",
       "@media (forced-colors: active)": {
@@ -61,4 +60,3 @@ outline: "Highlight solid"
       focused: {
-        borderColor: "$border-danger",
-        boxShadow: "$focus-controls-error"
+        borderColor: "$border-primary-selected"
       },
@@ -74,4 +72,3 @@ hovered: {
       focused: {
-        borderColor: "$border-success",
-        boxShadow: "$focus-controls-success"
+        borderColor: "$border-primary-selected"
       },
@@ -109,21 +106,5 @@ hovered: {
     },
-    focused: {
-      borderColor: "$border-primary-selected",
-      "@media (forced-colors: active)": {
-        outline: "Highlight solid"
-      }
-    },
     readOnly: {
       color: "$text-neutrals",
       borderColor: "transparent"
-    },
-    invalid: {
-      focused: {
-        borderColor: "$border-primary-selected"
-      }
-    },
-    valid: {
-      focused: {
-        borderColor: "$border-primary-selected"
-      }
     }
@@ -130,0 +111,0 @@ }

dist/types.d.ts

@@ -36,3 +36,2 @@ declare const actionButtonStyles: {
         focused: {
-            boxShadow: string;
             borderColor: string;
@@ -60,3 +59,2 @@ '@media (forced-colors: active)': {
                 borderColor: string;
-                boxShadow: string;
             };
@@ -73,3 +71,2 @@ hovered: {
                 borderColor: string;
-                boxShadow: string;
             };
@@ -107,8 +104,2 @@ hovered: {
         };
-        focused: {
-            borderColor: string;
-            '@media (forced-colors: active)': {
-                outline: string;
-            };
-        };
         readOnly: {
@@ -118,12 +109,2 @@ color: string;
         };
-        invalid: {
-            focused: {
-                borderColor: string;
-            };
-        };
-        valid: {
-            focused: {
-                borderColor: string;
-            };
-        };
     };
@@ -130,0 +111,0 @@ };

package.json

 {
   "name": "@mirohq/design-system-base-text-field",
-  "version": "0.2.3",
+  "version": "0.3.0-new-focus-keyboard.0",
   "description": "",
@@ -29,3 +29,3 @@ "author": "Miro",
   "dependencies": {
-    "@mirohq/design-system-styles": "^1.2.30"
+    "@mirohq/design-system-styles": "^1.2.31-new-focus-keyboard.0"
   },
@@ -32,0 +32,0 @@ "scripts": {

No alert changes

Worsened metrics

Total package byte prevSize

18293

decreased by-13.91%

Lines of code

326

decreased by-14.88%

Dependency changes

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