@orangesk/orange-design-system 2.0.0-beta.6 → 2.0.0-beta.7

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

@@ -76,6 +76,22 @@ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Alert: React$1.FC<AlertProps>;
 
+interface AnchorNavigationItem {
+    label: string;
+    href: string;
+    isActive?: boolean;
+}
+interface AnchorNavigationProps {
+    items: AnchorNavigationItem[];
+    className?: string;
+    colorScheme?: "light" | "dark";
+    children?: React$1.ReactNode;
+}
+declare const AnchorNavigation: {
+    ({ items, className, colorScheme, children, }: AnchorNavigationProps): React$1.JSX.Element;
+    displayName: string;
+};
+
 type TagButtonProps = {
     className?: string;
     onClick?: React$1.MouseEventHandler<HTMLButtonElement>;
@@ -451,8 +467,8 @@ interface ExpanderProps {
     className?: string;
     /** Child elements */
     children?: React$1.ReactNode;
-    /** Additional HTML attributes */
-    [key: string]: any;
+    /** Expander takes full width of its container */
+    isFullWidth?: boolean;
 }
 declare const Expander: React$1.FC<ExpanderProps>;
 
@@ -1169,11 +1185,14 @@ declare const InputStepper: React$1.FC<InputStepperProps>;
 
 declare const Skeleton: React$1.FC<React$1.HTMLAttributes<HTMLSpanElement>>;
 
+declare const pillColors: readonly ["white", "gray", "transparent"];
+type PillColor = (typeof pillColors)[number];
 interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;
     children?: ReactNode;
-    colorScheme?: "dark" | "light" | "transparent";
+    color?: PillColor;
     size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
+    colorScheme?: "light" | "dark";
 }
 declare const Pill: React$1.FC<PillProps>;
 
@@ -1470,4 +1489,4 @@ interface ItemProps {
 }
 declare const Item: React$1.FC<ItemProps>;
 
-export { Accordion, AccordionItem, Alert, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, 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, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip };

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

@@ -15,8 +15,8 @@ interface ExpanderProps {
     className?: string;
     /** Child elements */
     children?: React.ReactNode;
-    /** Additional HTML attributes */
-    [key: string]: any;
+    /** Expander takes full width of its container */
+    isFullWidth?: boolean;
 }
 export declare const Expander: React.FC<ExpanderProps>;
 export {};

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

@@ -1,9 +1,12 @@
 import React, { ReactNode, HTMLAttributes } from "react";
+export declare const pillColors: readonly ["white", "gray", "transparent"];
+export type PillColor = (typeof pillColors)[number];
 interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;
     children?: ReactNode;
-    colorScheme?: "dark" | "light" | "transparent";
+    color?: PillColor;
     size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
+    colorScheme?: "light" | "dark";
 }
 declare const Pill: React.FC<PillProps>;
 export { Pill };

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

@@ -1,5 +1,6 @@
 import { Accordion, AccordionItem } from "./Accordion";
 import { Alert } from "./Alert";
+import { AnchorNavigation } from "./AnchorNavigation";
 import { Tag, TagButton } from "./Tag";
 import { Bar, BarBreak, BarItem } from "./Bar";
 import { BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride } from "./BlockAction";
@@ -45,4 +46,4 @@ import { Cover } from "./Cover";
 import { Testimonial } from "./Testimonial";
 import { Hero } from "./Hero";
 import { IconList, Item } from "./IconList";
-export { Accordion, AccordionItem, Alert, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, 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, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };