newskit 4.2.0 → 5.1.0

package/cjs/banner/banner-internal.js

@@ -39,38 +39,43 @@ var filter_object_1 = require("../utils/filter-object");
 var icon_button_1 = require("../icon-button");
 var utils_1 = require("../utils");
 var merge_breakpoint_object_1 = require("../utils/merge-breakpoint-object");
+var grid_1 = require("../grid");
 var BannerInternal = function (_a) {
-    var _b, _c;
-    var actions = _a.actions, children = _a.children, icon = _a.icon, overrides = _a.overrides, layout = _a.layout, _d = _a.closeButtonLabel, closeButtonLabel = _d === void 0 ? 'Close' : _d, onClose = _a.onClose, title = _a.title, restProps = __rest(_a, ["actions", "children", "icon", "overrides", "layout", "closeButtonLabel", "onClose", "title"]);
-    var theme = theme_1.useTheme();
-    var closeButtonStyles = __assign({}, utils_1.deepMerge(merge_breakpoint_object_1.mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.banner[layout].actions.closeButton, filter_object_1.filterOutFalsyProperties((_b = overrides === null || overrides === void 0 ? void 0 : overrides.actions) === null || _b === void 0 ? void 0 : _b.closeButton)));
+    var _b, _c, _d, _e;
+    var actions = _a.actions, children = _a.children, icon = _a.icon, overrides = _a.overrides, layout = _a.layout, _f = _a.closeButtonLabel, closeButtonLabel = _f === void 0 ? 'Close' : _f, onClose = _a.onClose, title = _a.title, restProps = __rest(_a, ["actions", "children", "icon", "overrides", "layout", "closeButtonLabel", "onClose", "title"]);
+    var theme = (0, theme_1.useTheme)();
+    var closeButtonStyles = __assign({}, (0, utils_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.banner[layout].actions.closeButton, (0, filter_object_1.filterOutFalsyProperties)((_b = overrides === null || overrides === void 0 ? void 0 : overrides.actions) === null || _b === void 0 ? void 0 : _b.closeButton)));
     var actionsCount = actions ? actions.length : 0;
-    var actionKeys = hooks_1.useReactKeys(actionsCount);
+    var actionKeys = (0, hooks_1.useReactKeys)(actionsCount);
     var actionsSpacing = ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.actions) === null || _c === void 0 ? void 0 : _c.spaceInline) ||
         theme.componentDefaults.banner[layout].actions.spaceInline;
     return (react_1.default.createElement(styled_1.StyledBannerContainer, __assign({ role: "region", "data-testid": "banner-container", overrides: overrides, layout: layout }, restProps),
-        react_1.default.createElement(styled_1.StyledMaxWidthContainer, { flow: layout === 'vertical' ? stack_1.Flow.VerticalCenter : stack_1.Flow.HorizontalCenter, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides: overrides },
-            react_1.default.createElement(styled_1.StyledIconContentContainer, { flow: stack_1.Flow.HorizontalTop, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides: overrides },
-                icon && (react_1.default.createElement(styled_1.StyledIconContainer, { layout: layout, overrides: overrides }, icon)),
-                react_1.default.createElement(styled_1.StyledContentContainer, null,
-                    title && (react_1.default.createElement(styled_1.StyledTitleContainer, { as: "span", layout: layout, overrides: overrides }, title)),
-                    react_1.default.createElement(styled_1.StyledMessageContainer, { layout: layout, overrides: overrides, as: typeof children === 'string' ||
-                            (Array.isArray(children) &&
-                                children.some(function (child) { return typeof child === 'string'; }))
-                            ? 'p'
-                            : 'div' }, children))),
-            ((actions === null || actions === void 0 ? void 0 : actions.length) || onClose) && (react_1.default.createElement(styled_1.StyledActionsContainer, { flow: layout === 'vertical'
-                    ? stack_1.Flow.VerticalCenter
-                    : stack_1.Flow.HorizontalCenter, stackDistribution: stack_1.StackDistribution.Start, spaceInline: actionsSpacing, layout: layout },
-                onClose && layout === 'vertical' && (react_1.default.createElement(stack_child_1.StackChild, { key: "banner-close-button", alignSelf: stack_child_1.AlignSelfValues.Stretch },
-                    react_1.default.createElement(button_1.Button, { overrides: __assign(__assign({}, closeButtonStyles), { width: '100%' }), onClick: onClose, "data-testid": "banner-close-button" }, closeButtonLabel))),
-                actions &&
-                    actionKeys.length &&
-                    actions.map(function (action, idx) { return (react_1.default.createElement(stack_child_1.StackChild, { key: actionKeys[idx], alignSelf: layout === 'vertical'
-                            ? stack_child_1.AlignSelfValues.Stretch
-                            : stack_child_1.AlignSelfValues.Auto }, component_1.renderIfReactComponent(action))); }),
-                onClose && layout === 'horizontal' && (react_1.default.createElement(icon_button_1.IconButton, { "data-testid": "banner-close-button", "aria-label": closeButtonLabel, size: "small", overrides: closeButtonStyles, onClick: onClose },
-                    react_1.default.createElement(icons_1.IconFilledClose, null))))))));
+        react_1.default.createElement(grid_1.Grid, __assign({}, (_d = overrides === null || overrides === void 0 ? void 0 : overrides.grid) === null || _d === void 0 ? void 0 : _d.props),
+            react_1.default.createElement(grid_1.Cell, __assign({ xs: 12 }, (_e = overrides === null || overrides === void 0 ? void 0 : overrides.cell) === null || _e === void 0 ? void 0 : _e.props),
+                react_1.default.createElement(styled_1.StyledMaxWidthContainer, { flow: layout === 'vertical'
+                        ? stack_1.Flow.VerticalCenter
+                        : stack_1.Flow.HorizontalCenter, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides: overrides },
+                    react_1.default.createElement(styled_1.StyledIconContentContainer, { flow: stack_1.Flow.HorizontalTop, stackDistribution: "flex-start", wrap: "nowrap", layout: layout, overrides: overrides, height: "auto" },
+                        icon && (react_1.default.createElement(styled_1.StyledIconContainer, { layout: layout, overrides: overrides }, icon)),
+                        react_1.default.createElement(styled_1.StyledContentContainer, null,
+                            title && (react_1.default.createElement(styled_1.StyledTitleContainer, { as: "span", layout: layout, overrides: overrides }, title)),
+                            react_1.default.createElement(styled_1.StyledMessageContainer, { layout: layout, overrides: overrides, as: typeof children === 'string' ||
+                                    (Array.isArray(children) &&
+                                        children.some(function (child) { return typeof child === 'string'; }))
+                                    ? 'p'
+                                    : 'div' }, children))),
+                    ((actions === null || actions === void 0 ? void 0 : actions.length) || onClose) && (react_1.default.createElement(styled_1.StyledActionsContainer, { flow: layout === 'vertical'
+                            ? stack_1.Flow.VerticalCenter
+                            : stack_1.Flow.HorizontalCenter, stackDistribution: stack_1.StackDistribution.Start, spaceInline: actionsSpacing, layout: layout },
+                        onClose && layout === 'vertical' && (react_1.default.createElement(stack_child_1.StackChild, { key: "banner-close-button", alignSelf: stack_child_1.AlignSelfValues.Stretch },
+                            react_1.default.createElement(button_1.Button, { overrides: __assign(__assign({}, closeButtonStyles), { width: '100%' }), onClick: onClose, "data-testid": "banner-close-button" }, closeButtonLabel))),
+                        actions &&
+                            actionKeys.length &&
+                            actions.map(function (action, idx) { return (react_1.default.createElement(stack_child_1.StackChild, { key: actionKeys[idx], alignSelf: layout === 'vertical'
+                                    ? stack_child_1.AlignSelfValues.Stretch
+                                    : stack_child_1.AlignSelfValues.Auto }, (0, component_1.renderIfReactComponent)(action))); }),
+                        onClose && layout === 'horizontal' && (react_1.default.createElement(icon_button_1.IconButton, { "data-testid": "banner-close-button", "aria-label": closeButtonLabel, size: "small", overrides: closeButtonStyles, onClick: onClose },
+                            react_1.default.createElement(icons_1.IconFilledClose, null))))))))));
 };
 exports.BannerInternal = BannerInternal;
 //# sourceMappingURL=banner-internal.js.map

package/cjs/banner/banner-internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner-internal.js","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"banner-internal.js","sourceRoot":"","sources":["../../../src/banner/banner-internal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,mCASkB;AAClB,gDAA0D;AAC1D,kCAAiD;AACjD,8CAA2D;AAC3D,kCAAkD;AAClD,wCAA4C;AAC5C,oCAA8C;AAC9C,kCAAyC;AACzC,wDAAgE;AAChE,8CAA0C;AAC1C,kCAAmC;AACnC,4EAAuE;AACvE,gCAAmC;AAE5B,IAAM,cAAc,GAAkC,UAAC,EAU7D;;IATC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,wBAA0B,EAA1B,gBAAgB,mBAAG,OAAO,KAAA,EAC1B,OAAO,aAAA,EACP,KAAK,WAAA,EACF,SAAS,cATgD,8FAU7D,CADa;IAEZ,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,iBAAiB,gBAClB,IAAA,iBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,WAAW,EAC1D,IAAA,wCAAwB,EAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,WAAW,CAAC,CAC1D,CACF,CAAC;IAEF,IAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,IAAM,UAAU,GAAG,IAAA,oBAAY,EAAC,YAAY,CAAC,CAAC;IAE9C,IAAM,cAAc,GAClB,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,WAAW;QAC/B,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;IAE7D,OAAO,CACL,8BAAC,8BAAqB,aACpB,IAAI,EAAC,QAAQ,iBACD,kBAAkB,EAC9B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IACV,SAAS;QAEb,8BAAC,WAAI,eAAK,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,0CAAE,KAAK;YAC9B,8BAAC,WAAI,aAAC,EAAE,EAAE,EAAE,IAAM,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,0CAAE,KAAK;gBACtC,8BAAC,gCAAuB,IACtB,IAAI,EACF,MAAM,KAAK,UAAU;wBACnB,CAAC,CAAC,YAAI,CAAC,cAAc;wBACrB,CAAC,CAAC,YAAI,CAAC,gBAAgB,EAE3B,iBAAiB,EAAC,YAAY,EAC9B,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;oBAEpB,8BAAC,mCAA0B,IACzB,IAAI,EAAE,YAAI,CAAC,aAAa,EACxB,iBAAiB,EAAC,YAAY,EAC9B,IAAI,EAAC,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAC,MAAM;wBAEZ,IAAI,IAAI,CACP,8BAAC,4BAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,IACtD,IAAI,CACe,CACvB;wBACD,8BAAC,+BAAsB;4BACpB,KAAK,IAAI,CACR,8BAAC,6BAAoB,IACnB,EAAE,EAAC,MAAM,EACT,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IAEnB,KAAK,CACe,CACxB;4BACD,8BAAC,+BAAsB,IACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,EAAE,EACA,OAAO,QAAQ,KAAK,QAAQ;oCAC5B,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;wCACtB,QAAQ,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,OAAO,KAAK,KAAK,QAAQ,EAAzB,CAAyB,CAAC,CAAC;oCAClD,CAAC,CAAC,GAAG;oCACL,CAAC,CAAC,KAAK,IAGV,QAAQ,CACc,CACF,CACE;oBAC5B,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,OAAO,CAAC,IAAI,CAC/B,8BAAC,+BAAsB,IACrB,IAAI,EACF,MAAM,KAAK,UAAU;4BACnB,CAAC,CAAC,YAAI,CAAC,cAAc;4BACrB,CAAC,CAAC,YAAI,CAAC,gBAAgB,EAE3B,iBAAiB,EAAE,yBAAiB,CAAC,KAAK,EAC1C,WAAW,EAAE,cAAc,EAC3B,MAAM,EAAE,MAAM;wBAEb,OAAO,IAAI,MAAM,KAAK,UAAU,IAAI,CACnC,8BAAC,wBAAU,IACT,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAE,6BAAe,CAAC,OAAO;4BAElC,8BAAC,eAAM,IACL,SAAS,wBACJ,iBAAiB,KACpB,KAAK,EAAE,MAAM,KAEf,OAAO,EAAE,OAAO,iBACJ,qBAAqB,IAEhC,gBAAgB,CACV,CACE,CACd;wBACA,OAAO;4BACN,UAAU,CAAC,MAAM;4BACjB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,GAAG,IAAK,OAAA,CAC3B,8BAAC,wBAAU,IACT,GAAG,EAAE,UAAU,CAAC,GAAG,CAAC,EACpB,SAAS,EACP,MAAM,KAAK,UAAU;oCACnB,CAAC,CAAC,6BAAe,CAAC,OAAO;oCACzB,CAAC,CAAC,6BAAe,CAAC,IAAI,IAGzB,IAAA,kCAAsB,EAAC,MAAM,CAAC,CACpB,CACd,EAX4B,CAW5B,CAAC;wBACH,OAAO,IAAI,MAAM,KAAK,YAAY,IAAI,CACrC,8BAAC,wBAAU,mBACG,qBAAqB,gBACrB,gBAAgB,EAC5B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,OAAO;4BAEhB,8BAAC,uBAAe,OAAG,CACR,CACd,CACsB,CAC1B,CACuB,CACrB,CACF,CACe,CACzB,CAAC;AACJ,CAAC,CAAC;AAlJW,QAAA,cAAc,kBAkJzB"}

