@vygruppen/spor-react 12.24.10 → 12.24.12

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, ComboboxRootProps, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SystemStyleObject, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
+import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, SystemStyleObject, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, ComboboxRootProps, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
 export { AspectRatio, Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Icon, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, SystemConfig, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnGroup, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, Wrap, createIcon, createListCollection, createSystem, defineConfig, defineRecipe, defineSlotRecipe, defineStyle, mergeConfigs, chakra as spor, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useRecipe, useSlotRecipe, useToken } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconComponent } from '@vygruppen/spor-icon-react';
@@ -527,12 +527,13 @@ type Props$5 = {
      * Show two months side by side
      */
     dualView?: boolean;
+    css?: SystemStyleObject;
 };
 /**
  * Calendar component that displays a grid of days for a specific month.
  * Standard view with pagination, with the option to show dual months side by side.
  */
-declare function Calendar({ dualView }: Props$5): react_jsx_runtime.JSX.Element;
+declare function Calendar({ dualView, css }: Props$5): react_jsx_runtime.JSX.Element;
 
 type Props$4 = {
     date: CalendarDate;
@@ -870,7 +871,9 @@ declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDate
     overrideBorderColor?: string;
     isActive?: boolean;
     onClick?: () => void;
-} & FieldBaseProps & React__default.RefAttributes<HTMLDivElement>>;
+} & FieldBaseProps & {
+    css?: SystemStyleObject;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue>, "onChange" | "errorMessage" | "isInvalid" | "isRequired"> & Pick<BoxProps, "minHeight"> & PropsWithChildren<DatePickerVariantProps> & CalendarVariants & {
     startLabel?: string;
@@ -3041,6 +3044,7 @@ type ProgressIndicatorProps = BoxProps & PropsWithChildren<ProgressIndicatorVari
     numberOfSteps: number;
     activeStep: number;
     colorPalette?: string;
+    css?: SystemStyleObject;
 };
 /**
  * A progress indicator is used to show which step of a process a user is currently in
@@ -3062,6 +3066,7 @@ declare const ProgressIndicator: React__default.ForwardRefExoticComponent<BoxPro
     numberOfSteps: number;
     activeStep: number;
     colorPalette?: string;
+    css?: SystemStyleObject;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 type SporProviderProps = Omit<ChakraProviderProps, "value"> & {
@@ -3200,6 +3205,7 @@ declare const Stepper: React$1.ForwardRefExoticComponent<{
     variant: "core" | "accent";
     /** Disables all clicks */
     disabled?: boolean;
+    css?: SystemStyleObject;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 type StepperStepProps = PropsWithChildren<StepperVariantProps> & {

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ReactNode, PropsWithChildren, ComponentProps } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, ComboboxRootProps, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SystemStyleObject, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
+import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, ButtonProps as ButtonProps$1, RecipeVariantProps, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, SystemStyleObject, RadioCard as RadioCard$1, SeparatorProps, Field as Field$1, PopoverRootProps, Dialog, Drawer as Drawer$1, ComboboxRootProps, Combobox as Combobox$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CheckboxCard, CheckboxCardRootProps, Fieldset as Fieldset$1, Input as Input$1, ListRootProps, NativeSelect as NativeSelect$1, NativeSelectFieldProps, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, SelectLabelProps, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, Tabs as Tabs$1, TabsRootProps, Table as Table$1, TableBodyProps as TableBodyProps$1, TableColumnHeaderProps as TableColumnHeaderProps$1, TableRootProps, Tooltip as Tooltip$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
 export { AspectRatio, Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, ClientOnly, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Icon, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, SystemConfig, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnGroup, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, Wrap, createIcon, createListCollection, createSystem, defineConfig, defineRecipe, defineSlotRecipe, defineStyle, mergeConfigs, chakra as spor, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useRecipe, useSlotRecipe, useToken } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IconComponent } from '@vygruppen/spor-icon-react';
@@ -527,12 +527,13 @@ type Props$5 = {
      * Show two months side by side
      */
     dualView?: boolean;
+    css?: SystemStyleObject;
 };
 /**
  * Calendar component that displays a grid of days for a specific month.
  * Standard view with pagination, with the option to show dual months side by side.
  */
-declare function Calendar({ dualView }: Props$5): react_jsx_runtime.JSX.Element;
+declare function Calendar({ dualView, css }: Props$5): react_jsx_runtime.JSX.Element;
 
 type Props$4 = {
     date: CalendarDate;
@@ -870,7 +871,9 @@ declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<AriaDate
     overrideBorderColor?: string;
     isActive?: boolean;
     onClick?: () => void;
-} & FieldBaseProps & React__default.RefAttributes<HTMLDivElement>>;
+} & FieldBaseProps & {
+    css?: SystemStyleObject;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue>, "onChange" | "errorMessage" | "isInvalid" | "isRequired"> & Pick<BoxProps, "minHeight"> & PropsWithChildren<DatePickerVariantProps> & CalendarVariants & {
     startLabel?: string;
@@ -3041,6 +3044,7 @@ type ProgressIndicatorProps = BoxProps & PropsWithChildren<ProgressIndicatorVari
     numberOfSteps: number;
     activeStep: number;
     colorPalette?: string;
+    css?: SystemStyleObject;
 };
 /**
  * A progress indicator is used to show which step of a process a user is currently in
@@ -3062,6 +3066,7 @@ declare const ProgressIndicator: React__default.ForwardRefExoticComponent<BoxPro
     numberOfSteps: number;
     activeStep: number;
     colorPalette?: string;
+    css?: SystemStyleObject;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 type SporProviderProps = Omit<ChakraProviderProps, "value"> & {
@@ -3200,6 +3205,7 @@ declare const Stepper: React$1.ForwardRefExoticComponent<{
     variant: "core" | "accent";
     /** Disables all clicks */
     disabled?: boolean;
+    css?: SystemStyleObject;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 type StepperStepProps = PropsWithChildren<StepperVariantProps> & {