@orangesk/orange-design-system 3.4.0 → 3.6.0

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

@@ -1,63 +0,0 @@
-interface MegamenuConfig {
-    dataToggle?: string;
-    activeClass?: string;
-    removeOnDestroy?: boolean;
-}
-export default class Megamenu {
-    element: HTMLElement;
-    config: Required<MegamenuConfig>;
-    toggleButtons: NodeListOf<HTMLButtonElement>;
-    dropdowns: NodeListOf<HTMLElement>;
-    mobileMenuButtons: HTMLButtonElement[];
-    mobilePanels: HTMLElement[];
-    mobileCloseButtons: HTMLButtonElement[];
-    activeMobilePanel: HTMLElement | null;
-    activeMobileTarget: string | null;
-    desktopOverlay: HTMLButtonElement | null;
-    accordionButtons: NodeListOf<HTMLButtonElement>;
-    desktopOverlayClickHandler: (event: Event) => void;
-    mobileCloseHandler: (event: Event) => void;
-    focusTrapHandler: (event: KeyboardEvent) => void;
-    focusTrapElement: HTMLElement | null;
-    lastFocusedElement: HTMLElement | null;
-    isKeyboardUser: boolean;
-    keydownHandler: (e: KeyboardEvent) => void;
-    mousedownHandler: () => void;
-    touchstartHandler: () => void;
-    instanceName: string;
-    private isModalOpen;
-    private getLockedScrollTop;
-    private getEffectiveScrollY;
-    constructor(element: HTMLElement, config?: MegamenuConfig);
-    static getInstance(el: HTMLElement): Megamenu | null;
-    init(): void;
-    shouldUseMobileTrigger(button: HTMLButtonElement): boolean;
-    getDefaultMobileTarget(): string;
-    getTargetFromElement(control: HTMLElement | null): string;
-    getPanelByTarget(target: string): HTMLElement | null;
-    syncMobileButtonState(): void;
-    isInMobilePanel(element: HTMLElement | null): boolean;
-    getFocusRestoreTarget(): HTMLElement | null;
-    setMobilePanelState(panel: HTMLElement, isOpen: boolean): void;
-    handleToggleClick(event: Event): void;
-    handleKeyPress(event: KeyboardEvent): void;
-    handleAccordionClick(event: Event): void;
-    handleScroll(): void;
-    openDropdown(button: HTMLButtonElement): void;
-    closeDropdown(button: HTMLButtonElement): void;
-    closeAllDropdowns(): void;
-    handleMobileMenuToggle(event: Event): void;
-    openMobileMenu(target?: string, source?: HTMLElement): void;
-    closeMobileMenu(): void;
-    showDesktopOverlay(): void;
-    hideDesktopOverlay(): void;
-    openAccordion(button: HTMLButtonElement): void;
-    closeAccordion(button: HTMLButtonElement): void;
-    closeAllAccordions(): void;
-    handleArrowNavigation(event: KeyboardEvent, dropdown: HTMLElement): void;
-    trapFocus(element: HTMLElement): void;
-    removeFocusTrap(): void;
-    updateTabIndices(): void;
-    destroy(): void;
-}
-export {};

package/build/components/types/src/components/Megamenu/MegamenuBlog.d.ts

@@ -1,2 +0,0 @@
-import { MegamenuProps } from "./Megamenu";
-export declare const MegamenuBlog: ({ className, title, notSticky, searchEmpty, searchFilled, compactLogoOnly, isB2B, }: MegamenuProps) => import("react").JSX.Element;

package/build/components/types/src/components/Megamenu/MegamenuSearchContent.d.ts

@@ -1,10 +0,0 @@
-type MegamenuSearchContentProps = {
-    inputId: string;
-    inputLabel: string;
-    searchValue: string;
-    hasSearchEmpty: boolean;
-    hasSearchFilled: boolean;
-    emptyStateLinkHref?: string;
-};
-export declare const MegamenuSearchContent: ({ inputId, inputLabel, searchValue, hasSearchEmpty, hasSearchFilled, emptyStateLinkHref, }: MegamenuSearchContentProps) => import("react").JSX.Element;
-export {};

package/build/components/types/src/components/Megamenu/MyOrangeMobilePanel.d.ts

