@digdir/designsystemet-react 1.0.0-rc.1 → 1.0.0-rc.11

package/dist/esm/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js

@@ -0,0 +1,44 @@
+'use client';
+import { useRef } from 'react';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+
+// Inspired by Sam Selikoff
+// https://github.com/samselikoff/2022-02-24-use-synchronized-animation/blob/main/src/App.js
+/**
+ * Synchronizes the css animation of multiple elements with the same `animationName`.
+ *
+ * @example
+ * ```tsx
+ *  const ref = useSynchronizedAnimation<HTMLDivElement>('spin');
+ *
+ *  <div
+ *   ref={ref}
+ *  />
+ * ```
+ */
+function useSynchronizedAnimation(animationName) {
+    const ref = useRef(null);
+    useIsomorphicLayoutEffect(() => {
+        const animations = document
+            .getAnimations()
+            .filter((animation) => 'animationName' in animation &&
+            animation.animationName === animationName);
+        const firstOfType = animations.find((animation) => 'animationName' in animation &&
+            animation.animationName === animationName);
+        const myAnimation = animations.find((animation) => animation.effect?.target === ref.current);
+        if (myAnimation && myAnimation === firstOfType) {
+            myAnimation.currentTime = 0;
+        }
+        if (myAnimation && firstOfType && myAnimation !== firstOfType) {
+            myAnimation.currentTime = firstOfType.currentTime;
+        }
+        return () => {
+            if (myAnimation && firstOfType) {
+                myAnimation.currentTime = firstOfType.currentTime;
+            }
+        };
+    }, [animationName]);
+    return ref;
+}
+
+export { useSynchronizedAnimation };

package/dist/esm/index.js

@@ -1,5 +1,7 @@
 'use client';
 export { default as ErrorSummaryList } from './components/ErrorSummary/ErrorSummaryList.js';
+export { useSynchronizedAnimation } from './hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
+export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
 export { Button } from './components/Button/Button.js';
 export { HelpText } from './components/HelpText/HelpText.js';
 export { Spinner } from './components/Spinner/Spinner.js';
@@ -15,9 +17,10 @@ export { Ingress } from './components/Typography/Ingress/Ingress.js';
 export { Label } from './components/Typography/Label/Label.js';
 export { ErrorMessage } from './components/Typography/ErrorMessage/ErrorMessage.js';
 export { Accordion } from './components/Accordion/index.js';
-export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.js';
-export { AccordionContent } from './components/Accordion/AccordionContent/AccordionContent.js';
-export { AccordionHeader } from './components/Accordion/AccordionHeader/AccordionHeader.js';
+export { AccordionRoot } from './components/Accordion/AccordionRoot.js';
+export { AccordionItem } from './components/Accordion/AccordionItem.js';
+export { AccordionContent } from './components/Accordion/AccordionContent.js';
+export { AccordionHeading } from './components/Accordion/AccordionHeading.js';
 export { NativeSelect } from './components/form/NativeSelect/NativeSelect.js';
 export { Alert } from './components/Alert/Alert.js';
 export { Tag } from './components/Tag/Tag.js';
@@ -44,12 +47,15 @@ export { Switch } from './components/form/Switch/Switch.js';
 export { Textfield } from './components/form/Textfield/Textfield.js';
 export { Textarea } from './components/form/Textarea/Textarea.js';
 export { Tabs } from './components/Tabs/index.js';
-export { Tab } from './components/Tabs/Tab/Tab.js';
-export { TabList } from './components/Tabs/TabList/TabList.js';
-export { TabContent } from './components/Tabs/TabContent/TabContent.js';
+export { TabsRoot } from './components/Tabs/TabsRoot.js';
+export { Tab } from './components/Tabs/Tab.js';
+export { TabList } from './components/Tabs/TabList.js';
+export { TabContent } from './components/Tabs/TabContent.js';
 export { ToggleGroup } from './components/ToggleGroup/index.js';
