@pingux/astro 2.128.0 → 2.129.0-alpha.0

package/lib/recipes/ListAndPanel.stories.js

@@ -24,7 +24,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var sx = {

package/lib/recipes/LogoTabs.stories.js

@@ -18,7 +18,10 @@ import { tab } from '../components/Tabs/Tabs.style';
 import { Box, Icon, Separator, Tab, Tabs, Text } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Logo Tabs'
+  title: 'Recipes/Logo Tabs',
+  parameters: {
+    codesandbox: false
+  }
 };
 var P14CLogo = function P14CLogo(props) {
   return ___EmotionJSX("svg", _extends({

package/lib/recipes/MaskedValue.stories.js

@@ -30,7 +30,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var sx = {

package/lib/recipes/MultipagePopup.stories.js

@@ -33,7 +33,8 @@ export default {
         name: 'accent',
         value: 'accent.99'
       }]
-    }
+    },
+    codesandbox: false
   }
 };
 var dataPopUp = [{

package/lib/recipes/NoAccess.stories.js

@@ -7,7 +7,10 @@ import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Recipes/No Access',
-  decorators: [withDesign]
+  decorators: [withDesign],
+  parameters: {
+    codesandbox: false
+  }
 };
 export var Default = function Default() {
   return ___EmotionJSX(Box, {

package/lib/recipes/OneWayToBidirectionalArrow.stories.js

@@ -7,7 +7,10 @@ import { Box, ComboBoxField, Icon, IconButton, IconButtonToggle, Item } from '..
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/One Way to Bidirectional Arrow'
+  title: 'Recipes/One Way to Bidirectional Arrow',
+  parameters: {
+    codesandbox: false
+  }
 };
 var items = [{
   name: 'Last Name',

package/lib/recipes/PanelContent.stories.js

@@ -20,7 +20,8 @@ export default {
       source: {
         type: 'code'
       }
-    }
+    },
+    codesandbox: false
   }
 };
 var OverlayWrapper = function OverlayWrapper(_ref) {

package/lib/recipes/ScrollableListView.stories.js

@@ -7,7 +7,10 @@ import FormSelectIcon from '@pingux/mdi-react/FormSelectIcon';
 import { Box, ListView, ListViewItem, ListViewItemEditButton, ListViewItemMenu, ScrollBox, SearchField } from '../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Scrollable List View'
+  title: 'Recipes/Scrollable List View',
+  parameters: {
+    codesandbox: false
+  }
 };
 export var ScrollableListView = function ScrollableListView() {
   var unfilteredItems = [{

package/lib/recipes/Slider.stories.js

@@ -21,7 +21,10 @@ import { Box } from '../index';
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Slider'
+  title: 'Recipes/Slider',
+  parameters: {
+    codesandbox: false
+  }
 };
 var sx = {
   sliderContainer: {

package/lib/recipes/TrialExperienceIndustryButtons.stories.js

@@ -7,7 +7,10 @@ import { Box, Button, Icon, IconButton, Modal, OverlayProvider, Text } from '../
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Trial Experience Buttons'
+  title: 'Recipes/Trial Experience Buttons',
+  parameters: {
+    codesandbox: false
+  }
 };
 var sx = {
   contentProps: {

package/lib/recipes/TrialExperienceStatusBar.stories.js

@@ -8,7 +8,10 @@ import { Box, Icon, IconButton, Link, Separator, Text } from '../index';
 import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'Recipes/Trial Experience Nav'
+  title: 'Recipes/Trial Experience Nav',
+  parameters: {
+    codesandbox: false
+  }
 };
 var ArtIcon = function ArtIcon() {
   return ___EmotionJSX("svg", {

package/lib/styles/templates/Nav/Nav.stories.js

@@ -14,7 +14,8 @@ export default {
         name: 'accent',
         value: '#F7F8FD'
       }]
-    }
+    },
+    codesandbox: false
   }
 };
 var SideNav = function SideNav(_ref) {

package/lib/styles/themeOverrides/nextGenDarkMode/variants/input.js

@@ -19,6 +19,14 @@ export var fieldControlWrapper = {
   '> textarea': {
     borderColor: 'border.input',
     backgroundColor: 'background.base'
+  },
+  '&.is-read-only': {
+    '> input': {
+      backgroundColor: 'background.base'
+    },
+    '> textarea': {
+      backgroundColor: 'background.base'
+    }
   }
 };
 input.fieldControlWrapper = _objectSpread({}, fieldControlWrapper);

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

@@ -109,7 +109,7 @@ var badge = {
   textColor: nextGenColors['gray-900'],
   background: nextGenColors['gray-100']
 };
-var tooltip = 'black';
+var tooltip = nextGenColors['gray-900'];
 var colors = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, subColors), nextGenColors), overrides), {}, {
   badge: badge,
   card: card,

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

@@ -505,7 +505,13 @@ var iconButtons = {
         fill: 'dark'
       }
     }
-  })
+  }),
+  hintButton: {
+    bg: 'gray-100',
+    '&.is-hovered': {
+      bg: 'gray-900'
+    }
+  }
 };
 var buttons = {
   neutral: neutral,

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

@@ -1,7 +1,9 @@
 var container = {
   transition: 'opacity 200ms ease',
-  opacity: 0,
-  '&.is-mounted.is-transitioning': {
+  '&.animate': {
+    opacity: 0
+  },
+  '&.animate.is-mounted.is-transitioning': {
     opacity: '100%'
   }
 };

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

@@ -1,7 +1,8 @@
 var container = {
-  backgroundColor: '#000000',
+  backgroundColor: 'tooltip',
   borderRadius: '4px',
-  fontSize: 'xs'
+  fontSize: 'xs',
+  fontFamily: 'standard'
 };
 export default {
   container: container

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.128.0",
+  "version": "2.129.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",
@@ -144,6 +144,7 @@
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.13.0",
+    "@codesandbox/storybook-addon": "^0.2.2",
     "@emotion/babel-preset-css-prop": "^11.2.0",
     "@emotion/cache": "^11.4.0",
     "@emotion/eslint-plugin": "^11.2.0",