@@ -1,7 +0,0 @@
-type MyOrangeMobilePanelProps = {
-    titleId: string;
-    panelId?: string;
-    isB2B?: boolean;
-};
-export declare const MyOrangeMobilePanel: ({ titleId, panelId, isB2B, }: MyOrangeMobilePanelProps) => import("react").JSX.Element;
-export {};

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

@@ -1,86 +0,0 @@
-export declare const CLASS_ROOT = "megamenu";
-export declare const CLASS_TOP = "megamenu__top";
-export declare const CLASS_MAIN = "megamenu__main";
-export declare const CLASS_SUBMAIN = "megamenu__submain";
-export declare const CLASS_CONTAINER = "megamenu__container";
-export declare const CLASS_GRID = "megamenu__grid";
-export declare const CLASS_CARD = "megamenu__card";
-export declare const CLASS_TILES = "megamenu__tiles";
-export declare const CLASS_TILE = "megamenu__tile";
-export declare const CLASS_TILE_BODY = "megamenu__tile-body";
-export declare const CLASS_TILE_CONTENT = "megamenu__tile-content";
-export declare const CLASS_TILE_LABEL = "megamenu__tile-label";
-export declare const CLASS_NAV = "megamenu__nav";
-export declare const CLASS_NAV_VERTICAL = "megamenu__nav--vertical";
-export declare const CLASS_NAV_SPACE_SMALL = "megamenu__nav--space-small";
-export declare const CLASS_NAV_MOBILE_LOCALE = "megamenu__nav--mobile-locale";
-export declare const CLASS_NAV_ITEM = "megamenu__nav-item";
-export declare const CLASS_NAV_ITEM_LEAD = "megamenu__nav-item--lead";
-export declare const CLASS_NAV_ITEM_MAIN = "megamenu__nav-item--main";
-export declare const CLASS_NAV_LINK = "megamenu__nav-link";
-export declare const CLASS_NAV_LINK_LOCALE = "megamenu__nav-link--locale";
-export declare const CLASS_NAV_LINK_NO_LINE = "megamenu__nav-link--no-line";
-export declare const CLASS_NAV_LINK_CTA = "megamenu__nav-link--cta";
-export declare const CLASS_NAV_SELECT = "megamenu__nav-select";
-export declare const CLASS_NAV_CART_ICON = "megamenu__nav-cart-icon";
-export declare const CLASS_NAV_SPACER = "megamenu__nav-spacer";
-export declare const CLASS_NAV_ICON = "megamenu__nav-icon";
-export declare const CLASS_NAV_ICON_NO_GAP_MD_DOWN = "megamenu__nav-icon--no-gap-md-down";
-export declare const CLASS_NAV_ICON_CTA = "megamenu__nav-icon--cta";
-export declare const CLASS_NAV_LOGO = "megamenu__nav-logo";
-export declare const CLASS_NAV_BUTTON = "megamenu__nav-button";
-export declare const CLASS_NAV_BUTTON_INDICATOR = "megamenu__nav-button--indicator";
-export declare const CLASS_NAV_SELECT_WRAPPER = "megamenu__nav-button--select";
-export declare const CLASS_NAV_DROPDOWN = "megamenu__nav-dropdown";
-export declare const CLASS_SUBNAV = "megamenu__subnav";
-export declare const CLASS_SUBNAV_ITEM = "megamenu__subnav-item";
-export declare const CLASS_OVERLAY = "megamenu__overlay";
-export declare const CLASS_SPACER = "megamenu-spacer";
-export declare const CLASS_SPACER_SMALL = "megamenu-spacer--small";
-export declare const CLASS_TEXT_LARGE = "megamenu__text--large";
-export declare const CLASS_CAPTION = "megamenu__caption";
-export declare const CLASS_CAPTION_LARGE = "megamenu__caption--large";
-export declare const CLASS_HIDE_MD_DOWN = "megamenu--hide-md-down";
-export declare const CLASS_HIDE_LG_ONLY = "megamenu--hide-lg-only";
-export declare const CLASS_HIDE_LG_UP = "megamenu--hide-lg-up";
-export declare const CLASS_ALIGN_CENTER = "megamenu--align-center";
-export declare const CLASS_MOBILE = "megamenu__mobile";
-export declare const CLASS_MOBILE_OVERLAY = "megamenu__mobile-overlay";
-export declare const CLASS_MOBILE_WRAPPER = "megamenu__mobile-wrapper";
-export declare const CLASS_MOBILE_HEADER = "megamenu__mobile-header";
-export declare const CLASS_MOBILE_BODY = "megamenu__mobile-body";
-export declare const CLASS_MOBILE_CTA = "megamenu__mobile-cta";
-export declare const CLASS_MOBILE_ACCOUNT = "megamenu__mobile-account";
-export declare const CLASS_MOBILE_ACCOUNT_AVATAR = "megamenu__mobile-account-avatar";
-export declare const CLASS_MOBILE_ACCOUNT_PHONE = "megamenu__mobile-account-phone";
-export declare const CLASS_MOBILE_ACCOUNT_LOGOUT = "megamenu__mobile-account-logout";
-export declare const CLASS_BUTTON = "megamenu__button";
-export declare const CLASS_BUTTON_SECONDARY = "megamenu__button--secondary";
-export declare const CLASS_MOBILE_ACCOUNT_LINKS = "megamenu__mobile-account-links";
-export declare const CLASS_MOBILE_ACCOUNT_LINK = "megamenu__mobile-account-link";
-export declare const CLASS_MOBILE_APP_CARD = "megamenu__mobile-app-card";
-export declare const CLASS_MOBILE_APP_CARD_SECTION = "megamenu__mobile-app-card-section";
-export declare const CLASS_MOBILE_APP_CARD_TITLE = "megamenu__mobile-app-card-title";
-export declare const CLASS_MOBILE_APP_CARD_STORES = "megamenu__mobile-app-card-stores";
-export declare const CLASS_MOBILE_APP_CARD_STORE = "megamenu__mobile-app-card-store";
-export declare const CLASS_MOBILE_APP_CARD_IMAGE = "megamenu__mobile-app-card-image";
-export declare const CLASS_ACCORDION = "megamenu__accordion";
-export declare const CLASS_ACCORDION_ITEM = "megamenu__accordion-item";
-export declare const CLASS_ACCORDION_HEADER = "megamenu__accordion-header";
-export declare const CLASS_ACCORDION_BUTTON = "megamenu__accordion-button";
-export declare const CLASS_ACCORDION_TITLE = "megamenu__accordion-title";
-export declare const CLASS_ACCORDION_ICON = "megamenu__accordion-icon";
-export declare const CLASS_ACCORDION_BODY = "megamenu__accordion-body";
-export declare const CLASS_INPUT = "megamenu__input";
-export declare const CLASS_INPUT_WRAPPER = "megamenu__input-wrapper";
-export declare const CLASS_INPUT_WRAPPER_SEARCH_ICON_WITH_PLACEHOLDER = "megamenu__input-wrapper--search-icon-with-placeholder";
-export declare const CLASS_INPUT_WRAPPER_SEARCH_RESPONSIVE = "megamenu__input-wrapper--search-responsive";
-export declare const CLASS_INPUT_SEARCH_ICON_WITH_PLACEHOLDER = "megamenu__input--search-icon-with-placeholder";
-export declare const CLASS_INPUT_SEARCH_RESPONSIVE = "megamenu__input--search-responsive";
-export declare const CLASS_TAG = "megamenu__tag";
-export declare const CLASS_TAG_ORANGE = "megamenu__tag--orange";
-export declare const CLASS_TAG_SMALL = "megamenu__tag--small";
-export declare const CLASS_TAG_TRANSPARENT = "megamenu__tag--transparent";
-export declare const CLASS_TAG_LARGE = "megamenu__tag--large";
-export declare const CLASS_LIST_INLINE = "megamenu__list--inline";
-export declare const CLASS_LIST_GAP_SMALL = "megamenu__list--gap-small";

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

