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

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/pragmatic-drag-and-drop-react-accessibility
 
+## 1.2.0
+
+### Minor Changes
+
+- [#150481](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/150481)
+  [`e750fb3633f6e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e750fb3633f6e) -
+  [ux] Enable new icons behind a feature flag.
+
+## 1.1.13
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.1.12
 
 ### Patch Changes

package/dist/cjs/drag-handle-button-small.js

@@ -9,14 +9,14 @@ exports.DragHandleButtonSmall = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _dragHandler = _interopRequireDefault(require("@atlaskit/icon/glyph/drag-handler"));
 var _dragHandle = _interopRequireDefault(require("@atlaskit/icon/utility/drag-handle"));
+var _dragHandleDragHandler = _interopRequireDefault(require("@atlaskit/icon/utility/migration/drag-handle--drag-handler"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _dragHandleButtonBase = require("./drag-handle-button-base");
 var _excluded = ["label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var iconSmallStyles = (0, _primitives.xcss)({
   display: 'inline-flex',
   marginInline: 'space.negative.050'
@@ -37,12 +37,13 @@ var DragHandleButtonSmall = exports.DragHandleButtonSmall = /*#__PURE__*/(0, _re
   return /*#__PURE__*/_react.default.createElement(_dragHandleButtonBase.DragHandleButtonBase, (0, _extends2.default)({
     ref: ref
   }, buttonProps), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
+    xcss: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') || (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
   }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? /*#__PURE__*/_react.default.createElement(_dragHandle.default, {
     color: "currentColor",
     label: label
-  }) : /*#__PURE__*/_react.default.createElement(_dragHandler.default, {
+  }) : /*#__PURE__*/_react.default.createElement(_dragHandleDragHandler.default, {
+    color: "currentColor",
     label: label,
-    size: "small"
+    LEGACY_size: "small"
   })));
 });

package/dist/cjs/drag-handle-button.js

@@ -9,11 +9,11 @@ exports.DragHandleButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _dragHandler = _interopRequireDefault(require("@atlaskit/icon/glyph/drag-handler"));
+var _dragHandleDragHandler = _interopRequireDefault(require("@atlaskit/icon/utility/migration/drag-handle--drag-handler"));
 var _dragHandleButtonBase = require("./drag-handle-button-base");
 var _excluded = ["label"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * A button with pre-configured styling to look like a drag handle.
  *
@@ -25,7 +25,9 @@ var DragHandleButton = exports.DragHandleButton = /*#__PURE__*/(0, _react.forwar
     buttonProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_dragHandleButtonBase.DragHandleButtonBase, (0, _extends2.default)({
     ref: ref
-  }, buttonProps), /*#__PURE__*/_react.default.createElement(_dragHandler.default, {
+  }, buttonProps), /*#__PURE__*/_react.default.createElement(_dragHandleDragHandler.default, {
+    color: "currentColor",
+    spacing: "spacious",
     label: label
   }));
 });

package/dist/es2019/drag-handle-button-small.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
 import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
+import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { DragHandleButtonBase } from './drag-handle-button-base';
@@ -26,12 +26,13 @@ export const DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandle
   return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
     ref: ref
   }, buttonProps), /*#__PURE__*/React.createElement(Box, {
-    xcss: fg('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
+    xcss: fg('platform-component-visual-refresh') || fg('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
   }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
     color: "currentColor",
     label: label
   }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
+    color: "currentColor",
     label: label,
-    size: "small"
+    LEGACY_size: "small"
   })));
 });

package/dist/es2019/drag-handle-button.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
+import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
 import { DragHandleButtonBase } from './drag-handle-button-base';
 /**
  * A button with pre-configured styling to look like a drag handle.
@@ -15,6 +15,8 @@ export const DragHandleButton = /*#__PURE__*/forwardRef(function DragHandleButto
   return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
     ref: ref
   }, buttonProps), /*#__PURE__*/React.createElement(DragHandlerIcon, {
+    color: "currentColor",
+    spacing: "spacious",
     label: label
   }));
 });

package/dist/esm/drag-handle-button-small.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label"];
 import React, { forwardRef } from 'react';
-import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
 import DragHandlerIconNew from '@atlaskit/icon/utility/drag-handle';
+import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { DragHandleButtonBase } from './drag-handle-button-base';
@@ -27,12 +27,13 @@ export var DragHandleButtonSmall = /*#__PURE__*/forwardRef(function DragHandleBu
   return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
     ref: ref
   }, buttonProps), /*#__PURE__*/React.createElement(Box, {
-    xcss: fg('platform-component-visual-refresh') ? iconSmallStylesNew : iconSmallStyles
+    xcss: fg('platform-component-visual-refresh') || fg('platform-visual-refresh-icons') ? iconSmallStylesNew : iconSmallStyles
   }, fg('platform-component-visual-refresh') ? /*#__PURE__*/React.createElement(DragHandlerIconNew, {
     color: "currentColor",
     label: label
   }) : /*#__PURE__*/React.createElement(DragHandlerIcon, {
+    color: "currentColor",
     label: label,
-    size: "small"
+    LEGACY_size: "small"
   })));
 });

package/dist/esm/drag-handle-button.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["label"];
 import React, { forwardRef } from 'react';
-import DragHandlerIcon from '@atlaskit/icon/glyph/drag-handler';
+import DragHandlerIcon from '@atlaskit/icon/utility/migration/drag-handle--drag-handler';
 import { DragHandleButtonBase } from './drag-handle-button-base';
 /**
  * A button with pre-configured styling to look like a drag handle.
@@ -16,6 +16,8 @@ export var DragHandleButton = /*#__PURE__*/forwardRef(function DragHandleButton(
   return /*#__PURE__*/React.createElement(DragHandleButtonBase, _extends({
     ref: ref
   }, buttonProps), /*#__PURE__*/React.createElement(DragHandlerIcon, {
+    color: "currentColor",
+    spacing: "spacious",
     label: label
   }));
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
-	"version": "1.1.12",
+	"version": "1.2.0",
 	"description": "An optional package for Pragmatic drag and drop containing react components to assist with setting up accessible experiences",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -9,8 +9,6 @@
 	},
 	"atlassian": {
 		"team": "Design System Team",
-		"inPublicMirror": false,
-		"releaseModel": "continuous",
 		"runReact18": true,
 		"website": {
 			"name": "React accessibility",
@@ -39,10 +37,10 @@
 	},
 	"dependencies": {
 		"@atlaskit/focus-ring": "^1.6.0",
-		"@atlaskit/icon": "^22.15.0",
+		"@atlaskit/icon": "^22.22.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^12.0.0",
-		"@atlaskit/tokens": "^1.59.0",
+		"@atlaskit/primitives": "^12.2.0",
+		"@atlaskit/tokens": "^2.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -51,7 +49,7 @@
 	},
 	"devDependencies": {
 		"@af/visual-regression": "*",
-		"@atlaskit/ds-lib": "^2.5.0",
+		"@atlaskit/ds-lib": "^3.1.0",
 		"@atlaskit/ssr": "*",
 		"@atlaskit/visual-regression": "*",
 		"@testing-library/react": "^12.1.5",
@@ -97,6 +95,9 @@
 	"platform-feature-flags": {
 		"platform-component-visual-refresh": {
 			"type": "boolean"
+		},
+		"platform-visual-refresh-icons": {
+			"type": "boolean"
 		}
 	}
 }