@atlaskit/textarea 4.7.1 → 4.7.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/textarea
 
+## 4.7.3
+
+### Patch Changes
+
+- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
+
+## 4.7.2
+
+### Patch Changes
+
+- [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
+
 ## 4.7.1
 
 ### Patch Changes

package/dist/cjs/component-tokens.js

@@ -22,8 +22,8 @@ var invalidBorderColor = {
 };
 exports.invalidBorderColor = invalidBorderColor;
 var defaultBorderColor = {
-  light: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N40, ")"),
-  dark: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.DN200 : _colors.DN40, ")")
+  light: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
+  dark: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.DN200 : _colors.DN40, ")")
 };
 exports.defaultBorderColor = defaultBorderColor;
 var defaultBorderColorFocus = {

package/dist/cjs/styles.js

@@ -12,7 +12,6 @@ var _constants = require("@atlaskit/theme/constants");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */
 var grid = (0, _constants.gridSize)();
-var borderRadius = 3;
 var lineHeightBase = grid * 2.5;
 var lineHeightCompact = grid * 2;
 var compactVerticalPadding = 2;
@@ -44,7 +43,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
     '&:focus': {
       backgroundColor: props.backgroundColorFocus,
       borderColor: props.borderColorFocus,
-      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.borderColorFocus) : undefined
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.borderColorFocus) : undefined
     },
     '&:not(:focus)': {
       backgroundColor: props.backgroundColor,
@@ -54,13 +53,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
     '&[data-invalid]:focus': {
       backgroundColor: props.invalidRules.backgroundColorFocus,
       borderColor: props.invalidRules.borderColorFocus,
-      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColorFocus) : undefined
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColorFocus) : undefined
     },
     // eslint-disable-next-line @repo/internal/styles/no-nested-styles
     '&[data-invalid]:not(:focus)': {
       backgroundColor: props.invalidRules.backgroundColor,
       borderColor: props.invalidRules.borderColor,
-      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
+      boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
     }
   }, appearance === 'standard' ? {
     '&:disabled:focus': {
@@ -92,7 +91,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
       '&[data-invalid]': {
         backgroundColor: props.invalidRules.backgroundColorHover,
         borderColor: props.invalidRules.borderColor,
-        boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
+        boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
       }
     }
   });
