newskit 4.3.0 → 5.1.1

package/esm/grid-layout/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { GridLayoutProps } from './types';
+export declare const StyledGridLayout: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GridLayoutProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/esm/grid-layout/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/styled.ts"],"names":[],"mappings":";AAEA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAqBxC,eAAO,MAAM,gBAAgB;;;2HAuE5B,CAAC"}

package/esm/grid-layout/styled.js

@@ -0,0 +1,77 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { getResponsiveSize, handleResponsiveProp, styled } from '../utils/style';
+var GRID_DEFAULT_PROPS = {
+    rowGap: undefined,
+    columnGap: undefined,
+    columns: undefined,
+    rows: undefined,
+    justifyContent: undefined,
+    alignContent: undefined,
+    justifyItems: undefined,
+    alignItems: undefined,
+    areas: undefined,
+    inline: false,
+};
+var mapTemplate = function (theme, templateString) {
+    return templateString === null || templateString === void 0 ? void 0 : templateString.split(' ').map(function (section) { return theme.sizing[section] || section; }).join(' ');
+};
+export var StyledGridLayout = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n  \n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n"])), handleResponsiveProp({ inline: GRID_DEFAULT_PROPS.inline }, function (_a) {
+    var inline = _a.inline;
+    return ({
+        display: inline ? 'inline-grid' : 'grid',
+    });
+}), handleResponsiveProp({ rowGap: GRID_DEFAULT_PROPS.rowGap }, function (_a, _b) {
+    var rowGap = _a.rowGap;
+    var theme = _b.theme;
+    return ({
+        rowGap: rowGap && (theme.spacePresets[rowGap] || rowGap),
+    });
+}), handleResponsiveProp({ columnGap: GRID_DEFAULT_PROPS.columnGap }, function (_a, _b) {
+    var columnGap = _a.columnGap;
+    var theme = _b.theme;
+    return ({
+        columnGap: columnGap && (theme.spacePresets[columnGap] || columnGap),
+    });
+}), handleResponsiveProp({ columns: GRID_DEFAULT_PROPS.columns }, function (_a, _b) {
+    var columns = _a.columns;
+    var theme = _b.theme;
+    return ({
+        gridTemplateColumns: mapTemplate(theme, columns),
+    });
+}), handleResponsiveProp({ rows: GRID_DEFAULT_PROPS.rows }, function (_a, _b) {
+    var rows = _a.rows;
+    var theme = _b.theme;
+    return ({
+        gridTemplateRows: mapTemplate(theme, rows),
+    });
+}), handleResponsiveProp({ areas: GRID_DEFAULT_PROPS.areas }, function (_a) {
+    var areas = _a.areas;
+    return ({
+        gridTemplateAreas: areas,
+    });
+}), handleResponsiveProp({ justifyContent: GRID_DEFAULT_PROPS.justifyContent }, function (_a) {
+    var justifyContent = _a.justifyContent;
+    return ({
+        justifyContent: justifyContent,
+    });
+}), handleResponsiveProp({ alignContent: GRID_DEFAULT_PROPS.alignContent }, function (_a) {
+    var alignContent = _a.alignContent;
+    return ({
+        alignContent: alignContent,
+    });
+}), handleResponsiveProp({ justifyItems: GRID_DEFAULT_PROPS.justifyItems }, function (_a) {
+    var justifyItems = _a.justifyItems;
+    return ({
+        justifyItems: justifyItems,
+    });
+}), handleResponsiveProp({ alignItems: GRID_DEFAULT_PROPS.alignItems }, function (_a) {
+    var alignItems = _a.alignItems;
+    return ({
+        alignItems: alignItems,
+    });
+}), getResponsiveSize('width', 'gridLayout', '', 'width'), getResponsiveSize('minWidth', 'gridLayout', '', 'minWidth'), getResponsiveSize('maxWidth', 'gridLayout', '', 'maxWidth'), getResponsiveSize('height', 'gridLayout', '', 'height'), getResponsiveSize('minHeight', 'gridLayout', '', 'minHeight'), getResponsiveSize('maxHeight', 'gridLayout', '', 'maxHeight'));
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/esm/grid-layout/styled.js.map

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

