@pingux/astro 2.36.0-alpha.1 → 2.36.0-alpha.3

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

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

package/lib/cjs/components/Badge/Badge.js

@@ -20,7 +20,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _themeUi = require("theme-ui");
 var _ = require("../..");
 var _BadgeContext = require("../../context/BadgeContext");
@@ -60,49 +59,24 @@ var Badge = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   // The following is to correct a visual regression released in 1.39.0 https://jira.pingidentity.com/browse/UIP-5907.
   // TODO : Remove in Astro V2 with theme remapping roll out.
   var oldVariantPaths = ['boxes.countBadge', 'boxes.countNeutral', 'boxes.itemBadgeWithSlot', 'collapsiblePanel.collapsiblePanelBadge', 'boxes.environmentBadge', 'boxes.readOnlyBadge', 'boxes.selectedItemBadge'];
-  var fixedVariant = (0, _includes["default"])(oldVariantPaths).call(oldVariantPaths, props.variant) ? "variants.".concat(props.variant) : props.variant;
+  var fixedVariant = variant && (0, _includes["default"])(oldVariantPaths).call(oldVariantPaths, variant) ? "variants.".concat(variant) : variant;
   return (0, _react2.jsx)(_BadgeContext.BadgeContext.Provider, {
     value: {
       bg: bg
     }
-  }, (0, _react2.jsx)(_themeUi.Badge, (0, _extends2["default"])({
-    isRow: true
-  }, badgeProps, {
-    variant: props.variant ? fixedVariant : 'baseBadge'
+  }, (0, _react2.jsx)(_themeUi.Badge, (0, _extends2["default"])({}, badgeProps, {
+    variant: variant ? fixedVariant : 'baseBadge'
   }), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && (0, _react2.jsx)(_.Box, {
     mr: "xs"
   }, slots.leftIcon), (0, _react2.jsx)(_.Text, (0, _extends2["default"])({
     variant: "label",
     color: textColor,
-    sx: isUppercase && {
+    sx: isUppercase ? {
       textTransform: 'uppercase',
       fontSize: '11px'
-    }
+    } : {}
   }, textProps), label), children));
 });
-Badge.propTypes = {
-  /** The text color of the badge. */
-  textColor: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-  /** The background color of the badge. */
-  bg: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-  /** Provides a way to insert markup in specified places. */
-  slots: _propTypes["default"].shape({
-    /** The given node will be inserted into left side of the badge. */
-    leftIcon: _propTypes["default"].node
-  }),
-  /** The label of the badge. */
-  label: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
-  /** Props object that is spread directly into the text. */
-  textProps: _propTypes["default"].shape({}),
-  /** When true, display badge label as uppercase. */
-  isUppercase: _propTypes["default"].bool,
-  /** Alignment of badge relative to parent container. */
-  align: _propTypes["default"].oneOf(['top', 'right', 'bottom', 'left']),
-  /** JSX styling that is passed into the component. */
-  sx: _propTypes["default"].shape({}),
-  /** The variant of the badge */
-  variant: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object])
-};
 Badge.defaultProps = {
   textColor: 'white',
   bg: colors.neutral[10],

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

@@ -17,7 +17,7 @@ var _EarthIcon = _interopRequireDefault(require("@pingux/mdi-react/EarthIcon"));
 var _storybookAddonDesigns = require("storybook-addon-designs");
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
-var _colors = require("../../styles/colors.js");
+var _colors = require("../../styles/colors");
 var _figmaLinks = require("../../utils/designUtils/figmaLinks.ts");
 var _Badge = _interopRequireDefault(require("./Badge.mdx"));
 var _react2 = require("@emotion/react");