@orangesk/orange-design-system 3.1.0 → 3.3.0

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

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, HTMLAttributes, AnchorHTMLAttributes, FC } from 'react';
+import React__default, { ReactNode, HTMLAttributes, ReactElement, AnchorHTMLAttributes, FC } from 'react';
 
 interface AccordionProps$1 {
     /** Heading level from 1 to 6 */
@@ -90,6 +90,13 @@ declare const AnchorNavigation: {
     displayName: string;
 };
 
+interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    alt?: string;
+    iconName?: string;
+    src: string;
+}
+declare const Avatar: React__default.FC<AvatarProps>;
+
 type BarAlign = "start" | "end" | "center";
 type BarSpace = "small" | "large";
 interface BarProps extends React__default.HTMLAttributes<HTMLElement> {
@@ -294,18 +301,30 @@ interface CardSectionProps extends React__default.HTMLAttributes<HTMLDivElement>
 }
 declare const CardSection: React__default.ForwardRefExoticComponent<CardSectionProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
+type CarouselRenderItem<T> = (item: T, index: number) => ReactNode;
+interface CarouselProps<T = ReactNode> extends HTMLAttributes<HTMLDivElement> {
     /** Swiper.js (https://swiperjs.com/) options object */
     swiperOptions?: Record<string, any>;
     /** Carousel items */
-    items: ReactNode[];
+    items: T[];
+    /** Render carousel item content */
+    renderItems?: CarouselRenderItem<T>;
     /** Always show scrollbar and hide dots */
     showScrollbar?: boolean;
     /** Make carousel bleed to the right edge of screen while keeping left aligned with container */
     bleedRight?: boolean;
     className?: string;
 }
-declare const Carousel: React__default.FC<CarouselProps>;
+declare const Carousel: {
+    <T>({ className, swiperOptions, items, renderItems, showScrollbar, bleedRight, ...other }: CarouselProps<T>): React__default.JSX.Element;
+    displayName: string;
+};
+
+interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: ReactNode;
+}
+declare const CarouselItem: React__default.FC<CarouselItemProps>;
 
 interface CarouselHeroItemProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
@@ -398,6 +417,34 @@ declare const Controls: React__default.ForwardRefExoticComponent<IControlsProps
     href?: undefined;
 } & React__default.RefAttributes<any>>;
 
+declare const countdownUnits: readonly ["days", "hours", "minutes", "seconds"];
+type CountdownUnit = (typeof countdownUnits)[number];
+type DayLabels = {
+    many: string;
+    few: string;
+    one: string;
+};
+interface CountdownLabels {
+    days?: string | DayLabels;
+    hours?: string;
+    minutes?: string;
+    seconds?: string;
+}
+
+interface CountdownProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> {
+    labels?: CountdownLabels;
+    targetDate: string;
+    units?: CountdownUnit[];
+}
+declare const Countdown: React__default.FC<CountdownProps>;
+
+interface CountdownTagProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> {
+    labels?: CountdownLabels;
+    targetDate: string;
+    units?: CountdownUnit[];
+}
+declare const CountdownTag: React__default.FC<CountdownTagProps>;
+
 interface CoverProps {
     /** Background image source. URL string or an object of breakpoint: url pairs
      *
@@ -1237,9 +1284,13 @@ interface ProgressProps {
 }
 declare const Progress: React__default.FC<ProgressProps>;
 
+interface PromoBannerImageSrc {
+    src: string;
+    srcSet?: string;
+}
 interface PromoBannerProps {
     className?: string;
-    image?: string;
+    image?: string | PromoBannerImageSrc;
     alignImage?: "bottom" | "top";
     /** Remove top padding from item on sm and smaller breakpoints */
     flushTopSmDown?: boolean;
@@ -1338,6 +1389,14 @@ type LinkProps = CommonProps$1 & Omit<React__default.AnchorHTMLAttributes<HTMLAn
 type SocialButtonProps = ButtonProps$1 | LinkProps;
 declare const SocialButton: React__default.ForwardRefExoticComponent<SocialButtonProps & React__default.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
+interface StarRatingProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Extra class name for root element. */
+    className?: string;
+    /** Rating value. Rounded to nearest whole star. */
+    rating: number;
+}
+declare const StarRating: React__default.FC<StarRatingProps>;
+
 declare const showTitlesFromOptions: readonly ["md", "lg", "xl"];
 type ShowTitlesFrom = (typeof showTitlesFromOptions)[number];
 interface StepbarStep {
@@ -1496,15 +1555,6 @@ type AnchorProps = CommonProps & Omit<React__default.AnchorHTMLAttributes<HTMLAn
 type TagProps = SpanProps | ButtonProps | AnchorProps;
 declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLElement>>;
 
-interface TestimonialProps {
-    className?: string;
-    children?: React__default.ReactNode;
-    color?: "default" | "orange";
-    isDiv?: boolean;
-    [key: string]: any;
-}
-declare const Testimonial: React__default.FC<TestimonialProps>;
-
 type TileHAlign = "center";
 type TileVAlign = "center" | "end" | "space-between";
 type TileVariant = "compact" | "action";
@@ -1561,4 +1611,4 @@ type InfoTooltipProps = Omit<TooltipProps, "onAbort"> & Omit<React__default.HTML
 };
 declare const InfoTooltip: React__default.FC<InfoTooltipProps>;
 