+export { ToggleGroupRoot } from './components/ToggleGroup/ToggleGroupRoot.js';
 export { ToggleGroupItem } from './components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.js';
 export { Popover } from './components/Popover/index.js';
+export { PopoverRoot } from './components/Popover/PopoverRoot.js';
 export { PopoverContent } from './components/Popover/PopoverContent.js';
 export { PopoverTrigger } from './components/Popover/PopoverTrigger.js';
 export { Divider } from './components/Divider/Divider.js';
@@ -60,6 +66,7 @@ export { ModalHeader } from './components/Modal/ModalHeader.js';
 export { ModalTrigger } from './components/Modal/ModalTrigger.js';
 export { ModalDialog } from './components/Modal/ModalDialog.js';
 export { DropdownMenu } from './components/DropdownMenu/index.js';
+export { DropdownMenuRoot } from './components/DropdownMenu/DropdownMenuRoot.js';
 export { DropdownMenuContent } from './components/DropdownMenu/DropdownMenuContent.js';
 export { DropdownMenuGroup } from './components/DropdownMenu/DropdownMenuGroup.js';
 export { DropdownMenuItem } from './components/DropdownMenu/DropdownMenuItem.js';

package/dist/esm/node_modules/@floating-ui/react/dist/floating-ui.react.js

@@ -8,8 +8,8 @@ export { arrow } from '../../react-dom/dist/floating-ui.react-dom.js';
 import { isElement, isHTMLElement, getOverflowAncestors, getWindow, getNodeName, isLastTraversableNode, getParentNode, getComputedStyle } from '../../utils/dist/floating-ui.utils.dom.js';
 import { tabbable, isTabbable } from '../../../tabbable/dist/index.esm.js';
 import { createPortal } from 'react-dom';
