newskit 5.0.0 → 5.2.0

package/cjs/form/form-input.d.ts

@@ -11,8 +11,9 @@ export declare type FormInputProps = {
     children?: JSX.Element | JSX.Element[];
     id?: string;
 } & Omit<FormEntryProps, 'children'>;
-export declare const FormInputLabel: ({ children, ...props }: LabelProps) => JSX.Element;
 export declare const FormInputTextField: React.ForwardRefExoticComponent<FormInputTextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FormInput: React.FC<FormInputProps>;
+export declare const FormInputLabel: ({ children, ...props }: LabelProps) => JSX.Element;
 export declare const FormInputSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLInputElement>>;
 export declare const FormInputAssistiveText: ({ children, validationIcon, overrides, ...props }: React.HTMLAttributes<HTMLParagraphElement> & Omit<import("../with-enhancers/types").WithEnhancersProps, "isFocused" | "componentDefaultsPath" | "enhancersType"> & {
     overrides?: (import("./types").EnhancerOverrides & {
@@ -24,5 +25,4 @@ export declare const FormInputAssistiveText: ({ children, validationIcon, overri
     validationIcon?: boolean | undefined;
 }) => JSX.Element;
 export declare const FormInputCheckbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-export declare const FormInput: React.FC<FormInputProps>;
 //# sourceMappingURL=form-input.d.ts.map

package/cjs/form/form-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAW,aAAa,EAAC,MAAM,aAAa,CAAC;AAIpD,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAM9C,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAkErC,eAAO,MAAM,cAAc,2BAA0B,UAAU,gBAQ9D,CAAC;AAEF,eAAO,MAAM,kBAAkB,kGA4C7B,CAAC;AAEH,eAAO,MAAM,eAAe,sFAiC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA+BlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wFA4B5B,CAAC;AAEH,eAAO,MAAM,SAAS,0BAKpB,CAAC"}
+{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAW,aAAa,EAAC,MAAM,aAAa,CAAC;AAIpD,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAM9C,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAqErC,eAAO,MAAM,kBAAkB,kGA+C7B,CAAC;AAEH,eAAO,MAAM,SAAS,0BAKpB,CAAC;AAEH,eAAO,MAAM,cAAc,2BAA0B,UAAU,gBAQ9D,CAAC;AAEF,eAAO,MAAM,eAAe,sFAiC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA+BlC,CAAC;AAEF,eAAO,MAAM,iBAAiB,wFA4B5B,CAAC"}

package/cjs/form/form-input.js

@@ -44,7 +44,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormInput = exports.FormInputCheckbox = exports.FormInputAssistiveText = exports.FormInputSelect = exports.FormInputTextField = exports.FormInputLabel = void 0;
+exports.FormInputCheckbox = exports.FormInputAssistiveText = exports.FormInputSelect = exports.FormInputLabel = exports.FormInput = exports.FormInputTextField = void 0;
 var react_1 = __importStar(require("react"));
 var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
 var label_1 = require("../label");
@@ -81,6 +81,7 @@ var ThemelessFormInput = function (_a) {
             state: state,
             iconSize: validationIconSize,
         });
+        var isRequired = rules && rules.required !== undefined;
         var inputFieldContext = {
             name: name,
             size: size || passedInputFieldContext.size || defaultSize,
@@ -93,19 +94,14 @@ var ThemelessFormInput = function (_a) {
             assistiveTextId: assistiveTextId,
             labelId: labelId,
             statusIcon: statusIcon,
+            isRequired: isRequired,
         };
         return (react_1.default.createElement(context_1.FormInputContext.Provider, { value: inputFieldContext }, children));
     }));
 };
-var FormInputLabel = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = useFormFieldContext(), size = _b.size, state = _b.state, id = _b.id, labelId = _b.labelId;
-    return (react_1.default.createElement(label_1.Label, __assign({ id: labelId, size: size, state: state, htmlFor: id }, props), children));
-};
-exports.FormInputLabel = FormInputLabel;
 exports.FormInputTextField = react_1.default.forwardRef(function (_a, inputRef) {
     var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, endEnhancer = _a.endEnhancer, props = __rest(_a, ["children", "onChange", "onBlur", "endEnhancer"]);
-    var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, statusIcon = _b.statusIcon;
+    var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, statusIcon = _b.statusIcon, isRequired = _b.isRequired;
     function getEndEnhancer() {
         if (!statusIcon) {
             return endEnhancer;
@@ -121,8 +117,17 @@ exports.FormInputTextField = react_1.default.forwardRef(function (_a, inputRef)
         }
         return statusIcon;
     }
-    return (react_1.default.createElement(text_field_1.TextField, __assign({ name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), endEnhancer: getEndEnhancer(), id: id, "aria-describedby": assistiveTextId }, props)));
+    return (react_1.default.createElement(text_field_1.TextField, __assign({ "aria-required": isRequired ? 'true' : undefined, "aria-invalid": state === 'invalid' ? 'true' : 'false', name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), endEnhancer: getEndEnhancer(), id: id, "aria-describedby": assistiveTextId }, props)));
+});
+exports.FormInput = (0, with_own_theme_1.withOwnTheme)(ThemelessFormInput)({
+    defaults: __assign(__assign({}, defaults_1.default), defaults_2.default),
 });