@@ -1,29 +0,0 @@
-export type MenuItem = {
-    label: string;
-    href?: string;
-    isLarge?: boolean;
-    tag?: string;
-};
-export type MegamenuTile = {
-    label: string;
-    href?: string;
-    icon: string;
-    tag?: string;
-    isActive?: boolean;
-};
-export declare const megamenuTiles: MegamenuTile[];
-type MenuGroup = {
-    id: string;
-    heading: string;
-    items: MenuItem[];
-};
-export type MenuSection = {
-    id: string;
-    label: string;
-    featured: MenuGroup;
-    columns: MenuGroup[][];
-};
-export declare const menuSections: MenuSection[];
-export declare const searchTerms: string[];
-export declare const searchResultItems: string[];
-export {};

package/build/components/types/src/components/Megamenu/ids.d.ts

@@ -1,11 +0,0 @@
-export type MegamenuVariant = "main" | "blog";
-export type MegamenuIds = {
-    searchDropdownId: string;
-    searchInputDesktopId: string;
-    searchInputMobileId: string;
-    mobileMainPanelId: string;
-    mobileMainTitleId: string;
-    myOrangePanelId: string;
-    myOrangeTitleId: string;
-};
-export declare const getMegamenuIds: (variant: MegamenuVariant) => MegamenuIds;

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

