@dhis2-ui/button 7.10.4 → 7.10.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/build/cjs/button/button.styles.js +2 -2
  2. package/build/cjs/split-button/split-button.js +3 -3
  3. package/build/es/button/button.styles.js +2 -2
  4. package/build/es/split-button/split-button.js +3 -3
  5. package/package.json +6 -6
package/build/cjs/button/button.styles.js CHANGED
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
 
8
8
  var _uiConstants = require("@dhis2/ui-constants");
9
9
 
10
- const _defaultExport = [`button.jsx-3174321238{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${_uiConstants.colors.grey900};height:36px;padding:0 ${_uiConstants.spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${_uiConstants.colors.grey500};background-color:#f9fafb;}`, "button.jsx-3174321238:disabled{cursor:not-allowed;}", `button.jsx-3174321238:focus{outline:3px solid ${_uiConstants.theme.focus};outline-offset:2px;-webkit-transition:none;transition:none;}`, "button.jsx-3174321238:active.jsx-3174321238:focus,button.jsx-3174321238:disabled.jsx-3174321238:focus{outline:none;}", `button.jsx-3174321238:hover{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};}`, `button.jsx-3174321238:active,button.jsx-3174321238:active.jsx-3174321238:focus{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-3174321238:focus{background-color:#f9fafb;}", `button.jsx-3174321238:disabled{border-color:${_uiConstants.colors.grey400};background-color:#f9fafb;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, ".small.jsx-3174321238{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-3174321238{height:43px;padding:0 ${_uiConstants.spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-3174321238{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, `.primary.jsx-3174321238:hover{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, ".primary.jsx-3174321238:active,.primary.jsx-3174321238:active.jsx-3174321238:focus{background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".primary.jsx-3174321238:focus{background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#285dac;}", `.primary.jsx-3174321238:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, ".secondary.jsx-3174321238{border-color:rgba(74,87,104,0.25);background-color:transparent;}", ".secondary.jsx-3174321238:hover{border-color:rgba(74,87,104,0.5);background-color:rgba(160,173,186,0.05);}", ".secondary.jsx-3174321238:active,.secondary.jsx-3174321238:active.jsx-3174321238:focus{background-color:rgba(160,173,186,0.2);box-shadow:none;}", ".secondary.jsx-3174321238:focus{background-color:transparent;}", `.secondary.jsx-3174321238:disabled{border-color:rgba(74,87,104,0.25);background-color:transparent;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, `.destructive.jsx-3174321238{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, ".destructive.jsx-3174321238:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-3174321238:active,.destructive.jsx-3174321238:active.jsx-3174321238:focus{background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-3174321238:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", `.destructive.jsx-3174321238:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, ".icon-only.jsx-3174321238{padding:0 0 0 5px;}", ".button-icon.jsx-3174321238{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-3174321238 .button-icon.jsx-3174321238{margin-right:5px;}", ".small.icon-only.jsx-3174321238{padding:0 0 0 1px;}", ".small.jsx-3174321238 .button-icon.jsx-3174321238{margin-right:2px;}", ".small.icon-only.jsx-3174321238 .button-icon.jsx-3174321238{margin-right:1px;}", `.toggled.jsx-3174321238{background:${_uiConstants.colors.grey700};border:1px solid ${_uiConstants.colors.grey900};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, `.toggled.jsx-3174321238:focus{background:${_uiConstants.colors.grey800};}`, `.toggled.jsx-3174321238:hover{background:${_uiConstants.colors.grey800};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-3174321238:active,.toggled.jsx-3174321238:active.jsx-3174321238:focus{background:${_uiConstants.colors.grey900};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-3174321238:disabled{background:${_uiConstants.colors.grey500};border-color:${_uiConstants.colors.grey600};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, ".loader.jsx-3174321238{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-3174321238+.button-icon.jsx-3174321238{display:none;}", ".icon-only.jsx-3174321238 .loader.jsx-3174321238{margin:0 8px 0 4px;}", ".small.icon-only.jsx-3174321238 .loader.jsx-3174321238{margin:0 4px;}"];
11
- _defaultExport.__hash = "3174321238";
10
+ const _defaultExport = [`button.jsx-1253874599{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${_uiConstants.colors.grey900};height:36px;padding:0 ${_uiConstants.spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${_uiConstants.colors.grey500};background-color:#f9fafb;}`, "button.jsx-1253874599:disabled{cursor:not-allowed;}", `button.jsx-1253874599:focus{outline:3px solid ${_uiConstants.theme.focus};outline-offset:-3px;-webkit-transition:none;transition:none;-webkit-text-decoration:underline;text-decoration:underline;}`, "button.jsx-1253874599:focus.jsx-1253874599:not(:focus-visible){outline:none;-webkit-text-decoration:none;text-decoration:none;}", "button.jsx-1253874599:active.jsx-1253874599:focus,button.jsx-1253874599:disabled.jsx-1253874599:focus{outline:none;-webkit-text-decoration:none;text-decoration:none;}", `button.jsx-1253874599:hover{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};}`, `button.jsx-1253874599:active,button.jsx-1253874599:active.jsx-1253874599:focus{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-1253874599:focus{background-color:#f9fafb;}", `button.jsx-1253874599:disabled{border-color:${_uiConstants.colors.grey400};background-color:#f9fafb;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, ".small.jsx-1253874599{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-1253874599{height:43px;padding:0 ${_uiConstants.spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-1253874599{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, `.primary.jsx-1253874599:hover{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, ".primary.jsx-1253874599:active,.primary.jsx-1253874599:active.jsx-1253874599:focus{background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", `.primary.jsx-1253874599:focus{background:${_uiConstants.colors.blue800};border-color:${_uiConstants.colors.blue900};outline-offset:-5px;}`, `.primary.jsx-1253874599:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, ".secondary.jsx-1253874599{border-color:rgba(74,87,104,0.25);background-color:transparent;}", ".secondary.jsx-1253874599:hover{border-color:rgba(74,87,104,0.5);background-color:rgba(160,173,186,0.05);}", ".secondary.jsx-1253874599:active,.secondary.jsx-1253874599:active.jsx-1253874599:focus{background-color:rgba(160,173,186,0.2);box-shadow:none;}", ".secondary.jsx-1253874599:focus{background-color:transparent;}", `.secondary.jsx-1253874599:disabled{border-color:rgba(74,87,104,0.25);background-color:transparent;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, `.destructive.jsx-1253874599{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, ".destructive.jsx-1253874599:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-1253874599:active,.destructive.jsx-1253874599:active.jsx-1253874599:focus{background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-1253874599:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", `.destructive.jsx-1253874599:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, ".icon-only.jsx-1253874599{padding:0 0 0 5px;}", ".button-icon.jsx-1253874599{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-1253874599 .button-icon.jsx-1253874599{margin-right:5px;}", ".small.icon-only.jsx-1253874599{padding:0 0 0 1px;}", ".small.jsx-1253874599 .button-icon.jsx-1253874599{margin-right:2px;}", ".small.icon-only.jsx-1253874599 .button-icon.jsx-1253874599{margin-right:1px;}", `.toggled.jsx-1253874599{background:${_uiConstants.colors.grey700};border:1px solid ${_uiConstants.colors.grey900};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, `.toggled.jsx-1253874599:focus{background:${_uiConstants.colors.grey800};}`, `.toggled.jsx-1253874599:hover{background:${_uiConstants.colors.grey800};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-1253874599:active,.toggled.jsx-1253874599:active.jsx-1253874599:focus{background:${_uiConstants.colors.grey900};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-1253874599:disabled{background:${_uiConstants.colors.grey500};border-color:${_uiConstants.colors.grey600};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, ".loader.jsx-1253874599{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-1253874599+.button-icon.jsx-1253874599{display:none;}", ".icon-only.jsx-1253874599 .loader.jsx-1253874599{margin:0 8px 0 4px;}", ".small.icon-only.jsx-1253874599 .loader.jsx-1253874599{margin:0 4px;}"];
11
+ _defaultExport.__hash = "1253874599";
12
12
  var _default = _defaultExport;
13
13
  exports.default = _default;
package/build/cjs/split-button/split-button.js CHANGED
@@ -89,7 +89,7 @@ class SplitButton extends _react.Component {
89
89
  return /*#__PURE__*/_react.default.createElement("div", {
90
90
  ref: this.anchorRef,
91
91
  "data-test": dataTest,
92
- className: "jsx-234125354"
92
+ className: "jsx-4268400365"
93
93
  }, /*#__PURE__*/_react.default.createElement(_index.Button, {
94
94
  name: name,
95
95
  value: value,
@@ -128,8 +128,8 @@ class SplitButton extends _react.Component {
128
128
  placement: "bottom-end",
129
129
  reference: this.anchorRef
130
130
  }, component)), rightButton.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
131
- id: "234125354"
132
- }, ["div.jsx-234125354{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-234125354>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-234125354>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}", "div.jsx-234125354>button:focus{z-index:10;}"]));
131
+ id: "4268400365"
132
+ }, ["div.jsx-4268400365{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-4268400365>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-4268400365>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}"]));
133
133
  }
