@dhis2-ui/switch 8.6.4 → 8.7.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.
@@ -97,7 +97,7 @@ class Switch extends _react.Component {
97
97
  });
98
98
  return /*#__PURE__*/_react.default.createElement("label", {
99
99
  "data-test": dataTest,
100
- className: _style.default.dynamic([["3592976892", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)(className, {
100
+ className: _style.default.dynamic([["3097670863", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)(className, {
101
101
  disabled,
102
102
  dense
103
103
  }) || "")
@@ -115,17 +115,17 @@ class Switch extends _react.Component {
115
115
  onFocus: this.handleFocus,
116
116
  onKeyDown: this.handleKeyDown,
117
117
  onBlur: this.handleBlur,
118
- className: _style.default.dynamic([["3592976892", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]])
118
+ className: _style.default.dynamic([["3097670863", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]])
119
119
  }), /*#__PURE__*/_react.default.createElement("div", {
120
- className: _style.default.dynamic([["3592976892", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)('icon', {
120
+ className: _style.default.dynamic([["3097670863", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)('icon', {
121
121
  dense
122
122
  }) || "")
123
123
  }, /*#__PURE__*/_react.default.createElement(_switchIcons.SwitchRegular, {
124
124
  className: classes
125
125
  })), label, /*#__PURE__*/_react.default.createElement(_style.default, {
126
- id: "3592976892",
126
+ id: "3097670863",
127
127
  dynamic: [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]
128
- }, ["label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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:".concat(_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:".concat(_uiConstants.theme.disabled, ";}"), "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:35px;margin-left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:27px;}", ".icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:5px;border:2px solid transparent;padding:1px;border-radius:14px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:12px;}", "input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ".concat(_uiConstants.theme.focus, ";outline-offset:-3px;}")]));
128
+ }, ["label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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:".concat(_uiConstants.colors.grey900, ";font-size:14px;line-height:19px;}"), "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", "label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:".concat(_uiConstants.theme.disabled, ";}"), "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:35px;margin-left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:27px;}", ".icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:5px;border:2px solid transparent;padding:1px;border-radius:14px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:12px;}", "input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ".concat(_uiConstants.theme.focus, ";outline-offset:-3px;}")]));
129
129
  }
130
130
 
131
131
  }
@@ -80,7 +80,7 @@ class Switch extends Component {
80
80
  });
81
81
  return /*#__PURE__*/React.createElement("label", {
82
82
  "data-test": dataTest,
83
- className: _JSXStyle.dynamic([["3592976892", [colors.grey900, theme.disabled, theme.focus]]]) + " " + (cx(className, {
83
+ className: _JSXStyle.dynamic([["3097670863", [colors.grey900, theme.disabled, theme.focus]]]) + " " + (cx(className, {
84
84
  disabled,
85
85
  dense
86
86
  }) || "")
@@ -98,17 +98,17 @@ class Switch extends Component {
98
98
  onFocus: this.handleFocus,
99
99
  onKeyDown: this.handleKeyDown,
100
100
  onBlur: this.handleBlur,
101
- className: _JSXStyle.dynamic([["3592976892", [colors.grey900, theme.disabled, theme.focus]]])
101
+ className: _JSXStyle.dynamic([["3097670863", [colors.grey900, theme.disabled, theme.focus]]])
102
102
  }), /*#__PURE__*/React.createElement("div", {
103
- className: _JSXStyle.dynamic([["3592976892", [colors.grey900, theme.disabled, theme.focus]]]) + " " + (cx('icon', {
103
+ className: _JSXStyle.dynamic([["3097670863", [colors.grey900, theme.disabled, theme.focus]]]) + " " + (cx('icon', {
104
104
  dense
105
105
  }) || "")
106
106
  }, /*#__PURE__*/React.createElement(SwitchRegular, {
107
107
  className: classes
108
108
  })), label, /*#__PURE__*/React.createElement(_JSXStyle, {
109
- id: "3592976892",
109
+ id: "3097670863",
110
110
  dynamic: [colors.grey900, theme.disabled, theme.focus]
111
- }, ["label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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:".concat(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:".concat(theme.disabled, ";}"), "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:35px;margin-left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:27px;}", ".icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:5px;border:2px solid transparent;padding:1px;border-radius:14px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:12px;}", "input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ".concat(theme.focus, ";outline-offset:-3px;}")]));
111
+ }, ["label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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:".concat(colors.grey900, ";font-size:14px;line-height:19px;}"), "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", "label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:".concat(theme.disabled, ";}"), "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:35px;margin-left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:27px;}", ".icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:5px;border:2px solid transparent;padding:1px;border-radius:14px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:12px;}", "input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ".concat(theme.focus, ";outline-offset:-3px;}")]));
112
112
  }
113
113
 
114
114
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/switch",
3
- "version": "8.6.4",
3
+ "version": "8.7.1",
4
4
  "description": "UI Switch",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,9 +32,9 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@dhis2/prop-types": "^3.1.2",
35
- "@dhis2-ui/field": "8.6.4",
36
- "@dhis2-ui/required": "8.6.4",
37
- "@dhis2/ui-constants": "8.6.4",
35
+ "@dhis2-ui/field": "8.7.1",
36
+ "@dhis2-ui/required": "8.7.1",
37
+ "@dhis2/ui-constants": "8.7.1",
38
38
  "classnames": "^2.3.1",
39
39
  "prop-types": "^15.7.2"
40
40
  },