@@ -1,3 +0,0 @@
-export { MegamenuIcon } from "./MegaMenuIcon";
-export { Megamenu } from "./Megamenu";
-export { MegamenuBlog } from "./MegamenuBlog";

package/build/components/types/src/components/Megamenu/shared.d.ts

@@ -1,40 +0,0 @@
-import React from "react";
-export type MegamenuSearchState = {
-    hasSearchEmpty: boolean;
-    hasSearchFilled: boolean;
-    showSearchState: boolean;
-    searchValue: string;
-};
-type MegamenuLogoLinkProps = {
-    compactLogoOnly?: boolean;
-    href?: string;
-    title: string;
-    children?: React.ReactNode;
-};
-type MegamenuSearchDropdownProps = {
-    dropdownId: string;
-    inputId: string;
-    inputLabel: string;
-    searchValue: string;
-    hasSearchEmpty: boolean;
-    hasSearchFilled: boolean;
-    emptyStateLinkHref?: string;
-};
-type MegamenuCloseButtonProps = {
-    ariaLabel: string;
-    target: string;
-};
-type MegamenuMobilePanelProps = {
-    titleId: string;
-    panelId?: string;
-    target: string;
-    title: React.ReactNode;
-    overlayAriaLabel: string;
-    children: React.ReactNode;
-};
-export declare const getMegamenuSearchState: (searchEmpty?: boolean, searchFilled?: boolean) => MegamenuSearchState;
-export declare const MegamenuLogoLink: ({ compactLogoOnly, href, title, children, }: MegamenuLogoLinkProps) => React.JSX.Element;
-export declare const MegamenuSearchDropdown: ({ dropdownId, inputId, inputLabel, searchValue, hasSearchEmpty, hasSearchFilled, emptyStateLinkHref, }: MegamenuSearchDropdownProps) => React.JSX.Element;
-export declare const MegamenuCloseButton: ({ ariaLabel, target, }: MegamenuCloseButtonProps) => React.JSX.Element;
-export declare const MegamenuMobilePanel: ({ titleId, panelId, target, title, overlayAriaLabel, children, }: MegamenuMobilePanelProps) => React.JSX.Element;
-export {};

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

@@ -1,21 +0,0 @@
-import Megamenu from "./Megamenu.static";
-import "./styles/style.scss";
-export declare const customMegamenuModuleSelectorPairs: {
-    Module: typeof Megamenu;
-    name: string;
-    selector: string;
-}[];
-declare global {
-    interface Window {
-        ODSMegamenu: {
-            Megamenu: typeof Megamenu;
-            instances: Megamenu[];
-            init: () => void;
-            destroy: () => void;
-            initModulesWithin: (container: any) => {};
-            destroyModulesWithin: (container: any, removeOrphanedNodes?: boolean | undefined) => {};
-        };
-    }
-}
-export { Megamenu };
-export default Megamenu;

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

