@atlaskit/textarea 4.7.3 → 4.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/styles.js +8 -8
  3. package/dist/cjs/text-area.js +1 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/styles.js +8 -8
  6. package/dist/es2019/text-area.js +1 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/styles.js +8 -8
  9. package/dist/esm/text-area.js +1 -1
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/textarea
2
2
 
3
+ ## 4.7.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`356d6ebed05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/356d6ebed05) - This package is now onboarded onto the product push model.
8
+
9
+ ## 4.7.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [`964e8db6c94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/964e8db6c94) - update border width to use border spacing token
14
+
3
15
  ## 4.7.3
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/styles.js CHANGED
@@ -43,23 +43,23 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
43
43
  '&:focus': {
44
44
  backgroundColor: props.backgroundColorFocus,
45
45
  borderColor: props.borderColorFocus,
46
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.borderColorFocus) : undefined
46
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.borderColorFocus) : undefined
47
47
  },
48
48
  '&:not(:focus)': {
49
49
  backgroundColor: props.backgroundColor,
50
50
  borderColor: props.borderColor
51
51
  },
52
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
52
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
53
53
  '&[data-invalid]:focus': {
54
54
  backgroundColor: props.invalidRules.backgroundColorFocus,
55
55
  borderColor: props.invalidRules.borderColorFocus,
56
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColorFocus) : undefined
56
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColorFocus) : undefined
57
57
  },
58
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
58
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
59
59
  '&[data-invalid]:not(:focus)': {
60
60
  backgroundColor: props.invalidRules.backgroundColor,
61
61
  borderColor: props.invalidRules.borderColor,
62
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
62
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColor) : undefined
63
63
  }
64
64
  }, appearance === 'standard' ? {
65
65
  '&:disabled:focus': {
@@ -87,11 +87,11 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
87
87
  '&:disabled': {
88
88
  backgroundColor: props.disabledRules.backgroundColorHover
89
89
  },
90
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
90
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
91
91
  '&[data-invalid]': {
92
92
  backgroundColor: props.invalidRules.backgroundColorHover,
93
93
  borderColor: props.invalidRules.borderColor,
94
- boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
94
+ boxShadow: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColor) : undefined
95
95
  }
96
96
  }
97
97
  });
@@ -128,7 +128,7 @@ var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
128
128
  var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
129
129
  var borderHeight = borderWidth;
130
130
  return (0, _react.css)({
131
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
131
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
132
132
  '&[data-compact]': {
133
133
  minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
134
134
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
package/dist/cjs/text-area.js CHANGED
@@ -23,7 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
23
23
  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; }
24
24
  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; }
25
25
  var packageName = "@atlaskit/textarea";
26
- var packageVersion = "4.7.3";
26
+ var packageVersion = "4.7.5";
27
27
  var analyticsParams = {
28
28
  componentName: 'textArea',
29
29
  packageName: packageName,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.7.3",
3
+ "version": "4.7.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/styles.js CHANGED
@@ -34,23 +34,23 @@ const bgAndBorderColorStyles = (props, appearance) => css({
34
34
  '&:focus': {
35
35
  backgroundColor: props.backgroundColorFocus,
36
36
  borderColor: props.borderColorFocus,
37
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.borderColorFocus}` : undefined
37
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${props.borderColorFocus}` : undefined
38
38
  },
39
39
  '&:not(:focus)': {
40
40
  backgroundColor: props.backgroundColor,
41
41
  borderColor: props.borderColor
42
42
  },
43
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
43
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
44
44
  '&[data-invalid]:focus': {
45
45
  backgroundColor: props.invalidRules.backgroundColorFocus,
46
46
  borderColor: props.invalidRules.borderColorFocus,
47
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.invalidRules.borderColorFocus}` : undefined
47
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${props.invalidRules.borderColorFocus}` : undefined
48
48
  },
49
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
49
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
50
50
  '&[data-invalid]:not(:focus)': {
51
51
  backgroundColor: props.invalidRules.backgroundColor,
52
52
  borderColor: props.invalidRules.borderColor,
53
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.invalidRules.borderColor}` : undefined
53
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${props.invalidRules.borderColor}` : undefined
54
54
  },
55
55
  // Disabled background and border styles should not be applied to components that
56
56
  // have either no background or transparent background to begin with
@@ -77,11 +77,11 @@ const hoverBackgroundAndBorderStyles = props => css({
77
77
  '&:disabled': {
78
78
  backgroundColor: props.disabledRules.backgroundColorHover
79
79
  },
80
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
80
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
81
81
  '&[data-invalid]': {
82
82
  backgroundColor: props.invalidRules.backgroundColorHover,
83
83
  borderColor: props.invalidRules.borderColor,
84
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 1px ${props.invalidRules.borderColor}` : undefined
84
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${props.invalidRules.borderColor}` : undefined
85
85
  }
86
86
  }
87
87
  });
