@pingux/astro 2.42.0-alpha.3 → 2.42.0-alpha.5

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

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

package/lib/cjs/components/IconBadge/IconBadge.js

@@ -20,7 +20,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
 var _excluded = ["children", "sx", "circleColor", "baseSize", "circleSize"];
@@ -55,7 +54,7 @@ var IconBadge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       position: 'absolute',
       bottom: '-5.5px',
       right: '1px',
-      borderRadius: "".concat(circleSize / 2, "px"),
+      borderRadius: "".concat(circleSize !== undefined && circleSize / 2, "px"),
       height: "".concat(circleSize, "px"),
       width: "".concat(circleSize, "px"),
       alignItems: 'center',
@@ -64,23 +63,6 @@ var IconBadge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }
   }, secondIcon));
 });
-IconBadge.propTypes = {
-  /** JSX styling that is passed into the component. */
-  sx: _propTypes["default"].shape({}),
-  /** Color that is applied to the circular background.
-   * Default is white.
-   */
-  circleColor: _propTypes["default"].string,
-  /**
-   * The size of the base Icon. When given a number value, it will be converted to pixels.
-   */
-  baseSize: _propTypes["default"].number,
-  /**
-   * The size of the Icon within the circle.
-   * When given a number value, it will be converted to pixels.
-   */
-  circleSize: _propTypes["default"].number
-};
 IconBadge.defaultProps = {
   circleColor: 'white'
 };

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

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+import { IconBadgeProps } 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<IconBadgeProps>;

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

@@ -13,7 +13,7 @@ var _ArrowTopRightThickIcon = _interopRequireDefault(require("@pingux/mdi-react/
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _IconBadge = _interopRequireDefault(require("./IconBadge.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {

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

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

package/lib/cjs/components/IconBadge/IconBadge.test.js

@@ -62,4 +62,13 @@ test('default iconbadge render', function () {
   getComponent();
   var iconButton = _react2.screen.getByTestId(testId);
   expect(iconButton).toBeInTheDocument();
+});
+test('iconbadge borderRadius renders correctly', function () {
+  var circleSize = 20;
+  getComponent({
+    circleSize: 20
+  });
+  var icons = _react2.screen.getAllByRole('img');
+  var secondIcon = icons[1].closest('span');
+  expect(secondIcon).toHaveStyle("border-radius: ".concat(circleSize / 2, "px"));
 });

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

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

package/lib/cjs/components/RadioGroupField/RadioGroupField.js

@@ -73,9 +73,7 @@ var RadioGroupField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     "aria-labelledby": helperText && helperTextId,
     "data-testid": "radioGroupWrapper"
   }, (0, _react2.jsx)(_RadioField.RadioContext.Provider, {
-    value: _objectSpread({
-      isDisabled: isDisabled
-    }, state)
+    value: state
   }, children)), helperText && (0, _react2.jsx)(_.FieldHelperText, {
     status: status,
     sx: {

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

@@ -0,0 +1,21 @@
+import { StylePropertyValue, ThemeUICSSObject } from 'theme-ui';
+import { DOMAttributes, StyleProps } from './shared';
+type UpdatedStyleProps = Omit<StyleProps, 'as'>;
+export interface IconBadgeProps extends UpdatedStyleProps, DOMAttributes {
+    /** JSX styling that is passed into the component. */
+    sx?: ThemeUICSSObject;
+    /** Color that is applied to the circular background.
+     * Default is white.
+     */
+    circleColor?: StylePropertyValue<string | undefined>;
+    /**
+     * The size of the base Icon. When given a number value, it will be converted to pixels.
+     */
+    baseSize?: number | string | undefined;
+    /**
+     * The size of the Icon within the circle.
+     * When given a number value, it will be converted to pixels.
+     */
+    circleSize?: number | undefined | 0;
+}
+export {};

package/lib/cjs/types/iconBadge.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

@@ -4,6 +4,7 @@ export * from './bracket';
 export * from './button';
 export * from './card';
 export * from './icon';
+export * from './iconBadge';
 export * from './item';
 export * from './link';
 export * from './loader';

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;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15;
 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");
@@ -73,8 +73,19 @@ _forEachInstanceProperty(_context6 = _Object$keys(_icon)).call(_context6, functi
     }
   });
 });
+var _iconBadge = require("./iconBadge");
+_forEachInstanceProperty(_context7 = _Object$keys(_iconBadge)).call(_context7, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _iconBadge[key]) return;
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _iconBadge[key];
+    }
+  });
+});
 var _item = require("./item");