@@ -1,39 +0,0 @@
-import React from "react";
-export declare const sizes: readonly ["small", "large"];
-export type ModalSize = (typeof sizes)[number];
-interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Action buttons in footer */
-    actions?: React.ReactNode[];
-    /** Full height on XS */
-    fullHeight?: boolean;
-    /** Sticky footer is visible when modal content is too long */
-    hasStickyFooter?: boolean;
-    /** Html id attribute. */
-    id: string;
-    /** isActive controls if modal is opened or closed */
-    isActive?: boolean;
-    /** Callback fired when modal is closed */
-    onHide?: () => void;
-    /** Custom header renderer. Receives id as function param. Returned element(s) must contain a header with close button. */
-    renderHeader?: (id: string) => React.ReactNode;
-    /** Custom body renderer. Receives title as function param. Returned element(s) must contain a title. */
-    renderBody?: () => React.ReactNode;
-    /** Custom footer renderer. Receives actions as function param. Returned element(s) must contain the actions. */
-    renderFooter?: () => React.ReactNode;
-    /** Custom main title renderer. Receives id as function param. Returned element must be a heading and use this id for accessibility purposes */
-    renderTitle?: (id: string) => React.ReactNode;
-    /** Modal dialog size */
-    size?: ModalSize;
-    /** Main title */
-    title?: string;
-    /** Child elements */
-    children?: React.ReactNode;
-    /** Additional CSS classes */
-    className?: string;
-    /** Disables header paddings */
-    disableHeaderSpacing?: boolean;
-    /** Disables footer paddings */
-    disableFooterSpacing?: boolean;
-}
-declare const Modal: React.FC<ModalProps>;
-export { Modal };

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

@@ -1,37 +0,0 @@
-import A11yDialog from "a11y-dialog";
-interface ModalConfig {
-    /** Class which indicates that modal is open */
-    classModalIsOpen: string;
-    /** Class on body which indicates that modal is open */
-    classModalIsOpenBody: string;
-    /** Root of page content which should be hidden when modal is open */
-    root: string;
-    /** Move modal into this element selector (must be unique in DOM) */
-    modalsRoot: string;
-    /** Disable moving modal to #root-modals (for React controlled mode) */
-    disablePortal?: boolean;
-}
-interface HTMLElementWithModal extends HTMLElement {
-    ODS_Modal?: Modal;
-}
-export default class Modal {
-    element: HTMLElementWithModal;
-    config: ModalConfig;
-    instance: A11yDialog;
-    constructor(element: HTMLElement, config?: Partial<ModalConfig>);
-    static getInstance(el: HTMLElement | null): Modal | null;
-    handleShow(el: HTMLElement): void;
-    handleHide(el: HTMLElement): void;
-    show(): void;
-    hide(): void;
-    headerFirstItemSpacing(): void;
-    init(): void;
-    destroy(): void;
-    update(): void;
-    static moveToModalRoot(el: HTMLElement, container: Element | null): void;
-    private static isLocked;
-    private static resolveBodyLockClassName;
-    static lockBody(className?: string, root?: string): void;
-    static unlockBody(className?: string, root?: string): void;
-}
-export {};

package/build/components/types/src/components/Modal/ModalBody.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export declare const modalBodyColors: readonly ["background-primary", "background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-subtle", "fill-accent1", "fill-accent2", "fill-accent3", "fill-accent4", "fill-accent5"];
-export type ModalBodyColor = (typeof modalBodyColors)[number];
-interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {
-    color?: ModalBodyColor;
-    className?: string;
-    children?: React.ReactNode;
-    withTopPadding?: boolean;
-    disableSpacing?: boolean;
-}
-declare const ModalBody: React.FC<ModalBodyProps>;
-export { ModalBody };

package/build/components/types/src/components/Modal/ModalCloseButton.d.ts

@@ -1,8 +0,0 @@
-import { ButtonType } from "../Button/Button";
-import { IconButtonProps } from "../Button/IconButton";
-interface ExtendedIconButtonProps extends IconButtonProps {
-    type?: ButtonType;
-}
-type ModalCloseButtonProps = Omit<ExtendedIconButtonProps, "iconName">;
-declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;
-export { ModalCloseButton };

package/build/components/types/src/components/Modal/ModalProductFooter.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface ModalProductFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    image?: React.ReactNode;
-    /** Use small spacing */
-    space?: "small";
-    button?: React.ReactNode;
-}
-export declare const CLASS_ROOT = "modal__product";
-declare const ModalProductFooter: React.ForwardRefExoticComponent<ModalProductFooterProps & React.RefAttributes<HTMLDivElement>>;
-export { ModalProductFooter };