+var FormInputLabel = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var _b = useFormFieldContext(), size = _b.size, state = _b.state, id = _b.id, labelId = _b.labelId;
+    return (react_1.default.createElement(label_1.Label, __assign({ id: labelId, size: size, state: state, htmlFor: id }, props), children));
+};
+exports.FormInputLabel = FormInputLabel;
 exports.FormInputSelect = react_1.default.forwardRef(function (_a, inputRef) {
     var children = _a.children, onChange = _a.onChange, onBlur = _a.onBlur, props = __rest(_a, ["children", "onChange", "onBlur"]);
     var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, labelId = _b.labelId, statusIcon = _b.statusIcon;
@@ -142,7 +147,4 @@ exports.FormInputCheckbox = react_1.default.forwardRef(function (_a, inputRef) {
     var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId;
     return (react_1.default.createElement(checkbox_1.Checkbox, __assign({ name: name, state: state, size: size, onChange: (0, utils_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, utils_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(ref, inputRef), id: id, "aria-describedby": assistiveTextId }, props)));
 });
-exports.FormInput = (0, with_own_theme_1.withOwnTheme)(ThemelessFormInput)({
-    defaults: __assign(__assign({}, defaults_1.default), defaults_2.default),
-});
 //# sourceMappingURL=form-input.js.map

package/cjs/form/form-input.js.map

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

package/cjs/grid-layout/grid-layout.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { MQ } from '../utils/style';
+import { GridLayoutProps } from './types';
+export declare const GridLayoutItem: import("@emotion/styled").StyledComponent<import("../block").BlockProps & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    area?: string | undefined;
+    order?: MQ<number> | undefined;
+    justifySelf?: MQ<string> | undefined;
+    alignSelf?: MQ<string> | undefined;
+    column?: MQ<string> | undefined;
+    row?: MQ<string> | undefined;
+}, {}, {}>;
+export declare const GridLayout: ({ children, ...props }: GridLayoutProps) => JSX.Element;
+//# sourceMappingURL=grid-layout.d.ts.map

package/cjs/grid-layout/grid-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-layout.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/grid-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,EAAE,EAAS,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAW,eAAe,EAAsB,MAAM,SAAS,CAAC;AAIvE,eAAO,MAAM,cAAc;;;;;;;;;;;UAiB1B,CAAC;AAEF,eAAO,MAAM,UAAU,2BAA0B,eAAe,gBAoC/D,CAAC"}

package/cjs/grid-layout/grid-layout.js

@@ -0,0 +1,91 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridLayout = exports.GridLayoutItem = void 0;
+var react_1 = __importDefault(require("react"));
+var block_1 = require("../block");
+var style_1 = require("../utils/style");
+var styled_1 = require("./styled");
+var utils_1 = require("./utils");
+exports.GridLayoutItem = (0, style_1.styled)(block_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  grid-area: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"], ["\n  grid-area: ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n"])), function (props) { return props.area; }, (0, style_1.handleResponsiveProp)({ order: undefined }, function (_a) {
+    var order = _a.order;
+    return ({
+        order: order,
+    });
+}), (0, style_1.handleResponsiveProp)({ justifySelf: undefined }, function (_a) {
+    var justifySelf = _a.justifySelf;
+    return ({
+        justifySelf: justifySelf,
+    });
+}), (0, style_1.handleResponsiveProp)({ alignSelf: undefined }, function (_a) {
+    var alignSelf = _a.alignSelf;
+    return ({
+        alignSelf: alignSelf,
+    });
+}), (0, style_1.handleResponsiveProp)({ column: undefined }, function (_a) {
+    var column = _a.column;
+    return ({
+        gridColumn: column,
+    });
+}), (0, style_1.handleResponsiveProp)({ row: undefined }, function (_a) {
+    var row = _a.row;
+    return ({
+        gridRow: row,
+    });
+}));
+var GridLayout = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    var areas = props.areas;
+    var areasNames = (0, utils_1.getAreasList)(areas || '');
+    var Areas = {};
+    var isFunctionWithAreas = typeof children === 'function' && areasNames.length > 0;
+    if (isFunctionWithAreas) {
+        areasNames.forEach(function (area) {
+            var componentName = (0, utils_1.capitalize)(area);
+            Areas[componentName] = function (itemProps) { return (react_1.default.createElement(exports.GridLayoutItem, __assign({ area: area }, itemProps))); };
+        });
+    }
+    var validCSSAreas;
+    if (typeof areas === 'object') {
+        validCSSAreas = {};
+        Object.entries(areas).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            validCSSAreas[key] = (0, utils_1.areaToValidCSS)(value);
+        });
+    }
+    else {
+        validCSSAreas = (0, utils_1.areaToValidCSS)(areas);
+    }
+    return (react_1.default.createElement(styled_1.StyledGridLayout, __assign({}, props, { areas: validCSSAreas }), isFunctionWithAreas ? children(Areas) : children));
+};
+exports.GridLayout = GridLayout;
+var templateObject_1;
+//# sourceMappingURL=grid-layout.js.map

