@atlaskit/pragmatic-drag-and-drop-react-accessibility 1.1.11 → 1.1.12

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 (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/drag-handle-button-small.js +10 -2
  3. package/dist/es2019/drag-handle-button-small.js +10 -2
  4. package/dist/esm/drag-handle-button-small.js +10 -2
  5. package/package.json +11 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/pragmatic-drag-and-drop-react-accessibility
2
2
 
3
+ ## 1.1.12
4
+
5
+ ### Patch Changes
6
+
7
+ - [#134886](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/134886)
8
+ [`d477c8582713a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d477c8582713a) -
9
+ We are updating drag icon as part of visual refresh behind a feature gate.
10
+
3
11
  ## 1.1.11
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/drag-handle-button-small.js CHANGED
@@ -10,6 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _dragHandler = _interopRequireDefault(require("@atlaskit/icon/glyph/drag-handler"));
13
+ var _dragHandle = _interopRequireDefault(require("@atlaskit/icon/utility/drag-handle"));
14
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
15
  var _primitives = require("@atlaskit/primitives");
14
16
  var _dragHandleButtonBase = require("./drag-handle-button-base");
15
17
  var _excluded = ["label"];
@@ -19,6 +21,9 @@ var iconSmallStyles = (0, _primitives.xcss)({
19
21
  display: 'inline-flex',
20
22
  marginInline: 'space.negative.050'
21
23
  });
24
+ var iconSmallStylesNew = (0, _primitives.xcss)({
25
+ display: 'inline-flex'
26
+ });
22
27
 
23
28
  /**
24
29
  * A button with pre-configured styling to look like a drag handle.
@@ -32,8 +37,11 @@ var DragHandleButtonSmall = exports.DragHandleButtonSmall = /*#__PURE__*/(0, _re
32
37
  return /*#__PURE__*/_react.default.createElement(_dragHandleButtonBase.DragHandleButtonBase, (0, _extends2.default)({
33
38
  ref: ref
34
39
  }, buttonProps), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
35
- xcss: iconSmallStyles
36
- }, /*#__PURE__*/_react.default.createElement(_dragHandler.default, {
40
+ xcss: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
41
+ }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? /*#__PURE__*/_react.default.createElement(_dragHandle.default, {
42
+ color: "currentColor",
43
+ label: label
44
+ }) : /*#__PURE__*/_react.default.createElement(_dragHandler.default, {
37
45
  label: label,
38
46
  size: "small"
39
47
  })));
package/dist/es2019/drag-handle-button-small.js CHANGED
@@ -1,12 +1,17 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { forwardRef } from 'react';
3
3
  import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
4
+ import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
5
+ import { fg } from '@atlaskit/platform-feature-flags';
4
6
  import { Box, xcss } from '@atlaskit/primitives';
5
7
  import { DragHandleButtonBase } from './drag-handle-button-base';
6
8
  const iconSmallStyles = xcss({
7
9
  display: 'inline-flex',
8
10
  marginInline: 'space.negative.050'
9
11
  });
12
+ const iconSmallStylesNew = xcss({
13
+ display: 'inline-flex'
14
+ });
10
15
 
11
16
  /**
12
17
  * A button with pre-configured styling to look like a drag handle.
@@ -21,8 +26,11 @@ export const DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandle
21
26
  return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
22
27
  ref: ref
23
28
  }, buttonProps), /*#__PURE__*/React.createElement(Box, {
24
- xcss: iconSmallStyles
25
- }, /*#__PURE__*/React.createElement(DragHandlerIcon, {
29
+ xcss: fg('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
30
+ }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
31
+ color: "currentColor",
32
+ label: label
33
+ }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
26
34
  label: label,
27
35
  size: "small"
28
36
  })));
package/dist/esm/drag-handle-button-small.js CHANGED
@@ -3,12 +3,17 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  var _excluded = ["label"];
4
4
  import React, { forwardRef } from 'react';
5
5
  import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
6
+ import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
6
8
  import { Box, xcss } from '@atlaskit/primitives';
7
9
  import { DragHandleButtonBase } from './drag-handle-button-base';
8
10
  var iconSmallStyles = xcss({
9
11
  display: 'inline-flex',
10
12
  marginInline: 'space.negative.050'
11
13
  });
14
+ var iconSmallStylesNew = xcss({
15
+ display: 'inline-flex'
16
+ });
12
17
 
13
18
  /**
14
19
  * A button with pre-configured styling to look like a drag handle.
@@ -22,8 +27,11 @@ export var DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandleBu
22
27
  return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
23
28
  ref: ref
24
29
  }, buttonProps), /*#__PURE__*/React.createElement(Box, {
25
- xcss: iconSmallStyles
26
- }, /*#__PURE__*/React.createElement(DragHandlerIcon, {
30
+ xcss: fg('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
31
+ }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
32
+ color: "currentColor",
33
+ label: label
34
+ }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
27
35
  label: label,
28
36
  size: "small"
29
37
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
3
- "version": "1.1.11",
3
+ "version": "1.1.12",
4
4
  "description": "An optional package for Pragmatic drag and drop containing react components to assist with setting up accessible experiences",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -38,10 +38,11 @@
38
38
  "./drag-handle-button-small": "./src/drag-handle-button-small.tsx"
39
39
  },
40
40
  "dependencies": {
41
- "@atlaskit/focus-ring": "^1.5.0",
42
- "@atlaskit/icon": "^22.11.0",
41
+ "@atlaskit/focus-ring": "^1.6.0",
42
+ "@atlaskit/icon": "^22.15.0",
43
+ "@atlaskit/platform-feature-flags": "^0.3.0",
43
44
  "@atlaskit/primitives": "^12.0.0",
44
- "@atlaskit/tokens": "^1.57.0",
45
+ "@atlaskit/tokens": "^1.59.0",
45
46
  "@babel/runtime": "^7.0.0",
46
47
  "@emotion/react": "^11.7.1"
47
48
  },
@@ -50,7 +51,7 @@
50
51
  },
51
52
  "devDependencies": {
52
53
  "@af/visual-regression": "*",
53
- "@atlaskit/ds-lib": "^2.3.0",
54
+ "@atlaskit/ds-lib": "^2.5.0",
54
55
  "@atlaskit/ssr": "*",
55
56
  "@atlaskit/visual-regression": "*",
56
57
  "@testing-library/react": "^12.1.5",
@@ -92,5 +93,10 @@
92
93
  "import-no-extraneous-disable-for-examples-and-docs"
93
94
  ]
94
95
  }
96
+ },
97
+ "platform-feature-flags": {
98
+ "platform-component-visual-refresh": {
99
+ "type": "boolean"
100
+ }
95
101
  }
96
102
  }