@pingux/astro 2.221.6 → 2.234.0-alpha.0

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

@@ -11,12 +11,15 @@ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymb
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { astroTokens } from '@pingux/onyx-tokens';
 import attachment from '../../../../components/AIComponents/Attachment/Attachment.styles';
+import checkboxFieldGroup from '../../../../components/CheckboxFieldGroup/CheckboxFieldGroup.styles';
+import emptyState from '../../../../components/EmptyState/EmptyState.styles';
 import labelValuePairs from '../../../../components/LabelValuePairs/LabelValuePairs.styles';
 import skeleton from '../../../../components/Skeleton/Skeleton.styles';
 import codeView from '../codeView/codeView';
 import sizes from '../sizes';
 import accordion from './accordion';
 import accordionGrid from './accordionGrid';
+import arrayField from './arrayField';
 import { avatar } from './avatar';
 import { box } from './box';
 import button, { defaultFocus } from './button';
@@ -40,11 +43,16 @@ import suggestion from './suggestion';
 import suggestions from './suggestions';
 import { table } from './table';
 import { tableBase } from './tableBase';
-import { menuTab, tab, tabs } from './tabs';
+import { menuTab, tab, tabPickerExpandIcon, tabs } from './tabs';
 import tooltip from './tooltip';
+var onyxLabelValuePairs = _objectSpread(_objectSpread({}, labelValuePairs), {}, {
+  value: _objectSpread(_objectSpread({}, labelValuePairs.value), {}, {
+    color: 'text.primary'
+  })
+});
 var fieldHelperText = {
   title: {
-    fontSize: 'small',
+    fontSize: 'md',
     pt: '0px !important',
     mt: '.25rem',
     '&.is-default': {
@@ -61,6 +69,19 @@ var fieldHelperText = {
     }
   }
 };
+var iconBadge = {
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: '50%'
+  },
+  badgeCircle: {
+    bottom: '-2px',
+    height: '10px',
+    width: '10px',
+    borderRadius: '50%'
+  }
+};
 export var badgeDeleteButton = _objectSpread(_objectSpread({}, button.iconButtons.base), {}, {
   borderRadius: '50%',
   cursor: 'pointer',
@@ -154,8 +175,8 @@ var listBox = {
     p: astroTokens.spacing.sm
   },
   option: {
-    py: astroTokens.spacing['md-s'],
-    pl: astroTokens.spacing['md-s'],
+    py: 'md-s',
+    pl: 'md-s',
     pr: astroTokens.spacing.md,
     justifyContent: 'space-between',
     borderRadius: astroTokens.radius.md,
@@ -464,20 +485,24 @@ var helpHint = {
 export default {
   accordion: accordion,
   accordionGrid: accordionGrid,
+  arrayField: arrayField,
   attachment: attachment,
   avatar: avatar,
   breadcrumb: breadcrumb,
   box: box,
   buttonBar: buttonBar,
   callout: callout,
+  checkboxFieldGroup: checkboxFieldGroup,
   codeView: codeView,
   dataTable: dataTable,
+  emptyState: emptyState,
   environmentBreadcrumb: environmentBreadcrumb,
   fieldHelperText: fieldHelperText,
   footer: footer,
   helpHint: helpHint,
+  iconBadge: iconBadge,
   iconWrapper: iconWrapper,
-  labelValuePairs: labelValuePairs,
+  labelValuePairs: onyxLabelValuePairs,
   listBox: listBox,
   listView: listView,
   listViewItem: listViewItem,
@@ -487,6 +512,7 @@ export default {
   menuItem: menuItem,
   menuSection: menuSection,
   menuTab: menuTab,
+  tabPickerExpandIcon: tabPickerExpandIcon,
   message: message,
   modal: modal,
   navBar: navBar,

package/lib/styles/variants/variants.js

@@ -11,23 +11,27 @@ function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymb
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import accordionGrid from '../../components/AccordionGridGroup/AccordionGrid.styles';
 import accordion from '../../components/AccordionGroup/Accordion.styles';
+import arrayField from '../../components/ArrayField/ArrayField.styles';
 import box from '../../components/Box/Box.styles';
 import bracket from '../../components/Bracket/Bracket.styles';
 import breadcrumb from '../../components/Breadcrumbs/Breadcrumb.styles';
 import buttonBar from '../../components/ButtonBar/ButtonBar.styles';
 import calendar from '../../components/Calendar/Calendar.styles';
 import callout from '../../components/Callout/Callout.styles';
+import checkboxFieldGroup from '../../components/CheckboxFieldGroup/CheckboxFieldGroup.styles';
 import codeEditor from '../../components/CodeEditor/CodeEditor.styles';
 import codeView from '../../components/CodeView/CodeView.styles';
 import collapsiblePanel from '../../components/CollapsiblePanel/CollapsiblePanel.styles';
 import copyText from '../../components/CopyText/CopyText.styles';
 import dataTable from '../../components/DataTable/DataTable.styles';
+import emptyState from '../../components/EmptyState/EmptyState.styles';
 import environmentBreadcrumb from '../../components/EnvironmentBreadcrumb/EnvironmentalBreadcrumb.styles';
 import expandableText from '../../components/ExpandableText/ExpandableText.styles';
 import fieldHelperText from '../../components/FieldHelperText/FieldHelperText.styles';
 import footer from '../../components/Footer/Footer.styles';
 import gridList from '../../components/GridList/GridList.styles';
 import helpHint from '../../components/HelpHint/HelpHint.styles';
+import iconBadge from '../../components/IconBadge/IconBadge.styles';
 import imageUpload from '../../components/ImageUploadField/imageUpload';
 import labelValuePairs from '../../components/LabelValuePairs/LabelValuePairs.styles';
 import listBox from '../../components/ListBox/ListBox.styles';
@@ -67,6 +71,7 @@ import treeView from '../../components/TreeView/TreeView.styles';
 export default _objectSpread(_objectSpread({
   accordion: accordion,
   accordionGrid: accordionGrid,
+  arrayField: arrayField,
   box: box,
   bracket: bracket,
   breadcrumb: breadcrumb,
@@ -74,17 +79,20 @@ export default _objectSpread(_objectSpread({
   calendar: calendar,
   rangeCalendar: rangeCalendar,
   callout: callout,
+  checkboxFieldGroup: checkboxFieldGroup,
   codeEditor: codeEditor,
   codeView: codeView,
   collapsiblePanel: collapsiblePanel,
   copyText: copyText,
   dataTable: dataTable,
+  emptyState: emptyState,
   environmentBreadcrumb: environmentBreadcrumb,
   expandableText: expandableText,
   fieldHelperText: fieldHelperText,
   footer: footer,
   gridList: gridList,
   helpHint: helpHint,
+  iconBadge: iconBadge,
   imageUpload: imageUpload,
   labelValuePairs: labelValuePairs,
   listBox: listBox,

package/lib/types/AccordionGridGroup.js

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

package/lib/types/AccordionGridItem.js

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

package/lib/types/AstroProvider.js

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

package/lib/types/Checkbox.js

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

package/lib/types/checkboxFieldGroup.js

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

package/lib/types/emptyState.js

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

package/lib/types/index.js

@@ -1,5 +1,8 @@
 export * from './accessibilityTable';
+export * from './AccordionGridGroup';
+export * from './AccordionGridItem';
 export * from './arrayField';
+export * from './AstroProvider';
 export * from './avatar';
 export * from './badge';
 export * from './box';
@@ -9,13 +12,17 @@ export * from './button';
 export * from './buttonBar';
 export * from './calendar';
 export * from './card';
+export * from './Checkbox';
 export * from './checkboxField';
+export * from './checkboxFieldGroup';
 export * from './codeEditor';
+export * from './codeView';
 export * from './collapsiblePanel';
 export * from './colorField';
 export * from './copyText';
 export * from './dataTable';
 export * from './datePicker';
+export * from './emptyState';
 export * from './environmentBreadcrumb';
 export * from './expandableText';
 export * from './fieldHelperText';

package/lib/utils/designUtils/figmaLinks.js

@@ -103,7 +103,7 @@ export var FIGMA_LINKS = {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=24360%3A49754&t=3b86het2R9G2Zyo2-1'
   },
   iconBadge: {
-    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=17916-38366&t=rLZVlRDdR1JhehkH-0'
+    "default": 'https://www.figma.com/design/XDGxYAgQkcHDVjyu8OGrBv/Onyx-Specs?node-id=11396-16337'
   },
   iconButton: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=45365-7042&t=pXTSE3YlGbL0X49N-4',
@@ -238,5 +238,8 @@ export var FIGMA_LINKS = {
   statusIcon: {
     onyx: 'https://www.figma.com/file/XDGxYAgQkcHDVjyu8OGrBv/Onyx-Specs?node-id=1516-84&p=f&t=1IrTSMDCAftH6Roq-0',
     inRockerButton: 'https://www.figma.com/file/XDGxYAgQkcHDVjyu8OGrBv/Onyx-Specs?node-id=1516-498&t=TcHspIxapoPWqWJC-4'
+  },
+  emptyState: {
+    "default": 'https://www.figma.com/design/XDGxYAgQkcHDVjyu8OGrBv/Onyx-Specs?node-id=8811-16278&p=f&t=VSDkruj7jVEtiNhl-0'
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.221.6",
+  "version": "2.234.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -46,7 +46,7 @@
     "@internationalized/number": "^3.6.0",
     "@monaco-editor/react": "4.4.2",
     "@pingux/mdi-react": "^1.2.0",
-    "@pingux/onyx-tokens": "^0.41.7",
+    "@pingux/onyx-tokens": "^0.44.2",
     "@react-aria/accordion": "~3.0.0-alpha.11",
     "@react-aria/breadcrumbs": "^3.1.4",
     "@react-aria/button": "^3.13.2",