@atlaskit/status 3.0.4 → 3.0.6

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 +15 -0
  2. package/dist/cjs/components/analytics.js +1 -1
  3. package/dist/cjs/components/internal/color.compiled.css +8 -8
  4. package/dist/cjs/components/internal/color.js +2 -5
  5. package/dist/es2019/components/analytics.js +1 -1
  6. package/dist/es2019/components/internal/color.compiled.css +8 -8
  7. package/dist/es2019/components/internal/color.js +1 -4
  8. package/dist/esm/components/analytics.js +1 -1
  9. package/dist/esm/components/internal/color.compiled.css +8 -8
  10. package/dist/esm/components/internal/color.js +2 -5
  11. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/status
2
2
 
3
+ ## 3.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.0.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [#149866](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/149866)
14
+ [`954765b065c36`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/954765b065c36) -
15
+ ENGHEALTH-8720 use design tokens instead of hard coded values
16
+ - Updated dependencies
17
+
3
18
  ## 3.0.4
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/components/analytics.js CHANGED
@@ -10,7 +10,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
10
10
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
11
11
  var ELEMENTS_CHANNEL = exports.ELEMENTS_CHANNEL = 'fabric-elements';
12
12
  var packageName = "@atlaskit/status";
13
- var packageVersion = "3.0.4";
13
+ var packageVersion = "3.0.6";
14
14
  var createStatusAnalyticsAndFire = exports.createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
