newskit 5.5.0 → 5.6.0

package/cjs/tooltip/tooltip.js

@@ -47,61 +47,41 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 var React = __importStar(require("react"));
 var react_dom_interactions_1 = require("@floating-ui/react-dom-interactions");
-var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
-var react_1 = 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 base_floating_element_1 = require("../base-floating-element/base-floating-element");
 var ThemelessTooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.placement, placement = _b === void 0 ? 'top' : _b, _c = _a.trigger, trigger = _c === void 0 ? ['hover', 'focus'] : _c, openProp = _a.open, defaultOpen = _a.defaultOpen, asLabel = _a.asLabel, overrides = _a.overrides, _d = _a.hidePointer, hidePointer = _d === void 0 ? false : _d, props = __rest(_a, ["children", "content", "placement", "trigger", "open", "defaultOpen", "asLabel", "overrides", "hidePointer"]);
-    var _e = (0, hooks_1.useControlled)({
-        controlledValue: openProp,
-        defaultValue: Boolean(defaultOpen),
-    }), open = _e[0], setOpen = _e[1];
-    var pointerRef = (0, react_1.useRef)(null);
-    var _f = (0, react_dom_interactions_1.useFloating)({
-        placement: placement,
-        open: open,
-        onOpenChange: setOpen,
-        whileElementsMounted: react_dom_interactions_1.autoUpdate,
-        middleware: !hidePointer ? [(0, react_dom_interactions_1.arrow)({ element: pointerRef })] : [],
-    }), x = _f.x, y = _f.y, reference = _f.reference, floating = _f.floating, strategy = _f.strategy, context = _f.context, _g = _f.middlewareData.arrow, _h = _g === void 0 ? {} : _g, pointerX = _h.x, pointerY = _h.y;
-    var _j = (0, react_dom_interactions_1.useInteractions)([
-        (0, react_dom_interactions_1.useHover)(context, {
-            enabled: trigger.includes('hover'),
-        }),
-        (0, react_dom_interactions_1.useFocus)(context, { enabled: trigger.includes('focus') }),
-        (0, react_dom_interactions_1.useRole)(context, { enabled: !asLabel, role: 'tooltip' }),
-        (0, react_dom_interactions_1.useDismiss)(context),
-    ]), getReferenceProps = _j.getReferenceProps, getFloatingProps = _j.getFloatingProps;
-    var id = (0, react_dom_interactions_1.useId)();
+    var children = _a.children, content = _a.content, _b = _a.trigger, trigger = _b === void 0 ? ['hover', 'focus'] : _b, asLabel = _a.asLabel, props = __rest(_a, ["children", "content", "trigger", "asLabel"]);
+    var useInteractions = function (context) {
+        return (0, react_dom_interactions_1.useInteractions)([
+            (0, react_dom_interactions_1.useHover)(context, {
+                enabled: trigger.includes('hover'),
+            }),
+            (0, react_dom_interactions_1.useFocus)(context, { enabled: trigger.includes('focus') }),
+            (0, react_dom_interactions_1.useDismiss)(context),
+        ]);
+    };
     var contentIsString = typeof content === 'string';
