@vygruppen/spor-react 12.0.5 → 12.0.7

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.
@@ -1,9 +1,9 @@
1
1
 
2
- > @vygruppen/spor-react@12.0.5 build /home/runner/work/spor/spor/packages/spor-react
2
+ > @vygruppen/spor-react@12.0.7 build /home/runner/work/spor/spor/packages/spor-react
3
3
  > pnpm typegen && tsup
4
4
 
5
5
 
6
- > @vygruppen/spor-react@12.0.5 typegen /home/runner/work/spor/spor/packages/spor-react
6
+ > @vygruppen/spor-react@12.0.7 typegen /home/runner/work/spor/spor/packages/spor-react
7
7
  > npx @chakra-ui/cli typegen src/theme/index.ts
8
8
 
9
9
  ┌ Chakra CLI ⚡️
@@ -16,7 +16,8 @@
16
16
  [?25h[?25l│
17
17
  ◇ ✅ Generated utility typings
18
18
  [?25h[?25l│
19
- ◇ Generated token typings
19
+ ◒ Generating token types...
20
+ ◇ ✅ Generated token typings
20
21
  [?25h[?25l│
21
22
  ◒ Generating system types...
22
23
  ◇ ✅ Generated system types
@@ -31,12 +32,12 @@ CLI Target: node16
31
32
  CJS Build start
32
33
  ESM Build start
33
34
  DTS Build start
34
- ESM dist/index.mjs 292.82 KB
35
- ESM dist/index.mjs.map 619.95 KB
36
- ESM ⚡️ Build success in 1854ms
37
- CJS dist/index.js 312.04 KB
38
- CJS dist/index.js.map 619.95 KB
39
- CJS ⚡️ Build success in 1855ms
40
- DTS ⚡️ Build success in 22522ms
41
- DTS dist/index.d.ts 133.66 KB
42
- DTS dist/index.d.mts 133.66 KB
35
+ CJS dist/index.js 312.51 KB
36
+ CJS dist/index.js.map 620.50 KB
37
+ CJS ⚡️ Build success in 1917ms
38
+ ESM dist/index.mjs 293.23 KB
39
+ ESM dist/index.mjs.map 620.50 KB
40
+ ESM ⚡️ Build success in 1920ms
41
+ DTS ⚡️ Build success in 21178ms
42
+ DTS dist/index.d.ts 134.71 KB
43
+ DTS dist/index.d.mts 134.71 KB
@@ -1,5 +1,5 @@
1
1
 
2
- > @vygruppen/spor-react@12.0.5 typegen /home/runner/work/spor/spor/packages/spor-react
2
+ > @vygruppen/spor-react@12.0.7 typegen /home/runner/work/spor/spor/packages/spor-react
3
3
  > npx @chakra-ui/cli typegen src/theme/index.ts
4
4
 
5
5
  ┌ Chakra CLI ⚡️
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @vygruppen/spor-react
2
2
 
3
+ ## 12.0.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [8c18ea0]
8
+ - @vygruppen/spor-icon-react@4.0.3
9
+
10
+ ## 12.0.6
11
+
12
+ ### Patch Changes
13
+
14
+ - c46ed68: ExpandableAlert: Fix hover styling
15
+ - 4db8289: Field: Added Field to index.ts
16
+
3
17
  ## 12.0.5
4
18
 
5
19
  ### Patch Changes
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
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, 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, 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';
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, 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
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, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
4
4
  import * as React$1 from 'react';
5
5
  import React__default, { PropsWithChildren, ReactNode, ChangeEvent } from 'react';
@@ -1257,7 +1257,7 @@ declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.Er
1257
1257
  declare const fieldSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "label" | "requiredIndicator" | "helperText" | "errorText", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "label" | "requiredIndicator" | "helperText" | "errorText">>;
1258
1258
 
1259
1259
  type FieldVariantProps = RecipeVariantProps<typeof fieldSlotRecipe>;
1260
- type FieldProps = Omit<Field.RootProps, "label"> & React$1.PropsWithChildren<FieldVariantProps> & {
1260
+ type FieldProps = Omit<Field$1.RootProps, "label"> & React$1.PropsWithChildren<FieldVariantProps> & {
1261
1261
  /** Label for the component */
1262
1262
  label?: React$1.ReactNode;
1263
1263
  /** Add helpertext underneath the input */
@@ -1265,6 +1265,34 @@ type FieldProps = Omit<Field.RootProps, "label"> & React$1.PropsWithChildren<Fie
1265
1265
  /** Add error text underneath the input */
1266
1266
  errorText?: React$1.ReactNode;
1267
1267
  };
1268
+ /**
1269
+ *
1270
+ * Field is a component that wraps around other input components, like `Input` and `Select`.
1271
+ *
1272
+ * It can have a label, helper text, and error text.
1273
+ *
1274
+ * ```tsx
1275
+ *
1276
+ * <Field label="E-mail">
1277
+ * <Input />
1278
+ * </Field>
1279
+ *
1280
+ * ```
1281
+ *
1282
+ * This component is not exported and should be used as a wrapper for other input components.
1283
+ */
1284
+ declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "label"> & {
1285
+ children?: React$1.ReactNode | undefined;
1286
+ } & {
1287
+ /** Label for the component */
1288
+ label?: React$1.ReactNode;
1289
+ /** Add helpertext underneath the input */
1290
+ helperText?: React$1.ReactNode;
1291
+ /** Add error text underneath the input */
1292
+ errorText?: React$1.ReactNode;
1293
+ } & React$1.RefAttributes<HTMLDivElement>>;
1294
+ declare const FieldErrorText: React$1.ForwardRefExoticComponent<Field$1.ErrorTextProps & React$1.RefAttributes<HTMLDivElement>>;
1295
+ declare const FieldLabel: React$1.ForwardRefExoticComponent<Field$1.LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
1268
1296
 
1269
1297
  type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette"> & FieldProps & {
1270
1298
  /** The input's label */
@@ -3774,4 +3802,4 @@ declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps$1, "
3774
3802
  **/
3775
3803
  declare function slugify(text: string | string[], maxLength?: number): string;
3776
3804
 
3777
- export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, 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, 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 };
3805
+ export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, 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 };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
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, 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, 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';
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, 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
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, defineRecipe, defineStyle, useBreakpointValue, useCheckbox, useClipboard, useControllableProp, useDisclosure, useMediaQuery, useToken } from '@chakra-ui/react';
4
4
  import * as React$1 from 'react';
5
5
  import React__default, { PropsWithChildren, ReactNode, ChangeEvent } from 'react';
@@ -1257,7 +1257,7 @@ declare const FieldsetErrorText: React$1.ForwardRefExoticComponent<Fieldset$1.Er
1257
1257
  declare const fieldSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"root" | "label" | "requiredIndicator" | "helperText" | "errorText", _chakra_ui_react.SlotRecipeVariantRecord<"root" | "label" | "requiredIndicator" | "helperText" | "errorText">>;
1258
1258
 
1259
1259
  type FieldVariantProps = RecipeVariantProps<typeof fieldSlotRecipe>;
1260
- type FieldProps = Omit<Field.RootProps, "label"> & React$1.PropsWithChildren<FieldVariantProps> & {
1260
+ type FieldProps = Omit<Field$1.RootProps, "label"> & React$1.PropsWithChildren<FieldVariantProps> & {
1261
1261
  /** Label for the component */
1262
1262
  label?: React$1.ReactNode;
1263
1263
  /** Add helpertext underneath the input */
@@ -1265,6 +1265,34 @@ type FieldProps = Omit<Field.RootProps, "label"> & React$1.PropsWithChildren<Fie
1265
1265
  /** Add error text underneath the input */
1266
1266
  errorText?: React$1.ReactNode;
1267
1267
  };
1268
+ /**
1269
+ *
1270
+ * Field is a component that wraps around other input components, like `Input` and `Select`.
1271
+ *
1272
+ * It can have a label, helper text, and error text.
1273
+ *
1274
+ * ```tsx
1275
+ *
1276
+ * <Field label="E-mail">
1277
+ * <Input />
1278
+ * </Field>
1279
+ *
1280
+ * ```
1281
+ *
1282
+ * This component is not exported and should be used as a wrapper for other input components.
1283
+ */
1284
+ declare const Field: React$1.ForwardRefExoticComponent<Omit<Field$1.RootProps, "label"> & {
1285
+ children?: React$1.ReactNode | undefined;
1286
+ } & {
1287
+ /** Label for the component */
1288
+ label?: React$1.ReactNode;
1289
+ /** Add helpertext underneath the input */
1290
+ helperText?: React$1.ReactNode;
1291
+ /** Add error text underneath the input */
1292
+ errorText?: React$1.ReactNode;
1293
+ } & React$1.RefAttributes<HTMLDivElement>>;
1294
+ declare const FieldErrorText: React$1.ForwardRefExoticComponent<Field$1.ErrorTextProps & React$1.RefAttributes<HTMLDivElement>>;
1295
+ declare const FieldLabel: React$1.ForwardRefExoticComponent<Field$1.LabelProps & React$1.RefAttributes<HTMLLabelElement>>;
1268
1296
 
1269
1297
  type InputProps = Exclude<InputProps$1, "size" | "label" | "colorPalette"> & FieldProps & {
1270
1298
  /** The input's label */
@@ -3774,4 +3802,4 @@ declare const Text: React__default.ForwardRefExoticComponent<Omit<TextProps$1, "
3774
3802
  **/
3775
3803
  declare function slugify(text: string | string[], maxLength?: number): string;
3776
3804
 
3777
- export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, 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, 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 };
3805
+ export { Accordion, AccordionItem, AccordionItemContent, AccordionItemTrigger, Alert, type AlertProps, AttachedInputs, type AttachedInputsProps, Badge, type BadgeProps, Brand, Breadcrumb, BreadcrumbCurrentLink, BreadcrumbEllipsis, BreadcrumbLink, 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 };
package/dist/index.js CHANGED
@@ -1326,7 +1326,7 @@ var Field = React67__namespace.forwardRef(
1326
1326
  return /* @__PURE__ */ React67__namespace.createElement(react.Field.Root, { ref, ...rest, css: styles.root }, children, helperText && /* @__PURE__ */ React67__namespace.createElement(react.Field.HelperText, null, helperText), label && /* @__PURE__ */ React67__namespace.createElement(react.Field.Label, { css: styles.label }, label), errorText && /* @__PURE__ */ React67__namespace.createElement(react.Field.ErrorText, null, errorText));
1327
1327
  }
1328
1328
  );
1329
- React67__namespace.forwardRef((props, ref) => {
1329
+ var FieldErrorText = React67__namespace.forwardRef((props, ref) => {
1330
1330
  return /* @__PURE__ */ React67__namespace.createElement(react.Field.ErrorText, { ref }, props.children);
1331
1331
  });
1332
1332
  var FieldLabel = react.Field.Label;
@@ -6816,12 +6816,14 @@ var alertExpandableSlotRecipe = react.defineSlotRecipe({
6816
6816
  color: "alert.important.text.secondary"
6817
6817
  },
6818
6818
  itemTrigger: {
6819
- _hover: {
6819
+ "&:hover": {
6820
6820
  bg: "alert.important.surface.hover",
6821
+ outline: "1px solid",
6821
6822
  outlineColor: "alert.important.outline.hover",
6822
- _active: {
6823
- bg: "alert.important.surface.active"
6824
- }
6823
+ outlineOffset: "0px"
6824
+ },
6825
+ "&:active": {
6826
+ bg: "alert.important.surface.active"
6825
6827
  }
6826
6828
  },
6827
6829
  root: {
@@ -6837,10 +6839,12 @@ var alertExpandableSlotRecipe = react.defineSlotRecipe({
6837
6839
  color: "alert.success.text.secondary"
6838
6840
  },
6839
6841
  itemTrigger: {
6840
- _hover: {
6842
+ "&:hover": {
6841
6843
  bg: "alert.success.surface.hover",
6844
+ outline: "1px solid",
6845
+ outlineOffset: "0px",
6842
6846
  outlineColor: "alert.success.outline.hover",
6843
- _active: {
6847
+ "&:active": {
6844
6848
  bg: "alert.success.surface.active"
6845
6849
  }
6846
6850
  }
@@ -6858,10 +6862,12 @@ var alertExpandableSlotRecipe = react.defineSlotRecipe({
6858
6862
  color: "alert.alt.text.secondary"
6859
6863
  },
6860
6864
  itemTrigger: {
6861
- _hover: {
6865
+ "&:hover": {
6862
6866
  bg: "alert.alt.surface.hover",
6867
+ outlineOffset: "0px",
6868
+ outline: "1px solid",
6863
6869
  outlineColor: "alert.alt.outline.hover",
6864
- _active: {
6870
+ "&:active": {
6865
6871
  bg: "alert.alt.surface.active"
6866
6872
  }
6867
6873
  }
@@ -6879,10 +6885,12 @@ var alertExpandableSlotRecipe = react.defineSlotRecipe({
6879
6885
  color: "alert.info.text.secondary"
6880
6886
  },
6881
6887
  itemTrigger: {
6882
- _hover: {
6888
+ "&:hover": {
6883
6889
  bg: "alert.info.surface.hover",
6890
+ outlineOffset: "0px",
6891
+ outline: "1px solid",
6884
6892
  outlineColor: "alert.info.outline.hover",
6885
- _active: {
6893
+ "&:active": {
6886
6894
  bg: "alert.info.surface.active"
6887
6895
  }
6888
6896
  }
@@ -6900,10 +6908,12 @@ var alertExpandableSlotRecipe = react.defineSlotRecipe({
6900
6908
  color: "alert.error.text.secondary"
6901
6909
  },
6902
6910
  itemTrigger: {
6903
- _hover: {
6911
+ "&:hover": {
6904
6912
  bg: "alert.error.surface.hover",
6913
+ outlineOffset: "0px",
6914
+ outline: "1px solid",
6905
6915
  outlineColor: "alert.error.outline.hover",
6906
- _active: {
6916
+ "&:active": {
6907
6917
  bg: "alert.error.surface.active"
6908
6918
  }
6909
6919
  }
@@ -10508,6 +10518,9 @@ exports.DrawerTrigger = DrawerTrigger;
10508
10518
  exports.Expandable = Expandable;
10509
10519
  exports.ExpandableAlert = ExpandableAlert;
10510
10520
  exports.ExpandableItem = ExpandableItem;
10521
+ exports.Field = Field;
10522
+ exports.FieldErrorText = FieldErrorText;
10523
+ exports.FieldLabel = FieldLabel;
10511
10524
  exports.Fieldset = Fieldset;
10512
10525
  exports.FieldsetContent = FieldsetContent;
10513
10526
  exports.FieldsetErrorText = FieldsetErrorText;