newskit 0.0.0-70b3f4d2c → 0.0.0-7159fffe4

package/README.md

@@ -1,43 +1,124 @@
 <p align="center">
-  <a href="https://github.com/newscorp-ghfb/ncu-newskit">
-    <img width="500px" src="https://www.news.co.uk/wp-content/themes/newscouk/assets/img/logo.png">
+  <a href="https://www.newskit.co.uk">
+    <img width='550' src="https://www.newskit.co.uk/static/newskit-logo.svg">
   </a>
 </p>
 
-# <h1 align="center">News UK Components</h1>
+# NewsKit
 
-**News UK Design System** is a design system comprised of modern, responsive, living components which will be used as the base components for all publication titles at News UK.
+NewsKit is News UK’s design system. It provides interactive building blocks and guidelines for crafting cohesive digital product interfaces and accelerating development. Build better products faster.
 
-## Pre-requisites
+This document is focused on the React components, more expansive documentation can be found on our [website](http://newskit.co.uk).
 
-You will need to install the following as pre-requisites to getting started:
+## Introduction
 
-* [Node.js](https://nodejs.org/en/download/) Version 10.*. If you are using an older version of Node, it is recommended to install other versions via NVM
-* [Yarn](https://yarnpkg.com/en/docs/install#mac-stable) to install the project dependencies
-* [Docker](https://docs.docker.com/docker-for-mac/install/)
+The NewsKit design system provides an npm package that exports a library of reusable React components and utilities that can be used as building blocks to compose web applications.
 
-## Getting Started
+## Why build products with NewsKit
 
-Once you have the above installed, run the following commands:
+### Accessible
 
-```sh
-git clone git@github.com:newscorp-ghfb/ncu-newskit.git
-cd ncu-newskit
-yarn
-docker-compose build
-docker-compose up
+NewsKit components follow [WCAG guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/), [WAI Aria](https://www.w3.org/WAI/standards-guidelines/aria/) and [Aria-practices](https://www.w3.org/TR/wai-aria-practices/). Components are AA compliant with A11Y features built-in including props to extend their flexibility if required.
+
+### Adaptive
+
+NewsKit has an extensive [theming system](https://newskit.co.uk/theme/overview/) that enables customization of style and layout. Additionally components support a range of properties to customise behavior.
+
+### Productive
+
+Carefully crafted components ensure that teams using NewsKit can rapidly iterate on product requirements through re-use of common functionality. This promotes both consistency
+and common language across product development teams.
+
+## 💎 What’s included
+
+### React web components
+
+A collection high quality React [web components](https://newskit.co.uk/components/overview/) built using [TypeScript](https://www.typescriptlang.org/) and [Emotion](https://emotion.sh/docs/introduction).
+
+### Advanced theming system
+
+An advanced full-featured [theming system](https://newskit.co.uk/theme/overview/) with the flexibility to meet the requirement of a single or multi-brand requirement, including both business and consumer products.
+
+### Utility functions
+
+A host of utility functions for use in third-party or custom components.
+
+### Guidance
+
+Comprehensive online documentation and guidelines.
+
+## 🙌 Browser support
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome  | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari |
+| --- | --- | --- |
+| last 2 versions | last 2 versions | last 2 versions |
+
+## ✅ Pre-requisites
+
+To start using NewsKit components in your projects your projects you will need the following:
+
+* [Node.js](https://nodejs.org/en/download/) with a minimum of node v14 installed
+* A project to install NewsKit into. If you need to create a new one try [Next.js](https://nextjs.org/learn/basics/create-nextjs-app) or [Create React App](https://create-react-app.dev/docs/getting-started/).
+
+## 📦 Install
+
+Use your favourite package manager to install NewsKit.
+
+```bash
+npm install newskit @emotion/react @emotion/styled
+```
+
+```bash
+yarn add newskit @emotion/react @emotion/styled
 ```
 
-## Contributing
+>Please note that newskit is using [emotion](https://emotion.sh/docs/introduction) as styling engine, that is why you also need to `install@emotion/react` and `@emotion/styled`.
+
+## 🔨 Usage
+
+NewsKit components can be used like any typical react components. One thing to bear in mind is that they will need to be descendants of a `NewsKitProvider`  which provides a single wrapper to configure your application. It adds a [ThemeProvider](https://www.newskit.co.uk/theme/theming/using-a-theme/), [MediaQueryProvider](https://www.newskit.co.uk/components/utils/hooks/#usemediaqueryobject), [InstrumentationProvider](https://www.newskit.co.uk/getting-started/code/instrumentation/) and a LayerOrganizer to handle theming, media queries, instrumentation and stacking context in the application.
+
+The following example shows the "Hello World!" example of using a NewsKit [Tag](https://www.newskit.co.uk/components/tag/) component with the NewsKitProvider.
+
+```typescript
+import {NewsKitProvider, Tag, newskitLightTheme} from 'newskit';
+import React from 'react';
+export default class App extends React.Component {
+  render() {
+    return (
+      <NewsKitProvider
+        theme={newskitLightTheme}
+        instrumentation={'instrumentation provider props'}
+        layer={'layer organizer props'}
+        >
+        <Tag
+          href="http://example.com"
+          size="medium">
+            Tag Content
+        </Tag>
+      </NewsKitProvider>
+    )
+  }
+}
+```
+
+## 👉 What’s next
+
+* To start engineering with NewsKit, follow the steps in the [quickstart guide](https://www.newskit.co.uk/getting-started/code/engineering-quickstart/).
+* Have a question? [Contact the NewsKit team via the contact form](https://newskit.co.uk/about/contact-us/).
+
+## 🐛 Bugs, Issues & Feature requests
 
-For detailed information on how to create your first PR, branching and commit messages convention, please visit [Contributing](./docs/CONTRIBUTING.md)
+Feel free to reach out by raising issues on our [github](https://github.com/newscorp-ghfb/newskit/issues).
 
-## Testing
+## 🤝 Contributing
 
-We use the following libraries for our automated tests:
+See the [contributing guidelines](https://github.com/newscorp-ghfb/newskit/wiki/Contributing-Guidelines) in the wiki.
 
-* Jest and React Testing Library for unit testing
-* Cypress for component and E2E testing
-* cypress-axe for automated accessibility testing
+## 🔗 Key Links
 
-For detailed information on how to run the automated tests, please visit [Testing](./docs/testing.md)
+* [NewsKit Documentation](https://www.newskit.co.uk/)
+* [View NewsKit Design System npm package](https://www.npmjs.com/package/newskit)
+* [Github repository](https://github.com/newscorp-ghfb/newskit)
+* [Medium](https://medium.com/newskit-design-system)
+* [Storybook](https://storybook.newskit.co.uk/)

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const AccordionGroup: React.ForwardRefExoticComponent<{
+    defaultExpanded?: number | "all" | number[] | undefined;
+    expanded?: number | "all" | number[] | 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,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionGroup = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_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 tslib_1.__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 = tslib_1.__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 = tslib_1.__spreadArray(tslib_1.__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", tslib_1.__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":";;;;AAAA,qDAAyC;AACzC,wCAA6C;AAE7C,gDAA8D;AAC9D,yCAAsC;AAEtC,IAAM,mBAAmB,GAAG,UAC1B,YAAmD,EACnD,WAAmB;IAEnB,IAAI,YAAY,KAAK,KAAK,EAAE;QAC1B,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;KAC9C;IAED,IAAI,YAAY,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;QAC9D,OAAO,CAAC,YAAY,CAAC,CAAC;KACvB;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,IAAM,SAAS,GAAG,UAChB,YAAkC,EAClC,OAA4B;IAE5B,IAAI,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,OAAO,EAAE;QAC1C,OAAO,0BAAI,YAAY,QAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACvC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UACrB,YAAmD,EACnD,WAAmB,EACnB,MAA2B;IAE3B,OAAA,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC;AAAjE,CAAiE,CAAC;AAEvD,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAI5C,UACE,EAOC,EACD,GAAG;IAPD,IAAA,QAAQ,cAAA,EACR,uBAAoB,EAApB,eAAe,mBAAG,EAAE,KAAA,EACpB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACT,SAAS,sBANd,uEAOC,CADa;IAId,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEjD,IAAA,KAAkC,IAAA,qBAAa,EAAW;QAC9D,eAAe,EAAE,cAAc,CAC7B,QAAQ,EACR,aAAa,CAAC,MAAM,EACpB,YAAY,CACb;QACD,YAAY,EAAE,cAAc,CAC1B,eAAe,EACf,aAAa,CAAC,MAAM,EACpB,YAAY,CACb;KACF,CAA0C,EAXpC,YAAY,QAAA,EAAE,eAAe,QAWO,CAAC;IAE5C,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAa;QACZ,IAAI,gBAAgB,GAAa,EAAE,CAAC;QAEpC,qDAAqD;QACrD,IAAI,YAAY,EAAE;YAChB,0DAA0D;YAC1D,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACjC,gBAAgB,GAAG,CAAC,KAAK,CAAC,CAAC;aAC5B;iBAAM;gBACL,iDAAiD;gBACjD,gBAAgB,GAAG,EAAE,CAAC;aACvB;YAED,EAAE;SACH;aAAM;YACL,wCAAwC;YACxC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;gBACjC,yCAAyC;gBACzC,gBAAgB,mDAAO,YAAY,UAAE,KAAK,SAAC,CAAC;aAC7C;iBAAM;gBACL,8CAA8C;gBAC9C,gBAAgB,GAAG,YAAY,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,KAAK,EAAX,CAAW,CAAC,CAAC;aAC1D;SACF;QAED,eAAe,CAAC,gBAAgB,CAAC,CAAC;QAElC,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,gBAAgB,CAAC,CAAC;SAC5B;IACH,CAAC,EACD,CAAC,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,CAAC,CACxD,CAAC;IAEF,OAAO,CACL,wDAAK,GAAG,EAAE,GAAG,IAAM,SAAS,GACzB,aAAa,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAa;QACtC,IAAI,IAAA,sCAA0B,EAAC,KAAK,EAAE,qBAAS,CAAC,EAAE;YAChD,OAAO,eAAK,CAAC,YAAY,CACvB,KAA2C,EAC3C;gBACE,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;gBACtC,QAAQ,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB;aACpC,CACF,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/cjs/accordion/accordion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AccordionProps } from './types';
+export declare const Accordion: import("../utils").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,KAA0B,MAAM,OAAO,CAAC;AAa/C,OAAO,EAAqB,cAAc,EAAC,MAAM,SAAS,CAAC;AAoK3D,eAAO,MAAM,SAAS,iGAGpB,CAAC"}

package/cjs/accordion/accordion.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_transition_group_1 = require("react-transition-group");
+var compose_react_refs_1 = tslib_1.__importDefault(require("@seznam/compose-react-refs"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var styled_1 = require("./styled");
+var defaults_1 = tslib_1.__importDefault(require("./defaults"));
+var style_presets_1 = tslib_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 get_transition_class_name_1 = require("../utils/get-transition-class-name");
+var utils_1 = require("../utils");
+var theme_1 = require("../theme");
+var utils_2 = require("./utils");
+var instrumentation_1 = require("../instrumentation");
+// Based on https://www.w3schools.com/howto/howto_js_accordion.asp
+var MaxHeightTransitionPanel = react_1.default.forwardRef(function (_a, transitionRef) {
+    var expanded = _a.expanded, children = _a.children, overrides = _a.overrides, className = _a.className;
+    var ref = (0, react_1.useRef)(null);
+    var width = (0, hooks_1.useResizeObserver)(ref)[0];
+    (0, react_1.useEffect)(function () {
+        if (expanded) {
+            ref.current.style.maxHeight = "".concat((0, utils_2.getRefScrollHeight)(ref.current), "px");
+        }
+        else {
+            ref.current.style.maxHeight = '0px';
+        }
+    }, [expanded, width]);
+    return (react_1.default.createElement(styled_1.StyledPanelTransitionContainer, { "data-testid": "panel-transition-container", ref: (0, compose_react_refs_1.default)(transitionRef, ref), expanded: expanded, overrides: overrides, className: className }, children));
+});
+var DefaultIcon = function (_a) {
+    var expanded = _a.expanded, overrides = _a.overrides;
+    return expanded ? (react_1.default.createElement(icons_1.IconFilledExpandLess, { overrides: tslib_1.__assign({ size: 'iconSize020' }, overrides) })) : (react_1.default.createElement(icons_1.IconFilledExpandMore, { overrides: tslib_1.__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, _f = _a.eventContext, eventContext = _f === void 0 ? {} : _f, _g = _a.eventOriginator, eventOriginator = _g === void 0 ? 'accordion' : _g, props = tslib_1.__rest(_a, ["headerAs", "header", "label", "expanded", "disabled", "children", "ariaControls", "id", "overrides", "onClick", "onChange", "eventContext", "eventOriginator"]);
+    var autoGeneratedID = (0, hooks_1.useReactKeys)(1)[0];
+    var ariaControlsId = ariaControls || "".concat(autoGeneratedID, "-content");
+    var ariaLabelledById = id || "".concat(autoGeneratedID, "-control");
+    var cssTransitionNodeRef = react_1.default.useRef(null);
+    var _h = (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 = _h[0], indicatorIconProps = _h[1];
+    var fireEvent = (0, instrumentation_1.useInstrumentation)().fireEvent;
+    var onClick = (0, compose_event_handlers_1.composeEventHandlers)([
+        onClickProp,
+        function () { return onChangeProp(!expanded); },
+        function () {
+            return fireEvent({
+                originator: eventOriginator,
+                trigger: instrumentation_1.EventTrigger.Click,
+                context: tslib_1.__assign({}, eventContext),
+            });
+        },
+    ]);
+    var theme = (0, theme_1.useTheme)();
+    return (react_1.default.createElement(styled_1.StyledAccordionWrapper, { ref: ref, overrides: overrides },
+        react_1.default.createElement(text_block_1.TextBlock, { as: headerAs },
+            react_1.default.createElement(styled_1.StyledAccordionButton, tslib_1.__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, tslib_1.__assign({}, indicatorIconProps))))),
+        react_1.default.createElement(react_transition_group_1.CSSTransition, { nodeRef: cssTransitionNodeRef, in: expanded, timeout: (0, utils_1.getTransitionDuration)("accordion.panel", 'panel')({ theme: theme, overrides: overrides }), classNames: "nk-accordion" }, function (state) { return (react_1.default.createElement(MaxHeightTransitionPanel, { className: (0, get_transition_class_name_1.getTransitionClassName)('nk-accordion', state), expanded: expanded, overrides: overrides, ref: cssTransitionNodeRef },
+            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":"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"}

package/cjs/accordion/defaults.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    accordion: {
+        header: {
+            transitionPreset: string[];
+            stylePreset: string;
+            typographyPreset: string;
+            spaceInline: string;
+            paddingBlock: string;
+            paddingInline: string;
+            label: {
+                typographyPreset: string;
+            };
+        };
+        panel: {
+            transitionPreset: string;
+            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,wBAoBE"}

package/cjs/accordion/defaults.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    accordion: {
+        header: {
+            transitionPreset: ['fontColorChange', 'backgroundColorChange'],
+            stylePreset: 'accordionHeader',
+            typographyPreset: 'utilityButton030',
+            spaceInline: 'space020',
+            paddingBlock: 'space030',
+            paddingInline: 'space030',
+            label: {
+                typographyPreset: 'utilityButton030',
+            },
+        },
+        panel: {
+            transitionPreset: 'maxHeightChange',
+            stylePreset: 'accordionPanel',
+            paddingBlock: 'space030',
+            paddingInline: 'space030',
+        },
+    },
+};
+//# 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,gBAAgB,EAAE,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;YAC9D,WAAW,EAAE,iBAAiB;YAC9B,gBAAgB,EAAE,kBAAkB;YACpC,WAAW,EAAE,UAAU;YACvB,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;YACzB,KAAK,EAAE;gBACL,gBAAgB,EAAE,kBAAkB;aACrC;SACF;QACD,KAAK,EAAE;YACL,gBAAgB,EAAE,iBAAiB;YACnC,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,UAAU;YACxB,aAAa,EAAE,UAAU;SAC1B;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,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./accordion"), exports);
+tslib_1.__exportStar(require("./accordion-group"), exports);
+tslib_1.__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,sDAA4B;AAC5B,4DAAkC;AAClC,kDAAwB"}

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,wBAkCiC"}

package/cjs/accordion/style-presets.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    accordionHeader: {
+        base: {
+            backgroundColor: '{{colors.interfaceBackground}}',
+            color: '{{colors.inkBase}}',
+            borderStyle: 'none none solid none',
+            borderColor: '{{colors.interface050}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            iconColor: '{{colors.inkBase}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactiveInput010}}',
+            color: '{{colors.interactiveInput040}}',
+            iconColor: '{{colors.interactiveInput040}}',
+        },
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+            iconColor: '{{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,gCAAgC;YACjD,KAAK,EAAE,oBAAoB;YAC3B,WAAW,EAAE,sBAAsB;YACnC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,4BAA4B;YACzC,SAAS,EAAE,oBAAoB;SAChC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,gCAAgC;YACvC,SAAS,EAAE,gCAAgC;SAC5C;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;YACnC,SAAS,EAAE,4BAA4B;SACxC;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,31 @@
+/// <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, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & Pick<AccordionProps, "overrides" | "disabled">, 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, keyof import("react").JSX.IntrinsicElements> | 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, keyof import("react").JSX.IntrinsicElements> | 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, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPanelTransitionContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & Pick<AccordionProps, "overrides" | "expanded">, 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, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & Pick<AccordionProps, "overrides" | "expanded">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledAccordionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & Pick<AccordionProps, "overrides" | "expanded">, 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":";AASA,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,qBAAqB;;;sKAyBjC,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAGxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;6IAEvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAG7B,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;0JAK1C,CAAC;AAEF,eAAO,MAAM,WAAW;;;0JAKvB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;0JAIlC,CAAC"}

package/cjs/accordion/styled.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledAccordionWrapper = exports.StyledPanel = exports.StyledPanelTransitionContainer = exports.StyledIconWrapper = exports.StyledLabel = exports.StyledHeader = exports.StyledAccordionButton = void 0;
+var tslib_1 = require("tslib");
+var utils_1 = require("../utils");
+var logical_properties_1 = require("../utils/logical-properties");
+exports.StyledAccordionButton = utils_1.styled.button(templateObject_1 || (templateObject_1 = tslib_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"], ["\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"])), 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'), (0, utils_1.getTransitionPreset)('accordion.header', 'header'));
+exports.StyledHeader = utils_1.styled.div(templateObject_2 || (templateObject_2 = tslib_1.__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 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, utils_1.getTypographyPreset)('accordion.header.label', 'header.label'));
+exports.StyledIconWrapper = utils_1.styled.div(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-self: center;\n"], ["\n  display: flex;\n  align-self: center;\n"])));
+exports.StyledPanelTransitionContainer = utils_1.styled.div(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n  overflow: hidden;\n  ", "\n"], ["\n  overflow: hidden;\n  ", "\n"])), (0, utils_1.getTransitionPreset)('accordion.panel', 'panel', 'nk-accordion'));
+exports.StyledPanel = utils_1.styled.div(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n  ", ";\n  ", "\n"], ["\n  ", ";\n  ", "\n"])), (0, utils_1.getStylePreset)('accordion.panel', 'panel'), (0, logical_properties_1.logicalProps)('accordion.panel', 'panel'));
+exports.StyledAccordionWrapper = utils_1.styled.div(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, logical_properties_1.logicalProps)('accordion'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# 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,kCAOkB;AAClB,kEAAyD;AAG5C,QAAA,qBAAqB,GAAG,cAAM,CAAC,MAAM,oRAEjD,mGAKW,EAAsD,sCAE5D,EAKD,WAED,EAAuE,OACvE,EAAyE,OACzE,EAGE,OACF,EAAiD,MACjD,EAA0C,MAC1C,EAAiD,IACpD,KAlBW,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,EAC1C,IAAA,2BAAmB,EAAC,kBAAkB,EAAE,QAAQ,CAAC,EACnD;AAEW,QAAA,YAAY,GAAG,cAAM,CAAC,GAAG,iHAAA,sCAGrC,KAAC;AAEW,QAAA,WAAW,GAAG,cAAM,CAAC,GAAG,uFAAmC,MACpE,EAA6D,IAChE,KADG,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,cAAc,CAAC,EAC/D;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,wHAAA,6CAG1C,KAAC;AAEW,QAAA,8BAA8B,GAAG,cAAM,CAAC,GAAG,4GAEvD,2BAEG,EAA+D,IAClE,KADG,IAAA,2BAAmB,EAAC,iBAAiB,EAAE,OAAO,EAAE,cAAc,CAAC,EACjE;AAEW,QAAA,WAAW,GAAG,cAAM,CAAC,GAAG,gGAEpC,MACG,EAA0C,OAC1C,EAAwC,IAC3C,KAFG,IAAA,sBAAc,EAAC,iBAAiB,EAAE,OAAO,CAAC,EAC1C,IAAA,iCAAY,EAAC,iBAAiB,EAAE,OAAO,CAAC,EAC1C;AAEW,QAAA,sBAAsB,GAAG,cAAM,CAAC,GAAG,uFAE/C,MACG,EAAyB,IAC5B,KADG,IAAA,iCAAY,EAAC,WAAW,CAAC,EAC3B"}

package/cjs/accordion/types.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { NewsKitIconProps } from '../icons';
+import { MQ } from '../utils';
+import { LogicalProps } from '../utils/logical-properties';
+import { Override } from '../utils/overrides';
+import { TransitionToken } from '../theme';
+import { EventData } from '../instrumentation';
+export type AccordionIconProps = NewsKitIconProps & Pick<AccordionProps, 'expanded'>;
+export interface AccordionHeaderOverrides extends LogicalProps {
+    minWidth?: MQ<string>;
+    minHeight?: MQ<string>;
+    stylePreset?: MQ<string>;
+    typographyPreset?: MQ<string>;
+    spaceInline?: MQ<string>;
+    label?: {
+        typographyPreset?: MQ<string>;
+    };
+    indicatorIcon?: Override<AccordionIconProps>;
+    transitionPreset?: TransitionToken | TransitionToken[];
+}
+export interface AccordionPanelOverrides extends LogicalProps {
+    stylePreset?: MQ<string>;
+    transitionPreset?: TransitionToken | TransitionToken[];
+}
+export type AccordionPropsOverrides = {
+    header?: AccordionHeaderOverrides;
+    panel?: AccordionPanelOverrides;
+} & LogicalProps;
+export interface AccordionProps extends EventData {
+    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 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,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAE7C,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAC/C,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAEnC,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,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;IAC7C,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CACxD;AAED,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;CACxD;AAED,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,KAAK,CAAC,EAAE,uBAAuB,CAAC;CACjC,GAAG,YAAY,CAAC;AAEjB,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,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,MAAM,MAAM,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.map

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

package/cjs/accordion/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getRefScrollHeight: (el: HTMLDivElement) => number;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/accordion/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,OAAQ,cAAc,WAAoB,CAAC"}