@vygruppen/spor-react 12.1.2 → 12.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +11 -11
- package/.turbo/turbo-typegen.log +1 -1
- package/CHANGELOG.md +6 -0
- package/dist/index.d.mts +148 -151
- package/dist/index.d.ts +148 -151
- package/dist/index.js +2284 -1880
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2169 -1774
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/accordion/Accordion.tsx +2 -1
- package/src/accordion/Expandable.tsx +3 -1
- package/src/accordion/helpers.ts +2 -1
- package/src/alert/Alert.tsx +3 -1
- package/src/alert/AlertIcon.tsx +17 -10
- package/src/alert/ExpandableAlert.tsx +3 -2
- package/src/alert/ServiceAlert.tsx +2 -1
- package/src/breadcrumb/Breadcrumb.tsx +9 -8
- package/src/button/Button.tsx +2 -1
- package/src/button/ButtonGroup.tsx +2 -1
- package/src/button/Clipboard.tsx +3 -0
- package/src/button/CloseButton.tsx +8 -4
- package/src/button/FloatingActionButton.tsx +5 -5
- package/src/button/IconButton.tsx +1 -0
- package/src/color-mode/color-mode.tsx +2 -2
- package/src/datepicker/Calendar.tsx +0 -1
- package/src/datepicker/CalendarCell.tsx +5 -5
- package/src/datepicker/CalendarGrid.tsx +3 -2
- package/src/datepicker/CalendarHeader.tsx +1 -4
- package/src/datepicker/CalendarTriggerButton.tsx +3 -4
- package/src/datepicker/DateField.tsx +13 -6
- package/src/datepicker/DatePicker.tsx +2 -1
- package/src/datepicker/DateRangePicker.tsx +1 -1
- package/src/datepicker/DateTimeSegment.tsx +2 -1
- package/src/datepicker/RangeCalendar.tsx +1 -1
- package/src/datepicker/StyledField.tsx +1 -1
- package/src/datepicker/TimeField.tsx +3 -3
- package/src/datepicker/TimePicker.tsx +4 -2
- package/src/datepicker/utils.ts +10 -5
- package/src/dialog/Dialog.tsx +1 -0
- package/src/dialog/Drawer.tsx +28 -26
- package/src/i18n/index.tsx +1 -0
- package/src/input/AttachedInputs.tsx +6 -3
- package/src/input/CardSelect.tsx +3 -1
- package/src/input/Checkbox.tsx +1 -0
- package/src/input/CheckboxGroup.tsx +3 -1
- package/src/input/ChoiceChip.tsx +1 -1
- package/src/input/Combobox.tsx +6 -4
- package/src/input/CountryCodeSelect.tsx +10 -4
- package/src/input/Field.tsx +2 -0
- package/src/input/Input.tsx +2 -3
- package/src/input/InputGroup.tsx +1 -1
- package/src/input/ListBox.tsx +9 -8
- package/src/input/NativeSelect.tsx +1 -2
- package/src/input/NumericStepper.tsx +22 -23
- package/src/input/PasswordInput.tsx +2 -1
- package/src/input/PhoneNumberInput.tsx +6 -2
- package/src/input/Popover.tsx +2 -0
- package/src/input/Radio.tsx +2 -0
- package/src/input/SearchInput.tsx +2 -1
- package/src/input/Select.tsx +8 -2
- package/src/input/Switch.tsx +22 -34
- package/src/input/Textarea.tsx +6 -4
- package/src/input/index.ts +1 -1
- package/src/layout/PressableCard.tsx +5 -2
- package/src/layout/RadioCard.tsx +3 -1
- package/src/layout/Separator.tsx +2 -1
- package/src/layout/StaticCard.tsx +6 -3
- package/src/linjetag/InfoTag.tsx +3 -2
- package/src/linjetag/LineIcon.tsx +5 -4
- package/src/linjetag/TravelTag.tsx +12 -8
- package/src/link/TextLink.tsx +1 -1
- package/src/loader/ColorInlineLoader.tsx +0 -1
- package/src/loader/ColorSpinner.tsx +0 -1
- package/src/loader/ContentLoader.tsx +0 -1
- package/src/loader/DarkFullScreenLoader.tsx +0 -1
- package/src/loader/DarkInlineLoader.tsx +0 -1
- package/src/loader/DarkSpinner.tsx +0 -1
- package/src/loader/LightFullScreenLoader.tsx +0 -1
- package/src/loader/LightInlineLoader.tsx +0 -1
- package/src/loader/LightSpinner.tsx +0 -1
- package/src/loader/Lottie.tsx +1 -2
- package/src/loader/ProgressBar.tsx +1 -2
- package/src/loader/ProgressLoader.tsx +2 -7
- package/src/logo/CargonetLogo.tsx +2 -1
- package/src/logo/VyLogo.tsx +3 -4
- package/src/logo/VyLogoPride.tsx +4 -1
- package/src/media-controller/JumpButton.tsx +2 -1
- package/src/media-controller/PlayPauseButton.tsx +2 -1
- package/src/media-controller/SkipButton.tsx +2 -1
- package/src/nudge/Nudge.tsx +7 -14
- package/src/pagination/Pagination.tsx +5 -0
- package/src/popover/index.tsx +2 -0
- package/src/progress-indicator/ProgressDot.tsx +1 -1
- package/src/progress-indicator/ProgressIndicator.tsx +4 -2
- package/src/provider/SporProvider.tsx +0 -1
- package/src/stepper/Stepper.tsx +1 -1
- package/src/tab/Tabs.tsx +1 -1
- package/src/table/Table.tsx +2 -1
- package/src/theme/slot-recipes/alert-expandable.ts +0 -4
- package/src/theme/slot-recipes/info-tag.ts +0 -1
- package/src/theme/slot-recipes/popover.ts +0 -1
- package/src/theme/slot-recipes/radio-card.ts +0 -3
- package/src/theme/utils/accent-utils.ts +12 -6
- package/src/theme/utils/bg-utils.ts +6 -3
- package/src/theme/utils/brand-utils.ts +7 -7
- package/src/theme/utils/core-utils.ts +23 -13
- package/src/theme/utils/floating-utils.ts +16 -8
- package/src/theme/utils/ghost-utils.ts +8 -4
- package/src/theme/utils/input-utils.ts +7 -4
- package/src/theme/utils/outline-utils.ts +6 -3
- package/src/theme/utils/surface-utils.ts +8 -4
- package/src/toast/toast.tsx +0 -1
- package/src/typography/Badge.tsx +8 -5
- package/src/typography/Heading.tsx +1 -1
- package/src/typography/Text.tsx +1 -1
- package/src/util/slugify.tsx +8 -8
- package/tsconfig.json +1 -0
package/dist/index.d.mts
CHANGED
@@ -1,15 +1,16 @@
|
|
1
|
-
import * as _chakra_ui_react from '@chakra-ui/react';
|
2
|
-
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Fieldset as Fieldset$1, Field as Field$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
|
3
|
-
export { Box, BoxProps, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
|
4
1
|
import * as React$1 from 'react';
|
5
2
|
import React__default, { PropsWithChildren, ReactNode, ChangeEvent } from 'react';
|
3
|
+
import * as _chakra_ui_react from '@chakra-ui/react';
|
4
|
+
import { Accordion as Accordion$1, Alert as Alert$1, ConditionalValue, Breadcrumb as Breadcrumb$1, RecipeVariantProps, ButtonProps as ButtonProps$1, GroupProps, Clipboard as Clipboard$1, IconButtonProps as IconButtonProps$1, BoxProps, Dialog, Drawer as Drawer$1, InputElementProps, PopoverRootProps, Checkbox as Checkbox$1, CheckboxGroupProps as CheckboxGroupProps$1, Field as Field$1, Fieldset as Fieldset$1, InputProps as InputProps$1, ListRootProps, NativeSelectFieldProps, NativeSelect as NativeSelect$1, RadioGroup as RadioGroup$1, SelectRootProps, Select as Select$1, CollectionItem, Switch as Switch$1, TextareaProps as TextareaProps$1, RadioCard as RadioCard$1, SeparatorProps, LinkProps as LinkProps$1, List as List$1, UseProgressProps, SkeletonProps as SkeletonProps$1, CircleProps, Popover as Popover$1, Pagination as Pagination$1, ChakraProviderProps, SystemContext, TabsRootProps, Tabs as Tabs$1, TableRootProps, Table as Table$1, BadgeProps as BadgeProps$1, CodeProps, HeadingProps as HeadingProps$1, TextProps as TextProps$1 } from '@chakra-ui/react';
|
5
|
+
export { Box, BoxProps, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, Center, CenterProps, Collapsible, CollapsibleRootProps, Container, ContainerProps, Em, Flex, FlexProps, For, FormatByte, FormatNumber, Grid, GridItem, GridItemProps, GridProps, HStack, Image, ImageProps, Kbd, LocaleProvider, Portal, PortalProps, Show, SimpleGrid, SimpleGridProps, Spacer, SpacerProps, Span, Stack, TableBody, TableBodyProps, TableCaption, TableCaptionProps, TableCell, TableCellProps, TableColumn, TableColumnHeader, TableColumnHeaderProps, TableColumnProps, TableFooter, TableFooterProps, TableHeader, TableHeaderProps, TableRoot, TableRootProps, TableRow, TableRowProps, UseDisclosureProps, VStack, VisuallyHidden, createListCollection, createSystem, defineConfig, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
|
6
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
6
7
|
import { IconComponent } from '@vygruppen/spor-icon-react';
|
7
8
|
import { ThemeProviderProps } from 'next-themes';
|
8
9
|
import { AriaDatePickerProps, DateValue, AriaDateRangePickerProps, AriaComboBoxProps, AriaListBoxProps } from 'react-aria';
|
9
10
|
import { DateValue as DateValue$1 } from '@internationalized/date';
|
10
11
|
export { Time } from '@internationalized/date';
|
11
12
|
import { TimeValue } from '@react-types/datepicker';
|
12
|
-
import {
|
13
|
+
import { ListState, SelectState } from 'react-stately';
|
13
14
|
export { Item, Section } from 'react-stately';
|
14
15
|
export { useIsClient, useMap, useOnClickOutside } from 'usehooks-ts';
|
15
16
|
import * as sporDesignTokens from '@vygruppen/spor-design-tokens';
|
@@ -26,21 +27,21 @@ type ExpandableItemProps = HeadingLevel & {
|
|
26
27
|
startElement?: React.ReactNode;
|
27
28
|
};
|
28
29
|
|
29
|
-
declare const Accordion:
|
30
|
+
declare const Accordion: React$1.ForwardRefExoticComponent<Accordion$1.RootProps & {
|
30
31
|
variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
|
31
32
|
} & {
|
32
|
-
children?:
|
33
|
+
children?: React$1.ReactNode | undefined;
|
33
34
|
} & {
|
34
35
|
variant?: "ghost" | "core" | "floating";
|
35
36
|
gap?: string | number;
|
36
|
-
} &
|
37
|
-
declare const AccordionItemTrigger:
|
38
|
-
startElement?:
|
39
|
-
} &
|
40
|
-
declare const AccordionItemContent:
|
41
|
-
children?:
|
42
|
-
} &
|
43
|
-
declare const AccordionItem:
|
37
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
38
|
+
declare const AccordionItemTrigger: React$1.ForwardRefExoticComponent<Omit<Accordion$1.ItemTriggerProps, "indicatorElement"> & HeadingLevel & {
|
39
|
+
startElement?: React.ReactNode;
|
40
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
41
|
+
declare const AccordionItemContent: React$1.ForwardRefExoticComponent<Accordion$1.ItemContentProps & {
|
42
|
+
children?: React.ReactNode;
|
43
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
44
|
+
declare const AccordionItem: React$1.ForwardRefExoticComponent<Accordion$1.ItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
44
45
|
|
45
46
|
/**
|
46
47
|
* A standalone expandable component.
|
@@ -54,18 +55,18 @@ declare const AccordionItem: React__default.ForwardRefExoticComponent<Accordion$
|
|
54
55
|
* </Expandable>
|
55
56
|
* ```
|
56
57
|
*/
|
57
|
-
declare const Expandable:
|
58
|
+
declare const Expandable: React$1.ForwardRefExoticComponent<_chakra_ui_react.AccordionRootProps & {
|
58
59
|
variant?: _chakra_ui_react.ConditionalValue<"floating" | "ghost" | "core" | undefined>;
|
59
60
|
} & {
|
60
|
-
children?:
|
61
|
+
children?: React$1.ReactNode | undefined;
|
61
62
|
} & {
|
62
63
|
variant?: "ghost" | "core" | "floating";
|
63
64
|
gap?: string | number;
|
64
65
|
} & Omit<_chakra_ui_react.AccordionItemTriggerProps, "indicatorElement"> & HeadingLevel & {
|
65
|
-
startElement?:
|
66
|
+
startElement?: React.ReactNode;
|
66
67
|
} & {
|
67
68
|
title: string;
|
68
|
-
} &
|
69
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
69
70
|
/**
|
70
71
|
* An item in a set of Expandables. Must be wrapped in an `<Accordion>` component.
|
71
72
|
*
|
@@ -85,7 +86,7 @@ declare const Expandable: React__default.ForwardRefExoticComponent<_chakra_ui_re
|
|
85
86
|
*
|
86
87
|
* @see https://spor.vy.no/components/accordion
|
87
88
|
*/
|
88
|
-
declare const ExpandableItem: (props: ExpandableItemProps) =>
|
89
|
+
declare const ExpandableItem: (props: ExpandableItemProps) => react_jsx_runtime.JSX.Element;
|
89
90
|
|
90
91
|
type AlertProps = Omit<Alert$1.RootProps, "colorPalette"> & {
|
91
92
|
/** Whether or not to show the alert icon */
|
@@ -116,7 +117,7 @@ type AlertProps = Omit<Alert$1.RootProps, "colorPalette"> & {
|
|
116
117
|
*
|
117
118
|
* @see Docs https://spor.vy.no/alert
|
118
119
|
*/
|
119
|
-
declare const Alert:
|
120
|
+
declare const Alert: React$1.ForwardRefExoticComponent<Omit<Alert$1.RootProps, "colorPalette"> & {
|
120
121
|
/** Whether or not to show the alert icon */
|
121
122
|
showIndicator?: boolean;
|
122
123
|
/** Whether or not the alert is closable */
|
@@ -124,7 +125,7 @@ declare const Alert: React__default.ForwardRefExoticComponent<Omit<Alert$1.RootP
|
|
124
125
|
closable?: boolean;
|
125
126
|
/** Callback for when the alert is closed */
|
126
127
|
onAlertClose?: () => void;
|
127
|
-
} &
|
128
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
128
129
|
|
129
130
|
/**
|
130
131
|
* An expandable alert component.
|
@@ -137,10 +138,10 @@ declare const Alert: React__default.ForwardRefExoticComponent<Omit<Alert$1.RootP
|
|
137
138
|
* </ExpandableAlert>
|
138
139
|
* ```
|
139
140
|
*/
|
140
|
-
declare const ExpandableAlert:
|
141
|
+
declare const ExpandableAlert: React$1.ForwardRefExoticComponent<{
|
141
142
|
variant?: ConditionalValue<"error" | "alt" | "important" | "success" | "info" | undefined>;
|
142
143
|
} & {
|
143
|
-
children?:
|
144
|
+
children?: React$1.ReactNode | undefined;
|
144
145
|
} & Omit<Accordion$1.RootProps, "size" | "variant" | "orientation" | "value"> & {
|
145
146
|
/** The title string */
|
146
147
|
title: string;
|
@@ -164,7 +165,7 @@ declare const ExpandableAlert: React__default.ForwardRefExoticComponent<{
|
|
164
165
|
| "global-deviation";
|
165
166
|
*/
|
166
167
|
variant?: ConditionalValue<"important" | "success" | "alt" | "info" | "error" | undefined>;
|
167
|
-
} &
|
168
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
168
169
|
|
169
170
|
/**
|
170
171
|
* A service alert component.
|
@@ -177,8 +178,8 @@ declare const ExpandableAlert: React__default.ForwardRefExoticComponent<{
|
|
177
178
|
* </ServiceAlert>
|
178
179
|
* ```
|
179
180
|
*/
|
180
|
-
declare const ServiceAlert:
|
181
|
-
children?:
|
181
|
+
declare const ServiceAlert: React$1.ForwardRefExoticComponent<Omit<AlertProps, "variant"> & {
|
182
|
+
children?: React$1.ReactNode | undefined;
|
182
183
|
} & Omit<Accordion$1.RootProps, "size" | "variant" | "orientation" | "value"> & {
|
183
184
|
/** The title string */
|
184
185
|
title: string;
|
@@ -197,7 +198,7 @@ declare const ServiceAlert: React__default.ForwardRefExoticComponent<Omit<AlertP
|
|
197
198
|
headingLevel?: "h2" | "h3" | "h4" | "h5" | "h6";
|
198
199
|
/** The variant of Service Alert. Default: service */
|
199
200
|
variant?: "service" | "global-deviation";
|
200
|
-
} &
|
201
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
201
202
|
|
202
203
|
/**
|
203
204
|
* A breadcrumb component.
|
@@ -214,9 +215,6 @@ declare const ServiceAlert: React__default.ForwardRefExoticComponent<Omit<AlertP
|
|
214
215
|
* ```
|
215
216
|
*/
|
216
217
|
declare const Breadcrumb: React__default.ForwardRefExoticComponent<Breadcrumb$1.RootProps & React__default.RefAttributes<HTMLDivElement>>;
|
217
|
-
declare const BreadcrumbLink: React__default.ForwardRefExoticComponent<Breadcrumb$1.LinkProps & React__default.RefAttributes<HTMLAnchorElement>>;
|
218
|
-
declare const BreadcrumbCurrentLink: React__default.ForwardRefExoticComponent<Breadcrumb$1.CurrentLinkProps & React__default.RefAttributes<HTMLElement>>;
|
219
|
-
declare const BreadcrumbEllipsis: React__default.ForwardRefExoticComponent<Breadcrumb$1.EllipsisProps & React__default.RefAttributes<HTMLElement>>;
|
220
218
|
|
221
219
|
declare const buttonRecipe: _chakra_ui_react.RecipeDefinition<{
|
222
220
|
variant: {
|
@@ -352,11 +350,11 @@ declare const groupRecipe: _chakra_ui_react.RecipeDefinition<{
|
|
352
350
|
|
353
351
|
type GroupVariantProps = RecipeVariantProps<typeof groupRecipe>;
|
354
352
|
type ButtonGroupProps = GroupProps & PropsWithChildren<GroupVariantProps>;
|
355
|
-
declare const ButtonGroup:
|
353
|
+
declare const ButtonGroup: React$1.ForwardRefExoticComponent<GroupProps & {
|
356
354
|
disabled?: _chakra_ui_react.ConditionalValue<boolean | undefined>;
|
357
355
|
} & {
|
358
|
-
children?:
|
359
|
-
} &
|
356
|
+
children?: React$1.ReactNode | undefined;
|
357
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
360
358
|
|
361
359
|
declare const ClipboardButton: React$1.ForwardRefExoticComponent<_chakra_ui_react.ButtonProps & {
|
362
360
|
variant?: _chakra_ui_react.ConditionalValue<"floating" | "secondary" | "tertiary" | "ghost" | "primary" | undefined>;
|
@@ -450,10 +448,10 @@ type CloseButtonProps = Omit<IconButtonProps, "variant" | "aria-label"> & {
|
|
450
448
|
* <CloseButton onClick={closeModal} />
|
451
449
|
* ```
|
452
450
|
*/
|
453
|
-
declare const CloseButton:
|
451
|
+
declare const CloseButton: React$1.ForwardRefExoticComponent<Omit<IconButtonProps, "variant" | "aria-label"> & {
|
454
452
|
/** Defaults to a localized version of "close" */
|
455
453
|
"aria-label"?: string;
|
456
|
-
} &
|
454
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
457
455
|
|
458
456
|
/**
|
459
457
|
* Creates a floating action button.
|
@@ -480,9 +478,8 @@ declare const FloatingActionButton: React__default.ForwardRefExoticComponent<Box
|
|
480
478
|
isTextVisible?: boolean;
|
481
479
|
} & React__default.RefAttributes<HTMLButtonElement>>;
|
482
480
|
|
483
|
-
|
484
|
-
|
485
|
-
declare function ColorModeProvider(props: ColorModeProviderProps): React$1.JSX.Element;
|
481
|
+
type ColorModeProviderProps = ThemeProviderProps;
|
482
|
+
declare function ColorModeProvider(props: ColorModeProviderProps): react_jsx_runtime.JSX.Element;
|
486
483
|
type ColorMode = "light" | "dark";
|
487
484
|
interface UseColorModeReturn {
|
488
485
|
colorMode: ColorMode;
|
@@ -491,9 +488,8 @@ interface UseColorModeReturn {
|
|
491
488
|
}
|
492
489
|
declare function useColorMode(): UseColorModeReturn;
|
493
490
|
declare function useColorModeValue<T>(light: T, dark: T): T;
|
494
|
-
declare function ColorModeIcon():
|
495
|
-
|
496
|
-
}
|
491
|
+
declare function ColorModeIcon(): react_jsx_runtime.JSX.Element;
|
492
|
+
type ColorModeButtonProps = Omit<IconButtonProps$1, "aria-label">;
|
497
493
|
declare const ColorModeButton: React$1.ForwardRefExoticComponent<ColorModeButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
498
494
|
|
499
495
|
declare const datePickerSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "arrow" | "wrapper" | "calendarTriggerButton" | "calendarPopover" | "calendar" | "weekdays" | "weekend" | "dateCell" | "inputLabel" | "dateTimeSegment" | "box" | "rangeCalendarPopover", {
|
@@ -570,7 +566,7 @@ type DatePickerVariantProps = RecipeVariantProps<typeof datePickerSlotRecipe>;
|
|
570
566
|
/**
|
571
567
|
* A date picker component.
|
572
568
|
*
|
573
|
-
* There are three different variants
|
569
|
+
* There are three different variants –`core`, `floating` and `ghost`.
|
574
570
|
*
|
575
571
|
* ```tsx
|
576
572
|
* <DatePicker label="Dato" variant="core" />
|
@@ -607,7 +603,7 @@ type DateRangePickerProps = Omit<AriaDateRangePickerProps<DateValue$1>, "onChang
|
|
607
603
|
* ```tsx
|
608
604
|
* <DateRangePicker startLabel="From" startName="from" endLabel="To" endName="to" variant="core" />
|
609
605
|
* ```
|
610
|
-
*/ declare function DateRangePicker({ variant, minHeight, startName, endName, withPortal, ...props }: DateRangePickerProps):
|
606
|
+
*/ declare function DateRangePicker({ variant, minHeight, startName, endName, withPortal, ...props }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
|
611
607
|
|
612
608
|
type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
|
613
609
|
/** The label. Defaults to a localized version of "Time" */
|
@@ -657,7 +653,7 @@ type TimePickerProps = Omit<BoxProps, "defaultValue" | "onChange"> & {
|
|
657
653
|
*
|
658
654
|
* @see https://spor.vy.no/komponents/timepicker
|
659
655
|
*/
|
660
|
-
declare const TimePicker: ({ label: externalLabel, value, defaultValue, onChange, minuteInterval, disabled: isDisabledExternally, name, ...boxProps }: TimePickerProps) =>
|
656
|
+
declare const TimePicker: ({ label: externalLabel, value, defaultValue, onChange, minuteInterval, disabled: isDisabledExternally, name, ...boxProps }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
661
657
|
|
662
658
|
interface DialogContentProps extends Dialog.ContentProps {
|
663
659
|
portalled?: boolean;
|
@@ -802,31 +798,31 @@ type DrawerProps = Omit<Drawer$1.RootProps, "colorPalette" | "contained" | "unst
|
|
802
798
|
children: React.ReactNode;
|
803
799
|
};
|
804
800
|
|
805
|
-
declare const DrawerContent:
|
801
|
+
declare const DrawerContent: React$1.ForwardRefExoticComponent<Drawer$1.ContentProps & {
|
806
802
|
size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | "xl" | "xs" | "full" | undefined>;
|
807
803
|
placement?: _chakra_ui_react.ConditionalValue<"bottom" | "top" | "end" | "start" | undefined>;
|
808
804
|
} & {
|
809
|
-
children?:
|
805
|
+
children?: React$1.ReactNode | undefined;
|
810
806
|
} & {
|
811
|
-
children:
|
807
|
+
children: React.ReactNode;
|
812
808
|
portalled?: boolean;
|
813
|
-
portalRef?:
|
814
|
-
} &
|
815
|
-
declare const CloseDrawerLine:
|
816
|
-
declare const DrawerCloseTrigger:
|
817
|
-
declare const DrawerBackTrigger:
|
818
|
-
declare const DrawerFullScreenHeader:
|
809
|
+
portalRef?: React.RefObject<HTMLElement>;
|
810
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
811
|
+
declare const CloseDrawerLine: React$1.ForwardRefExoticComponent<React$1.RefAttributes<HTMLButtonElement>>;
|
812
|
+
declare const DrawerCloseTrigger: React$1.ForwardRefExoticComponent<Drawer$1.CloseTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
813
|
+
declare const DrawerBackTrigger: React$1.ForwardRefExoticComponent<Drawer$1.CloseTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
814
|
+
declare const DrawerFullScreenHeader: React$1.ForwardRefExoticComponent<Drawer$1.HeaderProps & {
|
819
815
|
backTrigger?: boolean;
|
820
816
|
title?: string;
|
821
|
-
} &
|
822
|
-
declare const Drawer: (props: DrawerProps) =>
|
823
|
-
declare const DrawerTrigger:
|
824
|
-
declare const DrawerFooter:
|
825
|
-
declare const DrawerBody:
|
826
|
-
declare const DrawerBackdrop:
|
827
|
-
declare const DrawerTitle:
|
828
|
-
declare const DrawerActionTrigger:
|
829
|
-
declare const DrawerHeader:
|
817
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
818
|
+
declare const Drawer: (props: DrawerProps) => react_jsx_runtime.JSX.Element;
|
819
|
+
declare const DrawerTrigger: React$1.ForwardRefExoticComponent<Drawer$1.TriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
820
|
+
declare const DrawerFooter: React$1.ForwardRefExoticComponent<Drawer$1.FooterProps & React$1.RefAttributes<HTMLDivElement>>;
|
821
|
+
declare const DrawerBody: React$1.ForwardRefExoticComponent<Drawer$1.BodyProps & React$1.RefAttributes<HTMLDivElement>>;
|
822
|
+
declare const DrawerBackdrop: React$1.ForwardRefExoticComponent<Drawer$1.BackdropProps & React$1.RefAttributes<HTMLDivElement>>;
|
823
|
+
declare const DrawerTitle: React$1.ForwardRefExoticComponent<Drawer$1.TitleProps & React$1.RefAttributes<HTMLDivElement>>;
|
824
|
+
declare const DrawerActionTrigger: React$1.ForwardRefExoticComponent<Drawer$1.ActionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
825
|
+
declare const DrawerHeader: React$1.ForwardRefExoticComponent<Drawer$1.HeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
830
826
|
|
831
827
|
declare enum Language {
|
832
828
|
NorwegianBokmal = "nb",
|
@@ -866,7 +862,7 @@ type LanguageProviderProps = {
|
|
866
862
|
* ```
|
867
863
|
*
|
868
864
|
*/
|
869
|
-
declare function LanguageProvider({ language, children, }: LanguageProviderProps):
|
865
|
+
declare function LanguageProvider({ language, children, }: LanguageProviderProps): react_jsx_runtime.JSX.Element;
|
870
866
|
/**
|
871
867
|
* A hook that returns translation utilities. Typically used to translate text.
|
872
868
|
*
|
@@ -972,21 +968,21 @@ type InputGroupProps = GroupProps & {
|
|
972
968
|
* ```
|
973
969
|
*/
|
974
970
|
type AttachedInputsProps = RecipeVariantProps<typeof attachedInputsRecipe> & InputGroupProps;
|
975
|
-
declare const AttachedInputs:
|
971
|
+
declare const AttachedInputs: React$1.ForwardRefExoticComponent<{
|
976
972
|
orientation?: _chakra_ui_react.ConditionalValue<"horizontal" | "vertical" | undefined>;
|
977
973
|
} & _chakra_ui_react.GroupProps & {
|
978
974
|
startElementProps?: _chakra_ui_react.InputElementProps;
|
979
975
|
endElementProps?: _chakra_ui_react.InputElementProps;
|
980
|
-
startElement?:
|
981
|
-
endElement?:
|
982
|
-
children:
|
976
|
+
startElement?: React.ReactNode;
|
977
|
+
endElement?: React.ReactNode;
|
978
|
+
children: React.ReactElement;
|
983
979
|
label?: string;
|
984
|
-
} &
|
980
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
985
981
|
|
986
|
-
declare const CardSelect: ({ size, ...props }: PopoverRootProps) =>
|
987
|
-
declare const CardSelectContent:
|
982
|
+
declare const CardSelect: ({ size, ...props }: PopoverRootProps) => react_jsx_runtime.JSX.Element;
|
983
|
+
declare const CardSelectContent: React$1.ForwardRefExoticComponent<{
|
988
984
|
colorPalette?: _chakra_ui_react.ConditionalValue<"white" | "blue" | "green" | "grey" | "orange" | "red" | "yellow" | "darkYellow" | undefined>;
|
989
|
-
} & _chakra_ui_react.BoxProps &
|
985
|
+
} & _chakra_ui_react.BoxProps & React$1.RefAttributes<HTMLDivElement>>;
|
990
986
|
type CardSelectTriggerProps = {
|
991
987
|
/** The design of the trigger button.
|
992
988
|
*
|
@@ -1000,7 +996,7 @@ type CardSelectTriggerProps = {
|
|
1000
996
|
/** Whether or not to show the chevron. Defaults to true */
|
1001
997
|
withChevron?: boolean;
|
1002
998
|
} & Omit<ButtonProps, "variant" | "rightIcon" | "leftIcon">;
|
1003
|
-
declare const CardSelectTrigger:
|
999
|
+
declare const CardSelectTrigger: React$1.ForwardRefExoticComponent<{
|
1004
1000
|
/** The design of the trigger button.
|
1005
1001
|
*
|
1006
1002
|
* - `ghost` is a transparent button with text
|
@@ -1012,7 +1008,7 @@ declare const CardSelectTrigger: React__default.ForwardRefExoticComponent<{
|
|
1012
1008
|
icon?: ReactNode;
|
1013
1009
|
/** Whether or not to show the chevron. Defaults to true */
|
1014
1010
|
withChevron?: boolean;
|
1015
|
-
} & Omit<ButtonProps, "variant" | "leftIcon" | "rightIcon"> &
|
1011
|
+
} & Omit<ButtonProps, "variant" | "leftIcon" | "rightIcon"> & React$1.RefAttributes<HTMLButtonElement>>;
|
1016
1012
|
|
1017
1013
|
/**
|
1018
1014
|
* Creates a checkbox.
|
@@ -1153,7 +1149,7 @@ type ChoiceChipProps = PropsWithChildren<ChoiceChipVariantProps> & {
|
|
1153
1149
|
chipType?: "icon" | "choice" | "filter";
|
1154
1150
|
"aria-label"?: string;
|
1155
1151
|
};
|
1156
|
-
declare const ChoiceChip: ({ children, icon, size, chipType, variant, ...props }: ChoiceChipProps) =>
|
1152
|
+
declare const ChoiceChip: ({ children, icon, size, chipType, variant, ...props }: ChoiceChipProps) => react_jsx_runtime.JSX.Element;
|
1157
1153
|
|
1158
1154
|
type ComboboxProps<T> = Exclude<InputProps, "variant" | "colorPalette" | "size"> & AriaComboBoxProps<T> & {
|
1159
1155
|
/** The label of the combobox */
|
@@ -1221,12 +1217,6 @@ declare const Combobox: React__default.ForwardRefExoticComponent<_chakra_ui_reac
|
|
1221
1217
|
children?: React__default.ReactNode;
|
1222
1218
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
1223
1219
|
|
1224
|
-
declare const Fieldset: React$1.ForwardRefExoticComponent<Fieldset$1.RootProps & React$1.RefAttributes<HTMLFieldSetElement>>;
|
1225
|
-
declare const FieldsetLegend: React$1.ForwardRefExoticComponent<Fieldset$1.LegendProps & React$1.RefAttributes<HTMLLegendElement>>;
|
1226
|
-
declare const FieldsetContent: React$1.ForwardRefExoticComponent<Fieldset$1.ContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
1227
|
-
declare const FieldsetHelperText: React$1.ForwardRefExoticComponent<Fieldset$1.HelperTextProps & React$1.RefAttributes<HTMLSpanElement>>;
|
1228
|
-
declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.ErrorTextProps & React$1.RefAttributes<HTMLSpanElement>>;
|
1229
|
-
|
1230
1220
|
declare const fieldSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "label" | "requiredIndicator" | "helperText" | "errorText", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "label" | "requiredIndicator" | "helperText" | "errorText">>;
|
1231
1221
|
|
1232
1222
|
type FieldVariantProps = RecipeVariantProps<typeof fieldSlotRecipe>;
|
@@ -1267,6 +1257,12 @@ declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "
|
|
1267
1257
|
declare const FieldErrorText: React$1.ForwardRefExoticComponent<Field$1.ErrorTextProps & React$1.RefAttributes<HTMLDivElement>>;
|
1268
1258
|
declare const FieldLabel: React$1.ForwardRefExoticComponent<Field$1.LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
|
1269
1259
|
|
1260
|
+
declare const Fieldset: React$1.ForwardRefExoticComponent<Fieldset$1.RootProps & React$1.RefAttributes<HTMLFieldSetElement>>;
|
1261
|
+
declare const FieldsetLegend: React$1.ForwardRefExoticComponent<Fieldset$1.LegendProps & React$1.RefAttributes<HTMLLegendElement>>;
|
1262
|
+
declare const FieldsetContent: React$1.ForwardRefExoticComponent<Fieldset$1.ContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
1263
|
+
declare const FieldsetHelperText: React$1.ForwardRefExoticComponent<Fieldset$1.HelperTextProps & React$1.RefAttributes<HTMLSpanElement>>;
|
1264
|
+
declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.ErrorTextProps & React$1.RefAttributes<HTMLSpanElement>>;
|
1265
|
+
|
1270
1266
|
type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette"> & FieldProps & {
|
1271
1267
|
/** The input's label */
|
1272
1268
|
label: string;
|
@@ -1313,7 +1309,7 @@ declare const Input: React__default.ForwardRefExoticComponent<InputProps$1 & Omi
|
|
1313
1309
|
*
|
1314
1310
|
* @example
|
1315
1311
|
* ```jsx
|
1316
|
-
* const { data, isLoading }
|
1312
|
+
* const { data, isLoading } = useSWR('/api/options')
|
1317
1313
|
* const state = useListState({ items: data });
|
1318
1314
|
* const ref = useRef(null);
|
1319
1315
|
*
|
@@ -1334,7 +1330,7 @@ declare const ListBox: React__default.ForwardRefExoticComponent<AriaListBoxProps
|
|
1334
1330
|
/** Whether or not the listbox is waiting on new data, i.e. through a autosuggest search */
|
1335
1331
|
loading?: boolean;
|
1336
1332
|
/** The state of the listbox, provided externally somehow. */
|
1337
|
-
state:
|
1333
|
+
state: ListState<object> | SelectState<unknown>;
|
1338
1334
|
/** UI to render if the collection is empty */
|
1339
1335
|
emptyContent?: React__default.ReactNode;
|
1340
1336
|
maxWidth?: BoxProps["maxWidth"];
|
@@ -1349,7 +1345,7 @@ declare const ListBox: React__default.ForwardRefExoticComponent<AriaListBoxProps
|
|
1349
1345
|
*/
|
1350
1346
|
declare function ItemLabel({ children }: {
|
1351
1347
|
children: React__default.ReactNode;
|
1352
|
-
}):
|
1348
|
+
}): react_jsx_runtime.JSX.Element;
|
1353
1349
|
/**
|
1354
1350
|
* Renders a description for an Item.
|
1355
1351
|
*
|
@@ -1357,7 +1353,7 @@ declare function ItemLabel({ children }: {
|
|
1357
1353
|
*/
|
1358
1354
|
declare function ItemDescription({ children }: {
|
1359
1355
|
children: React__default.ReactNode;
|
1360
|
-
}):
|
1356
|
+
}): react_jsx_runtime.JSX.Element;
|
1361
1357
|
|
1362
1358
|
declare const nativeSelectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "root" | "field", {
|
1363
1359
|
variant: {
|
@@ -1579,16 +1575,16 @@ type CountryCodeAndPhoneNumber = {
|
|
1579
1575
|
* />
|
1580
1576
|
* ```
|
1581
1577
|
*/
|
1582
|
-
declare const PhoneNumberInput:
|
1583
|
-
children?:
|
1578
|
+
declare const PhoneNumberInput: React$1.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
|
1579
|
+
children?: React$1.ReactNode | undefined;
|
1584
1580
|
} & {
|
1585
|
-
label?:
|
1586
|
-
helperText?:
|
1587
|
-
errorText?:
|
1581
|
+
label?: React.ReactNode;
|
1582
|
+
helperText?: React.ReactNode;
|
1583
|
+
errorText?: React.ReactNode;
|
1588
1584
|
} & {
|
1589
1585
|
label: string;
|
1590
|
-
startElement?:
|
1591
|
-
endElement?:
|
1586
|
+
startElement?: React.ReactNode;
|
1587
|
+
endElement?: React.ReactNode;
|
1592
1588
|
} & {
|
1593
1589
|
/** The label. Defaults to a localized version of "Phone number" */
|
1594
1590
|
label?: string;
|
@@ -1598,9 +1594,10 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<_chakra
|
|
1598
1594
|
value?: CountryCodeAndPhoneNumber;
|
1599
1595
|
/** Returns an extra optional text when true */
|
1600
1596
|
optional?: boolean;
|
1597
|
+
allowedCountryCodes?: string[];
|
1601
1598
|
invalid?: boolean;
|
1602
1599
|
errorText?: string;
|
1603
|
-
} &
|
1600
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
1604
1601
|
|
1605
1602
|
declare const radioGroupSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "label" | "itemText" | "itemControl", {
|
1606
1603
|
orientation: {
|
@@ -1649,20 +1646,20 @@ type SearchInputProps = InputProps & {
|
|
1649
1646
|
*
|
1650
1647
|
* Includes a search icon, a localized label and a reset button.
|
1651
1648
|
*/
|
1652
|
-
declare const SearchInput:
|
1653
|
-
children?:
|
1649
|
+
declare const SearchInput: React$1.ForwardRefExoticComponent<_chakra_ui_react.InputProps & Omit<_chakra_ui_react.FieldRootProps, "label"> & {
|
1650
|
+
children?: React$1.ReactNode | undefined;
|
1654
1651
|
} & {
|
1655
|
-
label?:
|
1656
|
-
helperText?:
|
1657
|
-
errorText?:
|
1652
|
+
label?: React.ReactNode;
|
1653
|
+
helperText?: React.ReactNode;
|
1654
|
+
errorText?: React.ReactNode;
|
1658
1655
|
} & {
|
1659
1656
|
label: string;
|
1660
|
-
startElement?:
|
1661
|
-
endElement?:
|
1657
|
+
startElement?: React.ReactNode;
|
1658
|
+
endElement?: React.ReactNode;
|
1662
1659
|
} & {
|
1663
1660
|
/** Callback for when the clear button is clicked */
|
1664
1661
|
onReset?: () => void;
|
1665
|
-
} &
|
1662
|
+
} & React$1.RefAttributes<HTMLInputElement>>;
|
1666
1663
|
|
1667
1664
|
declare const selectSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "item" | "indicator" | "label" | "control" | "itemText" | "itemDescription" | "trigger" | "indicatorGroup" | "selectContent" | "itemGroup" | "itemGroupLabel" | "valueText", {
|
1668
1665
|
variant: {
|
@@ -1980,9 +1977,9 @@ declare const Textarea: React__default.ForwardRefExoticComponent<TextareaProps$1
|
|
1980
1977
|
label: ReactNode;
|
1981
1978
|
} & React__default.RefAttributes<HTMLTextAreaElement>>;
|
1982
1979
|
|
1983
|
-
declare const PressableCard:
|
1980
|
+
declare const PressableCard: React$1.ForwardRefExoticComponent<{
|
1984
1981
|
variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | "accent" | undefined>;
|
1985
|
-
} & ButtonProps$1 &
|
1982
|
+
} & ButtonProps$1 & React$1.RefAttributes<HTMLDivElement>>;
|
1986
1983
|
|
1987
1984
|
declare const RadioCard: React__default.ForwardRefExoticComponent<RadioCard$1.ItemProps & {
|
1988
1985
|
variant?: _chakra_ui_react.ConditionalValue<"floating" | "core" | undefined>;
|
@@ -2000,16 +1997,16 @@ declare const RadioCardGroup: React__default.ForwardRefExoticComponent<{
|
|
2000
1997
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
2001
1998
|
declare const RadioCardLabel: React__default.ForwardRefExoticComponent<RadioCard$1.LabelProps & React__default.RefAttributes<HTMLDivElement>>;
|
2002
1999
|
|
2003
|
-
declare const Separator:
|
2000
|
+
declare const Separator: React$1.ForwardRefExoticComponent<SeparatorProps & {
|
2004
2001
|
variant?: _chakra_ui_react.ConditionalValue<"dashed" | "solid" | undefined>;
|
2005
2002
|
size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | undefined>;
|
2006
2003
|
orientation?: _chakra_ui_react.ConditionalValue<"horizontal" | "vertical" | undefined>;
|
2007
2004
|
} & {
|
2008
|
-
children?:
|
2005
|
+
children?: React$1.ReactNode | undefined;
|
2009
2006
|
} & {
|
2010
2007
|
size?: "sm" | "md" | "lg";
|
2011
2008
|
variant?: "solid" | "dashed";
|
2012
|
-
} &
|
2009
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
2013
2010
|
|
2014
2011
|
declare const staticCardRecipe: _chakra_ui_react.RecipeDefinition<{
|
2015
2012
|
colorPalette: {
|
@@ -2042,9 +2039,9 @@ declare const staticCardRecipe: _chakra_ui_react.RecipeDefinition<{
|
|
2042
2039
|
}>;
|
2043
2040
|
|
2044
2041
|
type StaticCardProps = RecipeVariantProps<typeof staticCardRecipe> & BoxProps;
|
2045
|
-
declare const StaticCard:
|
2042
|
+
declare const StaticCard: React$1.ForwardRefExoticComponent<{
|
2046
2043
|
colorPalette?: _chakra_ui_react.ConditionalValue<"white" | "blue" | "green" | "grey" | "orange" | "red" | "yellow" | "darkYellow" | undefined>;
|
2047
|
-
} & BoxProps &
|
2044
|
+
} & BoxProps & React$1.RefAttributes<HTMLDivElement>>;
|
2048
2045
|
|
2049
2046
|
declare const infoTagSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "title" | "description" | "iconContainer" | "container" | "textContainer" | "walk", {
|
2050
2047
|
variant: {
|
@@ -2129,7 +2126,7 @@ type InfoTagProps = TagProps & PropsWithChildren<InfoTagVariantProps>;
|
|
2129
2126
|
* ```tsx
|
2130
2127
|
* <InfoTag variant="subway" title="3" description="Ringen" />
|
2131
2128
|
* ```
|
2132
|
-
* They support three different sizes
|
2129
|
+
* They support three different sizes –`sm`, `md` and `lg`.
|
2133
2130
|
*
|
2134
2131
|
* ```tsx
|
2135
2132
|
* <InfoTag
|
@@ -2153,7 +2150,7 @@ type InfoTagProps = TagProps & PropsWithChildren<InfoTagVariantProps>;
|
|
2153
2150
|
*
|
2154
2151
|
* @see https://spor.vy.no/components/line-tags
|
2155
2152
|
*/
|
2156
|
-
declare const InfoTag: ({ variant, size, title, description, ...customProps }: InfoTagProps) =>
|
2153
|
+
declare const InfoTag: ({ variant, size, title, description, ...customProps }: InfoTagProps) => react_jsx_runtime.JSX.Element;
|
2157
2154
|
|
2158
2155
|
declare const lineIconSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "root" | "title" | "iconContainer" | "desc", {
|
2159
2156
|
variant: {
|
@@ -2287,7 +2284,7 @@ type LineIconProps = Exclude<BoxProps, "variant"> & VariantProps & PropsWithChil
|
|
2287
2284
|
* <LineIcon variant="subway" />
|
2288
2285
|
* ```
|
2289
2286
|
*
|
2290
|
-
* They support three different sizes
|
2287
|
+
* They support three different sizes - `sm`, `md` and `lg`.
|
2291
2288
|
*
|
2292
2289
|
* ```tsx
|
2293
2290
|
* <LineIcon variant="subway" size="lg" />
|
@@ -2470,7 +2467,7 @@ type TravelTagProps = TagProps & BoxProps & PropsWithChildren<TravelTagVariantPr
|
|
2470
2467
|
* <TravelTag variant="subway" title="3" description="Ringen" />
|
2471
2468
|
* ```
|
2472
2469
|
*
|
2473
|
-
* They support three different sizes
|
2470
|
+
* They support three different sizes - `sm`, `md` and `lg`.
|
2474
2471
|
*
|
2475
2472
|
* You can also render them with a deviation level to indicate an extra focus:
|
2476
2473
|
*
|
@@ -2513,7 +2510,7 @@ type TravelTagProps = TagProps & BoxProps & PropsWithChildren<TravelTagVariantPr
|
|
2513
2510
|
*
|
2514
2511
|
* @see https://spor.vy.no/components/line-tags
|
2515
2512
|
*/
|
2516
|
-
declare const TravelTag:
|
2513
|
+
declare const TravelTag: React$1.ForwardRefExoticComponent<TravelTagProps & React$1.RefAttributes<HTMLDivElement>>;
|
2517
2514
|
|
2518
2515
|
declare const linkRecipe: _chakra_ui_react.RecipeDefinition<{
|
2519
2516
|
variant: {
|
@@ -2585,7 +2582,7 @@ type ColorInlineLoaderProps = Exclude<BoxProps, "children">;
|
|
2585
2582
|
*
|
2586
2583
|
* This component should only be used on light backgrounds with low saturation (e.g. white, light grey etc.). For colored backgrounds, please use the LightInlineLoader component.
|
2587
2584
|
*/
|
2588
|
-
declare const ColorInlineLoader: ({ width, maxWidth, ...props }: ColorInlineLoaderProps) =>
|
2585
|
+
declare const ColorInlineLoader: ({ width, maxWidth, ...props }: ColorInlineLoaderProps) => react_jsx_runtime.JSX.Element;
|
2589
2586
|
|
2590
2587
|
type SpinnerProps = BoxProps;
|
2591
2588
|
type ColorSpinnerProps = SpinnerProps;
|
@@ -2604,23 +2601,23 @@ type ColorSpinnerProps = SpinnerProps;
|
|
2604
2601
|
* Hold your horses
|
2605
2602
|
* </ColorSpinner>
|
2606
2603
|
*/
|
2607
|
-
declare const ColorSpinner: ({ children, width, maxWidth, ...props }: SpinnerProps) =>
|
2604
|
+
declare const ColorSpinner: ({ children, width, maxWidth, ...props }: SpinnerProps) => react_jsx_runtime.JSX.Element;
|
2608
2605
|
|
2609
2606
|
type ContentLoaderProps = BoxProps;
|
2610
2607
|
/**
|
2611
2608
|
* ContentLoader is a component that renders a loading animation.
|
2612
2609
|
* It should mostly be used for loading content that is not yet available.
|
2613
2610
|
*/
|
2614
|
-
declare const ContentLoader: ({ children, ...props }: ContentLoaderProps) =>
|
2611
|
+
declare const ContentLoader: ({ children, ...props }: ContentLoaderProps) => react_jsx_runtime.JSX.Element;
|
2615
2612
|
|
2616
2613
|
type DarkFullScreenLoaderProps = BoxProps;
|
2617
|
-
declare const DarkFullScreenLoader: ({ width, maxWidth, ...props }: DarkFullScreenLoaderProps) =>
|
2614
|
+
declare const DarkFullScreenLoader: ({ width, maxWidth, ...props }: DarkFullScreenLoaderProps) => react_jsx_runtime.JSX.Element;
|
2618
2615
|
|
2619
2616
|
type DarkInlineLoaderProps = Exclude<BoxProps, "children">;
|
2620
2617
|
/**
|
2621
2618
|
* Loading component that works well in bounded contexts, like inside a button.
|
2622
2619
|
*/
|
2623
|
-
declare const DarkInlineLoader: ({ width, maxWidth, ...props }: DarkInlineLoaderProps) =>
|
2620
|
+
declare const DarkInlineLoader: ({ width, maxWidth, ...props }: DarkInlineLoaderProps) => react_jsx_runtime.JSX.Element;
|
2624
2621
|
|
2625
2622
|
type DarkSpinnerProps = BoxProps;
|
2626
2623
|
/** A circular spinner
|
@@ -2638,16 +2635,16 @@ type DarkSpinnerProps = BoxProps;
|
|
2638
2635
|
* Hold your horses
|
2639
2636
|
* </DarkSpinner>
|
2640
2637
|
*/
|
2641
|
-
declare const DarkSpinner: ({ children, width, maxWidth, ...props }: DarkSpinnerProps) =>
|
2638
|
+
declare const DarkSpinner: ({ children, width, maxWidth, ...props }: DarkSpinnerProps) => react_jsx_runtime.JSX.Element;
|
2642
2639
|
|
2643
2640
|
type LightFullScreenLoaderProps = BoxProps;
|
2644
|
-
declare const LightFullScreenLoader: ({ width, maxWidth, ...props }: LightFullScreenLoaderProps) =>
|
2641
|
+
declare const LightFullScreenLoader: ({ width, maxWidth, ...props }: LightFullScreenLoaderProps) => react_jsx_runtime.JSX.Element;
|
2645
2642
|
|
2646
2643
|
type LightInlineLoaderProps = Exclude<BoxProps, "children">;
|
2647
2644
|
/**
|
2648
2645
|
* Loading component that works well in bounded contexts, like inside a button.
|
2649
2646
|
*/
|
2650
|
-
declare const LightInlineLoader: ({ width, maxWidth, ...props }: LightInlineLoaderProps) =>
|
2647
|
+
declare const LightInlineLoader: ({ width, maxWidth, ...props }: LightInlineLoaderProps) => react_jsx_runtime.JSX.Element;
|
2651
2648
|
|
2652
2649
|
type LightSpinnerProps = BoxProps;
|
2653
2650
|
/** A circular spinner
|
@@ -2665,7 +2662,7 @@ type LightSpinnerProps = BoxProps;
|
|
2665
2662
|
* Hold your horses
|
2666
2663
|
* </LightSpinner>
|
2667
2664
|
*/
|
2668
|
-
declare const LightSpinner: ({ children, width, maxWidth, ...props }: LightSpinnerProps) =>
|
2665
|
+
declare const LightSpinner: ({ children, width, maxWidth, ...props }: LightSpinnerProps) => react_jsx_runtime.JSX.Element;
|
2669
2666
|
|
2670
2667
|
declare const progressBarRecipe: _chakra_ui_react.SlotRecipeDefinition<"description" | "container" | "background" | "progress" | "disabledBackground", _chakra_ui_react.SlotRecipeVariantRecord<"description" | "container" | "background" | "progress" | "disabledBackground">>;
|
2671
2668
|
|
@@ -2921,14 +2918,14 @@ type CargonetLogoProps = {
|
|
2921
2918
|
*/
|
2922
2919
|
colorPalette: "light" | "dark";
|
2923
2920
|
};
|
2924
|
-
declare const CargonetLogo:
|
2921
|
+
declare const CargonetLogo: React$1.ForwardRefExoticComponent<CargonetLogoProps & React$1.RefAttributes<SVGSVGElement>>;
|
2925
2922
|
|
2926
2923
|
declare const SvgBox: _chakra_ui_react.ChakraComponent<"svg", {}>;
|
2927
2924
|
type VyLogoProps = BoxProps & React__default.SVGProps<SVGSVGElement>;
|
2928
2925
|
declare const VyLogo: React__default.ForwardRefExoticComponent<Omit<VyLogoProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
|
2929
2926
|
|
2930
2927
|
type VyLogoPrideProps = BoxProps;
|
2931
|
-
declare const VyLogoPride:
|
2928
|
+
declare const VyLogoPride: React$1.ForwardRefExoticComponent<BoxProps & React$1.RefAttributes<SVGSVGElement>>;
|
2932
2929
|
|
2933
2930
|
declare const mediaControllerSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"icon" | "root", {
|
2934
2931
|
variant: {
|
@@ -2997,18 +2994,18 @@ type MediaControllerVariantProps = RecipeVariantProps<typeof mediaControllerSlot
|
|
2997
2994
|
* <JumpButton direction="forward" onClick={onGoForward} />
|
2998
2995
|
* ```
|
2999
2996
|
*/
|
3000
|
-
declare const JumpButton:
|
2997
|
+
declare const JumpButton: React$1.ForwardRefExoticComponent<BoxProps & {
|
3001
2998
|
variant?: _chakra_ui_react.ConditionalValue<"play" | "jumpSkip" | undefined>;
|
3002
2999
|
size?: _chakra_ui_react.ConditionalValue<"sm" | "lg" | undefined>;
|
3003
3000
|
} & {
|
3004
|
-
children?:
|
3001
|
+
children?: React$1.ReactNode | undefined;
|
3005
3002
|
} & {
|
3006
3003
|
onClick: () => void;
|
3007
3004
|
"aria-label"?: string;
|
3008
3005
|
disabled?: boolean;
|
3009
3006
|
direction: "backward" | "forward";
|
3010
3007
|
size: "sm" | "lg";
|
3011
|
-
} &
|
3008
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
3012
3009
|
|
3013
3010
|
/**
|
3014
3011
|
* A playback button.
|
@@ -3021,18 +3018,18 @@ declare const JumpButton: React__default.ForwardRefExoticComponent<BoxProps & {
|
|
3021
3018
|
* <PlayPauseButton playing={playing} onClick={onPlaybackClick} />
|
3022
3019
|
* ```
|
3023
3020
|
*/
|
3024
|
-
declare const PlayPauseButton:
|
3021
|
+
declare const PlayPauseButton: React$1.ForwardRefExoticComponent<BoxProps & {
|
3025
3022
|
variant?: _chakra_ui_react.ConditionalValue<"play" | "jumpSkip" | undefined>;
|
3026
3023
|
size?: _chakra_ui_react.ConditionalValue<"sm" | "lg" | undefined>;
|
3027
3024
|
} & {
|
3028
|
-
children?:
|
3025
|
+
children?: React$1.ReactNode | undefined;
|
3029
3026
|
} & {
|
3030
3027
|
onClick: () => void;
|
3031
3028
|
"aria-label"?: string;
|
3032
3029
|
disabled?: boolean;
|
3033
3030
|
playing: boolean;
|
3034
3031
|
size: "sm" | "lg";
|
3035
|
-
} &
|
3032
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
3036
3033
|
|
3037
3034
|
/**
|
3038
3035
|
* A skip button.
|
@@ -3045,28 +3042,28 @@ declare const PlayPauseButton: React__default.ForwardRefExoticComponent<BoxProps
|
|
3045
3042
|
* <SkipButton direction="forward" onClick={onNextChapter} />
|
3046
3043
|
* ```
|
3047
3044
|
*/
|
3048
|
-
declare const SkipButton:
|
3045
|
+
declare const SkipButton: React$1.ForwardRefExoticComponent<BoxProps & {
|
3049
3046
|
variant?: _chakra_ui_react.ConditionalValue<"play" | "jumpSkip" | undefined>;
|
3050
3047
|
size?: _chakra_ui_react.ConditionalValue<"sm" | "lg" | undefined>;
|
3051
3048
|
} & {
|
3052
|
-
children?:
|
3049
|
+
children?: React$1.ReactNode | undefined;
|
3053
3050
|
} & {
|
3054
3051
|
onClick: () => void;
|
3055
3052
|
"aria-label"?: string;
|
3056
3053
|
disabled?: boolean;
|
3057
3054
|
direction: "backward" | "forward";
|
3058
3055
|
size: "sm" | "lg";
|
3059
|
-
} &
|
3056
|
+
} & React$1.RefAttributes<HTMLButtonElement>>;
|
3060
3057
|
|
3061
3058
|
type NudgeProps = {
|
3062
3059
|
introducedDate: string;
|
3063
3060
|
} & PopoverRootProps;
|
3064
|
-
declare const Nudge: (props: NudgeProps) =>
|
3061
|
+
declare const Nudge: (props: NudgeProps) => react_jsx_runtime.JSX.Element | null;
|
3065
3062
|
declare const NudgeTrigger: React__default.ForwardRefExoticComponent<Popover$1.TriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
3066
3063
|
declare const NudgeContent: React__default.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
3067
|
-
declare const NudgeActions: ({
|
3064
|
+
declare const NudgeActions: ({ ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
|
3068
3065
|
declare const NudgeWizardStep: {
|
3069
|
-
({ children }: PropsWithChildren):
|
3066
|
+
({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
|
3070
3067
|
displayName: string;
|
3071
3068
|
};
|
3072
3069
|
declare const NudgeCloseTrigger: React__default.ForwardRefExoticComponent<Popover$1.TriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
@@ -3082,7 +3079,7 @@ declare const PaginationEllipsis: React$1.ForwardRefExoticComponent<Pagination$1
|
|
3082
3079
|
declare const PaginationItem: React$1.ForwardRefExoticComponent<Pagination$1.ItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
3083
3080
|
declare const PaginationPrevTrigger: React$1.ForwardRefExoticComponent<Pagination$1.PrevTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
3084
3081
|
declare const PaginationNextTrigger: React$1.ForwardRefExoticComponent<Pagination$1.NextTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
3085
|
-
declare const PaginationItems: (props: React$1.HTMLAttributes<HTMLElement> & {}) =>
|
3082
|
+
declare const PaginationItems: (props: React$1.HTMLAttributes<HTMLElement> & {}) => react_jsx_runtime.JSX.Element;
|
3086
3083
|
|
3087
3084
|
declare const Popover: React__default.FC<Popover$1.RootProps>;
|
3088
3085
|
declare const PopoverTrigger: React__default.ForwardRefExoticComponent<Popover$1.TriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
@@ -3163,7 +3160,7 @@ import { theme } from '../../../../apps/docs/app/features/portable-text/code-blo
|
|
3163
3160
|
* );
|
3164
3161
|
* ```
|
3165
3162
|
*/
|
3166
|
-
declare const SporProvider: ({ language, theme, children, }: SporProviderProps) =>
|
3163
|
+
declare const SporProvider: ({ language, theme, children, }: SporProviderProps) => react_jsx_runtime.JSX.Element;
|
3167
3164
|
|
3168
3165
|
declare const stepperSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "title" | "closeButton" | "container" | "innerContainer" | "stepCounter" | "stepContainer" | "stepButton" | "stepNumber" | "stepTitle" | "backButton", {
|
3169
3166
|
variant: {
|
@@ -3218,10 +3215,10 @@ type StepperVariantProps = RecipeVariantProps<typeof stepperSlotRecipe>;
|
|
3218
3215
|
* />
|
3219
3216
|
* ```
|
3220
3217
|
**/
|
3221
|
-
declare const Stepper:
|
3218
|
+
declare const Stepper: React$1.ForwardRefExoticComponent<{
|
3222
3219
|
variant?: _chakra_ui_react.ConditionalValue<"core" | "accent" | undefined>;
|
3223
3220
|
} & {
|
3224
|
-
children?:
|
3221
|
+
children?: React$1.ReactNode | undefined;
|
3225
3222
|
} & {
|
3226
3223
|
/** Callback for when a step is clicked */
|
3227
3224
|
onClick: (clickedStep: number) => void;
|
@@ -3248,7 +3245,7 @@ declare const Stepper: React__default.ForwardRefExoticComponent<{
|
|
3248
3245
|
variant: "core" | "accent";
|
3249
3246
|
/** Disables all clicks */
|
3250
3247
|
disabled?: boolean;
|
3251
|
-
} &
|
3248
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
3252
3249
|
|
3253
3250
|
type StepperStepProps = PropsWithChildren<StepperVariantProps> & {
|
3254
3251
|
children: React__default.ReactNode;
|
@@ -3256,7 +3253,7 @@ type StepperStepProps = PropsWithChildren<StepperVariantProps> & {
|
|
3256
3253
|
variant: "core" | "accent";
|
3257
3254
|
disabled?: boolean;
|
3258
3255
|
};
|
3259
|
-
declare const StepperStep: ({ children, stepNumber, variant, disabled: disabledOverride, }: StepperStepProps) =>
|
3256
|
+
declare const StepperStep: ({ children, stepNumber, variant, disabled: disabledOverride, }: StepperStepProps) => react_jsx_runtime.JSX.Element;
|
3260
3257
|
|
3261
3258
|
declare const tabsSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "indicator" | "content" | "list" | "trigger", {
|
3262
3259
|
fitted: {
|
@@ -3646,16 +3643,16 @@ type TableProps = Exclude<TableRootProps, "variant" | "colorPalette"> & PropsWit
|
|
3646
3643
|
* </Table>
|
3647
3644
|
* ```
|
3648
3645
|
*/
|
3649
|
-
declare const Table:
|
3646
|
+
declare const Table: React$1.ForwardRefExoticComponent<Table$1.RootProps & {
|
3650
3647
|
colorPalette?: _chakra_ui_react.ConditionalValue<"white" | "green" | "grey" | undefined>;
|
3651
3648
|
variant?: _chakra_ui_react.ConditionalValue<"ghost" | "core" | undefined>;
|
3652
3649
|
size?: _chakra_ui_react.ConditionalValue<"sm" | "md" | "lg" | undefined>;
|
3653
3650
|
} & {
|
3654
|
-
children?:
|
3651
|
+
children?: React$1.ReactNode | undefined;
|
3655
3652
|
} & {
|
3656
3653
|
variant?: "ghost" | "core";
|
3657
3654
|
colorPalette?: "grey" | "green" | "white";
|
3658
|
-
} &
|
3655
|
+
} & React$1.RefAttributes<HTMLTableElement>>;
|
3659
3656
|
|
3660
3657
|
declare const themes: {
|
3661
3658
|
VyDigital: _chakra_ui_react.SystemContext;
|
@@ -3685,9 +3682,9 @@ declare const createToast: ({ text, variant, id, duration, }: ToastProps) => str
|
|
3685
3682
|
type BadgeProps = BadgeProps$1 & {
|
3686
3683
|
icon?: IconComponent;
|
3687
3684
|
};
|
3688
|
-
declare const Badge:
|
3685
|
+
declare const Badge: React$1.ForwardRefExoticComponent<BadgeProps$1 & {
|
3689
3686
|
icon?: IconComponent;
|
3690
|
-
} &
|
3687
|
+
} & React$1.RefAttributes<HTMLSpanElement>>;
|
3691
3688
|
|
3692
3689
|
declare const Code: React__default.ForwardRefExoticComponent<{
|
3693
3690
|
colorPalette?: _chakra_ui_react.ConditionalValue<undefined>;
|
@@ -3724,14 +3721,14 @@ type HeadingProps = Omit<HeadingProps$1, "textStyle" | "as"> & {
|
|
3724
3721
|
* <Heading as="h1" autoId>Page heading</Heading> // Will set id="page-heading"
|
3725
3722
|
* ```
|
3726
3723
|
*/
|
3727
|
-
declare const Heading:
|
3724
|
+
declare const Heading: React$1.ForwardRefExoticComponent<Omit<HeadingProps$1, "textStyle" | "as"> & {
|
3728
3725
|
/** The heading level, e.g. h1, h2, h3... **/
|
3729
3726
|
as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
3730
3727
|
/** The size and style of the heading. Defaults to xl-display */
|
3731
3728
|
variant?: ConditionalValue<"sm" | "md" | "lg" | "xxl" | "xl-display" | "xl-sans" | "xs">;
|
3732
3729
|
/** If true, generate an ID based on the children */
|
3733
3730
|
autoId?: boolean;
|
3734
|
-
} &
|
3731
|
+
} & React$1.RefAttributes<HTMLHeadingElement>>;
|
3735
3732
|
|
3736
3733
|
type TextProps = Omit<TextProps$1, "textStyle"> & {
|
3737
3734
|
/** The size and style of the text.
|
@@ -3747,13 +3744,13 @@ type TextProps = Omit<TextProps$1, "textStyle"> & {
|
|
3747
3744
|
* <Text>Welcome to this paragraph of text.</Text>
|
3748
3745
|
* ```
|
3749
3746
|
*/
|
3750
|
-
declare const Text:
|
3747
|
+
declare const Text: React$1.ForwardRefExoticComponent<Omit<TextProps$1, "textStyle"> & {
|
3751
3748
|
/** The size and style of the text.
|
3752
3749
|
*
|
3753
3750
|
* Defaults to "sm"
|
3754
3751
|
* textStyle values are: "sm" | "md" | "lg" | "2xl" | "xl-display" | "xl-sans" | "xs" */
|
3755
3752
|
variant?: TextProps$1["textStyle"];
|
3756
|
-
} &
|
3753
|
+
} & React$1.RefAttributes<HTMLParagraphElement>>;
|
3757
3754
|
|
3758
3755
|
/**
|
3759
3756
|
* Makes a slug-version of any string.
|
@@ -3766,4 +3763,4 @@ declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps$1, "
|
|
3766
3763
|
**/
|
3767
3764
|
declare function slugify(text: string | string[], maxLength?: number): string;
|
3768
3765
|
|
3769
|
-
export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb,
|
3766
|
+
export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariantProps, CardSelect, CardSelectContent, CardSelectTrigger, type CardSelectTriggerProps, CargonetLogo, type CargonetLogoProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, ChoiceChip, type ChoiceChipProps, Clipboard, ClipboardButton, CloseButton, type CloseButtonProps, CloseDrawerLine, Code, ColorInlineLoader, type ColorInlineLoaderProps, type ColorMode, ColorModeButton, ColorModeIcon, ColorModeProvider, type ColorModeProviderProps, ColorSpinner, type ColorSpinnerProps, Combobox, type ComboboxProps, ContentLoader, type ContentLoaderProps, type CountryCodeAndPhoneNumber, DarkFullScreenLoader, DarkInlineLoader, type DarkInlineLoaderProps, DarkSpinner, type DarkSpinnerProps, DatePicker, type DatePickerVariantProps, DateRangePicker, DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger, Drawer, DrawerActionTrigger, DrawerBackTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerFooter, DrawerFullScreenHeader, DrawerHeader, DrawerTitle, DrawerTrigger, Expandable, ExpandableAlert, ExpandableItem, Field, FieldErrorText, FieldLabel, type FieldProps, Fieldset, FieldsetContent, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FloatingActionButton, type GroupVariantProps, Heading, type HeadingProps, IconButton, type IconButtonProps, InfoTag, type InfoTagProps, Input, type InputProps, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, type LightInlineLoaderProps, LightSpinner, type LightSpinnerProps, LineIcon, type LineIconProps, type LinkProps, List, ListBox, ListIndicator, ListItem, type MediaControllerVariantProps, NativeSelect, type NativeSelectdProps, Nudge, NudgeActions, NudgeCloseTrigger, NudgeContent, type NudgeProps, NudgeTrigger, NudgeWizardStep, NumericStepper, type NumericStepperProps, Pagination, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPrevTrigger, PasswordInput, type PasswordInputProps, type PasswordVisibilityProps, PhoneNumberInput, PlayPauseButton, Popover, PopoverContent, type PopoverProps, PopoverTrigger, PressableCard, ProgressBar, type ProgressBarProps, ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorVariantProps, ProgressLoader, type ProgressLoaderProps, type ProgressLoaderVariantProps, Radio, RadioCard, RadioCardGroup, RadioCardLabel, RadioGroup, type RadioProps, SearchInput, type SearchInputProps, Select, SelectContent, SelectItem, SelectItemGroup, SelectItemText, SelectLabel, type SelectProps, SelectRoot, SelectTrigger, SelectValueText, Separator, ServiceAlert, Skeleton, SkeletonCircle, type SkeletonCircleProps, type SkeletonProps, SkeletonText, type SkeletonTextProps, SkipButton, type SpinnerProps, SporProvider, StaticCard, type StaticCardProps, Stepper, StepperStep, type StepperVariantProps, SvgBox, Switch, type SwitchProps, Table, type TableProps, Tabs, TabsContent, TabsIndicator, TabsList, type TabsProps, TabsTrigger, Text, TextLink, type TextProps, Textarea, type TextareaProps, TimePicker, type TranslationObject, type Translations, TravelTag, type TravelTagProps, type UseColorModeReturn, VyLogo, VyLogoPride, type VyLogoPrideProps, createTexts, createToast, fontFaces, slugify, system, themes, useColorMode, useColorModeValue, useTranslation };
|