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

Comparing version 0.2.4 to 0.2.5-new-focus-keyboard.2

dist/main.js

@@ -19,3 +19,3 @@ 'use strict';
   ...designSystemStyles.focus.css({
-    boxShadow: "$focus-small"
+    boxShadow: "$focus"
   }),
@@ -42,7 +42,4 @@ "&:hover": {
     focused: {
-      boxShadow: "$focus-controls",
-      borderColor: "$border-neutrals",
-      "@media (forced-colors: active)": {
-        outline: "Highlight solid"
-      }
+      boxShadow: "$focus",
+      borderColor: "$border-primary-selected"
     },
@@ -64,6 +61,2 @@ hovered: {
       },
-      focused: {
-        borderColor: "$border-danger",
-        boxShadow: "$focus-controls-error"
-      },
       hovered: {
@@ -77,6 +70,2 @@ borderColor: "$border-danger-hover"
       },
-      focused: {
-        borderColor: "$border-success",
-        boxShadow: "$focus-controls-success"
-      },
       hovered: {
@@ -113,21 +102,5 @@ borderColor: "$border-success-hover"
     },
-    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 +107,0 @@ }

dist/module.js

@@ -15,3 +15,3 @@ import { focus } from '@mirohq/design-system-styles';
   ...focus.css({
-    boxShadow: "$focus-small"
+    boxShadow: "$focus"
   }),
@@ -38,7 +38,4 @@ "&:hover": {
     focused: {
-      boxShadow: "$focus-controls",
-      borderColor: "$border-neutrals",
-      "@media (forced-colors: active)": {
-        outline: "Highlight solid"
-      }
+      boxShadow: "$focus",
+      borderColor: "$border-primary-selected"
     },
@@ -60,6 +57,2 @@ hovered: {
       },
-      focused: {
-        borderColor: "$border-danger",
-        boxShadow: "$focus-controls-error"
-      },
       hovered: {
@@ -73,6 +66,2 @@ borderColor: "$border-danger-hover"
       },
-      focused: {
-        borderColor: "$border-success",
-        boxShadow: "$focus-controls-success"
-      },
       hovered: {
@@ -109,21 +98,5 @@ borderColor: "$border-success-hover"
     },
-    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 +103,0 @@ }

dist/types.d.ts

@@ -38,5 +38,2 @@ declare const actionButtonStyles: {
             borderColor: string;
-            '@media (forced-colors: active)': {
-                outline: string;
-            };
         };
@@ -58,6 +55,2 @@ hovered: {
             };
-            focused: {
-                borderColor: string;
-                boxShadow: string;
-            };
             hovered: {
@@ -71,6 +64,2 @@ borderColor: string;
             };
-            focused: {
-                borderColor: string;
-                boxShadow: string;
-            };
             hovered: {
@@ -107,8 +96,2 @@ borderColor: string;
         };
-        focused: {
-            borderColor: string;
-            '@media (forced-colors: active)': {
-                outline: string;
-            };
-        };
         readOnly: {
@@ -118,12 +101,2 @@ color: string;
         };
-        invalid: {
-            focused: {
-                borderColor: string;
-            };
-        };
-        valid: {
-            focused: {
-                borderColor: string;
-            };
-        };
     };
@@ -130,0 +103,0 @@ };

package.json

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

No alert changes

Worsened metrics

Total package byte prevSize

16894

decreased by-20.5%

Lines of code

302

decreased by-21.15%

Dependency changes

• Updated@mirohq/design-system-styles@^1.2.32-new-focus-keyboard.2