-import { platform } from '../../dom/dist/floating-ui.dom.js';
-export { autoUpdate, computePosition, flip, shift, size } from '../../dom/dist/floating-ui.dom.js';
+import { platform } from '../../react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
+export { autoUpdate, computePosition, flip, shift, size } from '../../react-dom/node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
 
 /**
  * Merges an array of refs into a single memoized callback ref or `null`.

package/dist/esm/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js

@@ -1,6 +1,6 @@
 'use client';
-import { arrow as arrow$1, computePosition } from '../../dom/dist/floating-ui.dom.js';
-export { autoUpdate, flip, platform, shift, size } from '../../dom/dist/floating-ui.dom.js';
+import { arrow as arrow$1, computePosition } from '../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
+export { autoUpdate, flip, platform, shift, size } from '../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
 import * as React from 'react';
 import { useLayoutEffect, useEffect } from 'react';
 import * as ReactDOM from 'react-dom';

package/dist/esm/node_modules/@floating-ui/{dom → react-dom/node_modules/@floating-ui/dom}/dist/floating-ui.dom.js

@@ -1,8 +1,8 @@
 'use client';
-import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '../../core/dist/floating-ui.core.js';
-export { detectOverflow, offset } from '../../core/dist/floating-ui.core.js';
-import { createCoords, rectToClientRect, round, max, min, floor } from '../../utils/dist/floating-ui.utils.js';
-import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../utils/dist/floating-ui.utils.dom.js';
+import { shift as shift$1, flip as flip$1, arrow as arrow$1, size as size$1, computePosition as computePosition$1 } from '../../../../../core/dist/floating-ui.core.js';
+export { detectOverflow, offset } from '../../../../../core/dist/floating-ui.core.js';
+import { createCoords, rectToClientRect, round, max, min, floor } from '../../../../../utils/dist/floating-ui.utils.js';
+import { getOverflowAncestors, isElement, getWindow, getComputedStyle, getDocumentElement, isHTMLElement, isWebKit, getNodeName, isOverflowElement, getNodeScroll, isTableElement, isContainingBlock, getContainingBlock, getParentNode, isLastTraversableNode } from '../../../../../utils/dist/floating-ui.utils.dom.js';
 
 function getCssDimensions(element) {
   const css = getComputedStyle(element);

package/dist/esm/node_modules/@tanstack/virtual-core/dist/esm/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { memo, notUndefined, approxEqual } from './utils.js';
+import { debounce, memo, notUndefined, approxEqual } from './utils.js';
 
 const defaultKeyExtractor = (index) => index;
 const defaultRangeExtractor = (range) => {
@@ -16,16 +16,20 @@ const observeElementRect = (instance, cb) => {
   if (!element) {
     return;
   }
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
   const handler = (rect) => {
     const { width, height } = rect;
     cb({ width: Math.round(width), height: Math.round(height) });
   };
   handler(element.getBoundingClientRect());
-  if (typeof ResizeObserver === "undefined") {
+  if (!targetWindow.ResizeObserver) {
     return () => {
     };
   }
-  const observer = new ResizeObserver((entries) => {
+  const observer = new targetWindow.ResizeObserver((entries) => {
     const entry = entries[0];
     if (entry == null ? void 0 : entry.borderBoxSize) {
       const box = entry.borderBoxSize[0];
@@ -41,20 +45,40 @@ const observeElementRect = (instance, cb) => {
     observer.unobserve(element);
   };
 };
+const addEventListenerOptions = {
+  passive: true
+};
+const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
 const observeElementOffset = (instance, cb) => {
   const element = instance.scrollElement;
   if (!element) {
     return;
   }
-  const handler = () => {
-    cb(element[instance.options.horizontal ? "scrollLeft" : "scrollTop"]);
+  const targetWindow = instance.targetWindow;
+  if (!targetWindow) {
+    return;
+  }
+  let offset = 0;
+  const fallback = supportsScrollend ? () => void 0 : debounce(
+    targetWindow,
+    () => {
+      cb(offset, false);
+    },
+    instance.options.isScrollingResetDelay
+  );
+  const createHandler = (isScrolling) => () => {
+    offset = element[instance.options.horizontal ? "scrollLeft" : "scrollTop"];
+    fallback();
+    cb(offset, isScrolling);
   };
-  handler();
-  element.addEventListener("scroll", handler, {
-    passive: true
-  });
+  const handler = createHandler(true);
+  const endHandler = createHandler(false);
+  endHandler();
+  element.addEventListener("scroll", handler, addEventListenerOptions);
+  element.addEventListener("scrollend", endHandler, addEventListenerOptions);
   return () => {
     element.removeEventListener("scroll", handler);
+    element.removeEventListener("scrollend", endHandler);
   };
 };
 const measureElement = (element, entry, instance) => {
@@ -86,8 +110,8 @@ class Virtualizer {
   constructor(opts) {
     this.unsubs = [];
     this.scrollElement = null;
+    this.targetWindow = null;
     this.isScrolling = false;
-    this.isScrollingTimeoutId = null;
     this.scrollToIndexTimeoutId = null;
     this.measurementsCache = [];
     this.itemSizeCache = /* @__PURE__ */ new Map();
