@atlaskit/pragmatic-drag-and-drop-react-accessibility 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/pragmatic-drag-and-drop-react-accessibility
 
+## 0.3.0
+
+### Minor Changes
+
+- [`ee9aa9b7300`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ee9aa9b7300) - [ux] The button now has `display: flex`
+
 ## 0.2.0
 
 ### Minor Changes

package/constellation/index/about.mdx

@@ -1,7 +1,5 @@
 ---
 order: 0
-title: React Accessibility
-description: React components to help implement accessible alternative flows
 ---
 
 This package provides some optional `react` components that can be used to build

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

@@ -22,7 +22,8 @@ var buttonStyles = (0, _react2.css)({
   padding: "var(--ds-space-0, 0px)",
   width: 'max-content',
   border: 'none',
-  cursor: 'grab'
+  cursor: 'grab',
+  display: 'flex'
 });
 var buttonAppearanceStyles = {
   default: (0, _react2.css)({

package/dist/cjs/drag-handle-dropdown-menu.js

@@ -23,6 +23,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function DragHandleDropdownMenu(_ref) {
   var children = _ref.children,
     consumerRef = _ref.triggerRef,
+    appearance = _ref.appearance,
     label = _ref.label;
   var renderTrigger = (0, _react.useCallback)(function (_ref2) {
     var triggerRef = _ref2.triggerRef,
@@ -31,9 +32,10 @@ function DragHandleDropdownMenu(_ref) {
     return /*#__PURE__*/_react.default.createElement(_dragHandleButton.DragHandleButton, (0, _extends2.default)({
       ref: mergedRef
     }, triggerProps, {
-      label: label
+      label: label,
+      appearance: appearance
     }));
-  }, [consumerRef, label]);
+  }, [appearance, consumerRef, label]);
   return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
     trigger: renderTrigger
   }, children);

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

@@ -14,7 +14,8 @@ const buttonStyles = css({
   padding: "var(--ds-space-0, 0px)",
   width: 'max-content',
   border: 'none',
-  cursor: 'grab'
+  cursor: 'grab',
+  display: 'flex'
 });
 const buttonAppearanceStyles = {
   default: css({
@@ -51,6 +52,15 @@ export const DragHandleButton = /*#__PURE__*/forwardRef(function DragHandleButto
   testId,
   appearance: appearanceProp = 'default',
   label,
+  /**
+   * Defaulting to `button` instead of `submit` (native default in some cases).
+   *
+   * A type of `submit` only makes sense in a form context, and isn't very
+   * relevant to a drag handle.
+   *
+   * `@atlaskit/button` also defaults to a type of `button` as well, as it
+   * is more semantically appropriate in a wider range of cases.
+   */
   type = 'button',
   ...buttonProps
 }, ref) {

package/dist/es2019/drag-handle-dropdown-menu.js

@@ -12,6 +12,7 @@ import { DragHandleButton } from './drag-handle-button';
 export function DragHandleDropdownMenu({
   children,
   triggerRef: consumerRef,
+  appearance,
   label
 }) {
   const renderTrigger = useCallback(({
@@ -22,9 +23,10 @@ export function DragHandleDropdownMenu({
     return /*#__PURE__*/React.createElement(DragHandleButton, _extends({
       ref: mergedRef
     }, triggerProps, {
-      label: label
+      label: label,
+      appearance: appearance
     }));
-  }, [consumerRef, label]);
+  }, [appearance, consumerRef, label]);
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: renderTrigger
   }, children);

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

@@ -16,7 +16,8 @@ var buttonStyles = css({
   padding: "var(--ds-space-0, 0px)",
   width: 'max-content',
   border: 'none',
-  cursor: 'grab'
+  cursor: 'grab',
+  display: 'flex'
 });
 var buttonAppearanceStyles = {
   default: css({

package/dist/esm/drag-handle-dropdown-menu.js

@@ -14,6 +14,7 @@ import { DragHandleButton } from './drag-handle-button';
 export function DragHandleDropdownMenu(_ref) {
   var children = _ref.children,
     consumerRef = _ref.triggerRef,
+    appearance = _ref.appearance,
     label = _ref.label;
   var renderTrigger = useCallback(function (_ref2) {
     var triggerRef = _ref2.triggerRef,
@@ -22,9 +23,10 @@ export function DragHandleDropdownMenu(_ref) {
     return /*#__PURE__*/React.createElement(DragHandleButton, _extends({
       ref: mergedRef
     }, triggerProps, {
-      label: label
+      label: label,
+      appearance: appearance
     }));
-  }, [consumerRef, label]);
+  }, [appearance, consumerRef, label]);
   return /*#__PURE__*/React.createElement(DropdownMenu, {
     trigger: renderTrigger
   }, children);

package/dist/types/drag-handle-dropdown-menu.d.ts

@@ -23,4 +23,4 @@ export type DragHandleDropdownMenuProps = {
  *
  * The API is designed to mirror the `@atlaskit/dropdown-menu` API.
  */
-export declare function DragHandleDropdownMenu({ children, triggerRef: consumerRef, label, }: DragHandleDropdownMenuProps): JSX.Element;
+export declare function DragHandleDropdownMenu({ children, triggerRef: consumerRef, appearance, label, }: DragHandleDropdownMenuProps): JSX.Element;

package/dist/types-ts4.5/drag-handle-dropdown-menu.d.ts

@@ -23,4 +23,4 @@ export type DragHandleDropdownMenuProps = {
  *
  * The API is designed to mirror the `@atlaskit/dropdown-menu` API.
  */
-export declare function DragHandleDropdownMenu({ children, triggerRef: consumerRef, label, }: DragHandleDropdownMenuProps): JSX.Element;
+export declare function DragHandleDropdownMenu({ children, triggerRef: consumerRef, appearance, label, }: DragHandleDropdownMenuProps): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Optional react components to help implement accessible alternative flows for Pragmatic drag and drop",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -12,8 +12,11 @@
     "inPublicMirror": false,
     "releaseModel": "continuous",
     "website": {
-      "name": "PragmaticDragAndDropReactAccessibility",
-      "category": "Components"
+      "name": "React accessibility",
+      "category": "Libraries",
+      "status": {
+        "type": "alpha"
+      }
     }
   },
   "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",

package/dist/cjs/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
-	"version": "0.2.0",
-	"sideEffects": false
-}

package/dist/es2019/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
-	"version": "0.2.0",
-	"sideEffects": false
-}

package/dist/esm/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/pragmatic-drag-and-drop-react-accessibility",
-	"version": "0.2.0",
-	"sideEffects": false
-}