@pingux/astro 2.150.0 → 2.151.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/lib/cjs/components/Avatar/Avatar.js +2 -1
  2. package/lib/cjs/components/Box/Box.js +5 -3
  3. package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js +4 -2
  4. package/lib/cjs/components/ListViewItem/ListViewItem.styles.js +1 -11
  5. package/lib/cjs/components/ListViewItem/controls/ListViewItemEditButton.js +1 -1
  6. package/lib/cjs/components/ListViewItem/controls/ListViewItemMenu.js +1 -1
  7. package/lib/cjs/components/MultivaluesField/CondensedMultivaluesField.js +18 -25
  8. package/lib/cjs/components/PanelHeader/PanelHeader.js +6 -4
  9. package/lib/cjs/components/PanelHeader/PanelHeader.stories.js +5 -5
  10. package/lib/cjs/components/PanelHeader/PanelHeader.styles.js +2 -1
  11. package/lib/cjs/components/PanelHeader/stories/OnyxDarkPanelHeader.chromatic.stories.js +22 -0
  12. package/lib/cjs/components/PanelHeader/stories/OnyxPanelHeader.chromatic.stories.js +22 -0
  13. package/lib/cjs/components/PanelHeader/stories/OnyxPanelHeaderComponent.js +89 -0
  14. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +8 -0
  15. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +8 -0
  16. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
  17. package/lib/cjs/styles/themes/next-gen/customProperties/customSizes.js +1 -1
  18. package/lib/cjs/styles/themes/next-gen/forms.d.ts +1 -1
  19. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +159 -18
  20. package/lib/cjs/styles/themes/next-gen/next-gen.js +2 -0
  21. package/lib/cjs/styles/themes/next-gen/stories/OnyxInputPatterns.chromatic.stories.d.ts +11 -0
  22. package/lib/cjs/styles/themes/next-gen/stories/OnyxInputPatterns.chromatic.stories.js +197 -0
  23. package/lib/cjs/styles/themes/next-gen/variants/box.d.ts +61 -0
  24. package/lib/cjs/styles/themes/next-gen/variants/box.js +58 -0
  25. package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +106 -5
  26. package/lib/cjs/styles/themes/next-gen/variants/button.js +40 -4
  27. package/lib/cjs/styles/themes/next-gen/variants/input.js +21 -0
  28. package/lib/cjs/styles/themes/next-gen/variants/listview.d.ts +0 -8
  29. package/lib/cjs/styles/themes/next-gen/variants/listview.js +0 -8
  30. package/lib/cjs/styles/themes/next-gen/variants/panelHeader.d.ts +5 -3
  31. package/lib/cjs/styles/themes/next-gen/variants/panelHeader.js +5 -3
  32. package/lib/cjs/styles/themes/next-gen/variants/switch.d.ts +1 -1
  33. package/lib/cjs/styles/themes/next-gen/variants/switch.js +2 -2
  34. package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +7 -1
  35. package/lib/cjs/styles/themes/next-gen/variants/text.js +8 -1
  36. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +43 -11
  37. package/lib/cjs/styles/themes/next-gen/variants/variants.js +2 -16
  38. package/lib/cjs/types/iconButtonToggle.d.ts +2 -0
  39. package/lib/components/Avatar/Avatar.js +2 -1
  40. package/lib/components/Box/Box.js +5 -3
  41. package/lib/components/IconButtonToggle/IconButtonToggle.js +4 -2
  42. package/lib/components/ListViewItem/ListViewItem.styles.js +1 -11
  43. package/lib/components/ListViewItem/controls/ListViewItemEditButton.js +1 -1
  44. package/lib/components/ListViewItem/controls/ListViewItemMenu.js +1 -1
  45. package/lib/components/MultivaluesField/CondensedMultivaluesField.js +18 -25
  46. package/lib/components/PanelHeader/PanelHeader.js +6 -4
  47. package/lib/components/PanelHeader/PanelHeader.stories.js +5 -5
  48. package/lib/components/PanelHeader/PanelHeader.styles.js +2 -1
  49. package/lib/components/PanelHeader/stories/OnyxDarkPanelHeader.chromatic.stories.js +12 -0
  50. package/lib/components/PanelHeader/stories/OnyxPanelHeader.chromatic.stories.js +12 -0
  51. package/lib/components/PanelHeader/stories/OnyxPanelHeaderComponent.js +80 -0
  52. package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +8 -0
  53. package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
  54. package/lib/styles/themes/next-gen/customProperties/customSizes.js +1 -1
  55. package/lib/styles/themes/next-gen/next-gen.js +2 -0
  56. package/lib/styles/themes/next-gen/stories/OnyxInputPatterns.chromatic.stories.js +178 -0
  57. package/lib/styles/themes/next-gen/variants/box.js +49 -0
  58. package/lib/styles/themes/next-gen/variants/button.js +40 -4
  59. package/lib/styles/themes/next-gen/variants/input.js +21 -0
  60. package/lib/styles/themes/next-gen/variants/listview.js +0 -8
  61. package/lib/styles/themes/next-gen/variants/panelHeader.js +5 -3
  62. package/lib/styles/themes/next-gen/variants/switch.js +2 -2
  63. package/lib/styles/themes/next-gen/variants/text.js +8 -1
  64. package/lib/styles/themes/next-gen/variants/variants.js +2 -16
  65. package/package.json +1 -1
@@ -91,14 +91,6 @@ export var listViewItem = {
91
91
  '&.has-separator.is-last-row': {
92
92
  border: 'none'
93
93
  }
94
- },
95
- editIcon: {
96
- width: '1.5rem !important',
97
- height: '1.5rem !important'
98
- },
99
- menuIcon: {
100
- width: '1.5rem !important',
101
- height: '1.5rem !important'
102
94
  }
103
95
  };
104
96
  export var listView = {
@@ -1,12 +1,14 @@
1
1
  var container = {
2
2
  bg: 'backgroundBase',
3
3
  border: 'none',
4
- minHeight: 72,
5
- maxHeight: 72
4
+ pt: 'lg',
5
+ px: 'lg',
6
+ pb: 'md'
6
7
  };
7
8
  var controls = {
9
+ gap: '12px',
8
10
  alignSelf: 'start',
9
- pt: 'xs'
11
+ mr: '0'
10
12
  };
11
13
  var wrapper = {
12
14
  mr: 'md'
@@ -2,7 +2,7 @@ export var switchable = {
2
2
  container: {
3
3
  minWidth: '32px',
4
4
  color: 'neutral.80',
5
- bg: 'backgorund.base',
5
+ bg: 'background.base',
6
6
  border: '1px solid',
7
7
  borderColor: 'neutral.80',
8
8
  borderRadius: 9999,
@@ -14,7 +14,7 @@ export var switchable = {
14
14
  thumbContainer: {
15
15
  bg: 'transparent',
16
16
  border: 'none',
17
- maxWidth: 24,
17
+ width: '32px',
18
18
  height: 16,
19
19
  py: '3px',
20
20
  px: '3px',
@@ -176,7 +176,9 @@ export var text = _objectSpread(_objectSpread({
176
176
  panelHeaderText: _objectSpread(_objectSpread({}, hTags.h4), {}, {
177
177
  textOverflow: 'ellipsis',
178
178
  overflow: 'hidden',
179
- whiteSpace: 'nowrap'
179
+ whiteSpace: 'nowrap',
180
+ color: 'font.base',
181
+ lineHeight: 'xs'
180
182
  }),
181
183
  messagesText: {
182
184
  '&.is-success, &.is-warning, &.is-error, &.is-default': {
@@ -187,5 +189,10 @@ export var text = _objectSpread(_objectSpread({
187
189
  color: 'gray-700'
188
190
  }
189
191
  }
192
+ },
193
+ panelHeaderSubtext: {
194
+ fontSize: 'md',
195
+ lineHeight: 'body',
196
+ color: 'font.light'
190
197
  }
191
198
  });
@@ -12,9 +12,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
12
12
  import attachment from '../../../../components/AIComponents/Attachment/Attachment.styles';
13
13
  import skeleton from '../../../../components/Skeleton/Skeleton.styles';
14
14
  import codeView from '../codeView/codeView';
15
- import colors from '../colors/colors';
16
15
  import accordion from './accordion';
17
16
  import { avatar } from './avatar';
17
+ import { box } from './box';
18
18
  import button, { defaultFocus } from './button';
19
19
  import callout from './callout';
20
20
  import { dataTable } from './dataTable';
@@ -382,21 +382,7 @@ export default {
382
382
  attachment: attachment,
383
383
  avatar: avatar,
384
384
  breadcrumb: breadcrumb,
385
- box: {
386
- indeterminateCheckboxIcon: {
387
- height: '19.25px',
388
- width: '19.25px',
389
- '&.is-disabled': {
390
- '& rect[id="indeterminate-checkbox-icon-wrapper"]': {
391
- fill: 'gray-500',
392
- stroke: 'gray-500'
393
- }
394
- },
395
- '&.is-focused': {
396
- boxShadow: "inset 0px 0px 0px 1px ".concat(colors.focus)
397
- }
398
- }
399
- },
385
+ box: box,
400
386
  buttonBar: buttonBar,
401
387
  callout: callout,
402
388
  codeView: codeView,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.150.0",
3
+ "version": "2.151.0-alpha.3",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",