@@ -100,15 +124,15 @@ class Virtualizer {
       const get = () => {
         if (_ro) {
           return _ro;
-        } else if (typeof ResizeObserver !== "undefined") {
-          return _ro = new ResizeObserver((entries) => {
-            entries.forEach((entry) => {
-              this._measureElement(entry.target, entry);
-            });
-          });
-        } else {
+        }
+        if (!this.targetWindow || !this.targetWindow.ResizeObserver) {
           return null;
         }
+        return _ro = new this.targetWindow.ResizeObserver((entries) => {
+          entries.forEach((entry) => {
+            this._measureElement(entry.target, entry);
+          });
+        });
       };
       return {
         disconnect: () => {
@@ -148,39 +172,24 @@ class Virtualizer {
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
-        scrollingDelay: 150,
         indexAttribute: "data-index",
         initialMeasurementsCache: [],
         lanes: 1,
+        isScrollingResetDelay: 150,
         ...opts2
       };
     };
-    this.notify = (sync) => {
+    this.notify = (force, sync) => {
       var _a, _b;
-      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
-    };
-    this.maybeNotify = memo(
-      () => {
-        this.calculateRange();
-        return [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ];
-      },
-      (isScrolling) => {
-        this.notify(isScrolling);
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "maybeNotify",
-        debug: () => this.options.debug,
-        initialDeps: [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ]
+      const { startIndex, endIndex } = this.range ?? {
+        startIndex: void 0,
+        endIndex: void 0
+      };
+      const range = this.calculateRange();
+      if (force || startIndex !== (range == null ? void 0 : range.startIndex) || endIndex !== (range == null ? void 0 : range.endIndex)) {
+        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
       }
-    );
+    };
     this.cleanup = () => {
       this.unsubs.filter(Boolean).forEach((d) => d());
       this.unsubs = [];
@@ -194,10 +203,16 @@ class Virtualizer {
       };
     };
     this._willUpdate = () => {
+      var _a;
       const scrollElement = this.options.getScrollElement();
       if (this.scrollElement !== scrollElement) {
         this.cleanup();
         this.scrollElement = scrollElement;
+        if (this.scrollElement && "ownerDocument" in this.scrollElement) {
+          this.targetWindow = this.scrollElement.ownerDocument.defaultView;
+        } else {
+          this.targetWindow = ((_a = this.scrollElement) == null ? void 0 : _a.window) ?? null;
+        }
         this._scrollToOffset(this.scrollOffset, {
           adjustments: void 0,
           behavior: void 0
@@ -205,29 +220,17 @@ class Virtualizer {
         this.unsubs.push(
           this.options.observeElementRect(this, (rect) => {
             this.scrollRect = rect;
-            this.maybeNotify();
+            this.notify(false, false);
           })
         );
         this.unsubs.push(
-          this.options.observeElementOffset(this, (offset) => {
+          this.options.observeElementOffset(this, (offset, isScrolling) => {
             this.scrollAdjustments = 0;
-            if (this.scrollOffset === offset) {
-              return;
-            }
-            if (this.isScrollingTimeoutId !== null) {
-              clearTimeout(this.isScrollingTimeoutId);
-              this.isScrollingTimeoutId = null;
-            }
-            this.isScrolling = true;
-            this.scrollDirection = this.scrollOffset < offset ? "forward" : "backward";
+            this.scrollDirection = isScrolling ? this.scrollOffset < offset ? "forward" : "backward" : null;
             this.scrollOffset = offset;
-            this.maybeNotify();
-            this.isScrollingTimeoutId = setTimeout(() => {
-              this.isScrollingTimeoutId = null;
-              this.isScrolling = false;
-              this.scrollDirection = null;
-              this.maybeNotify();
-            }, this.options.scrollingDelay);
+            const prevIsScrolling = this.isScrolling;
+            this.isScrolling = isScrolling;
+            this.notify(prevIsScrolling !== isScrolling, isScrolling);
           })
         );
       }
@@ -235,7 +238,7 @@ class Virtualizer {
     this.getSize = () => {
       return this.scrollRect[this.options.horizontal ? "width" : "height"];
     };
-    this.memoOptions = memo(
+    this.getMeasurementOptions = memo(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -283,7 +286,7 @@ class Virtualizer {
       })[0] : void 0;
     };
     this.getMeasurements = memo(
-      () => [this.memoOptions(), this.itemSizeCache],
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count, paddingStart, scrollMargin, getItemKey }, itemSizeCache) => {
         const min = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
@@ -336,7 +339,8 @@ class Virtualizer {
       ],
       (rangeExtractor, range, overscan, count) => {
         return range === null ? [] : rangeExtractor({
-          ...range,
+          startIndex: range.startIndex,
+          endIndex: range.endIndex,
           overscan,
           count
         });
@@ -383,7 +387,7 @@ class Virtualizer {
       const itemSize = this.itemSizeCache.get(item.key) ?? item.size;
       const delta = size - itemSize;
       if (delta !== 0) {
-        if (item.start < this.scrollOffset + this.scrollAdjustments) {
+        if (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(item, delta, this) : item.start < this.scrollOffset + this.scrollAdjustments) {
           if (process.env.NODE_ENV !== "production" && this.options.debug) {
             console.info("correction", delta);
           }
@@ -394,7 +398,7 @@ class Virtualizer {
         }
         this.pendingMeasuredCacheIndexes.push(item.index);
         this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
-        this.notify(false);
+        this.notify(true, false);
       }
     };
     this.measureElement = (node) => {
@@ -470,8 +474,8 @@ class Virtualizer {
     };
     this.isDynamicMode = () => this.measureElementCache.size > 0;
     this.cancelScrollToIndex = () => {
-      if (this.scrollToIndexTimeoutId !== null) {
-        clearTimeout(this.scrollToIndexTimeoutId);
+      if (this.scrollToIndexTimeoutId !== null && this.targetWindow) {
+        this.targetWindow.clearTimeout(this.scrollToIndexTimeoutId);
         this.scrollToIndexTimeoutId = null;
       }
     };
@@ -497,8 +501,8 @@ class Virtualizer {
       }
       const [toOffset, align] = this.getOffsetForIndex(index, initialAlign);
       this._scrollToOffset(toOffset, { adjustments: void 0, behavior });
-      if (behavior !== "smooth" && this.isDynamicMode()) {
-        this.scrollToIndexTimeoutId = setTimeout(() => {
+      if (behavior !== "smooth" && this.isDynamicMode() && this.targetWindow) {
+        this.scrollToIndexTimeoutId = this.targetWindow.setTimeout(() => {
           this.scrollToIndexTimeoutId = null;
           const elementInDOM = this.measureElementCache.has(
             this.options.getItemKey(index)
@@ -546,17 +550,18 @@ class Virtualizer {
       this.options.scrollToFn(offset, { behavior, adjustments }, this);
     };
     this.measure = () => {
+      var _a, _b;
       this.itemSizeCache = /* @__PURE__ */ new Map();
-      this.notify(false);
+      (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, false);
     };
     this.setOptions(opts);
     this.scrollRect = this.options.initialRect;
-    this.scrollOffset = this.options.initialOffset;
+    this.scrollOffset = typeof this.options.initialOffset === "function" ? this.options.initialOffset() : this.options.initialOffset;
     this.measurementsCache = this.options.initialMeasurementsCache;
     this.measurementsCache.forEach((item) => {
       this.itemSizeCache.set(item.key, item.size);
     });
-    this.maybeNotify();
+    this.notify(false, false);
   }
 }
 const findNearestBinarySearch = (low, high, getCurrentValue, value) => {
@@ -592,4 +597,4 @@ function calculateRange({
   return { startIndex, endIndex };
 }
 
-export { Virtualizer, approxEqual, defaultKeyExtractor, defaultRangeExtractor, elementScroll, measureElement, memo, notUndefined, observeElementOffset, observeElementRect };
+export { Virtualizer, approxEqual, debounce, defaultKeyExtractor, defaultRangeExtractor, elementScroll, measureElement, memo, notUndefined, observeElementOffset, observeElementRect };

package/dist/esm/node_modules/@tanstack/virtual-core/dist/esm/utils.js

@@ -52,5 +52,12 @@ function notUndefined(value, msg) {
   }
 }
 const approxEqual = (a, b) => Math.abs(a - b) < 1;
+const debounce = (targetWindow, fn, ms) => {
+  let timeoutId;
+  return function(...args) {
+    targetWindow.clearTimeout(timeoutId);
+    timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
+  };
+};
 
-export { approxEqual, memo, notUndefined };
+export { approxEqual, debounce, memo, notUndefined };

package/dist/esm/utilities/AnimateHeight/AnimateHeight.js

@@ -35,7 +35,7 @@ const AnimateHeight = ({ children, className, open = false, style, ...rest }) =>
     const transition = state === 'openingOrClosing'
         ? `height ${transitionDurationInMilliseconds}ms ease-in-out`
         : undefined;
-    return (jsx("div", { ...rest, className: clsx('fds-animate-height', `fds-animate-height--${state}`, className), style: { height, transition, ...style }, children: jsx("div", { ref: contentRef, className: 'fds-animate-height__content', children: children }) }));
+    return (jsx("div", { ...rest, className: clsx('ds-animate-height', `ds-animate-height--${state}`, className), style: { height, transition, ...style }, children: jsx("div", { ref: contentRef, className: 'ds-animate-height__content', children: children }) }));
 };
 
 export { AnimateHeight };

package/dist/types/components/Accordion/AccordionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,wCAAwC;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,gBAAgB;IAJ3B,wCAAwC;cAC9B,SAAS;mFAmCnB,CAAC"}

package/dist/types/components/Accordion/{AccordionHeader/AccordionHeader.d.ts → AccordionHeading.d.ts}

@@ -1,18 +1,24 @@
 import type { ReactNode, MouseEventHandler, HTMLAttributes } from 'react';
 export type AccordionHeaderProps = {
-    /** Heading level. Use this to make sure the heading is correct according to you page heading levels */
+    /**
+     * Heading level. Use this to make sure the heading is correct according to you page heading levels
+     * @default 1
+     */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     /** Handle when clicked on header */
     onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
     /** Heading text */
     children: ReactNode;
 } & HTMLAttributes<HTMLHeadingElement>;
-export declare const AccordionHeader: import("react").ForwardRefExoticComponent<{
-    /** Heading level. Use this to make sure the heading is correct according to you page heading levels */
+export declare const AccordionHeading: import("react").ForwardRefExoticComponent<{
+    /**
+     * Heading level. Use this to make sure the heading is correct according to you page heading levels
+     * @default 1
+     */
     level?: 1 | 2 | 3 | 4 | 5 | 6 | undefined;
     /** Handle when clicked on header */
     onHeaderClick?: MouseEventHandler<HTMLButtonElement> | undefined;
     /** Heading text */
     children: ReactNode;
 } & HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-//# sourceMappingURL=AccordionHeader.d.ts.map
+//# sourceMappingURL=AccordionHeading.d.ts.map

package/dist/types/components/Accordion/AccordionHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO1E,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B,oCAAoC;IACpC,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IACjE,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,eAAO,MAAM,gBAAgB;IAX3B;;;OAGG;;IAEH,oCAAoC;oBACpB,kBAAkB,iBAAiB,CAAC,GAAG,SAAS;IAChE,mBAAmB;cACT,SAAS;2FAkDnB,CAAC"}

package/dist/types/components/Accordion/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2EAA2E;IAC3E,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,eAAO,MAAM,aAAa;IArBxB;;;;OAIG;;IAEH,wDAAwD;;IAExD,2EAA2E;cACjE,SAAS;mFA2CpB,CAAC"}

package/dist/types/components/Accordion/{Accordion.d.ts → AccordionRoot.d.ts}

@@ -1,20 +1,22 @@
 import type { ReactNode, HTMLAttributes } from 'react';
-type OldColors = 'first' | 'second' | 'third';
-export type AccordionProps = {
-    /** Accordion background color */
-    color?: 'brand1' | 'brand2' | 'brand3' | 'neutral' | 'subtle' | OldColors;
+export type AccordionRootProps = {
+    /** Accordion background color
+     * @default neutral
+     */
+    color?: 'brand1' | 'brand2' | 'brand3' | 'neutral' | 'subtle';
     /** Show border */
     border?: boolean;
     /** Instances of `Accordion.Item` */
     children: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
-export declare const Accordion: import("react").ForwardRefExoticComponent<{
-    /** Accordion background color */
-    color?: "neutral" | "brand1" | "brand2" | "brand3" | OldColors | "subtle" | undefined;
+export declare const AccordionRoot: import("react").ForwardRefExoticComponent<{
+    /** Accordion background color
+     * @default neutral
+     */
+    color?: "neutral" | "brand1" | "brand2" | "brand3" | "subtle" | undefined;
     /** Show border */
     border?: boolean | undefined;
     /** Instances of `Accordion.Item` */
     children: ReactNode;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Accordion.d.ts.map
+//# sourceMappingURL=AccordionRoot.d.ts.map

package/dist/types/components/Accordion/AccordionRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC9D,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,aAAa;IAVxB;;OAEG;;IAEH,kBAAkB;;IAElB,oCAAoC;cAC1B,SAAS;mFAkBpB,CAAC"}

package/dist/types/components/Accordion/index.d.ts

@@ -1,17 +1,18 @@
-import type { AccordionProps } from './Accordion';
+import type { AccordionRootProps } from './AccordionRoot';
 import type { AccordionItemProps } from './AccordionItem';
 import type { AccordionContentProps } from './AccordionContent';
-import type { AccordionHeaderProps } from './AccordionHeader';
-import { Accordion as AccordionParent } from './Accordion';
+import type { AccordionHeaderProps } from './AccordionHeading';
+import { AccordionRoot } from './AccordionRoot';
 import { AccordionItem } from './AccordionItem';
 import { AccordionContent } from './AccordionContent';
-import { AccordionHeader } from './AccordionHeader';
-type AccordionComponent = typeof AccordionParent & {
+import { AccordionHeading } from './AccordionHeading';
+type AccordionComponent = {
+    Root: typeof AccordionRoot;
     Item: typeof AccordionItem;
-    Header: typeof AccordionHeader;
+    Heading: typeof AccordionHeading;
     Content: typeof AccordionContent;
 };
 declare const Accordion: AccordionComponent;
-export type { AccordionProps, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, };
-export { Accordion, AccordionItem, AccordionContent, AccordionHeader };
+export type { AccordionRootProps, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, };
+export { Accordion, AccordionRoot, AccordionItem, AccordionContent, AccordionHeading, };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/Accordion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,KAAK,kBAAkB,GAAG,OAAO,eAAe,GAAG;IACjD,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,MAAM,EAAE,OAAO,eAAe,CAAC;IAC/B,OAAO,EAAE,OAAO,gBAAgB,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,SAAS,oBAAwC,CAAC;AAUxD,YAAY,EACV,cAAc,EACd,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,CAAC;AACF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,OAAO,EAAE,OAAO,gBAAgB,CAAC;IACjC,OAAO,EAAE,OAAO,gBAAgB,CAAC;CAClC,CAAC;AAEF,QAAA,MAAM,SAAS,oBAA2B,CAAC;AAY3C,YAAY,EACV,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,CAAC;AACF,OAAO,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}

package/dist/types/components/Alert/Alert.d.ts

@@ -1,6 +1,5 @@
 import type { HTMLAttributes } from 'react';
 type Severity = 'info' | 'warning' | 'success' | 'danger';
-type OldAlertSizes = 'small' | 'medium' | 'large';
 export type AlertProps = {
     /** Sets color & icon according to severity */
     severity?: Severity;
@@ -16,10 +15,8 @@ export type AlertProps = {
      * Does not affect font size.
      *
      * @default md
-     *
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: 'sm' | 'md' | 'lg' | OldAlertSizes;
+    size?: 'sm' | 'md' | 'lg';
 } & HTMLAttributes<HTMLDivElement>;
 export declare const Alert: import("react").ForwardRefExoticComponent<{
     /** Sets color & icon according to severity */
@@ -36,10 +33,8 @@ export declare const Alert: import("react").ForwardRefExoticComponent<{
      * Does not affect font size.
      *
      * @default md
-     *
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: "sm" | "md" | "lg" | OldAlertSizes | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Alert.d.ts.map

package/dist/types/components/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA6B5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iCAG6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC;CAC3C,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACnC,eAAO,MAAM,KAAK;IAnBhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;IAE7B;;;;;;;OAOG;;mFAuCJ,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA4B5C,KAAK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;iCAG6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AACnC,eAAO,MAAM,KAAK;IAjBhB,8CAA8C;;IAE9C,6CAA6C;;IAE7C;;;iCAG6B;;IAE7B;;;;;OAKG;;mFA8CJ,CAAC"}