@pingux/astro 1.15.0-alpha.1 → 1.15.0-alpha.4

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 (13) hide show
  1. package/lib/cjs/components/Button/Button.js +2 -2
  2. package/lib/cjs/components/IconButton/IconButton.js +1 -1
  3. package/lib/cjs/components/NavBar/NavBar.stories.js +1 -1
  4. package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js +2 -2
  5. package/lib/cjs/styles/variants/navBar.js +1 -0
  6. package/lib/cjs/styles/variants/separator.js +2 -1
  7. package/lib/components/Button/Button.js +2 -2
  8. package/lib/components/IconButton/IconButton.js +1 -1
  9. package/lib/components/NavBar/NavBar.stories.js +1 -1
  10. package/lib/recipes/TrialExperienceIndustryButtons.stories.js +2 -2
  11. package/lib/styles/variants/navBar.js +1 -0
  12. package/lib/styles/variants/separator.js +2 -1
  13. package/package.json +1 -1
package/lib/cjs/components/Button/Button.js CHANGED
@@ -133,9 +133,9 @@ var Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
133
133
  alignItems: 'center'
134
134
  },
135
135
  variant: variant
136
- }, others, (0, _utils.mergeProps)(hoverProps, focusProps, _objectSpread(_objectSpread({}, buttonProps), {}, {
136
+ }, others, (0, _utils.mergeProps)(_objectSpread(_objectSpread({}, buttonProps), {}, {
137
137
  tabIndex: tabIndex
138
- }))), isLoading ? (0, _react2.jsx)("span", {
138
+ }), hoverProps, focusProps)), isLoading ? (0, _react2.jsx)("span", {
139
139
  style: {
140
140
  visibility: 'hidden'
141
141
  }
package/lib/cjs/components/IconButton/IconButton.js CHANGED
@@ -127,7 +127,7 @@ var IconButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
127
127
  fill: chipBg
128
128
  }
129
129
  }
130
- }, (0, _utils.mergeProps)(hoverProps, focusProps, buttonProps, others)), children);
130
+ }, (0, _utils.mergeProps)(buttonProps, others, hoverProps, focusProps)), children);
131
131
 
132
132
  if (title) {
133
133
  return (0, _react2.jsx)(_TooltipTrigger["default"], {
package/lib/cjs/components/NavBar/NavBar.stories.js CHANGED
@@ -262,7 +262,7 @@ var Default = function Default() {
262
262
  "aria-label": "home link"
263
263
  }, logo)), (0, _react2.jsx)(_index.Separator, {
264
264
  marginTop: "lg",
265
- marginBottom: "sm",
265
+ marginBottom: "0px",
266
266
  backgroundColor: "neutral.60"
267
267
  }), (0, _react2.jsx)(_index.Box, {
268
268
  variant: "navBar.sectionContainer",
package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js CHANGED
@@ -615,7 +615,7 @@ var realtySVG = function realtySVG(props) {
615
615
  }))));
616
616
  };
617
617
 