-export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Timeline, Tooltip };
+export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Avatar, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Countdown, CountdownTag, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, StarRating, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, TextArea, TextInput, Tile, Timeline, Tooltip };

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

@@ -0,0 +1,7 @@
+import React, { HTMLAttributes } from "react";
+export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
+    alt?: string;
+    iconName?: string;
+    src: string;
+}
+export declare const Avatar: React.FC<AvatarProps>;

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

@@ -0,0 +1,2 @@
+export type { AvatarProps } from "./Avatar";
+export { Avatar } from "./Avatar";

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

@@ -1,14 +1,21 @@
 import React, { HTMLAttributes, ReactNode } from "react";
-interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
+type CarouselRenderItem<T> = (item: T, index: number) => ReactNode;
+interface CarouselProps<T = ReactNode> extends HTMLAttributes<HTMLDivElement> {
     /** Swiper.js (https://swiperjs.com/) options object */
     swiperOptions?: Record<string, any>;
     /** Carousel items */
-    items: ReactNode[];
+    items: T[];
+    /** Render carousel item content */
+    renderItems?: CarouselRenderItem<T>;
     /** Always show scrollbar and hide dots */
     showScrollbar?: boolean;
     /** Make carousel bleed to the right edge of screen while keeping left aligned with container */
     bleedRight?: boolean;
     className?: string;
 }
-declare const Carousel: React.FC<CarouselProps>;
+declare const Carousel: {
+    <T>({ className, swiperOptions, items, renderItems, showScrollbar, bleedRight, ...other }: CarouselProps<T>): React.JSX.Element;
+    displayName: string;
+};
+export type { CarouselProps };
 export { Carousel };

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

@@ -8,6 +8,8 @@ export declare const CLASS_SLIDE_PREV = "carousel__slide-prev";
 export declare const CLASS_PREV = "carousel__prev";
 export declare const CLASS_NEXT = "carousel__next";
 export declare const CLASS_DOTS = "carousel__pagination";
+export declare const CLASS_NAVIGATION = "carousel__navigation";
+export declare const CLASS_CONTROLS = "carousel__controls";
 export declare const CLASS_DOT = "carousel__pagination-item";
 export declare const CLASS_SCROLLBAR = "carousel__scrollbar";
 export declare const CLASS_SCROLLBAR_HORIZONTAL = "carousel__scrollbar-horizontal";

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { CountdownLabels, CountdownUnit, countdownUnits } from "./Countdown.static";
+export interface CountdownProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    labels?: CountdownLabels;
+    targetDate: string;
+    units?: CountdownUnit[];
+}
+declare const Countdown: React.FC<CountdownProps>;
+export type { CountdownLabels, CountdownUnit };
+export { Countdown, countdownUnits };

package/build/components/types/src/components/Countdown/Countdown.react.d.ts

