@atlaskit/textarea 5.1.0 → 5.1.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/textarea
 
+## 5.1.2
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
+## 5.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
+
 ## 5.1.0
 
 ### Minor Changes

package/component-tokens/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/component-tokens.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/component-tokens.d.ts"
       ]

package/dist/cjs/styles.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getBaseStyles = exports.dynamicStyles = exports.borderWidth = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("@atlaskit/theme/constants");
 var componentTokens = _interopRequireWildcard(require("./component-tokens"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -90,7 +91,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
     '&:focus': {
       backgroundColor: backgroundColorFocus[appearance],
       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
     },
     '&:not(:focus)': {
       backgroundColor: backgroundColor[appearance],
@@ -100,13 +101,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
     '&[data-invalid]:focus': {
       backgroundColor: invalidRules.backgroundColorFocus,
       borderColor: invalidRules.borderColorFocus,
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus)
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus) : undefined
     },
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '&[data-invalid]:not(:focus)': {
       backgroundColor: invalidRules.backgroundColor,
       borderColor: invalidRules.borderColor,
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor) : undefined
     }
   }, appearance === 'standard' ? {
     '&:disabled:focus': {
@@ -138,7 +139,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(app
       '&[data-invalid]': {
         backgroundColor: invalidRules.backgroundColorHover,
         borderColor: invalidRules.borderColor,
-        boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
+        boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor) : undefined
       }
     }
   });
