@pingux/astro 2.0.2-alpha.0 → 2.0.2-alpha.2

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 (11) hide show
  1. package/lib/cjs/components/ComboBoxField/ComboBoxField.js +1 -0
  2. package/lib/cjs/components/MultivaluesField/MultivaluesField.js +1 -0
  3. package/lib/cjs/components/PasswordField/PasswordField.js +1 -0
  4. package/lib/cjs/components/Radio/Radio.styles.js +11 -0
  5. package/lib/cjs/components/RadioField/RadioField.js +3 -1
  6. package/lib/components/ComboBoxField/ComboBoxField.js +1 -0
  7. package/lib/components/MultivaluesField/MultivaluesField.js +1 -0
  8. package/lib/components/PasswordField/PasswordField.js +1 -0
  9. package/lib/components/Radio/Radio.styles.js +11 -0
  10. package/lib/components/RadioField/RadioField.js +3 -1
  11. package/package.json +1 -1
package/lib/cjs/components/ComboBoxField/ComboBoxField.js CHANGED
@@ -150,6 +150,7 @@ var ComboBoxField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
150
150
  shouldSelectOnPressUp = listBoxProps.shouldSelectOnPressUp,
151
151
  otherListBoxProps = (0, _objectWithoutProperties2["default"])(listBoxProps, _excluded2);
152
152
  var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
153
+ offset: 1,
153
154
  targetRef: inputWrapperRef,
154
155
  overlayRef: popoverRef,
155
156
  scrollRef: listBoxRef,
package/lib/cjs/components/MultivaluesField/MultivaluesField.js CHANGED
@@ -151,6 +151,7 @@ var MultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
151
151
  var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
152
152
  isOpen: isOpen,
153
153
  onClose: close,
154
+ offset: 1,
154
155
  overlayRef: popoverRef,
155
156
  placement: "".concat(direction, " end"),
156
157
  scrollRef: listBoxRef,
package/lib/cjs/components/PasswordField/PasswordField.js CHANGED
@@ -102,6 +102,7 @@ var PasswordField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
102
102
  (0, _utils.useLayoutEffect)(onResize, [onResize]);
