@pingux/astro 2.34.0-alpha.2 → 2.35.0-alpha.0

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

@@ -116,12 +116,14 @@ Default.parameters = {
   }
 };
 var CountBadge = function CountBadge() {
-  return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Badge, {
-    label: "1",
-    variant: "countBadge",
-    mb: "12px"
+  return (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    gap: "xs"
+  }, (0, _react2.jsx)(_index.Badge, {
+    label: "4",
+    variant: "countBadge"
   }), (0, _react2.jsx)(_index.Badge, {
-    label: "1",
+    label: "4",
     variant: "countNeutral"
   }));
 };

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

@@ -137,7 +137,7 @@ var countDefault = _objectSpread(_objectSpread({}, baseBadge), {}, {
   width: 'fit-content',
   minWidth: '17px',
   minHeight: '17px',
-  px: '0',
+  px: '5px',
   py: '2px',
   '& span': {
     fontSize: '11px',

package/lib/cjs/hooks/useNavBarStyling/index.d.ts

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

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

@@ -0,0 +1,38 @@
+interface NavBarStyling {
+    /**
+     * @typedef {Object} NavBarStylingObject
+     * @property {String} navBar - The nav bar container
+     * @property {String} primaryItem - The nav bar selection button
+     * @property {String} sectionItem -  The nav bar selection button;
+     * @property {String} navBarItemHeader - The nav bar item header;
+     * @property {String} navBarItemHeaderText - The nav bar item header text;
+     * @property {String} navBarItemButton - The nav bar item button;
+     * @property {String} navBarItemLink - The nav bar item link;
+     * @property {String} navBarItem - The nav bar item;
+     * @property {String} navBarItemText - The nav bar item text;
+     * @property {String} navBarItemHeaderListItem - The nav bar item header list item;
+     * @property {String} navBarItemBody - The nav bar item body;
+     * @property {String} navBarItemHeaderIconSize - The nav bar item header size;
+     */
+    /**
+     * Generates the necessary props to be used in field components.
+     * @param {String} variant Variant for the overall NavBar
+     * @returns {NavBarStylingObject} Prop object that distributes styling to various sub-components.
+     */
+    (variant: string): {
+        navBar: string;
+        primaryItem: string;
+        sectionItem: string;
+        navBarItemHeader: string;
+        navBarItemHeaderText: string;
+        navBarItemButton: string;
+        navBarItemLink: string;
+        navBarItem: string;
+        navBarItemText: string;
+        navBarItemHeaderListItem: string | null;
+        navBarItemBody: string;
+        navBarItemHeaderIconSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xx';
+    };
+}
+declare const useNavBarStyling: NavBarStyling;
+export default useNavBarStyling;

package/lib/cjs/hooks/useNavBarStyling/useNavBarStyling.js

@@ -5,12 +5,6 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-/**
- * Generates the necessary props to be used in field components.
- * @param {String} variant Variant for the overall NavBar
- * @returns {Object} Prop object that distributes styling to various sub-components.
- */
-
 var useNavBarStyling = function useNavBarStyling(variant) {
   switch (variant) {
     case 'popupNav':

package/lib/cjs/hooks/useNavBarStyling/useNavBarStyling.test.d.ts

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

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

@@ -106,12 +106,14 @@ Default.parameters = {
   }
 };
 export var CountBadge = function CountBadge() {
-  return ___EmotionJSX(Box, null, ___EmotionJSX(Badge, {
-    label: "1",
-    variant: "countBadge",
-    mb: "12px"
+  return ___EmotionJSX(Box, {
+    isRow: true,
+    gap: "xs"
+  }, ___EmotionJSX(Badge, {
+    label: "4",
+    variant: "countBadge"
   }), ___EmotionJSX(Badge, {
-    label: "1",
+    label: "4",
     variant: "countNeutral"
   }));
 };

package/lib/components/Badge/Badge.styles.js

@@ -126,7 +126,7 @@ var countDefault = _objectSpread(_objectSpread({}, baseBadge), {}, {
   width: 'fit-content',
   minWidth: '17px',
   minHeight: '17px',
-  px: '0',
+  px: '5px',
   py: '2px',
   '& span': {
     fontSize: '11px',

package/lib/hooks/useNavBarStyling/useNavBarStyling.js

@@ -1,9 +1,3 @@
-/**
- * Generates the necessary props to be used in field components.
- * @param {String} variant Variant for the overall NavBar
- * @returns {Object} Prop object that distributes styling to various sub-components.
- */
-
 var useNavBarStyling = function useNavBarStyling(variant) {
   switch (variant) {
     case 'popupNav':

package/package.json

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