@orangesk/orange-design-system 3.5.0 → 3.6.0

package/build/components/types/src/components/Icon/iconSearchTags.d.ts

@@ -1,427 +0,0 @@
-export declare const iconsWithTags: {
-    "4g": string[];
-    "5g": string[];
-    "accessibility-mobility": string[];
-    "accessibility-motor": string[];
-    "accessibility-vision": string[];
-    "age-rating-3": string[];
-    "airbox-auto": string[];
-    "alias-numbers": string[];
-    "android-manage": string[];
-    "apartment-building": string[];
-    "backup-internet": string[];
-    "battery-charging": string[];
-    "battery-full": string[];
-    "battery-status-1-3": string[];
-    "battery-status-charging": string[];
-    "battery-status-full": string[];
-    "boarding-pass": string[];
-    "book-award": string[];
-    "browser-plug-in": string[];
-    "business-advisor": string[];
-    "business-consultant": string[];
-    "business-lounge": string[];
-    "calendar-30": string[];
-    "calendar-alarm": string[];
-    "calendar-day": string[];
-    "calendar-month": string[];
-    "call-in": string[];
-    "call-out": string[];
-    "car-park": string[];
-    "card-reader": string[];
-    "cest-ici": string[];
-    "check-your-balance": string[];
-    "chevron-down": string[];
-    "chevron-end": string[];
-    "chevron-left": string[];
-    "chevron-right": string[];
-    "chevron-start": string[];
-    "chevron-up": string[];
-    "children-channel": string[];
-    "childrens-content": string[];
-    "christmas-tree": string[];
-    "cinema-ticket-2-for-1": string[];
-    "cle-pc": string[];
-    "closed-captions": string[];
-    "cloud-backup": string[];
-    "cloud-security": string[];
-    "collective-class-training": string[];
-    "community-sms": string[];
-    "company-structure": string[];
-    "control-centre": string[];
-    "control-my-data": string[];
-    "currency-euro": string[];
-    "cyber-shield": string[];
-    "dashboard-display": string[];
-    "data-analytics": string[];
-    "data-centre": string[];
-    "data-services": string[];
-    "data-traffic": string[];
-    "desk-phone": string[];
-    "desktop-pc": string[];
-    "device-fixed-line-phone": string[];
-    "device-laptop-computer-connected": string[];
-    "device-laptop-computer": string[];
-    "device-smart-phone": string[];
-    "device-tablet": string[];
-    "device-tv": string[];
-    "digital-frame": string[];
-    "discount-price": string[];
-    "discussion-more": string[];
-    "e-reader": string[];
-    "e-shop": string[];
-    "easy-internet": string[];
-    "eco-mode": string[];
-    "empty-trash": string[];
-    "error-severe": string[];
-    "facebook-2": string[];
-    "family-place": string[];
-    "fast-delivery": string[];
-    "file-compressed": string[];
-    "file-copy": string[];
-    "file-document-compose": string[];
-    "file-download": string[];
-    "file-draft-edit": string[];
-    "file-pdf": string[];
-    "file-terms-and-conditions": string[];
-    "flexible-storage": string[];
-    "football-match": string[];
-    "football-quiz": string[];
-    "form-tick": string[];
-    "front-end-dashboard": string[];
-    "futher-education": string[];
-    "garage-closed": string[];
-    "gauge-rate": string[];
-    "guide-info": string[];
-    "hand-shake": string[];
-    "hard-drive": string[];
-    "hdmi-key": string[];
-    "health-app": string[];
-    "health-monitor": string[];
-    "health-patient": string[];
-    "home-appliance": string[];
-    "id-card": string[];
-    "information-data": string[];
-    "international-globe": string[];
-    "internet-browser": string[];
-    "internet-security-desktop": string[];
-    "internet-security-mobile": string[];
-    "internet-security-password": string[];
-    "internet-usage": string[];
-    "invoice-euro": string[];
-    "invoices-euro": string[];
-    "it-infrastructure": string[];
-    "la-cle-tv": string[];
-    "laptop-connected": string[];
-    "le-vote": string[];
-    "linkedin-2": string[];
-    "location-on-map": string[];
-    "location-pin": string[];
-    "lock-open": string[];
-    "love-logo": string[];
-    "maintenance-man": string[];
-    "map-pin": string[];
-    "medical-app": string[];
-    "medical-chart": string[];
-    "menu-arrow": string[];
-    "menu-grid": string[];
-    "message-alert": string[];
-    "micro-sd-card": string[];
-    "microphone-mute": string[];
-    "mini-games": string[];
-    "mobile-applications": string[];
-    "mobile-data-toggle": string[];
-    "mobile-insurance": string[];
-    "mobile-network-coverage": string[];
-    "mobile-payment": string[];
-    "mobile-security": string[];
-    "mobile-setup": string[];
-    "modifier-delete": string[];
-    "modifier-done": string[];
-    "modifier-download": string[];
-    "modifier-upload": string[];
-    "money-box": string[];
-    "more-dots": string[];
-    "multi-sim": string[];
-    "my-account": string[];
-    "my-orange": string[];
-    "my-skills": string[];
-    "my-vacation": string[];
-    "network-dslam": string[];
-    "network-gatekeeper": string[];
-    "network-gateway": string[];
-    "network-optical-amplifier": string[];
-    "network-optical-transport": string[];
-    "network-wan-optimisation-engine": string[];
-    "not-checked": string[];
-    "notification-alert": string[];
-    "online-help": string[];
-    "orange-assistant": string[];
-    "orange-cash": string[];
-    "orange-detente": string[];
-    "orange-dialler": string[];
-    "orange-events": string[];
-    "orange-experts-expert": string[];
-    "orange-experts-insurance": string[];
-    "orange-experts-orange-business-consultant": string[];
-    "orange-experts-recycle": string[];
-    "orange-experts-repair": string[];
-    "orange-football-club": string[];
-    "orange-games": string[];
-    "orange-messenger": string[];
-    "orange-money-nfc": string[];
-    "orange-reflect": string[];
-    "orange-rewards": string[];
-    "orange-tv": string[];
-    "orange-vr-experience": string[];
-    "package-content": string[];
-    "package-services": string[];
-    "packaging-icon-hd": string[];
-    "parabole-tv": string[];
-    "parental-control": string[];
-    "payment-card": string[];
-    "payment-euro": string[];
-    "personal-hotspot": string[];
-    "personal-smartphone-trainer": string[];
-    "phone-advisor": string[];
-    "play-and-win": string[];
-    "plug-socket": string[];
-    "real-time": string[];
-    "recycle-device": string[];
-    "remote-desktop-protocol": string[];
-    "sd-card": string[];
-    "security-status-good": string[];
-    "senior-person": string[];
-    "server-storage-array": string[];
-    "server-tower": string[];
-    "session-enter": string[];
-    "session-leave": string[];
-    "shop-pin": string[];
-    "showroom-mobile-pro": string[];
-    "signal-5-5": string[];
-    "sim-e": string[];
-    "simple-mode": string[];
-    "skip-to-end": string[];
-    "skip-to-start": string[];
-    "smart-care": string[];
-    "smart-home": string[];
-    "smart-tap": string[];
-    "smart-watch": string[];
-    "sms-alert": string[];
-    "sms-message-compose": string[];
-    "sms-message": string[];
-    "social-network": string[];
-    "star-empty": string[];
-    "star-favourite-half": string[];
-    "star-favourite": string[];
-    "stop-secret": string[];
-    "storage-cloud": string[];
-    "store-locator": string[];
-    "subscription-package": string[];
-    "surveillance-camera": string[];
-    "tag-advertising": string[];
-    "target-location": string[];
-    "task-list": string[];
-    "team-connect": string[];
-    "thumb-up": string[];
-    "top-up-card-euro": string[];
-    "top-up-euro": string[];
-    "top-up-time": string[];
-    "training-session": string[];
-    "transfer-data": string[];
-    "tv-channel-list": string[];
-    "tv-commande": string[];
-    "unlimited-calls": string[];
-    "usb-hard-drive": string[];
-    "usb-key": string[];
-    "user-manual": string[];
-    "video-call": string[];
-    "video-live": string[];
-    "video-phone": string[];
-    "video-record": string[];
-    "vip-contact": string[];
-    "virtual-gamepad": string[];
-    "vod-portrait": string[];
-    "volume-status-4-4": string[];
-    "warning-important": string[];
-    "web-browser": string[];
-    "web-camera": string[];
-    "weighing-scales": string[];
-    "wifi-home": string[];
-    "your-balance": string[];
-    "zoom-in": string[];
-    "zoom-out": string[];
-    accessibility: string[];
-    add: string[];
-    advertising: string[];
-    aeroplane: string[];
-    ai: string[];
-    antenna: string[];
-    apps: string[];
-    article: string[];
-    assistance: string[];
-    assistent: string[];
-    at: string[];
-    avatar: string[];
-    bank: string[];
-    bed: string[];
-    birth: string[];
-    birthday: string[];
-    bluetooth: string[];
-    book: string[];
-    boxes: string[];
-    briefcase: string[];
-    buy: string[];
-    call: string[];
-    camera: string[];
-    car: string[];
-    casting: string[];
-    charger: string[];
-    chatbot: string[];
-    checked: string[];
-    child: string[];
-    clock: string[];
-    connections: string[];
-    cpu: string[];
-    data: string[];
-    delete: string[];
-    diagnostic: string[];
-    doctor: string[];
-    documentary: string[];
-    donation: string[];
-    download: string[];
-    edit: string[];
-    electrcar: string[];
-    email: string[];
-    employees: string[];
-    entertainment: string[];
-    epg: string[];
-    ethenet: string[];
-    euro: string[];
-    exit: string[];
-    facebook: string[];
-    factory: string[];
-    fashion: string[];
-    files: string[];
-    film: string[];
-    filter: string[];
-    finance: string[];
-    firewall: string[];
-    flag: string[];
-    flashlight: string[];
-    folder: string[];
-    football: string[];
-    funny: string[];
-    games: string[];
-    gears: string[];
-    geolocation: string[];
-    hammer: string[];
-    headphones: string[];
-    heart: string[];
-    home: string[];
-    homelive: string[];
-    hourglass: string[];
-    house: string[];
-    image: string[];
-    important: string[];
-    improvement: string[];
-    inbox: string[];
-    info: string[];
-    instagram: string[];
-    internet: string[];
-    iso: string[];
-    keyboard: string[];
-    laptop: string[];
-    link: string[];
-    linkedin: string[];
-    lock: string[];
-    logistics: string[];
-    mahali: string[];
-    map: string[];
-    medal: string[];
-    medicine: string[];
-    menu: string[];
-    messages: string[];
-    microphone: string[];
-    modem: string[];
-    music: string[];
-    networks: string[];
-    newspaper: string[];
-    office: string[];
-    outbox: string[];
-    package: string[];
-    pause: string[];
-    pda: string[];
-    pencil: string[];
-    pinterest: string[];
-    play: string[];
-    power: string[];
-    powerstation: string[];
-    presentation: string[];
-    print: string[];
-    printer: string[];
-    quote: string[];
-    recycle: string[];
-    reduction: string[];
-    reload: string[];
-    reminders: string[];
-    remove: string[];
-    repair: string[];
-    reseau: string[];
-    restaurant: string[];
-    rewards: string[];
-    running: string[];
-    safety: string[];
-    satallite: string[];
-    save: string[];
-    school: string[];
-    science: string[];
-    search: string[];
-    send: string[];
-    settings: string[];
-    share: string[];
-    shop: string[];
-    silence: string[];
-    sim: string[];
-    simplicity: string[];
-    siren: string[];
-    skiing: string[];
-    sleep: string[];
-    snapchat: string[];
-    sofa: string[];
-    sort: string[];
-    stadium: string[];
-    startover: string[];
-    statistics: string[];
-    street: string[];
-    suitcase: string[];
-    support: string[];
-    syncronise: string[];
-    tag: string[];
-    tarif: string[];
-    tick: string[];
-    ticket: string[];
-    tiktok: string[];
-    town: string[];
-    townhall: string[];
-    train: string[];
-    tranquility: string[];
-    transfers: string[];
-    trash: string[];
-    upload: string[];
-    user: string[];
-    video: string[];
-    volte: string[];
-    vowifi: string[];
-    wallet: string[];
-    washroom: string[];
-    watch: string[];
-    water: string[];
-    weather: string[];
-    whatsapp: string[];
-    widget: string[];
-    wifi: string[];
-    x: string[];
-    youtube: string[];
-};
-export declare const tags: string[];

