@orangesk/orange-design-system 2.0.0-beta.19 → 2.0.0-beta.20

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

@@ -72,8 +72,6 @@ interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** Type of alert, sets icon and color */
     type?: AlertType;
     className?: string;
-    /** Sets Alert to use specific color scheme */
-    colorScheme?: "dark" | "light";
 }
 declare const Alert: React$1.FC<AlertProps>;
 
@@ -85,11 +83,10 @@ interface AnchorNavigationItem {
 interface AnchorNavigationProps {
     items: AnchorNavigationItem[];
     className?: string;
-    colorScheme?: "light" | "dark";
     children?: React$1.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ items, className, colorScheme, children, ...other }: AnchorNavigationProps): react_jsx_runtime.JSX.Element;
+    ({ items, className, children, ...other }: AnchorNavigationProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -178,6 +175,8 @@ interface BlockActionProps {
     /** 1 and only one single element */
     children: ReactElement;
     className?: string;
+    /** Add border on hover */
+    hasBorderOnHover?: boolean;
     [key: string]: any;
 }
 declare const BlockAction: React$1.FC<BlockActionProps>;
@@ -235,8 +234,6 @@ interface BreadcrumbItemData {
 interface BreadcrumbsProps {
     /** Additional CSS classes */
     className?: string;
-    /** Use white breadcrumbs on dark background */
-    colorScheme?: "dark" | "light";
     /** Breadcrumb items */
     items: BreadcrumbItemData[];
     /** Navigation label */
@@ -254,7 +251,6 @@ interface CommonProps {
     isActive?: boolean;
     isDefault?: boolean;
     isDisabled?: boolean;
-    colorScheme?: "dark" | "light";
     isSquare?: boolean;
     size?: ButtonSize;
     type?: ButtonType;
@@ -311,8 +307,6 @@ declare const Buttons: React.FC<ButtonsProps>;
 interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     /** Swiper.js (https://swiperjs.com/) options object */
     swiperOptions?: Record<string, any>;
-    /** Inverse colors */
-    colorScheme?: "light" | "dark";
     /** Carousel items */
     items: ReactNode[];
     /** Always show scrollbar and hide dots */
@@ -337,7 +331,6 @@ interface TabItem {
 interface CarouselHeroProps {
     className?: string;
     swiperOptions?: Record<string, any>;
-    colorScheme?: "light" | "dark";
     children?: ReactNode;
     tabs?: TabItem[];
     interval?: number;
@@ -348,7 +341,6 @@ declare const CarouselHero: React$1.FC<CarouselHeroProps>;
 interface CarouselPromotionsProps {
     className?: string;
     swiperOptions?: Record<string, any>;
-    colorScheme?: "light" | "dark";
     children?: ReactNode;
     [key: string]: any;
 }
@@ -408,7 +400,6 @@ interface IControlsProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>
     elemRef?: React$1.Ref<any>;
     icon: string;
     className?: string;
-    colorScheme?: "dark" | "light";
     isDisabled?: boolean;
 }
 declare const Controls: React$1.ForwardRefExoticComponent<IControlsProps & Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "ref" | "href" | keyof IControlsProps> & {
@@ -459,9 +450,6 @@ interface DropdownToggleButtonProps extends React$1.HTMLAttributes<HTMLButtonEle
 declare const DropdownToggleButton: React$1.FC<DropdownToggleButtonProps>;
 
 interface ExpanderProps {
-    /** Inverse buttons for dark backgrounds */
-    /** Dark theme */
-    colorScheme?: "light" | "dark";
     /** Custom summary text renderer. Passes props as function parameter. */
     renderSummary?: (props: ExpanderProps) => React$1.ReactNode;
     /** Custom summary text renderer when details are opened. Passes props as function parameter. */
@@ -480,8 +468,6 @@ interface ExpanderProps {
 declare const Expander: React$1.FC<ExpanderProps>;
 
 interface AccordionProps {
-    /** Color scheme for whole FeatureAccordion */
-    colorScheme?: "light" | "dark" | "white";
     /** Additional CSS classes */
     className?: string;
 }
@@ -638,8 +624,6 @@ interface LinkProps {
     className?: string;
     /** link content */
     children?: React$1.ReactNode;
-    /** color scheme for link: dark (white text) or light (black text) */
-    colorScheme?: "dark" | "light";
     /** whether the link should be underlined */
     isUnderline?: boolean;
     /** whether the link should have normal font weight */
@@ -693,8 +677,6 @@ interface ModalProps extends React$1.HTMLAttributes<HTMLDivElement> {
     children?: React$1.ReactNode;
     /** Additional CSS classes */
     className?: string;
-    /** Color scheme for the modal */
-    colorScheme?: "dark" | "light";
     /** Disables header paddings */
     disableHeaderSpacing?: boolean;
     /** Disables footer paddings */
@@ -823,7 +805,6 @@ interface ProgressProps {
     width?: number;
     className?: string;
     children?: React$1.ReactNode;
-    colorMode?: "light" | "dark";
 }
 declare const Progress: React$1.FC<ProgressProps>;
 
@@ -840,8 +821,6 @@ interface PaginationItemProps {
 interface PaginationProps {
     /** Collapsed version */
     isCompact?: boolean;
-    /** Dark theme */
-    colorScheme?: "light" | "dark";
     /** All pagination items - buttons & numbers */
     items: PaginationItemProps[];
     /** Accessibility label */
@@ -854,7 +833,6 @@ interface PaginationProps {
 declare const Pagination: React$1.FC<PaginationProps>;
 
 interface PromoBannerProps {
-    colorScheme?: "light" | "dark";
     className?: string;
     image?: string;
     alignImage?: "bottom" | "top";
@@ -866,13 +844,12 @@ interface PromoBannerProps {
     imageClassName?: string;
     variant?: "vertical" | "reverse";
 }
-declare const PromoBanner: ({ image, colorScheme, className, alignImage, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) => react_jsx_runtime.JSX.Element;
+declare const PromoBanner: ({ image, className, alignImage, bleedImage, children, itemClassName, imageClassName, variant, imageFullWidth, }: PromoBannerProps) => react_jsx_runtime.JSX.Element;
 
 interface PromotionCardProps {
-    /** Inverse colors */
-    colorScheme?: "light" | "dark";
     className?: string;
     children?: React$1.ReactNode;
+    color?: CardColor;
     [key: string]: any;
 }
 declare const PromotionCard: React$1.FC<PromotionCardProps>;
@@ -1200,7 +1177,6 @@ interface InputStepperProps {
     id: string;
     inputClassName?: string;
     isDisabled?: boolean;
-    colorScheme?: "light" | "dark";
     name?: string;
     nonEditableInput?: boolean;
     className?: string;
@@ -1217,7 +1193,6 @@ interface PillProps extends HTMLAttributes<HTMLSpanElement> {
     children?: ReactNode;
     color?: PillColor;
     size?: "small" | "medium" | "large" | "xlarge" | "xxlarge";
-    colorScheme?: "light" | "dark";
 }
 declare const Pill: React$1.FC<PillProps>;
 
@@ -1235,8 +1210,6 @@ interface StepbarProps extends React$1.HTMLAttributes<HTMLElement> {
     showTitlesFrom?: ShowTitlesFrom;
     /** Array of step objects */
     steps: StepbarStep[];
-    /** Visual variant of the stepbar */
-    colorScheme?: "dark" | "light";
 }
 declare const Stepbar: React$1.FC<StepbarProps>;
 
@@ -1267,8 +1240,6 @@ interface TabsProps extends React$1.HTMLAttributes<HTMLUListElement> {
     activeTabIndex?: number;
     /** Additional classes for tabs header. */
     classesTabNav?: string;
-    /** Color theme for the tabs */
-    colorScheme?: "dark" | "light";
     /** All tabs have equal width inside a full-width container */
     hasEqualTabWidth?: boolean;
     /** Fullwidth container */
@@ -1338,8 +1309,6 @@ interface TableProps extends React$1.TableHTMLAttributes<HTMLTableElement> {
     /** rows to print out in the table. */
     rows: TableRow[];
     className?: string;
-    /** Sets color scheme */
-    colorScheme?: "dark" | "light";
 }
 declare const Table: React$1.FC<TableProps>;
 
@@ -1385,7 +1354,6 @@ interface TooltipProps extends React$1.HTMLAttributes<HTMLElement> {
     /** Additional CSS classes */
     className?: string;
     children?: React$1.ReactNode;
-    colorScheme?: "dark" | "light";
 }
 declare const Tooltip: React$1.FC<TooltipProps>;
 
@@ -1445,7 +1413,6 @@ interface TestimonialProps {
 }
 declare const Testimonial: React$1.FC<TestimonialProps>;
 
-type HeroBackground = "white" | "black" | "gray";
 type HeroTextSize = "medium" | "large";
 type StickerColor = "black" | "orange";
 interface HeroImageSrc {
@@ -1477,8 +1444,6 @@ interface HeroStickerProps {
     className?: string;
 }
 interface HeroProps {
-    /** Background spanning whole viewport width */
-    colorScheme?: HeroBackground;
     /** Action button props */
     button?: HeroButtonProps;
     /** Main text */

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

@@ -18,8 +18,6 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Type of alert, sets icon and color */
     type?: AlertType;
     className?: string;
-    /** Sets Alert to use specific color scheme */
-    colorScheme?: "dark" | "light";
 }
 declare const Alert: React.FC<AlertProps>;
 export { Alert };

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

@@ -7,11 +7,10 @@ interface AnchorNavigationItem {
 interface AnchorNavigationProps {
     items: AnchorNavigationItem[];
     className?: string;
-    colorScheme?: "light" | "dark";
     children?: React.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ items, className, colorScheme, children, ...other }: AnchorNavigationProps): import("react/jsx-runtime").JSX.Element;
+    ({ items, className, children, ...other }: AnchorNavigationProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { AnchorNavigation };

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

@@ -3,6 +3,8 @@ export interface BlockActionProps {
     /** 1 and only one single element */
     children: ReactElement;
     className?: string;
+    /** Add border on hover */
+    hasBorderOnHover?: boolean;
     [key: string]: any;
 }
 declare const BlockAction: React.FC<BlockActionProps>;

package/build/components/types/src/components/BlockAction/Context.d.ts

@@ -4,10 +4,12 @@ interface ContextType {
     isActive: boolean;
     setIsActive: Dispatch<SetStateAction<boolean>>;
     setIsIndicating: Dispatch<SetStateAction<boolean>>;
+    hasBorderOnHover?: boolean;
 }
 export declare const Context: React.Context<ContextType>;
 interface ProviderProps {
     children: ReactNode;
+    hasBorderOnHover?: boolean;
 }
 export declare const Provider: React.FC<ProviderProps>;
 export {};

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

@@ -7,8 +7,6 @@ interface BreadcrumbItemData {
 interface BreadcrumbsProps {
     /** Additional CSS classes */
     className?: string;
-    /** Use white breadcrumbs on dark background */
-    colorScheme?: "dark" | "light";
     /** Breadcrumb items */
     items: BreadcrumbItemData[];
     /** Navigation label */

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

@@ -7,7 +7,6 @@ interface CommonProps {
     isActive?: boolean;
     isDefault?: boolean;
     isDisabled?: boolean;
-    colorScheme?: "dark" | "light";
     isSquare?: boolean;
     size?: ButtonSize;
     type?: ButtonType;

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

@@ -1,3 +1,4 @@
 export { Card } from "./Card";
+export type { CardColor } from "./Card";
 export { CardSection } from "./CardSection";
 export { CardProductHeader } from "./CardProductHeader";

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

@@ -2,8 +2,6 @@ import React, { ReactNode, HTMLAttributes } from "react";
 interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     /** Swiper.js (https://swiperjs.com/) options object */
     swiperOptions?: Record<string, any>;
-    /** Inverse colors */
-    colorScheme?: "light" | "dark";
     /** Carousel items */
     items: ReactNode[];
     /** Always show scrollbar and hide dots */

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

@@ -7,7 +7,6 @@ interface TabItem {
 interface CarouselHeroProps {
     className?: string;
     swiperOptions?: Record<string, any>;
-    colorScheme?: "light" | "dark";
     children?: ReactNode;
     tabs?: TabItem[];
     interval?: number;

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

@@ -2,7 +2,6 @@ import React, { ReactNode } from "react";
 interface CarouselPromotionsProps {
     className?: string;
     swiperOptions?: Record<string, any>;
-    colorScheme?: "light" | "dark";
     children?: ReactNode;
     [key: string]: any;
 }

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

@@ -3,7 +3,6 @@ interface IControlsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     elemRef?: React.Ref<any>;
     icon: string;
     className?: string;
-    colorScheme?: "dark" | "light";
     isDisabled?: boolean;
 }
 type NativeButtonProps = IControlsProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof IControlsProps | "href" | "ref"> & {

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

@@ -1,8 +1,5 @@
 import React from "react";
 interface ExpanderProps {
-    /** Inverse buttons for dark backgrounds */
-    /** Dark theme */
-    colorScheme?: "light" | "dark";
     /** Custom summary text renderer. Passes props as function parameter. */
     renderSummary?: (props: ExpanderProps) => React.ReactNode;
     /** Custom summary text renderer when details are opened. Passes props as function parameter. */

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

@@ -1,7 +1,5 @@
 import React from "react";
 interface AccordionProps {
-    /** Color scheme for whole FeatureAccordion */
-    colorScheme?: "light" | "dark" | "white";
     /** Additional CSS classes */
     className?: string;
 }

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

@@ -10,7 +10,6 @@ export interface InputStepperProps {
     id: string;
     inputClassName?: string;
     isDisabled?: boolean;
-    colorScheme?: "light" | "dark";
     name?: string;
     nonEditableInput?: boolean;
     className?: string;

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

@@ -1,5 +1,4 @@
 import React from "react";
-export type HeroBackground = "white" | "black" | "gray";
 export type HeroTextSize = "medium" | "large";
 export type StickerColor = "black" | "orange";
 export interface HeroImageSrc {
@@ -31,8 +30,6 @@ export interface HeroStickerProps {
     className?: string;
 }
 export interface HeroProps {
-    /** Background spanning whole viewport width */
-    colorScheme?: HeroBackground;
     /** Action button props */
     button?: HeroButtonProps;
     /** Main text */