@orangesk/orange-design-system 2.0.0-beta.5 → 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>;
 
@@ -475,7 +491,7 @@ declare const FeatureAccordionItem: React$1.FC<FeatureAccordionItemProps & {
     defaultOpen?: boolean;
 }>;
 
-declare const cardColors: readonly ["white", "black", "orange"];
+declare const cardColors: readonly ["white", "black", "orange", "gray", "blue", "green", "pink", "yellow", "violet", "accent1-blog", "accent2-blog", "accent"];
 type CardColor = (typeof cardColors)[number];
 interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
@@ -483,8 +499,7 @@ interface CardProps extends React$1.HTMLAttributes<HTMLDivElement> {
 }
 declare const Card: React$1.ForwardRefExoticComponent<CardProps & React$1.RefAttributes<HTMLDivElement>>;
 
-declare const cardSectionColors: readonly ["orange", "gray", "blue", "green", "pink", "yellow", "violet"];
-type CardSectionColor = (typeof cardSectionColors)[number];
+type CardSectionColor = (typeof cardColors)[number];
 interface CardSectionProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardSectionColor;
@@ -1170,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>;
 
@@ -1471,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/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare const cardColors: readonly ["white", "black", "orange"];
+export declare const cardColors: readonly ["white", "black", "orange", "gray", "blue", "green", "pink", "yellow", "violet", "accent1-blog", "accent2-blog", "accent"];
 export type CardColor = (typeof cardColors)[number];
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */

package/build/components/types/src/components/Card/CardSection.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-export declare const cardSectionColors: readonly ["orange", "gray", "blue", "green", "pink", "yellow", "violet"];
-export type CardSectionColor = (typeof cardSectionColors)[number];
+import { cardColors } from "./Card";
+export type CardSectionColor = (typeof cardColors)[number];
 interface CardSectionProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardSectionColor;

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 {};