package/build/components/types/src/components/Icon/iconUtils.d.ts

@@ -1,2 +0,0 @@
-export function handleSvgClick(svgElement: HTMLElement, type?: string): Promise<void>;
-export function loadIconNames(requireContext: Function, filterFn: Function): string[];

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

@@ -1,3 +0,0 @@
-export { Icon } from "./Icon";
-export { Pictogram } from "./Pictogram";
-export { SpritePathContext, SpritePathProvider } from "./SpritePathContext";

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

@@ -1,13 +0,0 @@
-import React from "react";
-interface IconListItem {
-    icon: string;
-    content: React.ReactNode;
-    tooltip?: React.ReactNode;
-}
-interface IconListProps {
-    items?: IconListItem[];
-    className?: string;
-    [key: string]: any;
-}
-export declare const IconList: React.FC<IconListProps>;
-export {};

package/build/components/types/src/components/IconList/Item.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface ItemProps {
-    icon: string;
-    children: React.ReactNode;
-    tooltip?: React.ReactNode;
-    [key: string]: any;
-}
-export declare const Item: React.FC<ItemProps>;
-export {};

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

@@ -1,2 +0,0 @@
-export { IconList } from "./IconList";
-export { Item } from "./Item";

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

@@ -1,20 +0,0 @@
-import React from "react";
-interface ImageSrcObject {
-    default: string;
-    xxxl?: string;
-    xxl?: string;
-    xl?: string;
-    lg?: string;
-    md?: string;
-    sm?: string;
-    xs?: string;
-    [key: string]: string | undefined;
-}
-interface ImageProps {
-    alt: string;
-    src: string | ImageSrcObject;
-    className?: string;
-    [key: string]: any;
-}
-declare const Image: React.FC<ImageProps>;
-export { Image };

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

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

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

