@pingux/astro 2.53.0-alpha.0 → 2.53.0-alpha.1

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconButtonToggleProps } from '../../types';
+declare const IconButtonToggle: React.ForwardRefExoticComponent<IconButtonToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export default IconButtonToggle;

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js

@@ -11,7 +11,6 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
@@ -43,21 +42,5 @@ var IconButtonToggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     icon: RenderedComponent
   }, iconProps)));
 });
-IconButtonToggle.propTypes = {
-  /** Props object that is spread into the icon element. */
-  iconProps: _propTypes["default"].shape({}),
-  /** Props object that is spread into the button element. */
-  buttonProps: _propTypes["default"].shape({}),
-  /** The icon that will render by default. */
-  defaultIcon: _propTypes["default"].elementType.isRequired,
-  /** The icon that will render after toggling the icon. */
-  toggledIcon: _propTypes["default"].elementType.isRequired,
-  /** Whether or not the icon is toggled. (use only when controlled) */
-  isToggled: _propTypes["default"].bool,
-  /** Function that is passed into the IconButton within this component. */
-  onToggle: _propTypes["default"].func,
-  /** Content will be displayed in a tooltip on hover or focus. */
-  title: _propTypes["default"].string
-};
 var _default = IconButtonToggle;
 exports["default"] = _default;

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.d.ts

@@ -0,0 +1,6 @@
+import { StoryFn } from '@storybook/react';
+import { IconButtonToggleProps } from '../../types';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<IconButtonToggleProps>;
+export declare const Controlled: StoryFn<IconButtonToggleProps>;

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/IconButtonToggle/index.d.ts

@@ -0,0 +1 @@
+export { default } from './IconButtonToggle';

package/lib/cjs/hooks/useComponentToggle/useComponentToggle.d.ts

@@ -18,13 +18,13 @@ interface UseComponentToggle {
      */
     (props: ComponentToggleProps): ComponentToggleResult;
 }
-interface ComponentToggleProps {
+export interface ComponentToggleProps {
     ComponentToRenderIfTrue: React.ReactNode;
     ComponentToRenderIfFalse: React.ReactNode;
     condition: boolean;
     onConditionChange?: (newCondition: boolean, ...args: unknown[]) => void;
 }
-interface ComponentToggleResult {
+export interface ComponentToggleResult {
     handleConditionChange: (...args: unknown[]) => void;
     RenderedComponent: React.ReactNode;
 }

package/lib/cjs/types/button.d.ts

@@ -1,6 +1,7 @@
 import { ButtonProps as ThemeUIButtonProps } from 'theme-ui';
+import { TestingAttributes } from './shared/test';
 import { HoverProps, PressProps } from './shared';
-export interface ButtonProps extends HoverProps, PressProps, ThemeUIButtonProps {
+export interface ButtonProps extends HoverProps, PressProps, ThemeUIButtonProps, TestingAttributes {
     isDisabled?: boolean;
     isLoading?: boolean;
     tabIndex?: number;

package/lib/cjs/types/icon.d.ts

@@ -23,7 +23,7 @@ export interface IconProps extends StyleProps, DOMAttributes, TestingAttributes
         name: string;
     };
     /** The icon to render. */
-    icon: IconTypeExtended;
+    icon?: IconTypeExtended;
     size?: IconSize;
     /** A theme-aware prop to set the icon's color. */
     color?: string;

package/lib/cjs/types/iconButton.d.ts

@@ -1,4 +1,4 @@
-import { IconButtonProps as ThemeUIIconButtonProps, ThemeUICSSObject } from 'theme-ui';
+import { IconButtonProps as ThemeUIIconButtonProps } from 'theme-ui';
 import { TestingAttributes } from './shared/test';
 import { IconTypeExtended } from './icon';
 import { HoverProps, IconSize, PressProps } from './shared';
@@ -16,7 +16,5 @@ export interface IconButtonProps extends ThemeUIIconButtonProps, TestingAttribut
     'aria-label'?: string | undefined;
     /** Whether the icon button is disabled. */
     isDisabled?: boolean;
-    /** Inline styling prop */
-    sx?: ThemeUICSSObject;
     size?: IconSize;
 }

package/lib/cjs/types/iconButtonToggle.d.ts

@@ -0,0 +1,20 @@
+import { ElementType } from 'react';
+import { TestingAttributes } from './shared/test';
+import { ButtonProps } from './button';
+import { IconProps } from './icon';
+export interface IconButtonToggleProps extends TestingAttributes {
+    /** Props object that is spread into the icon element. */
+    iconProps?: IconProps;
+    /** Props object that is spread into the button element. */
+    buttonProps?: ButtonProps;
+    /** The icon that will render by default. */
+    defaultIcon: ElementType;
+    /** The icon that will render after toggling the icon. */
+    toggledIcon: ElementType;
+    /** Whether or not the icon is toggled. (use only when controlled) */
+    isToggled?: boolean;
+    /** Function that is passed into the IconButton within this component. */
+    onToggle?: () => void;
+    /** Content will be displayed in a tooltip on hover or focus. */
+    title?: string;
+}

package/lib/cjs/types/iconButtonToggle.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/cjs/types/index.d.ts

@@ -11,6 +11,7 @@ export * from './helpHint';
 export * from './icon';
 export * from './iconBadge';
 export * from './iconButton';
+export * from './iconButtonToggle';
 export * from './input';
 export * from './item';
 export * from './label';

package/lib/cjs/types/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34;
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
@@ -150,8 +150,19 @@ _forEachInstanceProperty(_context13 = _Object$keys(_iconButton)).call(_context13
     }
   });
 });