-    var labelOrDescProps = {};
-    // If tooltip is used as a label, add aria-label or aria-labelledby to childrenProps and id to StyledTooltip;
-    // aria-label is used when content is string; aria-labelledby is used when it's not a string;
-    // Because of above, 'aria-describedby' has different id for reference and floating, hence manually set below as well;
-    if (asLabel) {
-        labelOrDescProps['aria-label'] = contentIsString ? content : null;
-        labelOrDescProps['aria-labelledby'] = open && !contentIsString ? id : null;
-    }
-    else {
-        labelOrDescProps['aria-describedby'] = open ? id : null;
-    }
-    var childrenProps = __assign(__assign({}, labelOrDescProps), children.props);
-    if (!content) {
-        return children;
-    }
-    return (React.createElement(React.Fragment, null,
-        React.cloneElement(children, getReferenceProps(__assign({ ref: (0, compose_react_refs_1.default)(reference, children.ref) }, childrenProps))),
-        open && (React.createElement(styled_1.StyledTooltip, __assign({}, getFloatingProps({
-            ref: floating,
-            id: id,
-            className: 'Tooltip',
-        }), { strategy: strategy, "$x": x, "$y": y, placement: placement, overrides: overrides, hidePointer: hidePointer, "aria-hidden": true }, props),
-            React.createElement(styled_1.StyledPanel, { as: contentIsString ? 'p' : 'div', overrides: overrides }, content),
-            !hidePointer && (React.createElement(styled_1.StyledPointer, { id: "".concat(id, "-pointer"), ref: pointerRef, placement: placement, "$x": pointerX, "$y": pointerY, overrides: overrides }))))));
+    var buildContextAriaAttributes = function (_a) {
+        var _b = _a.floating, id = _b.id, open = _b.open;
+        var attrs = {};
+        // If tooltip is used as a label, add aria-label or aria-labelledby to childrenProps and id to StyledTooltip;
+        // aria-label is used when content is string; aria-labelledby is used when it's not a string;
+        // Because of above, 'aria-describedby' has different id for reference and floating, hence manually set below as well;
+        if (asLabel) {
+            attrs['aria-label'] = contentIsString ? content : undefined;
+            attrs['aria-labelledby'] = open && !contentIsString ? id : undefined;
+        }
+        else {
+            attrs['aria-describedby'] = open ? id : undefined;
+        }
+        return attrs;
+    };
+    var buildFloatingElementAriaAttributes = function () { return ({
+        'aria-hidden': true,
+    }); };
+    return (React.createElement(base_floating_element_1.BaseFloatingElement, __assign({ path: "tooltip", className: "Tooltip", content: content, buildRefElAriaAttributes: buildContextAriaAttributes, buildFloatingElAriaAttributes: buildFloatingElementAriaAttributes, useInteractions: useInteractions, role: !asLabel ? 'tooltip' : undefined }, props), children));
 };
 exports.Tooltip = (0, with_own_theme_1.withOwnTheme)(ThemelessTooltip)({
     defaults: defaults_1.default,

package/cjs/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,8EAM6C;AAE7C,0DAAqD;AACrD,wDAAkC;AAClC,kEAA2C;AAC3C,wFAAmF;AAGnF,IAAM,gBAAgB,GAA2B,UAAC,EAMjD;IALC,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,eAA4B,EAA5B,OAAO,mBAAG,CAAC,OAAO,EAAE,OAAO,CAAC,KAAA,EAC5B,OAAO,aAAA,EACJ,KAAK,cALwC,6CAMjD,CADS;IAER,IAAM,eAAe,GAAG,UAAC,OAAqC;QAC5D,OAAA,IAAA,wCAAyB,EAAC;YACxB,IAAA,iCAAQ,EAAC,OAAO,EAAE;gBAChB,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;aACnC,CAAC;YACF,IAAA,iCAAQ,EAAC,OAAO,EAAE,EAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAC,CAAC;YACvD,IAAA,mCAAU,EAAC,OAAO,CAAC;SACpB,CAAC;IANF,CAME,CAAC;IAEL,IAAM,eAAe,GAAG,OAAO,OAAO,KAAK,QAAQ,CAAC;IAEpD,IAAM,0BAA0B,GAA0B,UAAC,EAE1D;YADC,gBAAoB,EAAT,EAAE,QAAA,EAAE,IAAI,UAAA;QAEnB,IAAM,KAAK,GAAmB,EAAE,CAAC;QAEjC,6GAA6G;QAC7G,6FAA6F;QAC7F,sHAAsH;QACtH,IAAI,OAAO,EAAE;YACX,KAAK,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;YAC5D,KAAK,CAAC,iBAAiB,CAAC,GAAG,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SACtE;aAAM;YACL,KAAK,CAAC,kBAAkB,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;SACnD;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,IAAM,kCAAkC,GAA0B,cAAM,OAAA,CAAC;QACvE,aAAa,EAAE,IAAI;KACpB,CAAC,EAFsE,CAEtE,CAAC;IAEH,OAAO,CACL,oBAAC,2CAAmB,aAClB,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,OAAO,EAChB,wBAAwB,EAAE,0BAA0B,EACpD,6BAA6B,EAAE,kCAAkC,EACjE,eAAe,EAAE,eAAe,EAChC,IAAI,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAClC,KAAK,GAER,QAAQ,CACW,CACvB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,6BAAY,EAAC,gBAAgB,CAAC,CAAC;IACpD,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/tooltip/types.d.ts

@@ -1,33 +1,7 @@
-import React from 'react';
-import { Placement } from '@floating-ui/react-dom-interactions';
-import { MQ } from '../utils/style';
-import { LogicalPaddingProps } from '../utils/logical-properties';
+import { FloatingElementProps } from '../base-floating-element';
 export declare type TriggerType = 'hover' | 'focus';
-export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'defaultValue'> {
-    children: React.ReactElement & {
-        ref?: React.Ref<unknown>;
-    };
-    content: React.ReactNode;
-    open?: boolean;
-    defaultOpen?: boolean;
+export declare type TooltipProps = Omit<FloatingElementProps, 'trigger' | 'onDismiss' | 'restoreFocusTo'> & {
     trigger?: TriggerType | TriggerType[];
-    placement?: Placement;
     asLabel?: boolean;
-    hidePointer?: boolean;
-    overrides?: {
-        zIndex?: number;
-        maxWidth?: MQ<string>;
-        minWidth?: MQ<string>;
-        distance?: MQ<string>;
-        stylePreset?: MQ<string>;
-        panel?: {
-            stylePreset?: MQ<string>;
-            typographyPreset?: MQ<string>;
-        } & LogicalPaddingProps;
-        pointer?: {
-            stylePreset?: MQ<string>;
-            size?: MQ<string>;
-        };
-    };
-}
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,qCAAqC,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,mBAAmB,EAAC,MAAM,6BAA6B,CAAC;AAEhE,oBAAY,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IAC5E,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG;QAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;KAC1B,CAAC;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,QAAQ,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACtB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SAC/B,GAAG,mBAAmB,CAAC;QACxB,OAAO,CAAC,EAAE;YACR,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACnB,CAAC;KACH,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,0BAA0B,CAAC;AAE9D,oBAAY,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,oBAAY,YAAY,GAAG,IAAI,CAC7B,oBAAoB,EACpB,SAAS,GAAG,WAAW,GAAG,gBAAgB,CAC3C,GAAG;IACF,OAAO,CAAC,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

package/cjs/utils/get-transition-class-name.d.ts

@@ -0,0 +1,2 @@
+export declare const getTransitionClassName: (componentName: string, state: string) => string;
+//# sourceMappingURL=get-transition-class-name.d.ts.map

package/cjs/utils/get-transition-class-name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-transition-class-name.d.ts","sourceRoot":"","sources":["../../../src/utils/get-transition-class-name.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,kBAClB,MAAM,SACd,MAAM,KACZ,MAkBF,CAAC"}

package/cjs/utils/get-transition-class-name.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTransitionClassName = void 0;
+var getTransitionClassName = function (componentName, state) {
+    var suffixClassName = '';
+    // eslint-disable-next-line default-case
+    switch (state) {
+        case 'exiting':
+            suffixClassName = 'exit-active';
+            break;
+        case 'entering':
+            suffixClassName = 'enter-active';
+            break;
+        case 'exited':
+            suffixClassName = 'exit-done';
+            break;
+        case 'entered':
+            suffixClassName = 'enter-done';
+            break;
+    }
+    return "".concat(componentName, "-").concat(suffixClassName);
+};
+exports.getTransitionClassName = getTransitionClassName;
+//# sourceMappingURL=get-transition-class-name.js.map

package/cjs/utils/get-transition-class-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-transition-class-name.js","sourceRoot":"","sources":["../../../src/utils/get-transition-class-name.ts"],"names":[],"mappings":";;;AAAO,IAAM,sBAAsB,GAAG,UACpC,aAAqB,EACrB,KAAa;IAEb,IAAI,eAAe,GAAG,EAAE,CAAC;IACzB,wCAAwC;IACxC,QAAQ,KAAK,EAAE;QACb,KAAK,SAAS;YACZ,eAAe,GAAG,aAAa,CAAC;YAChC,MAAM;QACR,KAAK,UAAU;YACb,eAAe,GAAG,cAAc,CAAC;YACjC,MAAM;QACR,KAAK,QAAQ;YACX,eAAe,GAAG,WAAW,CAAC;YAC9B,MAAM;QACR,KAAK,SAAS;YACZ,eAAe,GAAG,YAAY,CAAC;YAC/B,MAAM;KACT;IACD,OAAO,UAAG,aAAa,cAAI,eAAe,CAAE,CAAC;AAC/C,CAAC,CAAC;AArBW,QAAA,sBAAsB,0BAqBjC"}

package/cjs/version-number.json

@@ -1,3 +1,3 @@
 {
-    "version": "5.5.0"
+    "version": "5.6.0"
 }

package/esm/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/esm/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/esm/accordion/accordion-group.js

@@ -0,0 +1,101 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import React, { useCallback } from 'react';
+import { useControlled } from '../utils/hooks';
+import { hasMatchingDisplayNameWith } from '../utils/component';
+import { Accordion } from './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);
+};
+export var AccordionGroup = React.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.Children.toArray(children);
+    var _c = useControlled({
+        controlledValue: unifyPropValue(expanded, childrenArray.length, expandSingle),
+        defaultValue: unifyPropValue(defaultExpanded, childrenArray.length, expandSingle),
+    }), expandedList = _c[0], setExpandedList = _c[1];
+    var handleChange = 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.createElement("div", __assign({ ref: ref }, restProps), childrenArray.map(function (child, index) {
+        if (hasMatchingDisplayNameWith(child, Accordion)) {
+            return React.cloneElement(child, {
+                expanded: expandedList.includes(index),
+                onChange: function () { return handleChange(index); },
+            });
+        }
+        return child;
+    })));
+});
+//# sourceMappingURL=accordion-group.js.map