package/cjs/grid-layout/grid-layout.js.map

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

package/cjs/grid-layout/index.d.ts

@@ -0,0 +1,2 @@
+export * from './grid-layout';
+//# sourceMappingURL=index.d.ts.map

package/cjs/grid-layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/grid-layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/cjs/grid-layout/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./grid-layout"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/grid-layout/index.js.map

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

package/cjs/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/cjs/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/cjs/grid-layout/styled.js

@@ -0,0 +1,80 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledGridLayout = void 0;
+var style_1 = require("../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(' ');
+};
+exports.StyledGridLayout = style_1.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"])), (0, style_1.handleResponsiveProp)({ inline: GRID_DEFAULT_PROPS.inline }, function (_a) {
+    var inline = _a.inline;
+    return ({
+        display: inline ? 'inline-grid' : 'grid',
+    });
+}), (0, style_1.handleResponsiveProp)({ rowGap: GRID_DEFAULT_PROPS.rowGap }, function (_a, _b) {
+    var rowGap = _a.rowGap;
+    var theme = _b.theme;
+    return ({
+        rowGap: rowGap && (theme.spacePresets[rowGap] || rowGap),
+    });
+}), (0, style_1.handleResponsiveProp)({ columnGap: GRID_DEFAULT_PROPS.columnGap }, function (_a, _b) {
+    var columnGap = _a.columnGap;
+    var theme = _b.theme;
+    return ({
+        columnGap: columnGap && (theme.spacePresets[columnGap] || columnGap),
+    });
+}), (0, style_1.handleResponsiveProp)({ columns: GRID_DEFAULT_PROPS.columns }, function (_a, _b) {
+    var columns = _a.columns;
+    var theme = _b.theme;
+    return ({
+        gridTemplateColumns: mapTemplate(theme, columns),
+    });
+}), (0, style_1.handleResponsiveProp)({ rows: GRID_DEFAULT_PROPS.rows }, function (_a, _b) {
+    var rows = _a.rows;
+    var theme = _b.theme;
+    return ({
+        gridTemplateRows: mapTemplate(theme, rows),
+    });
+}), (0, style_1.handleResponsiveProp)({ areas: GRID_DEFAULT_PROPS.areas }, function (_a) {
+    var areas = _a.areas;
+    return ({
+        gridTemplateAreas: areas,
+    });
+}), (0, style_1.handleResponsiveProp)({ justifyContent: GRID_DEFAULT_PROPS.justifyContent }, function (_a) {
+    var justifyContent = _a.justifyContent;
+    return ({
+        justifyContent: justifyContent,
+    });
+}), (0, style_1.handleResponsiveProp)({ alignContent: GRID_DEFAULT_PROPS.alignContent }, function (_a) {
+    var alignContent = _a.alignContent;
+    return ({
+        alignContent: alignContent,
+    });
+}), (0, style_1.handleResponsiveProp)({ justifyItems: GRID_DEFAULT_PROPS.justifyItems }, function (_a) {
+    var justifyItems = _a.justifyItems;
+    return ({
+        justifyItems: justifyItems,
+    });
+}), (0, style_1.handleResponsiveProp)({ alignItems: GRID_DEFAULT_PROPS.alignItems }, function (_a) {
+    var alignItems = _a.alignItems;
+    return ({
+        alignItems: alignItems,
+    });
+}), (0, style_1.getResponsiveSize)('width', 'gridLayout', '', 'width'), (0, style_1.getResponsiveSize)('minWidth', 'gridLayout', '', 'minWidth'), (0, style_1.getResponsiveSize)('maxWidth', 'gridLayout', '', 'maxWidth'), (0, style_1.getResponsiveSize)('height', 'gridLayout', '', 'height'), (0, style_1.getResponsiveSize)('minHeight', 'gridLayout', '', 'minHeight'), (0, style_1.getResponsiveSize)('maxHeight', 'gridLayout', '', 'maxHeight'));
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/cjs/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/cjs/grid-layout/types.d.ts

