@ltht-react/banner 1.0.239 → 1.0.240
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/lib/index.d.ts +15 -15
- package/lib/index.js +121 -121
- package/package.json +6 -6
package/lib/index.d.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import { StatusTypes } from '@ltht-react/types';
|
|
3
|
-
declare const Banner: FC<IBannerProps>;
|
|
4
|
-
export declare const ButtonBanner: FC<IButtonBannerProps>;
|
|
5
|
-
export default Banner;
|
|
6
|
-
interface IBannerProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
type?: StatusTypes;
|
|
8
|
-
icon?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
interface IButtonBannerProps extends HTMLAttributes<HTMLButtonElement> {
|
|
11
|
-
type?: StatusTypes;
|
|
12
|
-
icon?: ReactNode;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
showChevron?: boolean;
|
|
15
|
-
}
|
|
1
|
+
import { FC, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { StatusTypes } from '@ltht-react/types';
|
|
3
|
+
declare const Banner: FC<IBannerProps>;
|
|
4
|
+
export declare const ButtonBanner: FC<IButtonBannerProps>;
|
|
5
|
+
export default Banner;
|
|
6
|
+
interface IBannerProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
type?: StatusTypes;
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
interface IButtonBannerProps extends HTMLAttributes<HTMLButtonElement> {
|
|
11
|
+
type?: StatusTypes;
|
|
12
|
+
icon?: ReactNode;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
showChevron?: boolean;
|
|
15
|
+
}
|
package/lib/index.js
CHANGED
|
@@ -1,122 +1,122 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
-
exports.ButtonBanner = void 0;
|
|
33
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
35
|
-
var styles_1 = require("@ltht-react/styles");
|
|
36
|
-
var icon_1 = __importDefault(require("@ltht-react/icon"));
|
|
37
|
-
var generateStyles = function (type) {
|
|
38
|
-
switch (type) {
|
|
39
|
-
case 'info':
|
|
40
|
-
return {
|
|
41
|
-
background: styles_1.BANNER_COLOURS.INFO.BACKGROUND,
|
|
42
|
-
borderColor: styles_1.BANNER_COLOURS.INFO.BORDER,
|
|
43
|
-
color: styles_1.BANNER_COLOURS.INFO.TEXT,
|
|
44
|
-
hover: styles_1.BANNER_COLOURS.INFO.HOVER,
|
|
45
|
-
};
|
|
46
|
-
case 'warning':
|
|
47
|
-
return {
|
|
48
|
-
background: styles_1.BANNER_COLOURS.WARNING.BACKGROUND,
|
|
49
|
-
borderColor: styles_1.BANNER_COLOURS.WARNING.BORDER,
|
|
50
|
-
color: styles_1.BANNER_COLOURS.WARNING.TEXT,
|
|
51
|
-
hover: styles_1.BANNER_COLOURS.WARNING.HOVER,
|
|
52
|
-
};
|
|
53
|
-
case 'danger':
|
|
54
|
-
return {
|
|
55
|
-
background: styles_1.BANNER_COLOURS.DANGER.BACKGROUND,
|
|
56
|
-
borderColor: styles_1.BANNER_COLOURS.DANGER.BORDER,
|
|
57
|
-
color: styles_1.BANNER_COLOURS.DANGER.TEXT,
|
|
58
|
-
hover: styles_1.BANNER_COLOURS.DANGER.HOVER,
|
|
59
|
-
};
|
|
60
|
-
case 'highlight':
|
|
61
|
-
return {
|
|
62
|
-
background: styles_1.BANNER_COLOURS.HIGHLIGHT.BACKGROUND,
|
|
63
|
-
borderColor: styles_1.BANNER_COLOURS.HIGHLIGHT.BORDER,
|
|
64
|
-
color: styles_1.BANNER_COLOURS.HIGHLIGHT.TEXT,
|
|
65
|
-
hover: styles_1.BANNER_COLOURS.HIGHLIGHT.HOVER,
|
|
66
|
-
};
|
|
67
|
-
default:
|
|
68
|
-
return {};
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
var StyledBanner = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n"], ["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n"])), styles_1.CSS_RESET, function (_a) {
|
|
72
|
-
var type = _a.type;
|
|
73
|
-
return generateStyles(type).background;
|
|
74
|
-
}, function (_a) {
|
|
75
|
-
var type = _a.type;
|
|
76
|
-
return generateStyles(type).color;
|
|
77
|
-
}, function (_a) {
|
|
78
|
-
var type = _a.type;
|
|
79
|
-
return generateStyles(type).borderColor;
|
|
80
|
-
}, function (_a) {
|
|
81
|
-
var type = _a.type, canClick = _a.canClick;
|
|
82
|
-
return (canClick ? generateStyles(type).hover : generateStyles(type).background);
|
|
83
|
-
}, function (_a) {
|
|
84
|
-
var canClick = _a.canClick;
|
|
85
|
-
return (canClick ? 'pointer' : 'default');
|
|
86
|
-
});
|
|
87
|
-
var StyledButtonBanner = styled_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n width: 100%;\n justify-content: center;\n white-space: nowrap;\n\n &:hover:not([disabled]) {\n background: ", ";\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n"], ["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n width: 100%;\n justify-content: center;\n white-space: nowrap;\n\n &:hover:not([disabled]) {\n background: ", ";\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n"])), styles_1.CSS_RESET, function (_a) {
|
|
88
|
-
var buttonBannerType = _a.buttonBannerType;
|
|
89
|
-
return generateStyles(buttonBannerType).background;
|
|
90
|
-
}, function (_a) {
|
|
91
|
-
var buttonBannerType = _a.buttonBannerType;
|
|
92
|
-
return generateStyles(buttonBannerType).color;
|
|
93
|
-
}, function (_a) {
|
|
94
|
-
var buttonBannerType = _a.buttonBannerType;
|
|
95
|
-
return generateStyles(buttonBannerType).borderColor;
|
|
96
|
-
}, function (_a) {
|
|
97
|
-
var buttonBannerType = _a.buttonBannerType;
|
|
98
|
-
return generateStyles(buttonBannerType).hover;
|
|
99
|
-
});
|
|
100
|
-
var BannerContent = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"])));
|
|
101
|
-
var StyledIcon = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
102
|
-
var canClick = function (props) { return props.onClick !== undefined; };
|
|
103
|
-
var Banner = function (_a) {
|
|
104
|
-
var _b = _a.type, type = _b === void 0 ? 'info' : _b, icon = _a.icon, children = _a.children, rest = __rest(_a, ["type", "icon", "children"]);
|
|
105
|
-
return (jsx_runtime_1.jsxs(StyledBanner, __assign({}, rest, { type: type, canClick: canClick(rest) }, { children: [icon ? (jsx_runtime_1.jsx(StyledIcon, { children: icon }, void 0)) : (jsx_runtime_1.jsxs(StyledIcon, { children: [type === 'info' && jsx_runtime_1.jsx(icon_1.default, { type: "info-circle", color: "info-blue", size: "medium" }, void 0),
|
|
106
|
-
type === 'warning' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "amber", size: "medium" }, void 0),
|
|
107
|
-
type === 'danger' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "red", size: "medium" }, void 0)] }, void 0)),
|
|
108
|
-
jsx_runtime_1.jsx(BannerContent, { children: children }, void 0),
|
|
109
|
-
canClick(rest) && jsx_runtime_1.jsx(icon_1.default, { type: "chevron", size: "medium", direction: "right" }, void 0)] }), void 0));
|
|
110
|
-
};
|
|
111
|
-
var ButtonBanner = function (_a) {
|
|
112
|
-
var _b = _a.type, type = _b === void 0 ? 'info' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, icon = _a.icon, children = _a.children, showChevron = _a.showChevron, rest = __rest(_a, ["type", "disabled", "icon", "children", "showChevron"]);
|
|
113
|
-
return (jsx_runtime_1.jsxs(StyledButtonBanner, __assign({}, rest, { buttonBannerType: type, disabled: disabled }, { children: [icon ? (jsx_runtime_1.jsx(StyledIcon, { children: icon }, void 0)) : (jsx_runtime_1.jsxs(StyledIcon, { children: [type === 'info' && jsx_runtime_1.jsx(icon_1.default, { type: "info-circle", color: "info-blue", size: "medium" }, void 0),
|
|
114
|
-
type === 'warning' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "amber", size: "medium" }, void 0),
|
|
115
|
-
type === 'danger' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "red", size: "medium" }, void 0)] }, void 0)),
|
|
116
|
-
jsx_runtime_1.jsx(BannerContent, { children: children }, void 0),
|
|
117
|
-
showChevron === true && jsx_runtime_1.jsx(icon_1.default, { type: "chevron", size: "medium", direction: "right" }, void 0)] }), void 0));
|
|
118
|
-
};
|
|
119
|
-
exports.ButtonBanner = ButtonBanner;
|
|
120
|
-
exports.default = Banner;
|
|
121
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
+
var t = {};
|
|
19
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
+
t[p] = s[p];
|
|
21
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
+
t[p[i]] = s[p[i]];
|
|
25
|
+
}
|
|
26
|
+
return t;
|
|
27
|
+
};
|
|
28
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
+
};
|
|
31
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
|
+
exports.ButtonBanner = void 0;
|
|
33
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
+
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
35
|
+
var styles_1 = require("@ltht-react/styles");
|
|
36
|
+
var icon_1 = __importDefault(require("@ltht-react/icon"));
|
|
37
|
+
var generateStyles = function (type) {
|
|
38
|
+
switch (type) {
|
|
39
|
+
case 'info':
|
|
40
|
+
return {
|
|
41
|
+
background: styles_1.BANNER_COLOURS.INFO.BACKGROUND,
|
|
42
|
+
borderColor: styles_1.BANNER_COLOURS.INFO.BORDER,
|
|
43
|
+
color: styles_1.BANNER_COLOURS.INFO.TEXT,
|
|
44
|
+
hover: styles_1.BANNER_COLOURS.INFO.HOVER,
|
|
45
|
+
};
|
|
46
|
+
case 'warning':
|
|
47
|
+
return {
|
|
48
|
+
background: styles_1.BANNER_COLOURS.WARNING.BACKGROUND,
|
|
49
|
+
borderColor: styles_1.BANNER_COLOURS.WARNING.BORDER,
|
|
50
|
+
color: styles_1.BANNER_COLOURS.WARNING.TEXT,
|
|
51
|
+
hover: styles_1.BANNER_COLOURS.WARNING.HOVER,
|
|
52
|
+
};
|
|
53
|
+
case 'danger':
|
|
54
|
+
return {
|
|
55
|
+
background: styles_1.BANNER_COLOURS.DANGER.BACKGROUND,
|
|
56
|
+
borderColor: styles_1.BANNER_COLOURS.DANGER.BORDER,
|
|
57
|
+
color: styles_1.BANNER_COLOURS.DANGER.TEXT,
|
|
58
|
+
hover: styles_1.BANNER_COLOURS.DANGER.HOVER,
|
|
59
|
+
};
|
|
60
|
+
case 'highlight':
|
|
61
|
+
return {
|
|
62
|
+
background: styles_1.BANNER_COLOURS.HIGHLIGHT.BACKGROUND,
|
|
63
|
+
borderColor: styles_1.BANNER_COLOURS.HIGHLIGHT.BORDER,
|
|
64
|
+
color: styles_1.BANNER_COLOURS.HIGHLIGHT.TEXT,
|
|
65
|
+
hover: styles_1.BANNER_COLOURS.HIGHLIGHT.HOVER,
|
|
66
|
+
};
|
|
67
|
+
default:
|
|
68
|
+
return {};
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
var StyledBanner = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n"], ["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n &:hover {\n background: ", ";\n cursor: ", ";\n }\n"])), styles_1.CSS_RESET, function (_a) {
|
|
72
|
+
var type = _a.type;
|
|
73
|
+
return generateStyles(type).background;
|
|
74
|
+
}, function (_a) {
|
|
75
|
+
var type = _a.type;
|
|
76
|
+
return generateStyles(type).color;
|
|
77
|
+
}, function (_a) {
|
|
78
|
+
var type = _a.type;
|
|
79
|
+
return generateStyles(type).borderColor;
|
|
80
|
+
}, function (_a) {
|
|
81
|
+
var type = _a.type, canClick = _a.canClick;
|
|
82
|
+
return (canClick ? generateStyles(type).hover : generateStyles(type).background);
|
|
83
|
+
}, function (_a) {
|
|
84
|
+
var canClick = _a.canClick;
|
|
85
|
+
return (canClick ? 'pointer' : 'default');
|
|
86
|
+
});
|
|
87
|
+
var StyledButtonBanner = styled_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n width: 100%;\n justify-content: center;\n white-space: nowrap;\n\n &:hover:not([disabled]) {\n background: ", ";\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n"], ["\n ", ";\n\n display: flex;\n align-items: center;\n padding: 0.75rem;\n background: ", ";\n color: ", ";\n border: 1px solid ", ";\n\n width: 100%;\n justify-content: center;\n white-space: nowrap;\n\n &:hover:not([disabled]) {\n background: ", ";\n cursor: pointer;\n }\n\n &:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n }\n"])), styles_1.CSS_RESET, function (_a) {
|
|
88
|
+
var buttonBannerType = _a.buttonBannerType;
|
|
89
|
+
return generateStyles(buttonBannerType).background;
|
|
90
|
+
}, function (_a) {
|
|
91
|
+
var buttonBannerType = _a.buttonBannerType;
|
|
92
|
+
return generateStyles(buttonBannerType).color;
|
|
93
|
+
}, function (_a) {
|
|
94
|
+
var buttonBannerType = _a.buttonBannerType;
|
|
95
|
+
return generateStyles(buttonBannerType).borderColor;
|
|
96
|
+
}, function (_a) {
|
|
97
|
+
var buttonBannerType = _a.buttonBannerType;
|
|
98
|
+
return generateStyles(buttonBannerType).hover;
|
|
99
|
+
});
|
|
100
|
+
var BannerContent = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"])));
|
|
101
|
+
var StyledIcon = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-right: 10px;\n"], ["\n margin-right: 10px;\n"])));
|
|
102
|
+
var canClick = function (props) { return props.onClick !== undefined; };
|
|
103
|
+
var Banner = function (_a) {
|
|
104
|
+
var _b = _a.type, type = _b === void 0 ? 'info' : _b, icon = _a.icon, children = _a.children, rest = __rest(_a, ["type", "icon", "children"]);
|
|
105
|
+
return (jsx_runtime_1.jsxs(StyledBanner, __assign({}, rest, { type: type, canClick: canClick(rest) }, { children: [icon ? (jsx_runtime_1.jsx(StyledIcon, { children: icon }, void 0)) : (jsx_runtime_1.jsxs(StyledIcon, { children: [type === 'info' && jsx_runtime_1.jsx(icon_1.default, { type: "info-circle", color: "info-blue", size: "medium" }, void 0),
|
|
106
|
+
type === 'warning' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "amber", size: "medium" }, void 0),
|
|
107
|
+
type === 'danger' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "red", size: "medium" }, void 0)] }, void 0)),
|
|
108
|
+
jsx_runtime_1.jsx(BannerContent, { children: children }, void 0),
|
|
109
|
+
canClick(rest) && jsx_runtime_1.jsx(icon_1.default, { type: "chevron", size: "medium", direction: "right" }, void 0)] }), void 0));
|
|
110
|
+
};
|
|
111
|
+
var ButtonBanner = function (_a) {
|
|
112
|
+
var _b = _a.type, type = _b === void 0 ? 'info' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, icon = _a.icon, children = _a.children, showChevron = _a.showChevron, rest = __rest(_a, ["type", "disabled", "icon", "children", "showChevron"]);
|
|
113
|
+
return (jsx_runtime_1.jsxs(StyledButtonBanner, __assign({}, rest, { buttonBannerType: type, disabled: disabled }, { children: [icon ? (jsx_runtime_1.jsx(StyledIcon, { children: icon }, void 0)) : (jsx_runtime_1.jsxs(StyledIcon, { children: [type === 'info' && jsx_runtime_1.jsx(icon_1.default, { type: "info-circle", color: "info-blue", size: "medium" }, void 0),
|
|
114
|
+
type === 'warning' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "amber", size: "medium" }, void 0),
|
|
115
|
+
type === 'danger' && jsx_runtime_1.jsx(icon_1.default, { type: "exclamation", color: "red", size: "medium" }, void 0)] }, void 0)),
|
|
116
|
+
jsx_runtime_1.jsx(BannerContent, { children: children }, void 0),
|
|
117
|
+
showChevron === true && jsx_runtime_1.jsx(icon_1.default, { type: "chevron", size: "medium", direction: "right" }, void 0)] }), void 0));
|
|
118
|
+
};
|
|
119
|
+
exports.ButtonBanner = ButtonBanner;
|
|
120
|
+
exports.default = Banner;
|
|
121
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
122
122
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ltht-react/banner",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.240",
|
|
4
4
|
"description": "ltht-react Banner Component.",
|
|
5
5
|
"author": "LTHT",
|
|
6
6
|
"homepage": "",
|
|
@@ -27,11 +27,11 @@
|
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@emotion/react": "^11.0.0",
|
|
29
29
|
"@emotion/styled": "^11.0.0",
|
|
30
|
-
"@ltht-react/icon": "^1.3.
|
|
31
|
-
"@ltht-react/styles": "^1.3.
|
|
32
|
-
"@ltht-react/types": "^1.0.
|
|
33
|
-
"@ltht-react/utils": "^1.1.
|
|
30
|
+
"@ltht-react/icon": "^1.3.267",
|
|
31
|
+
"@ltht-react/styles": "^1.3.259",
|
|
32
|
+
"@ltht-react/types": "^1.0.263",
|
|
33
|
+
"@ltht-react/utils": "^1.1.265",
|
|
34
34
|
"react": "^17.0.0"
|
|
35
35
|
},
|
|
36
|
-
"gitHead": "
|
|
36
|
+
"gitHead": "32757fdd2beb944e308c84227d5690e57ac1cae2"
|
|
37
37
|
}
|