@carbon/react 0.17.0 → 1.0.1

package/lib/components/PaginationNav/PaginationNav.js

@@ -0,0 +1,465 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var iconsReact = require('@carbon/icons-react');
+var Button = require('../Button/Button.js');
+var index = require('../IconButton/index.js');
+var FeatureFlags = require('@carbon/feature-flags');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
+
+var _excluded = ["className", "onChange", "totalItems", "itemsShown", "page", "loop", "translateWithId"];
+
+var _CaretRight, _CaretLeft, _option;
+var translationIds = {
+  'carbon.pagination-nav.next': 'Next',
+  'carbon.pagination-nav.previous': 'Previous',
+  'carbon.pagination-nav.item': 'Page',
+  'carbon.pagination-nav.active': 'Active',
+  'carbon.pagination-nav.of': 'of'
+};
+
+function translateWithId(messageId) {
+  return translationIds[messageId];
+} // https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
+
+
+function usePrevious(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  });
+  return ref.current;
+}
+
+function getCuts(page, totalItems, itemsThatFit) {
+  var splitPoint = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
+  if (itemsThatFit >= totalItems) {
+    return {
+      front: 0,
+      back: 0
+    };
+  }
+
+  var split = splitPoint || Math.ceil(itemsThatFit / 2) - 1;
+  var frontHidden = page + 1 - split;
+  var backHidden = totalItems - page - (itemsThatFit - split) + 1;
+
+  if (frontHidden <= 1) {
+    backHidden -= frontHidden <= 0 ? Math.abs(frontHidden) + 1 : 0;
+    frontHidden = 0;
+  }
+
+  if (backHidden <= 1) {
+    frontHidden -= backHidden <= 0 ? Math.abs(backHidden) + 1 : 0;
+    backHidden = 0;
+  }
+
+  return {
+    front: frontHidden,
+    back: backHidden
+  };
+}
+
+function DirectionButton(_ref) {
+  var direction = _ref.direction,
+      label = _ref.label,
+      disabled = _ref.disabled,
+      onClick = _ref.onClick;
+  var prefix = usePrefix.usePrefix();
+  var icon = direction === 'forward' ? iconsReact.CaretRight : iconsReact.CaretLeft;
+  return /*#__PURE__*/React__default["default"].createElement("li", {
+    className: "".concat(prefix, "--pagination-nav__list-item")
+  }, FeatureFlags__namespace.enabled('enable-v11-release') ? /*#__PURE__*/React__default["default"].createElement(index.IconButton, {
+    align: "bottom",
+    disabled: disabled,
+    kind: "ghost",
+    label: label,
+    onClick: onClick
+  }, direction === 'forward' ? _CaretRight || (_CaretRight = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretRight, null)) : _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretLeft, null))) : /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+    disabled: disabled,
+    renderIcon: icon,
+    kind: "ghost",
+    hasIconOnly: true,
+    iconDescription: label,
+    tooltipAlignment: "center",
+    tooltipPosition: "bottom",
+    onClick: onClick
+  }));
+}
+
+function PaginationItem(_ref2) {
+  var page = _ref2.page,
+      isActive = _ref2.isActive,
+      onClick = _ref2.onClick,
+      _ref2$translateWithId = _ref2.translateWithId,
+      t = _ref2$translateWithId === void 0 ? translateWithId : _ref2$translateWithId;
+  var prefix = usePrefix.usePrefix();
+  var itemLabel = t('carbon.pagination-nav.item');
+  return /*#__PURE__*/React__default["default"].createElement("li", {
+    className: "".concat(prefix, "--pagination-nav__list-item")
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    type: "button",
+    className: cx__default["default"]("".concat(prefix, "--pagination-nav__page"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--pagination-nav__page--active"), isActive)),
+    onClick: onClick,
+    "data-page": page,
+    "aria-current": isActive ? 'page' : null
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--pagination-nav__accessibility-label")
+  }, isActive ? "".concat(t('carbon.pagination-nav.active'), ", ").concat(itemLabel) : itemLabel), page));
+}
+
+function PaginationOverflow(_ref3) {
+  var fromIndex = _ref3.fromIndex,
+      count = _ref3.count,
+      onSelect = _ref3.onSelect,
+      _ref3$translateWithId = _ref3.translateWithId,
+      t = _ref3$translateWithId === void 0 ? translateWithId : _ref3$translateWithId;
+  var prefix = usePrefix.usePrefix();
+
+  if (count > 1) {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      className: "".concat(prefix, "--pagination-nav__list-item")
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(prefix, "--pagination-nav__select")
+    }, /*#__PURE__*/React__default["default"].createElement("select", {
+      className: "".concat(prefix, "--pagination-nav__page ").concat(prefix, "--pagination-nav__page--select"),
+      "aria-label": "Select ".concat(t('carbon.pagination-nav.item'), " number"),
+      onChange: function onChange(e) {
+        var index = Number(e.target.value);
+        onSelect(index);
+      }
+    }, _option || (_option = /*#__PURE__*/React__default["default"].createElement("option", {
+      value: "",
+      hidden: true
+    })), _rollupPluginBabelHelpers.toConsumableArray(Array(count)).map(function (e, i) {
+      return /*#__PURE__*/React__default["default"].createElement("option", {
+        value: (fromIndex + i).toString(),
+        "data-page": fromIndex + i + 1,
+        key: "overflow-".concat(fromIndex + i)
+      }, fromIndex + i + 1);
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(prefix, "--pagination-nav__select-icon-wrapper")
+    }, /*#__PURE__*/React__default["default"].createElement(iconsReact.OverflowMenuHorizontal, {
+      className: "".concat(prefix, "--pagination-nav__select-icon")
+    }))));
+  }
+
+  if (count === 1) {
+    return /*#__PURE__*/React__default["default"].createElement(PaginationItem, {
+      page: fromIndex + 1,
+      translateWithId: t,
+      onClick: function onClick() {
+        onSelect(fromIndex);
+      }
+    });
+  }
+
+  return null;
+}
+
+var PaginationNav = /*#__PURE__*/React__default["default"].forwardRef(function PaginationNav(_ref4, ref) {
+  var className = _ref4.className,
+      _ref4$onChange = _ref4.onChange,
+      onChange = _ref4$onChange === void 0 ? function () {} : _ref4$onChange,
+      totalItems = _ref4.totalItems,
+      _ref4$itemsShown = _ref4.itemsShown,
+      itemsShown = _ref4$itemsShown === void 0 ? 10 : _ref4$itemsShown,
+      _ref4$page = _ref4.page,
+      page = _ref4$page === void 0 ? 0 : _ref4$page,
+      _ref4$loop = _ref4.loop,
+      loop = _ref4$loop === void 0 ? false : _ref4$loop,
+      _ref4$translateWithId = _ref4.translateWithId,
+      t = _ref4$translateWithId === void 0 ? translateWithId : _ref4$translateWithId,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded);
+
+  var _useState = React.useState(page),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  var _useState3 = React.useState(itemsShown >= 4 ? itemsShown : 4),
+      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
+      itemsThatFit = _useState4[0],
+      setItemsThatFit = _useState4[1];
+
+  var _useState5 = React.useState(getCuts(currentPage, totalItems, itemsThatFit)),
+      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
+      cuts = _useState6[0],
+      setCuts = _useState6[1];
+
+  var prevPage = usePrevious(currentPage);
+  var prefix = usePrefix.usePrefix();
+
+  function jumpToItem(index) {
+    if (index >= 0 && index < totalItems) {
+      setCurrentPage(index);
+      onChange(index);
+    }
+  }
+
+  function jumpToNext() {
+    var nextIndex = currentPage + 1;
+
+    if (nextIndex >= totalItems) {
+      if (loop) {
+        jumpToItem(0);
+      }
+    } else {
+      jumpToItem(nextIndex);
+    }
+  }
+
+  function jumpToPrevious() {
+    var previousIndex = currentPage - 1;
+
+    if (previousIndex < 0) {
+      if (loop) {
+        jumpToItem(totalItems - 1);
+      }
+    } else {
+      jumpToItem(previousIndex);
+    }
+  }
+
+  function pageWouldBeHidden(page) {
+    var startOffset = itemsThatFit <= 4 && page > 1 ? 0 : 1;
+    var wouldBeHiddenInFront = page >= startOffset && page <= cuts.front;
+    var wouldBeHiddenInBack = page >= totalItems - cuts.back - 1 && page <= totalItems - 2;
+    return wouldBeHiddenInFront || wouldBeHiddenInBack;
+  } // jump to new page if props.page is updated
+
+
+  React.useEffect(function () {
+    setCurrentPage(page);
+  }, [page]); // re-calculate cuts if props.totalItems or props.itemsShown change
+
+  React.useEffect(function () {
+    setItemsThatFit(itemsShown >= 4 ? itemsShown : 4);
+    setCuts(getCuts(currentPage, totalItems, itemsShown));
+  }, [totalItems, itemsShown]); // eslint-disable-line react-hooks/exhaustive-deps
+  // update cuts if necessary whenever currentPage changes
+
+  React.useEffect(function () {
+    if (pageWouldBeHidden(currentPage)) {
+      var delta = currentPage - prevPage || 0;
+
+      if (delta > 0) {
+        var splitPoint = itemsThatFit - 3;
+        setCuts(getCuts(currentPage, totalItems, itemsThatFit, splitPoint));
+      } else {
+        var _splitPoint = itemsThatFit > 4 ? 2 : 1;
+
+        setCuts(getCuts(currentPage, totalItems, itemsThatFit, _splitPoint));
+      }
+    }
+  }, [currentPage]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  var classNames = cx__default["default"]("".concat(prefix, "--pagination-nav"), className);
+  var backwardButtonDisabled = !loop && currentPage === 0;
+  var forwardButtonDisabled = !loop && currentPage === totalItems - 1;
+  var startOffset = itemsThatFit <= 4 && currentPage > 1 ? 0 : 1;
+  return /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
+    className: classNames,
+    ref: ref
+  }, rest, {
+    "aria-label": "pagination"
+  }), /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: "".concat(prefix, "--pagination-nav__list")
+  }, /*#__PURE__*/React__default["default"].createElement(DirectionButton, {
+    direction: "backward",
+    label: t('carbon.pagination-nav.previous'),
+    disabled: backwardButtonDisabled,
+    onClick: jumpToPrevious
+  }), // render first item if at least 5 items can be displayed or
+  // 4 items can be displayed and the current page is either 0 or 1
+  (itemsThatFit >= 5 || itemsThatFit <= 4 && currentPage <= 1) && /*#__PURE__*/React__default["default"].createElement(PaginationItem, {
+    page: 1,
+    translateWithId: t,
+    isActive: currentPage === 0,
+    onClick: function onClick() {
+      jumpToItem(0);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(PaginationOverflow, {
+    fromIndex: startOffset,
+    count: cuts.front,
+    onSelect: jumpToItem
+  }), // render items between overflows
+  _rollupPluginBabelHelpers.toConsumableArray(Array(totalItems)).map(function (e, i) {
+    return i;
+  }).slice(startOffset + cuts.front, (1 + cuts.back) * -1).map(function (item) {
+    return /*#__PURE__*/React__default["default"].createElement(PaginationItem, {
+      key: "item-".concat(item),
+      page: item + 1,
+      translateWithId: t,
+      isActive: currentPage === item,
+      onClick: function onClick() {
+        jumpToItem(item);
+      }
+    });
+  }), /*#__PURE__*/React__default["default"].createElement(PaginationOverflow, {
+    fromIndex: totalItems - cuts.back - 1,
+    count: cuts.back,
+    onSelect: jumpToItem
+  }), // render last item unless there is only one in total
+  totalItems > 1 && /*#__PURE__*/React__default["default"].createElement(PaginationItem, {
+    page: totalItems,
+    translateWithId: t,
+    isActive: currentPage === totalItems - 1,
+    onClick: function onClick() {
+      jumpToItem(totalItems - 1);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(DirectionButton, {
+    direction: "forward",
+    label: t('carbon.pagination-nav.next'),
+    disabled: forwardButtonDisabled,
+    onClick: jumpToNext
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    className: "".concat(prefix, "--pagination-nav__accessibility-label")
+  }, "".concat(t('carbon.pagination-nav.item'), " ").concat(currentPage + 1, " ").concat(t('carbon.pagination-nav.of'), " ").concat(totalItems)));
+});
+DirectionButton.propTypes = {
+  /**
+   * The direction this button represents ("forward" or "backward").
+   */
+  direction: PropTypes__default["default"].oneOf(['forward', 'backward']),
+
+  /**
+   * Whether or not the button should be disabled.
+   */
+  disabled: PropTypes__default["default"].bool,
+
+  /**
+   * The label shown in the button's tooltip.
+   */
+  label: PropTypes__default["default"].string,
+
+  /**
+   * The callback function called when the button is clicked.
+   */
+  onClick: PropTypes__default["default"].func
+};
+PaginationItem.propTypes = {
+  /**
+   * Whether or not this is the currently active page.
+   */
+  isActive: PropTypes__default["default"].bool,
+
+  /**
+   * The callback function called when the item is clicked.
+   */
+  onClick: PropTypes__default["default"].func,
+
+  /**
+   * The page number this item represents.
+   */
+  page: PropTypes__default["default"].number,
+
+  /**
+   * Specify a custom translation function that takes in a message identifier
+   * and returns the localized string for the message
+   */
+  translateWithId: PropTypes__default["default"].func
+};
+PaginationOverflow.propTypes = {
+  /**
+   * How many items to display in this overflow.
+   */
+  count: PropTypes__default["default"].number,
+
+  /**
+   * From which index on this overflow should start displaying pages.
+   */
+  fromIndex: PropTypes__default["default"].number,
+
+  /**
+   * The callback function called when the user selects a page from the overflow.
+   */
+  onSelect: PropTypes__default["default"].func,
+
+  /**
+   * Specify a custom translation function that takes in a message identifier
+   * and returns the localized string for the message
+   */
+  translateWithId: PropTypes__default["default"].func
+};
+PaginationNav.displayName = 'PaginationNav';
+PaginationNav.propTypes = {
+  /**
+   * Additional CSS class names.
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * The number of items to be shown.
+   */
+  itemsShown: PropTypes__default["default"].number,
+
+  /**
+   * Whether user should be able to loop through the items when reaching first / last.
+   */
+  loop: PropTypes__default["default"].bool,
+
+  /**
+   * The callback function called when the current page changes.
+   */
+  onChange: PropTypes__default["default"].func,
+
+  /**
+   * The current page.
+   */
+  page: PropTypes__default["default"].number,
+
+  /**
+   * The total number of items.
+   */
+  totalItems: PropTypes__default["default"].number,
+
+  /**
+   * Specify a custom translation function that takes in a message identifier
+   * and returns the localized string for the message
+   */
+  translateWithId: PropTypes__default["default"].func
+};
+var PaginationNav$1 = PaginationNav;
+
+exports["default"] = PaginationNav$1;

package/lib/components/Popover/index.js

@@ -0,0 +1,129 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var cx = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
+var usePrefix = require('../../internal/usePrefix.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["align", "as", "caret", "className", "children", "dropShadow", "highContrast", "open"],
+    _excluded2 = ["className", "children"];
+var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Popover(props, ref) {
+  var _cx;
+
+  var _props$align = props.align,
+      align = _props$align === void 0 ? 'bottom' : _props$align,
+      _props$as = props.as,
+      BaseComponent = _props$as === void 0 ? 'span' : _props$as,
+      _props$caret = props.caret,
+      caret = _props$caret === void 0 ? true : _props$caret,
+      customClassName = props.className,
+      children = props.children,
+      _props$dropShadow = props.dropShadow,
+      dropShadow = _props$dropShadow === void 0 ? true : _props$dropShadow,
+      _props$highContrast = props.highContrast,
+      highContrast = _props$highContrast === void 0 ? false : _props$highContrast,
+      open = props.open,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+
+  var prefix = usePrefix.usePrefix();
+  var className = cx__default["default"]((_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover-container"), true), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--caret"), caret), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--drop-shadow"), dropShadow), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--high-contrast"), highContrast), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--open"), open), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--popover--").concat(align), true), _rollupPluginBabelHelpers.defineProperty(_cx, customClassName, !!customClassName), _cx));
+  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: className,
+    ref: ref
+  }), children);
+}); // Note: this displayName is temporarily set so that Storybook ArgTable
+// correctly displays the name of this component
+
+if (process.env.NODE_ENV !== "production") {
+  Popover.displayName = 'Popover';
+}
+
+Popover.propTypes = {
+  /**
+   * Specify how the popover should align with the trigger element
+   */
+  align: PropTypes__default["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+
+  /**
+   * Provide a custom element or component to render the top-level node for the
+   * component.
+   */
+  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+
+  /**
+   * Specify whether a caret should be rendered
+   */
+  caret: PropTypes__default["default"].bool,
+
+  /**
+   * Provide elements to be rendered inside of the component
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Provide a custom class name to be added to the outermost node in the
+   * component
+   */
+  className: PropTypes__default["default"].string,
+
+  /**
+   * Specify whether a drop shadow should be rendered on the popover
+   */
+  dropShadow: PropTypes__default["default"].bool,
+
+  /**
+   * Render the component using the high-contrast variant
+   */
+  highContrast: PropTypes__default["default"].bool,
+
+  /**
+   * Specify whether the component is currently open or closed
+   */
+  open: PropTypes__default["default"].bool.isRequired
+};
+var PopoverContent = /*#__PURE__*/React__default["default"].forwardRef(function PopoverContent(_ref, ref) {
+  var className = _ref.className,
+      children = _ref.children,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded2);
+
+  var prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    className: "".concat(prefix, "--popover")
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: cx__default["default"]("".concat(prefix, "--popover-content"), className),
+    ref: ref
+  }, children), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(prefix, "--popover-caret")
+  }));
+});
+PopoverContent.propTypes = {
+  /**
+   * Provide elements to be rendered inside of the component
+   */
+  children: PropTypes__default["default"].node,
+
+  /**
+   * Provide a custom class name to be added to the outermost node in the
+   * component
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports.Popover = Popover;
+exports.PopoverContent = PopoverContent;

package/lib/components/PrimaryButton/PrimaryButton.js

@@ -0,0 +1,28 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var Button = require('../Button/Button.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PrimaryButton = function PrimaryButton(props) {
+  return /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
+    kind: "primary"
+  }, props));
+};
+
+var PrimaryButton$1 = PrimaryButton;
+
+exports["default"] = PrimaryButton$1;