@atlaskit/dropdown-menu 16.8.0 → 16.8.2

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 (8) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/internal/components/checkbox-icon.js +3 -4
  3. package/dist/cjs/internal/components/radio-icon.js +3 -4
  4. package/dist/es2019/internal/components/checkbox-icon.js +3 -4
  5. package/dist/es2019/internal/components/radio-icon.js +3 -4
  6. package/dist/esm/internal/components/checkbox-icon.js +3 -4
  7. package/dist/esm/internal/components/radio-icon.js +3 -4
  8. package/package.json +11 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/dropdown-menu
2
2
 
3
+ ## 16.8.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`18245cbd990e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/18245cbd990e3) -
8
+ Added motion to opening and closing of Popup
9
+ - Updated dependencies
10
+
11
+ ## 16.8.1
12
+
13
+ ### Patch Changes
14
+
15
+ - [`7aef1e49e90ea`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7aef1e49e90ea) -
16
+ Removes redundant fallback color values via @atlaskit/theme
17
+ - Updated dependencies
18
+
3
19
  ## 16.8.0
4
20
 
5
21
  ### Minor Changes
package/dist/cjs/internal/components/checkbox-icon.js CHANGED
@@ -9,7 +9,6 @@ exports.default = void 0;
9
9
  require("./checkbox-icon.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _colors = require("@atlaskit/theme/colors");
13
12
  var svgStyles = null;
14
13
 
15
14
  /**
@@ -27,16 +26,16 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
27
26
  viewBox: "0 0 24 24",
28
27
  style: {
29
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
30
- color: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
29
+ color: checked ? "var(--ds-background-selected-bold, #1868DB)" : "var(--ds-background-input, #FFFFFF)",
31
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
32
- fill: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
31
+ fill: checked ? "var(--ds-icon-inverse, #FFFFFF)" : 'transparent'
33
32
  },
34
33
  role: "presentation",
35
34
  className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
36
35
  }, /*#__PURE__*/_react.default.createElement("g", {
37
36
  fillRule: "evenodd"
38
37
  }, /*#__PURE__*/_react.default.createElement("rect", {
39
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
38
+ stroke: checked ? "var(--ds-border-selected, #1868DB)" : "var(--ds-border-input, #8C8F97)",
40
39
  x: "5.5",
41
40
  y: "5.5",
42
41
  width: "13",
package/dist/cjs/internal/components/radio-icon.js CHANGED
@@ -9,7 +9,6 @@ exports.default = void 0;
9
9
  require("./radio-icon.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _colors = require("@atlaskit/theme/colors");
13
12
  var svgStyles = null;
14
13
 
15
14
  /**
@@ -27,9 +26,9 @@ var RadioIcon = function RadioIcon(_ref) {
27
26
  viewBox: "0 0 24 24",
28
27
  style: {
29
28
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
30
- color: checked ? "var(--ds-background-selected-bold, ".concat(_colors.B400, ")") : "var(--ds-background-input, ".concat(_colors.N10, ")"),
29
+ color: checked ? "var(--ds-background-selected-bold, #1868DB)" : "var(--ds-background-input, #FFFFFF)",
31
30
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
32
- fill: checked ? "var(--ds-icon-inverse, ".concat(_colors.N10, ")") : 'transparent'
31
+ fill: checked ? "var(--ds-icon-inverse, #FFFFFF)" : 'transparent'
33
32
  },
34
33
  role: "presentation",
35
34
  className: (0, _runtime.ax)(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
@@ -40,7 +39,7 @@ var RadioIcon = function RadioIcon(_ref) {
40
39
  cy: "12",
41
40
  r: "7.5",
42
41
  fill: "currentColor",
43
- stroke: checked ? "var(--ds-border-selected, ".concat(_colors.B400, ")") : "var(--ds-border-input, ".concat(_colors.N100, ")"),
42
+ stroke: checked ? "var(--ds-border-selected, #1868DB)" : "var(--ds-border-input, #8C8F97)",
44
43
  strokeWidth: "1"
45
44
  }), /*#__PURE__*/_react.default.createElement("circle", {
46
45
  cx: "12",
package/dist/es2019/internal/components/checkbox-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./checkbox-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { B400, N10, N100 } from '@atlaskit/theme/colors';
6
5
  const svgStyles = null;
7
6
 
8
7
  /**
@@ -21,16 +20,16 @@ const CheckboxIcon = ({
21
20
  viewBox: "0 0 24 24",
22
21
  style: {
23
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
24
- color: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
23
+ color: checked ? "var(--ds-background-selected-bold, #1868DB)" : "var(--ds-background-input, #FFFFFF)",
25
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
26
- fill: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
25
+ fill: checked ? "var(--ds-icon-inverse, #FFFFFF)" : 'transparent'
27
26
  },
28
27
  role: "presentation",
29
28
  className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
30
29
  }, /*#__PURE__*/React.createElement("g", {
31
30
  fillRule: "evenodd"
32
31
  }, /*#__PURE__*/React.createElement("rect", {
33
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
32
+ stroke: checked ? "var(--ds-border-selected, #1868DB)" : "var(--ds-border-input, #8C8F97)",
34
33
  x: "5.5",
35
34
  y: "5.5",
36
35
  width: "13",
package/dist/es2019/internal/components/radio-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./radio-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { B400, N10, N100 } from '@atlaskit/theme/colors';
6
5
  const svgStyles = null;
7
6
 
8
7
  /**
@@ -21,9 +20,9 @@ const RadioIcon = ({
21
20
  viewBox: "0 0 24 24",
22
21
  style: {
23
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
24
- color: checked ? `var(--ds-background-selected-bold, ${B400})` : `var(--ds-background-input, ${N10})`,
23
+ color: checked ? "var(--ds-background-selected-bold, #1868DB)" : "var(--ds-background-input, #FFFFFF)",
25
24
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
26
- fill: checked ? `var(--ds-icon-inverse, ${N10})` : 'transparent'
25
+ fill: checked ? "var(--ds-icon-inverse, #FFFFFF)" : 'transparent'
27
26
  },
28
27
  role: "presentation",
29
28
  className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
@@ -34,7 +33,7 @@ const RadioIcon = ({
34
33
  cy: "12",
35
34
  r: "7.5",
36
35
  fill: "currentColor",
37
- stroke: checked ? `var(--ds-border-selected, ${B400})` : `var(--ds-border-input, ${N100})`,
36
+ stroke: checked ? "var(--ds-border-selected, #1868DB)" : "var(--ds-border-input, #8C8F97)",
38
37
  strokeWidth: "1"
39
38
  }), /*#__PURE__*/React.createElement("circle", {
40
39
  cx: "12",
package/dist/esm/internal/components/checkbox-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./checkbox-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { B400, N10, N100 } from '@atlaskit/theme/colors';
6
5
  var svgStyles = null;
7
6
 
8
7
  /**
@@ -20,16 +19,16 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
20
19
  viewBox: "0 0 24 24",
21
20
  style: {
22
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
23
- color: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
22
+ color: checked ? "var(--ds-background-selected-bold, #1868DB)" : "var(--ds-background-input, #FFFFFF)",
24
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
25
- fill: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
24
+ fill: checked ? "var(--ds-icon-inverse, #FFFFFF)" : 'transparent'
26
25
  },
27
26
  role: "presentation",
28
27
  className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
29
28
  }, /*#__PURE__*/React.createElement("g", {
30
29
  fillRule: "evenodd"
31
30
  }, /*#__PURE__*/React.createElement("rect", {
32
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
31
+ stroke: checked ? "var(--ds-border-selected, #1868DB)" : "var(--ds-border-input, #8C8F97)",
33
32
  x: "5.5",
34
33
  y: "5.5",
35
34
  width: "13",
package/dist/esm/internal/components/radio-icon.js CHANGED
@@ -2,7 +2,6 @@
2
2
  import "./radio-icon.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { B400, N10, N100 } from '@atlaskit/theme/colors';
6
5
  var svgStyles = null;
7
6
 
8
7
  /**
@@ -20,9 +19,9 @@ var RadioIcon = function RadioIcon(_ref) {
20
19
  viewBox: "0 0 24 24",
21
20
  style: {
22
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
23
- color: checked ? "var(--ds-background-selected-bold, ".concat(B400, ")") : "var(--ds-background-input, ".concat(N10, ")"),
22
+ color: checked ? "var(--ds-background-selected-bold, #1868DB)" : "var(--ds-background-input, #FFFFFF)",
24
23
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
25
- fill: checked ? "var(--ds-icon-inverse, ".concat(N10, ")") : 'transparent'
24
+ fill: checked ? "var(--ds-icon-inverse, #FFFFFF)" : 'transparent'
26
25
  },
27
26
  role: "presentation",
28
27
  className: ax(["_1reo15vq _18m915vq _lswuvuon _lcxvglyw"])
@@ -33,7 +32,7 @@ var RadioIcon = function RadioIcon(_ref) {
33
32
  cy: "12",
34
33
  r: "7.5",
35
34
  fill: "currentColor",
36
- stroke: checked ? "var(--ds-border-selected, ".concat(B400, ")") : "var(--ds-border-input, ".concat(N100, ")"),
35
+ stroke: checked ? "var(--ds-border-selected, #1868DB)" : "var(--ds-border-input, #8C8F97)",
37
36
  strokeWidth: "1"
38
37
  }), /*#__PURE__*/React.createElement("circle", {
39
38
  cx: "12",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "16.8.0",
3
+ "version": "16.8.2",
4
4
  "description": "A dropdown menu displays a list of actions or options to a user.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -27,15 +27,15 @@
27
27
  "@atlaskit/button": "^23.10.0",
28
28
  "@atlaskit/css": "^0.19.0",
29
29
  "@atlaskit/ds-lib": "^6.0.0",
30
- "@atlaskit/icon": "^33.0.0",
30
+ "@atlaskit/icon": "^33.1.0",
31
31
  "@atlaskit/layering": "^3.6.0",
32
32
  "@atlaskit/menu": "^8.4.0",
33
33
  "@atlaskit/platform-feature-flags": "^1.1.0",
34
- "@atlaskit/popup": "^4.14.0",
35
- "@atlaskit/primitives": "^18.0.0",
34
+ "@atlaskit/popup": "^4.15.0",
35
+ "@atlaskit/primitives": "^18.1.0",
36
36
  "@atlaskit/spinner": "^19.0.0",
37
37
  "@atlaskit/theme": "^22.0.0",
38
- "@atlaskit/tokens": "^11.2.0",
38
+ "@atlaskit/tokens": "^11.4.0",
39
39
  "@atlaskit/visually-hidden": "^3.0.0",
40
40
  "@babel/runtime": "^7.0.0",
41
41
  "bind-event-listener": "^3.0.0"
@@ -48,16 +48,16 @@
48
48
  "@af/accessibility-testing": "workspace:^",
49
49
  "@af/integration-testing": "workspace:^",
50
50
  "@af/visual-regression": "workspace:^",
51
- "@atlaskit/app-provider": "^4.1.0",
51
+ "@atlaskit/app-provider": "^4.2.0",
52
52
  "@atlaskit/atlassian-navigation": "^5.6.0",
53
- "@atlaskit/avatar": "^25.10.0",
53
+ "@atlaskit/avatar": "^25.11.0",
54
54
  "@atlaskit/checkbox": "^17.3.0",
55
55
  "@atlaskit/docs": "^11.7.0",
56
56
  "@atlaskit/form": "^15.5.0",
57
57
  "@atlaskit/heading": "^5.3.0",
58
58
  "@atlaskit/link": "^3.3.0",
59
59
  "@atlaskit/lozenge": "^13.5.0",
60
- "@atlaskit/modal-dialog": "^14.12.0",
60
+ "@atlaskit/modal-dialog": "^14.14.0",
61
61
  "@atlaskit/section-message": "^8.12.0",
62
62
  "@atlaskit/textfield": "^8.2.0",
63
63
  "@atlaskit/toggle": "^15.2.0",
@@ -87,6 +87,9 @@
87
87
  },
88
88
  "platform_dst_menu_item_focus": {
89
89
  "type": "boolean"
90
+ },
91
+ "platform-dst-motion-uplift": {
92
+ "type": "boolean"
90
93
  }
91
94
  },
92
95
  "techstack": {