design-zystem 1.0.267 → 1.0.269
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/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +14 -1
- package/dist/index.mjs +14 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -925,8 +925,9 @@ interface BannerProps {
|
|
|
925
925
|
message?: string;
|
|
926
926
|
action?: BannerAction;
|
|
927
927
|
toggle?: BannerToggle;
|
|
928
|
+
children?: ReactNode;
|
|
928
929
|
}
|
|
929
|
-
declare const Banner: ({ variant, badge, title, subtitle, message, action, toggle, }: BannerProps) => react_jsx_runtime.JSX.Element;
|
|
930
|
+
declare const Banner: ({ variant, badge, title, subtitle, message, action, toggle, children, }: BannerProps) => react_jsx_runtime.JSX.Element;
|
|
930
931
|
|
|
931
932
|
interface TooltipProps {
|
|
932
933
|
children?: ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -925,8 +925,9 @@ interface BannerProps {
|
|
|
925
925
|
message?: string;
|
|
926
926
|
action?: BannerAction;
|
|
927
927
|
toggle?: BannerToggle;
|
|
928
|
+
children?: ReactNode;
|
|
928
929
|
}
|
|
929
|
-
declare const Banner: ({ variant, badge, title, subtitle, message, action, toggle, }: BannerProps) => react_jsx_runtime.JSX.Element;
|
|
930
|
+
declare const Banner: ({ variant, badge, title, subtitle, message, action, toggle, children, }: BannerProps) => react_jsx_runtime.JSX.Element;
|
|
930
931
|
|
|
931
932
|
interface TooltipProps {
|
|
932
933
|
children?: ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -1780,9 +1780,11 @@ var IconBadge = import_styled_components13.default.div`
|
|
|
1780
1780
|
var Content = import_styled_components13.default.div`
|
|
1781
1781
|
display: flex;
|
|
1782
1782
|
flex-direction: column;
|
|
1783
|
+
justify-content: center;
|
|
1783
1784
|
gap: 2px;
|
|
1784
1785
|
flex: 1;
|
|
1785
1786
|
min-width: 0;
|
|
1787
|
+
min-height: 28px;
|
|
1786
1788
|
`;
|
|
1787
1789
|
var ProgressBar = import_styled_components13.default.div`
|
|
1788
1790
|
position: absolute;
|
|
@@ -5232,9 +5234,20 @@ var Banner = ({
|
|
|
5232
5234
|
subtitle,
|
|
5233
5235
|
message,
|
|
5234
5236
|
action,
|
|
5235
|
-
toggle
|
|
5237
|
+
toggle,
|
|
5238
|
+
children
|
|
5236
5239
|
}) => {
|
|
5237
5240
|
const style2 = variantStyles[variant];
|
|
5241
|
+
if (children) {
|
|
5242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
5243
|
+
StyledBanner,
|
|
5244
|
+
{
|
|
5245
|
+
$background: style2.background,
|
|
5246
|
+
$borderColor: style2.borderColor,
|
|
5247
|
+
children
|
|
5248
|
+
}
|
|
5249
|
+
);
|
|
5250
|
+
}
|
|
5238
5251
|
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
5239
5252
|
StyledBanner,
|
|
5240
5253
|
{
|
package/dist/index.mjs
CHANGED
|
@@ -1644,9 +1644,11 @@ var IconBadge = styled13.div`
|
|
|
1644
1644
|
var Content = styled13.div`
|
|
1645
1645
|
display: flex;
|
|
1646
1646
|
flex-direction: column;
|
|
1647
|
+
justify-content: center;
|
|
1647
1648
|
gap: 2px;
|
|
1648
1649
|
flex: 1;
|
|
1649
1650
|
min-width: 0;
|
|
1651
|
+
min-height: 28px;
|
|
1650
1652
|
`;
|
|
1651
1653
|
var ProgressBar = styled13.div`
|
|
1652
1654
|
position: absolute;
|
|
@@ -5116,9 +5118,20 @@ var Banner = ({
|
|
|
5116
5118
|
subtitle,
|
|
5117
5119
|
message,
|
|
5118
5120
|
action,
|
|
5119
|
-
toggle
|
|
5121
|
+
toggle,
|
|
5122
|
+
children
|
|
5120
5123
|
}) => {
|
|
5121
5124
|
const style2 = variantStyles[variant];
|
|
5125
|
+
if (children) {
|
|
5126
|
+
return /* @__PURE__ */ jsx54(
|
|
5127
|
+
StyledBanner,
|
|
5128
|
+
{
|
|
5129
|
+
$background: style2.background,
|
|
5130
|
+
$borderColor: style2.borderColor,
|
|
5131
|
+
children
|
|
5132
|
+
}
|
|
5133
|
+
);
|
|
5134
|
+
}
|
|
5122
5135
|
return /* @__PURE__ */ jsxs28(
|
|
5123
5136
|
StyledBanner,
|
|
5124
5137
|
{
|