-_forEachInstanceProperty(_context7 = _Object$keys(_item)).call(_context7, function (key) {
+_forEachInstanceProperty(_context8 = _Object$keys(_item)).call(_context8, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _item[key]) return;
   _Object$defineProperty(exports, key, {
@@ -85,7 +96,7 @@ _forEachInstanceProperty(_context7 = _Object$keys(_item)).call(_context7, functi
   });
 });
 var _link = require("./link");
-_forEachInstanceProperty(_context8 = _Object$keys(_link)).call(_context8, function (key) {
+_forEachInstanceProperty(_context9 = _Object$keys(_link)).call(_context9, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _link[key]) return;
   _Object$defineProperty(exports, key, {
@@ -96,7 +107,7 @@ _forEachInstanceProperty(_context8 = _Object$keys(_link)).call(_context8, functi
   });
 });
 var _loader = require("./loader");
-_forEachInstanceProperty(_context9 = _Object$keys(_loader)).call(_context9, function (key) {
+_forEachInstanceProperty(_context10 = _Object$keys(_loader)).call(_context10, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _loader[key]) return;
   _Object$defineProperty(exports, key, {
@@ -107,7 +118,7 @@ _forEachInstanceProperty(_context9 = _Object$keys(_loader)).call(_context9, func
   });
 });
 var _popoverContainer = require("./popoverContainer");
-_forEachInstanceProperty(_context10 = _Object$keys(_popoverContainer)).call(_context10, function (key) {
+_forEachInstanceProperty(_context11 = _Object$keys(_popoverContainer)).call(_context11, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _popoverContainer[key]) return;
   _Object$defineProperty(exports, key, {
@@ -118,7 +129,7 @@ _forEachInstanceProperty(_context10 = _Object$keys(_popoverContainer)).call(_con
   });
 });
 var _separator = require("./separator");
-_forEachInstanceProperty(_context11 = _Object$keys(_separator)).call(_context11, function (key) {
+_forEachInstanceProperty(_context12 = _Object$keys(_separator)).call(_context12, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _separator[key]) return;
   _Object$defineProperty(exports, key, {
@@ -129,7 +140,7 @@ _forEachInstanceProperty(_context11 = _Object$keys(_separator)).call(_context11,
   });
 });
 var _shared = require("./shared");
-_forEachInstanceProperty(_context12 = _Object$keys(_shared)).call(_context12, function (key) {
+_forEachInstanceProperty(_context13 = _Object$keys(_shared)).call(_context13, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _shared[key]) return;
   _Object$defineProperty(exports, key, {
@@ -140,7 +151,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_shared)).call(_context12, fu
   });
 });
 var _tableCell = require("./tableCell");
-_forEachInstanceProperty(_context13 = _Object$keys(_tableCell)).call(_context13, function (key) {
+_forEachInstanceProperty(_context14 = _Object$keys(_tableCell)).call(_context14, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _tableCell[key]) return;
   _Object$defineProperty(exports, key, {
@@ -151,7 +162,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_tableCell)).call(_context13,
   });
 });
 var _text = require("./text");
-_forEachInstanceProperty(_context14 = _Object$keys(_text)).call(_context14, function (key) {
+_forEachInstanceProperty(_context15 = _Object$keys(_text)).call(_context15, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _text[key]) return;
   _Object$defineProperty(exports, key, {

package/lib/components/IconBadge/IconBadge.js

@@ -14,7 +14,6 @@ var _excluded = ["children", "sx", "circleColor", "baseSize", "circleSize"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import { Box } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var IconBadge = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -44,7 +43,7 @@ var IconBadge = /*#__PURE__*/forwardRef(function (props, ref) {
       position: 'absolute',
       bottom: '-5.5px',
       right: '1px',
-      borderRadius: "".concat(circleSize / 2, "px"),
+      borderRadius: "".concat(circleSize !== undefined && circleSize / 2, "px"),
       height: "".concat(circleSize, "px"),
       width: "".concat(circleSize, "px"),
       alignItems: 'center',
@@ -53,23 +52,6 @@ var IconBadge = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }, secondIcon));
 });
-IconBadge.propTypes = {
-  /** JSX styling that is passed into the component. */
-  sx: PropTypes.shape({}),
-  /** Color that is applied to the circular background.
-   * Default is white.
-   */
-  circleColor: PropTypes.string,
-  /**
-   * The size of the base Icon. When given a number value, it will be converted to pixels.
-   */
-  baseSize: PropTypes.number,
-  /**
-   * The size of the Icon within the circle.
-   * When given a number value, it will be converted to pixels.
-   */
-  circleSize: PropTypes.number
-};
 IconBadge.defaultProps = {
   circleColor: 'white'
 };

package/lib/components/IconBadge/IconBadge.stories.js

@@ -5,7 +5,7 @@ import ArrowIcon from '@pingux/mdi-react/ArrowTopRightThickIcon';
 import { withDesign } from 'storybook-addon-designs';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Icon, IconBadge } from '../../index';
-import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.ts';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import IconBadgeReadme from './IconBadge.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/components/IconBadge/IconBadge.test.js

@@ -59,4 +59,13 @@ test('default iconbadge render', function () {
   getComponent();
   var iconButton = screen.getByTestId(testId);
   expect(iconButton).toBeInTheDocument();
+});
+test('iconbadge borderRadius renders correctly', function () {
+  var circleSize = 20;
+  getComponent({
+    circleSize: 20
+  });
+  var icons = screen.getAllByRole('img');
+  var secondIcon = icons[1].closest('span');
+  expect(secondIcon).toHaveStyle("border-radius: ".concat(circleSize / 2, "px"));
 });

package/lib/components/RadioGroupField/RadioGroupField.js

@@ -62,9 +62,7 @@ var RadioGroupField = /*#__PURE__*/forwardRef(function (props, ref) {
     "aria-labelledby": helperText && helperTextId,
     "data-testid": "radioGroupWrapper"
   }, ___EmotionJSX(RadioContext.Provider, {
-    value: _objectSpread({
-      isDisabled: isDisabled
-    }, state)
+    value: state
   }, children)), helperText && ___EmotionJSX(FieldHelperText, {
     status: status,
     sx: {

package/lib/types/iconBadge.js

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

package/lib/types/index.js

@@ -4,6 +4,7 @@ export * from './bracket';
 export * from './button';
 export * from './card';
 export * from './icon';
+export * from './iconBadge';
 export * from './item';
 export * from './link';
 export * from './loader';

package/package.json

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