+var _iconButtonToggle = require("./iconButtonToggle");
+_forEachInstanceProperty(_context14 = _Object$keys(_iconButtonToggle)).call(_context14, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _iconButtonToggle[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _iconButtonToggle[key];
+    }
+  });
+});
 var _input = require("./input");
-_forEachInstanceProperty(_context14 = _Object$keys(_input)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_input)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _input[key]) return;
   _Object$defineProperty(exports, key, {
@@ -162,7 +173,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_input)).call(_context14, fun
   });
 });
 var _item = require("./item");
-_forEachInstanceProperty(_context15 = _Object$keys(_item)).call(_context15, function (key) {
+_forEachInstanceProperty(_context16 = _Object$keys(_item)).call(_context16, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -173,7 +184,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_item)).call(_context15, func
   });
 });
 var _label = require("./label");
-_forEachInstanceProperty(_context16 = _Object$keys(_label)).call(_context16, function (key) {
+_forEachInstanceProperty(_context17 = _Object$keys(_label)).call(_context17, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _label[key]) return;
   _Object$defineProperty(exports, key, {
@@ -184,7 +195,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_label)).call(_context16, fun
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context17 = _Object$keys(_link)).call(_context17, function (key) {
+_forEachInstanceProperty(_context18 = _Object$keys(_link)).call(_context18, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -195,7 +206,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_link)).call(_context17, func
   });
 });
 var _listBox = require("./listBox");
-_forEachInstanceProperty(_context18 = _Object$keys(_listBox)).call(_context18, function (key) {
+_forEachInstanceProperty(_context19 = _Object$keys(_listBox)).call(_context19, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -206,7 +217,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_listBox)).call(_context18, f
   });
 });
 var _listItem = require("./listItem");
-_forEachInstanceProperty(_context19 = _Object$keys(_listItem)).call(_context19, function (key) {
+_forEachInstanceProperty(_context20 = _Object$keys(_listItem)).call(_context20, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _listItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -217,7 +228,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_listItem)).call(_context19,
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context20 = _Object$keys(_loader)).call(_context20, function (key) {
+_forEachInstanceProperty(_context21 = _Object$keys(_loader)).call(_context21, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -228,7 +239,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_loader)).call(_context20, fu
   });
 });
 var _menu = require("./menu");
-_forEachInstanceProperty(_context21 = _Object$keys(_menu)).call(_context21, function (key) {
+_forEachInstanceProperty(_context22 = _Object$keys(_menu)).call(_context22, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -239,7 +250,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_menu)).call(_context21, func
   });
 });
 var _menuItem = require("./menuItem");
-_forEachInstanceProperty(_context22 = _Object$keys(_menuItem)).call(_context22, function (key) {
+_forEachInstanceProperty(_context23 = _Object$keys(_menuItem)).call(_context23, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _menuItem[key]) return;
   _Object$defineProperty(exports, key, {
@@ -250,7 +261,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_menuItem)).call(_context22,
   });
 });
 var _overlayPanel = require("./overlayPanel");
