@pingux/astro 1.2.0-alpha.12 → 1.2.0-alpha.16

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 (63) hide show
  1. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.js +32 -25
  2. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +148 -169
  3. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.test.js +25 -30
  4. package/lib/cjs/components/AccordionGridItem/AccordionGridItem.js +29 -14
  5. package/lib/cjs/components/AccordionGridItem/AccordionGridItemBody.js +3 -3
  6. package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +16 -18
  7. package/lib/cjs/components/AccordionGroup/AccordionGroup.js +2 -1
  8. package/lib/cjs/components/AccordionGroup/AccordionGroup.test.js +20 -1
  9. package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +3 -3
  10. package/lib/cjs/components/Button/Button.js +9 -0
  11. package/lib/cjs/components/Button/Button.stories.js +1 -14
  12. package/lib/cjs/components/ListView/ListView.js +9 -13
  13. package/lib/cjs/components/ListViewItem/ListViewItem.js +15 -3
  14. package/lib/cjs/components/Modal/Modal.stories.js +1 -1
  15. package/lib/cjs/components/RockerButton/RockerButton.js +14 -22
  16. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.js +5 -9
  17. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +4 -22
  18. package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.test.js +5 -14
  19. package/lib/cjs/components/TextAreaField/TextAreaField.js +53 -8
  20. package/lib/cjs/components/TextAreaField/TextAreaField.stories.js +33 -1
  21. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +12 -0
  22. package/lib/cjs/context/AccordionGridContext/index.js +20 -0
  23. package/lib/cjs/hooks/useField/useField.js +5 -0
  24. package/lib/cjs/hooks/useRockerButton/useRockerButton.js +4 -6
  25. package/lib/cjs/layouts/ListLayout.stories.js +6 -6
  26. package/lib/cjs/recipes/ArrayField.stories.js +1 -1
  27. package/lib/cjs/recipes/ConditionalFilter.stories.js +7 -3
  28. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +1 -1
  29. package/lib/cjs/styles/variants/boxes.js +9 -0
  30. package/lib/cjs/styles/variants/buttons.js +2 -0
  31. package/lib/components/AccordionGridGroup/AccordionGridGroup.js +32 -24
  32. package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +143 -166
  33. package/lib/components/AccordionGridGroup/AccordionGridGroup.test.js +24 -25
  34. package/lib/components/AccordionGridItem/AccordionGridItem.js +29 -15
  35. package/lib/components/AccordionGridItem/AccordionGridItemBody.js +4 -4
  36. package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +19 -20
  37. package/lib/components/AccordionGroup/AccordionGroup.js +2 -1
  38. package/lib/components/AccordionGroup/AccordionGroup.test.js +16 -2
  39. package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +3 -3
  40. package/lib/components/Button/Button.js +10 -1
  41. package/lib/components/Button/Button.stories.js +0 -10
  42. package/lib/components/ListView/ListView.js +9 -12
  43. package/lib/components/ListViewItem/ListViewItem.js +14 -3
  44. package/lib/components/Modal/Modal.stories.js +1 -1
  45. package/lib/components/RockerButton/RockerButton.js +14 -21
  46. package/lib/components/RockerButtonGroup/RockerButtonGroup.js +5 -9
  47. package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +2 -17
  48. package/lib/components/RockerButtonGroup/RockerButtonGroup.test.js +5 -11
  49. package/lib/components/TextAreaField/TextAreaField.js +53 -9
  50. package/lib/components/TextAreaField/TextAreaField.stories.js +27 -0
  51. package/lib/components/TextAreaField/TextAreaField.test.js +13 -0
  52. package/lib/context/AccordionGridContext/index.js +5 -0
  53. package/lib/hooks/useField/useField.js +5 -0
  54. package/lib/hooks/useRockerButton/useRockerButton.js +4 -6
  55. package/lib/layouts/ListLayout.stories.js +6 -6
  56. package/lib/recipes/ArrayField.stories.js +1 -1
  57. package/lib/recipes/ConditionalFilter.stories.js +7 -3
  58. package/lib/recipes/RadioButtonsWithLinks.stories.js +1 -1
  59. package/lib/styles/variants/boxes.js +9 -0
  60. package/lib/styles/variants/buttons.js +2 -0
  61. package/package.json +1 -1
  62. package/lib/cjs/components/AccordionGridGroup/AccordionGridContext.js +0 -17
  63. package/lib/components/AccordionGridGroup/AccordionGridContext.js +0 -2
