@pingux/astro 2.84.0-alpha.2 → 2.84.0-alpha.4

package/lib/components/SelectField/SelectField.stories.js

@@ -31,7 +31,7 @@ import { OverlayProvider } from 'react-aria';
 import { useAsyncList } from 'react-stately';
 import CalendarRangeIcon from '@pingux/mdi-react/CalendarRangeIcon';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
-import { Icon, Item, Section, SelectField, Separator } from '../../index';
+import { Icon, Item, Section, SelectField } from '../../index';
 import { modes as labelModes } from '../../utils/devUtils/constants/labelModes';
 import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import { inputFieldAttributeBaseArgTypes } from '../../utils/docUtils/fieldAttributes';
@@ -247,18 +247,15 @@ export var Controlled = function Controlled() {
 export var WithNoneOption = function WithNoneOption() {
   return ___EmotionJSX(SelectField, {
     label: "What's your favorite color?"
-  }, ___EmotionJSX(Item, {
+  }, ___EmotionJSX(Section, null, ___EmotionJSX(Item, {
     key: "none"
-  }, "None"), ___EmotionJSX(Item, {
-    isSeparator: true,
-    textValue: "-"
-  }, ___EmotionJSX(Separator, null)), ___EmotionJSX(Item, {
+  }, "None")), ___EmotionJSX(Section, null, ___EmotionJSX(Item, {
     key: "red"
   }, "Red"), ___EmotionJSX(Item, {
     key: "blue"
   }, "Blue"), ___EmotionJSX(Item, {
     key: "yellow"
-  }, "Yellow"));
+  }, "Yellow")));
 };
 export var WithSlots = function WithSlots() {
   return ___EmotionJSX(SelectField, {

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

@@ -204,7 +204,10 @@ var listBox = {
     '&.is-selected': {
       color: 'text.primary',
       bg: 'lightblue',
-      pl: 0
+      pl: 0,
+      '&.is-focused': {
+        color: 'text.primary'
+      }
     }
   }
 };

package/lib/styles/variants/variants.js

@@ -34,6 +34,7 @@ import listViewItem from '../../components/ListViewItem/ListViewItem.styles';
 import loader from '../../components/Loader/Loader.styles';
 import menu from '../../components/Menu/Menu.styles';
 import menuItem from '../../components/MenuItem/MenuItem.styles';
+import menuSection from '../../components/MenuSection/MenuSection.styles';
 import message from '../../components/Messages/Message.styles';
 import modal from '../../components/Modal/Modal.styles';
 import navBar from '../../components/NavBar/NavBar.styles';
@@ -79,6 +80,7 @@ export default _objectSpread({
   loader: loader,
   menu: menu,
   menuItem: menuItem,
+  menuSection: menuSection,
   message: message,
   modal: modal,
   navBar: navBar,

package/lib/types/index.js

@@ -30,6 +30,7 @@ export * from './listItem';
 export * from './loader';
 export * from './menu';
 export * from './menuItem';
+export * from './menuSection';
 export * from './messages';
 export * from './Modal';
 export * from './navBar';

package/lib/types/menuSection.js

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

package/package.json

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