newskit 5.5.0 → 6.0.0

package/README.md

@@ -78,7 +78,7 @@ NewsKit components can be used like any typical react components. One thing to b
 The following example shows the "Hello World!" example of using a NewsKit component. More comprehensive usage documentation can be found on our [website](https://www.newskit.co.uk/getting-started/code/engineering-quickstart/).
 
 ```typescript
-import {ThemeProvider, Tag, TagSize, newskitLightTheme} from 'newskit';
+import {ThemeProvider, Tag, newskitLightTheme} from 'newskit';
 import React from 'react';
 
 export default class App extends React.Component {
@@ -88,7 +88,7 @@ export default class App extends React.Component {
       <ThemeProvider theme={newskitLightTheme}>
         <Tag
           href="http://example.com"
-          size={TagSize.Medium}>
+          size="medium">
             Tag Content
         </Tag>
       </ThemeProvider>

package/cjs/accordion/accordion-group.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const AccordionGroup: React.ForwardRefExoticComponent<{
+    defaultExpanded?: number | number[] | "all" | undefined;
+    expanded?: number | number[] | "all" | undefined;
+    onChange?: ((expanded: number[]) => void) | undefined;
+    expandSingle?: boolean | undefined;
+    children: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=accordion-group.d.ts.map

package/cjs/accordion/accordion-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-group.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAsCzC,eAAO,MAAM,cAAc;;;;;;mGAkF1B,CAAC"}

package/cjs/accordion/accordion-group.js

@@ -0,0 +1,123 @@
+"use strict";
+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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __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.AccordionGroup = void 0;
+var react_1 = __importStar(require("react"));
+var hooks_1 = require("../utils/hooks");
+var component_1 = require("../utils/component");
+var accordion_1 = require("./accordion");
+var expandedPropToArray = function (expandedProp, arrayLength) {
+    if (expandedProp === 'all') {
+        return Array.from(Array(arrayLength).keys());
+    }
+    if (expandedProp !== undefined && !Array.isArray(expandedProp)) {
+        return [expandedProp];
+    }
+    return expandedProp;
+};
+var takeFirst = function (expandedProp, onlyOne) {
+    if (Array.isArray(expandedProp) && onlyOne) {
+        return __spreadArray([], expandedProp, true).splice(0, 1);
+    }
+    return expandedProp;
+};
+var unifyPropValue = function (expandedProp, arrayLength, single) {
+    return takeFirst(expandedPropToArray(expandedProp, arrayLength), single);
+};
+exports.AccordionGroup = react_1.default.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.defaultExpanded, defaultExpanded = _b === void 0 ? [] : _b, onChange = _a.onChange, expanded = _a.expanded, expandSingle = _a.expandSingle, restProps = __rest(_a, ["children", "defaultExpanded", "onChange", "expanded", "expandSingle"]);
+    var childrenArray = react_1.default.Children.toArray(children);
+    var _c = (0, hooks_1.useControlled)({
+        controlledValue: unifyPropValue(expanded, childrenArray.length, expandSingle),
+        defaultValue: unifyPropValue(defaultExpanded, childrenArray.length, expandSingle),
+    }), expandedList = _c[0], setExpandedList = _c[1];
+    var handleChange = (0, react_1.useCallback)(function (index) {
+        var newExpandedState = [];
+        // in the case only 1 accordion is allowed to be open
+        if (expandSingle) {
+            // replace current the expanded accordion with the new one
+            if (!expandedList.includes(index)) {
+                newExpandedState = [index];
+            }
+            else {
+                // close all when you click on the same accordion
+                newExpandedState = [];
+            }
+            //
+        }
+        else {
+            // eslint-disable-next-line no-lonely-if
+            if (!expandedList.includes(index)) {
+                // add to the list of expanded accordions
+                newExpandedState = __spreadArray(__spreadArray([], expandedList, true), [index], false);
+            }
+            else {
+                // remove from the list of expanded accordions
+                newExpandedState = expandedList.filter(function (i) { return i !== index; });
+            }
+        }
+        setExpandedList(newExpandedState);
+        if (onChange) {
+            onChange(newExpandedState);
+        }
+    }, [setExpandedList, expandedList, expandSingle, onChange]);
+    return (react_1.default.createElement("div", __assign({ ref: ref }, restProps), childrenArray.map(function (child, index) {
+        if ((0, component_1.hasMatchingDisplayNameWith)(child, accordion_1.Accordion)) {
+            return react_1.default.cloneElement(child, {
+                expanded: expandedList.includes(index),
+                onChange: function () { return handleChange(index); },
+            });
+        }
+        return child;
+    })));
+});
+//# sourceMappingURL=accordion-group.js.map

package/cjs/accordion/accordion-group.js.map

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

package/cjs/accordion/accordion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AccordionProps } from './types';
+export declare const Accordion: import("../utils/with-own-theme").NewsKitReactComponents<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=accordion.d.ts.map

package/cjs/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAqB,cAAc,EAAC,MAAM,SAAS,CAAC;AAgG3D,eAAO,MAAM,SAAS,gHAGpB,CAAC"}

package/cjs/accordion/accordion.js

@@ -0,0 +1,70 @@
+"use strict";
+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.Accordion = void 0;
+var react_1 = __importDefault(require("react"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var styled_1 = require("./styled");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var hooks_1 = require("../utils/hooks");
+var icons_1 = require("../icons");
+var overrides_1 = require("../utils/overrides");
+var text_block_1 = require("../text-block");
+var compose_event_handlers_1 = require("../utils/compose-event-handlers");
+var DefaultIcon = function (_a) {
+    var expanded = _a.expanded, overrides = _a.overrides;
+    return expanded ? (react_1.default.createElement(icons_1.IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (react_1.default.createElement(icons_1.IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
+};
+var ThemelessAccordion = react_1.default.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.headerAs, headerAs = _c === void 0 ? 'h3' : _c, header = _a.header, label = _a.label, expanded = _a.expanded, _d = _a.disabled, disabled = _d === void 0 ? false : _d, children = _a.children, ariaControls = _a.ariaControls, id = _a.id, overrides = _a.overrides, onClickProp = _a.onClick, _e = _a.onChange, onChangeProp = _e === void 0 ? function () { return null; } : _e, props = __rest(_a, ["headerAs", "header", "label", "expanded", "disabled", "children", "ariaControls", "id", "overrides", "onClick", "onChange"]);
+    var autoGeneratedID = (0, hooks_1.useReactKeys)(1)[0];
+    var ariaControlsId = ariaControls || "".concat(autoGeneratedID, "-content");
+    var ariaLabelledById = id || "".concat(autoGeneratedID, "-control");
+    var _f = (0, overrides_1.getComponentOverrides)((_b = overrides === null || overrides === void 0 ? void 0 : overrides.header) === null || _b === void 0 ? void 0 : _b.indicatorIcon, DefaultIcon, {
+        expanded: expanded,
+    }), IndicatorIcon = _f[0], indicatorIconProps = _f[1];
+    var onClick = (0, compose_event_handlers_1.composeEventHandlers)([
+        onClickProp,
+        function () { return onChangeProp(!expanded); },
+    ]);
+    return (react_1.default.createElement("div", { ref: ref },
+        react_1.default.createElement(text_block_1.TextBlock, { as: headerAs },
+            react_1.default.createElement(styled_1.StyledAccordionButton, __assign({ overrides: overrides, disabled: disabled, "aria-expanded": expanded, "aria-controls": ariaControlsId, id: ariaLabelledById, "data-testid": "accordion-control", onClick: onClick }, props),
+                react_1.default.createElement(styled_1.StyledHeader, null, header),
+                label && react_1.default.createElement(styled_1.StyledLabel, { overrides: overrides }, label),
+                react_1.default.createElement(styled_1.StyledIconWrapper, null,
+                    react_1.default.createElement(IndicatorIcon, __assign({}, indicatorIconProps))))),
+        react_1.default.createElement(styled_1.StyledPanel, { "aria-labelledby": ariaLabelledById, id: ariaControlsId, "data-testid": "accordion-content", role: "region", expanded: expanded, overrides: overrides }, children)));
+});
+exports.Accordion = (0, with_own_theme_1.withOwnTheme)(ThemelessAccordion)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
+exports.Accordion.displayName = 'Accordion';
+//# sourceMappingURL=accordion.js.map

package/cjs/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/accordion/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAqD;AACrD,mCAMkB;AAElB,wDAAkC;AAClC,kEAA2C;AAC3C,wCAA4C;AAC5C,kCAAoE;AACpE,gDAAyD;AACzD,4CAAwC;AACxC,0EAAqE;AAErE,IAAM,WAAW,GAAG,UAAC,EAAyC;QAAxC,QAAQ,cAAA,EAAE,SAAS,eAAA;IACvC,OAAA,QAAQ,CAAC,CAAC,CAAC,CACT,8BAAC,4BAAoB,IACnB,SAAS,aACP,IAAI,EAAE,aAAa,IAChB,SAAS,IAEd,CACH,CAAC,CAAC,CAAC,CACF,8BAAC,4BAAoB,IACnB,SAAS,aACP,IAAI,EAAE,aAAa,IAChB,SAAS,IAEd,CACH;AAdD,CAcC,CAAC;AAEJ,IAAM,kBAAkB,GAAG,eAAK,CAAC,UAAU,CACzC,UACE,EAaC,EACD,GAAG;;IAbD,IAAA,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,MAAM,YAAA,EACN,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,SAAS,eAAA,EACA,WAAW,aAAA,EACpB,gBAAmC,EAAzB,YAAY,mBAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,KAAA,EAChC,KAAK,cAZV,6HAaC,CADS;IAIH,IAAA,eAAe,GAAI,IAAA,oBAAY,EAAC,CAAC,CAAC,GAAnB,CAAoB;IAC1C,IAAM,cAAc,GAAG,YAAY,IAAI,UAAG,eAAe,aAAU,CAAC;IACpE,IAAM,gBAAgB,GAAG,EAAE,IAAI,UAAG,eAAe,aAAU,CAAC;IAEtD,IAAA,KAAsC,IAAA,iCAAqB,EAC/D,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,0CAAE,aAAa,EAChC,WAAW,EACX;QACE,QAAQ,UAAA;KACT,CACF,EANM,aAAa,QAAA,EAAE,kBAAkB,QAMvC,CAAC;IAEF,IAAM,OAAO,GAAG,IAAA,6CAAoB,EAAC;QACnC,WAAW;QACX,cAAM,OAAA,YAAY,CAAC,CAAC,QAAQ,CAAC,EAAvB,CAAuB;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG;QACX,8BAAC,sBAAS,IAAC,EAAE,EAAE,QAAQ;YACrB,8BAAC,8BAAqB,aACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,mBACH,QAAQ,mBACR,cAAc,EAC7B,EAAE,EAAE,gBAAgB,iBACR,mBAAmB,EAC/B,OAAO,EAAE,OAAO,IACZ,KAAK;gBAET,8BAAC,qBAAY,QAAE,MAAM,CAAgB;gBACpC,KAAK,IAAI,8BAAC,oBAAW,IAAC,SAAS,EAAE,SAAS,IAAG,KAAK,CAAe;gBAClE,8BAAC,0BAAiB;oBAChB,8BAAC,aAAa,eAAM,kBAAyC,EAAI,CAC/C,CACE,CACd;QACZ,8BAAC,oBAAW,uBACO,gBAAgB,EACjC,EAAE,EAAE,cAAc,iBACN,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACG,CACV,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,SAAS,GAAG,IAAA,6BAAY,EAAC,kBAAkB,CAAC,CAAC;IACxD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC;AAEH,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/cjs/accordion/defaults.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    accordion: {
+        header: {
+            stylePreset: string;
+            typographyPreset: string;
+            spaceInline: string;
+            paddingBlock: string;
+            paddingInline: string;
+            label: {
+                typographyPreset: string;
+            };
+        };
+        panel: {
+            stylePreset: string;
+            paddingBlock: string;
+            paddingInline: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

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

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

package/cjs/accordion/defaults.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    accordion: {
+        header: {
+            stylePreset: 'accordionHeader',
+            typographyPreset: 'utilityButton030',
+            spaceInline: 'space020',
+            paddingBlock: 'spaceInset030',
+            paddingInline: 'spaceInset030',
+            label: {
+                typographyPreset: 'utilityButton030',
+            },
+        },
+        panel: {
+            stylePreset: 'accordionPanel',
+            paddingBlock: 'spaceInset030',
+            paddingInline: 'spaceInset030',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/accordion/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/accordion/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,SAAS,EAAE;QACT,MAAM,EAAE;YACN,WAAW,EAAE,iBAAiB;YAC9B,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,UAAU;YACvB,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,eAAe;YAC9B,KAAK,EAAE;gBACL,gBAAgB,EAAE,kBAAkB;aACrC;SACF;QACD,KAAK,EAAE;YACL,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,eAAe;SAC/B;KACF;CACF,CAAC"}

package/cjs/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export * from './accordion';
+export * from './accordion-group';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/cjs/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/cjs/accordion/index.js

@@ -0,0 +1,16 @@
+"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("./accordion"), exports);
+__exportStar(require("./accordion-group"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/accordion/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA4B;AAC5B,oDAAkC;AAClC,0CAAwB"}

package/cjs/accordion/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/accordion/style-presets.d.ts.map

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

package/cjs/accordion/style-presets.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    accordionHeader: {
+        base: {
+            backgroundColor: '{{colors.interface010}}',
+            color: '{{colors.inkBase}}',
+            borderStyle: 'none none solid none',
+            borderColor: '{{colors.interface050}}',
+            borderWidth: '{{borders.borderWidth010}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            color: '{{colors.interactiveInput040}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+        },
+        'focus-visible': {
+            outlineColor: '{{outlines.outlineColorDefault}}',
+            outlineStyle: '{{outlines.outlineStyleDefault}}',
+            outlineWidth: '{{outlines.outlineWidthDefault}}',
+            safariOutlineStyle: '{{outlines.safariOutlineStyleDefault}}',
+        },
+    },
+    accordionPanel: {
+        base: {
+            borderStyle: 'none none solid none',
+            borderColor: '{{colors.interface050}}',
+            borderWidth: '{{borders.borderWidth010}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/accordion/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,KAAK,EAAE,oBAAoB;YAC3B,WAAW,EAAE,sBAAsB;YACnC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,4BAA4B;SAC1C;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,gCAAgC;SACxC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;SACpC;QACD,eAAe,EAAE;YACf,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,YAAY,EAAE,kCAAkC;YAChD,kBAAkB,EAAE,wCAAwC;SAC7D;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,WAAW,EAAE,sBAAsB;YACnC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,4BAA4B;SAC1C;KACF;CAC6B,CAAC"}

package/cjs/accordion/styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { AccordionProps } from './types';
+export declare const StyledAccordionButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AccordionProps, "disabled" | "overrides">, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const StyledHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AccordionProps, "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledIconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPanel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Pick<AccordionProps, "expanded" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/cjs/accordion/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/accordion/styled.ts"],"names":[],"mappings":";AAQA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;;sKAwBjC,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAGxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;6IAEvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAG7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;0JAMvB,CAAC"}

package/cjs/accordion/styled.js

@@ -0,0 +1,27 @@
+"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.StyledPanel = exports.StyledIconWrapper = exports.StyledLabel = exports.StyledHeader = exports.StyledAccordionButton = void 0;
+var utils_1 = require("../utils");
+var logical_properties_1 = require("../utils/logical-properties");
+exports.StyledAccordionButton = utils_1.styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  width: 100%;\n  cursor: ", ";\n  & > :not(:last-of-type) {\n    ", "\n  }\n  ", ";\n  ", ";\n  ", ";\n  ", "\n  ", "\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  width: 100%;\n  cursor: ", ";\n  & > :not(:last-of-type) {\n    ", "\n  }\n  ", ";\n  ", ";\n  ", ";\n  ", "\n  ", "\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 'not-allowed' : 'pointer');
+}, (0, utils_1.getResponsiveSpace)('marginRight', 'accordion.header', 'header', 'spaceInline'), (0, utils_1.getResponsiveSize)('minWidth', 'accordion.header', 'header', 'minWidth'), (0, utils_1.getResponsiveSize)('minHeight', 'accordion.header', 'header', 'minHeight'), function (_a) {
+    var disabled = _a.disabled;
+    return (0, utils_1.getStylePreset)('accordion.header', 'header', {
+        isDisabled: disabled,
+    });
+}, (0, utils_1.getTypographyPreset)('accordion.header', 'header'), (0, logical_properties_1.logicalProps)('accordion.header', 'header'));
+exports.StyledHeader = utils_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: start;\n  flex: 1;\n"], ["\n  text-align: start;\n  flex: 1;\n"])));
+exports.StyledLabel = utils_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, utils_1.getTypographyPreset)('accordion.header.label', 'header.label'));
+exports.StyledIconWrapper = utils_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-self: center;\n"], ["\n  display: flex;\n  align-self: center;\n"])));
+exports.StyledPanel = utils_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: ", ";\n  ", ";\n  ", "\n"], ["\n  display: ", ";\n  ", ";\n  ", "\n"])), function (_a) {
+    var expanded = _a.expanded;
+    return (expanded ? 'block' : 'none');
+}, (0, utils_1.getStylePreset)('accordion.panel', 'panel'), (0, logical_properties_1.logicalProps)('accordion.panel', 'panel'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=styled.js.map

package/cjs/accordion/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/accordion/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,kCAMkB;AAClB,kEAAyD;AAG5C,QAAA,qBAAqB,GAAG,cAAM,CAAC,MAAM,oQAEjD,mGAKW,EAAsD,sCAE5D,EAKD,WAED,EAAuE,OACvE,EAAyE,OACzE,EAGE,OACF,EAAiD,MACjD,EAA0C,IAC7C,KAjBW,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;AAAtC,CAAsC,EAE5D,IAAA,0BAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,aAAa,CACd,EAED,IAAA,yBAAiB,EAAC,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,UAAU,CAAC,EACvE,IAAA,yBAAiB,EAAC,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,CAAC,EACzE,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,IAAA,sBAAc,EAAC,kBAAkB,EAAE,QAAQ,EAAE;QAC3C,UAAU,EAAE,QAAQ;KACrB,CAAC;AAFF,CAEE,EACF,IAAA,2BAAmB,EAAC,kBAAkB,EAAE,QAAQ,CAAC,EACjD,IAAA,iCAAY,EAAC,kBAAkB,EAAE,QAAQ,CAAC,EAC5C;AAEW,QAAA,YAAY,GAAG,cAAM,CAAC,GAAG,yGAAA,sCAGrC,KAAC;AAEW,QAAA,WAAW,GAAG,cAAM,CAAC,GAAG,+EAAmC,MACpE,EAA6D,IAChE,KADG,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,cAAc,CAAC,EAC/D;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,gHAAA,6CAG1C,KAAC;AAEW,QAAA,WAAW,GAAG,cAAM,CAAC,GAAG,0GAEpC,eACY,EAA6C,OACtD,EAA0C,OAC1C,EAAwC,IAC3C,KAHY,UAAC,EAAU;QAAT,QAAQ,cAAA;IAAM,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAA7B,CAA6B,EACtD,IAAA,sBAAc,EAAC,iBAAiB,EAAE,OAAO,CAAC,EAC1C,IAAA,iCAAY,EAAC,iBAAiB,EAAE,OAAO,CAAC,EAC1C"}

package/cjs/accordion/types.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+import { NewsKitIconProps } from '../icons';
+import { MQ } from '../utils';
+import { LogicalPaddingProps } from '../utils/logical-properties';
+import { Override } from '../utils/overrides';
+export declare type AccordionIconProps = NewsKitIconProps & Pick<AccordionProps, 'expanded'>;
+export interface AccordionHeaderOverrides extends LogicalPaddingProps {
+    minWidth?: MQ<string>;
+    minHeight?: MQ<string>;
+    stylePreset?: MQ<string>;
+    typographyPreset?: MQ<string>;
+    spaceInline?: MQ<string>;
+    label?: {
+        typographyPreset?: MQ<string>;
+    };
+    indicatorIcon?: Override<AccordionIconProps>;
+}
+export declare type AccordionPropsOverrides = {
+    header?: AccordionHeaderOverrides;
+    panel?: {
+        stylePreset?: MQ<string>;
+    };
+};
+export interface AccordionProps {
+    children?: Exclude<React.ReactNode, 'undefined'>;
+    disabled?: boolean;
+    header?: Exclude<React.ReactNode, 'undefined'>;
+    headerAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
+    label?: string;
+    ariaControls?: string;
+    id?: string;
+    expanded?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    overrides?: AccordionPropsOverrides;
+    onChange?: (expanded: boolean) => void;
+}
+export declare type AccordionGroupProps = {
+    defaultExpanded?: number | number[] | 'all';
+    expanded?: number | number[] | 'all';
+    onChange?: (expanded: number[]) => void;
+    expandSingle?: boolean;
+    children: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAE5C,oBAAY,kBAAkB,GAAG,gBAAgB,GAC/C,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AACnC,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACtB,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE;QACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,aAAa,CAAC,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;CAC9C;AAED,oBAAY,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,uBAAuB,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,oBAAY,mBAAmB,GAAG;IAChC,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/cjs/accordion/types.js

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

package/cjs/accordion/types.js.map

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

package/cjs/assistive-text/assistive-text.d.ts

@@ -1,3 +1,9 @@
-import { AssistiveTextProps } from './types';
-export declare const AssistiveText: import("../utils/with-own-theme").NewsKitReactComponents<AssistiveTextProps>;
+import React from 'react';
+export declare const AssistiveText: import("../utils/with-own-theme").NewsKitReactComponents<React.HTMLAttributes<HTMLParagraphElement> & Omit<import("../with-enhancers/types").WithEnhancersProps, "isFocused" | "enhancersType" | "componentDefaultsPath"> & {
+    overrides?: (import("../form/types").EnhancerOverrides & {
+        stylePreset?: import("..").MQ<string> | undefined;
+        typographyPreset?: import("..").MQ<string> | undefined;
+        minHeight?: import("..").MQ<string> | undefined;
+    }) | undefined;
+} & React.RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=assistive-text.d.ts.map

package/cjs/assistive-text/assistive-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assistive-text.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AA2C3C,eAAO,MAAM,aAAa,8EAGxB,CAAC"}
+{"version":3,"file":"assistive-text.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuD1B,eAAO,MAAM,aAAa;;;;;;8CAGxB,CAAC"}

package/cjs/assistive-text/assistive-text.js

@@ -33,11 +33,11 @@ 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 logical_properties_1 = require("../utils/logical-properties");
-var ThemelessAssistiveText = function (_a) {
+var ThemelessAssistiveText = react_1.default.forwardRef(function (_a, ref) {
     var overrides = _a.overrides, _b = _a.size, size = _b === void 0 ? 'medium' : _b, state = _a.state, children = _a.children, startEnhancer = _a.startEnhancer, endEnhancer = _a.endEnhancer, props = __rest(_a, ["overrides", "size", "state", "children", "startEnhancer", "endEnhancer"]);
     var nonLogicalOverrides = (0, logical_properties_1.omitLogicalPropsFromOverrides)(overrides);
-    return (react_1.default.createElement(with_enhancers_1.WithEnhancers, { componentDefaultsPath: "assistiveText.".concat(size), overrides: overrides, state: state, startEnhancer: startEnhancer, endEnhancer: endEnhancer, marginPosition: "inside", alignSelf: "start" }, children && (react_1.default.createElement(styled_1.StyledAssistiveText, __assign({ "aria-disabled": state === 'disabled' ? true : undefined, size: size, overrides: nonLogicalOverrides, state: state, role: state === 'invalid' ? 'alert' : undefined, "aria-live": state === 'invalid' ? 'polite' : undefined }, props), children))));
-};
+    return (react_1.default.createElement(with_enhancers_1.WithEnhancers, { componentDefaultsPath: "assistiveText.".concat(size), overrides: overrides, state: state, startEnhancer: startEnhancer, endEnhancer: endEnhancer, marginPosition: "inside", alignSelf: "start" }, children && (react_1.default.createElement(styled_1.StyledAssistiveText, __assign({ ref: ref, "aria-disabled": state === 'disabled' ? true : undefined, size: size, overrides: nonLogicalOverrides, state: state, role: state === 'invalid' ? 'alert' : undefined, "aria-live": state === 'invalid' ? 'polite' : undefined }, props), children))));
+});
 exports.AssistiveText = (0, with_own_theme_1.withOwnTheme)(ThemelessAssistiveText)({
     defaults: defaults_1.default,
     stylePresets: style_presets_1.default,

package/cjs/assistive-text/assistive-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"assistive-text.js","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,mCAA6C;AAC7C,mEAA+D;AAE/D,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,kEAA0E;AAE1E,IAAM,sBAAsB,GAAG,UAAC,EAQX;IAPnB,IAAA,SAAS,eAAA,EACT,YAAgC,EAAhC,IAAI,mBAAG,QAAyB,KAAA,EAChC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,WAAW,iBAAA,EACR,KAAK,cAPsB,0EAQ/B,CADS;IAER,IAAM,mBAAmB,GAAG,IAAA,kDAA6B,EAAC,SAAS,CAAC,CAAC;IACrE,OAAO,CACL,8BAAC,8BAAa,IACZ,qBAAqB,EAAE,wBAAiB,IAAI,CAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO,IAEhB,QAAQ,IAAI,CACX,8BAAC,4BAAmB,8BACH,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,eACpC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACjD,KAAK,GAER,QAAQ,CACW,CACvB,CACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,6BAAY,EAAC,sBAAsB,CAAC,CAAC;IAChE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}
+{"version":3,"file":"assistive-text.js","sourceRoot":"","sources":["../../../src/assistive-text/assistive-text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,mCAA6C;AAC7C,mEAA+D;AAE/D,wDAAkC;AAClC,kEAA2C;AAC3C,0DAAqD;AACrD,kEAA0E;AAE1E,IAAM,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAI7C,UACE,EAQC,EACD,GAAG;IARD,IAAA,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,WAAW,iBAAA,EACR,KAAK,cAPV,0EAQC,CADS;IAIV,IAAM,mBAAmB,GAAG,IAAA,kDAA6B,EAAC,SAAS,CAAC,CAAC;IACrE,OAAO,CACL,8BAAC,8BAAa,IACZ,qBAAqB,EAAE,wBAAiB,IAAI,CAAE,EAC9C,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO,IAEhB,QAAQ,IAAI,CACX,8BAAC,4BAAmB,aAClB,GAAG,EAAE,GAAG,mBACO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACtD,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,mBAAmB,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,eACpC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACjD,KAAK,GAER,QAAQ,CACW,CACvB,CACa,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,6BAAY,EAAC,sBAAsB,CAAC,CAAC;IAChE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/assistive-text/styled.d.ts

@@ -1,13 +1,8 @@
 /// <reference types="react" />
 import { TextBlockProps } from '../text-block/types';
-export declare const StyledAssistiveText: import("@emotion/styled").StyledComponent<{
+export declare const StyledAssistiveText: import("@emotion/styled").StyledComponent<TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & TextBlockProps & import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Omit<TextBlockProps, "overrides"> & Omit<import("../with-enhancers/types").WithEnhancersProps, "isFocused" | "componentDefaultsPath" | "enhancersType"> & {
+} & Omit<TextBlockProps, "overrides"> & import("react").HTMLAttributes<HTMLParagraphElement> & Omit<import("../with-enhancers/types").WithEnhancersProps, "isFocused" | "enhancersType" | "componentDefaultsPath"> & {
     overrides?: (import("../form/types").EnhancerOverrides & {
         stylePreset?: import("../utils/style").MQ<string> | undefined;
         typographyPreset?: import("../utils/style").MQ<string> | undefined;

package/cjs/assistive-text/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAOnD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;UAe/B,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/assistive-text/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAOnD,eAAO,MAAM,mBAAmB;;;;;;;;UAe/B,CAAC"}

package/cjs/audio-player/audio-functions.js

@@ -22,7 +22,7 @@ var types_1 = require("./types");
 var utils_1 = require("./utils");
 var calculate_string_percentage_1 = __importDefault(require("../utils/calculate-string-percentage"));
 var value_in_range_1 = require("../utils/value-in-range");
-var version_number_json_1 = require("../version-number.json");
+var version_number_json_1 = __importDefault(require("../version-number.json"));
 var useAudioFunctions = function (_a) {
     var _b;
     var onPreviousTrack = _a.onPreviousTrack, onNextTrack = _a.onNextTrack, autoPlay = _a.autoPlay, disablePreviousTrack = _a.disablePreviousTrack, src = _a.src, live = _a.live, duration = _a.duration, loading = _a.loading, playing = _a.playing, showLoaderTimeoutRef = _a.showLoaderTimeoutRef, trackPositionRef = _a.trackPositionRef, audioRef = _a.audioRef, setLoading = _a.setLoading, setTrackPosition = _a.setTrackPosition, setPlayState = _a.setPlayState, setVolume = _a.setVolume, setDuration = _a.setDuration, setDisplayDuration = _a.setDisplayDuration, setBuffered = _a.setBuffered, setIsPrevTrackBtnDisabled = _a.setIsPrevTrackBtnDisabled;
@@ -37,7 +37,7 @@ var useAudioFunctions = function (_a) {
     }, [audioRef]);
     var buildMediaData = (0, react_1.useCallback)(function () {
         var playerData = {
-            media_player: "newskit-audio-player-".concat(version_number_json_1.version),
+            media_player: "newskit-audio-player-".concat(version_number_json_1.default.version),
             media_type: 'audio',
         };
         return live