@@ -0,0 +1,8 @@
+import { CountdownConfig, CountdownLabels, CountdownUnit } from "./Countdown.static";
+declare const defaultCountdownLabels: Required<CountdownLabels>;
+declare const defaultCountdownTagLabels: Required<CountdownLabels>;
+declare const normalizeUnits: (units?: CountdownUnit[]) => CountdownUnit[];
+declare const getLabelText: (unit: CountdownUnit, labels: CountdownLabels | undefined, fallback: Required<CountdownLabels>) => string;
+declare const buildCountdownConfig: (targetDate: string, units: CountdownUnit[], labels?: CountdownLabels) => CountdownConfig;
+declare const getAriaLive: (units: CountdownUnit[]) => "off" | "polite";
+export { buildCountdownConfig, defaultCountdownLabels, defaultCountdownTagLabels, getAriaLive, getLabelText, normalizeUnits, };

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

@@ -0,0 +1,54 @@
+export declare const countdownUnits: readonly ["days", "hours", "minutes", "seconds"];
+export type CountdownUnit = (typeof countdownUnits)[number];
+export type DayLabels = {
+    many: string;
+    few: string;
+    one: string;
+};
+export interface CountdownLabels {
+    days?: string | DayLabels;
+    hours?: string;
+    minutes?: string;
+    seconds?: string;
+}
+export interface CountdownConfig {
+    targetDate: string;
+    units?: CountdownUnit[];
+    labels?: CountdownLabels;
+}
+export interface CountdownState {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+export declare const getVisibleUnits: (units?: CountdownUnit[]) => CountdownUnit[];
+export declare const normalizeDayLabels: (value: string | DayLabels | undefined, fallback: DayLabels) => DayLabels;
+export declare const getTargetDate: (value: string) => number;
+export declare const calculateState: (targetDate: string, units: CountdownUnit[]) => CountdownState;
+export declare abstract class BaseCountdownStatic {
+    element: HTMLElement;
+    config: CountdownConfig;
+    liveRegion: HTMLElement | null;
+    timerId?: number;
+    observer?: IntersectionObserver;
+    private instanceKey;
+    private defaultConfig;
+    constructor(element: HTMLElement, config: Partial<CountdownConfig> | undefined, options: {
+        defaultConfig: CountdownConfig;
+        instanceKey: string;
+    });
+    protected readDataConfig(): Partial<CountdownConfig>;
+    protected getLiveRegion(): HTMLElement | null;
+    protected scheduleNextTick(): void;
+    private tick;
+    private setupObserver;
+    init(): void;
+    start(): void;
+    stop(): void;
+    update(config?: Partial<CountdownConfig>): void;
+    destroy(): void;
+    protected abstract collectElements(): void;
+    protected abstract render(): void;
+    protected abstract destroyElements(): void;
+}

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

@@ -0,0 +1,21 @@
+import { BaseCountdownStatic, CountdownConfig, CountdownLabels, CountdownUnit, countdownUnits } from "./Countdown.shared";
+interface CountdownLeaf {
+    element: HTMLElement;
+    unit: CountdownUnit;
+    labels: HTMLElement[];
+    isFlipping: boolean;
+    flipTimeoutId?: number;
+}
+export default class CountdownStatic extends BaseCountdownStatic {
+    leaves: Map<CountdownUnit, CountdownLeaf>;
+    constructor(element: HTMLElement, config?: Partial<CountdownConfig>);
+    private getLabels;
+    protected collectElements(): void;
+    private setLeafValue;
+    private flipLeaf;
+    protected render(): void;
+    protected destroyElements(): void;
+    static getInstance(el: HTMLElement): CountdownStatic | null;
+}
+export type { CountdownConfig, CountdownLabels, CountdownUnit };
+export { countdownUnits };

package/build/components/types/src/components/Countdown/CountdownTag.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { CountdownLabels, CountdownUnit } from "./Countdown.static";
+export interface CountdownTagProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    labels?: CountdownLabels;
+    targetDate: string;
+    units?: CountdownUnit[];
+}
+declare const CountdownTag: React.FC<CountdownTagProps>;
+export { CountdownTag };

package/build/components/types/src/components/Countdown/CountdownTag.static.d.ts

@@ -0,0 +1,16 @@
+import { BaseCountdownStatic, CountdownConfig, CountdownUnit } from "./Countdown.shared";
+interface CountdownTagUnit {
+    element: HTMLElement;
+    unit: CountdownUnit;
+    valueElement: HTMLElement | null;
+}
+export default class CountdownTagStatic extends BaseCountdownStatic {
+    units: Map<CountdownUnit, CountdownTagUnit>;
+    constructor(element: HTMLElement, config?: Partial<CountdownConfig>);
+    private getLabels;
+    protected collectElements(): void;
+    protected render(): void;
+    protected destroyElements(): void;
+    static getInstance(el: HTMLElement): CountdownTagStatic | null;
+}
+export {};

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

@@ -0,0 +1,28 @@
+export declare const CLASS_ROOT = "countdown";
+export declare const CLASS_ANNOUNCEMENT = "countdown__announcement";
+export declare const CLASS_UNIT = "countdown__unit";
+export declare const CLASS_CARD = "countdown__card";
+export declare const CLASS_TOP = "countdown__top";
+export declare const CLASS_LEAF_FRONT = "countdown__leaf-front";
+export declare const CLASS_LEAF_BACK = "countdown__leaf-back";
+export declare const CLASS_BOTTOM = "countdown__bottom";
+export declare const CLASS_VALUE = "countdown__value";
+export declare const CLASS_LABEL = "countdown__label";
+export declare const CLASS_FLIP = "is-flipping";
+export declare const CLASS_TAG_ROOT = "countdown-tag";
+export declare const CLASS_TAG_PART = "countdown-tag__part";
+export declare const CLASS_TAG_VALUE = "countdown-tag__value";
+export declare const CLASS_TAG_LABEL = "countdown-tag__label";
+export declare const CLASS_TAG_SEPARATOR = "countdown-tag__separator";
+export declare const ATTR_COUNTDOWN = "data-countdown";
+export declare const ATTR_COUNTDOWN_CONFIG = "data-countdown-config";
+export declare const ATTR_COUNTDOWN_UNIT = "data-countdown-unit";
+export declare const ATTR_COUNTDOWN_TAG = "data-countdown-tag";
+export declare const ATTR_COUNTDOWN_TAG_VALUE = "data-countdown-tag-value";
+export declare const SELECTOR_ANNOUNCEMENT = ".countdown__announcement";
+export declare const SELECTOR_UNIT = ".countdown__unit";
+export declare const SELECTOR_LABEL = ".countdown__label";
+export declare const SELECTOR_TAG_UNIT = "[data-countdown-unit]";
+export declare const SELECTOR_TAG_LABEL = ".countdown-tag__label";
+export declare const SELECTOR_TAG_VALUE = "[data-countdown-tag-value]";
+export declare const SELECTOR_VALUE_LAYERS: string;

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

@@ -0,0 +1,3 @@
+export type { CountdownLabels, CountdownUnit } from "./Countdown";
+export { Countdown, countdownUnits } from "./Countdown";
+export { CountdownTag } from "./CountdownTag";

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

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

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

