@dhis2-ui/logo 10.16.3 → 10.16.4
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.
- package/build/cjs/logo-icon-svg.js +5 -6
- package/build/cjs/logo-svg.js +6 -7
- package/build/cjs/logo.js +34 -46
- package/build/cjs/logo.prod.stories.js +7 -10
- package/build/es/logo-icon-svg.js +5 -6
- package/build/es/logo-svg.js +6 -7
- package/build/es/logo.js +34 -46
- package/build/es/logo.prod.stories.js +7 -10
- package/package.json +2 -2
|
@@ -7,12 +7,11 @@ exports.LogoIconSvg = LogoIconSvg;
|
|
|
7
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function LogoIconSvg(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
} = _ref;
|
|
10
|
+
function LogoIconSvg({
|
|
11
|
+
iconColor,
|
|
12
|
+
className,
|
|
13
|
+
dataTest
|
|
14
|
+
}) {
|
|
16
15
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
17
16
|
xmlns: "http://www.w3.org/2000/svg",
|
|
18
17
|
viewBox: "0 0 200 182",
|
package/build/cjs/logo-svg.js
CHANGED
|
@@ -7,13 +7,12 @@ exports.LogoSvg = LogoSvg;
|
|
|
7
7
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
function LogoSvg(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} = _ref;
|
|
10
|
+
function LogoSvg({
|
|
11
|
+
iconColor,
|
|
12
|
+
textColor,
|
|
13
|
+
className,
|
|
14
|
+
dataTest
|
|
15
|
+
}) {
|
|
17
16
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
18
17
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19
18
|
viewBox: "0 0 600 182",
|
package/build/cjs/logo.js
CHANGED
|
@@ -21,67 +21,55 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
21
21
|
const blue = '#0080d4';
|
|
22
22
|
const white = '#ffffff';
|
|
23
23
|
const dark = '#212225';
|
|
24
|
-
const LogoIcon =
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
dataTest: dataTest
|
|
33
|
-
});
|
|
34
|
-
};
|
|
24
|
+
const LogoIcon = ({
|
|
25
|
+
className,
|
|
26
|
+
dataTest = 'dhis2-uicore-logoicon'
|
|
27
|
+
}) => /*#__PURE__*/_react.default.createElement(_logoIconSvg.LogoIconSvg, {
|
|
28
|
+
iconColor: blue,
|
|
29
|
+
className: className,
|
|
30
|
+
dataTest: dataTest
|
|
31
|
+
});
|
|
35
32
|
exports.LogoIcon = LogoIcon;
|
|
36
33
|
LogoIcon.propTypes = {
|
|
37
34
|
className: _propTypes.default.string,
|
|
38
35
|
dataTest: _propTypes.default.string
|
|
39
36
|
};
|
|
40
|
-
const LogoIconWhite =
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
dataTest: dataTest
|
|
49
|
-
});
|
|
50
|
-
};
|
|
37
|
+
const LogoIconWhite = ({
|
|
38
|
+
className,
|
|
39
|
+
dataTest = 'dhis2-uicore-logoiconwhite'
|
|
40
|
+
}) => /*#__PURE__*/_react.default.createElement(_logoIconSvg.LogoIconSvg, {
|
|
41
|
+
iconColor: white,
|
|
42
|
+
className: className,
|
|
43
|
+
dataTest: dataTest
|
|
44
|
+
});
|
|
51
45
|
exports.LogoIconWhite = LogoIconWhite;
|
|
52
46
|
LogoIconWhite.propTypes = {
|
|
53
47
|
className: _propTypes.default.string,
|
|
54
48
|
dataTest: _propTypes.default.string
|
|
55
49
|
};
|
|
56
|
-
const Logo =
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
dataTest: dataTest
|
|
66
|
-
});
|
|
67
|
-
};
|
|
50
|
+
const Logo = ({
|
|
51
|
+
className,
|
|
52
|
+
dataTest = 'dhis2-uicore-logo'
|
|
53
|
+
}) => /*#__PURE__*/_react.default.createElement(_logoSvg.LogoSvg, {
|
|
54
|
+
iconColor: blue,
|
|
55
|
+
textColor: dark,
|
|
56
|
+
className: className,
|
|
57
|
+
dataTest: dataTest
|
|
58
|
+
});
|
|
68
59
|
exports.Logo = Logo;
|
|
69
60
|
Logo.propTypes = {
|
|
70
61
|
className: _propTypes.default.string,
|
|
71
62
|
dataTest: _propTypes.default.string
|
|
72
63
|
};
|
|
73
|
-
const LogoWhite =
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
dataTest: dataTest
|
|
83
|
-
});
|
|
84
|
-
};
|
|
64
|
+
const LogoWhite = ({
|
|
65
|
+
className,
|
|
66
|
+
dataTest = 'dhis2-uicore-logowhite'
|
|
67
|
+
}) => /*#__PURE__*/_react.default.createElement(_logoSvg.LogoSvg, {
|
|
68
|
+
iconColor: white,
|
|
69
|
+
textColor: white,
|
|
70
|
+
className: className,
|
|
71
|
+
dataTest: dataTest
|
|
72
|
+
});
|
|
85
73
|
exports.LogoWhite = LogoWhite;
|
|
86
74
|
LogoWhite.propTypes = {
|
|
87
75
|
className: _propTypes.default.string,
|
|
@@ -19,16 +19,13 @@ const Wrapper = fn => /*#__PURE__*/_react.default.createElement("div", {
|
|
|
19
19
|
width: '358px'
|
|
20
20
|
}
|
|
21
21
|
}, fn());
|
|
22
|
-
const Background =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
}, children);
|
|
31
|
-
};
|
|
22
|
+
const Background = ({
|
|
23
|
+
children
|
|
24
|
+
}) => /*#__PURE__*/_react.default.createElement("div", {
|
|
25
|
+
style: {
|
|
26
|
+
backgroundColor: '#276696'
|
|
27
|
+
}
|
|
28
|
+
}, children);
|
|
32
29
|
var _default = exports.default = {
|
|
33
30
|
title: 'Logo',
|
|
34
31
|
component: _logo.Logo,
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export function LogoIconSvg(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
} = _ref;
|
|
3
|
+
export function LogoIconSvg({
|
|
4
|
+
iconColor,
|
|
5
|
+
className,
|
|
6
|
+
dataTest
|
|
7
|
+
}) {
|
|
9
8
|
return /*#__PURE__*/React.createElement("svg", {
|
|
10
9
|
xmlns: "http://www.w3.org/2000/svg",
|
|
11
10
|
viewBox: "0 0 200 182",
|
package/build/es/logo-svg.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export function LogoSvg(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
} = _ref;
|
|
3
|
+
export function LogoSvg({
|
|
4
|
+
iconColor,
|
|
5
|
+
textColor,
|
|
6
|
+
className,
|
|
7
|
+
dataTest
|
|
8
|
+
}) {
|
|
10
9
|
return /*#__PURE__*/React.createElement("svg", {
|
|
11
10
|
xmlns: "http://www.w3.org/2000/svg",
|
|
12
11
|
viewBox: "0 0 600 182",
|
package/build/es/logo.js
CHANGED
|
@@ -15,64 +15,52 @@ import { LogoSvg } from './logo-svg.js';
|
|
|
15
15
|
const blue = '#0080d4';
|
|
16
16
|
const white = '#ffffff';
|
|
17
17
|
const dark = '#212225';
|
|
18
|
-
export const LogoIcon =
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
dataTest: dataTest
|
|
27
|
-
});
|
|
28
|
-
};
|
|
18
|
+
export const LogoIcon = ({
|
|
19
|
+
className,
|
|
20
|
+
dataTest = 'dhis2-uicore-logoicon'
|
|
21
|
+
}) => /*#__PURE__*/React.createElement(LogoIconSvg, {
|
|
22
|
+
iconColor: blue,
|
|
23
|
+
className: className,
|
|
24
|
+
dataTest: dataTest
|
|
25
|
+
});
|
|
29
26
|
LogoIcon.propTypes = {
|
|
30
27
|
className: PropTypes.string,
|
|
31
28
|
dataTest: PropTypes.string
|
|
32
29
|
};
|
|
33
|
-
export const LogoIconWhite =
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
dataTest: dataTest
|
|
42
|
-
});
|
|
43
|
-
};
|
|
30
|
+
export const LogoIconWhite = ({
|
|
31
|
+
className,
|
|
32
|
+
dataTest = 'dhis2-uicore-logoiconwhite'
|
|
33
|
+
}) => /*#__PURE__*/React.createElement(LogoIconSvg, {
|
|
34
|
+
iconColor: white,
|
|
35
|
+
className: className,
|
|
36
|
+
dataTest: dataTest
|
|
37
|
+
});
|
|
44
38
|
LogoIconWhite.propTypes = {
|
|
45
39
|
className: PropTypes.string,
|
|
46
40
|
dataTest: PropTypes.string
|
|
47
41
|
};
|
|
48
|
-
export const Logo =
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
dataTest: dataTest
|
|
58
|
-
});
|
|
59
|
-
};
|
|
42
|
+
export const Logo = ({
|
|
43
|
+
className,
|
|
44
|
+
dataTest = 'dhis2-uicore-logo'
|
|
45
|
+
}) => /*#__PURE__*/React.createElement(LogoSvg, {
|
|
46
|
+
iconColor: blue,
|
|
47
|
+
textColor: dark,
|
|
48
|
+
className: className,
|
|
49
|
+
dataTest: dataTest
|
|
50
|
+
});
|
|
60
51
|
Logo.propTypes = {
|
|
61
52
|
className: PropTypes.string,
|
|
62
53
|
dataTest: PropTypes.string
|
|
63
54
|
};
|
|
64
|
-
export const LogoWhite =
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
dataTest: dataTest
|
|
74
|
-
});
|
|
75
|
-
};
|
|
55
|
+
export const LogoWhite = ({
|
|
56
|
+
className,
|
|
57
|
+
dataTest = 'dhis2-uicore-logowhite'
|
|
58
|
+
}) => /*#__PURE__*/React.createElement(LogoSvg, {
|
|
59
|
+
iconColor: white,
|
|
60
|
+
textColor: white,
|
|
61
|
+
className: className,
|
|
62
|
+
dataTest: dataTest
|
|
63
|
+
});
|
|
76
64
|
LogoWhite.propTypes = {
|
|
77
65
|
className: PropTypes.string,
|
|
78
66
|
dataTest: PropTypes.string
|
|
@@ -12,16 +12,13 @@ const Wrapper = fn => /*#__PURE__*/React.createElement("div", {
|
|
|
12
12
|
width: '358px'
|
|
13
13
|
}
|
|
14
14
|
}, fn());
|
|
15
|
-
const Background =
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
}, children);
|
|
24
|
-
};
|
|
15
|
+
const Background = ({
|
|
16
|
+
children
|
|
17
|
+
}) => /*#__PURE__*/React.createElement("div", {
|
|
18
|
+
style: {
|
|
19
|
+
backgroundColor: '#276696'
|
|
20
|
+
}
|
|
21
|
+
}, children);
|
|
25
22
|
export default {
|
|
26
23
|
title: 'Logo',
|
|
27
24
|
component: Logo,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dhis2-ui/logo",
|
|
3
|
-
"version": "10.16.
|
|
3
|
+
"version": "10.16.4",
|
|
4
4
|
"description": "UI Logo",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@dhis2/prop-types": "^3.1.2",
|
|
36
|
-
"@dhis2/ui-constants": "10.16.
|
|
36
|
+
"@dhis2/ui-constants": "10.16.4",
|
|
37
37
|
"classnames": "^2.3.1",
|
|
38
38
|
"prop-types": "^15.7.2"
|
|
39
39
|
},
|