@dhis2-ui/header-bar 10.0.0-alpha.6 → 10.0.0-alpha.7
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.
|
@@ -24,7 +24,7 @@ function icon(kind) {
|
|
|
24
24
|
}
|
|
25
25
|
const NotificationIcon = _ref => {
|
|
26
26
|
let {
|
|
27
|
-
count,
|
|
27
|
+
count = 0,
|
|
28
28
|
href,
|
|
29
29
|
kind,
|
|
30
30
|
dataTestId,
|
|
@@ -47,9 +47,6 @@ const NotificationIcon = _ref => {
|
|
|
47
47
|
}, [`a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ${_uiConstants.spacers.dp12};height:100%;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;}`, "a.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "a.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "a.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "a.__jsx-style-dynamic-selector:active{background:#104067;}", `span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:3px;inset-inline-end:2px;min-width:18px;min-height:18px;border-radius:${_uiConstants.spacers.dp12};box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:${_uiConstants.theme.secondary500};color:${_uiConstants.colors.white};font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ${_uiConstants.spacers.dp4};}`]));
|
|
48
48
|
};
|
|
49
49
|
exports.NotificationIcon = NotificationIcon;
|
|
50
|
-
NotificationIcon.defaultProps = {
|
|
51
|
-
count: 0
|
|
52
|
-
};
|
|
53
50
|
NotificationIcon.propTypes = {
|
|
54
51
|
'aria-label': _propTypes.default.string.isRequired,
|
|
55
52
|
href: _propTypes.default.string.isRequired,
|
|
@@ -17,7 +17,7 @@ function icon(kind) {
|
|
|
17
17
|
}
|
|
18
18
|
export const NotificationIcon = _ref => {
|
|
19
19
|
let {
|
|
20
|
-
count,
|
|
20
|
+
count = 0,
|
|
21
21
|
href,
|
|
22
22
|
kind,
|
|
23
23
|
dataTestId,
|
|
@@ -39,9 +39,6 @@ export const NotificationIcon = _ref => {
|
|
|
39
39
|
dynamic: [spacers.dp12, spacers.dp12, theme.secondary500, colors.white, spacers.dp4]
|
|
40
40
|
}, [`a.__jsx-style-dynamic-selector{position:relative;margin:0;cursor:pointer;padding:0 ${spacers.dp12};height:100%;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;}`, "a.__jsx-style-dynamic-selector:focus{outline:2px solid white;outline-offset:-2px;}", "a.__jsx-style-dynamic-selector:focus.__jsx-style-dynamic-selector:not(:focus-visible){outline:none;}", "a.__jsx-style-dynamic-selector:hover{background:#1a557f;}", "a.__jsx-style-dynamic-selector:active{background:#104067;}", `span.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;position:absolute;top:3px;inset-inline-end:2px;min-width:18px;min-height:18px;border-radius:${spacers.dp12};box-shadow:0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);background-color:${theme.secondary500};color:${colors.white};font-size:13px;font-weight:600;line-height:15px;text-align:center;cursor:inherit;padding:0 ${spacers.dp4};}`]));
|
|
41
41
|
};
|
|
42
|
-
NotificationIcon.defaultProps = {
|
|
43
|
-
count: 0
|
|
44
|
-
};
|
|
45
42
|
NotificationIcon.propTypes = {
|
|
46
43
|
'aria-label': PropTypes.string.isRequired,
|
|
47
44
|
href: PropTypes.string.isRequired,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dhis2-ui/header-bar",
|
|
3
|
-
"version": "10.0.0-alpha.
|
|
3
|
+
"version": "10.0.0-alpha.7",
|
|
4
4
|
"description": "UI HeaderBar",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -34,21 +34,21 @@
|
|
|
34
34
|
"styled-jsx": "^4"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@dhis2-ui/box": "10.0.0-alpha.
|
|
38
|
-
"@dhis2-ui/button": "10.0.0-alpha.
|
|
39
|
-
"@dhis2-ui/card": "10.0.0-alpha.
|
|
40
|
-
"@dhis2-ui/center": "10.0.0-alpha.
|
|
41
|
-
"@dhis2-ui/divider": "10.0.0-alpha.
|
|
42
|
-
"@dhis2-ui/input": "10.0.0-alpha.
|
|
43
|
-
"@dhis2-ui/layer": "10.0.0-alpha.
|
|
44
|
-
"@dhis2-ui/loader": "10.0.0-alpha.
|
|
45
|
-
"@dhis2-ui/logo": "10.0.0-alpha.
|
|
46
|
-
"@dhis2-ui/menu": "10.0.0-alpha.
|
|
47
|
-
"@dhis2-ui/modal": "10.0.0-alpha.
|
|
48
|
-
"@dhis2-ui/user-avatar": "10.0.0-alpha.
|
|
37
|
+
"@dhis2-ui/box": "10.0.0-alpha.7",
|
|
38
|
+
"@dhis2-ui/button": "10.0.0-alpha.7",
|
|
39
|
+
"@dhis2-ui/card": "10.0.0-alpha.7",
|
|
40
|
+
"@dhis2-ui/center": "10.0.0-alpha.7",
|
|
41
|
+
"@dhis2-ui/divider": "10.0.0-alpha.7",
|
|
42
|
+
"@dhis2-ui/input": "10.0.0-alpha.7",
|
|
43
|
+
"@dhis2-ui/layer": "10.0.0-alpha.7",
|
|
44
|
+
"@dhis2-ui/loader": "10.0.0-alpha.7",
|
|
45
|
+
"@dhis2-ui/logo": "10.0.0-alpha.7",
|
|
46
|
+
"@dhis2-ui/menu": "10.0.0-alpha.7",
|
|
47
|
+
"@dhis2-ui/modal": "10.0.0-alpha.7",
|
|
48
|
+
"@dhis2-ui/user-avatar": "10.0.0-alpha.7",
|
|
49
49
|
"@dhis2/prop-types": "^3.1.2",
|
|
50
|
-
"@dhis2/ui-constants": "10.0.0-alpha.
|
|
51
|
-
"@dhis2/ui-icons": "10.0.0-alpha.
|
|
50
|
+
"@dhis2/ui-constants": "10.0.0-alpha.7",
|
|
51
|
+
"@dhis2/ui-icons": "10.0.0-alpha.7",
|
|
52
52
|
"classnames": "^2.3.1",
|
|
53
53
|
"moment": "^2.29.1",
|
|
54
54
|
"prop-types": "^15.7.2"
|