@@ -13,6 +13,7 @@ interface PreviewProps {
     bgThemeExcludedColors?: string[];
     children?: ReactNode | ((context: PreviewRenderContext) => ReactNode);
     className?: string;
+    preserveDividerSpacing?: boolean;
     code?: ReactNode | string | ((context: PreviewRenderContext) => ReactNode);
     codeJSXOptions?: Record<string, any>;
     codeTypes?: string[];

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

@@ -1,7 +1,11 @@
 import React from "react";
+interface PromoBannerImageSrc {
+    src: string;
+    srcSet?: string;
+}
 interface PromoBannerProps {
     className?: string;
-    image?: string;
+    image?: string | PromoBannerImageSrc;
     alignImage?: "bottom" | "top";
     /** Remove top padding from item on sm and smaller breakpoints */
     flushTopSmDown?: boolean;

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

@@ -0,0 +1,9 @@
+import React from "react";
+export interface StarRatingProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Extra class name for root element. */
+    className?: string;
+    /** Rating value. Rounded to nearest whole star. */
+    rating: number;
+}
+declare const StarRating: React.FC<StarRatingProps>;
+export { StarRating };

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

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

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

@@ -1,6 +1,7 @@
 import { Accordion, AccordionItem } from "./Accordion";
 import { Alert } from "./Alert";
 import { AnchorNavigation } from "./AnchorNavigation";
+import { Avatar } from "./Avatar";
 import { Bar, BarBreak, BarItem } from "./Bar";
 import { BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride } from "./BlockAction";
 import { BodyBanner } from "./BodyBanner";
@@ -8,12 +9,13 @@ import { Breadcrumbs } from "./Breadcrumbs";
 import { Button, ButtonFill, ButtonGhost, ButtonPrimary, IconButton } from "./Button";
 import { Buttons } from "./Buttons";
 import { Card, CardProductHeader, CardSection } from "./Card";
-import { Carousel } from "./Carousel";
+import { Carousel, CarouselItem } from "./Carousel";
 import { CarouselHero, CarouselHeroItem } from "./CarouselHero";
 import { CarouselPromotions } from "./CarouselPromotions";
 import { CartTable } from "./CartTable";
 import { Container } from "./Container";
 import { Controls } from "./Controls";
+import { Countdown, CountdownTag } from "./Countdown";
 import { Cover } from "./Cover";
 import { Divider } from "./Divider";
 import { Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton } from "./Dropdown";
@@ -40,13 +42,13 @@ import { Section } from "./Section";
 import { Skeleton } from "./Skeleton";
 import { SkipLink } from "./SkipLink";
 import { SocialButton } from "./SocialButton";
+import { StarRating } from "./StarRating";
 import { Stepbar } from "./Stepbar";
 import { Sticker } from "./Sticker";
 import { Table } from "./Table";
 import { Tab, TabPanel, Tabs } from "./Tabs";
 import { Tag, TagButton } from "./Tag";
-import { Testimonial } from "./Testimonial";
 import { Tile } from "./Tile";
 import { Timeline } from "./Timeline";
 import { InfoTooltip, Tooltip } from "./Tooltip";
-export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Timeline, Tooltip, };
+export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Avatar, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Countdown, CountdownTag, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, StarRating, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, TextArea, TextInput, Tile, Timeline, Tooltip, };

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

@@ -1,9 +1,11 @@
+import CountdownTag from "@/components/Countdown/CountdownTag.static";
 import Accordion from "../components/Accordion/Accordion.static";
 import AnchorNavigation from "../components/AnchorNavigation/AnchorNavigation.static";
 import BlockAction from "../components/BlockAction/BlockAction.static";
 import Carousel from "../components/Carousel/Carousel.static";
 import CarouselHero from "../components/CarouselHero/CarouselHero.static";
 import CarouselPromotions from "../components/CarouselPromotions/CarouselPromotions.static";
+import Countdown from "../components/Countdown/Countdown.static";
 import Dropdown from "../components/Dropdown/Dropdown.static";
 import Expander from "../components/Expander/Expander.static";
 import FeatureAccordion from "../components/FeatureAccordion/FeatureAccordion.static";
@@ -59,6 +61,14 @@ export declare const moduleSelectorPairs: ({
     Module: typeof CarouselPromotions;
     name: string;
     selector: string;
+} | {
+    Module: typeof Countdown;
+    name: string;
+    selector: string;
+} | {
+    Module: typeof CountdownTag;
+    name: string;
+    selector: string;
 } | {
     Module: typeof FeatureAccordion;
     name: string;

package/build/components/types/src/styles/export/color.d.ts

@@ -24,6 +24,7 @@ export const exports: {
     "light-fill-accent3": string;
     "light-fill-accent4": string;
     "light-fill-accent5": string;
+    "light-fill-accent6": string;
     "light-fill-information": string;
     "light-fill-positive": string;
     "light-fill-warning": string;
@@ -75,6 +76,7 @@ export const exports: {
     "dark-fill-accent3": string;
     "dark-fill-accent4": string;
     "dark-fill-accent5": string;
+    "dark-icon-accent6": string;
     "dark-fill-information": string;
     "dark-fill-positive": string;
     "dark-fill-warning": string;