@@ -96,7 +96,9 @@ export var Default = function Default() {
96
96
  setEditOverviewVisible = _React$useState4[1];
97
97
 
98
98
  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Button, {
99
- onPress: setStaticOverviewVisible
99
+ onPress: function onPress() {
100
+ return setStaticOverviewVisible(true);
101
+ }
100
102
  }, "Open Panel"), staticOverviewVisible && ___EmotionJSX(OverlayPanel, {
101
103
  isOpen: staticOverviewVisible
102
104
  }, ___EmotionJSX(Box, null, ___EmotionJSX(Box, {
@@ -111,7 +113,9 @@ export var Default = function Default() {
111
113
  "aria-label": "edit",
112
114
  variant: "inverted",
113
115
  ml: "xs",
114
- onPress: setEditOverviewVisible
116
+ onPress: function onPress() {
117
+ return setEditOverviewVisible(true);
118
+ }
115
119
  }, ___EmotionJSX(Icon, {
116
120
  icon: CreateIcon,
117
121
  size: 14
@@ -435,7 +439,7 @@ export var Default = function Default() {
435
439
  onPress: function onPress() {
436
440
  return setEditOverviewVisible(false);
437
441
  },
438
- variant: "text",
442
+ variant: "link",
439
443
  "aria-label": "cancel"
440
444
  }, "Cancel"))))));
441
445
  };
@@ -48,7 +48,7 @@ export var Default = function Default() {
48
48
  label: fieldName,
49
49
  isDisabled: isDisabled
50
50
  }), ___EmotionJSX(Button, {
51
- variant: "text",
51
+ variant: "link",
52
52
  mb: "xs",
53
53
  ml: "md",
54
54
  onPress: function onPress() {
@@ -117,6 +117,14 @@ var inputInContainerSlot = {
117
117
  top: '50%',
118
118
  transform: 'translateY(-50%)'
119
119
  };
120
+ var textFieldInContainerSlot = {
121
+ position: 'absolute',
122
+ bg: 'transparent',
123
+ width: '20px',
124
+ right: '10px',
125
+ top: '50%',
126
+ transform: 'translateY(-50%)'
127
+ };
120
128
  var copy = {
121
129
  alignItems: 'center',
122
130
  width: 'max-content',
@@ -295,6 +303,7 @@ export default {
295
303
  environmentChip: environmentChip,
296
304
  expandableRow: expandableRow,
297
305
  inputInContainerSlot: inputInContainerSlot,
306
+ textFieldInContainerSlot: textFieldInContainerSlot,
298
307
  fileInputFieldWrapper: fileInputFieldWrapper,
299
308
  listItem: listItem,
300
309
  listBoxSectionTitle: listBoxSectionTitle,
@@ -375,6 +375,7 @@ var chipDeleteButton = {
375
375
  };
376
376
 
377
377
  var rocker = _objectSpread(_objectSpread({}, base), {}, {
378
+ border: '0',
378
379
  display: 'inline-flex',
379
380
  height: '26px',
380
381
  lineHeight: '26px',
@@ -386,6 +387,7 @@ var rocker = _objectSpread(_objectSpread({}, base), {}, {
386
387
  textTransform: 'uppercase',
387
388
  bg: 'accent.95',
388
389
  '&.is-selected': {
390
+ bg: 'active',
389
391
  color: 'white'
390
392
  },
391
393
  '&.is-focused': _objectSpread({}, defaultFocus)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.2.0-alpha.12",
3
+ "version": "1.2.0-alpha.16",
4
4
  "description": "PingUX themeable React component library",
5
5
  "author": "uxdev@pingidentity.com",
6
6
  "license": "Apache-2.0",
@@ -1,17 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
6
-
7
- _Object$defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
-
11
- exports.AccordionGridContext = void 0;
12
-
13
- var _react = _interopRequireDefault(require("react"));
14
-
15
- var AccordionGridContext = /*#__PURE__*/_react["default"].createContext(null);
16
-
17
- exports.AccordionGridContext = AccordionGridContext;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export var AccordionGridContext = /*#__PURE__*/React.createContext(null);