package/cjs/banner/banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,WAAW,EAAC,MAAM,SAAS,CAAC;AAOzD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuCxC,CAAC"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,WAAW,EAAC,MAAM,SAAS,CAAC;AAmDzD,eAAO,MAAM,MAAM,uBAA0D,CAAC"}

package/cjs/banner/banner.js

@@ -31,19 +31,22 @@ var visibility_1 = require("../grid/visibility");
 var banner_internal_1 = require("./banner-internal");
 var theme_1 = require("../theme");
 var utils_1 = require("./utils");
-var Banner = function (_a) {
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var ThemelessBanner = function (_a) {
     var _b;
     var _c = _a.layout, layout = _c === void 0 ? {
         xs: 'vertical',
         md: 'horizontal',
     } : _c, restProps = __rest(_a, ["layout"]);
     var layoutHasMQ = false;
-    var theme = theme_1.useTheme();
+    var theme = (0, theme_1.useTheme)();
     var horizontalBreakpoints = {};
     var verticalBreakpoints = {};
     if (typeof layout === 'object') {
         layoutHasMQ = true;
-        (_b = utils_1.getVisibleBreakpointsForLayout(layout, theme), verticalBreakpoints = _b.verticalBreakpoints, horizontalBreakpoints = _b.horizontalBreakpoints);
+        (_b = (0, utils_1.getVisibleBreakpointsForLayout)(layout, theme), verticalBreakpoints = _b.verticalBreakpoints, horizontalBreakpoints = _b.horizontalBreakpoints);
     }
     return (react_1.default.createElement(react_1.default.Fragment, null, layoutHasMQ ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(visibility_1.Visible, __assign({}, verticalBreakpoints),
@@ -51,5 +54,5 @@ var Banner = function (_a) {
         react_1.default.createElement(visibility_1.Visible, __assign({}, horizontalBreakpoints),
             react_1.default.createElement(banner_internal_1.BannerInternal, __assign({}, restProps, { layout: "horizontal" }))))) : (react_1.default.createElement(banner_internal_1.BannerInternal, __assign({}, restProps, { layout: layout })))));
 };
-exports.Banner = Banner;
+exports.Banner = (0, with_own_theme_1.withOwnTheme)(ThemelessBanner)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
 //# sourceMappingURL=banner.js.map

package/cjs/banner/banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,iDAA2C;AAC3C,qDAAiD;AACjD,kCAAkC;AAElC,iCAAuD;AAEhD,IAAM,MAAM,GAA0B,UAAC,EAM7C;;IALC,IAAA,cAGC,EAHD,MAAM,mBAAG;QACP,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,YAAY;KACjB,KAAA,EACE,SAAS,cALgC,UAM7C,CADa;IAEZ,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IAEzB,IAAI,qBAAqB,GAAgB,EAAE,CAAC;IAC5C,IAAI,mBAAmB,GAAgB,EAAE,CAAC;IAC1C,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,WAAW,GAAG,IAAI,CAAC;QACnB,CAAC,KAGG,sCAA8B,CAAC,MAAM,EAAE,KAAK,CAAC,EAF/C,mBAAmB,yBAAA,EACnB,qBAAqB,2BAAA,CAC2B,CAAC;KACpD;IAED,OAAO,CACL,8DACG,WAAW,CAAC,CAAC,CAAC,CACb;QACE,8BAAC,oBAAO,eAAK,mBAAmB;YAC9B,8BAAC,gCAAc,eAAK,SAAS,IAAE,MAAM,EAAC,UAAU,IAAG,CAC3C;QACV,8BAAC,oBAAO,eAAK,qBAAqB;YAChC,8BAAC,gCAAc,eAAK,SAAS,IAAE,MAAM,EAAC,YAAY,IAAG,CAC7C,CACT,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,gCAAc,eACT,SAAS,IACb,MAAM,EAAE,MAAuC,IAC/C,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,MAAM,UAuCjB"}
+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../src/banner/banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,iDAA2C;AAC3C,qDAAiD;AACjD,kCAAkC;AAElC,iCAAuD;AACvD,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAErD,IAAM,eAAe,GAA0B,UAAC,EAM/C;;IALC,IAAA,cAGC,EAHD,MAAM,mBAAG;QACP,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,YAAY;KACjB,KAAA,EACE,SAAS,cALkC,UAM/C,CADa;IAEZ,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAI,qBAAqB,GAAgB,EAAE,CAAC;IAC5C,IAAI,mBAAmB,GAAgB,EAAE,CAAC;IAC1C,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,WAAW,GAAG,IAAI,CAAC;QACnB,CAAC,KAGG,IAAA,sCAA8B,EAAC,MAAM,EAAE,KAAK,CAAC,EAF/C,mBAAmB,yBAAA,EACnB,qBAAqB,2BAAA,CAC2B,CAAC;KACpD;IAED,OAAO,CACL,8DACG,WAAW,CAAC,CAAC,CAAC,CACb;QACE,8BAAC,oBAAO,eAAK,mBAAmB;YAC9B,8BAAC,gCAAc,eAAK,SAAS,IAAE,MAAM,EAAC,UAAU,IAAG,CAC3C;QACV,8BAAC,oBAAO,eAAK,qBAAqB;YAChC,8BAAC,gCAAc,eAAK,SAAS,IAAE,MAAM,EAAC,YAAY,IAAG,CAC7C,CACT,CACJ,CAAC,CAAC,CAAC,CACF,8BAAC,gCAAc,eACT,SAAS,IACb,MAAM,EAAE,MAAuC,IAC/C,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,6BAAY,EAAC,eAAe,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}

