@norges-domstoler/dds-components 0.0.0-dev-20260212132904 → 0.0.0-dev-20260216123749

package/dist/index.d.mts

@@ -897,7 +897,7 @@ declare const focusVisible: {
     outlineOffset: string;
     boxShadow: string;
 };
-declare const focusVisibleTransitionValue = "outline-offset 0.2s";
+declare const focusVisibleTransitionValue = "outline-offset var(--dds-motion-micro-state)";
 declare const focusVisibleInset: {
     outline: string;
     outlineOffset: string;
@@ -916,7 +916,6 @@ declare const scrollbarStyling: {
         background: string;
     };
 };
-declare const visibilityTransition: (open: boolean) => string;
 /**
  * Generelle utils
  */
@@ -1794,14 +1793,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#007d79";
         ddsColorData09Subtle: "#90ccc9";
         ddsColorData09Border: "#007d79";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f1f3f4";
         ddsColorSurfaceDefault: "#ffffff";
@@ -2226,14 +2221,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#5dafad";
         ddsColorData09Subtle: "#006461";
         ddsColorData09Border: "#5dafad";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#181a1c";
         ddsColorBgSubtle: "#22272a";
         ddsColorSurfaceDefault: "#181a1c";
@@ -2658,14 +2649,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#007d79";
         ddsColorData09Subtle: "#90ccc9";
         ddsColorData09Border: "#007d79";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f1f3f4";
         ddsColorSurfaceDefault: "#ffffff";
@@ -3090,14 +3077,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#5dafad";
         ddsColorData09Subtle: "#006461";
         ddsColorData09Border: "#5dafad";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#181a1c";
         ddsColorBgSubtle: "#22272a";
         ddsColorSurfaceDefault: "#181a1c";
@@ -5364,4 +5347,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, type AnimatedChevronUpDownIconStates, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DropdownHeader, DropdownItem, type DropdownItemButtonProps, type DropdownItemCustomProps, type DropdownItemProps, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ErrorSummary, ErrorSummaryItem, type ErrorSummaryItemProps, type ErrorSummaryProps, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, type FloatingStyles, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, type FormSummaryProps, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GroupIcon, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, OverflowMenuToggle, type OverflowMenuToggleProps, Pagination, type PaginationOption, type PaginationProps, PanelLeftIcon, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PublishIcon, type Purpose, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, SectionIcon, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilledIcon, StarIcon, type StaticTypographyType, StickyNoteIcon, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, SunIcon, SupportIcon, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyLongType, type TypographyBodyShortType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, typographyTypes, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };
+export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, type AnimatedChevronUpDownIconStates, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DropdownHeader, DropdownItem, type DropdownItemButtonProps, type DropdownItemCustomProps, type DropdownItemProps, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ErrorSummary, ErrorSummaryItem, type ErrorSummaryItemProps, type ErrorSummaryProps, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, type FloatingStyles, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, type FormSummaryProps, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GroupIcon, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, OverflowMenuToggle, type OverflowMenuToggleProps, Pagination, type PaginationOption, type PaginationProps, PanelLeftIcon, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PublishIcon, type Purpose, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, SectionIcon, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilledIcon, StarIcon, type StaticTypographyType, StickyNoteIcon, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, SunIcon, SupportIcon, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyLongType, type TypographyBodyShortType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, typographyTypes, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };

package/dist/index.d.ts

@@ -897,7 +897,7 @@ declare const focusVisible: {
     outlineOffset: string;
     boxShadow: string;
 };
-declare const focusVisibleTransitionValue = "outline-offset 0.2s";
+declare const focusVisibleTransitionValue = "outline-offset var(--dds-motion-micro-state)";
 declare const focusVisibleInset: {
     outline: string;
     outlineOffset: string;
@@ -916,7 +916,6 @@ declare const scrollbarStyling: {
         background: string;
     };
 };
-declare const visibilityTransition: (open: boolean) => string;
 /**
  * Generelle utils
  */
@@ -1794,14 +1793,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#007d79";
         ddsColorData09Subtle: "#90ccc9";
         ddsColorData09Border: "#007d79";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f1f3f4";
         ddsColorSurfaceDefault: "#ffffff";
@@ -2226,14 +2221,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#5dafad";
         ddsColorData09Subtle: "#006461";
         ddsColorData09Border: "#5dafad";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#181a1c";
         ddsColorBgSubtle: "#22272a";
         ddsColorSurfaceDefault: "#181a1c";
@@ -2658,14 +2649,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#007d79";
         ddsColorData09Subtle: "#90ccc9";
         ddsColorData09Border: "#007d79";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f1f3f4";
         ddsColorSurfaceDefault: "#ffffff";
@@ -3090,14 +3077,10 @@ declare function useTheme(): {
         ddsColorData09Default: "#5dafad";
         ddsColorData09Subtle: "#006461";
         ddsColorData09Border: "#5dafad";
-        ddsMotionDurationMedium: "200ms";
-        ddsMotionDurationFast: "100ms";
-        ddsMotionDurationSlow: "400ms";
-        ddsMotionDurationXfast: "50ms";
-        ddsMotionDurationXslow: "600ms";
-        ddsMotionDurationXxslow: "800ms";
-        ddsMotionEasingLinear: "linear";
-        ddsMotionEasingInOut: "cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionMicroState: "200ms linear";
+        ddsMotionSurface: "200ms cubic-bezier(0.4, 0, 0.2, 1)";
+        ddsMotionChevron: "200ms linear";
+        ddsMotionAnimationSkeleton: "800ms cubic-bezier(0.4, 0, 0.2, 1) infinite alternate";
         ddsColorBgDefault: "#181a1c";
         ddsColorBgSubtle: "#22272a";
         ddsColorSurfaceDefault: "#181a1c";
@@ -5364,4 +5347,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, type AnimatedChevronUpDownIconStates, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DropdownHeader, DropdownItem, type DropdownItemButtonProps, type DropdownItemCustomProps, type DropdownItemProps, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ErrorSummary, ErrorSummaryItem, type ErrorSummaryItemProps, type ErrorSummaryProps, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, type FloatingStyles, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, type FormSummaryProps, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GroupIcon, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, OverflowMenuToggle, type OverflowMenuToggleProps, Pagination, type PaginationOption, type PaginationProps, PanelLeftIcon, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PublishIcon, type Purpose, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, SectionIcon, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilledIcon, StarIcon, type StaticTypographyType, StickyNoteIcon, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, SunIcon, SupportIcon, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyLongType, type TypographyBodyShortType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, typographyTypes, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };
+export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDownIcon, type AnimatedChevronUpDownIconStates, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BriefcaseIcon, BuildIcon, BuildingIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, CardSelectable, CardSelectableGroup, type CardSelectableGroupProps, type CardSelectableProps, CaringIcon, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DETAIL_LIST_SIZES, DatePicker, type DatePickerProps, DateRangeIcon, DdsProvider, type DdsProviderProps, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, DropdownHeader, DropdownItem, type DropdownItemButtonProps, type DropdownItemCustomProps, type DropdownItemProps, ELEVATIONS, EditAltIcon, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ErrorSummary, ErrorSummaryItem, type ErrorSummaryItemProps, type ErrorSummaryProps, ExclaimIcon, ExpandIcon, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FindInPageIcon, FlagFilledIcon, FlagIcon, FlickrIcon, type FloatingStyles, FloppyDiskIcon, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FormSummary, FormSummaryEditButton, FormSummaryEmptyValue, FormSummaryError, FormSummaryField, FormSummaryFields, FormSummaryHeader, FormSummaryHeading, FormSummaryLabel, type FormSummaryProps, FormSummaryValue, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GroupIcon, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassEmptyIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditSelect, type InlineEditSelectProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, InputMessage, type InputMessageProps, type InputMessageType, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, L_MESSAGE_PURPOSES, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LocationOffIcon, LockFilledIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MapIcon, MenuIcon, MinusCircledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, type NativeSelectProps, NotarialIcon, NotebookPenIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, OverflowMenuToggle, type OverflowMenuToggleProps, Pagination, type PaginationOption, type PaginationProps, PanelLeftIcon, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PublishIcon, type Purpose, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, type RemoteFile, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, RowsIcon, ScaleIcon, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, SectionIcon, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilledIcon, StarIcon, type StaticTypographyType, StickyNoteIcon, StylelessButton, type StylelessButtonProps, StylelessList, type StylelessListProps, StylelessOList, type StylelessOListProps, SunIcon, SupportIcon, type SvgIcon, type SvgProps, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThumbDownFilledIcon, ThumbDownIcon, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyLongType, type TypographyBodyShortType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseControllableGroupStateProps, type UseControllableStateProps, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createPurposes, createSelectOptions, createSizes, dateValueToNativeDate, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getColorCn, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderInputMessage, scrollbarStyling, typographyTypes, useCallbackRef, useCombinedRef, useControllableGroupState, useControllableState, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize };

package/dist/index.js

@@ -414,8 +414,7 @@ __export(index_exports, {
   useRoveFocus: () => useRoveFocus,
   useScreenSize: () => useScreenSize,
   useTheme: () => useTheme,
-  useWindowResize: () => useWindowResize,
-  visibilityTransition: () => visibilityTransition
+  useWindowResize: () => useWindowResize
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -2086,7 +2085,7 @@ var focusVisible = {
   outlineOffset,
   boxShadow: "0 0 0 2px var(--dds-color-focus-inside)"
 };
-var focusVisibleTransitionValue = "outline-offset 0.2s";
+var focusVisibleTransitionValue = "outline-offset var(--dds-motion-micro-state)";
 var focusVisibleInset = {
   outline: "var(--dds-color-focus-outside) 2px solid",
   outlineOffset: outlineInset
@@ -2110,17 +2109,6 @@ var scrollbarStyling = {
     background: "var(--dds-color-surface-scrollbar)"
   }
 };
-var visibilityTransition = (open) => {
-  return `
-      @media (prefers-reduced-motion: no-preference) {
-        transition:
-          visibility 0.4s,
-          opacity 0.2s;
-      }
-      visibility: ${open ? "visible" : "hidden"};
-      opacity: ${open ? 1 : 0};
-    `;
-};
 var hideInput = {
   clip: "rect(0 0 0 0)",
   position: "absolute",
@@ -8877,7 +8865,7 @@ var RatingComponent = ({
         /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("h2", { className: typographyStyles_default["label-medium"], children: ratingLabel }),
         loading ? /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Spinner, { tooltip: t(texts14.uploadingFeedback) }) : /* @__PURE__ */ (0, import_jsx_runtime271.jsxs)(HStack, { gap: "x1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Tooltip, { text: thumbUpTooltip, children: button("positive", layout, thumbUpTooltip) }),
-          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Tooltip, { text: thumbDownTooltip, children: /* @__PURE__ */ (0, import_jsx_runtime271.jsx)("div", { children: button("negative", layout, thumbDownTooltip) }) })
+          /* @__PURE__ */ (0, import_jsx_runtime271.jsx)(Tooltip, { text: thumbDownTooltip, children: button("negative", layout, thumbDownTooltip) })
         ] })
       ]
     }
@@ -10986,7 +10974,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     border: "1px solid",
     borderColor: "var(--dds-color-border-default)",
     backgroundColor: "var(--dds-color-surface-default)",
-    transition: `box-shadow 0.2s, border-color 0.2s, ${focusVisibleTransitionValue}`,
+    transition: `box-shadow var(--dds-motion-micro-state), border-color var(--dds-motion-micro-state), ${focusVisibleTransitionValue}`,
     ...control[size2],
     "&:hover": {
       ...!isReadOnly && {
@@ -11033,7 +11021,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
   dropdownIndicator: (provided, state) => ({
     display: "inline-flex",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "color 0.2s, transform 0.2s"
+      transition: "color var(--dds-motion-micro-state), transform var(--dds-motion-chevron)"
     },
     padding: 0,
     color: "var(--dds-color-icon-default)",
@@ -11088,7 +11076,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     borderEndEndRadius: "var(--dds-border-radius-surface)",
     borderStartEndRadius: "var(--dds-border-radius-surface)",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "color 0.2s, background-color 0.2s, box-shadow 0.2s"
+      transition: "color var(--dds-motion-micro-state), background-color var(--dds-motion-micro-state), box-shadow var(--dds-motion-micro-state)"
     },
     "&:hover": {
       backgroundColor: "var(--dds-color-surface-hover-default)"
@@ -11100,7 +11088,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     width: "100%",
     boxShadow: "var(--dds-shadow-medium)",
     zIndex: 100,
-    transition: "0.2s",
+    transition: "var(--dds-motion-surface)",
     border: "1px solid var(--dds-color-border-default)",
     backgroundColor: "var(--dds-color-surface-default)",
     borderRadius: "var(--dds-border-radius-surface)",
@@ -11136,7 +11124,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     ...typography.option.medium,
     color: "var(--dds-color-text-default)",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "color 0.2s, background-color 0.2s"
+      transition: "color var(--dds-motion-micro-state), background-color var(--dds-motion-micro-state)"
     },
     "&:hover": {
       color: "var(--dds-color-text-default)",
@@ -11161,7 +11149,7 @@ var getCustomStyles = (size2, hasError, hasIcon, isReadOnly) => ({
     color: "var(--dds-color-icon-default)",
     borderRadius: "var(--dds-border-radius-button)",
     "@media (prefers-reduced-motion: no-preference)": {
-      transition: "background-color 0.2s"
+      transition: "background-color var(--dds-motion-micro-state)"
     },
     "&:hover": {
       backgroundColor: "var(--dds-color-surface-hover-default)"
@@ -15544,7 +15532,6 @@ ToggleButtonGroup.displayName = "ToggleButtonGroup";
   useRoveFocus,
   useScreenSize,
   useTheme,
-  useWindowResize,
-  visibilityTransition
+  useWindowResize
 });
 //# sourceMappingURL=index.js.map