@pingux/astro 1.2.0-alpha.10 → 1.2.0-alpha.14

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/components/SearchField/SearchField.stories.js

@@ -10,7 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.ControlledWithDebouncedInput = exports.MaxLength = exports.NoClearButton = exports.CustomIcon = exports.Controlled = exports.Default = exports["default"] = void 0;
+exports.ControlledWithDebouncedInput = exports.NoClearButton = exports.CustomIcon = exports.Controlled = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
@@ -137,20 +137,6 @@ var NoClearButton = function NoClearButton() {
 
 exports.NoClearButton = NoClearButton;
 
-var MaxLength = function MaxLength(args) {
-  return (0, _react2.jsx)(_index.SearchField, (0, _extends2["default"])({}, args, {
-    icon: _SearchIcon["default"],
-    "aria-label": "Search Groups",
-    onSubmit: function onSubmit(text) {
-      return alert(text);
-    } // eslint-disable-line no-alert
-    ,
-    maxLength: 9
-  }));
-};
-
-exports.MaxLength = MaxLength;
-
 var ControlledWithDebouncedInput = function ControlledWithDebouncedInput() {
   var _useState3 = (0, _react.useState)(''),
       _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),

package/lib/cjs/components/TextAreaField/TextAreaField.js

@@ -227,7 +227,7 @@ TextAreaField.defaultProps = {
   isReadOnly: false,
   isRequired: false,
   isUnresizable: false,
-  rows: 2,
+  rows: 4,
   status: _statuses["default"].DEFAULT
 };
 TextAreaField.displayName = 'TextAreaField';

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

@@ -10,7 +10,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.MaxLength = exports.WithoutStatusIndicator = exports.Warning = exports.Success = exports.Error = exports.Unresizable = exports.Rows = exports.Required = exports.ReadOnly = exports.Disabled = exports.Controlled = exports.LeftLabel = exports.FloatLabel = exports.Default = exports["default"] = void 0;
+exports.MaxLength = exports.WithoutStatusIndicator = exports.Error = exports.Unresizable = exports.Rows = exports.Required = exports.ReadOnly = exports.Disabled = exports.Controlled = exports.FloatLabel = exports.Default = exports["default"] = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 
@@ -20,8 +20,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _ = _interopRequireDefault(require("."));
 
-var _Box = _interopRequireDefault(require("../Box"));
-
 var _statuses = _interopRequireDefault(require("../../utils/devUtils/constants/statuses"));
 
 var _constants = require("../Label/constants");
@@ -101,37 +99,6 @@ var FloatLabel = function FloatLabel() {
 
 exports.FloatLabel = FloatLabel;
 
-var LeftLabel = function LeftLabel() {
-  return (0, _react2.jsx)(_Box["default"], {
-    gap: "xl",
-    width: "fit-content"
-  }, (0, _react2.jsx)(_["default"], {
-    label: "Example label",
-    labelMode: "left"
-  }), (0, _react2.jsx)(_["default"], {
-    label: "Example label that is much longer than the previous one",
-    labelMode: "left",
-    status: "error"
-  }), (0, _react2.jsx)(_["default"], {
-    label: "Example label with set width",
-    labelMode: "left",
-    containerProps: {
-      sx: {
-        gridTemplateColumns: '120px auto'
-      }
-    }
-  }));
-};
-
-exports.LeftLabel = LeftLabel;
-LeftLabel.parameters = {
-  docs: {
-    description: {
-      story: 'Users are able to override the default 40% column width when using left label by providing a new gridTemplatesColumn value, as shown in the example below.'
-    }
-  }
-};
-
 var Controlled = function Controlled() {
   var _useState = (0, _react.useState)(),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -206,26 +173,6 @@ var Error = function Error() {
 
 exports.Error = Error;
 
-var Success = function Success() {
-  return (0, _react2.jsx)(_["default"], {
-    helperText: "Here is some helpful text...",
-    label: "Example Label",
-    status: "success"
-  });
-};
-
-exports.Success = Success;
-
-var Warning = function Warning() {
-  return (0, _react2.jsx)(_["default"], {
-    helperText: "Here is some helpful text...",
-    label: "Example Label",
-    status: "warning"
-  });
-};
-
-exports.Warning = Warning;
-
 var WithoutStatusIndicator = function WithoutStatusIndicator() {
   return (0, _react2.jsx)(_["default"], {
     label: "Example Label",

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/components/SearchField/SearchField.stories.js

@@ -101,17 +101,6 @@ export var NoClearButton = function NoClearButton() {
 
   });
 };
-export var MaxLength = function MaxLength(args) {
-  return ___EmotionJSX(SearchField, _extends({}, args, {
-    icon: SearchIcon,
-    "aria-label": "Search Groups",
-    onSubmit: function onSubmit(text) {
-      return alert(text);
-    } // eslint-disable-line no-alert
-    ,
-    maxLength: 9
-  }));
-};
 export var ControlledWithDebouncedInput = function ControlledWithDebouncedInput() {
   var _useState3 = useState(''),
       _useState4 = _slicedToArray(_useState3, 2),

package/lib/components/TextAreaField/TextAreaField.js

@@ -195,7 +195,7 @@ TextAreaField.defaultProps = {
   isReadOnly: false,
   isRequired: false,
   isUnresizable: false,
-  rows: 2,
+  rows: 4,
   status: statuses.DEFAULT
 };
 TextAreaField.displayName = 'TextAreaField';

package/lib/components/TextAreaField/TextAreaField.stories.js

@@ -2,7 +2,6 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _Object$values from "@babel/runtime-corejs3/core-js-stable/object/values";
 import React, { useState } from 'react';
 import TextAreaField from '.';
-import Box from '../Box';
 import statuses from '../../utils/devUtils/constants/statuses';
 import { modes as labelModes } from '../Label/constants';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -71,34 +70,6 @@ export var FloatLabel = function FloatLabel() {
     labelMode: "float"
   });
 };
-export var LeftLabel = function LeftLabel() {
-  return ___EmotionJSX(Box, {
-    gap: "xl",
-    width: "fit-content"
-  }, ___EmotionJSX(TextAreaField, {
-    label: "Example label",
-    labelMode: "left"
-  }), ___EmotionJSX(TextAreaField, {
-    label: "Example label that is much longer than the previous one",
-    labelMode: "left",
-    status: "error"
-  }), ___EmotionJSX(TextAreaField, {
-    label: "Example label with set width",
-    labelMode: "left",
-    containerProps: {
-      sx: {
-        gridTemplateColumns: '120px auto'
-      }
-    }
-  }));
-};
-LeftLabel.parameters = {
-  docs: {
-    description: {
-      story: 'Users are able to override the default 40% column width when using left label by providing a new gridTemplatesColumn value, as shown in the example below.'
-    }
-  }
-};
 export var Controlled = function Controlled() {
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
@@ -152,20 +123,6 @@ export var Error = function Error() {
     status: "error"
   });
 };
-export var Success = function Success() {
-  return ___EmotionJSX(TextAreaField, {
-    helperText: "Here is some helpful text...",
-    label: "Example Label",
-    status: "success"
-  });
-};
-export var Warning = function Warning() {
-  return ___EmotionJSX(TextAreaField, {
-    helperText: "Here is some helpful text...",
-    label: "Example Label",
-    status: "warning"
-  });
-};
 export var WithoutStatusIndicator = function WithoutStatusIndicator() {
   return ___EmotionJSX(TextAreaField, {
     label: "Example Label",

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.10",
+  "version": "1.2.0-alpha.14",
   "description": "PingUX themeable React component library",
   "author": "uxdev@pingidentity.com",
   "license": "Apache-2.0",