@atlaskit/textarea 4.7.2 → 4.7.4

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 +3 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/textarea
2
2
 
3
+ ## 4.7.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`964e8db6c94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/964e8db6c94) - update border width to use border spacing token
8
+
9
+ ## 4.7.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
14
+
3
15
  ## 4.7.2
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/styles.js CHANGED
@@ -12,7 +12,6 @@ var _constants = require("@atlaskit/theme/constants");
12
12
  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; }
13
13
  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 */
14
14
  var grid = (0, _constants.gridSize)();
15
- var borderRadius = 3;
16
15
  var lineHeightBase = grid * 2.5;
17
16
  var lineHeightCompact = grid * 2;
18
17
  var compactVerticalPadding = 2;
@@ -44,7 +43,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
44
43
  '&:focus': {
45
44
  backgroundColor: props.backgroundColorFocus,
46
45
  borderColor: props.borderColorFocus,
47
- 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
48
47
  },
49
48
  '&:not(:focus)': {
50
49
  backgroundColor: props.backgroundColor,
@@ -54,13 +53,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
54
53
  '&[data-invalid]:focus': {
55
54
  backgroundColor: props.invalidRules.backgroundColorFocus,
56
55
  borderColor: props.invalidRules.borderColorFocus,
57
- 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
58
57
  },
59
58
  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
60
59
  '&[data-invalid]:not(:focus)': {
61
60
  backgroundColor: props.invalidRules.backgroundColor,
62
61
  borderColor: props.invalidRules.borderColor,
63
- 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
64
63
  }
65
64
  }, appearance === 'standard' ? {
66
65
  '&:disabled:focus': {
@@ -92,7 +91,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
92
91
  '&[data-invalid]': {
93
92
  backgroundColor: props.invalidRules.backgroundColorHover,
94
93
  borderColor: props.invalidRules.borderColor,
95
- 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
96
95
  }
97
96
  }
98
97
  });
@@ -132,13 +131,13 @@ var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
132
131
  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
