@dhis2-ui/select 10.5.1 → 10.7.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 (7) hide show
  1. package/build/cjs/select/input-clear-button.js +5 -5
  2. package/build/cjs/select/input-wrapper.js +5 -5
  3. package/build/cjs/select/menu-wrapper.js +4 -4
  4. package/build/es/select/input-clear-button.js +5 -5
  5. package/build/es/select/input-wrapper.js +5 -5
  6. package/build/es/select/menu-wrapper.js +4 -4
  7. package/package.json +15 -15
package/build/cjs/select/input-clear-button.js CHANGED
@@ -24,22 +24,22 @@ const InputClearButton = _ref => {
24
24
  "data-test": dataTest,
25
25
  onClick: onClear,
26
26
  type: "button",
27
- className: _style.default.dynamic([["2606883952", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]]) + " " + (className || "")
27
+ className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]]) + " " + (className || "")
28
28
  }, /*#__PURE__*/_react.default.createElement("svg", {
29
29
  width: "16",
30
30
  height: "16",
31
31
  viewBox: "0 0 16 16",
32
32
  fill: "none",
33
33
  xmlns: "http://www.w3.org/2000/svg",
34
- className: _style.default.dynamic([["2606883952", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
34
+ className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
35
35
  }, /*#__PURE__*/_react.default.createElement("path", {
36
36
  d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm3.536-5.879a1 1 0 1 1-1.415 1.414l-2.12-2.12-2.122 2.121a1 1 0 1 1-1.415-1.414L6.586 8 4.464 5.878A1 1 0 1 1 5.88 4.464L8 6.586l2.121-2.121a1 1 0 1 1 1.415 1.414L9.415 8l2.12 2.121Z",
37
37
  fill: "none",
38
- className: _style.default.dynamic([["2606883952", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
38
+ className: _style.default.dynamic([["2859518049", [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]]])
39
39
  })), /*#__PURE__*/_react.default.createElement(_style.default, {
40
- id: "2606883952",
40
+ id: "2859518049",
41
41
  dynamic: [_uiConstants.colors.grey500, _uiConstants.colors.grey800, _uiConstants.colors.grey200, _uiConstants.theme.focus]
42
- }, ["button.__jsx-style-dynamic-selector{background:none;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:24px;width:24px;border-radius:3px;}", `button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey500};}`, `button.__jsx-style-dynamic-selector:hover svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey800};}`, `button.__jsx-style-dynamic-selector:hover{background:${_uiConstants.colors.grey200};}`, `button.__jsx-style-dynamic-selector:focus{outline:2px solid ${_uiConstants.theme.focus};}`])));
42
+ }, ["button.__jsx-style-dynamic-selector{background:none;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:24px;width:24px;border-radius:3px;}", "button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey500};}`, `button.__jsx-style-dynamic-selector:hover svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${_uiConstants.colors.grey800};}`, `button.__jsx-style-dynamic-selector:hover{background:${_uiConstants.colors.grey200};}`, `button.__jsx-style-dynamic-selector:focus{outline:2px solid ${_uiConstants.theme.focus};}`])));
43
43
  };
44
44
  exports.InputClearButton = InputClearButton;
45
45
  InputClearButton.propTypes = {
package/build/cjs/select/input-wrapper.js CHANGED
@@ -37,15 +37,15 @@ const InputWrapper = _ref => {
37
37
  tabIndex: tabIndex,
38
38
  ref: inputRef,
39
39
  "data-test": dataTest,
40
- className: _style.default.dynamic([["1568723238", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + (classNames || "")
40
+ className: _style.default.dynamic([["1240267656", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + (classNames || "")
41
41
  }, /*#__PURE__*/_react.default.createElement("div", {
42
- className: _style.default.dynamic([["1568723238", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-children"
42
+ className: _style.default.dynamic([["1240267656", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-children"
43
43
  }, children), /*#__PURE__*/_react.default.createElement("div", {
44
- className: _style.default.dynamic([["1568723238", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-right"
44
+ className: _style.default.dynamic([["1240267656", [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]]]) + " " + "root-right"
45
45
  }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconChevronDown16, null)), /*#__PURE__*/_react.default.createElement(_style.default, {
46
- id: "1568723238",
46
+ id: "1240267656",
47
47
  dynamic: [_uiConstants.colors.grey500, _uiConstants.theme.focus, _uiConstants.theme.focus, _uiConstants.theme.valid, _uiConstants.theme.warning, _uiConstants.theme.error, _uiConstants.colors.grey100, _uiConstants.colors.grey500, _uiConstants.theme.disabled]
48
- }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${_uiConstants.colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding-block:6px;padding-inline:12px;box-shadow:inset 0 0 1px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ${_uiConstants.theme.focus};border-color:${_uiConstants.theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.grey100};border-color:${_uiConstants.colors.grey500};color:${_uiConstants.theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding-block:2px;padding-inline:8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin-block-start:4px;margin-inline-start:8px;}"]));
48
+ }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${_uiConstants.colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding-block:6px;padding-inline:12px 6px;box-shadow:inset 0 0 1px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ${_uiConstants.theme.focus};border-color:${_uiConstants.theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${_uiConstants.theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${_uiConstants.colors.grey100};border-color:${_uiConstants.colors.grey500};color:${_uiConstants.theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding-block:2px;padding-inline:8px 4px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin-block-start:4px;margin-inline-start:2px;}"]));
49
49
  };
50
50
  exports.InputWrapper = InputWrapper;
51
51
  InputWrapper.propTypes = {
package/build/cjs/select/menu-wrapper.js CHANGED
@@ -29,11 +29,11 @@ const MenuWrapper = _ref => {
29
29
  observeReferenceResize: true
30
30
  }, /*#__PURE__*/_react.default.createElement("div", {
31
31
  "data-test": `${dataTest}-menuwrapper`,
32
- className: _style.default.dynamic([["1363246346", [menuWidth, maxHeight, _uiConstants.colors.white, _uiConstants.colors.grey200, _uiConstants.elevations.e300]]])
32
+ className: _style.default.dynamic([["1871652546", [menuWidth, maxHeight, _uiConstants.colors.white, _uiConstants.colors.grey200, _uiConstants.elevations.popover]]])
33
33
  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
34
- id: "1363246346",
35
- dynamic: [menuWidth, maxHeight, _uiConstants.colors.white, _uiConstants.colors.grey200, _uiConstants.elevations.e300]
36
- }, [`div.__jsx-style-dynamic-selector{width:${menuWidth};height:auto;max-height:${maxHeight};overflow:auto;background:${_uiConstants.colors.white};border:1px solid ${_uiConstants.colors.grey200};border-radius:3px;box-shadow:${_uiConstants.elevations.e300};}`]))));
34
+ id: "1871652546",
35
+ dynamic: [menuWidth, maxHeight, _uiConstants.colors.white, _uiConstants.colors.grey200, _uiConstants.elevations.popover]
36
+ }, [`div.__jsx-style-dynamic-selector{width:${menuWidth};height:auto;max-height:${maxHeight};overflow:auto;background:${_uiConstants.colors.white};border:1px solid ${_uiConstants.colors.grey200};border-radius:3px;box-shadow:${_uiConstants.elevations.popover};}`]))));
37
37
  };
38
38
  exports.MenuWrapper = MenuWrapper;
39
39
  MenuWrapper.propTypes = {
package/build/es/select/input-clear-button.js CHANGED
@@ -17,22 +17,22 @@ const InputClearButton = _ref => {
17
17
  "data-test": dataTest,
18
18
  onClick: onClear,
19
19
  type: "button",
20
- className: _JSXStyle.dynamic([["2606883952", [colors.grey500, colors.grey800, colors.grey200, theme.focus]]]) + " " + (className || "")
20
+ className: _JSXStyle.dynamic([["2859518049", [colors.grey500, colors.grey800, colors.grey200, theme.focus]]]) + " " + (className || "")
21
21
  }, /*#__PURE__*/React.createElement("svg", {
22
22
  width: "16",
23
23
  height: "16",
24
24
  viewBox: "0 0 16 16",
25
25
  fill: "none",
26
26
  xmlns: "http://www.w3.org/2000/svg",
27
- className: _JSXStyle.dynamic([["2606883952", [colors.grey500, colors.grey800, colors.grey200, theme.focus]]])
27
+ className: _JSXStyle.dynamic([["2859518049", [colors.grey500, colors.grey800, colors.grey200, theme.focus]]])
28
28
  }, /*#__PURE__*/React.createElement("path", {
29
29
  d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Zm3.536-5.879a1 1 0 1 1-1.415 1.414l-2.12-2.12-2.122 2.121a1 1 0 1 1-1.415-1.414L6.586 8 4.464 5.878A1 1 0 1 1 5.88 4.464L8 6.586l2.121-2.121a1 1 0 1 1 1.415 1.414L9.415 8l2.12 2.121Z",
30
30
  fill: "none",
31
- className: _JSXStyle.dynamic([["2606883952", [colors.grey500, colors.grey800, colors.grey200, theme.focus]]])
31
+ className: _JSXStyle.dynamic([["2859518049", [colors.grey500, colors.grey800, colors.grey200, theme.focus]]])
32
32
  })), /*#__PURE__*/React.createElement(_JSXStyle, {
33
- id: "2606883952",
33
+ id: "2859518049",
34
34
  dynamic: [colors.grey500, colors.grey800, colors.grey200, theme.focus]
35
- }, ["button.__jsx-style-dynamic-selector{background:none;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:24px;width:24px;border-radius:3px;}", `button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${colors.grey500};}`, `button.__jsx-style-dynamic-selector:hover svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${colors.grey800};}`, `button.__jsx-style-dynamic-selector:hover{background:${colors.grey200};}`, `button.__jsx-style-dynamic-selector:focus{outline:2px solid ${theme.focus};}`])));
35
+ }, ["button.__jsx-style-dynamic-selector{background:none;border:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;height:24px;width:24px;border-radius:3px;}", "button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", `button.__jsx-style-dynamic-selector svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${colors.grey500};}`, `button.__jsx-style-dynamic-selector:hover svg.__jsx-style-dynamic-selector path.__jsx-style-dynamic-selector{fill:${colors.grey800};}`, `button.__jsx-style-dynamic-selector:hover{background:${colors.grey200};}`, `button.__jsx-style-dynamic-selector:focus{outline:2px solid ${theme.focus};}`])));
36
36
  };
37
37
  InputClearButton.propTypes = {
38
38
  clearText: PropTypes.string.isRequired,
package/build/es/select/input-wrapper.js CHANGED
@@ -30,15 +30,15 @@ const InputWrapper = _ref => {
30
30
  tabIndex: tabIndex,
31
31
  ref: inputRef,
32
32
  "data-test": dataTest,
33
- className: _JSXStyle.dynamic([["1568723238", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + (classNames || "")
33
+ className: _JSXStyle.dynamic([["1240267656", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + (classNames || "")
34
34
  }, /*#__PURE__*/React.createElement("div", {
35
- className: _JSXStyle.dynamic([["1568723238", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-children"
35
+ className: _JSXStyle.dynamic([["1240267656", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-children"
36
36
  }, children), /*#__PURE__*/React.createElement("div", {
37
- className: _JSXStyle.dynamic([["1568723238", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-right"
37
+ className: _JSXStyle.dynamic([["1240267656", [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]]]) + " " + "root-right"
38
38
  }, /*#__PURE__*/React.createElement(IconChevronDown16, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
39
- id: "1568723238",
39
+ id: "1240267656",
40
40
  dynamic: [colors.grey500, theme.focus, theme.focus, theme.valid, theme.warning, theme.error, colors.grey100, colors.grey500, theme.disabled]
41
- }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding-block:6px;padding-inline:12px;box-shadow:inset 0 0 1px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ${theme.focus};border-color:${theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${colors.grey100};border-color:${colors.grey500};color:${theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding-block:2px;padding-inline:8px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin-block-start:4px;margin-inline-start:8px;}"]));
41
+ }, [`.root.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:white;border-radius:3px;border:1px solid ${colors.grey500};box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:40px;padding-block:6px;padding-inline:12px 6px;box-shadow:inset 0 0 1px 0 rgba(48,54,60,0.1);}`, `.root.__jsx-style-dynamic-selector:not(.disabled):focus,.root.__jsx-style-dynamic-selector:not(.disabled):active{outline:none;box-shadow:inset 0 0 0 2px ${theme.focus};border-color:${theme.focus};}`, `.root.valid.__jsx-style-dynamic-selector{border-color:${theme.valid};}`, `.root.warning.__jsx-style-dynamic-selector{border-color:${theme.warning};}`, `.root.error.__jsx-style-dynamic-selector{border-color:${theme.error};}`, `.root.disabled.__jsx-style-dynamic-selector{background-color:${colors.grey100};border-color:${colors.grey500};color:${theme.disabled};cursor:not-allowed;}`, ".root.dense.__jsx-style-dynamic-selector{padding-block:2px;padding-inline:8px 4px;min-height:32px;}", ".root-children.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".root-right.__jsx-style-dynamic-selector{margin-block-start:4px;margin-inline-start:2px;}"]));
42
42
  };
43
43
  InputWrapper.propTypes = {
44
44
  dataTest: PropTypes.string.isRequired,
package/build/es/select/menu-wrapper.js CHANGED
@@ -22,11 +22,11 @@ const MenuWrapper = _ref => {
22
22
  observeReferenceResize: true
23
23
  }, /*#__PURE__*/React.createElement("div", {
24
24
  "data-test": `${dataTest}-menuwrapper`,
25
- className: _JSXStyle.dynamic([["1363246346", [menuWidth, maxHeight, colors.white, colors.grey200, elevations.e300]]])
25
+ className: _JSXStyle.dynamic([["1871652546", [menuWidth, maxHeight, colors.white, colors.grey200, elevations.popover]]])
26
26
  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
27
- id: "1363246346",
28
- dynamic: [menuWidth, maxHeight, colors.white, colors.grey200, elevations.e300]
29
- }, [`div.__jsx-style-dynamic-selector{width:${menuWidth};height:auto;max-height:${maxHeight};overflow:auto;background:${colors.white};border:1px solid ${colors.grey200};border-radius:3px;box-shadow:${elevations.e300};}`]))));
27
+ id: "1871652546",
28
+ dynamic: [menuWidth, maxHeight, colors.white, colors.grey200, elevations.popover]
29
+ }, [`div.__jsx-style-dynamic-selector{width:${menuWidth};height:auto;max-height:${maxHeight};overflow:auto;background:${colors.white};border:1px solid ${colors.grey200};border-radius:3px;box-shadow:${elevations.popover};}`]))));
30
30
  };
31
31
  MenuWrapper.propTypes = {
32
32
  dataTest: PropTypes.string.isRequired,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/select",
3
- "version": "10.5.1",
3
+ "version": "10.7.0",
4
4
  "description": "UI Select",
5
5
  "repository": {
6
6
  "type": "git",
@@ -33,21 +33,21 @@
33
33
  "styled-jsx": "^4"
34
34
  },
35
35
  "dependencies": {
36
- "@dhis2-ui/box": "10.5.1",
37
- "@dhis2-ui/button": "10.5.1",
38
- "@dhis2-ui/card": "10.5.1",
39
- "@dhis2-ui/checkbox": "10.5.1",
40
- "@dhis2-ui/chip": "10.5.1",
41
- "@dhis2-ui/field": "10.5.1",
42
- "@dhis2-ui/input": "10.5.1",
43
- "@dhis2-ui/layer": "10.5.1",
44
- "@dhis2-ui/loader": "10.5.1",
45
- "@dhis2-ui/popper": "10.5.1",
46
- "@dhis2-ui/status-icon": "10.5.1",
47
- "@dhis2-ui/tooltip": "10.5.1",
36
+ "@dhis2-ui/box": "10.7.0",
37
+ "@dhis2-ui/button": "10.7.0",
38
+ "@dhis2-ui/card": "10.7.0",
39
+ "@dhis2-ui/checkbox": "10.7.0",
40
+ "@dhis2-ui/chip": "10.7.0",
41
+ "@dhis2-ui/field": "10.7.0",
42
+ "@dhis2-ui/input": "10.7.0",
43
+ "@dhis2-ui/layer": "10.7.0",
44
+ "@dhis2-ui/loader": "10.7.0",
45
+ "@dhis2-ui/popper": "10.7.0",
46
+ "@dhis2-ui/status-icon": "10.7.0",
47
+ "@dhis2-ui/tooltip": "10.7.0",
48
48
  "@dhis2/prop-types": "^3.1.2",
49
- "@dhis2/ui-constants": "10.5.1",
50
- "@dhis2/ui-icons": "10.5.1",
49
+ "@dhis2/ui-constants": "10.7.0",
50
+ "@dhis2/ui-icons": "10.7.0",
51
51
  "classnames": "^2.3.1",
52
52
  "prop-types": "^15.7.2"
53
53
  },