@@ -171,7 +172,7 @@ var fontFamilyStyle = function fontFamilyStyle(isMonospaced) {
 var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
   var minimumRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   var appearance = arguments.length > 1 ? arguments[1] : undefined;
-  var borderWidth = appearance !== 'none' ? 1 : 2;
+  var borderWidth = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') && appearance !== 'none' ? 1 : 2;
   var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
   var borderHeight = borderWidth;
   return (0, _react.css)({
@@ -201,7 +202,7 @@ var staticStyles = (0, _react.css)({
   flex: '1 1 100%',
   borderRadius: "var(--ds-border-radius, 3px)",
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  borderWidth: 1,
+  borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : borderWidth,
   fontSize: fontSize,
   outline: 'none',
   overflow: 'auto',

package/dist/cjs/text-area.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/textarea";
-var packageVersion = "5.1.0";
+var packageVersion = "5.1.2";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,

package/dist/es2019/styles.js

@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { css } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontSize as getFontSize,
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize } from '@atlaskit/theme/constants';
@@ -79,7 +80,7 @@ const bgAndBorderColorStyles = appearance => appearance && css({
   '&:focus': {
     backgroundColor: backgroundColorFocus[appearance],
     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
   },
   '&:not(:focus)': {
     backgroundColor: backgroundColor[appearance],
@@ -89,13 +90,13 @@ const bgAndBorderColorStyles = appearance => appearance && css({
   '&[data-invalid]:focus': {
     backgroundColor: invalidRules.backgroundColorFocus,
     borderColor: invalidRules.borderColorFocus,
-    boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColorFocus}`
+    boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColorFocus}` : undefined
   },
   // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&[data-invalid]:not(:focus)': {
     backgroundColor: invalidRules.backgroundColor,
     borderColor: invalidRules.borderColor,
-    boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColor}`
+    boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColor}` : undefined
   },
   // Disabled background and border styles should not be applied to components that
   // have either no background or transparent background to begin with
@@ -126,7 +127,7 @@ const hoverBackgroundAndBorderStyles = appearance => appearance && css({
     '&[data-invalid]': {
       backgroundColor: invalidRules.backgroundColorHover,
       borderColor: invalidRules.borderColor,
-      boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColor}`
+      boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${invalidRules.borderColor}` : undefined
     }
   }
 });
@@ -152,7 +153,7 @@ const fontFamilyStyle = isMonospaced => css({
   fontFamily: isMonospaced ? codeFontFamily : fontFamily
 });
 const borderPaddingAndHeightStyles = (minimumRows = 1, appearance) => {
-  const borderWidth = appearance !== 'none' ? 1 : 2;
+  const borderWidth = getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && appearance !== 'none' ? 1 : 2;
   const horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
   const borderHeight = borderWidth;
   return css({
@@ -182,7 +183,7 @@ const staticStyles = css({
   flex: '1 1 100%',
   borderRadius: "var(--ds-border-radius, 3px)",
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  borderWidth: 1,
+  borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : borderWidth,
   fontSize: fontSize,
   outline: 'none',
   overflow: 'auto',

package/dist/es2019/text-area.js

@@ -5,7 +5,7 @@ import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { borderWidth, dynamicStyles, getBaseStyles } from './styles';
 const packageName = "@atlaskit/textarea";
-const packageVersion = "5.1.0";
+const packageVersion = "5.1.2";
 const analyticsParams = {
   componentName: 'textArea',
   packageName,

package/dist/esm/styles.js

@@ -3,6 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /** @jsx jsx */
 import { css } from '@emotion/react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontSize as getFontSize,
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize } from '@atlaskit/theme/constants';
@@ -83,7 +84,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
     '&:focus': {
       backgroundColor: backgroundColorFocus[appearance],
       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
     },
     '&:not(:focus)': {
       backgroundColor: backgroundColor[appearance],
@@ -93,13 +94,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(appearance) {
     '&[data-invalid]:focus': {
       backgroundColor: invalidRules.backgroundColorFocus,
       borderColor: invalidRules.borderColorFocus,
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus)
+      boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColorFocus) : undefined
     },
     // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '&[data-invalid]:not(:focus)': {
       backgroundColor: invalidRules.backgroundColor,
       borderColor: invalidRules.borderColor,
-      boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
+      boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor) : undefined
     }
   }, appearance === 'standard' ? {
     '&:disabled:focus': {
@@ -131,7 +132,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(app
       '&[data-invalid]': {
         backgroundColor: invalidRules.backgroundColorHover,
         borderColor: invalidRules.borderColor,
-        boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor)
+        boxShadow: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", invalidRules.borderColor) : undefined
       }
     }
   });
@@ -164,7 +165,7 @@ var fontFamilyStyle = function fontFamilyStyle(isMonospaced) {
 var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
   var minimumRows = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   var appearance = arguments.length > 1 ? arguments[1] : undefined;
-  var borderWidth = appearance !== 'none' ? 1 : 2;
+  var borderWidth = getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && appearance !== 'none' ? 1 : 2;
   var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
   var borderHeight = borderWidth;
   return css({
@@ -194,7 +195,7 @@ var staticStyles = css({
   flex: '1 1 100%',
   borderRadius: "var(--ds-border-radius, 3px)",
   // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  borderWidth: 1,
+  borderWidth: getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') ? 1 : borderWidth,
   fontSize: fontSize,
   outline: 'none',
   overflow: 'auto',

package/dist/esm/text-area.js

@@ -11,7 +11,7 @@ import { css, jsx } from '@emotion/react';
 import { usePlatformLeafEventHandler } from '@atlaskit/analytics-next';
 import { borderWidth, dynamicStyles, getBaseStyles } from './styles';
 var packageName = "@atlaskit/textarea";
-var packageVersion = "5.1.0";
+var packageVersion = "5.1.2";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/textarea",
-  "version": "5.1.0",
+  "version": "5.1.2",
   "description": "A text area lets users enter long form text which spans over multiple lines.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,7 @@
     "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.41.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -65,7 +65,7 @@
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "~4.9.5",
+    "typescript": "~5.4.2",
     "wait-for-expect": "^1.2.0"
   },
   "keywords": [
@@ -96,7 +96,10 @@
   "platform-feature-flags": {
     "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
+    },
+    "platform.design-system-team.update-input-border-wdith_5abwv": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/styles/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/styles.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/styles.d.ts"
       ]

package/text-area/package.json

@@ -6,7 +6,7 @@
   "sideEffects": false,
   "types": "../dist/types/text-area.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/text-area.d.ts"
       ]