@dhis2-ui/node 8.7.6 → 8.8.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.
@@ -19,10 +19,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
19
19
 
20
20
  const ArrowDown = () => /*#__PURE__*/_react.default.createElement("svg", {
21
21
  xmlns: "http://www.w3.org/2000/svg",
22
- viewBox: "0 0 48 48",
22
+ viewBox: "0 0 24 24",
23
23
  className: "jsx-2769585603"
24
24
  }, /*#__PURE__*/_react.default.createElement("path", {
25
- d: "M14 20l10 10 10-10z",
25
+ d: "M15.7041 10.3329L12.1495 14.3318C12.0699 14.4213 11.9301 14.4213 11.8505 14.3318L8.29589 10.3329C8.18124 10.2039 8.2728 10 8.44537 10H15.5546C15.7272 10 15.8188 10.2039 15.7041 10.3329Z",
26
26
  className: "jsx-2769585603"
27
27
  }), /*#__PURE__*/_react.default.createElement(_style.default, {
28
28
  id: "2769585603"
@@ -41,15 +41,15 @@ const Toggle = _ref => {
41
41
  onClick: event => onClick && onClick({
42
42
  open: !open
43
43
  }, event),
44
- className: _style.default.dynamic([["486382662", [_uiConstants.colors.grey400, _uiConstants.colors.grey700]]]) + " " + ((0, _classnames.default)({
44
+ className: _style.default.dynamic([["1793048903", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]]) + " " + ((0, _classnames.default)({
45
45
  open
46
46
  }) || "")
47
47
  }, /*#__PURE__*/_react.default.createElement("span", {
48
- className: _style.default.dynamic([["486382662", [_uiConstants.colors.grey400, _uiConstants.colors.grey700]]])
48
+ className: _style.default.dynamic([["1793048903", [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]]])
49
49
  }, /*#__PURE__*/_react.default.createElement(ArrowDown, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
50
- id: "486382662",
51
- dynamic: [_uiConstants.colors.grey400, _uiConstants.colors.grey700]
52
- }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", "div.__jsx-style-dynamic-selector:after{background:".concat(_uiConstants.colors.grey400, ";height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}"), ".open.__jsx-style-dynamic-selector:after{content:'';}", "span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:".concat(_uiConstants.colors.grey700, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}"]));
50
+ id: "1793048903",
51
+ dynamic: [_uiConstants.colors.grey400, _uiConstants.colors.grey900, _uiConstants.colors.grey100]
52
+ }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", "div.__jsx-style-dynamic-selector:after{background:".concat(_uiConstants.colors.grey400, ";height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}"), ".open.__jsx-style-dynamic-selector:after{content:'';}", "span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:".concat(_uiConstants.colors.grey900, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 0.1s ease-out;-webkit-transition:transform 0.1s ease-out;transition:transform 0.1s ease-out;}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", "div.__jsx-style-dynamic-selector:hover{cursor:pointer;border-radius:3px;background:".concat(_uiConstants.colors.grey100, ";}"), "div.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:after{background:#bcc8d4;}"]));
53
53
  };
54
54
 
55
55
  exports.Toggle = Toggle;
@@ -6,10 +6,10 @@ import React from 'react';
6
6
 
7
7
  const ArrowDown = () => /*#__PURE__*/React.createElement("svg", {
8
8
  xmlns: "http://www.w3.org/2000/svg",
9
- viewBox: "0 0 48 48",
9
+ viewBox: "0 0 24 24",
10
10
  className: "jsx-2769585603"
11
11
  }, /*#__PURE__*/React.createElement("path", {
12
- d: "M14 20l10 10 10-10z",
12
+ d: "M15.7041 10.3329L12.1495 14.3318C12.0699 14.4213 11.9301 14.4213 11.8505 14.3318L8.29589 10.3329C8.18124 10.2039 8.2728 10 8.44537 10H15.5546C15.7272 10 15.8188 10.2039 15.7041 10.3329Z",
13
13
  className: "jsx-2769585603"
14
14
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
15
15
  id: "2769585603"
@@ -28,15 +28,15 @@ export const Toggle = _ref => {
28
28
  onClick: event => onClick && onClick({
29
29
  open: !open
30
30
  }, event),
31
- className: _JSXStyle.dynamic([["486382662", [colors.grey400, colors.grey700]]]) + " " + (cx({
31
+ className: _JSXStyle.dynamic([["1793048903", [colors.grey400, colors.grey900, colors.grey100]]]) + " " + (cx({
32
32
  open
33
33
  }) || "")
34
34
  }, /*#__PURE__*/React.createElement("span", {
35
- className: _JSXStyle.dynamic([["486382662", [colors.grey400, colors.grey700]]])
35
+ className: _JSXStyle.dynamic([["1793048903", [colors.grey400, colors.grey900, colors.grey100]]])
36
36
  }, /*#__PURE__*/React.createElement(ArrowDown, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
37
- id: "486382662",
38
- dynamic: [colors.grey400, colors.grey700]
39
- }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", "div.__jsx-style-dynamic-selector:after{background:".concat(colors.grey400, ";height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}"), ".open.__jsx-style-dynamic-selector:after{content:'';}", "span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:".concat(colors.grey700, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}"]));
37
+ id: "1793048903",
38
+ dynamic: [colors.grey400, colors.grey900, colors.grey100]
39
+ }, ["div.__jsx-style-dynamic-selector{width:24px;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", "div.__jsx-style-dynamic-selector:after{background:".concat(colors.grey400, ";height:calc(100% - 24px);left:12px;position:absolute;top:15px;width:1px;z-index:1;}"), ".open.__jsx-style-dynamic-selector:after{content:'';}", "span.__jsx-style-dynamic-selector{display:block;position:relative;z-index:2;fill:".concat(colors.grey900, ";}"), "div.__jsx-style-dynamic-selector svg{vertical-align:top;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 0.1s ease-out;-webkit-transition:transform 0.1s ease-out;transition:transform 0.1s ease-out;}", ".open.__jsx-style-dynamic-selector svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}", "div.__jsx-style-dynamic-selector:hover{cursor:pointer;border-radius:3px;background:".concat(colors.grey100, ";}"), "div.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:after{background:#bcc8d4;}"]));
40
40
  };
41
41
  Toggle.propTypes = {
42
42
  dataTest: PropTypes.string.isRequired,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/node",
3
- "version": "8.7.6",
3
+ "version": "8.8.0",
4
4
  "description": "UI Node",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,8 +32,8 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@dhis2/prop-types": "^3.1.2",
35
- "@dhis2-ui/loader": "8.7.6",
36
- "@dhis2/ui-constants": "8.7.6",
35
+ "@dhis2-ui/loader": "8.8.0",
36
+ "@dhis2/ui-constants": "8.8.0",
37
37
  "classnames": "^2.3.1",
38
38
  "prop-types": "^15.7.2"
39
39
  },