@@ -125,20 +124,20 @@ 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 = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') && appearance !== 'none' ? 1 : 2;
+  var borderWidth = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? 1 : 2;
   var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
   var borderHeight = borderWidth;
   return (0, _react.css)({
     // eslint-disable-next-line @repo/internal/styles/no-nested-styles
     '&[data-compact]': {
       minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       padding: "".concat(compactVerticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
       lineHeight: lineHeightCompact / fontSize
     },
     '&:not([data-compact])': {
       minHeight: borderBoxMinHeight(minimumRows, borderHeight),
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       padding: "".concat(verticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
       lineHeight: lineHeightBase / fontSize
     }
@@ -153,8 +152,9 @@ var staticStyles = (0, _react.css)({
   margin: 0,
   position: 'relative',
   flex: '1 1 100%',
-  borderRadius: borderRadius,
-  borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? 1 : borderWidth,
+  borderRadius: "var(--ds-border-radius, 3px)",
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? 1 : borderWidth,
   fontSize: fontSize,
   outline: 'none',
   overflow: 'auto',

package/dist/cjs/text-area.js

@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var packageName = "@atlaskit/textarea";
-var packageVersion = "4.7.1";
+var packageVersion = "4.7.3";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,
@@ -131,7 +131,7 @@ var TextAreaWithTokens = /*#__PURE__*/(0, _react.forwardRef)(function (props, re
     rows: minimumRows
     // TODO refactor to follow emotion styling rules
     // see: https://product-fabric.atlassian.net/browse/DSP-6060
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     css: textAreaStyles
   }, rest));

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textarea",
-	"version": "4.7.1",
+	"version": "4.7.3",
 	"sideEffects": false
 }

package/dist/es2019/component-tokens.js

@@ -13,8 +13,8 @@ export const invalidBorderColor = {
   dark: `var(--ds-border-danger, ${R400})`
 };
 export const defaultBorderColor = {
-  light: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N40})`,
-  dark: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? DN200 : DN40})`
+  light: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
+  dark: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN40})`
 };
 export const defaultBorderColorFocus = {
   light: `var(--ds-border-focused, ${B100})`,

package/dist/es2019/styles.js

@@ -5,7 +5,6 @@ import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontS
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize } from '@atlaskit/theme/constants';
 const grid = gridSize();
-const borderRadius = 3;
 const lineHeightBase = grid * 2.5;
 const lineHeightCompact = grid * 2;
 const compactVerticalPadding = 2;
@@ -35,7 +34,7 @@ const bgAndBorderColorStyles = (props, appearance) => css({
   '&:focus': {
     backgroundColor: props.backgroundColorFocus,
     borderColor: props.borderColorFocus,
-    boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? `inset 0 0 0 1px ${props.borderColorFocus}` : undefined
+    boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.borderColorFocus}` : undefined
   },
   '&:not(:focus)': {
     backgroundColor: props.backgroundColor,
@@ -45,13 +44,13 @@ const bgAndBorderColorStyles = (props, appearance) => css({
   '&[data-invalid]:focus': {
     backgroundColor: props.invalidRules.backgroundColorFocus,
     borderColor: props.invalidRules.borderColorFocus,
-    boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? `inset 0 0 0 1px ${props.invalidRules.borderColorFocus}` : undefined
+    boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.invalidRules.borderColorFocus}` : undefined
   },
   // eslint-disable-next-line @repo/internal/styles/no-nested-styles
   '&[data-invalid]:not(:focus)': {
     backgroundColor: props.invalidRules.backgroundColor,
     borderColor: props.invalidRules.borderColor,
-    boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? `inset 0 0 0 1px ${props.invalidRules.borderColor}` : undefined
+    boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.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
@@ -82,7 +81,7 @@ const hoverBackgroundAndBorderStyles = props => css({
     '&[data-invalid]': {
       backgroundColor: props.invalidRules.backgroundColorHover,
       borderColor: props.invalidRules.borderColor,
-      boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? `inset 0 0 0 1px ${props.invalidRules.borderColor}` : undefined
+      boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.invalidRules.borderColor}` : undefined
     }
   }
 });
