@orangesk/orange-design-system 2.0.0-beta.9 → 2.0.0

package/build/components/types/src/components/Accordion/Accordion.d.ts

@@ -4,8 +4,8 @@ interface AccordionProps {
     headingLevel?: number;
     /** Accordion is enclosed in another component */
     isEnclosed?: boolean;
-    /** If true, the last item will not have a bottom border */
-    lastItemNoBottomBorder?: boolean;
+    /** If true, the top border on the first item will be removed */
+    noTopBorder?: boolean;
     /** Adjustable spacing */
     size?: "large";
     /** Additional CSS classes */

package/build/components/types/src/components/Accordion/Accordion.static.d.ts

@@ -8,6 +8,9 @@ export default class Accordion {
     private buttons;
     constructor(element: HTMLElement, config?: Partial<AccordionConfig>);
     private onFocus;
+    private toggleAccordionItem;
+    private scrollTriggerIntoModalView;
+    private getStickyHeaderOffset;
     private init;
     private onClick;
     destroy(): void;

package/build/components/types/src/components/Alert/Alert.d.ts

@@ -18,8 +18,6 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Type of alert, sets icon and color */
     type?: AlertType;
     className?: string;
-    /** Sets Alert to use specific color scheme */
-    colorScheme?: "dark" | "light";
 }
 declare const Alert: React.FC<AlertProps>;
 export { Alert };

package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts

@@ -7,11 +7,10 @@ interface AnchorNavigationItem {
 interface AnchorNavigationProps {
     items: AnchorNavigationItem[];
     className?: string;
-    colorScheme?: "light" | "dark";
     children?: React.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ items, className, colorScheme, children, ...other }: AnchorNavigationProps): React.JSX.Element;
+    ({ items, className, children, ...other }: AnchorNavigationProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { AnchorNavigation };

package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.static.d.ts

@@ -1,23 +1,99 @@
 export default class AnchorNavigation {
+    private static readonly MODAL_OPEN_BODY_CLASS;
+    private static readonly STICKY_FLOAT_TOLERANCE;
+    private static readonly SCROLLSPY_CENTER_BUFFER;
+    private static readonly TOP_SECTION_THRESHOLD;
+    private static readonly DRAG_START_THRESHOLD;
+    private static readonly SCROLL_END_DEBOUNCE_MS;
+    private static readonly SCROLL_EDGE_TOLERANCE;
+    private static readonly SCROLL_ALIGNMENT_TOLERANCE;
+    private static readonly MAX_SCROLL_CORRECTIONS;
     private element;
+    private contentLeftElement;
     private megamenuElement;
     private resizeObserver;
+    private supportsScrollEnd;
+    private anchorClickHandler;
     private scrollHandler;
     private scrollSpyHandler;
     private scrollEndHandler;
+    private scrollEndFallbackHandler;
     private resizeHandler;
+    private mouseDownHandler;
+    private dragStartHandler;
+    private dragMoveHandler;
+    private dragEndHandler;
+    private horizontalScrollHandler;
+    private nativeDragStartHandler;
     private isAutoScrolling;
+    private isPointerDown;
+    private isDraggingNav;
+    private suppressClick;
+    private dragStartX;
+    private dragStartScrollLeft;
+    private scrollTimeout;
+    private scrollEndFallbackTimeout;
     private navLinks;
     private sections;
     private currentPath;
     private lastActiveIndex;
+    private autoScrollTargetId;
+    private autoScrollCorrectionCount;
+    private lastStickyOffset;
+    private modalClassObserver;
+    private modalStateHandler;
+    private isForcedFixed;
+    private wasStickyFloating;
+    private forcedFixedTop;
+    private forcedFixedLeft;
+    private fixedFlowPlaceholder;
+    private originalInlineStyles;
     constructor(element: HTMLElement);
     static getInstance(el: HTMLElement): AnchorNavigation | null;
     private findMegamenuElement;
+    private getMegamenuOffsetHeight;
     private updateStickyPosition;
     private setupMegamenuObserver;
     private setupScrollSpy;
+    private teardownScrollSpyListeners;
+    private handleMouseDown;
+    private handleAnchorClick;
+    private getHashSectionId;
+    private startAutoScroll;
+    private resetAutoScrollState;
+    private tryCorrectAutoScrollAlignment;
+    private getTotalStickyOffset;
+    private getConfiguredScrollPaddingTop;
+    private getEffectiveScrollOffset;
+    private getTargetTop;
+    private scrollToSection;
+    private alignInitialHashIfNeeded;
     private initScrollSpy;
+    private scrollActiveLinkIntoView;
+    private setupDragScroll;
+    private teardownDragScroll;
+    private updateDragState;
+    private updateHorizontalOverflowState;
+    private handleDragStart;
+    private handleDragMove;
+    private handleDragEnd;
+    private handleNativeDragStart;
+    private handleScrollEndFallback;
+    private handleResize;
+    private isAnyModalOpen;
+    private isCurrentlyStickyFloating;
+    private updateStickyFloatingState;
+    private ensureFixedFlowPlaceholder;
+    private removeFixedFlowPlaceholder;
+    private applyFixedPosition;
+    private restoreStickyPosition;
+    private handleModalStateChange;
+    private setupModalObserver;
+    private teardownModalObserver;
+    private teardownMegamenuObserver;
+    private clearAutoScrollTimers;
+    private resetFixedPositionState;
+    private resetNavigationState;
     private handleScrollSpy;
     private handleScrollEnd;
     private init;

package/build/components/types/src/components/Bar/index.d.ts

@@ -1,3 +1,3 @@
 export { Bar } from "./Bar";
-export { BarItem } from "./BarItem";
 export { BarBreak } from "./BarBreak";
+export { BarItem } from "./BarItem";

package/build/components/types/src/components/BlockAction/BlockAction.d.ts

@@ -3,6 +3,8 @@ export interface BlockActionProps {
     /** 1 and only one single element */
     children: ReactElement;
     className?: string;
+    /** Add border on hover */
+    hasBorderOnHover?: boolean;
     [key: string]: any;
 }
 declare const BlockAction: React.FC<BlockActionProps>;

package/build/components/types/src/components/BlockAction/Context.d.ts

@@ -1,13 +1,15 @@
-import React, { ReactNode, Dispatch, SetStateAction } from "react";
+import React, { Dispatch, ReactNode, SetStateAction } from "react";
 interface ContextType {
     isIndicating: boolean;
     isActive: boolean;
     setIsActive: Dispatch<SetStateAction<boolean>>;
     setIsIndicating: Dispatch<SetStateAction<boolean>>;
+    hasBorderOnHover?: boolean;
 }
 export declare const Context: React.Context<ContextType>;
 interface ProviderProps {
     children: ReactNode;
+    hasBorderOnHover?: boolean;
 }
 export declare const Provider: React.FC<ProviderProps>;
 export {};

package/build/components/types/src/components/BlockAction/index.d.ts

@@ -8,8 +8,6 @@ export interface BlockActionOverrideProps {
     className?: string;
     [key: string]: any;
 }
-export { BlockAction };
-export { BlockActionControl };
+export { BlockAction, BlockActionControl };
 declare const BlockActionOverride: React.FC<BlockActionOverrideProps>;
-export { BlockActionOverride };
-export { BlockActionIndicator };
+export { BlockActionIndicator, BlockActionOverride };

package/build/components/types/src/components/BodyBanner/BodyBanner.d.ts

@@ -1,20 +1,20 @@
 import React from "react";
+export declare const bodyBannerColors: readonly ["background-primary", "background-accent", "surface-subtle"];
+export type BodyBannerColor = (typeof bodyBannerColors)[number];
 interface BodyBannerProps {
-    size: "small" | "large";
-    /** Color scheme for whole BodyBanner */
-    colorScheme: "light" | "dark";
-    /** Color scheme for whole BodyBanner */
-    color?: "gray" | "orange";
+    size?: "large";
+    /** Background color using design tokens */
+    color?: BodyBannerColor;
     /** Additional CSS classes */
     className?: string;
-    /** Image URL */
-    imageUrl?: string;
-    /** Title */
-    title?: string;
-    /** Subtitle */
-    description?: string;
+    /** Image element */
+    image?: React.ReactNode;
+    /** Content area - typically heading and description */
+    children?: React.ReactNode;
     /** Button text */
     buttonText?: string;
+    /** Additional CSS classes for button */
+    buttonClassName?: string;
 }
-export declare const BodyBanner: (props: BodyBannerProps) => React.JSX.Element;
+export declare const BodyBanner: ({ className, size, color, image, children, buttonText, buttonClassName, ...other }: BodyBannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/types/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -7,8 +7,6 @@ interface BreadcrumbItemData {
 interface BreadcrumbsProps {
     /** Additional CSS classes */
     className?: string;
-    /** Use white breadcrumbs on dark background */
-    colorScheme?: "dark" | "light";
     /** Breadcrumb items */
     items: BreadcrumbItemData[];
     /** Navigation label */

package/build/components/types/src/components/Button/Button.d.ts

@@ -7,7 +7,6 @@ interface CommonProps {
     isActive?: boolean;
     isDefault?: boolean;
     isDisabled?: boolean;
-    colorScheme?: "dark" | "light";
     isSquare?: boolean;
     size?: ButtonSize;
     type?: ButtonType;

package/build/components/types/src/components/Button/index.d.ts

@@ -1,16 +1,15 @@
-import React from "react";
 import { Button, ButtonProps } from "./Button";
 import { IconButton } from "./IconButton";
 export declare const ButtonPrimary: {
-    (props: ButtonProps): React.JSX.Element;
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const ButtonFill: {
-    (props: ButtonProps): React.JSX.Element;
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const ButtonGhost: {
-    (props: ButtonProps): React.JSX.Element;
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { IconButton, Button };
+export { Button, IconButton };

package/build/components/types/src/components/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare const cardColors: readonly ["white", "black", "orange", "gray", "gray-lighter", "blue", "green", "pink", "yellow", "violet", "accent1-blog", "accent2-blog", "accent", "none"];
+export declare const cardColors: readonly ["background-primary", "background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "fill-subtle", "fill-accent1", "fill-accent2", "fill-accent3", "fill-accent4", "fill-accent5"];
 export type CardColor = (typeof cardColors)[number];
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */

package/build/components/types/src/components/Card/index.d.ts

@@ -1,3 +1,4 @@
+export type { CardColor } from "./Card";
 export { Card } from "./Card";
-export { CardSection } from "./CardSection";
 export { CardProductHeader } from "./CardProductHeader";
+export { CardSection } from "./CardSection";

package/build/components/types/src/components/Carousel/Carousel.d.ts

@@ -1,9 +1,7 @@
-import React, { ReactNode, HTMLAttributes } from "react";
+import React, { HTMLAttributes, ReactNode } from "react";
 interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     /** Swiper.js (https://swiperjs.com/) options object */
     swiperOptions?: Record<string, any>;
-    /** Inverse colors */
-    colorScheme?: "light" | "dark";
     /** Carousel items */
     items: ReactNode[];
     /** Always show scrollbar and hide dots */

package/build/components/types/src/components/Carousel/Carousel.static.d.ts

@@ -7,28 +7,94 @@ export default class Carousel {
     viewport: HTMLElement;
     track: HTMLElement;
     instance: Swiper;
+    carouselId?: string;
+    private isScrollbarDragging;
+    private externalControlsState;
+    private resizeObserver?;
+    private resizeRafId?;
+    private boundWindowResizeHandler;
+    private bleedResizeHandler?;
+    private static readonly OVERFLOW_EPSILON_PX;
+    private getViewportWrapper;
+    private getSlidesPerView;
+    private setScrollbarVisible;
+    private getSlidesContentWidth;
+    private getOverflowWidth;
+    private hasScrollableContent;
     constructor(element: HTMLElement, config?: Partial<SwiperOptions>);
     init(): void;
+    private handleWindowResize;
+    /**
+     * Sync scrollbar position with current slide.
+     * This ensures the scrollbar reflects the correct position when carousel is initialized with initialSlide.
+     */
+    syncScrollbar(): void;
+    private observeVisibilityChanges;
+    /**
+     * Fix scrollbar drag size and position for bleed-right carousels.
+     * Overrides Swiper's default scrollbar calculations to work correctly with bleed-right layouts.
+     */
+    fixBleedRightScrollbar(): void;
     getElements(): void;
     getCustomOptions(): void;
+    /**
+     * Enable or disable the carousel based on whether content requires scrolling.
+     * Carousel is enabled only when there are more slides than can fit in the current viewport.
+     */
+    private updateCarouselEnabledState;
+    private applyBleedInsets;
+    /**
+     * Configure bleed-right carousel to extend beyond the container edge.
+     * Calculates the exact offset needed for the carousel to reach the viewport edge
+     * while keeping the last slide aligned with the container edge when scrolled to the end.
+     * When slidesPerView is a whole number (integer), the bleed effect is disabled.
+     */
     adjustConfigForBleedRight(): void;
     /**
-     * Handles the slide change event on the carousel.
-     * Updates the tooltip position for the active slide and hides tooltips for non-active slides.
-     * Also updates accessibility attributes for pagination buttons.
+     * Handle carousel slide change events.
+     * Updates tooltip positions and accessibility states for the active slide.
      */
     handleSlideChange(): void;
     /**
-     * Updates the position of tooltips for the given element.
-     * @param {HTMLElement} element - The element containing tooltip triggers.
+     * Update tooltip positions for elements within a slide.
      */
     updateTooltipPosition(element: HTMLElement): void;
     /**
-     * Hides all tooltips for the given elements.
-     * @param {NodeListOf<HTMLElement>} elements - The elements containing tooltip triggers.
+     * Hide all tooltips for non-active slides.
      */
     hideAllTooltips(elements: NodeListOf<Element>): void;
+    /**
+     * Initialize external navigation controls that reference this carousel via data attributes.
+     * Supports prev/next buttons placed anywhere in the DOM.
+     */
+    initExternalControls(): void;
+    /**
+     * Update the disabled state of external navigation controls.
+     * Controls are disabled at the start/end of the carousel based on slide position.
+     */
+    updateExternalControlsState(force?: boolean): void;
+    private applyExternalControlsState;
+    /**
+     * Navigate to the next slide.
+     */
+    slideNext(): void;
+    /**
+     * Navigate to the previous slide.
+     */
+    slidePrev(): void;
+    /**
+     * Get the current active slide index.
+     */
+    getActiveIndex(): number;
+    /**
+     * Register a callback for slide change events.
+     */
+    onSlideChange(callback: (activeIndex: number) => void): void;
     destroy(): void;
     update(): void;
     static getInstance(el: HTMLElement): Carousel | null;
+    /**
+     * Find a carousel instance by its ID or data-carousel-id attribute.
+     */
+    static getInstanceById(carouselId: string): Carousel | null;
 }

package/build/components/types/src/components/Carousel/CarouselItem.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode, HTMLAttributes } from "react";
+import React, { HTMLAttributes, ReactNode } from "react";
 interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     children?: ReactNode;

package/build/components/types/src/components/CarouselHero/CarouselHero.d.ts

@@ -2,17 +2,18 @@ import React, { ReactNode } from "react";
 import { CarouselHeroItem } from "./CarouselHeroItem";
 interface TabItem {
     label: string;
+    id?: string;
     [key: string]: any;
 }
 interface CarouselHeroProps {
     className?: string;
     swiperOptions?: Record<string, any>;
-    colorScheme?: "light" | "dark";
     children?: ReactNode;
     tabs?: TabItem[];
     interval?: number;
+    enableAutoplay?: boolean;
     [key: string]: any;
 }
 declare const CarouselHero: React.FC<CarouselHeroProps>;
-export { CarouselHero, CarouselHeroItem };
 export type { CarouselHeroProps, TabItem };
+export { CarouselHero, CarouselHeroItem };

package/build/components/types/src/components/CarouselHero/CarouselHero.static.d.ts

@@ -1,5 +1,5 @@
-import type { SwiperOptions } from "swiper/types";
 import { Swiper } from "swiper";
+import type { SwiperOptions } from "swiper/types";
 export declare const defaultConfig: SwiperOptions;
 export default class CarouselHero {
     element: HTMLElement;
@@ -9,12 +9,15 @@ export default class CarouselHero {
     tabs: HTMLElement[];
     _dotAnimationJustStarted: boolean;
     _isDragging: boolean;
+    private resizeRafId?;
     private _boundTabClick;
     private _boundPrevClick;
     private _boundNextClick;
     private _boundPlayPauseClick;
+    private _boundWindowResize;
     constructor(element: HTMLElement, config?: Partial<SwiperOptions>);
     init(): void;
+    private _onWindowResize;
     getElements(): void;
     setupConfig(): void;
     createSwiper(): void;

package/build/components/types/src/components/CarouselHero/CarouselHeroItem.d.ts

@@ -1,9 +1,8 @@
-import React, { ReactNode, HTMLAttributes } from "react";
+import React, { HTMLAttributes, ReactNode } from "react";
 interface CarouselHeroItemProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     children?: ReactNode;
     image: string;
-    title: string;
 }
 declare const CarouselHeroItem: React.FC<CarouselHeroItemProps>;
 export { CarouselHeroItem };

package/build/components/types/src/components/CarouselHero/constants.d.ts

@@ -3,8 +3,8 @@ export declare const CLASS_VIEWPORT_WRAPPER = "carousel-hero__viewport-wrapper";
 export declare const CLASS_VIEWPORT = "carousel-hero__viewport";
 export declare const CLASS_TRACK = "carousel-hero__track";
 export declare const CLASS_SLIDE = "carousel-hero__slide";
+export declare const CLASS_SLIDE_CONTAINER = "carousel-hero__slide-container";
 export declare const CLASS_SLIDE_CONTENT = "carousel-hero__slide-content";
-export declare const CLASS_SLIDE_TITLE = "carousel-hero__slide-title";
 export declare const CLASS_SLIDE_SUBTITLE = "carousel-hero__slide-subtitle";
 export declare const CLASS_SLIDE_IMAGE_WRAPPER = "carousel-hero__slide-image-wrapper";
 export declare const CLASS_SLIDE_IMAGE = "carousel-hero__slide-image";
@@ -18,7 +18,6 @@ export declare const CLASS_PAGINATION = "carousel-hero__pagination";
 export declare const CLASS_PAGINATION_ITEM = "carousel-hero__pagination-item";
 export declare const CLASS_PAGINATION_SVG = "carousel-hero__pagination-svg";
 export declare const CLASS_PAGINATION_CIRCLE = "carousel-hero__pagination-circle";
-export declare const CLASS_CONTROLS = "carousel-hero__controls";
 export declare const CLASS_NAVIGATION = "carousel-hero__navigation";
 export declare const CLASS_ACTIVE = "is-active";
 export declare const CLASS_PLAYING = "is-playing";

package/build/components/types/src/components/CarouselHero/index.d.ts

@@ -1,2 +1,2 @@
-export { CarouselHero, CarouselHeroItem } from "./CarouselHero";
 export type { CarouselHeroProps, TabItem } from "./CarouselHero";
+export { CarouselHero, CarouselHeroItem } from "./CarouselHero";

package/build/components/types/src/components/CarouselPromotions/CarouselPromotions.d.ts

@@ -2,7 +2,6 @@ import React, { ReactNode } from "react";
 interface CarouselPromotionsProps {
     className?: string;
     swiperOptions?: Record<string, any>;
-    colorScheme?: "light" | "dark";
     children?: ReactNode;
     [key: string]: any;
 }

package/build/components/types/src/components/CarouselPromotions/CarouselPromotions.static.d.ts

@@ -8,8 +8,13 @@ export default class CarouselPromotions {
     instance: Swiper;
     interval: number;
     autoplayTimer?: NodeJS.Timeout;
+    private resizeRafId?;
+    private boundWindowResizeHandler;
+    private boundPaginationClickHandler;
     constructor(element: HTMLElement, config?: Partial<SwiperOptions>);
     init(): void;
+    private handlePaginationClick;
+    private handleWindowResize;
     stopAutoplay(): void;
     /**
      * Handles the slide change event on the carousel.

package/build/components/types/src/components/CartTable/CartTable.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { Item } from "./generateTotal";
 import type { Footer, Labels } from "./generateFooter";
+import type { Item } from "./generateTotal";
 export interface CartTableProps {
     footer?: Footer;
     hideEmpty?: boolean;

package/build/components/types/src/components/CartTable/data.d.ts

@@ -30,4 +30,4 @@ declare const internetItems: Item[];
 export declare const discountVisible: Item[];
 export declare const generateTotal: Item[];
 export default items;
-export { optionalItem, deviceItem, internetItems, router, largeItems };
+export { deviceItem, internetItems, largeItems, optionalItem, router };

package/build/components/types/src/components/Code/Code.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { Language, PrismTheme } from "prism-react-renderer";
+import React from "react";
 import "./styles/style.scss";
 interface CodeProps {
     /** Code to highlight. */

package/build/components/types/src/components/Controls/Controls.d.ts

@@ -3,7 +3,6 @@ interface IControlsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     elemRef?: React.Ref<any>;
     icon: string;
     className?: string;
-    colorScheme?: "dark" | "light";
     isDisabled?: boolean;
 }
 type NativeButtonProps = IControlsProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof IControlsProps | "href" | "ref"> & {

package/build/components/types/src/components/Cover/Cover.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface CoverProps {
     /** Background image source. URL string or an object of breakpoint: url pairs
      *
@@ -26,11 +26,11 @@ interface CoverProps {
         xxxl?: string;
     };
     /** Set vertical position of image */
-    bgPosition?: 'top' | 'center' | 'bottom';
+    bgPosition?: "top" | "center" | "bottom";
     /** Applies custom classNames to overlay content */
     contentClass?: string;
     /** Cover size */
-    size?: 'small' | 'medium' | 'large';
+    size?: "small" | "medium" | "large" | "xlarge";
     /** Additional className for the cover container */
     className?: string;
     /** Children content */

package/build/components/types/src/components/Divider/Divider.d.ts

@@ -1,13 +1,9 @@
-import React, { ReactNode, HTMLAttributes } from "react";
+import React, { HTMLAttributes, ReactNode } from "react";
 export interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
-    /** Custom background color */
-    color?: "black" | "white";
     /** Custom content inside divider */
     content?: ReactNode;
     /** Icon which will be rendered inside divider */
     icon?: string;
-    /** Divider line has width of 1px */
-    thinLine?: boolean;
 }
 declare const Divider: React.FC<DividerProps>;
 export { Divider };

package/build/components/types/src/components/DocumentationSidebar/DocumentationSidebar.d.ts

@@ -4,6 +4,7 @@ export interface DocumentationSidebarItem {
     href?: string;
     target?: React.HTMLAttributeAnchorTarget;
     items?: DocumentationSidebarItem[];
+    content?: string;
 }
 export interface DocumentationSidebarProps {
     items: DocumentationSidebarItem[];

package/build/components/types/src/components/DocumentationSidebar/index.d.ts

@@ -1,3 +1,3 @@
 import "./styles/style.scss";
+export type { DocumentationSidebarItem, DocumentationSidebarProps, } from "./DocumentationSidebar";
 export { DocumentationSidebar } from "./DocumentationSidebar";
-export type { DocumentationSidebarProps, DocumentationSidebarItem, } from "./DocumentationSidebar";

package/build/components/types/src/components/Dropdown/index.d.ts

@@ -1,4 +1,4 @@
 export { Dropdown } from "./Dropdown";
-export { DropdownItem } from "./DropdownItem";
 export { DropdownDivider } from "./DropdownDivider";
+export { DropdownItem } from "./DropdownItem";
 export { DropdownToggleButton } from "./DropdownToggleButton";

package/build/components/types/src/components/Expander/Expander.d.ts

@@ -1,8 +1,5 @@
 import React from "react";
 interface ExpanderProps {
-    /** Inverse buttons for dark backgrounds */
-    /** Dark theme */
-    colorScheme?: "light" | "dark";
     /** Custom summary text renderer. Passes props as function parameter. */
     renderSummary?: (props: ExpanderProps) => React.ReactNode;
     /** Custom summary text renderer when details are opened. Passes props as function parameter. */
@@ -17,6 +14,12 @@ interface ExpanderProps {
     children?: React.ReactNode;
     /** Expander takes full width of its container */
     isFullWidth?: boolean;
+    /** Position of trigger relative to content when opened */
+    placement?: "top" | "bottom";
+    /** Group identifier for syncing multiple expanders together */
+    toggleGroup?: string;
+    /** Initial open state */
+    open?: boolean;
 }
 export declare const Expander: React.FC<ExpanderProps>;
 export {};

package/build/components/types/src/components/Expander/Expander.static.d.ts

@@ -1,10 +1,11 @@
-interface HTMLElementWithExpander extends HTMLElement {
+interface HTMLElementWithExpander extends HTMLDetailsElement {
     ODS_Expander?: Expander;
 }
 export default class Expander {
     private element;
-    constructor(element: HTMLElementWithExpander);
+    constructor(element: HTMLElement);
     toggle(): void;
+    private syncGroup;
     init(): void;
     update(): void;
     destroy(): void;