@pingux/astro 1.2.0-alpha.12 → 1.2.0-alpha.13

package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js

@@ -63,15 +63,15 @@ var Default = function Default(args) {
     onAction: onAction
   }, args), (0, _react2.jsx)(_collections.Item, {
     key: "home",
-    variant: "text",
+    variant: "link",
     "data-id": "home"
   }, "Home"), (0, _react2.jsx)(_collections.Item, {
     key: "trendy",
-    variant: "text",
+    variant: "link",
     "data-id": "trendy"
   }, "Trendy"), (0, _react2.jsx)(_collections.Item, {
     key: "march 2020 assets",
-    variant: "text",
+    variant: "link",
     "data-id": "march"
   }, "March 2020 Assets"));
 };

package/lib/cjs/components/Button/Button.js

@@ -103,6 +103,15 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }),
       classNames = _useStatusClasses.classNames;
 
+  (0, _hooks.useDeprecationWarning)('The "icon" variant for `Button` is deprecated in Astro-UI 1.0.0, use the `IconButton` component instead.', {
+    isActive: props.variant === 'icon'
+  });
+  (0, _hooks.useDeprecationWarning)('The "danger" variant for `Button` will be deprecated in Astro-UI 2.0.0, use the `critical` variant instead.', {
+    isActive: props.variant === 'danger'
+  });
+  (0, _hooks.useDeprecationWarning)('The "text" variant for `Button` will be deprecated in Astro-UI 2.0.0, use the `link` variant instead.', {
+    isActive: props.variant === 'text'
+  });
   var ariaLabel = props['aria-label'];
   (0, _hooks.useAriaLabelWarning)('Button', ariaLabel, variant === 'filter');
   return (0, _react2.jsx)(_themeUi.Button, (0, _extends2["default"])({

package/lib/cjs/components/Button/Button.stories.js

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.FilterButton = exports.ColorBlockButton = exports.InlineButton = exports.TextButton = exports.TextIconButton = exports.Disabled = exports.Default = exports["default"] = void 0;
+exports.FilterButton = exports.ColorBlockButton = exports.InlineButton = exports.TextIconButton = exports.Disabled = exports.Default = exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
@@ -99,19 +99,6 @@ var TextIconButton = function TextIconButton() {
 
 exports.TextIconButton = TextIconButton;
 
-var TextButton = function TextButton() {
-  return (0, _react2.jsx)(_index.Button, {
-    mb: "sm",
-    variant: "text",
-    "aria-label": "Add option"
-  }, (0, _react2.jsx)(_index.Text, {
-    variant: "label",
-    color: "active"
-  }, " + Add Option"));
-};
-
-exports.TextButton = TextButton;
-
 var InlineButton = function InlineButton() {
   return (0, _react2.jsx)(_index.Button, {
     mb: "sm",

package/lib/cjs/components/Modal/Modal.stories.js

@@ -163,7 +163,7 @@ var DarkVariant = function DarkVariant() {
       onPress: state.close,
       "aria-label": "Yes"
     }, "Yes"), (0, _react2.jsx)(_index.Button, {
-      variant: "text",
+      variant: "link",
       onPress: state.close,
       "aria-label": "Cancel"
     }, "Cancel"))))

package/lib/cjs/layouts/ListLayout.stories.js

@@ -574,7 +574,7 @@ var Default = function Default() {
     mr: "md",
     "aria-label": "Save Button"
   }, "Save"), (0, _react2.jsx)(_index.Button, {
-    variant: "text",
+    variant: "link",
     onPress: viewItem,
     "aria-label": "Cancel Button"
   }, "Cancel"))), editConfigurationVisible && (0, _react2.jsx)(_index.OverlayPanel, {
@@ -704,7 +704,7 @@ var Default = function Default() {
     mr: "md",
     "aria-label": "Save Button"
   }, "Save"), (0, _react2.jsx)(_index.Button, {
-    variant: "text",
+    variant: "link",
     onPress: viewItem,
     "aria-label": "Cancel Button"
   }, "Cancel"))), addItemVisible && (0, _react2.jsx)(_index.OverlayPanel, {
@@ -790,7 +790,7 @@ var Default = function Default() {
     isRow: true,
     sx: buttonBarStyles
   }, (0, _react2.jsx)(_index.Button, {
-    variant: "text",
+    variant: "link",
     onPress: resetListItem,
     mr: "md",
     "aria-label": "Cancel Button"
@@ -851,7 +851,7 @@ var Default = function Default() {
     isRow: true,
     sx: buttonBarStyles
   }, (0, _react2.jsx)(_index.Button, {
-    variant: "text",
+    variant: "link",
     onPress: resetListItem,
     mr: "md"
   }, "Cancel"), (0, _react2.jsx)(_index.Button, {
@@ -873,11 +873,11 @@ var Default = function Default() {
     pt: "lg",
     mr: "auto"
   }, (0, _react2.jsx)(_index.Button, {
-    variant: "danger",
+    variant: "critical",
     mr: "md",
     onPress: deleteItem
   }, "Delete"), (0, _react2.jsx)(_index.Button, {
-    variant: "text",
+    variant: "link",
     onPress: function onPress() {
       return setIsDeleting(false);
     }

package/lib/cjs/recipes/ArrayField.stories.js

@@ -153,7 +153,7 @@ var Default = function Default() {
       title: "Text Field"
     }, otherFieldProps)));
   }), (0, _react2.jsx)(_index.Button, {
-    variant: "text",
+    variant: "link",
     onPress: onFieldAdd,
     role: "button",
     title: "Add Field Button",

package/lib/cjs/recipes/ConditionalFilter.stories.js

@@ -118,7 +118,9 @@ var Default = function Default() {
       setEditOverviewVisible = _React$useState4[1];
 
   return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Button, {
-    onPress: setStaticOverviewVisible
+    onPress: function onPress() {
+      return setStaticOverviewVisible(true);
+    }
   }, "Open Panel"), staticOverviewVisible && (0, _react2.jsx)(_OverlayPanel["default"], {
     isOpen: staticOverviewVisible
   }, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Box, {
@@ -133,7 +135,9 @@ var Default = function Default() {
     "aria-label": "edit",
     variant: "inverted",
     ml: "xs",
-    onPress: setEditOverviewVisible
+    onPress: function onPress() {
+      return setEditOverviewVisible(true);
+    }
   }, (0, _react2.jsx)(_index.Icon, {
     icon: _CreateIcon["default"],
     size: 14
@@ -457,7 +461,7 @@ var Default = function Default() {
     onPress: function onPress() {
       return setEditOverviewVisible(false);
     },
-    variant: "text",
+    variant: "link",
     "aria-label": "cancel"
   }, "Cancel"))))));
 };

package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js

@@ -72,7 +72,7 @@ var Default = function Default() {
       label: fieldName,
       isDisabled: isDisabled
     }), (0, _react2.jsx)(_index.Button, {
-      variant: "text",
+      variant: "link",
       mb: "xs",
       ml: "md",
       onPress: function onPress() {

package/lib/components/Breadcrumbs/Breadcrumbs.stories.js

@@ -41,15 +41,15 @@ export var Default = function Default(args) {
     onAction: onAction
   }, args), ___EmotionJSX(Item, {
     key: "home",
-    variant: "text",
+    variant: "link",
     "data-id": "home"
   }, "Home"), ___EmotionJSX(Item, {
     key: "trendy",
-    variant: "text",
+    variant: "link",
     "data-id": "trendy"
   }, "Trendy"), ___EmotionJSX(Item, {
     key: "march 2020 assets",
-    variant: "text",
+    variant: "link",
     "data-id": "march"
   }, "March 2020 Assets"));
 };

package/lib/components/Button/Button.js

@@ -21,7 +21,7 @@ import { useButton } from '@react-aria/button';
 import { useHover } from '@react-aria/interactions';
 import { useFocusRing } from '@react-aria/focus';
 import { mergeProps } from '@react-aria/utils';
-import { useStatusClasses, usePropWarning, useAriaLabelWarning } from '../../hooks';
+import { useStatusClasses, usePropWarning, useAriaLabelWarning, useDeprecationWarning } from '../../hooks';
 import Loader from '../Loader';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Button = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -70,6 +70,15 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
   }),
       classNames = _useStatusClasses.classNames;
 