133
132
  '&[data-compact]': {
134
133
  minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
135
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
134
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
136
135
  padding: "".concat(compactVerticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
137
136
  lineHeight: lineHeightCompact / fontSize
138
137
  },
139
138
  '&:not([data-compact])': {
140
139
  minHeight: borderBoxMinHeight(minimumRows, borderHeight),
141
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
140
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
142
141
  padding: "".concat(verticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
143
142
  lineHeight: lineHeightBase / fontSize
144
143
  }
@@ -153,7 +152,8 @@ var staticStyles = (0, _react.css)({
153
152
  margin: 0,
154
153
  position: 'relative',
155
154
  flex: '1 1 100%',
156
- borderRadius: borderRadius,
155
+ borderRadius: "var(--ds-border-radius, 3px)",
156
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
157
157
  borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? 1 : borderWidth,
158
158
  fontSize: fontSize,
159
159
  outline: 'none',
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.2";
26
+ var packageVersion = "4.7.4";
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.2",
3
+ "version": "4.7.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/styles.js CHANGED
@@ -5,7 +5,6 @@ import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontS
5
5
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
6
6
  gridSize } from '@atlaskit/theme/constants';
7
7
  const grid = gridSize();
8
- const borderRadius = 3;
9
8
  const lineHeightBase = grid * 2.5;
10
9
  const lineHeightCompact = grid * 2;
11
10
  const compactVerticalPadding = 2;
@@ -35,7 +34,7 @@ const bgAndBorderColorStyles = (props, appearance) => css({
35
34
  '&:focus': {
36
35
  backgroundColor: props.backgroundColorFocus,
37
36
  borderColor: props.borderColorFocus,
38
- 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
39
38
  },
40
39
  '&:not(:focus)': {
41
40
  backgroundColor: props.backgroundColor,
@@ -45,13 +44,13 @@ const bgAndBorderColorStyles = (props, appearance) => css({
45
44
  '&[data-invalid]:focus': {
46
45
  backgroundColor: props.invalidRules.backgroundColorFocus,
47
46
  borderColor: props.invalidRules.borderColorFocus,
48
- 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
49
48
  },
50
49
  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
51
50
  '&[data-invalid]:not(:focus)': {
52
51
  backgroundColor: props.invalidRules.backgroundColor,
53
52
  borderColor: props.invalidRules.borderColor,
54
- 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
55
54
  },
56
55
  // Disabled background and border styles should not be applied to components that
57
56
  // have either no background or transparent background to begin with
@@ -82,7 +81,7 @@ const hoverBackgroundAndBorderStyles = props => css({
82
81
  '&[data-invalid]': {
83
82
  backgroundColor: props.invalidRules.backgroundColorHover,
84
83
  borderColor: props.invalidRules.borderColor,
85
- 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
86
85
  }
87
86
  }
88
87
  });
@@ -115,13 +114,13 @@ const borderPaddingAndHeightStyles = (minimumRows = 1, appearance) => {
115
114
  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
116
115
  '&[data-compact]': {
117
116
  minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
118
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
117
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
119
118
  padding: `${compactVerticalPadding}px ${horizontalPaddingWithoutBorderWidth}px`,
120
119
  lineHeight: lineHeightCompact / fontSize
121
120
  },
122
121
  '&:not([data-compact])': {
123
122
  minHeight: borderBoxMinHeight(minimumRows, borderHeight),
124
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
123
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
125
124
  padding: `${verticalPadding}px ${horizontalPaddingWithoutBorderWidth}px`,
126
125
  lineHeight: lineHeightBase / fontSize
127
126
  }
@@ -136,7 +135,8 @@ const staticStyles = css({
136
135
  margin: 0,
137
136
  position: 'relative',
138
137
  flex: '1 1 100%',
139
- borderRadius: borderRadius,
138
+ borderRadius: "var(--ds-border-radius, 3px)",
139
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
140
140
  borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : borderWidth,
141
141
  fontSize: fontSize,
142
142
  outline: 'none',
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.2";
10
+ const packageVersion = "4.7.4";
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.2",
3
+ "version": "4.7.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/styles.js CHANGED
@@ -8,7 +8,6 @@ import { codeFontFamily as getCodeFontFamily, fontFamily as getFontFamily, fontS
8
8
  // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
9
9
  gridSize } from '@atlaskit/theme/constants';
10
10
  var grid = gridSize();
11
- var borderRadius = 3;
12
11
  var lineHeightBase = grid * 2.5;
13
12
  var lineHeightCompact = grid * 2;
14
13
  var compactVerticalPadding = 2;
@@ -39,7 +38,7 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
39
38
  '&:focus': {
40
39
  backgroundColor: props.backgroundColorFocus,
41
40
  borderColor: props.borderColorFocus,
42
- 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
43
42
  },
44
43
  '&:not(:focus)': {
45
44
  backgroundColor: props.backgroundColor,
@@ -49,13 +48,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
49
48
  '&[data-invalid]:focus': {
50
49
  backgroundColor: props.invalidRules.backgroundColorFocus,
51
50
  borderColor: props.invalidRules.borderColorFocus,
52
- 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
53
52
  },
54
53
  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
55
54
  '&[data-invalid]:not(:focus)': {
56
55
  backgroundColor: props.invalidRules.backgroundColor,
57
56
  borderColor: props.invalidRules.borderColor,
58
- 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
59
58
  }
60
59
  }, appearance === 'standard' ? {
61
60
  '&:disabled:focus': {
@@ -87,7 +86,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
87
86
  '&[data-invalid]': {
88
87
  backgroundColor: props.invalidRules.backgroundColorHover,
89
88
  borderColor: props.invalidRules.borderColor,
90
- 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
91
90
  }
92
91
  }
93
92
  });
@@ -127,13 +126,13 @@ var borderPaddingAndHeightStyles = function borderPaddingAndHeightStyles() {
127
126
  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
128
127
  '&[data-compact]': {
129
128
  minHeight: borderBoxMinHeightCompact(minimumRows, borderHeight),
130
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
129
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
131
130
  padding: "".concat(compactVerticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
132
131
  lineHeight: lineHeightCompact / fontSize
133
132
  },
134
133
  '&:not([data-compact])': {
135
134
  minHeight: borderBoxMinHeight(minimumRows, borderHeight),
136
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage-spacing
135
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
137
136
  padding: "".concat(verticalPadding, "px ").concat(horizontalPaddingWithoutBorderWidth, "px"),
138
137
  lineHeight: lineHeightBase / fontSize
139
138
  }
@@ -148,7 +147,8 @@ var staticStyles = css({
148
147
  margin: 0,
149
148
  position: 'relative',
150
149
  flex: '1 1 100%',
151
- borderRadius: borderRadius,
150
+ borderRadius: "var(--ds-border-radius, 3px)",
151
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
152
152
  borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : borderWidth,
153
153
  fontSize: fontSize,
154
154
  outline: 'none',
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.2";
16
+ var packageVersion = "4.7.4";
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.2",
3
+ "version": "4.7.4",
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.2",
3
+ "version": "4.7.4",
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/"
@@ -42,7 +42,7 @@
42
42
  "@atlaskit/analytics-next": "^9.1.0",
43
43
  "@atlaskit/platform-feature-flags": "^0.2.0",
44
44
  "@atlaskit/theme": "^12.5.0",
45
- "@atlaskit/tokens": "^1.8.0",
45
+ "@atlaskit/tokens": "^1.11.0",
46
46
  "@babel/runtime": "^7.0.0",
47
47
  "@emotion/react": "^11.7.1"
48
48
  },
@@ -50,11 +50,7 @@
50
50
  "react": "^16.8.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@atlaskit/button": "^16.7.0",
54
- "@atlaskit/docs": "*",
55
53
  "@atlaskit/ds-lib": "^2.2.0",
56
- "@atlaskit/form": "^8.11.0",
57
- "@atlaskit/section-message": "^6.4.0",
58
54
  "@atlaskit/ssr": "*",
59
55
  "@atlaskit/visual-regression": "*",
60
56
  "@atlaskit/webdriver-runner": "*",
@@ -99,4 +95,4 @@
99
95
  }
100
96
  },
101
97
  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
102
- }
98
+ }