@dhis2-ui/checkbox 6.23.5 → 7.0.0

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 (3) hide show
  1. package/build/cjs/checkbox/checkbox.js +6 -6
  2. package/build/es/checkbox/checkbox.js +6 -6
  3. package/package.json +6 -6
package/build/cjs/checkbox/checkbox.js CHANGED
@@ -104,7 +104,7 @@ class Checkbox extends _react.Component {
104
104
  });
105
105
  return /*#__PURE__*/_react.default.createElement("label", {
106
106
  "data-test": dataTest,
107
- className: _style.default.dynamic([["1847449899", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.colors.blue600]]]) + " " + ((0, _classnames.default)(className, {
107
+ className: _style.default.dynamic([["3850614850", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)(className, {
108
108
  disabled,
109
109
  dense
110
110
  }) || "")
@@ -119,9 +119,9 @@ class Checkbox extends _react.Component {
119
119
  onChange: this.handleChange,
120
120
  onFocus: this.handleFocus,
121
121
  onBlur: this.handleBlur,
122
- className: _style.default.dynamic([["1847449899", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.colors.blue600]]])
122
+ className: _style.default.dynamic([["3850614850", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]])
123
123
  }), /*#__PURE__*/_react.default.createElement("div", {
124
- className: _style.default.dynamic([["1847449899", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.colors.blue600]]]) + " " + ((0, _classnames.default)('icon', {
124
+ className: _style.default.dynamic([["3850614850", [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]]]) + " " + ((0, _classnames.default)('icon', {
125
125
  dense
126
126
  }) || "")
127
127
  }, dense ? /*#__PURE__*/_react.default.createElement(_checkboxIcon.CheckboxDense, {
@@ -129,9 +129,9 @@ class Checkbox extends _react.Component {
129
129
  }) : /*#__PURE__*/_react.default.createElement(_checkboxIcon.CheckboxRegular, {
130
130
  className: classes
131
131
  })), label, /*#__PURE__*/_react.default.createElement(_style.default, {
132
- id: "1847449899",
133
- dynamic: [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.colors.blue600]
134
- }, [`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;cursor:pointer;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:5px;border:2px solid transparent;padding:1px;border-radius:5px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:4px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{border-color:${_uiConstants.colors.blue600};}`]));
132
+ id: "3850614850",
133
+ dynamic: [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]
134
+ }, [`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;cursor:pointer;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:5px;border:2px solid transparent;padding:1px;border-radius:5px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:4px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ${_uiConstants.theme.focus};outline-offset:-1px;}`]));
135
135
  }
136
136
 
137
137
  }
package/build/es/checkbox/checkbox.js CHANGED
@@ -86,7 +86,7 @@ class Checkbox extends Component {
86
86
  });
87
87
  return /*#__PURE__*/React.createElement("label", {
88
88
  "data-test": dataTest,
89
- className: _JSXStyle.dynamic([["1847449899", [colors.grey900, theme.disabled, colors.blue600]]]) + " " + (cx(className, {
89
+ className: _JSXStyle.dynamic([["3850614850", [colors.grey900, theme.disabled, theme.focus]]]) + " " + (cx(className, {
90
90
  disabled,
91
91
  dense
92
92
  }) || "")
@@ -101,9 +101,9 @@ class Checkbox extends Component {
101
101
  onChange: this.handleChange,
102
102
  onFocus: this.handleFocus,
103
103
  onBlur: this.handleBlur,
104
- className: _JSXStyle.dynamic([["1847449899", [colors.grey900, theme.disabled, colors.blue600]]])
104
+ className: _JSXStyle.dynamic([["3850614850", [colors.grey900, theme.disabled, theme.focus]]])
105
105
  }), /*#__PURE__*/React.createElement("div", {
106
- className: _JSXStyle.dynamic([["1847449899", [colors.grey900, theme.disabled, colors.blue600]]]) + " " + (cx('icon', {
106
+ className: _JSXStyle.dynamic([["3850614850", [colors.grey900, theme.disabled, theme.focus]]]) + " " + (cx('icon', {
107
107
  dense
108
108
  }) || "")
109
109
  }, dense ? /*#__PURE__*/React.createElement(CheckboxDense, {
@@ -111,9 +111,9 @@ class Checkbox extends Component {
111
111
  }) : /*#__PURE__*/React.createElement(CheckboxRegular, {
112
112
  className: classes
113
113
  })), label, /*#__PURE__*/React.createElement(_JSXStyle, {
114
- id: "1847449899",
115
- dynamic: [colors.grey900, theme.disabled, colors.blue600]
116
- }, [`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;cursor:pointer;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:5px;border:2px solid transparent;padding:1px;border-radius:5px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:4px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{border-color:${colors.blue600};}`]));
114
+ id: "3850614850",
115
+ dynamic: [colors.grey900, theme.disabled, theme.focus]
116
+ }, [`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;cursor:pointer;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:5px;border:2px solid transparent;padding:1px;border-radius:5px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:4px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ${theme.focus};outline-offset:-1px;}`]));
117
117
  }
118
118
 
119
119
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/checkbox",
3
- "version": "6.23.5",
3
+ "version": "7.0.0",
4
4
  "description": "UI Checkbox",
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,13 +28,13 @@
28
28
  "peerDependencies": {
29
29
  "react": "^16.8",
30
30
  "react-dom": "^16.8",
31
- "styled-jsx": "^3.2"
31
+ "styled-jsx": "^4"
32
32
  },
33
33
  "dependencies": {
34
- "@dhis2-ui/field": "6.23.5",
35
- "@dhis2-ui/required": "6.23.5",
34
+ "@dhis2-ui/field": "7.0.0",
35
+ "@dhis2-ui/required": "7.0.0",
36
36
  "@dhis2/prop-types": "^1.6.4",
37
- "@dhis2/ui-constants": "6.23.5",
37
+ "@dhis2/ui-constants": "7.0.0",
38
38
  "classnames": "^2.3.1",
39
39
  "prop-types": "^15.7.2"
40
40
  },
@@ -44,6 +44,6 @@
44
44
  "devDependencies": {
45
45
  "react": "16.13",
46
46
  "react-dom": "16.13",
47
- "styled-jsx": "^3.4.4"
47
+ "styled-jsx": "^4.0.1"
48
48
  }
49
49
  }