@@ -111,7 +111,7 @@ const borderPaddingAndHeightStyles = (minimumRows = 1, appearance) => {
111
111
  const horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
112
112
  const borderHeight = borderWidth;
113
113
  return css({
114
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
114
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
115
115
  '&[data-compact]': {
116
116
  minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
117
117
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
package/dist/es2019/text-area.js CHANGED
@@ -7,7 +7,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
7
7
  import { borderWidth, getBaseStyles, themeStyles } from './styles';
8
8
  import { Theme } from './theme';
9
9
  const packageName = "@atlaskit/textarea";
10
- const packageVersion = "4.7.3";
10
+ const packageVersion = "4.7.5";
11
11
  const analyticsParams = {
12
12
  componentName: 'textArea',
13
13
  packageName,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.7.3",
3
+ "version": "4.7.5",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/styles.js CHANGED
@@ -38,23 +38,23 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
38
38
  '&:focus': {
39
39
  backgroundColor: props.backgroundColorFocus,
40
40
  borderColor: props.borderColorFocus,
41
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.borderColorFocus) : undefined
41
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.borderColorFocus) : undefined
42
42
  },
43
43
  '&:not(:focus)': {
44
44
  backgroundColor: props.backgroundColor,
45
45
  borderColor: props.borderColor
46
46
  },
47
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
47
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
48
48
  '&[data-invalid]:focus': {
49
49
  backgroundColor: props.invalidRules.backgroundColorFocus,
50
50
  borderColor: props.invalidRules.borderColorFocus,
51
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColorFocus) : undefined
51
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColorFocus) : undefined
52
52
  },
53
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
53
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
54
54
  '&[data-invalid]:not(:focus)': {
55
55
  backgroundColor: props.invalidRules.backgroundColor,
56
56
  borderColor: props.invalidRules.borderColor,
57
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
57
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColor) : undefined
58
58
  }
59
59
  }, appearance === 'standard' ? {
60
60
  '&:disabled:focus': {
@@ -82,11 +82,11 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
82
82
  '&:disabled': {
83
83
  backgroundColor: props.disabledRules.backgroundColorHover
84
84
  },
85
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
85
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
86
86
  '&[data-invalid]': {
87
87
  backgroundColor: props.invalidRules.backgroundColorHover,
88
88
  borderColor: props.invalidRules.borderColor,
89
- boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 1px ".concat(props.invalidRules.borderColor) : undefined
89
+ boxShadow: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", props.invalidRules.borderColor) : undefined
90
90
  }
91
91
  }
92
92
  });
@@ -123,7 +123,7 @@ var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
123
123
  var horizontalPaddingWithoutBorderWidth = horizontalPadding - borderWidth;
124
124
  var borderHeight = borderWidth;
125
125
  return css({
126
- // eslint-disable-next-line @repo/internal/styles/no-nested-styles
126
+ // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
127
127
  '&[data-compact]': {
128
128
  minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
129
129
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
package/dist/esm/text-area.js CHANGED
@@ -13,7 +13,7 @@ import { useGlobalTheme } from '@atlaskit/theme/components';
13
13
  import { borderWidth, getBaseStyles, themeStyles } from './styles';
14
14
  import { Theme } from './theme';
15
15
  var packageName = "@atlaskit/textarea";
16
- var packageVersion = "4.7.3";
16
+ var packageVersion = "4.7.5";
17
17
  var analyticsParams = {
18
18
  componentName: 'textArea',
19
19
  packageName: packageName,
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.7.3",
3
+ "version": "4.7.5",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/textarea",
3
- "version": "4.7.3",
3
+ "version": "4.7.5",
4
4
  "description": "A text area lets users enter long form text which spans over multiple lines.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,6 +25,9 @@
25
25
  "homepage": "https://atlassian.design/components/textarea/",
26
26
  "atlassian": {
27
27
  "team": "Design System Team",
28
+ "productPushConsumption": [
29
+ "jira"
30
+ ],
28
31
  "releaseModel": "continuous",
29
32
  "website": {
30
33
  "name": "Text area",
@@ -42,7 +45,7 @@
42
45
  "@atlaskit/analytics-next": "^9.1.0",
43
46
  "@atlaskit/platform-feature-flags": "^0.2.0",
44
47
  "@atlaskit/theme": "^12.5.0",
45
- "@atlaskit/tokens": "^1.11.0",
48
+ "@atlaskit/tokens": "^1.14.0",
46
49
  "@babel/runtime": "^7.0.0",
47
50
  "@emotion/react": "^11.7.1"
48
51
  },
@@ -50,11 +53,8 @@
50
53
  "react": "^16.8.0"
51
54
  },
52
55
  "devDependencies": {
53
- "@atlaskit/button": "^16.8.0",
54
- "@atlaskit/docs": "*",
56
+ "@af/accessibility-testing": "*",
55
57
  "@atlaskit/ds-lib": "^2.2.0",
56
- "@atlaskit/form": "^8.11.0",
57
- "@atlaskit/section-message": "^6.4.0",
58
58
  "@atlaskit/ssr": "*",
59
59
  "@atlaskit/visual-regression": "*",
60
60
  "@atlaskit/webdriver-runner": "*",