newskit 4.3.1 → 5.0.0

package/cjs/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/cjs/headline/headline.js

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Headline = void 0;
 var react_1 = __importDefault(require("react"));
 var style_1 = require("../utils/style");
-var HeadlineContainer = style_1.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"])), (0, style_1.getTypographyPreset)('headline', '', {
+var defaults_1 = __importDefault(require("./defaults"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var HeadlineContainer = style_1.styled.section(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, style_1.getTypographyPreset)('headline', '', {
     withCrop: true,
 }));
 var cssReset = (0, style_1.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"])));
@@ -19,7 +21,7 @@ var Kicker = style_1.styled.span(templateObject_4 || (templateObject_4 = __makeT
     var as = _a.as;
     return (as !== 'span' ? cssReset : null);
 }, (0, style_1.getStylePreset)('headline.kicker', 'kicker'), (0, style_1.getSpacingInlineHorizontal)('headline.kicker', 'kicker'));
-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_1.default.createElement(HeadlineContainer, { overrides: overrides },
         kickerText && (react_1.default.createElement(Kicker, { className: "nk-headline-kicker", as: kickerAs, overrides: overrides },
@@ -27,7 +29,7 @@ var Headline = function (_a) {
             ' ')),
         react_1.default.createElement(Heading, { className: "nk-headline-heading", as: headingAs, overrides: overrides }, children)));
 };
-exports.Headline = Headline;
+exports.Headline = (0, with_own_theme_1.withOwnTheme)(ThemelessHeadline)({ defaults: defaults_1.default });
 exports.Headline.displayName = 'Headline';
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=headline.js.map

package/cjs/headline/headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"headline.js","sourceRoot":"","sources":["../../../src/headline/headline.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AAGxB,IAAM,iBAAiB,GAAG,cAAM,CAAC,OAAO,qJAAkC,MACtE,EAEA,0EAGH,KALG,IAAA,2BAAmB,EAAC,UAAU,EAAE,EAAE,EAAE;IACpC,QAAQ,EAAE,IAAI;CACf,CAAC,CAGH,CAAC;AAEF,IAAM,QAAQ,OAAG,WAAG,4HAAA,wDAInB,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,cAAM,CAAC,EAAE,uFAA2B,MAChD,EAAQ,MACR,EAA6C,IAChD,KAFG,QAAQ,EACR,IAAA,sBAAc,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAChD,CAAC;AAEF,IAAM,MAAM,GAAG,cAAM,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,IAAA,sBAAc,EAAC,iBAAiB,EAAE,QAAQ,CAAC,EAC3C,IAAA,kCAA0B,EAAC,iBAAiB,EAAE,QAAQ,CAAC,CAC1D,CAAC;AAEK,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,8BAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS;QACpC,UAAU,IAAI,CACb,8BAAC,MAAM,IACL,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,SAAS;YAEnB,UAAU;YAAE,GAAG,CACT,CACV;QACD,8BAAC,OAAO,IACN,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACD,CACQ,CACrB;AAnBK,CAmBL,CAAC;AAzBW,QAAA,QAAQ,YAyBnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
+{"version":3,"file":"headline.js","sourceRoot":"","sources":["../../../src/headline/headline.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAMwB;AAExB,wDAAkC;AAClC,0DAAqD;AAErD,IAAM,iBAAiB,GAAG,cAAM,CAAC,OAAO,+EAAkC,MACtE,EAEA,IACH,KAHG,IAAA,2BAAmB,EAAC,UAAU,EAAE,EAAE,EAAE;IACpC,QAAQ,EAAE,IAAI;CACf,CAAC,CACH,CAAC;AAEF,IAAM,QAAQ,OAAG,WAAG,4HAAA,wDAInB,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,cAAM,CAAC,EAAE,uFAA2B,MAChD,EAAQ,MACR,EAA6C,IAChD,KAFG,QAAQ,EACR,IAAA,sBAAc,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAChD,CAAC;AAEF,IAAM,MAAM,GAAG,cAAM,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,IAAA,sBAAc,EAAC,iBAAiB,EAAE,QAAQ,CAAC,EAC3C,IAAA,kCAA0B,EAAC,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,8BAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS;QACpC,UAAU,IAAI,CACb,8BAAC,MAAM,IACL,SAAS,EAAC,oBAAoB,EAC9B,EAAE,EAAE,QAAQ,EACZ,SAAS,EAAE,SAAS;YAEnB,UAAU;YAAE,GAAG,CACT,CACV;QACD,8BAAC,OAAO,IACN,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACD,CACQ,CACrB;AAnBK,CAmBL,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,6BAAY,EAAC,iBAAiB,CAAC,CAAC,EAAC,QAAQ,oBAAA,EAAC,CAAC,CAAC;AAEpE,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/cjs/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/cjs/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/cjs/icon-button/defaults.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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/cjs/icon-button/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/icon-button/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;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/cjs/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/cjs/icon-button/icon-button.js

@@ -30,12 +30,15 @@ var react_1 = __importDefault(require("react"));
 var button_1 = require("../button");
 var theme_1 = require("../theme");
 var filter_object_1 = require("../utils/filter-object");
-var IconButton = 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 ThemelessIconButton = function (_a) {
     var _b = _a.overrides, overrides = _b === void 0 ? {} : _b, props = __rest(_a, ["overrides"]);
     var theme = (0, theme_1.useTheme)();
     var _c = props.size, size = _c === void 0 ? button_1.ButtonSize.Small : _c;
     var iconButtonSettings = __assign(__assign({}, theme.componentDefaults.iconButton[size]), (0, filter_object_1.filterOutFalsyProperties)(overrides));
     return react_1.default.createElement(button_1.Button, __assign({}, props, { size: size, overrides: iconButtonSettings }));
 };
-exports.IconButton = IconButton;
+exports.IconButton = (0, with_own_theme_1.withOwnTheme)(ThemelessIconButton)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
 //# sourceMappingURL=icon-button.js.map

package/cjs/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,gDAA0B;AAC1B,oCAA8D;AAE9D,kCAAkC;AAClC,wDAAgE;AAEzD,IAAM,UAAU,GAA8B,UAAC,EAGrD;IAFC,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,KAAK,cAF4C,aAGrD,CADS;IAER,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAClB,IAAA,KAA2B,KAAK,KAAT,EAAvB,IAAI,mBAAG,mBAAU,CAAC,KAAK,KAAA,CAAU;IAExC,IAAM,kBAAkB,yBACnB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,GACxC,IAAA,wCAAwB,EAAC,SAAS,CAAC,CACvC,CAAC;IAEF,OAAO,8BAAC,eAAM,eAAK,KAAK,IAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,IAAI,CAAC;AAC1E,CAAC,CAAC;AAbW,QAAA,UAAU,cAarB"}
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/icon-button/icon-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAA8D;AAC9D,kCAAkC;AAClC,wDAAgE;AAChE,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAErD,IAAM,mBAAmB,GAAG,UAAC,EAA2C;IAA1C,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAK,KAAK,cAAzB,aAA0B,CAAD;IACpD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAClB,IAAA,KAA2B,KAAK,KAAT,EAAvB,IAAI,mBAAG,mBAAU,CAAC,KAAK,KAAA,CAAU;IAExC,IAAM,kBAAkB,yBACnB,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC,GACxC,IAAA,wCAAwB,EAAC,SAAS,CAAC,CACvC,CAAC;IAEF,OAAO,8BAAC,eAAM,eAAK,KAAK,IAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,IAAI,CAAC;AAC1E,CAAC,CAAC;AAEW,QAAA,UAAU,GAA8B,IAAA,6BAAY,EAC/D,mBAAmB,CACpB,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}

package/cjs/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/cjs/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"}

package/cjs/icon-button/style-presets.js

@@ -0,0 +1,374 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    iconButtonSolidPrimary: {
+        base: {
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+    },
+    iconButtonSolidSecondary: {
+        base: {
+            backgroundColor: '{{colors.interactiveSecondary030}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveSecondary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveSecondary050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+    },
+    iconButtonSolidNegative: {
+        base: {
+            backgroundColor: '{{colors.interactiveNegative030}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveNegative040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveNegative050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+            color: '{{colors.inkNegative}}',
+            iconColor: '{{colors.inkNegative}}',
+        },
+    },
+    iconButtonSolidPositive: {
+        base: {
+            backgroundColor: '{{colors.interactivePositive030}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePositive040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePositive050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+            color: '{{colors.inkPositive}}',
+            iconColor: '{{colors.inkPositive}}',
+        },
+    },
+    iconButtonSolidInverse: {
+        base: {
+            backgroundColor: '{{colors.interactiveInverse030}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkContrast}}',
+            iconColor: '{{colors.inkContrast}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInverse040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveInverse050}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+    },
+    iconButtonOutlinedPrimary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactivePrimary030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary010}}',
+            borderColor: '{{colors.interactivePrimary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            borderColor: '{{colors.interactivePrimary050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+            borderStyle: 'none',
+        },
+    },
+    iconButtonOutlinedSecondary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactiveSecondary030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveSecondary010}}',
+            borderColor: '{{colors.interactiveSecondary040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+            borderColor: '{{colors.interactiveSecondary050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+            borderStyle: 'none',
+        },
+    },
+    iconButtonOutlinedNegative: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactiveNegative030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkNegative}}',
+            iconColor: '{{colors.inkNegative}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+            borderColor: '{{colors.interactiveNegative050}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+            borderColor: '{{colors.interactiveNegative030}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+            borderStyle: 'none',
+        },
+    },
+    iconButtonOutlinedPositive: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactivePositive030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkPositive}}',
+            iconColor: '{{colors.inkPositive}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePositive010}}',
+            borderColor: '{{colors.interactivePositive040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+            borderColor: '{{colors.interactivePositive050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+            borderStyle: 'none',
+        },
+    },
+    iconButtonOutlinedInverse: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactiveInverse030}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInverse010}}',
+            borderColor: '{{colors.interactiveInverse040}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+            borderColor: '{{colors.interactiveInverse050}}',
+        },
+        disabled: {
+            borderColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+            borderStyle: 'none',
+        },
+    },
+    iconButtonMinimalPrimary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkBrand010}}',
+            iconColor: '{{colors.inkBrand010}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.transparent}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePrimary020}}',
+        },
+    },
+    iconButtonMinimalSecondary: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkBase}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveSecondary010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.transparent}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveSecondary020}}',
+            color: '{{colors.inkInverse}}',
+        },
+    },
+    iconButtonMinimalNegative: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkNegative}}',
+            iconColor: '{{colors.inkNegative}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveNegative010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveNegative020}}',
+        },
+    },
+    iconButtonMinimalPositive: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkPositive}}',
+            iconColor: '{{colors.inkPositive}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePositive010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+        },
+        disabled: {
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactivePositive020}}',
+        },
+    },
+    iconButtonMinimalInverse: {
+        base: {
+            backgroundColor: '{{colors.transparent}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            color: '{{colors.inkInverse}}',
+            iconColor: '{{colors.inkInverse}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInverse010}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.transparent}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        loading: {
+            backgroundColor: '{{colors.interactiveInverse020}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/cjs/icon-button/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/icon-button/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,eAAe,EAAE,oCAAoC;YACrD,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,oCAAoC;SACtD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,oCAAoC;SACtD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,oCAAoC;YACrD,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;KACF;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE;YACJ,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,mCAAmC;SACrD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,mCAAmC;SACrD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE;YACJ,eAAe,EAAE,mCAAmC;YACpD,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,mCAAmC;SACrD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,mCAAmC;SACrD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;KACF;IACD,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;KACF;IAED,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,kCAAkC;YAC/C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,kCAAkC;SAChD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,kCAAkC;SAChD;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,MAAM;SACpB;KACF;IACD,2BAA2B,EAAE;QAC3B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,oCAAoC;YACjD,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,oCAAoC;YACrD,WAAW,EAAE,oCAAoC;SAClD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,oCAAoC;YACrD,WAAW,EAAE,oCAAoC;SAClD;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,oCAAoC;YACrD,WAAW,EAAE,MAAM;SACpB;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,mCAAmC;YAChD,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,MAAM;SACpB;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,mCAAmC;YAChD,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,mCAAmC;SACjD;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,mCAAmC;YACpD,WAAW,EAAE,MAAM;SACpB;KACF;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,kCAAkC;YAC/C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,kCAAkC;SAChD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,kCAAkC;SAChD;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,MAAM;SACpB;KACF;IAED,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;SACpD;KACF;IACD,0BAA0B,EAAE;QAC1B,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,oBAAoB;YAC3B,SAAS,EAAE,oBAAoB;SAChC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,oCAAoC;SACtD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,oCAAoC;SACtD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,oCAAoC;YACrD,KAAK,EAAE,uBAAuB;SAC/B;KACF;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,mCAAmC;SACrD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,mCAAmC;SACrD;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,mCAAmC;SACrD;KACF;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,wBAAwB;YAC/B,SAAS,EAAE,wBAAwB;SACpC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,mCAAmC;SACrD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,mCAAmC;SACrD;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,mCAAmC;SACrD;KACF;IACD,wBAAwB,EAAE;QACxB,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,YAAY,EAAE,gCAAgC;YAC9C,KAAK,EAAE,uBAAuB;YAC9B,SAAS,EAAE,uBAAuB;SACnC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;SACpD;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,kCAAkC;SACpD;KACF;CAC6B,CAAC"}

package/cjs/icons/custom-to-newskit-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-to-newskit-icon.d.ts","sourceRoot":"","sources":["../../../src/icons/custom-to-newskit-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,mBAAmB,gBACjB,MAAM,cACP,MAAM,aAAa,CAAC,QAAQ,CAAC,cAC7B,gBAAgB,CAAC,WAAW,CAAC;;EAQ1C,CAAC"}
+{"version":3,"file":"custom-to-newskit-icon.d.ts","sourceRoot":"","sources":["../../../src/icons/custom-to-newskit-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,gBAAgB,EAAE,QAAQ,EAAC,MAAM,SAAS,CAAC;AAKnD,eAAO,MAAM,mBAAmB,gBACjB,MAAM,cACP,MAAM,aAAa,CAAC,QAAQ,CAAC,cAC7B,gBAAgB,CAAC,WAAW,CAAC;;EAU1C,CAAC"}

package/cjs/icons/custom-to-newskit-icon.js

@@ -1,14 +1,20 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.customToNewsKitIcon = void 0;
 var with_default_props_1 = require("../utils/with-default-props");
 var to_newskit_icon_1 = require("./to-newskit-icon");
+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 customToNewsKitIcon = function (displayName, CustomIcon, overrides) {
     // eslint-disable-next-line no-param-reassign
     CustomIcon.displayName = displayName;
-    return (0, with_default_props_1.withDefaultProps)((0, to_newskit_icon_1.toNewsKitIcon)(CustomIcon), {
+    return (0, with_own_theme_1.withOwnTheme)((0, with_default_props_1.withDefaultProps)((0, to_newskit_icon_1.toNewsKitIcon)(CustomIcon), {
         overrides: overrides || {},
-    });
+    }))({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
 };
 exports.customToNewsKitIcon = customToNewsKitIcon;
 //# sourceMappingURL=custom-to-newskit-icon.js.map

package/cjs/icons/custom-to-newskit-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-to-newskit-icon.js","sourceRoot":"","sources":["../../../src/icons/custom-to-newskit-icon.tsx"],"names":[],"mappings":";;;AAAA,kEAA6D;AAC7D,qDAAgD;AAGzC,IAAM,mBAAmB,GAAG,UACjC,WAAmB,EACnB,UAAyC,EACzC,SAAyC;IAEzC,6CAA6C;IAC7C,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,IAAA,qCAAgB,EAAC,IAAA,+BAAa,EAAC,UAAU,CAAC,EAAE;QACjD,SAAS,EAAE,SAAS,IAAI,EAAE;KAC3B,CAAC,CAAC;AACL,CAAC,CAAC;AAXW,QAAA,mBAAmB,uBAW9B"}
+{"version":3,"file":"custom-to-newskit-icon.js","sourceRoot":"","sources":["../../../src/icons/custom-to-newskit-icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kEAA6D;AAC7D,qDAAgD;AAEhD,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AAE9C,IAAM,mBAAmB,GAAG,UACjC,WAAmB,EACnB,UAAyC,EACzC,SAAyC;IAEzC,6CAA6C;IAC7C,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IAErC,OAAO,IAAA,6BAAY,EACjB,IAAA,qCAAgB,EAAC,IAAA,+BAAa,EAAC,UAAU,CAAC,EAAE;QAC1C,SAAS,EAAE,SAAS,IAAI,EAAE;KAC3B,CAAC,CACH,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC;AAC9B,CAAC,CAAC;AAbW,QAAA,mBAAmB,uBAa9B"}

package/cjs/icons/defaults.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    icons: {
+        stylePreset: string;
+    };
+    indeterminateProgressIndicator: {
+        stylePreset: string;
+        size: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

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

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

package/cjs/icons/defaults.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    icons: {
+        stylePreset: 'iconDefault',
+    },
+    indeterminateProgressIndicator: {
+        stylePreset: 'iconDefault',
+        size: 'iconSize020',
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/icons/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/icons/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,KAAK,EAAE;QACL,WAAW,EAAE,aAAa;KAC3B;IACD,8BAA8B,EAAE;QAC9B,WAAW,EAAE,aAAa;QAC1B,IAAI,EAAE,aAAa;KACpB;CACF,CAAC"}

package/cjs/icons/filled/custom/indeterminate-progress-indicator.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NewsKitIconProps } from '../../types';
-export declare const IndeterminateProgressIndicator: React.ComponentType<NewsKitIconProps & {
+export declare const IndeterminateProgressIndicator: React.FC<NewsKitIconProps & {
     theme?: import("../../../theme").Theme | undefined;
 }>;
 //# sourceMappingURL=indeterminate-progress-indicator.d.ts.map

package/cjs/icons/filled/custom/indeterminate-progress-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"indeterminate-progress-indicator.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/indeterminate-progress-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AAuD7C,eAAO,MAAM,8BAA8B;;EAO1C,CAAC"}
+{"version":3,"file":"indeterminate-progress-indicator.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/indeterminate-progress-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,aAAa,CAAC;AA0D7C,eAAO,MAAM,8BAA8B;;EAOhB,CAAC"}