@atlaskit/textfield - npm Package Compare versions

Comparing version 6.1.0 to 6.1.1

CHANGELOG.md

 # @atlaskit/textfield
 
+## 6.1.1
+
+### Patch Changes
+
+- [#81644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/81644) [`8ab7a816dca7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8ab7a816dca7) - Revert input border change from the previous version
+
 ## 6.1.0
@@ -4,0 +10,0 @@

dist/cjs/styles.js

@@ -59,3 +59,3 @@ "use strict";
       borderColor: borderColorFocus[appearance],
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance])
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance]) : undefined
     },
@@ -71,3 +71,3 @@ '&[data-disabled]': _objectSpread({
       borderColor: "var(--ds-border-danger, ".concat(_colors.R400, ")"),
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(_colors.R400, ")"))
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(_colors.R400, ")")) : undefined
     },
@@ -77,3 +77,3 @@ '&[data-invalid]:focus-within': {
       borderColor: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(_colors.B200, ")"))
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(_colors.B200, ")")) : undefined
     },
@@ -108,4 +108,4 @@ '@media screen and (-ms-high-contrast: active)': {
     borderRadius: 3,
-    borderWidth: "var(--ds-border-width, 1px)"
-  }, appearance !== 'none' ? {
+    borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : 2
+  }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') && appearance !== 'none' ? {
     padding: "var(--ds-border-width, 1px)".concat(" 0")
@@ -112,0 +112,0 @@ } : {}), {}, {

dist/cjs/text-field.js

@@ -26,3 +26,3 @@ "use strict";
   packageName: "@atlaskit/textfield",
-  packageVersion: "6.1.0"
+  packageVersion: "6.1.1"
 };
@@ -29,0 +29,0 @@ var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {

dist/es2019/styles.js

@@ -50,3 +50,3 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
     borderColor: borderColorFocus[appearance],
-    boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColorFocus[appearance]}`
+    boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColorFocus[appearance]}` : undefined
   },
@@ -65,3 +65,3 @@ '&[data-disabled]': {
     borderColor: `var(--ds-border-danger, ${R400})`,
-    boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-danger, ${R400})`}`
+    boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-danger, ${R400})`}` : undefined
   },
@@ -71,3 +71,3 @@ '&[data-invalid]:focus-within': {
     borderColor: `var(--ds-border-focused, ${B200})`,
-    boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-focused, ${B200})`}`
+    boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-focused, ${B200})`}` : undefined
   },
@@ -98,5 +98,5 @@ '@media screen and (-ms-high-contrast: active)': {
   borderRadius: 3,
-  borderWidth: "var(--ds-border-width, 1px)",
+  borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : 2,
   // add 1px padding on both top and bottom to keep the same overall height after border reduced from 2px to 1px under feature flag
-  ...(appearance !== 'none' ? {
+  ...(getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && appearance !== 'none' ? {
     padding: `${"var(--ds-border-width, 1px)"} 0`
@@ -103,0 +103,0 @@ } : {}),

dist/es2019/text-field.js

@@ -10,3 +10,3 @@ import _extends from "@babel/runtime/helpers/extends";
   packageName: "@atlaskit/textfield",
-  packageVersion: "6.1.0"
+  packageVersion: "6.1.1"
 };
@@ -13,0 +13,0 @@ const Textfield = /*#__PURE__*/forwardRef((props, ref) => {

dist/esm/styles.js

@@ -54,3 +54,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
       borderColor: borderColorFocus[appearance],
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance])
+      boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance]) : undefined
     },
@@ -66,3 +66,3 @@ '&[data-disabled]': _objectSpread({
       borderColor: "var(--ds-border-danger, ".concat(R400, ")"),
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(R400, ")"))
+      boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(R400, ")")) : undefined
     },
@@ -72,3 +72,3 @@ '&[data-invalid]:focus-within': {
       borderColor: "var(--ds-border-focused, ".concat(B200, ")"),
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(B200, ")"))
+      boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(B200, ")")) : undefined
     },
@@ -103,4 +103,4 @@ '@media screen and (-ms-high-contrast: active)': {
     borderRadius: 3,
-    borderWidth: "var(--ds-border-width, 1px)"
-  }, appearance !== 'none' ? {
+    borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "var(--ds-border-width, 1px)" : 2
+  }, getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && appearance !== 'none' ? {
     padding: "var(--ds-border-width, 1px)".concat(" 0")
@@ -107,0 +107,0 @@ } : {}), {}, {

dist/esm/text-field.js

@@ -16,3 +16,3 @@ import _extends from "@babel/runtime/helpers/extends";
   packageName: "@atlaskit/textfield",
-  packageVersion: "6.1.0"
+  packageVersion: "6.1.1"
 };
@@ -19,0 +19,0 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {

dist/types-ts4.5/styles.d.ts

@@ -17,3 +17,3 @@ import { Appearance } from './types';
     readonly borderRadius: 3;
-    readonly borderWidth: "var(--ds-border-width)";
+    readonly borderWidth: "var(--ds-border-width)" | 2;
     readonly backgroundColor: string;
@@ -30,3 +30,3 @@ readonly borderColor: string;
         borderColor: string;
-        boxShadow: string;
+        boxShadow: string | undefined;
     };
@@ -41,3 +41,3 @@ readonly '&[data-disabled]': {
         borderColor: "var(--ds-border-danger)";
-        boxShadow: string;
+        boxShadow: string | undefined;
     };
@@ -47,3 +47,3 @@ readonly '&[data-invalid]:focus-within': {
         borderColor: "var(--ds-border-focused)";
-        boxShadow: string;
+        boxShadow: string | undefined;
     };
@@ -50,0 +50,0 @@ readonly '@media screen and (-ms-high-contrast: active)': {

dist/types/styles.d.ts

@@ -17,3 +17,3 @@ import { Appearance } from './types';
     readonly borderRadius: 3;
-    readonly borderWidth: "var(--ds-border-width)";
+    readonly borderWidth: "var(--ds-border-width)" | 2;
     readonly backgroundColor: string;
@@ -30,3 +30,3 @@ readonly borderColor: string;
         borderColor: string;
-        boxShadow: string;
+        boxShadow: string | undefined;
     };
@@ -41,3 +41,3 @@ readonly '&[data-disabled]': {
         borderColor: "var(--ds-border-danger)";
-        boxShadow: string;
+        boxShadow: string | undefined;
     };
@@ -47,3 +47,3 @@ readonly '&[data-invalid]:focus-within': {
         borderColor: "var(--ds-border-focused)";
-        boxShadow: string;
+        boxShadow: string | undefined;
     };
@@ -50,0 +50,0 @@ readonly '@media screen and (-ms-high-contrast: active)': {

package.json

 {
   "name": "@atlaskit/textfield",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "description": "A text field is an input that allows a user to write or edit text.",
@@ -96,2 +96,5 @@ "publishConfig": {
       "type": "boolean"
+    },
+    "platform.design-system-team.update-input-border-wdith_5abwv": {
+      "type": "boolean"
     }
@@ -98,0 +101,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

120624

increased by1.61%

No dependency changes