+  useDeprecationWarning('The "icon" variant for `Button` is deprecated in Astro-UI 1.0.0, use the `IconButton` component instead.', {
+    isActive: props.variant === 'icon'
+  });
+  useDeprecationWarning('The "danger" variant for `Button` will be deprecated in Astro-UI 2.0.0, use the `critical` variant instead.', {
+    isActive: props.variant === 'danger'
+  });
+  useDeprecationWarning('The "text" variant for `Button` will be deprecated in Astro-UI 2.0.0, use the `link` variant instead.', {
+    isActive: props.variant === 'text'
+  });
   var ariaLabel = props['aria-label'];
   useAriaLabelWarning('Button', ariaLabel, variant === 'filter');
   return ___EmotionJSX(ThemeUIButton, _extends({

package/lib/components/Button/Button.stories.js

@@ -67,16 +67,6 @@ export var TextIconButton = function TextIconButton() {
     size: 20
   }), "Add a Form"));
 };
-export var TextButton = function TextButton() {
-  return ___EmotionJSX(Button, {
-    mb: "sm",
-    variant: "text",
-    "aria-label": "Add option"
-  }, ___EmotionJSX(Text, {
-    variant: "label",
-    color: "active"
-  }, " + Add Option"));
-};
 export var InlineButton = function InlineButton() {
   return ___EmotionJSX(Button, {
     mb: "sm",

package/lib/components/Modal/Modal.stories.js

@@ -138,7 +138,7 @@ export var DarkVariant = function DarkVariant() {
       onPress: state.close,
       "aria-label": "Yes"
     }, "Yes"), ___EmotionJSX(Button, {
-      variant: "text",
+      variant: "link",
       onPress: state.close,
       "aria-label": "Cancel"
     }, "Cancel"))))