@@ -1,18 +0,0 @@
-import React from "react";
-export interface LinkProps {
-    /** destination address */
-    href?: string;
-    /** rendered HTML element */
-    tag?: "a" | "button";
-    /** additional CSS classes */
-    className?: string;
-    /** link content */
-    children?: React.ReactNode;
-    /** whether the link should be underlined */
-    isUnderline?: boolean;
-    /** whether the link should have normal font weight */
-    isNormal?: boolean;
-    /** when true, adds the .no-accent modifier to disable orange accent color on hover (useful for dark backgrounds) */
-    noAccent?: boolean;
-}
-export declare const Link: React.FC<LinkProps & React.HTMLAttributes<HTMLElement>>;

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

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

package/build/components/types/src/components/List/ClickableControl.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface ClickableControlProps {
-    href?: string;
-    className?: string;
-    children?: React.ReactNode;
-    [key: string]: any;
-}
-export declare const ClickableControl: React.FC<ClickableControlProps>;
-export {};

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

@@ -1,13 +0,0 @@
-import React from "react";
-interface ListProps {
-    /** Size determines color of list items and color of their borders*/
-    color?: "gray";
-    /** Spacious lists have horizontal spacing */
-    isEnclosed?: boolean;
-    /** Size determines vertical spacing */
-    size?: "small";
-    className?: string;
-    children?: React.ReactNode;
-}
-export declare const List: React.FC<ListProps>;
-export {};

