@atlaskit/textfield 5.3.5 → 5.3.7

package/CHANGELOG.md

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

package/dist/cjs/component-tokens.js

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

package/dist/cjs/text-field.js

@@ -16,6 +16,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var _components = require("@atlaskit/theme/components");
 var _styles = require("./styles");
 var _excluded = ["appearance", "isCompact", "isDisabled", "isInvalid", "isRequired", "isReadOnly", "isMonospaced", "width", "elemAfterInput", "elemBeforeInput", "testId", "onFocus", "onBlur", "onMouseDown", "className"];
+/** @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; }
@@ -23,7 +24,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.5"
+  packageVersion: "5.3.7"
 };
 var Textfield = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$appearance = props.appearance,

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textfield",
-	"version": "5.3.5",
+	"version": "5.3.7",
 	"sideEffects": false
 }

package/dist/es2019/component-tokens.js

@@ -1,4 +1,4 @@
-import { B100, B75, DN10, DN30, DN40, DN600, DN90, N0, N10, N100, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
+import { B100, B75, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
 export const disabledBackgroundColor = {
   light: `var(--ds-background-disabled, ${N10})`,
   dark: `var(--ds-background-disabled, ${DN10})`
@@ -40,6 +40,6 @@ export const disabledTextColor = {
   dark: `var(--ds-text-disabled, ${DN90})`
 };
 export const placeholderTextColor = {
-  light: `var(--ds-text-subtlest, ${N100})`,
-  dark: `var(--ds-text-subtlest, ${DN90})`
+  light: `var(--ds-text-subtlest, ${N200})`,
+  dark: `var(--ds-text-subtlest, ${DN200})`
 };

package/dist/es2019/text-field.js

@@ -8,7 +8,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
 const analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.5"
+  packageVersion: "5.3.7"
 };
 const Textfield = /*#__PURE__*/forwardRef((props, ref) => {
   const {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textfield",
-	"version": "5.3.5",
+	"version": "5.3.7",
 	"sideEffects": false
 }

package/dist/esm/component-tokens.js

@@ -1,4 +1,4 @@
-import { B100, B75, DN10, DN30, DN40, DN600, DN90, N0, N10, N100, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
+import { B100, B75, DN10, DN200, DN30, DN40, DN600, DN90, N0, N10, N200, N30, N40, N70, N900 } from '@atlaskit/theme/colors';
 export var disabledBackgroundColor = {
   light: "var(--ds-background-disabled, ".concat(N10, ")"),
   dark: "var(--ds-background-disabled, ".concat(DN10, ")")
@@ -40,6 +40,6 @@ export var disabledTextColor = {
   dark: "var(--ds-text-disabled, ".concat(DN90, ")")
 };
 export var placeholderTextColor = {
-  light: "var(--ds-text-subtlest, ".concat(N100, ")"),
-  dark: "var(--ds-text-subtlest, ".concat(DN90, ")")
+  light: "var(--ds-text-subtlest, ".concat(N200, ")"),
+  dark: "var(--ds-text-subtlest, ".concat(DN200, ")")
 };

package/dist/esm/text-field.js

@@ -14,7 +14,7 @@ import { containerStyles as getContainerStyles, inputStyles as getInputStyles }
 var analyticsParams = {
   componentName: 'textField',
   packageName: "@atlaskit/textfield",
-  packageVersion: "5.3.5"
+  packageVersion: "5.3.7"
 };
 var Textfield = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$appearance = props.appearance,

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/textfield",
-	"version": "5.3.5",
+	"version": "5.3.7",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/textfield",
-  "version": "5.3.5",
+  "version": "5.3.7",
   "description": "A text field is an input that allows a user to write or edit text.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,6 @@
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
-    "disableProductCI": true,
     "team": "Design System Team",
     "releaseModel": "scheduled",
     "website": {
@@ -27,9 +26,9 @@
     ".": "./src/index.tsx"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^8.2.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"
   },
@@ -37,11 +36,11 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/avatar": "^21.1.0",
-    "@atlaskit/button": "^16.5.0",
+    "@atlaskit/avatar": "^21.2.0",
+    "@atlaskit/button": "^16.6.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.0.1",
-    "@atlaskit/form": "^8.8.0",
+    "@atlaskit/form": "^8.10.0",
     "@atlaskit/icon": "^21.11.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",
@@ -74,8 +73,10 @@
         "emotion"
       ],
       "analytics": "analytics-next",
-      "design-tokens": "spacing",
-      "theming": "tokens",
+      "design-tokens": [
+        "color",
+        "spacing"
+      ],
       "design-system": "v1",
       "deprecation": "no-deprecated-imports"
     }

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -177,3 +178,15 @@ export interface TextFieldProps extends AllHTMLAttributes<HTMLInputElement> {
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->