package/build/components/types/src/components/Modal/ModalProductHeader.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface ModalProductHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    image?: React.ReactNode;
-    /** Use small spacing */
-    space?: "small";
-    /** Optional id for accessibility (e.g., for aria-labelledby) */
-    titleId?: string;
-}
-export declare const CLASS_ROOT = "modal__product";
-declare const ModalProductHeader: React.ForwardRefExoticComponent<ModalProductHeaderProps & React.RefAttributes<HTMLDivElement>>;
-export { ModalProductHeader };

package/build/components/types/src/components/Modal/ModalTitle.d.ts

@@ -1,9 +0,0 @@
-export declare const sizes: readonly ["small", "large"];
-export type TitleSize = (typeof sizes)[number];
-interface ModalTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-    size?: TitleSize;
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const ModalTitle: React.FC<ModalTitleProps>;
-export { ModalTitle };

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

@@ -1,6 +0,0 @@
-export { Modal } from "./Modal";
-export { ModalBody } from "./ModalBody";
-export { ModalCloseButton } from "./ModalCloseButton";
-export { ModalProductFooter } from "./ModalProductFooter";
-export { ModalProductHeader } from "./ModalProductHeader";
-export { ModalTitle } from "./ModalTitle";

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

@@ -1,25 +0,0 @@
-import React from "react";
-interface PaginationItemProps {
-    /** Page link href */
-    href: string;
-    /** Text label inside page item */
-    label: string;
-    /** Active state. */
-    isActive?: boolean;
-    /** aria-label of page item */
-    ariaLabel?: string;
-}
-interface PaginationProps {
-    /** Collapsed version */
-    isCompact?: boolean;
-    /** All pagination items - buttons & numbers */
-    items: PaginationItemProps[];
-    /** Accessibility label */
-    label?: string;
-    /** Additional CSS class name */
-    className?: string;
-    /** Additional props */
-    [key: string]: any;
-}
-export declare const Pagination: React.FC<PaginationProps>;
-export {};

package/build/components/types/src/components/Pagination/PaginationItem.d.ts

@@ -1,21 +0,0 @@
-import React from "react";
-interface PaginationItemProps {
-    /** aria-label of page item */
-    ariaLabel?: string;
-    /** Text label inside page item */
-    label?: string;
-    /** Show icon as label */
-    hasIcon?: boolean;
-    /** Link href */
-    href?: string;
-    /** Active state */
-    isActive?: boolean;
-    /** Is first item */
-    isFirst?: boolean;
-    /** Is last item */
-    isLast?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}
-export declare const PaginationItem: React.FC<PaginationItemProps>;
-export {};

package/build/components/types/src/components/Pagination/Separator.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from "react";
-declare const Separator: {
-    (props: HTMLAttributes<HTMLLIElement>): import("react").JSX.Element;
-    displayName: string;
-};
-export default Separator;

package/build/components/types/src/components/Pagination/helpers.d.ts

@@ -1,23 +0,0 @@
-interface PaginationItem {
-    href: string;
-    label: string;
-    isActive?: boolean;
-    ariaLabel?: string;
-}
-interface GetItemStateParams {
-    activeIndex: number;
-    items: PaginationItem[];
-    isCompact: boolean;
-    index: number;
-}
-interface ItemState {
-    isFirst: boolean;
-    isHidden: boolean;
-    isLast: boolean;
-    isSecond: boolean;
-    isSecondFromEnd: boolean;
-    hasIcon: boolean;
-    showSeparator: boolean;
-}
-export declare function getItemState({ activeIndex, items, isCompact, index, }: GetItemStateParams): ItemState;
-export {};

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

@@ -1,3 +0,0 @@
-export { Pagination } from "./Pagination";
-export { PaginationItem } from "./PaginationItem";
-export { default as Separator } from "./Separator";

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

@@ -1,11 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from "react";
-export declare const pillColors: readonly ["surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-moderate", "fill-disabled", "transparent"];
-export type PillColor = (typeof pillColors)[number];
-interface PillProps extends HTMLAttributes<HTMLSpanElement> {
-    className?: string;
-    children?: ReactNode;
-    color?: PillColor;
-    size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
-}
-declare const Pill: React.FC<PillProps>;
-export { Pill };

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

