@dhis2-ui/radio 7.10.3 → 7.11.1

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.
@@ -88,7 +88,7 @@ class Radio extends _react.Component {
88
88
  });
89
89
  return /*#__PURE__*/_react.default.createElement("label", {
90
90
  "data-test": dataTest,
91
- className: _style.default.dynamic([["2233367747", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, label ? '5px' : 0, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)(className, {
91
+ className: _style.default.dynamic([["2846929804", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, label ? '5px' : 0, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)(className, {
92
92
  disabled,
93
93
  dense
94
94
  }) || "")
@@ -103,9 +103,9 @@ class Radio extends _react.Component {
103
103
  onChange: this.handleChange,
104
104
  onFocus: this.handleFocus,
105
105
  onBlur: this.handleBlur,
106
- className: _style.default.dynamic([["2233367747", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, label ? '5px' : 0, _uiConstants.theme.focus]]])
106
+ className: _style.default.dynamic([["2846929804", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, label ? '5px' : 0, _uiConstants.theme.focus]]])
107
107
  }), /*#__PURE__*/_react.default.createElement("div", {
108
- className: _style.default.dynamic([["2233367747", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, label ? '5px' : 0, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)('icon', {
108
+ className: _style.default.dynamic([["2846929804", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, label ? '5px' : 0, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)('icon', {
109
109
  dense
110
110
  }) || "")
111
111
  }, dense ? /*#__PURE__*/_react.default.createElement(_radioIcons.RadioDense, {
@@ -113,9 +113,9 @@ class Radio extends _react.Component {
113
113
  }) : /*#__PURE__*/_react.default.createElement(_radioIcons.RadioRegular, {
114
114
  className: classes
115
115
  })), label, /*#__PURE__*/_react.default.createElement(_style.default, {
116
- id: "2233367747",
116
+ id: "2846929804",
117
117
  dynamic: [_uiConstants.colors.grey900, _uiConstants.theme.disabled, label ? '5px' : 0, _uiConstants.theme.focus]
118
- }, [`label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:${_uiConstants.colors.grey900};font-size:16px;line-height:20px;}`, "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", `label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:${_uiConstants.theme.disabled};}`, "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:18px;left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:14px;}", `.icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:${label ? '5px' : 0};border:2px solid transparent;padding:1px;border-radius:50%;}`, "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ${_uiConstants.theme.focus};outline-offset:-1px;}`]));
118
+ }, [`label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:${_uiConstants.colors.grey900};font-size:16px;line-height:20px;}`, "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", `label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:${_uiConstants.theme.disabled};}`, "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:18px;left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:14px;}", `.icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:${label ? '5px' : 0};border:2px solid transparent;padding:1px;border-radius:50%;}`, "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ${_uiConstants.theme.focus};outline-offset:-3px;}`]));
119
119
  }
120
120
 
121
121
  }
package/build/es/radio.js CHANGED
@@ -71,7 +71,7 @@ class Radio extends Component {
71
71
  });
72
72
  return /*#__PURE__*/React.createElement("label", {
73
73
  "data-test": dataTest,
74
- className: _JSXStyle.dynamic([["2233367747", [colors.grey900, theme.disabled, label ? '5px' : 0, theme.focus]]]) + " " + (cx(className, {
74
+ className: _JSXStyle.dynamic([["2846929804", [colors.grey900, theme.disabled, label ? '5px' : 0, theme.focus]]]) + " " + (cx(className, {
75
75
  disabled,
76
76
  dense
77
77
  }) || "")
@@ -86,9 +86,9 @@ class Radio extends Component {
86
86
  onChange: this.handleChange,
87
87
  onFocus: this.handleFocus,
88
88
  onBlur: this.handleBlur,
89
- className: _JSXStyle.dynamic([["2233367747", [colors.grey900, theme.disabled, label ? '5px' : 0, theme.focus]]])
89
+ className: _JSXStyle.dynamic([["2846929804", [colors.grey900, theme.disabled, label ? '5px' : 0, theme.focus]]])
90
90
  }), /*#__PURE__*/React.createElement("div", {
91
- className: _JSXStyle.dynamic([["2233367747", [colors.grey900, theme.disabled, label ? '5px' : 0, theme.focus]]]) + " " + (cx('icon', {
91
+ className: _JSXStyle.dynamic([["2846929804", [colors.grey900, theme.disabled, label ? '5px' : 0, theme.focus]]]) + " " + (cx('icon', {
92
92
  dense
93
93
  }) || "")
94
94
  }, dense ? /*#__PURE__*/React.createElement(RadioDense, {
@@ -96,9 +96,9 @@ class Radio extends Component {
96
96
  }) : /*#__PURE__*/React.createElement(RadioRegular, {
97
97
  className: classes
98
98
  })), label, /*#__PURE__*/React.createElement(_JSXStyle, {
99
- id: "2233367747",
99
+ id: "2846929804",
100
100
  dynamic: [colors.grey900, theme.disabled, label ? '5px' : 0, theme.focus]
101
- }, [`label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:${colors.grey900};font-size:16px;line-height:20px;}`, "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", `label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:${theme.disabled};}`, "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:18px;left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:14px;}", `.icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:${label ? '5px' : 0};border:2px solid transparent;padding:1px;border-radius:50%;}`, "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ${theme.focus};outline-offset:-1px;}`]));
101
+ }, [`label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:${colors.grey900};font-size:16px;line-height:20px;}`, "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", `label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:${theme.disabled};}`, "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:18px;left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:14px;}", `.icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:${label ? '5px' : 0};border:2px solid transparent;padding:1px;border-radius:50%;}`, "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ${theme.focus};outline-offset:-3px;}`]));
102
102
  }
103
103
 
104
104
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/radio",
3
- "version": "7.10.3",
3
+ "version": "7.11.1",
4
4
  "description": "UI Radio",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,7 +32,7 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@dhis2/prop-types": "^3.0.0-beta.1",
35
- "@dhis2/ui-constants": "7.10.3",
35
+ "@dhis2/ui-constants": "7.11.1",
36
36
  "classnames": "^2.3.1",
37
37
  "prop-types": "^15.7.2"
38
38
  },