103
103
  var _useOverlayPosition = (0, _reactAria.useOverlayPosition)({
104
104
  isOpen: true,
105
+ offset: 1,
105
106
  overlayRef: popoverRef,
106
107
  placement: 'bottom end',
107
108
  targetRef: inputRef
package/lib/cjs/components/Radio/Radio.styles.js CHANGED
@@ -34,6 +34,16 @@ var base = {
34
34
  var outerContainer = {
35
35
  '.is-horizontal &': {
36
36
  mr: '15px'
37
+ },
38
+ // unset opacity to not affect the child element (label) opacity
39
+ '&.is-disabled': {
40
+ opacity: 'unset'
41
+ }
42
+ };
43
+ var controlWrapper = {
44
+ // unset opacity to not affect the child element (radio) opacity
45
+ '&.is-disabled': {
46
+ opacity: 'unset'
37
47
  }
38
48
  };
39
49
 
@@ -57,6 +67,7 @@ var checkedContent = {
57
67
  var _default = {
58
68
  base: base,
59
69
  outerContainer: outerContainer,
70
+ controlWrapper: controlWrapper,
60
71
  container: container,
61
72
  checkedContent: checkedContent
62
73
  };
package/lib/cjs/components/RadioField/RadioField.js CHANGED
@@ -83,7 +83,9 @@ var RadioField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
83
83
  variant: "forms.radio.outerContainer"
84
84
  }, fieldContainerProps), (0, _react2.jsx)(_Label["default"], (0, _extends2["default"])({
85
85
  variant: "forms.label.radio"
86
- }, fieldLabelProps), (0, _react2.jsx)(_Box["default"], fieldControlWrapperProps, (0, _react2.jsx)(_Radio["default"], (0, _extends2["default"])({
86
+ }, fieldLabelProps), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({}, fieldControlWrapperProps, {
87
+ variant: "forms.radio.controlWrapper"
88
+ }), (0, _react2.jsx)(_Radio["default"], (0, _extends2["default"])({
87
89
  ref: radioFieldRef
88
90
  }, fieldControlInputProps, {
89
91
  variant: "forms.radio.base"
package/lib/components/ComboBoxField/ComboBoxField.js CHANGED
@@ -140,6 +140,7 @@ var ComboBoxField = /*#__PURE__*/forwardRef(function (props, ref) {
140
140
  shouldSelectOnPressUp = listBoxProps.shouldSelectOnPressUp,
141
141
  otherListBoxProps = _objectWithoutProperties(listBoxProps, _excluded2);
142
142
  var _useOverlayPosition = useOverlayPosition({
143
+ offset: 1,
143
144
  targetRef: inputWrapperRef,
144
145
  overlayRef: popoverRef,
145
146
  scrollRef: listBoxRef,
package/lib/components/MultivaluesField/MultivaluesField.js CHANGED
@@ -140,6 +140,7 @@ var MultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
140
140
  var _useOverlayPosition = useOverlayPosition({
141
141
  isOpen: isOpen,
142
142
  onClose: close,
143
+ offset: 1,
143
144
  overlayRef: popoverRef,
144
145
  placement: "".concat(direction, " end"),
145
146
  scrollRef: listBoxRef,
package/lib/components/PasswordField/PasswordField.js CHANGED
@@ -90,6 +90,7 @@ var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
90
90
  useLayoutEffect(onResize, [onResize]);
91
91
  var _useOverlayPosition = useOverlayPosition({
92
92
  isOpen: true,
93
+ offset: 1,
93
94
  overlayRef: popoverRef,
94
95
  placement: 'bottom end',
95
96
  targetRef: inputRef
package/lib/components/Radio/Radio.styles.js CHANGED
@@ -27,6 +27,16 @@ var base = {
27
27
  var outerContainer = {
28
28
  '.is-horizontal &': {
29
29
  mr: '15px'
30
+ },
31
+ // unset opacity to not affect the child element (label) opacity
32
+ '&.is-disabled': {
33
+ opacity: 'unset'
34
+ }
35
+ };
36
+ var controlWrapper = {
37
+ // unset opacity to not affect the child element (radio) opacity
38
+ '&.is-disabled': {
39
+ opacity: 'unset'
30
40
  }
31
41
  };
32
42
 
@@ -50,6 +60,7 @@ var checkedContent = {
50
60
  export default {
51
61
  base: base,
52
62
  outerContainer: outerContainer,
63
+ controlWrapper: controlWrapper,
53
64
  container: container,
54
65
  checkedContent: checkedContent
55
66
  };
package/lib/components/RadioField/RadioField.js CHANGED
@@ -71,7 +71,9 @@ var RadioField = /*#__PURE__*/forwardRef(function (props, ref) {
71
71
  variant: "forms.radio.outerContainer"
72
72
  }, fieldContainerProps), ___EmotionJSX(Label, _extends({
73
73
  variant: "forms.label.radio"
74
- }, fieldLabelProps), ___EmotionJSX(Box, fieldControlWrapperProps, ___EmotionJSX(Radio, _extends({
74
+ }, fieldLabelProps), ___EmotionJSX(Box, _extends({}, fieldControlWrapperProps, {
75
+ variant: "forms.radio.controlWrapper"
76
+ }), ___EmotionJSX(Radio, _extends({
75
77
  ref: radioFieldRef
76
78
  }, fieldControlInputProps, {
77
79
  variant: "forms.radio.base"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.0.2-alpha.0",
3
+ "version": "2.0.2-alpha.2",
4
4
  "description": "PingUX themeable React component library",
5
5
  "repository": {
6
6
  "type": "git",