@@ -1 +0,0 @@
-export { Pill } from "./Pill";

package/build/components/types/src/components/Preview/CodeExample.d.ts

@@ -1,12 +0,0 @@
-import React, { ReactNode } from "react";
-interface CodeExampleProps {
-    codeJSXOptions?: Record<string, any>;
-    codeTypes?: string[];
-    children?: ReactNode;
-    htmlThemeClass?: string;
-    jsxCode?: string;
-    htmlCode?: ReactNode;
-    [key: string]: any;
-}
-declare const CodeExample: React.FC<CodeExampleProps>;
-export default CodeExample;

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

@@ -1,9 +0,0 @@
-import type { ReactNode } from "react";
-import React from "react";
-import { PreviewGenerator } from "./PreviewGenerator";
-type PreviewProps = React.ComponentProps<typeof PreviewGenerator> & {
-    codeJSXOptions?: Record<string, any>;
-    children: ReactNode;
-};
-export declare function Preview({ children, codeJSXOptions, codeTypes, ...rest }: PreviewProps): React.JSX.Element;
-export {};

package/build/components/types/src/components/Preview/PreviewGenerator.d.ts

@@ -1,30 +0,0 @@
-import { FunctionComponent, ReactNode } from "react";
-import "./styles/style.scss";
-interface PreviewRenderContext {
-    bgTheme: string;
-    bgThemeValue: string;
-    themeClass: string;
-    isDarkMode: boolean;
-}
-interface PreviewProps {
-    isDark?: boolean;
-    bgTheme?: string | boolean;
-    bgThemeColors?: Record<string, string>;
-    bgThemeExcludedColors?: string[];
-    children?: ReactNode | ((context: PreviewRenderContext) => ReactNode);
-    className?: string;
-    preserveDividerSpacing?: boolean;
-    code?: ReactNode | string | ((context: PreviewRenderContext) => ReactNode);
-    codeJSXOptions?: Record<string, any>;
-    codeTypes?: string[];
-    enableFullscreen?: boolean;
-    hasCodePreview?: boolean;
-    hasMultipleCodeRoots?: boolean;
-    html?: string;
-    jsxCode?: string;
-    disableBreakpoints?: boolean;
-    showBreakpointControls?: boolean;
-    [key: string]: any;
-}
-declare const PreviewGenerator: FunctionComponent<PreviewProps>;
-export { PreviewGenerator };

package/build/components/types/src/components/Preview/PreviewTitleBar.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from "react";
-interface PreviewTitleBarProps {
-    title?: string;
-    actions?: ReactNode[];
-    className?: string;
-    [key: string]: any;
-}
-declare const PreviewTitleBar: React.FC<PreviewTitleBarProps>;
-export default PreviewTitleBar;

package/build/components/types/src/components/Preview/getElementDisplayName.d.ts

@@ -1 +0,0 @@
-export declare const getElementDisplayName: (element: any) => string;

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

@@ -1,9 +0,0 @@
-import React from "react";
-import "./styles/style.scss";
-interface ThemedPreviewProps {
-    children: React.ReactNode;
-    [key: string]: any;
-}
-declare const ThemedPreview: React.FC<ThemedPreviewProps>;
-export declare const PreviewSpacing: ({ children, spacePreviewConfig }: any) => React.JSX.Element;
-export { ThemedPreview as Preview };

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

@@ -1,14 +0,0 @@
-import React from "react";
-export interface ProgressProps {
-    /** Color of the indicator */
-    color?: "orange" | "green" | "yellow" | "red" | "blue";
-    /** Provides clear instruction on what the horizontal bar represents */
-    label: React.ReactNode;
-    /** Textual representation of the indicator */
-    value: React.ReactNode;
-    /** Width of the progress indicator where 0 = empty, 1 = full */
-    width?: number;
-    className?: string;
-    children?: React.ReactNode;
-}
-export declare const Progress: React.FC<ProgressProps>;

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

@@ -1 +0,0 @@
-export { Progress } from "./Progress";