@orangesk/orange-design-system 2.0.0-beta.34 → 2.0.0-beta.35

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

@@ -515,6 +515,13 @@ interface CardProductHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>
 }
 declare const CardProductHeader: React$1.ForwardRefExoticComponent<CardProductHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
 
+declare const SpritePathContext: React$1.Context<string>;
+interface SpritePathProviderProps {
+    children: ReactNode;
+    value?: string;
+}
+declare const SpritePathProvider: React$1.FC<SpritePathProviderProps>;
+
 type IconColor = "info" | "success" | "warning" | "danger" | "orange";
 type IconSize = "small" | "medium" | "large" | "xlarge" | "xxlarge" | "huge";
 type IconType = "icon" | "pictogram";
@@ -1163,6 +1170,7 @@ declare const TextArea: React$1.FC<TextAreaProps>;
 type TextInputSize = "default" | "large";
 type TextInputWidth = "3ch" | "8ch" | "12ch" | "default" | "fullwidth";
 type TextInputType = "email" | "hidden" | "password" | "search" | "tel" | "number" | "text" | "url";
+type TextInputSearchIcon = "none" | "transient" | "persistent";
 interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> {
     /** Input html type. */
     htmlType?: TextInputType;
@@ -1188,6 +1196,8 @@ interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
     width?: TextInputWidth;
     /** Additional CSS classes */
     className?: string;
+    /** Search icon mode. `transient` shows icon only on empty unfocused input, `persistent` keeps it visible with placeholder. */
+    searchIcon?: TextInputSearchIcon;
 }
 declare const TextInput: React$1.ForwardRefExoticComponent<TextInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -1521,4 +1531,4 @@ type LinkProps = CommonProps & Omit<React$1.AnchorHTMLAttributes<HTMLAnchorEleme
 type SocialButtonProps = ButtonProps | LinkProps;
 declare const SocialButton: React$1.ForwardRefExoticComponent<SocialButtonProps & React$1.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
-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, 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, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, 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, 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, Tooltip };

package/build/components/types/src/components/Forms/TextInput/TextInput.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 export type TextInputSize = "default" | "large";
 export type TextInputWidth = "3ch" | "8ch" | "12ch" | "default" | "fullwidth";
 export type TextInputType = "email" | "hidden" | "password" | "search" | "tel" | "number" | "text" | "url";
+export type TextInputSearchIcon = "none" | "transient" | "persistent";
 export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     /** Input html type. */
     htmlType?: TextInputType;
@@ -27,6 +28,8 @@ export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
     width?: TextInputWidth;
     /** Additional CSS classes */
     className?: string;
+    /** Search icon mode. `transient` shows icon only on empty unfocused input, `persistent` keeps it visible with placeholder. */
+    searchIcon?: TextInputSearchIcon;
 }
 declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 export { TextInput };

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

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

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

@@ -33,6 +33,8 @@ export default class Megamenu {
     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;

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

@@ -54,6 +54,9 @@ 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";

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

@@ -19,7 +19,7 @@ import { Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton } from ".
 import { Expander } from "./Expander/Expander";
 import { FeatureAccordion, FeatureAccordionItem } from "./FeatureAccordion";
 import { Card, CardSection, CardProductHeader } from "./Card";
-import { Icon, Pictogram } from "./Icon";
+import { Icon, Pictogram, SpritePathContext, SpritePathProvider } from "./Icon";
 import { Gauge } from "./Gauge";
 import { Grid, GridCol } from "./Grid";
 import { Image } from "./Image";
@@ -48,4 +48,4 @@ import { Testimonial } from "./Testimonial";
 import { Hero } from "./Hero";
 import { IconList, Item } from "./IconList";
 import { SocialButton } from "./SocialButton";
-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, 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, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, 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, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, SpritePathContext, SpritePathProvider, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };