@pingux/astro 2.142.1-alpha.1 → 2.143.0-alpha.1

package/lib/styles/themes/next-gen/variants/variants.js

@@ -13,8 +13,9 @@ import attachment from '../../../../components/AIComponents/Attachment/Attachmen
 import skeleton from '../../../../components/Skeleton/Skeleton.styles';
 import codeView from '../codeView/codeView';
 import colors from '../colors/colors';
+import accordion from './accordion';
 import { avatar } from './avatar';
-import { defaultFocus } from './button';
+import button, { defaultFocus } from './button';
 import callout from './callout';
 import { dataTable } from './dataTable';
 import { footer } from './footer';
@@ -23,9 +24,11 @@ import { listView, listViewItem, lisViewItemChart } from './listview';
 import { menu, menuItem } from './menu';
 import { message } from './messages';
 import { navBar } from './navbar';
+import panelHeader from './panelHeader';
 import popoverMenu from './popoverMenu';
 import prompt from './prompt';
 import response from './response';
+import stepper from './stepper';
 import suggestion from './suggestion';
 import suggestions from './suggestions';
 import { table } from './table';
@@ -51,6 +54,13 @@ var fieldHelperText = {
     }
   }
 };
+export var badgeDeleteButton = _objectSpread(_objectSpread({}, button.iconButtons.base), {}, {
+  borderRadius: '50%',
+  cursor: 'pointer',
+  height: 14,
+  p: 0,
+  width: 14
+});
 var modalSize = {
   xs: ['100%', '300px', '300px', '300px', '300px', '300px'],
   sm: ['100%', '500px', '500px', '500px', '500px', '500px'],
@@ -135,6 +145,16 @@ var listBox = {
     '&.is-pressed': {
       color: 'text.primary',
       bg: 'lightblue'
+    },
+    '&.is-condensed': {
+      pl: 'md',
+      bg: 'background.base',
+      '&.is-selected': {
+        bg: 'background.base'
+      },
+      '&.is-focused': {
+        bg: 'background.base'
+      }
     }
   }
 };
@@ -170,7 +190,7 @@ var progressBar = {
 var overlayPanel = {
   container: {
     backgroundColor: 'background.base',
-    border: 'none'
+    borderColor: 'border.hairline'
   },
   aiPanelContainer: {
     backgroundColor: 'background.base',
@@ -210,6 +230,16 @@ var overlayPanel = {
     backgroundColor: 'background.base'
   }
 };
+var buttonBar = {
+  container: {
+    gap: 'sm',
+    backgroundColor: 'background.base'
+  },
+  justifyRightContainer: {
+    gap: 'sm',
+    backgroundColor: 'background.base'
+  }
+};
 var rockerButton = {
   innerContainer: {
     boxShadow: 'none',
@@ -268,7 +298,17 @@ var rockerButton = {
 };
 var loader = {
   withinListView: {
-    color: 'active'
+    color: 'active',
+    py: 'sm'
+  },
+  circleSpinner: {
+    borderColor: 'background.base'
+  }
+};
+var breadcrumb = {
+  link: {
+    fontWeight: 2,
+    fontSize: 'lg'
   }
 };
 var statusIcon = {
@@ -332,41 +372,10 @@ var statusIcon = {
   }
 };
 export default {
+  accordion: accordion,
   attachment: attachment,
-  navBar: navBar,
-  fieldHelperText: fieldHelperText,
-  message: message,
-  modal: modal,
-  tab: tab,
-  menuTab: menuTab,
-  listBox: listBox,
-  separator: separator,
-  menuItem: menuItem,
   avatar: avatar,
-  listViewItem: listViewItem,
-  progressBar: progressBar,
-  listView: listView,
-  lisViewItemChart: lisViewItemChart,
-  dataTable: dataTable,
-  codeView: codeView,
-  popoverMenu: popoverMenu,
-  prompt: prompt,
-  tabs: tabs,
-  menu: menu,
-  iconWrapper: iconWrapper,
-  overlayPanel: overlayPanel,
-  suggestions: suggestions,
-  suggestion: suggestion,
-  response: response,
-  skeleton: skeleton,
-  rockerButton: rockerButton,
-  tooltip: tooltip,
-  footer: footer,
-  loader: loader,
-  callout: callout,
-  table: table,
-  tableBase: tableBase,
-  statusIcon: statusIcon,
+  breadcrumb: breadcrumb,
   box: {
     indeterminateCheckboxIcon: {
       height: '19.25px',
@@ -381,5 +390,41 @@ export default {
         boxShadow: "inset 0px 0px 0px 1px ".concat(colors.focus)
       }
     }
-  }
+  },
+  buttonBar: buttonBar,
+  callout: callout,
+  codeView: codeView,
+  dataTable: dataTable,
+  fieldHelperText: fieldHelperText,
+  footer: footer,
+  iconWrapper: iconWrapper,
+  listBox: listBox,
+  listView: listView,
+  listViewItem: listViewItem,
+  lisViewItemChart: lisViewItemChart,
+  loader: loader,
+  menu: menu,
+  menuItem: menuItem,
+  menuTab: menuTab,
+  message: message,
+  modal: modal,
+  navBar: navBar,
+  overlayPanel: overlayPanel,
+  panelHeader: panelHeader,
+  popoverMenu: popoverMenu,
+  progressBar: progressBar,
+  prompt: prompt,
+  response: response,
+  rockerButton: rockerButton,
+  separator: separator,
+  skeleton: skeleton,
+  stepper: stepper,
+  suggestion: suggestion,
+  suggestions: suggestions,
+  statusIcon: statusIcon,
+  tab: tab,
+  table: table,
+  tableBase: tableBase,
+  tabs: tabs,
+  tooltip: tooltip
 };

package/package.json

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