-_forEachInstanceProperty(_context23 = _Object$keys(_overlayPanel)).call(_context23, function (key) {
+_forEachInstanceProperty(_context24 = _Object$keys(_overlayPanel)).call(_context24, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _overlayPanel[key]) return;
   _Object$defineProperty(exports, key, {
@@ -261,7 +272,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_overlayPanel)).call(_context
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context24 = _Object$keys(_popoverContainer)).call(_context24, function (key) {
+_forEachInstanceProperty(_context25 = _Object$keys(_popoverContainer)).call(_context25, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -272,7 +283,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _popoverMenu = require("./popoverMenu");
-_forEachInstanceProperty(_context25 = _Object$keys(_popoverMenu)).call(_context25, function (key) {
+_forEachInstanceProperty(_context26 = _Object$keys(_popoverMenu)).call(_context26, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverMenu[key]) return;
   _Object$defineProperty(exports, key, {
@@ -283,7 +294,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_popoverMenu)).call(_context2
   });
 });
 var _requirementsList = require("./requirementsList");
-_forEachInstanceProperty(_context26 = _Object$keys(_requirementsList)).call(_context26, function (key) {
+_forEachInstanceProperty(_context27 = _Object$keys(_requirementsList)).call(_context27, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _requirementsList[key]) return;
   _Object$defineProperty(exports, key, {
@@ -294,7 +305,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_requirementsList)).call(_con
   });
 });
 var _rockerButtonGroup = require("./rockerButtonGroup");
-_forEachInstanceProperty(_context27 = _Object$keys(_rockerButtonGroup)).call(_context27, function (key) {
+_forEachInstanceProperty(_context28 = _Object$keys(_rockerButtonGroup)).call(_context28, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
   _Object$defineProperty(exports, key, {
@@ -305,7 +316,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_rockerButtonGroup)).call(_co
   });
 });
 var _scrollBox = require("./scrollBox");
-_forEachInstanceProperty(_context28 = _Object$keys(_scrollBox)).call(_context28, function (key) {
+_forEachInstanceProperty(_context29 = _Object$keys(_scrollBox)).call(_context29, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _scrollBox[key]) return;
   _Object$defineProperty(exports, key, {
@@ -316,7 +327,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_scrollBox)).call(_context28,
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context29 = _Object$keys(_separator)).call(_context29, function (key) {
+_forEachInstanceProperty(_context30 = _Object$keys(_separator)).call(_context30, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -327,7 +338,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_separator)).call(_context29,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context30 = _Object$keys(_shared)).call(_context30, function (key) {
+_forEachInstanceProperty(_context31 = _Object$keys(_shared)).call(_context31, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -338,7 +349,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_shared)).call(_context30, fu
   });
 });
 var _table = require("./table");
-_forEachInstanceProperty(_context31 = _Object$keys(_table)).call(_context31, function (key) {
+_forEachInstanceProperty(_context32 = _Object$keys(_table)).call(_context32, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _table[key]) return;
   _Object$defineProperty(exports, key, {
@@ -349,7 +360,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_table)).call(_context31, fun
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context32 = _Object$keys(_text)).call(_context32, function (key) {
+_forEachInstanceProperty(_context33 = _Object$keys(_text)).call(_context33, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {
@@ -360,7 +371,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_text)).call(_context32, func
   });
 });
 var _tooltipTrigger = require("./tooltipTrigger");
-_forEachInstanceProperty(_context33 = _Object$keys(_tooltipTrigger)).call(_context33, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_tooltipTrigger)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tooltipTrigger[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/IconButtonToggle/IconButtonToggle.js

@@ -1,6 +1,5 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import { useComponentToggle } from '../../hooks';
 import Icon from '../Icon';
 import IconButton from '../IconButton';
@@ -30,20 +29,4 @@ var IconButtonToggle = /*#__PURE__*/forwardRef(function (props, ref) {
     icon: RenderedComponent
   }, iconProps)));
 });
-IconButtonToggle.propTypes = {
-  /** Props object that is spread into the icon element. */
-  iconProps: PropTypes.shape({}),
-  /** Props object that is spread into the button element. */
-  buttonProps: PropTypes.shape({}),
-  /** The icon that will render by default. */
-  defaultIcon: PropTypes.elementType.isRequired,
-  /** The icon that will render after toggling the icon. */
-  toggledIcon: PropTypes.elementType.isRequired,
-  /** Whether or not the icon is toggled. (use only when controlled) */
-  isToggled: PropTypes.bool,
-  /** Function that is passed into the IconButton within this component. */
-  onToggle: PropTypes.func,
-  /** Content will be displayed in a tooltip on hover or focus. */
-  title: PropTypes.string
-};
 export default IconButtonToggle;

package/lib/types/iconButtonToggle.js

@@ -0,0 +1 @@
+export {};

package/lib/types/index.js

@@ -11,6 +11,7 @@ export * from './helpHint';
 export * from './icon';
 export * from './iconBadge';
 export * from './iconButton';
+export * from './iconButtonToggle';
 export * from './input';
 export * from './item';
 export * from './label';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.53.0-alpha.0",
+  "version": "2.53.0-alpha.1",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",