@@ -108,20 +107,20 @@ const fontFamilyStyle = isMonospaced => css({
   fontFamily: isMonospaced ? codeFontFamily : fontFamily
 });
 const borderPaddingAndHeightStyles = (minimumRows = 1, appearance) => {
-  const borderWidth = getBooleanFF('platform.design-system-team.update-border-input_ff9l1') && appearance !== 'none' ? 1 : 2;
+  const borderWidth = getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? 1 : 2;
   const horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
   const borderHeight = borderWidth;
   return css({
     // eslint-disable-next-line @repo/internal/styles/no-nested-styles
     '&[data-compact]': {
       minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       padding: `${compactVerticalPadding}px ${horizontalPaddingWithoutBorderWidth}px`,
       lineHeight: lineHeightCompact / fontSize
     },
     '&:not([data-compact])': {
       minHeight: borderBoxMinHeight(minimumRows, borderHeight),
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       padding: `${verticalPadding}px ${horizontalPaddingWithoutBorderWidth}px`,
       lineHeight: lineHeightBase / fontSize
     }
@@ -136,8 +135,9 @@ const staticStyles = css({
   margin: 0,
   position: 'relative',
   flex: '1 1 100%',
-  borderRadius: borderRadius,
-  borderWidth: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? 1 : borderWidth,
+  borderRadius: "var(--ds-border-radius, 3px)",
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : borderWidth,
   fontSize: fontSize,
   outline: 'none',
   overflow: 'auto',

package/dist/es2019/text-area.js

@@ -7,7 +7,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import { borderWidth, getBaseStyles, themeStyles } from './styles';
 import { Theme } from './theme';
 const packageName = "@atlaskit/textarea";
-const packageVersion = "4.7.1";
+const packageVersion = "4.7.3";
 const analyticsParams = {
   componentName: 'textArea',
   packageName,
@@ -107,7 +107,7 @@ const TextAreaWithTokens = /*#__PURE__*/forwardRef((props, ref) => {
     rows: minimumRows
     // TODO refactor to follow emotion styling rules
     // see: https://product-fabric.atlassian.net/browse/DSP-6060
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     css: textAreaStyles
   }, rest));

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textarea",
-	"version": "4.7.1",
+	"version": "4.7.3",
 	"sideEffects": false
 }

package/dist/esm/component-tokens.js

@@ -13,8 +13,8 @@ export var invalidBorderColor = {
   dark: "var(--ds-border-danger, ".concat(R400, ")")
 };
 export var defaultBorderColor = {
-  light: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N40, ")"),
-  dark: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? DN200 : DN40, ")")
+  light: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
+  dark: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : DN40, ")")
 };
 export var defaultBorderColorFocus = {
   light: "var(--ds-border-focused, ".concat(B100, ")"),

package/dist/esm/styles.js

@@ -8,7 +8,6 @@ import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontS
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 gridSize } from '@atlaskit/theme/constants';
 var grid = gridSize();
-var borderRadius = 3;
 var lineHeightBase = grid * 2.5;
 var lineHeightCompact = grid * 2;
 var compactVerticalPadding = 2;
@@ -39,7 +38,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
     '&:focus': {
       backgroundColor: props.backgroundColorFocus,
       borderColor: props.borderColorFocus,
-      boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.borderColorFocus) : undefined
+      boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.borderColorFocus) : undefined
     },
     '&:not(:focus)': {
       backgroundColor: props.backgroundColor,
@@ -49,13 +48,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
     '&[data-invalid]:focus': {
       backgroundColor: props.invalidRules.backgroundColorFocus,
       borderColor: props.invalidRules.borderColorFocus,
-      boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColorFocus) : undefined
+      boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColorFocus) : undefined
     },
     // eslint-disable-next-line @repo/internal/styles/no-nested-styles
     '&[data-invalid]:not(:focus)': {
       backgroundColor: props.invalidRules.backgroundColor,
       borderColor: props.invalidRules.borderColor,
-      boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
+      boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
     }
   }, appearance === 'standard' ? {
     '&:disabled:focus': {
@@ -87,7 +86,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
       '&[data-invalid]': {
         backgroundColor: props.invalidRules.backgroundColorHover,
         borderColor: props.invalidRules.borderColor,
-        boxShadow: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
+        boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
       }
     }
   });