@@ -0,0 +1,38 @@
+/// <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>;
+    column?: MQ<string>;
+    row?: 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/cjs/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;IACvB,MAAM,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACpB,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CAClB,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/cjs/grid-layout/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

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

package/cjs/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/cjs/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/cjs/grid-layout/utils.js

@@ -0,0 +1,51 @@
+"use strict";
+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));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.areaToValidCSS = exports.getAreasList = exports.filterInvalidAreas = exports.extractAreas = exports.capitalize = void 0;
+var uniq_1 = require("../utils/uniq");
+var capitalize = function (s) {
+    return s.replace(/^./, function (firstLetter) { return firstLetter.toUpperCase(); });
+};
+exports.capitalize = capitalize;
+var extractAreas = function (areaString) {
+    return areaString
+        .replace(/\n/g, '')
+        .replace(/"/g, '')
+        .replace(/  +/g, ' ')
+        .trim()
+        .split(' ');
+};
+exports.extractAreas = extractAreas;
+var filterInvalidAreas = function (areaName) {
+    return areaName !== '.' && Boolean(areaName);
+};
+exports.filterInvalidAreas = filterInvalidAreas;
+var getAreasList = function (areas) {
+    if (typeof areas === 'string') {
+        return (0, uniq_1.uniq)((0, exports.extractAreas)(areas));
+    }
+    var list = Object.values(areas).reduce(function (acc, val) {
+        var filtered = (0, exports.extractAreas)(val);
+        return __spreadArray(__spreadArray([], acc, true), filtered, true);
+    }, []);
+    return (0, uniq_1.uniq)(list).filter(exports.filterInvalidAreas);
+};
+exports.getAreasList = getAreasList;
+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');
+};
+exports.areaToValidCSS = areaToValidCSS;
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/grid-layout/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,sCAAmC;AAE5B,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;AAD/C,QAAA,UAAU,cACqC;AAErD,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;AANH,QAAA,YAAY,gBAMT;AAET,IAAM,kBAAkB,GAAG,UAAC,QAAgB;IACjD,OAAA,QAAQ,KAAK,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC;AAArC,CAAqC,CAAC;AAD3B,QAAA,kBAAkB,sBACS;AAEjC,IAAM,YAAY,GAAG,UAAC,KAAiB;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,IAAA,WAAI,EAAC,IAAA,oBAAY,EAAC,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,IAAA,oBAAY,EAAC,GAAG,CAAC,CAAC;QACnC,uCAAW,GAAG,SAAK,QAAQ,QAAE;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAA,WAAI,EAAC,IAAI,CAAC,CAAC,MAAM,CAAC,0BAAkB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB;AAEK,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;AAXH,QAAA,cAAc,kBAWX"}

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

@@ -1,6 +1,3 @@
-/// <reference types="react" />
 import { NewsKitIconProps, SvgProps } from './types';
-export declare const customToNewsKitIcon: (displayName: string, CustomIcon: React.ComponentType<SvgProps>, overrides?: NewsKitIconProps['overrides']) => import("react").FC<NewsKitIconProps & {
-    theme?: import("..").Theme | undefined;
-}>;
+export declare const customToNewsKitIcon: (displayName: string, CustomIcon: React.ComponentType<SvgProps>, overrides?: NewsKitIconProps['overrides']) => import("./types").NewsKitIcon;
 //# sourceMappingURL=custom-to-newskit-icon.d.ts.map

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;AAKnD,eAAO,MAAM,mBAAmB,gBACjB,MAAM,cACP,MAAM,aAAa,CAAC,QAAQ,CAAC,cAC7B,gBAAgB,CAAC,WAAW,CAAC;;EAU1C,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;AAEnD,eAAO,MAAM,mBAAmB,gBACjB,MAAM,cACP,MAAM,aAAa,CAAC,QAAQ,CAAC,cAC7B,gBAAgB,CAAC,WAAW,CAAC,kCAY1C,CAAC"}

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

