@dhis2-ui/button 7.10.2 → 7.11.0
Sign up to get free protection for your applications and to get access to all the features.
@@ -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-
|
11
|
-
_defaultExport.__hash = "
|
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;
|
@@ -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-
|
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: "
|
132
|
-
}, ["div.jsx-
|
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
|
}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { colors, theme, spacers } from '@dhis2/ui-constants';
|
2
|
-
const _defaultExport = [`button.jsx-
|
3
|
-
_defaultExport.__hash = "
|
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;
|
@@ -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-
|
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: "
|
111
|
-
}, ["div.jsx-
|
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.
|
3
|
+
"version": "7.11.0",
|
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.
|
36
|
-
"@dhis2-ui/loader": "7.
|
37
|
-
"@dhis2-ui/popper": "7.
|
38
|
-
"@dhis2/ui-constants": "7.
|
39
|
-
"@dhis2/ui-icons": "7.
|
35
|
+
"@dhis2-ui/layer": "7.11.0",
|
36
|
+
"@dhis2-ui/loader": "7.11.0",
|
37
|
+
"@dhis2-ui/popper": "7.11.0",
|
38
|
+
"@dhis2/ui-constants": "7.11.0",
|
39
|
+
"@dhis2/ui-icons": "7.11.0",
|
40
40
|
"classnames": "^2.3.1",
|
41
41
|
"prop-types": "^15.7.2"
|
42
42
|
},
|