@atlaskit/textarea 4.7.3 → 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 +6 -0
  2. package/dist/cjs/styles.js +4 -4
  3. package/dist/cjs/text-area.js +1 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/styles.js +4 -4
  6. package/dist/es2019/text-area.js +1 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/styles.js +4 -4
  9. package/dist/esm/text-area.js +1 -1
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +2 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
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
+
3
9
  ## 4.7.3
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/styles.js CHANGED
@@ -43,7 +43,7 @@ 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,
@@ -53,13 +53,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
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
58
  // eslint-disable-next-line @repo/internal/styles/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': {
@@ -91,7 +91,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
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
  });
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.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.3",
3
+ "version": "4.7.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/styles.js CHANGED
@@ -34,7 +34,7 @@ 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,
@@ -44,13 +44,13 @@ const bgAndBorderColorStyles = (props, appearance) => css({
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
49
  // eslint-disable-next-line @repo/internal/styles/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
@@ -81,7 +81,7 @@ const hoverBackgroundAndBorderStyles = props => css({
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
  });
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.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.3",
3
+ "version": "4.7.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/styles.js CHANGED
@@ -38,7 +38,7 @@ 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,
@@ -48,13 +48,13 @@ var bgAndBorderColorStyles = function bgAndBorderColorStyles(props, appearance)
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
53
  // eslint-disable-next-line @repo/internal/styles/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': {
@@ -86,7 +86,7 @@ var hoverBackgroundAndBorderStyles = function hoverBackgroundAndBorderStyles(pro
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
  });
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.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.3",
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.3",
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/"
@@ -50,11 +50,7 @@
50
50
  "react": "^16.8.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@atlaskit/button": "^16.8.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
+ }