618
- var Buttons = [{
618
+ var buttons = [{
619
619
  name: 'Retail',
620
620
  icon: retailSVG
621
621
  }, {
@@ -666,7 +666,7 @@ var Default = function Default() {
666
666
  }, "To further customize your experience, choose an industry that most resembles your own."), (0, _react2.jsx)(_index.Box, {
667
667
  isRow: true,
668
668
  sx: gridContainerStyles
669
- }, (0, _map["default"])(Buttons).call(Buttons, function (button) {
669
+ }, (0, _map["default"])(buttons).call(buttons, function (button) {
670
670
  return (0, _react2.jsx)(_index.Button, {
671
671
  sx: buttonStyle,
672
672
  key: button.name
package/lib/cjs/styles/variants/navBar.js CHANGED
@@ -57,6 +57,7 @@ var itemHeaderContainer = {
57
57
  }
58
58
  };
59
59
  var sectionContainer = {
60
+ pt: '10px',
60
61
  height: '100%',
61
62
  maxHeight: '100%',
62
63
  overflowY: 'overlay !important'
package/lib/cjs/styles/variants/separator.js CHANGED
@@ -44,7 +44,8 @@ var base = {
44
44
 
45
45
  var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
46
46
  width: '100%',
47
- backgroundColor: 'neutral.60'
47
+ backgroundColor: 'neutral.60',
48
+ my: 0
48
49
  });
49
50
 
50
51
  var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, base), {}, {
package/lib/components/Button/Button.js CHANGED
@@ -95,9 +95,9 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
95
95
  alignItems: 'center'
96
96
  },
97
97
  variant: variant
98
- }, others, mergeProps(hoverProps, focusProps, _objectSpread(_objectSpread({}, buttonProps), {}, {
98
+ }, others, mergeProps(_objectSpread(_objectSpread({}, buttonProps), {}, {
99
99
  tabIndex: tabIndex
100
- }))), isLoading ? ___EmotionJSX("span", {
100
+ }), hoverProps, focusProps)), isLoading ? ___EmotionJSX("span", {
101
101
  style: {
102
102
  visibility: 'hidden'
103
103
  }
package/lib/components/IconButton/IconButton.js CHANGED
@@ -90,7 +90,7 @@ var IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
90
90
  fill: chipBg
91
91
  }
92
92
  }
93
- }, mergeProps(hoverProps, focusProps, buttonProps, others)), children);
93
+ }, mergeProps(buttonProps, others, hoverProps, focusProps)), children);
94
94
 
95
95
  if (title) {
96
96
  return ___EmotionJSX(TooltipTrigger, {
package/lib/components/NavBar/NavBar.stories.js CHANGED
@@ -237,7 +237,7 @@ export var Default = function Default() {
237
237
  "aria-label": "home link"
238
238
  }, logo)), ___EmotionJSX(Separator, {
239
239
  marginTop: "lg",
240
- marginBottom: "sm",
240
+ marginBottom: "0px",
241
241
  backgroundColor: "neutral.60"
242
242
  }), ___EmotionJSX(Box, {
243
243
  variant: "navBar.sectionContainer",
package/lib/recipes/TrialExperienceIndustryButtons.stories.js CHANGED
@@ -597,7 +597,7 @@ var realtySVG = function realtySVG(props) {
597
597
  }))));
598
598
  };
599
599
 
600
- var Buttons = [{
600
+ var buttons = [{
601
601
  name: 'Retail',
602
602
  icon: retailSVG
603
603
  }, {
@@ -647,7 +647,7 @@ export var Default = function Default() {
647
647
  }, "To further customize your experience, choose an industry that most resembles your own."), ___EmotionJSX(Box, {
648
648
  isRow: true,
649
649
  sx: gridContainerStyles
650
- }, _mapInstanceProperty(Buttons).call(Buttons, function (button) {
650
+ }, _mapInstanceProperty(buttons).call(buttons, function (button) {
651
651
  return ___EmotionJSX(Button, {
652
652
  sx: buttonStyle,
653
653
  key: button.name
package/lib/styles/variants/navBar.js CHANGED
@@ -38,6 +38,7 @@ var itemHeaderContainer = {
38
38
  }
39
39
  };
40
40
  var sectionContainer = {
41
+ pt: '10px',
41
42
  height: '100%',
42
43
  maxHeight: '100%',
43
44
  overflowY: 'overlay !important'
package/lib/styles/variants/separator.js CHANGED
@@ -26,7 +26,8 @@ var base = {
26
26
 
27
27
  var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
28
28
  width: '100%',
29
- backgroundColor: 'neutral.60'
29
+ backgroundColor: 'neutral.60',
30
+ my: 0
30
31
  });
31
32
 
32
33
  var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, base), {}, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.15.0-alpha.1",
3
+ "version": "1.15.0-alpha.4",
4
4
  "description": "PingUX themeable React component library",
5
5
  "author": "ux-development@pingidentity.com",
6
6
  "license": "Apache-2.0",