@@ -1,20 +1,17 @@
 "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_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 });
+    if (!overrides) {
+        return (0, to_newskit_icon_1.toNewsKitIcon)(CustomIcon);
+    }
+    return (0, with_default_props_1.withDefaultProps)((0, to_newskit_icon_1.toNewsKitIcon)(CustomIcon), {
+        overrides: overrides,
+    });
 };
 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;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"}
+{"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,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAA,+BAAa,EAAC,UAAU,CAAC,CAAC;KAClC;IAED,OAAO,IAAA,qCAAgB,EAAC,IAAA,+BAAa,EAAC,UAAU,CAAC,EAAE;QACjD,SAAS,WAAA;KACV,CAAC,CAAC;AACL,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B"}

package/cjs/icons/filled/custom/icon-filled-facebook.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-export declare const IconFilledFacebook: React.FC<import("../..").NewsKitIconProps & {
-    theme?: import("../../..").Theme | undefined;
-}>;
+export declare const IconFilledFacebook: import("../..").NewsKitIcon;
 //# sourceMappingURL=icon-filled-facebook.d.ts.map

package/cjs/icons/filled/custom/icon-filled-facebook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-filled-facebook.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-facebook.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,kBAAkB;;EAU9B,CAAC"}
+{"version":3,"file":"icon-filled-facebook.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-facebook.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,6BAU9B,CAAC"}

package/cjs/icons/filled/custom/icon-filled-figma.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-export declare const IconFilledFigma: React.FC<import("../..").NewsKitIconProps & {
-    theme?: import("../../..").Theme | undefined;
-}>;
+export declare const IconFilledFigma: import("../..").NewsKitIcon;
 //# sourceMappingURL=icon-filled-figma.d.ts.map

package/cjs/icons/filled/custom/icon-filled-figma.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-filled-figma.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-figma.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,eAAe;;EAuB1B,CAAC"}
+{"version":3,"file":"icon-filled-figma.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-figma.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,6BAuB1B,CAAC"}

package/cjs/icons/filled/custom/icon-filled-github.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-export declare const IconFilledGitHub: React.FC<import("../..").NewsKitIconProps & {
-    theme?: import("../../..").Theme | undefined;
-}>;
+export declare const IconFilledGitHub: import("../..").NewsKitIcon;
 //# sourceMappingURL=icon-filled-github.d.ts.map

package/cjs/icons/filled/custom/icon-filled-github.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-filled-github.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-github.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,gBAAgB;;EAU5B,CAAC"}
+{"version":3,"file":"icon-filled-github.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-github.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,6BAU5B,CAAC"}

package/cjs/icons/filled/custom/icon-filled-instagram.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-export declare const IconFilledInstagram: React.FC<import("../..").NewsKitIconProps & {
-    theme?: import("../../..").Theme | undefined;
-}>;
+export declare const IconFilledInstagram: import("../..").NewsKitIcon;
 //# sourceMappingURL=icon-filled-instagram.d.ts.map

package/cjs/icons/filled/custom/icon-filled-instagram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-filled-instagram.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-instagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,mBAAmB;;EAU/B,CAAC"}
+{"version":3,"file":"icon-filled-instagram.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-instagram.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB,6BAU/B,CAAC"}

package/cjs/icons/filled/custom/icon-filled-reddit.d.ts

@@ -1,5 +1,2 @@
-import React from 'react';
-export declare const IconFilledReddit: React.FC<import("../..").NewsKitIconProps & {
-    theme?: import("../../..").Theme | undefined;
-}>;
+export declare const IconFilledReddit: import("../..").NewsKitIcon;
 //# sourceMappingURL=icon-filled-reddit.d.ts.map

package/cjs/icons/filled/custom/icon-filled-reddit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-filled-reddit.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-reddit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,gBAAgB;;EAU5B,CAAC"}
+{"version":3,"file":"icon-filled-reddit.d.ts","sourceRoot":"","sources":["../../../../../src/icons/filled/custom/icon-filled-reddit.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,6BAU5B,CAAC"}