package/cjs/banner/defaults.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+    banner: {
+        horizontal: {
+            stylePreset: string;
+            spaceInset: string;
+            minHeight: string;
+            icon: {
+                spaceInline: string;
+            };
+            content: {
+                spaceInline: string;
+                title: {
+                    stylePreset: string;
+                    typographyPreset: string;
+                    spaceStack: string;
+                };
+                message: {
+                    stylePreset: string;
+                    typographyPreset: string;
+                };
+            };
+            actions: {
+                spaceInline: string;
+                closeButton: {
+                    stylePreset: string;
+                };
+            };
+        };
+        vertical: {
+            stylePreset: string;
+            spaceInset: string;
+            minHeight: string;
+            icon: {
+                spaceInline: string;
+            };
+            content: {
+                spaceInline: string;
+                title: {
+                    stylePreset: string;
+                    typographyPreset: string;
+                    spaceStack: string;
+                };
+                message: {
+                    stylePreset: string;
+                    typographyPreset: string;
+                };
+            };
+            actions: {
+                spaceInline: string;
+                closeButton: {
+                    stylePreset: string;
+                };
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/cjs/banner/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/banner/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAuDE"}

package/cjs/banner/defaults.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    banner: {
+        horizontal: {
+            stylePreset: 'bannerInformative',
+            spaceInset: 'spaceInset045',
+            minHeight: 'sizing090',
+            icon: {
+                spaceInline: 'space030',
+            },
+            content: {
+                spaceInline: 'space030',
+                title: {
+                    stylePreset: 'inkInverse',
+                    typographyPreset: 'utilityHeading010',
+                    spaceStack: 'space030',
+                },
+                message: {
+                    stylePreset: 'inkInverse',
+                    typographyPreset: 'utilityBody020',
+                },
+            },
+            actions: {
+                spaceInline: 'space040',
+                closeButton: {
+                    stylePreset: 'iconButtonMinimalInverse',
+                },
+            },
+        },
+        vertical: {
+            stylePreset: 'bannerInformative',
+            spaceInset: 'spaceInset045',
+            minHeight: 'sizing090',
+            icon: {
+                spaceInline: 'space030',
+            },
+            content: {
+                spaceInline: 'space050',
+                title: {
+                    stylePreset: 'inkInverse',
+                    typographyPreset: 'utilityHeading010',
+                    spaceStack: 'space030',
+                },
+                message: {
+                    stylePreset: 'inkInverse',
+                    typographyPreset: 'utilityBody020',
+                },
+            },
+            actions: {
+                spaceInline: 'space050',
+                closeButton: {
+                    stylePreset: 'buttonOutlinedInverse',
+                },
+            },
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/banner/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/banner/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,MAAM,EAAE;QACN,UAAU,EAAE;YACV,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,eAAe;YAC3B,SAAS,EAAE,WAAW;YACtB,IAAI,EAAE;gBACJ,WAAW,EAAE,UAAU;aACxB;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,UAAU;gBACvB,KAAK,EAAE;oBACL,WAAW,EAAE,YAAY;oBACzB,gBAAgB,EAAE,mBAAmB;oBACrC,UAAU,EAAE,UAAU;iBACvB;gBACD,OAAO,EAAE;oBACP,WAAW,EAAE,YAAY;oBACzB,gBAAgB,EAAE,gBAAgB;iBACnC;aACF;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,UAAU;gBACvB,WAAW,EAAE;oBACX,WAAW,EAAE,0BAA0B;iBACxC;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mBAAmB;YAChC,UAAU,EAAE,eAAe;YAC3B,SAAS,EAAE,WAAW;YACtB,IAAI,EAAE;gBACJ,WAAW,EAAE,UAAU;aACxB;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,UAAU;gBACvB,KAAK,EAAE;oBACL,WAAW,EAAE,YAAY;oBACzB,gBAAgB,EAAE,mBAAmB;oBACrC,UAAU,EAAE,UAAU;iBACvB;gBACD,OAAO,EAAE;oBACP,WAAW,EAAE,YAAY;oBACzB,gBAAgB,EAAE,gBAAgB;iBACnC;aACF;YACD,OAAO,EAAE;gBACP,WAAW,EAAE,UAAU;gBACvB,WAAW,EAAE;oBACX,WAAW,EAAE,uBAAuB;iBACrC;aACF;SACF;KACF;CACF,CAAC"}

package/cjs/banner/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/cjs/banner/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/banner/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBAmBiC"}

package/cjs/banner/style-presets.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    bannerInformative: {
+        base: {
+            backgroundColor: '{{colors.interfaceInformative010}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+    bannerNotice: {
+        base: {
+            backgroundColor: '{{colors.interfaceNotice010}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+    bannerNegative: {
+        base: {
+            backgroundColor: '{{colors.interfaceNegative010}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/cjs/banner/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/banner/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,iBAAiB,EAAE;QACjB,IAAI,EAAE;YACJ,eAAe,EAAE,oCAAoC;YACrD,SAAS,EAAE,uBAAuB;SACnC;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,eAAe,EAAE,+BAA+B;YAChD,SAAS,EAAE,uBAAuB;SACnC;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,eAAe,EAAE,iCAAiC;YAClD,SAAS,EAAE,uBAAuB;SACnC;KACF;CAC6B,CAAC"}

package/cjs/banner/styled.js

@@ -10,52 +10,52 @@ var stack_1 = require("../stack");
 var text_block_1 = require("../text-block");
 exports.StyledBannerContainer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", ";\n  ", "\n  ", "\n"], ["\n  box-sizing: border-box;\n  ", ";\n  ", "\n  ", "\n"])), function (_a) {
     var layout = _a.layout;
-    return style_1.getStylePreset("banner." + layout, '');
+    return (0, style_1.getStylePreset)("banner.".concat(layout), '');
 }, function (_a) {
     var layout = _a.layout;
-    return style_1.getResponsiveSpace('padding', "banner." + layout, '', 'spaceInset');
+    return (0, style_1.getResponsiveSpace)('padding', "banner.".concat(layout), '', 'spaceInset');
 }, function (_a) {
     var layout = _a.layout;
-    return style_1.getResponsiveSize('minHeight', "banner." + layout, '', 'minHeight');
+    return (0, style_1.getResponsiveSize)('minHeight', "banner.".concat(layout), '', 'minHeight');
 });
-exports.StyledMaxWidthContainer = style_1.styled(stack_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", "\n  margin: 0 auto;\n"], ["\n  box-sizing: border-box;\n  ", "\n  margin: 0 auto;\n"])), function (_a) {
+exports.StyledMaxWidthContainer = (0, style_1.styled)(stack_1.Stack)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  ", "\n  margin: 0 auto;\n"], ["\n  box-sizing: border-box;\n  ", "\n  margin: 0 auto;\n"])), function (_a) {
     var layout = _a.layout;
-    return style_1.getResponsiveSize('maxWidth', "banner." + layout, '', 'maxWidth');
+    return (0, style_1.getResponsiveSize)('maxWidth', "banner.".concat(layout), '', 'maxWidth');
 });
-exports.StyledIconContentContainer = style_1.styled(stack_1.Stack)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  ", "\n  ", "\n"], ["\n  flex: 1;\n  ", "\n  ", "\n"])), function (_a) {
+exports.StyledIconContentContainer = (0, style_1.styled)(stack_1.Stack)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  ", "\n  ", "\n"], ["\n  flex: 1;\n  ", "\n  ", "\n"])), function (_a) {
     var layout = _a.layout;
     return layout === 'vertical' && 'align-self: stretch;';
 }, function (_a) {
     var layout = _a.layout;
-    return style_1.getResponsiveSpace(layout === 'vertical' ? 'marginBottom' : 'marginRight', "banner." + layout + ".content", 'content', 'spaceInline');
+    return (0, style_1.getResponsiveSpace)(layout === 'vertical' ? 'marginBottom' : 'marginRight', "banner.".concat(layout, ".content"), 'content', 'spaceInline');
 });
 exports.StyledIconContainer = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  ", "\n"], ["\n  display: flex;\n  ", "\n"])), function (_a) {
     var layout = _a.layout;
-    return style_1.getResponsiveSpace('marginRight', "banner." + layout + ".icon", 'icon', 'spaceInline');
+    return (0, style_1.getResponsiveSpace)('marginRight', "banner.".concat(layout, ".icon"), 'icon', 'spaceInline');
 });
-exports.StyledTitleContainer = style_1.styled(text_block_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n\n  ", ";\n\n  ", "\n"], ["\n  ", ";\n\n  ", ";\n\n  ", "\n"])), function (_a) {
+exports.StyledTitleContainer = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n\n  ", ";\n\n  ", "\n"], ["\n  ", ";\n\n  ", ";\n\n  ", "\n"])), function (_a) {
     var layout = _a.layout;
-    return style_1.getTypographyPreset("banner." + layout + ".content.title", 'content.title', {
+    return (0, style_1.getTypographyPreset)("banner.".concat(layout, ".content.title"), 'content.title', {
         withCrop: true,
     });
 }, function (_a) {
     var layout = _a.layout;
-    return style_1.getStylePreset("banner." + layout + ".content.title", 'content.title');
+    return (0, style_1.getStylePreset)("banner.".concat(layout, ".content.title"), 'content.title');
 }, function (_a) {
     var layout = _a.layout;
-    return style_1.getResponsiveSpace('marginBottom', "banner." + layout + ".content.title", 'content.title', 'spaceStack');
+    return (0, style_1.getResponsiveSpace)('marginBottom', "banner.".concat(layout, ".content.title"), 'content.title', 'spaceStack');
 });
 exports.StyledContentContainer = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  flex: 1;\n  align-self: center;\n"], ["\n  flex: 1;\n  align-self: center;\n"])));
-exports.StyledMessageContainer = style_1.styled(text_block_1.TextBlock)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n\n  ", ";\n"], ["\n  ", ";\n\n  ", ";\n"])), function (_a) {
+exports.StyledMessageContainer = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n\n  ", ";\n"], ["\n  ", ";\n\n  ", ";\n"])), function (_a) {
     var layout = _a.layout;
-    return style_1.getTypographyPreset("banner." + layout + ".content.message", 'content.message', {
+    return (0, style_1.getTypographyPreset)("banner.".concat(layout, ".content.message"), 'content.message', {
         withCrop: true,
     });
 }, function (_a) {
     var layout = _a.layout;
-    return style_1.getStylePreset("banner." + layout + ".content.message", 'content.message');
+    return (0, style_1.getStylePreset)("banner.".concat(layout, ".content.message"), 'content.message');
 });
-exports.StyledActionsContainer = style_1.styled(stack_1.Stack)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+exports.StyledActionsContainer = (0, style_1.styled)(stack_1.Stack)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var layout = _a.layout;
     return layout === 'vertical' ? 'align-self: stretch;' : 'align-self: center;';
 });

package/cjs/banner/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/banner/styled.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/banner/styled.tsx"],"names":[],"mappings":"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"}

package/cjs/banner/types.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { CellProps, GridProps } from '../grid';
 import { NewsKitIcon } from '../icons';
 import { MQ } from '../utils/style';
 export interface BannerBaseProps extends React.AriaAttributes {
@@ -6,13 +7,19 @@ export interface BannerBaseProps extends React.AriaAttributes {
     children: Exclude<React.ReactNode, 'undefined'>;
     closeButtonLabel?: string;
     icon?: ReactElement<NewsKitIcon>;
-    title?: string;
+    title?: React.ReactNode;
     onClose?: () => void;
     overrides?: {
         stylePreset?: MQ<string>;
         minHeight?: MQ<string>;
         spaceInset?: MQ<string>;
         maxWidth?: MQ<string>;
+        grid?: {
+            props: GridProps;
+        };
+        cell?: {
+            props: CellProps;
+        };
         icon?: {
             spaceInline?: MQ<string>;
         };

package/cjs/banner/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,KAAK,CAAC,EAAE;gBACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aACzB,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC/B,CAAC;SACH,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE;gBACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC1B,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,MAAM,CAAC,EAAE,EAAE,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;CACxC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/banner/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AACnC,OAAO,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc;IAC3D,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,EAAE,SAAS,CAAC;SAClB,CAAC;QACF,IAAI,CAAC,EAAE;YACL,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC1B,CAAC;QACF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,KAAK,CAAC,EAAE;gBACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aACzB,CAAC;YACF,OAAO,CAAC,EAAE;gBACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;gBACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC/B,CAAC;SACH,CAAC;QAEF,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE;gBACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;aAC1B,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,MAAM,EAAE,YAAY,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,MAAM,CAAC,EAAE,EAAE,CAAC,YAAY,GAAG,UAAU,CAAC,CAAC;CACxC"}

package/cjs/banner/utils.js

@@ -22,7 +22,7 @@ var getVisibleBreakpointsForLayout = function (layout, theme) {
     var breakpoints = theme.breakpoints;
     var breakpointsKeys = Object.keys(breakpoints);
     // Get the lowest breakpoint key as base
-    var baseBreakpoint = utils_1.sortBreakpointKeys(Object.keys(layout), breakpointsKeys)[0];
+    var baseBreakpoint = (0, utils_1.sortBreakpointKeys)(Object.keys(layout), breakpointsKeys)[0];
     var baseValue = layout[baseBreakpoint];
     // Set values to all breakpoints (mainly for the missing ones)
     var valuesForAllBreakpoints = breakpointsKeys.reduce(function (acc, breakpointKey) {

package/cjs/banner/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/banner/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,8DAAwE;AAGxE,IAAM,UAAU,GAAG,UAAC,MAAsC;IACxD,OAAA,MAAM,KAAK,UAAU;AAArB,CAAqB,CAAC;AAEjB,IAAM,8BAA8B,GAAG,UAC5C,MAIC,EACD,KAAY;IAEZ,IAAM,qBAAqB,GAAgB,EAAE,CAAC;IAC9C,IAAM,mBAAmB,GAAgB,EAAE,CAAC;IAErC,IAAA,WAAW,GAAI,KAAK,YAAT,CAAU;IAC5B,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB,CAAC;IAErE,wCAAwC;IACxC,IAAM,cAAc,GAAmB,0BAAkB,CACvD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAqB,EACvC,eAAe,CAChB,CAAC,CAAC,CAAC,CAAC;IACL,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEvC,8DAA8D;IAC9D,IAAM,uBAAuB,GAAG,eAAe,CAAC,MAAM,CACpD,UAAC,GAAG,EAAE,aAAa;;QACjB,IAAI,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;YACpC,6BAAW,GAAG,gBAAG,aAAa,IAAG,SAAS,OAAE;SAC7C;QAED,SAAS,GAAG,GAAG,CAAC,aAAa,CAAC,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC,EACD,MAAM,CACP,CAAC;IAEF,IAAM,4BAA4B,GAAG,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAE7E,oCAAoC;IACpC,0BAA0B;IAC1B,cAAc;IACd,cAAc;IACd,eAAe;IACf,eAAe;IACf,eAAe;IACf,IAAI;IACJ,kEAAkE;IAClE,4BAA4B,CAAC,OAAO,CAAC,UAAC,EAAY;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAC/C,mBAAmB,CAAC,GAAqB,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC/D,qBAAqB,CAAC,GAAqB,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB,qBAAA;QACnB,qBAAqB,uBAAA;KACtB,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,8BAA8B,kCAsDzC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/banner/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEA,8DAAwE;AAGxE,IAAM,UAAU,GAAG,UAAC,MAAsC;IACxD,OAAA,MAAM,KAAK,UAAU;AAArB,CAAqB,CAAC;AAEjB,IAAM,8BAA8B,GAAG,UAC5C,MAIC,EACD,KAAY;IAEZ,IAAM,qBAAqB,GAAgB,EAAE,CAAC;IAC9C,IAAM,mBAAmB,GAAgB,EAAE,CAAC;IAErC,IAAA,WAAW,GAAI,KAAK,YAAT,CAAU;IAC5B,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB,CAAC;IAErE,wCAAwC;IACxC,IAAM,cAAc,GAAmB,IAAA,0BAAkB,EACvD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAqB,EACvC,eAAe,CAChB,CAAC,CAAC,CAAC,CAAC;IACL,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEvC,8DAA8D;IAC9D,IAAM,uBAAuB,GAAG,eAAe,CAAC,MAAM,CACpD,UAAC,GAAG,EAAE,aAAa;;QACjB,IAAI,GAAG,CAAC,aAAa,CAAC,KAAK,SAAS,EAAE;YACpC,6BAAW,GAAG,gBAAG,aAAa,IAAG,SAAS,OAAE;SAC7C;QAED,SAAS,GAAG,GAAG,CAAC,aAAa,CAAC,CAAC;QAC/B,OAAO,GAAG,CAAC;IACb,CAAC,EACD,MAAM,CACP,CAAC;IAEF,IAAM,4BAA4B,GAAG,MAAM,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAE7E,oCAAoC;IACpC,0BAA0B;IAC1B,cAAc;IACd,cAAc;IACd,eAAe;IACf,eAAe;IACf,eAAe;IACf,IAAI;IACJ,kEAAkE;IAClE,4BAA4B,CAAC,OAAO,CAAC,UAAC,EAAY;YAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAC/C,mBAAmB,CAAC,GAAqB,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QAC/D,qBAAqB,CAAC,GAAqB,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB,qBAAA;QACnB,qBAAqB,uBAAA;KACtB,CAAC;AACJ,CAAC,CAAC;AAtDW,QAAA,8BAA8B,kCAsDzC"}

package/cjs/block/block.js

@@ -23,16 +23,16 @@ var react_1 = __importDefault(require("react"));
 var style_1 = require("../utils/style");
 var StyledDiv = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (_a) {
     var stylePreset = _a.stylePreset;
-    return stylePreset && style_1.getStylePresetFromTheme(stylePreset);
+    return stylePreset && (0, style_1.getStylePresetFromTheme)(stylePreset);
 }, function (_a) {
     var spaceInset = _a.spaceInset;
-    return spaceInset && style_1.getSpacingInsetFromTheme(spaceInset);
+    return spaceInset && (0, style_1.getSpacingInsetFromTheme)(spaceInset);
 }, function (_a) {
     var spaceInline = _a.spaceInline;
-    return spaceInline && style_1.getSpacingFromTheme(spaceInline, undefined, 'marginRight');
+    return spaceInline && (0, style_1.getSpacingFromTheme)(spaceInline, undefined, 'marginRight');
 }, function (_a) {
     var spaceStack = _a.spaceStack;
-    return spaceStack && style_1.getSpacingFromTheme(spaceStack, undefined, 'marginBottom');
+    return spaceStack && (0, style_1.getSpacingFromTheme)(spaceStack, undefined, 'marginBottom');
 });
 var Block = function (props) { return react_1.default.createElement(StyledDiv, __assign({}, props)); };
 exports.Block = Block;

package/cjs/block/block.js.map

@@ -1 +1 @@
-{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AAUxB,IAAM,SAAS,GAAG,cAAM,CAAC,GAAG,uGAAY,MACpC,EAAsE,MACtE,EAAoE,MACpE,EACyE,MACzE,EACwE,IAC3E,KANG,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,WAAW,IAAI,+BAAuB,CAAC,WAAW,CAAC;AAAnD,CAAmD,EACtE,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAM,OAAA,UAAU,IAAI,gCAAwB,CAAC,UAAU,CAAC;AAAlD,CAAkD,EACpE,UAAC,EAAa;QAAZ,WAAW,iBAAA;IACb,OAAA,WAAW,IAAI,2BAAmB,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAAzE,CAAyE,EACzE,UAAC,EAAY;QAAX,UAAU,gBAAA;IACZ,OAAA,UAAU,IAAI,2BAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC;AAAxE,CAAwE,CAC3E,CAAC;AAEK,IAAM,KAAK,GAAyB,UAAA,KAAK,IAAI,OAAA,8BAAC,SAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC;AAAhE,QAAA,KAAK,SAA2D"}
+{"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AAUxB,IAAM,SAAS,GAAG,cAAM,CAAC,GAAG,uGAAY,MACpC,EAAsE,MACtE,EAAoE,MACpE,EACyE,MACzE,EACwE,IAC3E,KANG,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,WAAW,IAAI,IAAA,+BAAuB,EAAC,WAAW,CAAC;AAAnD,CAAmD,EACtE,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAM,OAAA,UAAU,IAAI,IAAA,gCAAwB,EAAC,UAAU,CAAC;AAAlD,CAAkD,EACpE,UAAC,EAAa;QAAZ,WAAW,iBAAA;IACb,OAAA,WAAW,IAAI,IAAA,2BAAmB,EAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAAzE,CAAyE,EACzE,UAAC,EAAY;QAAX,UAAU,gBAAA;IACZ,OAAA,UAAU,IAAI,IAAA,2BAAmB,EAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC;AAAxE,CAAwE,CAC3E,CAAC;AAEK,IAAM,KAAK,GAAyB,UAAA,KAAK,IAAI,OAAA,8BAAC,SAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC;AAAhE,QAAA,KAAK,SAA2D"}

package/cjs/button/button.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ButtonOrButtonLinkProps } from './types';
-export declare const Button: React.ForwardRefExoticComponent<ButtonOrButtonLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export declare const Button: React.FC<ButtonOrButtonLinkProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //# sourceMappingURL=button.d.ts.map

package/cjs/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,uBAAuB,EAA2B,MAAM,SAAS,CAAC;AAQ1E,eAAO,MAAM,MAAM,uHAyFjB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,uBAAuB,EAA2B,MAAM,SAAS,CAAC;AAoG1E,eAAO,MAAM,MAAM,gGAA0D,CAAC"}

package/cjs/button/button.js

@@ -34,24 +34,26 @@ var filter_object_1 = require("../utils/filter-object");
 var component_1 = require("../utils/component");
 var indeterminate_progress_indicator_1 = require("../icons/filled/custom/indeterminate-progress-indicator");
 var instrumentation_1 = require("../instrumentation");
-exports.Button = react_1.default.forwardRef(function (props, ref) {
-    var theme = theme_1.useTheme();
-    var fireEvent = instrumentation_1.useInstrumentation().fireEvent;
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var ThemelessButton = react_1.default.forwardRef(function (props, ref) {
+    var theme = (0, theme_1.useTheme)();
+    var fireEvent = (0, instrumentation_1.useInstrumentation)().fireEvent;
     var children = props.children, _a = props.overrides, overrides = _a === void 0 ? {} : _a, _b = props.size, size = _b === void 0 ? types_1.ButtonSize.Medium : _b, loading = props.loading;
-    var buttonSettings = __assign(__assign({}, theme.componentDefaults.button[size]), filter_object_1.filterOutFalsyProperties(overrides));
+    var buttonSettings = __assign(__assign({}, theme.componentDefaults.button[size]), (0, filter_object_1.filterOutFalsyProperties)(overrides));
     var loadingIndicatorStylePreset = buttonSettings.loadingIndicator &&
         buttonSettings.loadingIndicator.stylePreset;
     var getProps = function (linkOrButtonProps) {
         var _a = linkOrButtonProps, disabled = _a.disabled, eventContext = _a.eventContext, eventOriginator = _a.eventOriginator, rest = __rest(_a, ["disabled", "eventContext", "eventOriginator"]);
-        var isLink = types_1.isButtonLink(linkOrButtonProps) && Boolean(linkOrButtonProps.href);
-        var href = types_1.isButtonLink(linkOrButtonProps) && linkOrButtonProps.href;
+        var isLink = (0, types_1.isButtonLink)(linkOrButtonProps);
         var disabledLinkProps = {
             href: undefined,
             role: 'link',
             'aria-disabled': 'true',
         };
         return __assign(__assign({}, (isLink
-            ? __assign(__assign(__assign(__assign({ 'data-testid': 'buttonLink' }, component_1.as('a')), rest), { href: href, disabled: disabled }), (disabled && disabledLinkProps)) : __assign(__assign(__assign(__assign({ type: 'button', 'data-testid': 'button' }, component_1.as('button')), rest), { disabled: disabled }), (loading && {
+            ? __assign(__assign(__assign(__assign({ 'data-testid': 'buttonLink' }, (0, component_1.as)('a')), rest), { disabled: disabled }), (disabled && disabledLinkProps)) : __assign(__assign(__assign(__assign({ type: 'button', 'data-testid': 'button' }, (0, component_1.as)('button')), rest), { disabled: disabled }), (loading && {
             'aria-busy': 'true',
             'aria-live': 'polite',
         })))), { onClick: function (event) {
@@ -72,4 +74,5 @@ exports.Button = react_1.default.forwardRef(function (props, ref) {
             stylePreset: loadingIndicatorStylePreset,
         } })) : (children)));
 });
+exports.Button = (0, with_own_theme_1.withOwnTheme)(ThemelessButton)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
 //# sourceMappingURL=button.js.map

package/cjs/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,iCAA0E;AAC1E,mCAAoC;AACpC,kCAAkC;AAClC,wDAAgE;AAChE,gDAAmD;AACnD,4GAAuG;AACvG,sDAAoE;AAEvD,QAAA,MAAM,GAAG,eAAK,CAAC,UAAU,CAGpC,UAAC,KAAK,EAAE,GAAG;IACX,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IAClB,IAAA,SAAS,GAAI,oCAAkB,EAAE,UAAxB,CAAyB;IAElC,IAAA,QAAQ,GAAuD,KAAK,SAA5D,EAAE,KAAqD,KAAK,UAA5C,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,KAAqC,KAAK,KAAlB,EAAxB,IAAI,mBAAG,kBAAU,CAAC,MAAM,KAAA,EAAE,OAAO,GAAI,KAAK,QAAT,CAAU;IAE5E,IAAM,cAAc,yBACf,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,IAAI,CAAC,GACpC,wCAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,IAAM,2BAA2B,GAC/B,cAAc,CAAC,gBAAgB;QAC/B,cAAc,CAAC,gBAAgB,CAAC,WAAW,CAAC;IAE9C,IAAM,QAAQ,GAAG,UACf,iBAAyB;QAEzB,IAAM,KAKF,iBAA4C,EAJ9C,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACZ,IAAI,cAJH,+CAKL,CAA+C,CAAC;QACjD,IAAM,MAAM,GACV,oBAAY,CAAC,iBAAiB,CAAC,IAAI,OAAO,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACrE,IAAM,IAAI,GAAG,oBAAY,CAAC,iBAAiB,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC;QAEvE,IAAM,iBAAiB,GAAG;YACxB,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,MAAM;YACZ,eAAe,EAAE,MAAM;SACxB,CAAC;QAEF,6BACK,CAAC,MAAM;YACR,CAAC,uCACG,aAAa,EAAE,YAAY,IACxB,cAAS,CAAC,GAAG,CAAC,GACd,IAAI,KACP,IAAI,MAAA,EACJ,QAAQ,UAAA,KACL,CAAC,QAAQ,IAAI,iBAAiB,CAAC,EAEtC,CAAC,uCACG,IAAI,EAAE,QAAQ,EACd,aAAa,EAAE,QAAQ,IACpB,cAAS,CAAC,QAAQ,CAAC,GACnB,IAAI,KACP,QAAQ,UAAA,KACL,CAAC,OAAO,IAAI;YACb,WAAW,EAAE,MAAM;YACnB,WAAW,EAAE,QAAQ;SACtB,CAAC,CACH,CAAC,KACN,OAAO,EAAE,UAAC,KAAgD;gBACxD,SAAS,CAAC;oBACR,UAAU,EAAE,eAAe,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;oBAC3D,OAAO,EAAE,8BAAY,CAAC,KAAK;oBAC3B,OAAO,eACF,YAAY,CAChB;iBACF,CAAC,CAAC;gBACH,IAAI,iBAAiB,CAAC,OAAO,EAAE;oBAC7B,iBAAiB,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAC;iBACnC;YACH,CAAC,EACD,SAAS,EAAE,cAAc,IACzB;IACJ,CAAC,CAAC;IAEF,OAAO;IACL,8DAA8D;IAC9D,8BAAC,mBAAU,eAAK,QAAQ,CAAC,KAAK,CAAC,IAAE,GAAG,EAAE,GAAU,KAC7C,OAAO,CAAC,CAAC,CAAC,CACT,8BAAC,iEAA8B,IAC7B,SAAS,EAAE;YACT,IAAI,EAAE,cAAe,CAAC,QAAQ;YAC9B,WAAW,EAAE,2BAA2B;SACzC,GACD,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"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"}

package/cjs/button/defaults.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    button: {
+        small: {
+            typographyPreset: string;
+            stylePreset: string;
+            spaceInset: string;
+            minWidth: string;
+            minHeight: string;
+            iconSize: string;
+            spaceInline: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+        medium: {
+            typographyPreset: string;
+            stylePreset: string;
+            spaceInset: string;
+            minWidth: string;
+            minHeight: string;
+            iconSize: string;
+            spaceInline: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+        large: {
+            typographyPreset: string;
+            stylePreset: string;
+            spaceInset: string;
+            minWidth: string;
+            minHeight: string;
+            iconSize: string;
+            spaceInline: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/cjs/button/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/button/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAuCE"}