@atlaskit/textarea 4.5.5 → 4.5.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/textarea
 
+## 4.5.7
+
+### Patch Changes
+
+- [`e028bee17df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e028bee17df) - [ux] fix(style): update fallback color of placeholder to meet contrast requirement
+
+## 4.5.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.5.5
 
 ### Patch Changes

package/dist/cjs/component-tokens.js

@@ -51,7 +51,7 @@ var subtleBorderColorHover = {
 };
 exports.subtleBorderColorHover = subtleBorderColorHover;
 var placeholderTextColor = {
-  light: "var(--ds-text-subtlest, ".concat(_colors.N100, ")"),
+  light: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   dark: "var(--ds-text-subtlest, ".concat(_colors.DN200, ")")
 };
 exports.placeholderTextColor = placeholderTextColor;

package/dist/cjs/styles.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@emotion/react");
 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; }
+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;

package/dist/cjs/text-area.js

@@ -17,12 +17,13 @@ var _components = require("@atlaskit/theme/components");
 var _styles = require("./styles");
 var _theme = require("./theme");
 var _excluded = ["resize", "appearance", "isCompact", "isRequired", "isReadOnly", "isDisabled", "isInvalid", "isMonospaced", "minimumRows", "theme", "testId", "maxHeight", "onBlur", "onFocus", "onChange", "tokens", "value"];
+/** @jsx jsx */
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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.5.5";
+var packageVersion = "4.5.7";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,

package/dist/cjs/theme.js

@@ -73,6 +73,13 @@ var borderColorHover = {
   subtle: componentTokens.subtleBorderColorHover,
   none: componentTokens.transparent
 };
+
+/**
+ * @deprecated
+ * Component-level theming is deprecated in the design system.
+ * Components should respect the global theme.
+ */
+
 /**
  * @deprecated
  * Component-level theming is deprecated in the design system.

package/dist/cjs/version.json

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

package/dist/es2019/component-tokens.js

@@ -1,4 +1,4 @@
-import { B100, B75, DN10, DN20, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N20, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
+import { B100, B75, DN10, DN20, DN200, DN30, DN40, DN600, DN90, N0, N10, N20, N200, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
 export const disabledBackground = {
   light: `var(--ds-background-disabled, ${N20})`,
   dark: `var(--ds-background-disabled, ${DN20})`
@@ -36,7 +36,7 @@ export const subtleBorderColorHover = {
   dark: "var(--ds-border-input, transparent)"
 };
 export const placeholderTextColor = {
-  light: `var(--ds-text-subtlest, ${N100})`,
+  light: `var(--ds-text-subtlest, ${N200})`,
   dark: `var(--ds-text-subtlest, ${DN200})`
 };
 export const textColor = {

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.5.5";
+const packageVersion = "4.5.7";
 const analyticsParams = {
   componentName: 'textArea',
   packageName,

package/dist/es2019/theme.js

@@ -64,6 +64,13 @@ const borderColorHover = {
   subtle: componentTokens.subtleBorderColorHover,
   none: componentTokens.transparent
 };
+
+/**
+ * @deprecated
+ * Component-level theming is deprecated in the design system.
+ * Components should respect the global theme.
+ */
+
 /**
  * @deprecated
  * Component-level theming is deprecated in the design system.

package/dist/es2019/version.json

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

package/dist/esm/component-tokens.js

@@ -1,4 +1,4 @@
-import { B100, B75, DN10, DN20, DN200, DN30, DN40, DN600, DN90, N0, N10, N100, N20, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
+import { B100, B75, DN10, DN20, DN200, DN30, DN40, DN600, DN90, N0, N10, N20, N200, N30, N40, N70, N900, R400 } from '@atlaskit/theme/colors';
 export var disabledBackground = {
   light: "var(--ds-background-disabled, ".concat(N20, ")"),
   dark: "var(--ds-background-disabled, ".concat(DN20, ")")
@@ -36,7 +36,7 @@ export var subtleBorderColorHover = {
   dark: "var(--ds-border-input, transparent)"
 };
 export var placeholderTextColor = {
-  light: "var(--ds-text-subtlest, ".concat(N100, ")"),
+  light: "var(--ds-text-subtlest, ".concat(N200, ")"),
   dark: "var(--ds-text-subtlest, ".concat(DN200, ")")
 };
 export var textColor = {

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.5.5";
+var packageVersion = "4.5.7";
 var analyticsParams = {
   componentName: 'textArea',
   packageName: packageName,

package/dist/esm/theme.js

@@ -64,6 +64,13 @@ var borderColorHover = {
   subtle: componentTokens.subtleBorderColorHover,
   none: componentTokens.transparent
 };
+
+/**
+ * @deprecated
+ * Component-level theming is deprecated in the design system.
+ * Components should respect the global theme.
+ */
+
 /**
  * @deprecated
  * Component-level theming is deprecated in the design system.

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/textarea",
-  "version": "4.5.5",
+  "version": "4.5.7",
   "description": "A text area lets users enter long form text which spans over multiple lines.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.tsx",
   "homepage": "https://atlassian.design/components/textarea/",
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -32,9 +31,9 @@
     "./theme": "./src/theme.tsx"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^8.0.0",
-    "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^1.0.0",
+    "@atlaskit/analytics-next": "^9.0.0",
+    "@atlaskit/theme": "^12.4.0",
+    "@atlaskit/tokens": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -42,10 +41,10 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/form": "^8.8.0",
+    "@atlaskit/form": "^8.10.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -73,7 +72,9 @@
       "dom-events": "use-bind-event-listener",
       "ui-components": "lite-mode",
       "analytics": "analytics-next",
-      "theming": "tokens",
+      "design-tokens": [
+        "color"
+      ],
       "styling": [
         "static",
         "emotion"

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -517,3 +518,15 @@ export const themeTokens: {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->