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

Comparing version 0.1.16 to 0.2.0

dist/main.js

@@ -56,3 +56,3 @@ 'use strict';
       background: "$background-neutrals-disabled",
-      border: "1px solid transparent"
+      borderColor: "transparent"
     },
@@ -86,3 +86,8 @@ invalid: {
     placeholder: {
-      color: "$text-neutrals-subtle"
+      old: {
+        color: "$text-neutrals-subtle"
+      },
+      v1: {
+        color: "$text-neutrals-placeholder"
+      }
     },
@@ -99,2 +104,29 @@ disabled: {
     }
+  },
+  v1: {
+    idle: {
+      border: "1.5px solid $border-neutrals",
+      fontSize: "$175",
+      lineHeight: "$400"
+    },
+    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"
+      }
+    }
   }
@@ -101,0 +133,0 @@ };

dist/module.js

@@ -52,3 +52,3 @@ import { focus } from '@mirohq/design-system-styles';
       background: "$background-neutrals-disabled",
-      border: "1px solid transparent"
+      borderColor: "transparent"
     },
@@ -82,3 +82,8 @@ invalid: {
     placeholder: {
-      color: "$text-neutrals-subtle"
+      old: {
+        color: "$text-neutrals-subtle"
+      },
+      v1: {
+        color: "$text-neutrals-placeholder"
+      }
     },
@@ -95,2 +100,29 @@ disabled: {
     }
+  },
+  v1: {
+    idle: {
+      border: "1.5px solid $border-neutrals",
+      fontSize: "$175",
+      lineHeight: "$400"
+    },
+    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"
+      }
+    }
   }
@@ -97,0 +129,0 @@ };

dist/types.d.ts

@@ -51,3 +51,3 @@ declare const actionButtonStyles: {
             background: string;
-            border: string;
+            borderColor: string;
         };
@@ -81,3 +81,8 @@ invalid: {
         placeholder: {
-            color: string;
+            old: {
+                color: string;
+            };
+            v1: {
+                color: string;
+            };
         };
@@ -95,4 +100,31 @@ disabled: {
     };
+    v1: {
+        idle: {
+            border: string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        focused: {
+            borderColor: string;
+            '@media (forced-colors: active)': {
+                outline: string;
+            };
+        };
+        readOnly: {
+            color: string;
+            borderColor: string;
+        };
+        invalid: {
+            focused: {
+                borderColor: string;
+            };
+        };
+        valid: {
+            focused: {
+                borderColor: string;
+            };
+        };
+    };
 };
 
 export { actionButtonStyles, textFieldStyles };

package.json

 {
   "name": "@mirohq/design-system-base-text-field",
-  "version": "0.1.16",
+  "version": "0.2.0",
   "description": "",
@@ -29,3 +29,3 @@ "author": "Miro",
   "dependencies": {
-    "@mirohq/design-system-styles": "^1.2.26"
+    "@mirohq/design-system-styles": "^1.2.27"
   },
@@ -32,0 +32,0 @@ "scripts": {

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

21249

increased by27%

Lines of code

383

increased by33.45%

Dependency changes

• Updated@mirohq/design-system-styles@^1.2.27