15
15
  return function (payload) {
16
16
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/cjs/components/internal/color.compiled.css CHANGED
@@ -1,14 +1,14 @@
1
1
 
2
2
  ._19it7r9e{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
3
3
  ._2rko12x7{border-radius:var(--ds-space-075,6px)}
4
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189et94y{border-width:1px}
4
+ ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
6
6
  ._1h6d1j28{border-color:transparent}
7
7
  ._18m915vq{overflow-y:hidden}
8
8
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
9
- ._19bvt94y{padding-left:1px}
9
+ ._19bve4h9{padding-left:var(--ds-border-width,1px)}
10
10
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
11
- ._19pkidpf{margin-top:0}
11
+ ._19pkze3t{margin-top:var(--ds-space-0,0)}
12
12
  ._1bsb1tcg{width:24px}
13
13
  ._1e0c1txw{display:flex}
14
14
  ._1e0c1ule{display:block}
@@ -17,11 +17,11 @@
17
17
  ._4cvr1h6o{align-items:center}
18
18
  ._4t3i1tcg{height:24px}
19
19
  ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
20
- ._ca0qt94y{padding-top:1px}
20
+ ._ca0qe4h9{padding-top:var(--ds-border-width,1px)}
21
21
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
22
- ._n3tdt94y{padding-bottom:1px}
22
+ ._n3tde4h9{padding-bottom:var(--ds-border-width,1px)}
23
23
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
24
- ._otyridpf{margin-bottom:0}
25
- ._u5f3t94y{padding-right:1px}
24
+ ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
25
+ ._u5f3e4h9{padding-right:var(--ds-border-width,1px)}
26
26
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
- ._bfw7pp12:hover{border:var(--_18x9sjc)}
27
+ ._bfw7kzr3:hover{border:var(--_1hbmzy2)}
package/dist/cjs/components/internal/color.js CHANGED
@@ -29,9 +29,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
29
29
  var styles = {
30
30
  button: "_2rkoglpi _19it7r9e _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhkm7j4 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
31
31
  };
32
-
33
- // We have tried with changing border and padding from 1px to token near version 2px,
34
- // the pop - up is being expanded to two lines.
35
32
  var buttonWrapperStyles = null;
36
33
  var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
37
34
  function Color() {
@@ -79,9 +76,9 @@ var Color = exports.default = /*#__PURE__*/function (_PureComponent) {
79
76
  value = _this$props2.value,
80
77
  setRef = _this$props2.setRef;
81
78
  return /*#__PURE__*/React.createElement("li", {
82
- className: (0, _runtime.ax)(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o _bfw7pp12"]),
79
+ className: (0, _runtime.ax)(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw7kzr3"]),
83
80
  style: {
84
- "--_18x9sjc": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, #091E4224)"))
81
+ "--_1hbmzy2": (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"))
85
82
  }
86
83
  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages["".concat(value, "Color")], function (labels) {
87
84
  return /*#__PURE__*/React.createElement(_compiled.Pressable, {
package/dist/es2019/components/analytics.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export const ELEMENTS_CHANNEL = 'fabric-elements';
2
2
  const packageName = "@atlaskit/status";
3
- const packageVersion = "3.0.4";
3
+ const packageVersion = "3.0.6";
4
4
  export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
5
5
  const statusPayload = {
6
6
  ...payload,
package/dist/es2019/components/internal/color.compiled.css CHANGED
@@ -1,14 +1,14 @@
1
1
 
2
2
  ._19it7r9e{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
3
3
  ._2rko12x7{border-radius:var(--ds-space-075,6px)}
4
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189et94y{border-width:1px}
4
+ ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
6
6
  ._1h6d1j28{border-color:transparent}
7
7
  ._18m915vq{overflow-y:hidden}
8
8
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
9
- ._19bvt94y{padding-left:1px}
9
+ ._19bve4h9{padding-left:var(--ds-border-width,1px)}
10
10
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
11
- ._19pkidpf{margin-top:0}
11
+ ._19pkze3t{margin-top:var(--ds-space-0,0)}
12
12
  ._1bsb1tcg{width:24px}
13
13
  ._1e0c1txw{display:flex}
14
14
  ._1e0c1ule{display:block}
@@ -17,11 +17,11 @@
17
17
  ._4cvr1h6o{align-items:center}
18
18
  ._4t3i1tcg{height:24px}
19
19
  ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
20
- ._ca0qt94y{padding-top:1px}
20
+ ._ca0qe4h9{padding-top:var(--ds-border-width,1px)}
21
21
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
22
- ._n3tdt94y{padding-bottom:1px}
22
+ ._n3tde4h9{padding-bottom:var(--ds-border-width,1px)}
23
23
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
24
- ._otyridpf{margin-bottom:0}
25
- ._u5f3t94y{padding-right:1px}
24
+ ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
25
+ ._u5f3e4h9{padding-right:var(--ds-border-width,1px)}
26
26
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
- ._bfw7zgxb:hover{border:1px solid var(--ds-border,#091e4224)}
27
+ ._bfw77r9e:hover{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
package/dist/es2019/components/internal/color.js CHANGED
@@ -12,9 +12,6 @@ import { messages } from '../i18n';
12
12
  const styles = {
13
13
  button: "_2rkoglpi _19it7r9e _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhkm7j4 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
14
14
  };
15
-
16
- // We have tried with changing border and padding from 1px to token near version 2px,
17
- // the pop - up is being expanded to two lines.
18
15
  const buttonWrapperStyles = null;
19
16
  export default class Color extends PureComponent {
20
17
  constructor(...args) {
@@ -56,7 +53,7 @@ export default class Color extends PureComponent {
56
53
  setRef
57
54
  } = this.props;
58
55
  return /*#__PURE__*/React.createElement("li", {
59
- className: ax(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o _bfw7zgxb"])
56
+ className: ax(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw77r9e"])
60
57
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages[`${value}Color`], labels => /*#__PURE__*/React.createElement(Pressable, {
61
58
  xcss: styles.button,
62
59
  onClick: this.onClick,
package/dist/esm/components/analytics.js CHANGED
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
3
3
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4
4
  export var ELEMENTS_CHANNEL = 'fabric-elements';
5
5
  var packageName = "@atlaskit/status";
6
- var packageVersion = "3.0.4";
6
+ var packageVersion = "3.0.6";
7
7
  export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
8
8
  return function (payload) {
9
9
  var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {
package/dist/esm/components/internal/color.compiled.css CHANGED
@@ -1,14 +1,14 @@
1
1
 
2
2
  ._19it7r9e{border:var(--ds-border-width,1px) solid var(--ds-border,#091e4224)}
3
3
  ._2rko12x7{border-radius:var(--ds-space-075,6px)}
4
- ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189et94y{border-width:1px}
4
+ ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}._189ee4h9{border-width:var(--ds-border-width,1px)}
5
5
  ._1dqonqa1{border-style:solid}
6
6
  ._1h6d1j28{border-color:transparent}
7
7
  ._18m915vq{overflow-y:hidden}
8
8
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
9
- ._19bvt94y{padding-left:1px}
9
+ ._19bve4h9{padding-left:var(--ds-border-width,1px)}
10
10
  ._19bvze3t{padding-left:var(--ds-space-0,0)}
11
- ._19pkidpf{margin-top:0}
11
+ ._19pkze3t{margin-top:var(--ds-space-0,0)}
12
12
  ._1bsb1tcg{width:24px}
13
13
  ._1e0c1txw{display:flex}
14
14
  ._1e0c1ule{display:block}
@@ -17,11 +17,11 @@
17
17
  ._4cvr1h6o{align-items:center}
18
18
  ._4t3i1tcg{height:24px}
19
19
  ._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
20
- ._ca0qt94y{padding-top:1px}
20
+ ._ca0qe4h9{padding-top:var(--ds-border-width,1px)}
21
21
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
22
- ._n3tdt94y{padding-bottom:1px}
22
+ ._n3tde4h9{padding-bottom:var(--ds-border-width,1px)}
23
23
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
24
- ._otyridpf{margin-bottom:0}
25
- ._u5f3t94y{padding-right:1px}
24
+ ._otyrze3t{margin-bottom:var(--ds-space-0,0)}
25
+ ._u5f3e4h9{padding-right:var(--ds-border-width,1px)}
26
26
  ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
27
- ._bfw7pp12:hover{border:var(--_18x9sjc)}
27
+ ._bfw7kzr3:hover{border:var(--_1hbmzy2)}
package/dist/esm/components/internal/color.js CHANGED
@@ -19,9 +19,6 @@ import { messages } from '../i18n';
19
19
  var styles = {
20
20
  button: "_2rkoglpi _19it7r9e _1reo15vq _18m915vq _4t3i1tcg _1bsb1tcg _bfhkm7j4 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _1e0c1ule"
21
21
  };
22
-
23
- // We have tried with changing border and padding from 1px to token near version 2px,
24
- // the pop - up is being expanded to two lines.
25
22
  var buttonWrapperStyles = null;
26
23
  var Color = /*#__PURE__*/function (_PureComponent) {
27
24
  function Color() {
@@ -69,9 +66,9 @@ var Color = /*#__PURE__*/function (_PureComponent) {
69
66
  value = _this$props2.value,
70
67
  setRef = _this$props2.setRef;
71
68
  return /*#__PURE__*/React.createElement("li", {
72
- className: ax(["_ca0qt94y _u5f3t94y _n3tdt94y _19bvt94y _2rko12x7 _189et94y _1dqonqa1 _1h6d1j28 _19pkidpf _2hwxv77o _otyridpf _18u0v77o _1e0c1txw _4cvr1h6o _bfw7pp12"]),
69
+ className: ax(["_2rko12x7 _189ee4h9 _1dqonqa1 _1h6d1j28 _19pkze3t _2hwxv77o _otyrze3t _18u0v77o _1e0c1txw _4cvr1h6o _ca0qe4h9 _u5f3e4h9 _n3tde4h9 _19bve4h9 _bfw7kzr3"]),
73
70
  style: {
74
- "--_18x9sjc": ix("1px solid ".concat("var(--ds-border, #091E4224)"))
71
+ "--_1hbmzy2": ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #091E4224)"))
75
72
  }
76
73
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages["".concat(value, "Color")], function (labels) {
77
74
  return /*#__PURE__*/React.createElement(Pressable, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/status",
3
- "version": "3.0.4",
3
+ "version": "3.0.6",
4
4
  "description": "Fabric Status React Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,13 +28,13 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@atlaskit/analytics-next": "^11.0.0",
31
- "@atlaskit/icon": "^25.5.0",
31
+ "@atlaskit/icon": "^25.7.0",
32
32
  "@atlaskit/lozenge": "^12.2.0",
33
33
  "@atlaskit/platform-feature-flags": "^1.1.0",
34
- "@atlaskit/platform-feature-flags-react": "^0.1.0",
35
- "@atlaskit/primitives": "^14.4.0",
34
+ "@atlaskit/platform-feature-flags-react": "^0.2.0",
35
+ "@atlaskit/primitives": "^14.7.0",
36
36
  "@atlaskit/textfield": "^8.0.0",
37
- "@atlaskit/tokens": "^4.7.0",
37
+ "@atlaskit/tokens": "^4.8.0",
38
38
  "@babel/runtime": "^7.0.0",
39
39
  "@compiled/react": "^0.18.3",
40
40
  "@emotion/react": "^11.7.1"
@@ -44,9 +44,9 @@
44
44
  "react-intl-next": "npm:react-intl@^5.18.1"
45
45
  },
46
46
  "devDependencies": {
47
- "@af/visual-regression": "^1.3.0",
48
- "@atlaskit/elements-test-helpers": "^0.9.0",
49
- "@atlaskit/visual-regression": "^0.10.0",
47
+ "@af/visual-regression": "workspace:^",
48
+ "@atlaskit/elements-test-helpers": "workspace:^",
49
+ "@atlaskit/visual-regression": "workspace:^",
50
50
  "@atlassian/feature-flags-test-utils": "^0.3.0",
51
51
  "@testing-library/jest-dom": "^6.4.5",
52
52
  "@testing-library/react": "^13.4.0",