package/build/components/types/src/components/List/ListItem.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-interface ControlProps {
-    href?: string;
-    className?: string;
-    children?: React.ReactNode;
-    [key: string]: any;
-}
-interface ListItemProps {
-    /** Item with control props automatically creates a clickable item and renders an interactive element. If the object contains a href property, it renders an anchor element. If not, it renders a button of type="button" instead. */
-    controlProps?: ControlProps;
-    className?: string;
-    children?: React.ReactNode;
-    [key: string]: any;
-}
-export declare const ListItem: React.FC<ListItemProps>;
-export {};

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

@@ -1,2 +0,0 @@
-export { List } from "./List";
-export { ListItem } from "./ListItem";

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

@@ -1,14 +0,0 @@
-import React, { ReactNode } from "react";
-interface LoaderProps {
-    colour?: "default" | "inverse";
-    isDelayed?: boolean;
-    /** Messages that the loader will cycle until done */
-    messages?: string[];
-    /** Size variants */
-    size?: "default" | "large";
-    className?: string;
-    children?: ReactNode;
-    [key: string]: any;
-}
-declare const Loader: React.FC<LoaderProps>;
-export { Loader };

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

@@ -1,19 +0,0 @@
-interface LoaderConfig {
-    cycleDuration?: number;
-    delay?: number;
-}
-export default class Loader {
-    element: HTMLElement;
-    config: LoaderConfig;
-    interval: number | null;
-    delay: number | null;
-    currentMessageIndex: number;
-    messages: string[];
-    constructor(element: HTMLElement, config?: LoaderConfig);
-    initBody(): void;
-    init(): void;
-    destroy(): void;
-    cycleMessages(): void;
-    static getInstance(el: HTMLElement): Loader | null;
-}
-export {};

