@atlaskit/textfield - npm Package Compare versions

Comparing version 6.0.0 to 6.0.1

CHANGELOG.md

 # @atlaskit/textfield
 
+## 6.0.1
+
+### Patch Changes
+
+- [#74756](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74756) [`8e66f751df96`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8e66f751df96) - Use feature flag to roll out border width update from 2px to 1px
+
 ## 6.0.0
@@ -4,0 +10,0 @@

dist/cjs/styles.js

@@ -59,3 +59,3 @@ "use strict";
       borderColor: borderColorFocus[appearance],
-      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance]) : undefined
+      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: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(_colors.R400, ")")) : undefined
+      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: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(_colors.B200, ")")) : undefined
+      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: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2
-  }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && 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.0.0"
+  packageVersion: "6.0.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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColorFocus[appearance]}` : undefined
+    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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-danger, ${R400})`}` : undefined
+    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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${`var(--ds-border-focused, ${B200})`}` : undefined
+    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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2,
+  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
-  ...(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && 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.0.0"
+  packageVersion: "6.0.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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColorFocus[appearance]) : undefined
+      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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-danger, ".concat(R400, ")")) : undefined
+      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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", "var(--ds-border-focused, ".concat(B200, ")")) : undefined
+      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: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width, 1px)" : 2
-  }, getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && 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.0.0"
+  packageVersion: "6.0.1"
 };
@@ -19,0 +19,0 @@ var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {

package.json

 {
   "name": "@atlaskit/textfield",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "description": "A text field is an input that allows a user to write or edit text.",
@@ -29,6 +29,6 @@ "publishConfig": {
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@babel/runtime": "^7.0.0",
@@ -48,3 +48,2 @@ "@emotion/react": "^11.7.1"
     "@atlaskit/visual-regression": "*",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -99,2 +98,5 @@ "@atlassian/feature-flags-test-utils": "*",
       "type": "boolean"
+    },
+    "platform.design-system-team.update-input-border-wdith_5abwv": {
+      "type": "boolean"
     }
@@ -104,2 +106,2 @@ },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

No alert changes

Improved metrics

Dev dependency count

16

decreased by-5.88%

Worsened metrics

Total package byte prevSize

119602

decreased by-0.57%

Number of package files

39

decreased by-2.5%

Lines of code

2240

decreased by-1.41%

Dependency changes

• Updated@atlaskit/analytics-next@^9.2.0

• Updated@atlaskit/tokens@^1.38.0