134
134
 
135
135
  }
package/build/es/button/button.styles.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { colors, theme, spacers } from '@dhis2/ui-constants';
2
- const _defaultExport = [`button.jsx-3174321238{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${colors.grey900};height:36px;padding:0 ${spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${colors.grey500};background-color:#f9fafb;}`, "button.jsx-3174321238:disabled{cursor:not-allowed;}", `button.jsx-3174321238:focus{outline:3px solid ${theme.focus};outline-offset:2px;-webkit-transition:none;transition:none;}`, "button.jsx-3174321238:active.jsx-3174321238:focus,button.jsx-3174321238:disabled.jsx-3174321238:focus{outline:none;}", `button.jsx-3174321238:hover{border-color:${colors.grey500};background-color:${colors.grey200};}`, `button.jsx-3174321238:active,button.jsx-3174321238:active.jsx-3174321238:focus{border-color:${colors.grey500};background-color:${colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-3174321238:focus{background-color:#f9fafb;}", `button.jsx-3174321238:disabled{border-color:${colors.grey400};background-color:#f9fafb;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, ".small.jsx-3174321238{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-3174321238{height:43px;padding:0 ${spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-3174321238{border-color:${theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${colors.white};fill:${colors.white};font-weight:500;}`, `.primary.jsx-3174321238:hover{border-color:${theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, ".primary.jsx-3174321238:active,.primary.jsx-3174321238:active.jsx-3174321238:focus{background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".primary.jsx-3174321238:focus{background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#285dac;}", `.primary.jsx-3174321238:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${colors.white};fill:${colors.white};}`, ".secondary.jsx-3174321238{border-color:rgba(74,87,104,0.25);background-color:transparent;}", ".secondary.jsx-3174321238:hover{border-color:rgba(74,87,104,0.5);background-color:rgba(160,173,186,0.05);}", ".secondary.jsx-3174321238:active,.secondary.jsx-3174321238:active.jsx-3174321238:focus{background-color:rgba(160,173,186,0.2);box-shadow:none;}", ".secondary.jsx-3174321238:focus{background-color:transparent;}", `.secondary.jsx-3174321238:disabled{border-color:rgba(74,87,104,0.25);background-color:transparent;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, `.destructive.jsx-3174321238{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${colors.white};fill:${colors.white};font-weight:500;}`, ".destructive.jsx-3174321238:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-3174321238:active,.destructive.jsx-3174321238:active.jsx-3174321238:focus{background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-3174321238:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", `.destructive.jsx-3174321238:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${colors.white};fill:${colors.white};}`, ".icon-only.jsx-3174321238{padding:0 0 0 5px;}", ".button-icon.jsx-3174321238{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-3174321238 .button-icon.jsx-3174321238{margin-right:5px;}", ".small.icon-only.jsx-3174321238{padding:0 0 0 1px;}", ".small.jsx-3174321238 .button-icon.jsx-3174321238{margin-right:2px;}", ".small.icon-only.jsx-3174321238 .button-icon.jsx-3174321238{margin-right:1px;}", `.toggled.jsx-3174321238{background:${colors.grey700};border:1px solid ${colors.grey900};color:${colors.grey050};fill:${colors.grey050};}`, `.toggled.jsx-3174321238:focus{background:${colors.grey800};}`, `.toggled.jsx-3174321238:hover{background:${colors.grey800};border-color:${colors.grey900};}`, `.toggled.jsx-3174321238:active,.toggled.jsx-3174321238:active.jsx-3174321238:focus{background:${colors.grey900};border-color:${colors.grey900};}`, `.toggled.jsx-3174321238:disabled{background:${colors.grey500};border-color:${colors.grey600};color:${colors.grey050};fill:${colors.grey050};}`, ".loader.jsx-3174321238{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-3174321238+.button-icon.jsx-3174321238{display:none;}", ".icon-only.jsx-3174321238 .loader.jsx-3174321238{margin:0 8px 0 4px;}", ".small.icon-only.jsx-3174321238 .loader.jsx-3174321238{margin:0 4px;}"];
3
- _defaultExport.__hash = "3174321238";
2
+ const _defaultExport = [`button.jsx-1253874599{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-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;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${colors.grey900};height:36px;padding:0 ${spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${colors.grey500};background-color:#f9fafb;}`, "button.jsx-1253874599:disabled{cursor:not-allowed;}", `button.jsx-1253874599:focus{outline:3px solid ${theme.focus};outline-offset:-3px;-webkit-transition:none;transition:none;-webkit-text-decoration:underline;text-decoration:underline;}`, "button.jsx-1253874599:focus.jsx-1253874599:not(:focus-visible){outline:none;-webkit-text-decoration:none;text-decoration:none;}", "button.jsx-1253874599:active.jsx-1253874599:focus,button.jsx-1253874599:disabled.jsx-1253874599:focus{outline:none;-webkit-text-decoration:none;text-decoration:none;}", `button.jsx-1253874599:hover{border-color:${colors.grey500};background-color:${colors.grey200};}`, `button.jsx-1253874599:active,button.jsx-1253874599:active.jsx-1253874599:focus{border-color:${colors.grey500};background-color:${colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-1253874599:focus{background-color:#f9fafb;}", `button.jsx-1253874599:disabled{border-color:${colors.grey400};background-color:#f9fafb;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, ".small.jsx-1253874599{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-1253874599{height:43px;padding:0 ${spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-1253874599{border-color:${theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${colors.white};fill:${colors.white};font-weight:500;}`, `.primary.jsx-1253874599:hover{border-color:${theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, ".primary.jsx-1253874599:active,.primary.jsx-1253874599:active.jsx-1253874599:focus{background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", `.primary.jsx-1253874599:focus{background:${colors.blue800};border-color:${colors.blue900};outline-offset:-5px;}`, `.primary.jsx-1253874599:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${colors.white};fill:${colors.white};}`, ".secondary.jsx-1253874599{border-color:rgba(74,87,104,0.25);background-color:transparent;}", ".secondary.jsx-1253874599:hover{border-color:rgba(74,87,104,0.5);background-color:rgba(160,173,186,0.05);}", ".secondary.jsx-1253874599:active,.secondary.jsx-1253874599:active.jsx-1253874599:focus{background-color:rgba(160,173,186,0.2);box-shadow:none;}", ".secondary.jsx-1253874599:focus{background-color:transparent;}", `.secondary.jsx-1253874599:disabled{border-color:rgba(74,87,104,0.25);background-color:transparent;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, `.destructive.jsx-1253874599{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${colors.white};fill:${colors.white};font-weight:500;}`, ".destructive.jsx-1253874599:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-1253874599:active,.destructive.jsx-1253874599:active.jsx-1253874599:focus{background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-1253874599:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", `.destructive.jsx-1253874599:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${colors.white};fill:${colors.white};}`, ".icon-only.jsx-1253874599{padding:0 0 0 5px;}", ".button-icon.jsx-1253874599{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-1253874599 .button-icon.jsx-1253874599{margin-right:5px;}", ".small.icon-only.jsx-1253874599{padding:0 0 0 1px;}", ".small.jsx-1253874599 .button-icon.jsx-1253874599{margin-right:2px;}", ".small.icon-only.jsx-1253874599 .button-icon.jsx-1253874599{margin-right:1px;}", `.toggled.jsx-1253874599{background:${colors.grey700};border:1px solid ${colors.grey900};color:${colors.grey050};fill:${colors.grey050};}`, `.toggled.jsx-1253874599:focus{background:${colors.grey800};}`, `.toggled.jsx-1253874599:hover{background:${colors.grey800};border-color:${colors.grey900};}`, `.toggled.jsx-1253874599:active,.toggled.jsx-1253874599:active.jsx-1253874599:focus{background:${colors.grey900};border-color:${colors.grey900};}`, `.toggled.jsx-1253874599:disabled{background:${colors.grey500};border-color:${colors.grey600};color:${colors.grey050};fill:${colors.grey050};}`, ".loader.jsx-1253874599{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-1253874599+.button-icon.jsx-1253874599{display:none;}", ".icon-only.jsx-1253874599 .loader.jsx-1253874599{margin:0 8px 0 4px;}", ".small.icon-only.jsx-1253874599 .loader.jsx-1253874599{margin:0 4px;}"];
3
+ _defaultExport.__hash = "1253874599";
4
4
  export default _defaultExport;
package/build/es/split-button/split-button.js CHANGED
@@ -68,7 +68,7 @@ class SplitButton extends Component {
68
68
  return /*#__PURE__*/React.createElement("div", {
69
69
  ref: this.anchorRef,
70
70
  "data-test": dataTest,
71
- className: "jsx-234125354"
71
+ className: "jsx-4268400365"
72
72
  }, /*#__PURE__*/React.createElement(Button, {
73
73
  name: name,
74
74
  value: value,
@@ -107,8 +107,8 @@ class SplitButton extends Component {
107
107
  placement: "bottom-end",
108
108
  reference: this.anchorRef
109
109
  }, component)), rightButton.styles, /*#__PURE__*/React.createElement(_JSXStyle, {
110
- id: "234125354"
111
- }, ["div.jsx-234125354{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-234125354>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-234125354>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}", "div.jsx-234125354>button:focus{z-index:10;}"]));
110
+ id: "4268400365"
111
+ }, ["div.jsx-4268400365{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-4268400365>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-4268400365>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}"]));
112
112
  }
113
113
 
114
114
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/button",
3
- "version": "7.10.4",
3
+ "version": "7.10.5",
4
4
  "description": "UI Button",
5
5
  "repository": {
6
6
  "type": "git",
@@ -32,11 +32,11 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "@dhis2/prop-types": "^3.0.0-beta.1",
35
- "@dhis2-ui/layer": "7.10.4",
36
- "@dhis2-ui/loader": "7.10.4",
37
- "@dhis2-ui/popper": "7.10.4",
38
- "@dhis2/ui-constants": "7.10.4",
39
- "@dhis2/ui-icons": "7.10.4",
35
+ "@dhis2-ui/layer": "7.10.5",
36
+ "@dhis2-ui/loader": "7.10.5",
37
+ "@dhis2-ui/popper": "7.10.5",
38
+ "@dhis2/ui-constants": "7.10.5",
39
+ "@dhis2/ui-icons": "7.10.5",
40
40
  "classnames": "^2.3.1",
41
41
  "prop-types": "^15.7.2"
42
42
  },