package/build/components/types/src/components/Loader/LoaderFullscreen.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from "react";
-interface LoaderFullscreenProps {
-    className?: string;
-    children?: ReactNode;
-}
-declare const LoaderFullscreen: React.FC<LoaderFullscreenProps>;
-export { LoaderFullscreen };

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

@@ -1,2 +0,0 @@
-export { Loader } from "./Loader";
-export { LoaderFullscreen } from "./LoaderFullscreen";

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

@@ -1 +0,0 @@
-export declare const BrandMark: React.FC;

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

@@ -1 +0,0 @@
-export declare const Logo: React.FC;

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

@@ -1 +0,0 @@
-export declare const LogoJeTu: React.FC;

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

@@ -1,13 +0,0 @@
-import React from "react";
-export interface MegaMenuIconProps extends React.SVGAttributes<SVGSVGElement> {
-    /** Accessible label for the icon. */
-    alt?: string;
-    /** Icon name (required). */
-    name: string;
-    /** Path to the SVG sprite. */
-    spritePath?: string;
-    /** Additional CSS classes */
-    className?: string;
-}
-declare const MegamenuIcon: React.FC<MegaMenuIconProps>;
-export { MegamenuIcon };

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

@@ -1,20 +0,0 @@
-import React from "react";
-import { MegamenuTile } from "./data";
-export type MegamenuProps = {
-    className?: string;
-    title?: string;
-    notSticky?: boolean;
-    searchEmpty?: boolean;
-    searchFilled?: boolean;
-    compactLogoOnly?: boolean;
-    isB2B?: boolean;
-    /** Controls whether My Orange panel shows logged-in or logged-out content. */
-    isLoggedIn?: boolean;
-    /** Number of items displayed on the cart badge. Empty cart when omitted or zero. */
-    cartItems?: number;
-    /** Shows an orange dot for a non-empty cart when item count is unavailable. */
-    cartHasItems?: boolean;
-    /** Tiles displayed below every desktop and mobile menu section. */
-    tiles?: MegamenuTile[];
-};
-export declare const Megamenu: ({ className, title, notSticky, searchEmpty, searchFilled, compactLogoOnly, isB2B, isLoggedIn, cartItems, cartHasItems, tiles, }: MegamenuProps) => React.JSX.Element;