package/esm/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/esm/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/esm/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/esm/accordion/accordion.js

@@ -0,0 +1,64 @@
+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;
+};
+import React from 'react';
+import { withOwnTheme } from '../utils/with-own-theme';
+import { StyledAccordionButton, StyledPanel, StyledLabel, StyledIconWrapper, StyledHeader, } from './styled';
+import defaults from './defaults';
+import stylePresets from './style-presets';
+import { useReactKeys } from '../utils/hooks';
+import { IconFilledExpandLess, IconFilledExpandMore } from '../icons';
+import { getComponentOverrides } from '../utils/overrides';
+import { TextBlock } from '../text-block';
+import { composeEventHandlers } from '../utils/compose-event-handlers';
+var DefaultIcon = function (_a) {
+    var expanded = _a.expanded, overrides = _a.overrides;
+    return expanded ? (React.createElement(IconFilledExpandLess, { overrides: __assign({ size: 'iconSize020' }, overrides) })) : (React.createElement(IconFilledExpandMore, { overrides: __assign({ size: 'iconSize020' }, overrides) }));
+};
+var ThemelessAccordion = React.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 = useReactKeys(1)[0];
+    var ariaControlsId = ariaControls || "".concat(autoGeneratedID, "-content");
+    var ariaLabelledById = id || "".concat(autoGeneratedID, "-control");
+    var _f = 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 = composeEventHandlers([
+        onClickProp,
+        function () { return onChangeProp(!expanded); },
+    ]);
+    return (React.createElement("div", { ref: ref },
+        React.createElement(TextBlock, { as: headerAs },
+            React.createElement(StyledAccordionButton, __assign({ overrides: overrides, disabled: disabled, "aria-expanded": expanded, "aria-controls": ariaControlsId, id: ariaLabelledById, "data-testid": "accordion-control", onClick: onClick }, props),
+                React.createElement(StyledHeader, null, header),
+                label && React.createElement(StyledLabel, { overrides: overrides }, label),
+                React.createElement(StyledIconWrapper, null,
+                    React.createElement(IndicatorIcon, __assign({}, indicatorIconProps))))),
+        React.createElement(StyledPanel, { "aria-labelledby": ariaLabelledById, id: ariaControlsId, "data-testid": "accordion-content", role: "region", expanded: expanded, overrides: overrides }, children)));
+});
+export var Accordion = withOwnTheme(ThemelessAccordion)({
+    defaults: defaults,
+    stylePresets: stylePresets,
+});
+Accordion.displayName = 'Accordion';
+//# sourceMappingURL=accordion.js.map

package/esm/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/esm/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/esm/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/esm/accordion/defaults.js

@@ -0,0 +1,20 @@
+export 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/esm/accordion/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/accordion/defaults.ts"],"names":[],"mappings":"AAAA,eAAe;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/esm/accordion/index.d.ts

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

package/esm/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/esm/accordion/index.js

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

package/esm/accordion/index.js.map

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

package/esm/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/esm/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,wBA0BiC"}

package/esm/accordion/style-presets.js

@@ -0,0 +1,28 @@
+export 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}}',
+        },
+        // To Do: Focus state should be added in or after https://nidigitalsolutions.jira.com/browse/PPDSC-2151.
+        disabled: {
+            backgroundColor: '{{colors.interactiveDisabled010}}',
+            color: '{{colors.inkNonEssential}}',
+        },
+    },
+    accordionPanel: {
+        base: {
+            borderStyle: 'none none solid none',
+            borderColor: '{{colors.interface050}}',
+            borderWidth: '{{borders.borderWidth010}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/accordion/style-presets.ts"],"names":[],"mappings":"AAEA,eAAe;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,wGAAwG;QACxG,QAAQ,EAAE;YACR,eAAe,EAAE,mCAAmC;YACpD,KAAK,EAAE,4BAA4B;SACpC;KACF;IACD,cAAc,EAAE;QACd,IAAI,EAAE;YACJ,WAAW,EAAE,sBAAsB;YACnC,WAAW,EAAE,yBAAyB;YACtC,WAAW,EAAE,4BAA4B;SAC1C;KACF;CAC6B,CAAC"}

package/esm/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/esm/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/esm/accordion/styled.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { getResponsiveSize, getResponsiveSpace, getStylePreset, getTypographyPreset, styled, } from '../utils';
+import { logicalProps } from '../utils/logical-properties';
+export var StyledAccordionButton = 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');
+}, getResponsiveSpace('marginRight', 'accordion.header', 'header', 'spaceInline'), getResponsiveSize('minWidth', 'accordion.header', 'header', 'minWidth'), getResponsiveSize('minHeight', 'accordion.header', 'header', 'minHeight'), function (_a) {
+    var disabled = _a.disabled;
+    return getStylePreset('accordion.header', 'header', {
+        isDisabled: disabled,
+    });
+}, getTypographyPreset('accordion.header', 'header'), logicalProps('accordion.header', 'header'));
+export var StyledHeader = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: start;\n  flex: 1;\n"], ["\n  text-align: start;\n  flex: 1;\n"])));
+export var StyledLabel = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getTypographyPreset('accordion.header.label', 'header.label'));
+export var StyledIconWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-self: center;\n"], ["\n  display: flex;\n  align-self: center;\n"])));
+export var StyledPanel = 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');
+}, getStylePreset('accordion.panel', 'panel'), logicalProps('accordion.panel', 'panel'));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=styled.js.map

package/esm/accordion/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/accordion/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,MAAM,GACP,MAAM,UAAU,CAAC;AAClB,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAGzD,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,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,kBAAkB,CAClB,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,aAAa,CACd,EAED,iBAAiB,CAAC,UAAU,EAAE,kBAAkB,EAAE,QAAQ,EAAE,UAAU,CAAC,EACvE,iBAAiB,CAAC,WAAW,EAAE,kBAAkB,EAAE,QAAQ,EAAE,WAAW,CAAC,EACzE,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,cAAc,CAAC,kBAAkB,EAAE,QAAQ,EAAE;QAC3C,UAAU,EAAE,QAAQ;KACrB,CAAC;AAFF,CAEE,EACF,mBAAmB,CAAC,kBAAkB,EAAE,QAAQ,CAAC,EACjD,YAAY,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAC7C,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,yGAAA,sCAGrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+EAAmC,MACpE,EAA6D,IAChE,KADG,mBAAmB,CAAC,wBAAwB,EAAE,cAAc,CAAC,CAChE,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,gHAAA,6CAG1C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,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,cAAc,CAAC,iBAAiB,EAAE,OAAO,CAAC,EAC1C,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAC3C,CAAC"}