@@ -120,20 +119,20 @@ 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 = getBooleanFF('platform.design-system-team.update-border-input_ff9l1') && appearance !== 'none' ? 1 : 2;
+  var borderWidth = getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && appearance !== 'none' ? 1 : 2;
   var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
   var borderHeight = borderWidth;
   return css({
     // eslint-disable-next-line @repo/internal/styles/no-nested-styles
     '&[data-compact]': {
       minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       padding: "".concat(compactVerticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
       lineHeight: lineHeightCompact / fontSize
     },
     '&:not([data-compact])': {
       minHeight: borderBoxMinHeight(minimumRows, borderHeight),
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
       padding: "".concat(verticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
       lineHeight: lineHeightBase / fontSize
     }
@@ -148,8 +147,9 @@ var staticStyles = css({
   margin: 0,
   position: 'relative',
   flex: '1 1 100%',
-  borderRadius: borderRadius,
-  borderWidth: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? 1 : borderWidth,
+  borderRadius: "var(--ds-border-radius, 3px)",
+  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
+  borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : borderWidth,
   fontSize: fontSize,
   outline: 'none',
   overflow: 'auto',

package/dist/esm/text-area.js

@@ -13,7 +13,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
 import { borderWidth, getBaseStyles, themeStyles } from './styles';
 import { Theme } from './theme';
 var packageName = "@atlaskit/textarea";
-var packageVersion = "4.7.1";
+var packageVersion = "4.7.3";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,
@@ -121,7 +121,7 @@ var TextAreaWithTokens = /*#__PURE__*/forwardRef(function (props, ref) {
     rows: minimumRows
     // TODO refactor to follow emotion styling rules
     // see: https://product-fabric.atlassian.net/browse/DSP-6060
-    // eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
     ,
     css: textAreaStyles
   }, rest));

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textarea",
-	"version": "4.7.1",
+	"version": "4.7.3",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/textarea",
-  "version": "4.7.1",
+  "version": "4.7.3",
   "description": "A text area lets users enter long form text which spans over multiple lines.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
   "homepage": "https://atlassian.design/components/textarea/",
   "atlassian": {
     "team": "Design System Team",
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Text area",
       "category": "Components"
@@ -42,7 +42,7 @@
     "@atlaskit/analytics-next": "^9.1.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.11.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -50,7 +50,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/form": "^8.11.0",
@@ -94,7 +94,7 @@
     }
   },
   "platform-feature-flags": {
-    "platform.design-system-team.update-border-input_ff9l1": {
+    "platform.design-system-team.border-checkbox_nyoiu": {
       "type": "boolean"
     }
   },

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,215 @@
+## API Report File for "@atlaskit/textarea"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ComponentType } from 'react';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { ThemeProp } from '@atlaskit/theme/components';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+
+// @public (undocumented)
+interface OwnProps extends WithAnalyticsEventsProps {
+    appearance?: 'none' | 'standard' | 'subtle';
+    defaultValue?: string;
+    isCompact?: boolean;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    isMonospaced?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    maxHeight?: string;
+    minimumRows?: number;
+    name?: string;
+    onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;
+    placeholder?: string;
+    resize?: 'auto' | 'horizontal' | 'none' | 'smart' | 'vertical';
+    spellCheck?: boolean;
+    testId?: string;
+    theme?: any;
+    value?: string;
+}
+
+// @public
+const TextArea: React_2.MemoExoticComponent<React_2.ForwardRefExoticComponent<Pick<TextAreaProps, "about" | "accessKey" | "appearance" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "autoFocus" | "autoSave" | "children" | "className" | "color" | "cols" | "contentEditable" | "contextMenu" | "createAnalyticsEvent" | "dangerouslySetInnerHTML" | "datatype" | "defaultChecked" | "defaultValue" | "dir" | "dirName" | "draggable" | "form" | "hidden" | "id" | "inlist" | "inputMode" | "is" | "isCompact" | "isDisabled" | "isInvalid" | "isMonospaced" | "isReadOnly" | "isRequired" | "itemID" | "itemProp" | "itemRef" | "itemScope" | "itemType" | "lang" | "maxHeight" | "maxLength" | "minLength" | "minimumRows" | "name" | "onAbort" | "onAbortCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAuxClick" | "onAuxClickCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onBlur" | "onBlurCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onChange" | "onChangeCapture" | "onClick" | "onClickCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onContextMenu" | "onContextMenuCapture" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onError" | "onErrorCapture" | "onFocus" | "onFocusCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onInput" | "onInputCapture" | "onInvalid" | "onInvalidCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onLoad" | "onLoadCapture" | "onLoadStart" | "onLoadStartCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onPaste" | "onPasteCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerOut" | "onPointerOutCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerUp" | "onPointerUpCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onReset" | "onResetCapture" | "onScroll" | "onScrollCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onSelect" | "onSelectCapture" | "onStalled" | "onStalledCapture" | "onSubmit" | "onSubmitCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onWheel" | "onWheelCapture" | "placeholder" | "prefix" | "property" | "radioGroup" | "readOnly" | "resize" | "resource" | "results" | "role" | "rows" | "security" | "slot" | "spellCheck" | "style" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "tabIndex" | "testId" | "theme" | "title" | "typeof" | "unselectable" | "value" | "vocab" | "wrap"> & React_2.RefAttributes<HTMLTextAreaElement>>>;
+export default TextArea;
+
+// @public (undocumented)
+export type TextAreaProps = Combine<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'disabled' | 'readonly' | 'required'>, OwnProps>;
+
+// @public @deprecated (undocumented)
+export const Theme: {
+    Consumer: ComponentType<    {
+    children: (tokens: ThemeTokens) => ReactNode;
+    } & ThemeProps>;
+    Provider: ComponentType<    {
+    children?: ReactNode;
+    value?: ThemeProp<ThemeTokens, ThemeProps> | undefined;
+    }>;
+    useTheme: (props: ThemeProps) => ThemeTokens;
+};
+
+// @public (undocumented)
+export type ThemeAppearance = 'none' | 'standard' | 'subtle';
+
+// @public (undocumented)
+export type ThemeProps = {
+    appearance: ThemeAppearance;
+    mode: 'dark' | 'light';
+};
+
+// @public @deprecated (undocumented)
+export type ThemeTokens = {
+    borderColor: string;
+    borderColorFocus: string;
+    borderColorHover: string;
+    backgroundColor: string;
+    backgroundColorFocus: string;
+    backgroundColorHover: string;
+    disabledRules: {
+        backgroundColor: string;
+        backgroundColorFocus: string;
+        backgroundColorHover: string;
+        borderColor: string;
+        borderColorFocus: string;
+        textColor: string;
+    };
+    invalidRules: {
+        borderColor: string;
+        borderColorFocus: string;
+        backgroundColor: string;
+        backgroundColorFocus: string;
+        backgroundColorHover: string;
+    };
+    textColor: string;
+    placeholderTextColor: string;
+};
+
+// @public @deprecated (undocumented)
+export const themeTokens: {
+    borderColor: {
+        standard: {
+            light: "var(--ds-border-input)";
+            dark: "var(--ds-border-input)";
+        };
+        subtle: {
+            light: string;
+            dark: string;
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    borderColorFocus: {
+        standard: {
+            light: "var(--ds-border-focused)";
+            dark: "var(--ds-border-focused)";
+        };
+        subtle: {
+            light: "var(--ds-border-focused)";
+            dark: "var(--ds-border-focused)";
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    backgroundColor: {
+        standard: {
+            light: "var(--ds-background-input)";
+            dark: "var(--ds-background-input)";
+        };
+        subtle: {
+            light: string;
+            dark: string;
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    backgroundColorFocus: {
+        standard: {
+            light: "var(--ds-background-input-pressed)";
+            dark: "var(--ds-background-input-pressed)";
+        };
+        subtle: {
+            light: "var(--ds-background-input-pressed)";
+            dark: "var(--ds-background-input-pressed)";
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    backgroundColorHover: {
+        standard: {
+            light: "var(--ds-background-input-hovered)";
+            dark: "var(--ds-background-input-hovered)";
+        };
+        subtle: {
+            light: "var(--ds-background-input-hovered)";
+            dark: "var(--ds-background-input-hovered)";
+        };
+        none: {
+            light: string;
+            dark: string;
+        };
+    };
+    disabledRules: {
+        light: {
+            backgroundColor: "var(--ds-background-disabled)";
+            backgroundColorFocus: "var(--ds-background-disabled)";
+            backgroundColorHover: "var(--ds-background-disabled)";
+            borderColor: "var(--ds-border-disabled)";
+            borderColorFocus: "var(--ds-border-focused)";
+            textColor: "var(--ds-text-disabled)";
+        };
+        dark: {
+            backgroundColor: "var(--ds-background-disabled)";
+            backgroundColorFocus: "var(--ds-background-disabled)";
+            backgroundColorHover: "var(--ds-background-disabled)";
+            borderColor: "var(--ds-border-disabled)";
+            borderColorFocus: "var(--ds-border-focused)";
+            textColor: "var(--ds-text-disabled)";
+        };
+    };
+    invalidRules: {
+        light: {
+            borderColor: "var(--ds-border-danger)";
+            borderColorFocus: "var(--ds-border-focused)";
+            backgroundColor: "var(--ds-background-input)";
+            backgroundColorFocus: "var(--ds-background-input-pressed)";
+            backgroundColorHover: "var(--ds-background-input-hovered)";
+        };
+        dark: {
+            borderColor: "var(--ds-border-danger)";
+            borderColorFocus: "var(--ds-border-focused)";
+            backgroundColor: "var(--ds-background-input)";
+            backgroundColorFocus: "var(--ds-background-input-pressed)";
+            backgroundColorHover: "var(--ds-background-input-hovered)";
+        };
+    };
+    textColor: {
+        light: "var(--ds-text)";
+        dark: "var(--ds-text)";
+    };
+    placeholderTextColor: {
+        light: "var(--ds-text-subtlest)";
+        dark: "var(--ds-text-subtlest)";
+    };
+};
+
+// (No @packageDocumentation comment for this package)
+
+```

package/extract-react-types/textarea-props.tsx

@@ -1,5 +0,0 @@
-import type { OwnProps as Props } from '../src/types';
-
-export default function TextareaProps(props: Props) {
-  return null;
-}