package/lib/layouts/ListLayout.stories.js

@@ -547,7 +547,7 @@ export var Default = function Default() {
     mr: "md",
     "aria-label": "Save Button"
   }, "Save"), ___EmotionJSX(Button, {
-    variant: "text",
+    variant: "link",
     onPress: viewItem,
     "aria-label": "Cancel Button"
   }, "Cancel"))), editConfigurationVisible && ___EmotionJSX(OverlayPanel, {
@@ -677,7 +677,7 @@ export var Default = function Default() {
     mr: "md",
     "aria-label": "Save Button"
   }, "Save"), ___EmotionJSX(Button, {
-    variant: "text",
+    variant: "link",
     onPress: viewItem,
     "aria-label": "Cancel Button"
   }, "Cancel"))), addItemVisible && ___EmotionJSX(OverlayPanel, {
@@ -763,7 +763,7 @@ export var Default = function Default() {
     isRow: true,
     sx: buttonBarStyles
   }, ___EmotionJSX(Button, {
-    variant: "text",
+    variant: "link",
     onPress: resetListItem,
     mr: "md",
     "aria-label": "Cancel Button"
@@ -824,7 +824,7 @@ export var Default = function Default() {
     isRow: true,
     sx: buttonBarStyles
   }, ___EmotionJSX(Button, {
-    variant: "text",
+    variant: "link",
     onPress: resetListItem,
     mr: "md"
   }, "Cancel"), ___EmotionJSX(Button, {
@@ -846,11 +846,11 @@ export var Default = function Default() {
     pt: "lg",
     mr: "auto"
   }, ___EmotionJSX(Button, {
-    variant: "danger",
+    variant: "critical",
     mr: "md",
     onPress: deleteItem
   }, "Delete"), ___EmotionJSX(Button, {
-    variant: "text",
+    variant: "link",
     onPress: function onPress() {
       return setIsDeleting(false);
     }

package/lib/recipes/ArrayField.stories.js

@@ -120,7 +120,7 @@ export var Default = function Default() {
       title: "Text Field"
     }, otherFieldProps)));
   }), ___EmotionJSX(Button, {
-    variant: "text",
+    variant: "link",
     onPress: onFieldAdd,
     role: "button",
     title: "Add Field Button",

package/lib/recipes/ConditionalFilter.stories.js

@@ -96,7 +96,9 @@ export var Default = function Default() {
       setEditOverviewVisible = _React$useState4[1];
 
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Button, {
-    onPress: setStaticOverviewVisible
+    onPress: function onPress() {
+      return setStaticOverviewVisible(true);
+    }
   }, "Open Panel"), staticOverviewVisible && ___EmotionJSX(OverlayPanel, {
     isOpen: staticOverviewVisible
   }, ___EmotionJSX(Box, null, ___EmotionJSX(Box, {
@@ -111,7 +113,9 @@ export var Default = function Default() {
     "aria-label": "edit",
     variant: "inverted",
     ml: "xs",
-    onPress: setEditOverviewVisible
+    onPress: function onPress() {
+      return setEditOverviewVisible(true);
+    }
   }, ___EmotionJSX(Icon, {
     icon: CreateIcon,
     size: 14
@@ -435,7 +439,7 @@ export var Default = function Default() {
     onPress: function onPress() {
       return setEditOverviewVisible(false);
     },
-    variant: "text",
+    variant: "link",
     "aria-label": "cancel"
   }, "Cancel"))))));
 };

package/lib/recipes/RadioButtonsWithLinks.stories.js

@@ -48,7 +48,7 @@ export var Default = function Default() {
       label: fieldName,
       isDisabled: isDisabled
     }), ___EmotionJSX(Button, {
-      variant: "text",
+      variant: "link",
       mb: "xs",
       ml: "md",
       onPress: function onPress() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.2.0-alpha.12",
+  "version": "1.2.0-alpha.13",
   "description": "PingUX themeable React component library",
   "author": "uxdev@pingidentity.com",
   "license": "Apache-2.0",