package/esm/grid-layout/types.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { MQ } from '../utils/style';
+import { BlockProps } from '../block';
+export declare type GridLayoutItemProps = BlockProps & {
+    area?: string;
+    order?: MQ<number>;
+    justifySelf?: MQ<string>;
+    alignSelf?: MQ<string>;
+};
+export declare type AreasMap = {
+    [componentName: string]: React.FC<GridLayoutItemProps>;
+};
+declare type GridLayoutRenderProps = (areas: AreasMap) => React.ReactNode;
+export declare type GridLayoutProps = {
+    rowGap?: MQ<string>;
+    columnGap?: MQ<string>;
+    rows?: MQ<string>;
+    columns?: MQ<string>;
+    justifyContent?: MQ<string>;
+    alignContent?: MQ<string>;
+    justifyItems?: MQ<string>;
+    alignItems?: MQ<string>;
+    areas?: MQ<string>;
+    inline?: MQ<boolean>;
+    children?: React.ReactNode | GridLayoutRenderProps;
+    overrides?: {
+        width?: MQ<string>;
+        minWidth?: MQ<string>;
+        maxWidth?: MQ<string>;
+        height?: MQ<string>;
+        minHeight?: MQ<string>;
+        maxHeight?: MQ<string>;
+    };
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/esm/grid-layout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AAEpC,oBAAY,mBAAmB,GAAG,UAAU,GAAG;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACxB,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,CAAC,aAAa,EAAE,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;CACxD,CAAC;AAEF,aAAK,qBAAqB,GAAG,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC;AAElE,oBAAY,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAClB,OAAO,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACrB,cAAc,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACnD,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACnB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACpB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACvB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACxB,CAAC;CACH,CAAC"}

package/esm/grid-layout/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/grid-layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/grid-layout/types.ts"],"names":[],"mappings":""}

package/esm/grid-layout/utils.d.ts

@@ -0,0 +1,7 @@
+import { MQ } from '../utils/style';
+export declare const capitalize: (s: string) => string;
+export declare const extractAreas: (areaString: string) => string[];
+export declare const filterInvalidAreas: (areaName: string) => boolean;
+export declare const getAreasList: (areas: MQ<string>) => string[];
+export declare const areaToValidCSS: (areasToStandardise?: string | undefined) => string | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/esm/grid-layout/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAGlC,eAAO,MAAM,UAAU,MAAO,MAAM,WACuB,CAAC;AAE5D,eAAO,MAAM,YAAY,eAAgB,MAAM,aAMhC,CAAC;AAEhB,eAAO,MAAM,kBAAkB,aAAc,MAAM,KAAG,OACf,CAAC;AAExC,eAAO,MAAM,YAAY,UAAW,GAAG,MAAM,CAAC,KAAG,MAAM,EAUtD,CAAC;AAEF,eAAO,MAAM,cAAc,iEAWZ,CAAC"}

package/esm/grid-layout/utils.js

@@ -0,0 +1,43 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { uniq } from '../utils/uniq';
+export var capitalize = function (s) {
+    return s.replace(/^./, function (firstLetter) { return firstLetter.toUpperCase(); });
+};
+export var extractAreas = function (areaString) {
+    return areaString
+        .replace(/\n/g, '')
+        .replace(/"/g, '')
+        .replace(/  +/g, ' ')
+        .trim()
+        .split(' ');
+};
+export var filterInvalidAreas = function (areaName) {
+    return areaName !== '.' && Boolean(areaName);
+};
+export var getAreasList = function (areas) {
+    if (typeof areas === 'string') {
+        return uniq(extractAreas(areas));
+    }
+    var list = Object.values(areas).reduce(function (acc, val) {
+        var filtered = extractAreas(val);
+        return __spreadArray(__spreadArray([], acc, true), filtered, true);
+    }, []);
+    return uniq(list).filter(filterInvalidAreas);
+};
+export var areaToValidCSS = function (areasToStandardise) {
+    return areasToStandardise === null || areasToStandardise === void 0 ? void 0 : areasToStandardise.split('\n').map(function (eachArea) {
+        return eachArea
+            .split(/\s+/)
+            .filter(function (eachAreaNested) { return !!eachAreaNested; })
+            .join(' ');
+    }).filter(function (each) { return each.length; }).map(function (each) { return (each.includes("\"") ? each : "\"".concat(each, "\"")); }).join('\n');
+};
+//# sourceMappingURL=utils.js.map

package/esm/grid-layout/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/grid-layout/utils.ts"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAEnC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,CAAS;IAClC,OAAA,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,UAAA,WAAW,IAAI,OAAA,WAAW,CAAC,WAAW,EAAE,EAAzB,CAAyB,CAAC;AAAzD,CAAyD,CAAC;AAE5D,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,UAAkB;IAC7C,OAAA,UAAU;SACP,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;SAClB,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;SACjB,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,IAAI,EAAE;SACN,KAAK,CAAC,GAAG,CAAC;AALb,CAKa,CAAC;AAEhB,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,QAAgB;IACjD,OAAA,QAAQ,KAAK,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC;AAArC,CAAqC,CAAC;AAExC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAiB;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;KAClC;IACD,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAC,GAAa,EAAE,GAAW;QAClE,IAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;QACnC,uCAAW,GAAG,SAAK,QAAQ,QAAE;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,kBAA2B;IACxD,OAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CACd,KAAK,CAAC,IAAI,EACX,GAAG,CAAC,UAAA,QAAQ;QACX,OAAA,QAAQ;aACL,KAAK,CAAC,KAAK,CAAC;aACZ,MAAM,CAAC,UAAA,cAAc,IAAI,OAAA,CAAC,CAAC,cAAc,EAAhB,CAAgB,CAAC;aAC1C,IAAI,CAAC,GAAG,CAAC;IAHZ,CAGY,EAEb,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,MAAM,EAAX,CAAW,EAC1B,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAI,IAAI,OAAG,CAAC,EAAzC,CAAyC,EACrD,IAAI,CAAC,IAAI,CAAC;AAVb,CAUa,CAAC"}

package/esm/headline/defaults.d.ts

@@ -0,0 +1,24 @@
+declare const _default: {
+    headline: {
+        typographyPreset: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+        };
+        heading: {
+            stylePreset: string;
+        };
+        kicker: {
+            stylePreset: string;
+            spaceInline: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/esm/headline/defaults.d.ts.map

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

package/esm/headline/defaults.js

@@ -0,0 +1,23 @@
+export default {
+    headline: {
+        typographyPreset: {
+            xs: 'editorialHeadline060',
+            sm: 'editorialHeadline060',
+            md: 'editorialHeadline070',
+            lg: 'editorialHeadline080',
+        },
+        heading: {
+            stylePreset: 'inkContrast',
+        },
+        kicker: {
+            stylePreset: 'uppercaseInkBrand010',
+            spaceInline: {
+                xs: 'space030',
+                sm: 'space030',
+                md: 'space040',
+                lg: 'space040',
+            },
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/esm/headline/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/headline/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,QAAQ,EAAE;QACR,gBAAgB,EAAE;YAChB,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;YAC1B,EAAE,EAAE,sBAAsB;SAC3B;QACD,OAAO,EAAE;YACP,WAAW,EAAE,aAAa;SAC3B;QACD,MAAM,EAAE;YACN,WAAW,EAAE,sBAAsB;YACnC,WAAW,EAAE;gBACX,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;gBACd,EAAE,EAAE,UAAU;aACf;SACF;KACF;CACF,CAAC"}

package/esm/headline/headline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../src/headline/headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAC,aAAa,EAA4B,MAAM,SAAS,CAAC;AA2BjE,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyB5C,CAAC"}
+{"version":3,"file":"headline.d.ts","sourceRoot":"","sources":["../../../src/headline/headline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAC,aAAa,EAA4B,MAAM,SAAS,CAAC;AAsDjE,eAAO,MAAM,QAAQ,yBAA8C,CAAC"}

package/esm/headline/headline.js

@@ -4,7 +4,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import React from 'react';
 import { styled, getTypographyPreset, getSpacingInlineHorizontal, getStylePreset, css, } from '../utils/style';
-var HeadlineContainer = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  /* Necessary for a proper section cropping */\n  padding: 1px 0px;\n"], ["\n  ", "\n  /* Necessary for a proper section cropping */\n  padding: 1px 0px;\n"])), getTypographyPreset('headline', '', {
+import defaults from './defaults';
+import { withOwnTheme } from '../utils/with-own-theme';
+var HeadlineContainer = styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getTypographyPreset('headline', '', {
     withCrop: true,
 }));
 var cssReset = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline;\n  font: inherit;\n  margin: 0;\n"], ["\n  display: inline;\n  font: inherit;\n  margin: 0;\n"])));
@@ -13,7 +15,7 @@ var Kicker = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateO
     var as = _a.as;
     return (as !== 'span' ? cssReset : null);
 }, getStylePreset('headline.kicker', 'kicker'), getSpacingInlineHorizontal('headline.kicker', 'kicker'));
-export var Headline = function (_a) {
+var ThemelessHeadline = function (_a) {
     var children = _a.children, kickerText = _a.kickerText, _b = _a.headingAs, headingAs = _b === void 0 ? 'h1' : _b, _c = _a.kickerAs, kickerAs = _c === void 0 ? 'span' : _c, _d = _a.overrides, overrides = _d === void 0 ? {} : _d;
     return (React.createElement(HeadlineContainer, { overrides: overrides },
         kickerText && (React.createElement(Kicker, { className: "nk-headline-kicker", as: kickerAs, overrides: overrides },
@@ -21,6 +23,7 @@ export var Headline = function (_a) {
             ' ')),
         React.createElement(Heading, { className: "nk-headline-heading", as: headingAs, overrides: overrides }, children)));
 };
+export var Headline = withOwnTheme(ThemelessHeadline)({ defaults: defaults });
 Headline.displayName = 'Headline';
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=headline.js.map

package/esm/headline/headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"headline.js","sourceRoot":"","sources":["../../../src/headline/headline.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,GAAG,GACJ,MAAM,gBAAgB,CAAC;AAGxB,IAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,qJAAkC,MACtE,EAEA,0EAGH,KALG,mBAAmB,CAAC,UAAU,EAAE,EAAE,EAAE;IACpC,QAAQ,EAAE,IAAI;CACf,CAAC,CAGH,CAAC;AAEF,IAAM,QAAQ,GAAG,GAAG,2HAAA,wDAInB,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,EAAE,uFAA2B,MAChD,EAAQ,MACR,EAA6C,IAChD,KAFG,QAAQ,EACR,cAAc,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAChD,CAAC;AAEF,IAAM,MAAM,GAAG,MAAM,CAAC,IAAI,gGAA2B,MACjD,EAA2C,MAC3C,EAA2C,MAC3C,EAAuD,KAC1D,KAHG,UAAC,EAAI;QAAH,EAAE,QAAA;IAAM,OAAA,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAAjC,CAAiC,EAC3C,cAAc,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EAC3C,0BAA0B,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAC1D,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAA4B,UAAC,EAMjD;QALC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IACV,OAAA,CACJ,oBAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS;QACpC,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,SAAS;YAEnB,UAAU;YAAE,GAAG,CACT,CACV;QACD,oBAAC,OAAO,IACN,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACD,CACQ,CACrB;AAnBK,CAmBL,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"headline.js","sourceRoot":"","sources":["../../../src/headline/headline.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,mBAAmB,EACnB,0BAA0B,EAC1B,cAAc,EACd,GAAG,GACJ,MAAM,gBAAgB,CAAC;AAExB,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,+EAAkC,MACtE,EAEA,IACH,KAHG,mBAAmB,CAAC,UAAU,EAAE,EAAE,EAAE;IACpC,QAAQ,EAAE,IAAI;CACf,CAAC,CACH,CAAC;AAEF,IAAM,QAAQ,GAAG,GAAG,2HAAA,wDAInB,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,EAAE,uFAA2B,MAChD,EAAQ,MACR,EAA6C,IAChD,KAFG,QAAQ,EACR,cAAc,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAChD,CAAC;AAEF,IAAM,MAAM,GAAG,MAAM,CAAC,IAAI,gGAA2B,MACjD,EAA2C,MAC3C,EAA2C,MAC3C,EAAuD,KAC1D,KAHG,UAAC,EAAI;QAAH,EAAE,QAAA;IAAM,OAAA,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAAjC,CAAiC,EAC3C,cAAc,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EAC3C,0BAA0B,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAC1D,CAAC;AAEF,IAAM,iBAAiB,GAA4B,UAAC,EAMnD;QALC,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IACV,OAAA,CACJ,oBAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS;QACpC,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,SAAS;YAEnB,UAAU;YAAE,GAAG,CACT,CACV;QACD,oBAAC,OAAO,IACN,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACD,CACQ,CACrB;AAnBK,CAmBL,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC;AAEpE,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/esm/icon-button/defaults.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    iconButton: {
+        small: {
+            stylePreset: string;
+            spaceInset: string;
+            width: string;
+            height: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+        medium: {
+            stylePreset: string;
+            spaceInset: string;
+            width: string;
+            height: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+        large: {
+            stylePreset: string;
+            spaceInset: string;
+            width: string;
+            height: string;
+            loadingIndicator: {
+                stylePreset: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/esm/icon-button/defaults.d.ts.map

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

package/esm/icon-button/defaults.js

@@ -0,0 +1,32 @@
+export default {
+    iconButton: {
+        small: {
+            stylePreset: 'iconButtonSolidPrimary',
+            spaceInset: 'spaceInset020',
+            width: 'sizing060',
+            height: 'sizing060',
+            loadingIndicator: {
+                stylePreset: 'indeterminateProgressIndicatorPrimary',
+            },
+        },
+        medium: {
+            stylePreset: 'iconButtonSolidPrimary',
+            spaceInset: 'spaceInset030',
+            width: 'sizing080',
+            height: 'sizing080',
+            loadingIndicator: {
+                stylePreset: 'indeterminateProgressIndicatorPrimary',
+            },
+        },
+        large: {
+            stylePreset: 'iconButtonSolidPrimary',
+            spaceInset: 'spaceInset040',
+            width: 'sizing090',
+            height: 'sizing090',
+            loadingIndicator: {
+                stylePreset: 'indeterminateProgressIndicatorPrimary',
+            },
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/esm/icon-button/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/icon-button/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;IACb,UAAU,EAAE;QACV,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;YACrC,UAAU,EAAE,eAAe;YAC3B,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,WAAW;YACnB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wBAAwB;YACrC,UAAU,EAAE,eAAe;YAC3B,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,WAAW;YACnB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,wBAAwB;YACrC,UAAU,EAAE,eAAe;YAC3B,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,WAAW;YACnB,gBAAgB,EAAE;gBAChB,WAAW,EAAE,uCAAuC;aACrD;SACF;KACF;CACF,CAAC"}

package/esm/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,eAAe,EAAC,MAAM,WAAW,CAAC;AAK9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAahD,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,eAAe,EAAC,MAAM,WAAW,CAAC;AAmB9D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAEtB,CAAC"}

package/esm/icon-button/icon-button.js

@@ -24,11 +24,15 @@ import React from 'react';
 import { Button, ButtonSize } from '../button';
 import { useTheme } from '../theme';
 import { filterOutFalsyProperties } from '../utils/filter-object';
-export var IconButton = function (_a) {
+import defaults from './defaults';
+import stylePresets from './style-presets';
+import { withOwnTheme } from '../utils/with-own-theme';
+var ThemelessIconButton = function (_a) {
     var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, props = __rest(_a, ["overrides"]);
     var theme = useTheme();
     var _c = props.size, size = _c === void 0 ? ButtonSize.Small : _c;
     var iconButtonSettings = __assign(__assign({}, theme.componentDefaults.iconButton[size]), filterOutFalsyProperties(overrides));
     return React.createElement(Button, __assign({}, props, { size: size, overrides: iconButtonSettings }));
 };
+export var IconButton = withOwnTheme(ThemelessIconButton)({ defaults: defaults, stylePresets: stylePresets });
 //# sourceMappingURL=icon-button.js.map

package/esm/icon-button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/icon-button/icon-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAE,UAAU,EAAkB,MAAM,WAAW,CAAC;AAE9D,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAEhE,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAGrD;IAFC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,KAAK,cAF4C,aAGrD,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAClB,IAAA,KAA2B,KAAK,KAAT,EAAvB,IAAI,mBAAG,UAAU,CAAC,KAAK,KAAA,CAAU;IAExC,IAAM,kBAAkB,yBACnB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,GACxC,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,OAAO,oBAAC,MAAM,eAAK,KAAK,IAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,IAAI,CAAC;AAC1E,CAAC,CAAC"}
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/icon-button/icon-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAE,UAAU,EAAkB,MAAM,WAAW,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,UAAU,CAAC;AAClC,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAChE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,mBAAmB,GAAG,UAAC,EAA2C;IAA1C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAzB,aAA0B,CAAD;IACpD,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAClB,IAAA,KAA2B,KAAK,KAAT,EAAvB,IAAI,mBAAG,UAAU,CAAC,KAAK,KAAA,CAAU;IAExC,IAAM,kBAAkB,yBACnB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,GACxC,wBAAwB,CAAC,SAAS,CAAC,CACvC,CAAC;IAEF,OAAO,oBAAC,MAAM,eAAK,KAAK,IAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,IAAI,CAAC;AAC1E,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA8B,YAAY,CAC/D,mBAAmB,CACpB,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}

package/esm/icon-button/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/esm/icon-button/style-presets.d.ts.map

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