npm - @mittwald/flow-react-components - Versions diffs - 0.2.0-alpha.976 → 0.2.0-alpha.978 - Mend

@mittwald/flow-react-components 0.2.0-alpha.976 → 0.2.0-alpha.978

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.

Files changed (86) hide show

package/dist/js/packages/components/src/components/propTypes/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n ContextMenuProps,\n ContextMenuTriggerProps,\n MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n RadioButtonProps,\n RadioGroupProps,\n RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n ContextualHelpProps,\n ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListItemViewContentProps, ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type { MenuTriggerProps } from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\nimport type { MarkdownEditorProps } from \"@/components/MarkdownEditor\";\nimport type { AlertTextProps } from \"@/components/AlertText\";\nimport type { IllustratedMessageProps } from \"@/components/IllustratedMessage\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport type { CodeEditorProps } from \"@/components/CodeEditor\";\nimport type { KbdProps } from \"@/components/Kbd/Kbd\";\nimport type { AccordionProps } from \"@/components/Accordion\";\nimport type { ChatProps } from \"@/components/Chat\";\nimport type { SectionHeaderProps } from \"@/components/Section/components/SectionHeader/SectionHeader\";\nimport type {\n LightBoxGalleryItemProps,\n LightBoxGalleryProps,\n} from \"@/components/LightBox\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n AccentBox: AccentBoxProps;\n Action: ActionProps;\n ActionGroup: ActionGroupProps;\n Accordion: AccordionProps;\n Alert: AlertProps;\n AlertBadge: AlertBadgeProps;\n AlertIcon: AlertIconProps;\n AlertText: AlertTextProps;\n Align: AlignProps;\n Avatar: AvatarProps;\n Autocomplete: AutocompleteProps;\n Badge: BadgeProps;\n Button: ButtonProps;\n CodeEditor: CodeEditorProps;\n Chat: ChatProps;\n Checkbox: CheckboxProps;\n CheckboxButton: CheckboxButtonProps;\n CheckboxGroup: CheckboxGroupProps;\n ColumnLayout: ColumnLayoutProps;\n ComboBox: ComboBoxProps;\n Content: ContentProps;\n ContextMenu: ContextMenuProps;\n ContextMenuSection: ContextMenuSectionProps;\n ContextMenuTrigger: ContextMenuTriggerProps;\n ContextualHelp: ContextualHelpProps;\n ContextualHelpTrigger: ContextualHelpTriggerProps;\n CopyButton: CopyButtonProps;\n CounterBadge: CounterBadgeProps;\n CountryOptions: CountryOptionsProps;\n DatePicker: DatePickerProps<Aria.DateValue>;\n DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n FieldDescription: FieldDescriptionProps;\n FieldError: FieldErrorProps;\n FileCard: FileCardProps;\n FileCardList: FileCardListProps;\n FileField: FileFieldProps;\n FileDropZone: FileDropZoneProps;\n Header: HeaderProps;\n Heading: HeadingProps;\n Icon: IconProps;\n IllustratedMessage: IllustratedMessageProps;\n Image: ImageProps;\n Initials: InitialsProps;\n Label: LabelProps;\n LayoutCard: LayoutCardProps;\n LightBox: LightBoxProps;\n LightBoxGallery: LightBoxGalleryProps;\n LightBoxGalleryItem: LightBoxGalleryItemProps;\n Link: LinkProps;\n List: ListProps<never>;\n ListItemView: ListItemViewContentProps;\n ListSummary: ListSummaryProps;\n MarkdownEditor: MarkdownEditorProps;\n MenuItem: MenuItemProps;\n MenuTrigger: MenuTriggerProps;\n Message: MessageProps;\n MessageThread: MessageThreadProps;\n Modal: ModalProps;\n Navigation: NavigationProps;\n NavigationGroup: NavigationGroupProps;\n NumberField: NumberFieldProps;\n Option: OptionProps;\n Options: OptionsProps;\n Popover: PopoverProps;\n PopoverTrigger: PopoverTriggerProps;\n PasswordCreationField: PasswordCreationFieldProps;\n ProgressBar: ProgressBarProps;\n Radio: RadioProps;\n RadioButton: RadioButtonProps;\n RadioGroup: RadioGroupProps;\n Rating: RatingProps;\n SearchField: SearchFieldProps;\n Section: SectionProps;\n Segment: SegmentProps;\n SegmentedControl: SegmentedControlProps;\n Select: SelectProps;\n Kbd: KbdProps;\n SectionHeader: SectionHeaderProps;\n Slider: SliderProps;\n Switch: SwitchProps;\n Tabs: TabsProps;\n TabTitle: TabsProps;\n Text: TextProps;\n TextArea: TextAreaProps;\n TextField: TextFieldProps;\n TimeField: TimeFieldProps;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n keyof FlowComponentPropsTypes,\n true\n> = {\n AccentBox: true,\n Action: true,\n ActionGroup: true,\n Accordion: true,\n Avatar: true,\n Autocomplete: true,\n Alert: true,\n AlertBadge: true,\n AlertIcon: true,\n AlertText: true,\n Align: true,\n Badge: true,\n Button: true,\n CodeEditor: true,\n Chat: true,\n Checkbox: true,\n CheckboxButton: true,\n CheckboxGroup: true,\n ColumnLayout: true,\n ComboBox: true,\n Content: true,\n ContextMenu: true,\n ContextMenuSection: true,\n ContextMenuTrigger: true,\n ContextualHelp: true,\n ContextualHelpTrigger: true,\n CopyButton: true,\n CounterBadge: true,\n CountryOptions: true,\n DatePicker: true,\n DateRangePicker: true,\n FieldDescription: true,\n FieldError: true,\n FileCard: true,\n FileCardList: true,\n FileField: true,\n FileDropZone: true,\n Header: true,\n Heading: true,\n Icon: true,\n IllustratedMessage: true,\n Image: true,\n Initials: true,\n Kbd: true,\n Label: true,\n LayoutCard: true,\n LightBox: true,\n LightBoxGallery: true,\n LightBoxGalleryItem: true,\n Link: true,\n List: true,\n ListItemView: true,\n ListSummary: true,\n MarkdownEditor: true,\n MenuItem: true,\n MenuTrigger: true,\n Message: true,\n MessageThread: true,\n Modal: true,\n Navigation: true,\n NavigationGroup: true,\n NumberField: true,\n Radio: true,\n Option: true,\n Options: true,\n Popover: true,\n PopoverTrigger: true,\n PasswordCreationField: true,\n ProgressBar: true,\n RadioButton: true,\n RadioGroup: true,\n Rating: true,\n SearchField: true,\n Section: true,\n SectionHeader: true,\n Segment: true,\n SegmentedControl: true,\n Select: true,\n Slider: true,\n Switch: true,\n Tabs: true,\n TabTitle: true,\n TestComponent: true,\n Text: true,\n TextArea: true,\n TextField: true,\n TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { TabNavigationProps } from \"@/components/TabNavigation\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n ContextMenuProps,\n ContextMenuTriggerProps,\n MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n RadioButtonProps,\n RadioGroupProps,\n RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n ContextualHelpProps,\n ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListItemViewContentProps, ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type { MenuTriggerProps } from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\nimport type { NavigationProps } from \"@/components/Navigation\";\nimport type { NavigationGroupProps } from \"@/components/Navigation/components/NavigationGroup\";\nimport type { AutocompleteProps } from \"@/components/Autocomplete/Autocomplete\";\nimport type { OptionsProps } from \"@/components/Options/Options\";\nimport type { MarkdownEditorProps } from \"@/components/MarkdownEditor\";\nimport type { AlertTextProps } from \"@/components/AlertText\";\nimport type { IllustratedMessageProps } from \"@/components/IllustratedMessage\";\nimport type { RatingProps } from \"@/components/Rating\";\nimport type { CodeEditorProps } from \"@/components/CodeEditor\";\nimport type { KbdProps } from \"@/components/Kbd/Kbd\";\nimport type { AccordionProps } from \"@/components/Accordion\";\nimport type { ChatProps } from \"@/components/Chat\";\nimport type { SectionHeaderProps } from \"@/components/Section/components/SectionHeader/SectionHeader\";\nimport type {\n LightBoxGalleryItemProps,\n LightBoxGalleryProps,\n} from \"@/components/LightBox\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n AccentBox: AccentBoxProps;\n Action: ActionProps;\n ActionGroup: ActionGroupProps;\n Accordion: AccordionProps;\n Alert: AlertProps;\n AlertBadge: AlertBadgeProps;\n AlertIcon: AlertIconProps;\n AlertText: AlertTextProps;\n Align: AlignProps;\n Avatar: AvatarProps;\n Autocomplete: AutocompleteProps;\n Badge: BadgeProps;\n Button: ButtonProps;\n CodeEditor: CodeEditorProps;\n Chat: ChatProps;\n Checkbox: CheckboxProps;\n CheckboxButton: CheckboxButtonProps;\n CheckboxGroup: CheckboxGroupProps;\n ColumnLayout: ColumnLayoutProps;\n ComboBox: ComboBoxProps;\n Content: ContentProps;\n ContextMenu: ContextMenuProps;\n ContextMenuSection: ContextMenuSectionProps;\n ContextMenuTrigger: ContextMenuTriggerProps;\n ContextualHelp: ContextualHelpProps;\n ContextualHelpTrigger: ContextualHelpTriggerProps;\n CopyButton: CopyButtonProps;\n CounterBadge: CounterBadgeProps;\n CountryOptions: CountryOptionsProps;\n DatePicker: DatePickerProps<Aria.DateValue>;\n DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n FieldDescription: FieldDescriptionProps;\n FieldError: FieldErrorProps;\n FileCard: FileCardProps;\n FileCardList: FileCardListProps;\n FileField: FileFieldProps;\n FileDropZone: FileDropZoneProps;\n Header: HeaderProps;\n Heading: HeadingProps;\n TabNavigation: TabNavigationProps;\n Icon: IconProps;\n IllustratedMessage: IllustratedMessageProps;\n Image: ImageProps;\n Initials: InitialsProps;\n Label: LabelProps;\n LayoutCard: LayoutCardProps;\n LightBox: LightBoxProps;\n LightBoxGallery: LightBoxGalleryProps;\n LightBoxGalleryItem: LightBoxGalleryItemProps;\n Link: LinkProps;\n List: ListProps<never>;\n ListItemView: ListItemViewContentProps;\n ListSummary: ListSummaryProps;\n MarkdownEditor: MarkdownEditorProps;\n MenuItem: MenuItemProps;\n MenuTrigger: MenuTriggerProps;\n Message: MessageProps;\n MessageThread: MessageThreadProps;\n Modal: ModalProps;\n Navigation: NavigationProps;\n NavigationGroup: NavigationGroupProps;\n NumberField: NumberFieldProps;\n Option: OptionProps;\n Options: OptionsProps;\n Popover: PopoverProps;\n PopoverTrigger: PopoverTriggerProps;\n PasswordCreationField: PasswordCreationFieldProps;\n ProgressBar: ProgressBarProps;\n Radio: RadioProps;\n RadioButton: RadioButtonProps;\n RadioGroup: RadioGroupProps;\n Rating: RatingProps;\n SearchField: SearchFieldProps;\n Section: SectionProps;\n Segment: SegmentProps;\n SegmentedControl: SegmentedControlProps;\n Select: SelectProps;\n Kbd: KbdProps;\n SectionHeader: SectionHeaderProps;\n Slider: SliderProps;\n Switch: SwitchProps;\n Tabs: TabsProps;\n TabTitle: TabsProps;\n Text: TextProps;\n TextArea: TextAreaProps;\n TextField: TextFieldProps;\n TimeField: TimeFieldProps;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n keyof FlowComponentPropsTypes,\n true\n> = {\n AccentBox: true,\n Action: true,\n ActionGroup: true,\n Accordion: true,\n Avatar: true,\n Autocomplete: true,\n Alert: true,\n AlertBadge: true,\n AlertIcon: true,\n AlertText: true,\n Align: true,\n Badge: true,\n Button: true,\n CodeEditor: true,\n Chat: true,\n Checkbox: true,\n CheckboxButton: true,\n CheckboxGroup: true,\n ColumnLayout: true,\n ComboBox: true,\n Content: true,\n ContextMenu: true,\n ContextMenuSection: true,\n ContextMenuTrigger: true,\n ContextualHelp: true,\n ContextualHelpTrigger: true,\n CopyButton: true,\n CounterBadge: true,\n CountryOptions: true,\n DatePicker: true,\n DateRangePicker: true,\n FieldDescription: true,\n FieldError: true,\n FileCard: true,\n FileCardList: true,\n FileField: true,\n FileDropZone: true,\n Header: true,\n Heading: true,\n TabNavigation: true,\n Icon: true,\n IllustratedMessage: true,\n Image: true,\n Initials: true,\n Kbd: true,\n Label: true,\n LayoutCard: true,\n LightBox: true,\n LightBoxGallery: true,\n LightBoxGalleryItem: true,\n Link: true,\n List: true,\n ListItemView: true,\n ListSummary: true,\n MarkdownEditor: true,\n MenuItem: true,\n MenuTrigger: true,\n Message: true,\n MessageThread: true,\n Modal: true,\n Navigation: true,\n NavigationGroup: true,\n NumberField: true,\n Radio: true,\n Option: true,\n Options: true,\n Popover: true,\n PopoverTrigger: true,\n PasswordCreationField: true,\n ProgressBar: true,\n RadioButton: true,\n RadioGroup: true,\n Rating: true,\n SearchField: true,\n Section: true,\n SectionHeader: true,\n Segment: true,\n SegmentedControl: true,\n Select: true,\n Slider: true,\n Switch: true,\n Tabs: true,\n TabTitle: true,\n TestComponent: true,\n Text: true,\n TextArea: true,\n TextField: true,\n TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/lib/dom/createFrameResizeObserver.mjs ADDED Viewed

@@ -0,0 +1,34 @@
+"use client"
+/* */
+const createFrameResizeObserver = (measure) => {
+  let frame = null;
+  const schedule = () => {
+    if (frame !== null) {
+      cancelAnimationFrame(frame);
+    }
+    frame = requestAnimationFrame(() => {
+      frame = null;
+      measure();
+    });
+  };
+  const observer = new ResizeObserver(schedule);
+  return {
+    observe: (targets) => {
+      observer.disconnect();
+      for (const target of targets) {
+        observer.observe(target);
+      }
+    },
+    schedule,
+    disconnect: () => {
+      observer.disconnect();
+      if (frame !== null) {
+        cancelAnimationFrame(frame);
+        frame = null;
+      }
+    }
+  };
+};
+export { createFrameResizeObserver };
+//# sourceMappingURL=createFrameResizeObserver.mjs.map

package/dist/js/packages/components/src/lib/dom/createFrameResizeObserver.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"createFrameResizeObserver.mjs","sources":["../../../../../../../src/lib/dom/createFrameResizeObserver.ts"],"sourcesContent":["export interface FrameResizeObserver {\n /**\n * (Re-)observe exactly the given targets. Any previously observed element is\n * dropped first, so this can be called repeatedly with a changed target set.\n */\n observe: (targets: Iterable<Element>) => void;\n /**\n * Queue a measurement on the next animation frame. Repeated calls before the\n * frame runs coalesce into a single measurement.\n */\n schedule: () => void;\n /** Stop observing and cancel any queued measurement. */\n disconnect: () => void;\n}\n\n/**\n * Wraps a `ResizeObserver` whose measurements are deferred to the next\n * animation frame. Deferring serves two purposes: it coalesces bursts of resize\n * notifications into a single measurement, and it avoids \"ResizeObserver loop\"\n * errors when the measurement itself mutates the layout of observed elements.\n *\n * Lifecycle (creating the observer, when to (re-)observe, when to disconnect)\n * is left to the caller, because the consuming hooks drive it differently —\n * some from a ref callback, some from a layout effect.\n */\nexport const createFrameResizeObserver = (\n measure: () => void,\n): FrameResizeObserver => {\n let frame: number | null = null;\n\n const schedule = () => {\n if (frame !== null) {\n cancelAnimationFrame(frame);\n }\n frame = requestAnimationFrame(() => {\n frame = null;\n measure();\n });\n };\n\n const observer = new ResizeObserver(schedule);\n\n return {\n observe: (targets) => {\n observer.disconnect();\n for (const target of targets) {\n observer.observe(target);\n }\n },\n schedule,\n disconnect: () => {\n observer.disconnect();\n if (frame !== null) {\n cancelAnimationFrame(frame);\n frame = null;\n }\n },\n };\n};\n\nexport default createFrameResizeObserver;\n"],"names":[],"mappings":"AAyBO,MAAM,yBAAA,GAA4B,CACvC,OAAA,KACwB;AACxB,EAAA,IAAI,KAAA,GAAuB,IAAA;AAE3B,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,IAAI,UAAU,IAAA,EAAM;AAClB,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAAA,IAC5B;AACA,IAAA,KAAA,GAAQ,sBAAsB,MAAM;AAClC,MAAA,KAAA,GAAQ,IAAA;AACR,MAAA,OAAA,EAAQ;AAAA,IACV,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,QAAA,GAAW,IAAI,cAAA,CAAe,QAAQ,CAAA;AAE5C,EAAA,OAAO;AAAA,IACL,OAAA,EAAS,CAAC,OAAA,KAAY;AACpB,MAAA,QAAA,CAAS,UAAA,EAAW;AACpB,MAAA,KAAA,MAAW,UAAU,OAAA,EAAS;AAC5B,QAAA,QAAA,CAAS,QAAQ,MAAM,CAAA;AAAA,MACzB;AAAA,IACF,CAAA;AAAA,IACA,QAAA;AAAA,IACA,YAAY,MAAM;AAChB,MAAA,QAAA,CAAS,UAAA,EAAW;AACpB,MAAA,IAAI,UAAU,IAAA,EAAM;AAClB,QAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,QAAA,KAAA,GAAQ,IAAA;AAAA,MACV;AAAA,IACF;AAAA,GACF;AACF;;;;"}

package/dist/js/packages/components/src/lib/hooks/dom/useObserveOverflow.mjs CHANGED Viewed

@@ -1,40 +1,65 @@
 "use client"
 /* */
-import { useRef, useState, useEffect } from 'react';
-import { useCallbackRef } from 'use-callback-ref';
+import { useRef, useState, useCallback, useEffect } from 'react';
+import { createFrameResizeObserver } from '../../dom/createFrameResizeObserver.mjs';
 const useObserveOverflow = () => {
-  const observer = useRef(null);
+  const elementRef = useRef(null);
+  const observerRef = useRef(null);
+  const mutationObserverRef = useRef(null);
   const [isOverflowing, setIsOverflowing] = useState(false);
-  const ref = useCallbackRef(null, (el) => {
-    stopObserver();
-    startObserver(el);
-  });
-  const onIntersectionChange = ([
-    intersection
-  ]) => {
-    if (intersection) {
-      setIsOverflowing(!intersection.isIntersecting);
+  const measureOverflow = useCallback(() => {
+    const element = elementRef.current;
+    const parent = element?.parentElement;
+    if (!element || !parent) {
+      setIsOverflowing(false);
+      return;
     }
-  };
-  const startObserver = (el = ref.current) => {
-    if (el && el instanceof Element) {
-      const newObserver = new IntersectionObserver(onIntersectionChange, {
-        root: el.parentElement,
-        // 1 = invoke callback when the element is 100% visible within the parent element
-        threshold: 1
-      });
-      observer.current = newObserver;
-      newObserver.observe(el);
+    setIsOverflowing(element.scrollWidth - parent.clientWidth > 1);
+  }, []);
+  const observeTargets = useCallback(() => {
+    const element = elementRef.current;
+    if (!element) {
+      return;
     }
-  };
-  const stopObserver = () => {
-    observer.current?.disconnect();
-  };
+    const targets = [element];
+    if (element.parentElement) {
+      targets.push(element.parentElement);
+    }
+    targets.push(...element.children);
+    observerRef.current?.observe(targets);
+  }, []);
+  const stopObservers = useCallback(() => {
+    observerRef.current?.disconnect();
+    mutationObserverRef.current?.disconnect();
+    observerRef.current = null;
+    mutationObserverRef.current = null;
+  }, []);
+  const ref = useCallback(
+    (element) => {
+      stopObservers();
+      elementRef.current = element;
+      if (!element) {
+        setIsOverflowing(false);
+        return;
+      }
+      const observer = createFrameResizeObserver(measureOverflow);
+      observerRef.current = observer;
+      observeTargets();
+      mutationObserverRef.current = new MutationObserver(() => {
+        observeTargets();
+        observer.schedule();
+      });
+      mutationObserverRef.current.observe(element, {
+        childList: true
+      });
+      observer.schedule();
+    },
+    [measureOverflow, observeTargets, stopObservers]
+  );
   useEffect(() => {
-    startObserver();
-    return stopObserver;
-  }, [observer.current]);
+    return stopObservers;
+  }, [stopObservers]);
   return {
     ref,
     isOverflowing

package/dist/js/packages/components/src/lib/hooks/dom/useObserveOverflow.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useObserveOverflow.mjs","sources":["../../../../../../../../src/lib/hooks/dom/useObserveOverflow.~~tsx~~"],"sourcesContent":["import type { ~~RefObject~~ } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { ~~useCallbackRef~~ } from \"~~use-callback-ref~~\";\n\ninterface UseObserveOverflowReturn {\n ref: ~~RefObject~~<~~never~~>;\n isOverflowing: boolean;\n}\n\nexport const useObserveOverflow = (): UseObserveOverflowReturn => {\n const ~~observer~~ = useRef<~~IntersectionObserver~~>(null);\n const [isOverflowing, setIsOverflowing] = useState(false);\n\n const ~~ref~~ = ~~useCallbackRef<never>~~(~~null,~~ (~~el: unknown~~) => {\n ~~stopObserver~~();\n ~~startObserver~~(el);\n });\n\n const ~~onIntersectionChange:~~ ~~IntersectionObserverCallback~~ = ([\n ~~intersection,\~~n ]) => {\n if (~~intersection~~) {\n ~~setIsOverflowing~~(~~!intersection~~.~~isIntersecting~~);\n }\n };\n\n const ~~startObserver~~ = (~~el:~~ ~~unknown~~ = ~~ref~~.current) => {\n if ~~(el~~ && el ~~instanceof Element~~) {\n ~~const~~ ~~newObserver~~ = ~~new~~ ~~IntersectionObserver~~(~~onIntersectionChange,~~ {\n ~~root:~~ el.~~parentElement,\~~n // 1 = ~~invoke~~ ~~callback~~ ~~when~~ ~~the~~ ~~element~~ is ~~100%~~ ~~visible~~ ~~within~~ the ~~parent~~ ~~element~~\n ~~threshold:~~ ~~1.0,\~~n ~~});\~~n\n ~~observer~~.current = ~~newObserver~~;\n ~~newObserver~~.~~observe~~(el);\n }~~\n }~~;\n\n ~~const~~ ~~stopObserver = (~~) ~~=> {~~\n observer.~~current?.disconnect~~();\n };\n\n useEffect(() => {\n ~~startObserver();\n~~ return ~~stopObserver~~;\n }, [~~observer.current~~]);\n\n return {\n ref,\n isOverflowing,\n } ~~as never~~;\n};\n"],"names":[],"mappings":";;;~~AASO~~,MAAM,qBAAqB,MAAgC;AAChE,EAAA,MAAM,~~QAAA~~,~~GAAW~~,~~OAA6B~~,IAAI,CAAA;AAClD,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AAExD,EAAA,MAAM,~~GAAA~~,~~GAAM~~,~~cAAA~~,~~CAAsB~~,IAAA,~~EAAM~~,~~CAAC~~,~~EAAA~~,~~KAAgB~~;~~AACvD~~,IAAA,~~YAAA~~,~~EAAa~~;~~AACb~~,IAAA,~~aAAA~~,~~CAAc~~,~~EAAE~~,CAAA;AAAA,~~EAClB~~,CAAC,CAAA;~~AAED~~,EAAA,MAAM,~~uBAAqD~~,CAAC;~~AAAA~~,~~IAC1D~~;AAAA,~~GACF~~,~~KAAM~~;~~AACJ~~,IAAA,IAAI,~~YAAA~~,~~EAAc~~;~~AAChB~~,MAAA,~~gBAAA~~,~~CAAiB~~,~~CAAC~~,aAAa,~~cAAc,~~CAAA;AAAA,~~IAC/C~~;AAAA,~~EACF~~,CAAA;~~AAEA~~,EAAA,MAAM,aAAA,GAAgB,~~CAAC~~,~~EAAA~~,~~GAAc~~,~~GAAA~~,~~CAAI~~,~~OAAA~~,~~KAAY~~;~~AACnD~~,IAAA,~~IAAI~~,~~EAAA~~,~~IAAM~~,~~cAAc~~,OAAA,~~EAAS~~;~~AAC/B~~,~~MAAA~~,~~MAAM~~,~~WAAA~~,~~GAAc~~,~~IAAI~~,~~oBAAA~~,~~CAAqB~~,~~oBAAA~~,~~EAAsB~~;~~AAAA~~,~~QACjE~~,MAAM,~~EAAA~~,~~CAAG~~,~~aAAA~~;AAAA~~;AAAA~~,~~QAET~~,~~SAAA~~,~~EAAW~~;~~AAAA~~,~~OACZ~~,~~CAAA~~;~~AAED~~,MAAA,~~QAAA~~,~~CAAS~~,OAAA,GAAU,~~WAAA~~;~~AACnB~~,MAAA,~~WAAA~~,~~CAAY~~,~~QAAQ~~,~~EAAE~~,CAAA;~~AAAA~~,~~IACxB~~;AAAA,~~EACF,CAAA~~;AAEA,~~EAAA~~,MAAM,eAAe,MAAM;~~AACzB~~,~~IAAA~~,QAAA,CAAS,~~SAAS~~,~~UAAA~~,EAAW;AAAA,~~EAC/B~~,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,~~aAAA,EAAc;AACd,IAAA,~~OAAO,~~YAAA~~;AAAA,EACT,CAAA,EAAG,CAAC,~~QAAA~~,~~CAAS,OAAO,~~CAAC,CAAA;~~AAErB~~,EAAA,OAAO;AAAA,IACL,GAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
1	+ {"version":3,"file":"useObserveOverflow.mjs","sources":["../../../../../../../../src/lib/hooks/dom/useObserveOverflow.ts"],"sourcesContent":["import type { RefCallback } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { FrameResizeObserver } from \"@/lib/dom/createFrameResizeObserver\";\nimport { createFrameResizeObserver } from \"@/lib/dom/createFrameResizeObserver\";\n\ninterface UseObserveOverflowReturn {\n ref: RefCallback<HTMLElement>;\n isOverflowing: boolean;\n}\n\n/*\n Tracks whether the observed element overflows its parent horizontally.\n * Re-measures when the element, its parent or any of its children resize, and\n * when children are added or removed.\n */\nexport const useObserveOverflow = (): UseObserveOverflowReturn => {\n const elementRef = useRef<HTMLElement \| null>(null);\n const observerRef = useRef<FrameResizeObserver \| null>(null);\n const mutationObserverRef = useRef<MutationObserver \| null>(null);\n const [isOverflowing, setIsOverflowing] = useState(false);\n\n const measureOverflow = useCallback(() => {\n const element = elementRef.current;\n const parent = element?.parentElement;\n\n if (!element \|\| !parent) {\n setIsOverflowing(false);\n return;\n }\n\n // React bails out of the re-render when the boolean is unchanged.\n setIsOverflowing(element.scrollWidth - parent.clientWidth > 1);\n }, []);\n\n const observeTargets = useCallback(() => {\n const element = elementRef.current;\n\n if (!element) {\n return;\n }\n\n const targets: Element[] = [element];\n if (element.parentElement) {\n targets.push(element.parentElement);\n }\n targets.push(...element.children);\n\n observerRef.current?.observe(targets);\n }, []);\n\n const stopObservers = useCallback(() => {\n observerRef.current?.disconnect();\n mutationObserverRef.current?.disconnect();\n\n observerRef.current = null;\n mutationObserverRef.current = null;\n }, []);\n\n const ref: RefCallback<HTMLElement> = useCallback(\n (element) => {\n stopObservers();\n elementRef.current = element;\n\n if (!element) {\n setIsOverflowing(false);\n return;\n }\n\n const observer = createFrameResizeObserver(measureOverflow);\n observerRef.current = observer;\n observeTargets();\n\n // Children may be rendered by someone else entirely (e.g. portaled in via\n // UiComponentTunnel), so the observing component never receives a\n // `children`/count prop to react to — childList mutations are the only\n // signal that a child was added or removed.\n mutationObserverRef.current = new MutationObserver(() => {\n observeTargets();\n observer.schedule();\n });\n mutationObserverRef.current.observe(element, {\n childList: true,\n });\n\n observer.schedule();\n },\n [measureOverflow, observeTargets, stopObservers],\n );\n\n useEffect(() => {\n return stopObservers;\n }, [stopObservers]);\n\n return {\n ref,\n isOverflowing,\n };\n};\n"],"names":[],"mappings":";;;AAeO,MAAM,qBAAqB,MAAgC;AAChE,EAAA,MAAM,UAAA,GAAa,OAA2B,IAAI,CAAA;AAClD,EAAA,MAAM,WAAA,GAAc,OAAmC,IAAI,CAAA;AAC3D,EAAA,MAAM,mBAAA,GAAsB,OAAgC,IAAI,CAAA;AAChE,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AAExD,EAAA,MAAM,eAAA,GAAkB,YAAY,MAAM;AACxC,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAC3B,IAAA,MAAM,SAAS,OAAA,EAAS,aAAA;AAExB,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,MAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,MAAA;AAAA,IACF;AAGA,IAAA,gBAAA,CAAiB,OAAA,CAAQ,WAAA,GAAc,MAAA,CAAO,WAAA,GAAc,CAAC,CAAA;AAAA,EAC/D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,cAAA,GAAiB,YAAY,MAAM;AACvC,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAE3B,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,OAAA,GAAqB,CAAC,OAAO,CAAA;AACnC,IAAA,IAAI,QAAQ,aAAA,EAAe;AACzB,MAAA,OAAA,CAAQ,IAAA,CAAK,QAAQ,aAAa,CAAA;AAAA,IACpC;AACA,IAAA,OAAA,CAAQ,IAAA,CAAK,GAAG,OAAA,CAAQ,QAAQ,CAAA;AAEhC,IAAA,WAAA,CAAY,OAAA,EAAS,QAAQ,OAAO,CAAA;AAAA,EACtC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,WAAA,CAAY,SAAS,UAAA,EAAW;AAChC,IAAA,mBAAA,CAAoB,SAAS,UAAA,EAAW;AAExC,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,mBAAA,CAAoB,OAAA,GAAU,IAAA;AAAA,EAChC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,GAAA,GAAgC,WAAA;AAAA,IACpC,CAAC,OAAA,KAAY;AACX,MAAA,aAAA,EAAc;AACd,MAAA,UAAA,CAAW,OAAA,GAAU,OAAA;AAErB,MAAA,IAAI,CAAC,OAAA,EAAS;AACZ,QAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,QAAA,GAAW,0BAA0B,eAAe,CAAA;AAC1D,MAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AACtB,MAAA,cAAA,EAAe;AAMf,MAAA,mBAAA,CAAoB,OAAA,GAAU,IAAI,gBAAA,CAAiB,MAAM;AACvD,QAAA,cAAA,EAAe;AACf,QAAA,QAAA,CAAS,QAAA,EAAS;AAAA,MACpB,CAAC,CAAA;AACD,MAAA,mBAAA,CAAoB,OAAA,CAAQ,QAAQ,OAAA,EAAS;AAAA,QAC3C,SAAA,EAAW;AAAA,OACZ,CAAA;AAED,MAAA,QAAA,CAAS,QAAA,EAAS;AAAA,IACpB,CAAA;AAAA,IACA,CAAC,eAAA,EAAiB,cAAA,EAAgB,aAAa;AAAA,GACjD;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,aAAA;AAAA,EACT,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,OAAO;AAAA,IACL,GAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/packages/components/src/status/component-status.json.mjs CHANGED Viewed

@@ -96,6 +96,7 @@ const componentStatus = {
   "@mittwald/flow-react-components#Slider": {"level":"stable","isNew":false},
   "@mittwald/flow-react-components#SuspenseTrigger": {"level":"stable","isNew":false},
   "@mittwald/flow-react-components#Switch": {"level":"stable","isNew":false},
+  "@mittwald/flow-react-components#TabNavigation": {"level":"stable","isNew":true},
   "@mittwald/flow-react-components#Table": {"level":"stable","isNew":false},
   "@mittwald/flow-react-components#Tabs": {"level":"stable","isNew":false},
   "@mittwald/flow-react-components#Text": {"level":"stable","isNew":false},

package/dist/js/packages/components/src/status/component-status.json.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component-status.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"component-status.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/packages/design-tokens/dist/json/all-dark.json.mjs CHANGED Viewed

@@ -38,7 +38,7 @@ const rating = {"spacing":{"s":{"key":"{rating.spacing.s}","value":"0.125rem","f
 const slider = {"color":{"default":{"key":"{slider.color.default}","value":"#FFFFFF","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{neutral.color.1000}","key":"{slider.color.default}"},"name":"SliderColorDefault","attributes":{"category":"slider","type":"color","item":"default"},"path":["slider","color","default"]},"disabled":{"key":"{slider.color.disabled}","value":"#B7C9DB","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{neutral.color.600}","key":"{slider.color.disabled}"},"name":"SliderColorDisabled","attributes":{"category":"slider","type":"color","item":"disabled"},"path":["slider","color","disabled"]}},"spacing-x":{"key":"{slider.spacing-x}","value":"0.5rem","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{slider.spacing-x}"},"name":"SliderSpacingX","attributes":{"category":"slider","type":"spacing-x"},"path":["slider","spacing-x"]},"spacing-y":{"key":"{slider.spacing-y}","value":"1rem","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{size-rem.m}","key":"{slider.spacing-y}"},"name":"SliderSpacingY","attributes":{"category":"slider","type":"spacing-y"},"path":["slider","spacing-y"]},"value-font-weight":{"key":"{slider.value-font-weight}","value":"bold","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{slider.value-font-weight}"},"name":"SliderValueFontWeight","attributes":{"category":"slider","type":"value-font-weight"},"path":["slider","value-font-weight"]},"track-color":{"default":{"key":"{slider.track-color.default}","value":"#292F37","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{form-control.background-color.default}","key":"{slider.track-color.default}"},"name":"SliderTrackColorDefault","attributes":{"category":"slider","type":"track-color","item":"default"},"path":["slider","track-color","default"]},"disabled":{"key":"{slider.track-color.disabled}","value":"#292F37","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{form-control.background-color.disabled}","key":"{slider.track-color.disabled}"},"name":"SliderTrackColorDisabled","attributes":{"category":"slider","type":"track-color","item":"disabled"},"path":["slider","track-color","disabled"]}},"track-height":{"key":"{slider.track-height}","value":"8px","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{slider.track-height}"},"name":"SliderTrackHeight","attributes":{"category":"slider","type":"track-height"},"path":["slider","track-height"]},"track-border-width":{"key":"{slider.track-border-width}","value":"1px","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{slider.track-border-width}"},"name":"SliderTrackBorderWidth","attributes":{"category":"slider","type":"track-border-width"},"path":["slider","track-border-width"]},"track-border-style":{"key":"{slider.track-border-style}","value":"solid","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{slider.track-border-style}"},"name":"SliderTrackBorderStyle","attributes":{"category":"slider","type":"track-border-style"},"path":["slider","track-border-style"]},"track-border-color":{"default":{"key":"{slider.track-border-color.default}","value":"#DCE9F7","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{form-control.border-color.default}","key":"{slider.track-border-color.default}"},"name":"SliderTrackBorderColorDefault","attributes":{"category":"slider","type":"track-border-color","item":"default"},"path":["slider","track-border-color","default"]},"disabled":{"key":"{slider.track-border-color.disabled}","value":"#5E6C7A","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{form-control.border-color.disabled}","key":"{slider.track-border-color.disabled}"},"name":"SliderTrackBorderColorDisabled","attributes":{"category":"slider","type":"track-border-color","item":"disabled"},"path":["slider","track-border-color","disabled"]}},"corner-radius":{"key":"{slider.corner-radius}","value":"4px","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{corner-radius.s}","key":"{slider.corner-radius}"},"name":"SliderCornerRadius","attributes":{"category":"slider","type":"corner-radius"},"path":["slider","corner-radius"]},"handle-corner-radius":{"key":"{slider.handle-corner-radius}","value":"50%","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{corner-radius.round}","key":"{slider.handle-corner-radius}"},"name":"SliderHandleCornerRadius","attributes":{"category":"slider","type":"handle-corner-radius"},"path":["slider","handle-corner-radius"]},"handle-size":{"key":"{slider.handle-size}","value":"1.5rem","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{size-rem.l}","key":"{slider.handle-size}"},"name":"SliderHandleSize","attributes":{"category":"slider","type":"handle-size"},"path":["slider","handle-size"]},"handle-fill-color":{"key":"{slider.handle-fill-color}","value":"#1B1F24","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{neutral.color.100}","key":"{slider.handle-fill-color}"},"name":"SliderHandleFillColor","attributes":{"category":"slider","type":"handle-fill-color"},"path":["slider","handle-fill-color"]},"handle-border-width":{"key":"{slider.handle-border-width}","value":"4px","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{border-width.300}","key":"{slider.handle-border-width}"},"name":"SliderHandleBorderWidth","attributes":{"category":"slider","type":"handle-border-width"},"path":["slider","handle-border-width"]},"initial-marker-height":{"key":"{slider.initial-marker-height}","value":"1rem","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{size-rem.m}","key":"{slider.initial-marker-height}"},"name":"SliderInitialMarkerHeight","attributes":{"category":"slider","type":"initial-marker-height"},"path":["slider","initial-marker-height"]},"initial-marker-border-width":{"key":"{slider.initial-marker-border-width}","value":"4px","filePath":"src/form/slider.yml","isSource":true,"original":{"value":"{border-width.300}","key":"{slider.initial-marker-border-width}"},"name":"SliderInitialMarkerBorderWidth","attributes":{"category":"slider","type":"initial-marker-border-width"},"path":["slider","initial-marker-border-width"]}};
 const breadcrumb = {"spacing":{"key":"{breadcrumb.spacing}","value":"0.5rem","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{breadcrumb.spacing}"},"name":"BreadcrumbSpacing","attributes":{"category":"breadcrumb","type":"spacing"},"path":["breadcrumb","spacing"]},"font-weight":{"default":{"key":"{breadcrumb.font-weight.default}","value":"normal","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{font-weight.normal}","key":"{breadcrumb.font-weight.default}"},"name":"BreadcrumbFontWeightDefault","attributes":{"category":"breadcrumb","type":"font-weight","item":"default"},"path":["breadcrumb","font-weight","default"]},"current":{"key":"{breadcrumb.font-weight.current}","value":"bold","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{breadcrumb.font-weight.current}"},"name":"BreadcrumbFontWeightCurrent","attributes":{"category":"breadcrumb","type":"font-weight","item":"current"},"path":["breadcrumb","font-weight","current"]}},"color":{"default":{"key":"{breadcrumb.color.default}","value":"#FFFFFF","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{text.color.default}","key":"{breadcrumb.color.default}"},"name":"BreadcrumbColorDefault","attributes":{"category":"breadcrumb","type":"color","item":"default"},"path":["breadcrumb","color","default"]},"hover":{"key":"{breadcrumb.color.hover}","value":"#F4F8FC","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{neutral.color.900}","key":"{breadcrumb.color.hover}"},"name":"BreadcrumbColorHover","attributes":{"category":"breadcrumb","type":"color","item":"hover"},"path":["breadcrumb","color","hover"]},"pressed":{"key":"{breadcrumb.color.pressed}","value":"#E5EFF8","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{neutral.color.800}","key":"{breadcrumb.color.pressed}"},"name":"BreadcrumbColorPressed","attributes":{"category":"breadcrumb","type":"color","item":"pressed"},"path":["breadcrumb","color","pressed"]}},"color-dark":{"default":{"key":"{breadcrumb.color-dark.default}","value":"rgb(255 255 255 / 100%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-dark.default}","key":"{breadcrumb.color-dark.default}"},"name":"BreadcrumbColorDarkDefault","attributes":{"category":"breadcrumb","type":"color-dark","item":"default"},"path":["breadcrumb","color-dark","default"]},"hover":{"key":"{breadcrumb.color-dark.hover}","value":"rgb(255 255 255 / 87.5%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-dark.hover}","key":"{breadcrumb.color-dark.hover}"},"name":"BreadcrumbColorDarkHover","attributes":{"category":"breadcrumb","type":"color-dark","item":"hover"},"path":["breadcrumb","color-dark","hover"]},"pressed":{"key":"{breadcrumb.color-dark.pressed}","value":"rgb(255 255 255 / 75%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-dark.pressed}","key":"{breadcrumb.color-dark.pressed}"},"name":"BreadcrumbColorDarkPressed","attributes":{"category":"breadcrumb","type":"color-dark","item":"pressed"},"path":["breadcrumb","color-dark","pressed"]}},"color-light":{"default":{"key":"{breadcrumb.color-light.default}","value":"rgb(0 0 0 / 100%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-light.default}","key":"{breadcrumb.color-light.default}"},"name":"BreadcrumbColorLightDefault","attributes":{"category":"breadcrumb","type":"color-light","item":"default"},"path":["breadcrumb","color-light","default"]},"hover":{"key":"{breadcrumb.color-light.hover}","value":"rgb(0 0 0 / 87.5%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-light.hover}","key":"{breadcrumb.color-light.hover}"},"name":"BreadcrumbColorLightHover","attributes":{"category":"breadcrumb","type":"color-light","item":"hover"},"path":["breadcrumb","color-light","hover"]},"pressed":{"key":"{breadcrumb.color-light.pressed}","value":"rgb(0 0 0 / 75%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-light.pressed}","key":"{breadcrumb.color-light.pressed}"},"name":"BreadcrumbColorLightPressed","attributes":{"category":"breadcrumb","type":"color-light","item":"pressed"},"path":["breadcrumb","color-light","pressed"]}},"color-dark-static":{"default":{"key":"{breadcrumb.color-dark-static.default}","value":"rgb(0 0 0 / 100%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-dark-static.default}","key":"{breadcrumb.color-dark-static.default}"},"name":"BreadcrumbColorDarkStaticDefault","attributes":{"category":"breadcrumb","type":"color-dark-static","item":"default"},"path":["breadcrumb","color-dark-static","default"]},"hover":{"key":"{breadcrumb.color-dark-static.hover}","value":"rgb(0 0 0 / 87.5%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-dark-static.hover}","key":"{breadcrumb.color-dark-static.hover}"},"name":"BreadcrumbColorDarkStaticHover","attributes":{"category":"breadcrumb","type":"color-dark-static","item":"hover"},"path":["breadcrumb","color-dark-static","hover"]},"pressed":{"key":"{breadcrumb.color-dark-static.pressed}","value":"rgb(0 0 0 / 75%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-dark-static.pressed}","key":"{breadcrumb.color-dark-static.pressed}"},"name":"BreadcrumbColorDarkStaticPressed","attributes":{"category":"breadcrumb","type":"color-dark-static","item":"pressed"},"path":["breadcrumb","color-dark-static","pressed"]}},"color-light-static":{"default":{"key":"{breadcrumb.color-light-static.default}","value":"rgb(255 255 255 / 100%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-light-static.default}","key":"{breadcrumb.color-light-static.default}"},"name":"BreadcrumbColorLightStaticDefault","attributes":{"category":"breadcrumb","type":"color-light-static","item":"default"},"path":["breadcrumb","color-light-static","default"]},"hover":{"key":"{breadcrumb.color-light-static.hover}","value":"rgb(255 255 255 / 87.5%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-light-static.hover}","key":"{breadcrumb.color-light-static.hover}"},"name":"BreadcrumbColorLightStaticHover","attributes":{"category":"breadcrumb","type":"color-light-static","item":"hover"},"path":["breadcrumb","color-light-static","hover"]},"pressed":{"key":"{breadcrumb.color-light-static.pressed}","value":"rgb(255 255 255 / 75%)","filePath":"src/navigation/breadcrumb.yml","isSource":true,"original":{"value":"{link.color-light-static.pressed}","key":"{breadcrumb.color-light-static.pressed}"},"name":"BreadcrumbColorLightStaticPressed","attributes":{"category":"breadcrumb","type":"color-light-static","item":"pressed"},"path":["breadcrumb","color-light-static","pressed"]}}};
 const link = {"icon-height":{"key":"{link.icon-height}","value":"calc(1rem * 1.25)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"calc({font-size-text.m} * 1.25)","key":"{link.icon-height}"},"name":"LinkIconHeight","attributes":{"category":"link","type":"icon-height"},"path":["link","icon-height"]},"icon-height-s":{"key":"{link.icon-height-s}","value":"calc(0.875rem * 1.25)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"calc({font-size-text.s} * 1.25)","key":"{link.icon-height-s}"},"name":"LinkIconHeightS","attributes":{"category":"link","type":"icon-height-s"},"path":["link","icon-height-s"]},"font-weight":{"key":"{link.font-weight}","value":"bold","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{link.font-weight}"},"name":"LinkFontWeight","attributes":{"category":"link","type":"font-weight"},"path":["link","font-weight"]},"spacing":{"key":"{link.spacing}","value":"0.25rem","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{size-rem.xs}","key":"{link.spacing}"},"name":"LinkSpacing","attributes":{"category":"link","type":"spacing"},"path":["link","spacing"]},"color":{"default":{"key":"{link.color.default}","value":"#85AFFF","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{primary.color.800}","key":"{link.color.default}"},"name":"LinkColorDefault","attributes":{"category":"link","type":"color","item":"default"},"path":["link","color","default"]},"hover":{"key":"{link.color.hover}","value":"#ABC6FF","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{primary.color.900}","key":"{link.color.hover}"},"name":"LinkColorHover","attributes":{"category":"link","type":"color","item":"hover"},"path":["link","color","hover"]},"pressed":{"key":"{link.color.pressed}","value":"#E0EBFF","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{primary.color.1000}","key":"{link.color.pressed}"},"name":"LinkColorPressed","attributes":{"category":"link","type":"color","item":"pressed"},"path":["link","color","pressed"]},"disabled":{"key":"{link.color.disabled}","value":"#5E6C7A","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{disabled-plain-content-color}","key":"{link.color.disabled}"},"name":"LinkColorDisabled","attributes":{"category":"link","type":"color","item":"disabled"},"path":["link","color","disabled"]}},"color-dark":{"default":{"key":"{link.color-dark.default}","value":"rgb(255 255 255 / 100%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{dark.color.800}","key":"{link.color-dark.default}"},"name":"LinkColorDarkDefault","attributes":{"category":"link","type":"color-dark","item":"default"},"path":["link","color-dark","default"]},"hover":{"key":"{link.color-dark.hover}","value":"rgb(255 255 255 / 87.5%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{dark.color.700}","key":"{link.color-dark.hover}"},"name":"LinkColorDarkHover","attributes":{"category":"link","type":"color-dark","item":"hover"},"path":["link","color-dark","hover"]},"pressed":{"key":"{link.color-dark.pressed}","value":"rgb(255 255 255 / 75%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{dark.color.600}","key":"{link.color-dark.pressed}"},"name":"LinkColorDarkPressed","attributes":{"category":"link","type":"color-dark","item":"pressed"},"path":["link","color-dark","pressed"]},"disabled":{"key":"{link.color-dark.disabled}","value":"rgb(255 255 255 / 25%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{disabled-plain-dark-content-color}","key":"{link.color-dark.disabled}"},"name":"LinkColorDarkDisabled","attributes":{"category":"link","type":"color-dark","item":"disabled"},"path":["link","color-dark","disabled"]}},"color-light":{"default":{"key":"{link.color-light.default}","value":"rgb(0 0 0 / 100%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{light.color.800}","key":"{link.color-light.default}"},"name":"LinkColorLightDefault","attributes":{"category":"link","type":"color-light","item":"default"},"path":["link","color-light","default"]},"hover":{"key":"{link.color-light.hover}","value":"rgb(0 0 0 / 87.5%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{light.color.700}","key":"{link.color-light.hover}"},"name":"LinkColorLightHover","attributes":{"category":"link","type":"color-light","item":"hover"},"path":["link","color-light","hover"]},"pressed":{"key":"{link.color-light.pressed}","value":"rgb(0 0 0 / 75%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{light.color.600}","key":"{link.color-light.pressed}"},"name":"LinkColorLightPressed","attributes":{"category":"link","type":"color-light","item":"pressed"},"path":["link","color-light","pressed"]},"disabled":{"key":"{link.color-light.disabled}","value":"rgb(0 0 0 / 25%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{disabled-plain-light-content-color}","key":"{link.color-light.disabled}"},"name":"LinkColorLightDisabled","attributes":{"category":"link","type":"color-light","item":"disabled"},"path":["link","color-light","disabled"]}},"color-dark-static":{"default":{"key":"{link.color-dark-static.default}","value":"rgb(0 0 0 / 100%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{dark-static.color.800}","key":"{link.color-dark-static.default}"},"name":"LinkColorDarkStaticDefault","attributes":{"category":"link","type":"color-dark-static","item":"default"},"path":["link","color-dark-static","default"]},"hover":{"key":"{link.color-dark-static.hover}","value":"rgb(0 0 0 / 87.5%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{dark-static.color.700}","key":"{link.color-dark-static.hover}"},"name":"LinkColorDarkStaticHover","attributes":{"category":"link","type":"color-dark-static","item":"hover"},"path":["link","color-dark-static","hover"]},"pressed":{"key":"{link.color-dark-static.pressed}","value":"rgb(0 0 0 / 75%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{dark-static.color.600}","key":"{link.color-dark-static.pressed}"},"name":"LinkColorDarkStaticPressed","attributes":{"category":"link","type":"color-dark-static","item":"pressed"},"path":["link","color-dark-static","pressed"]},"disabled":{"key":"{link.color-dark-static.disabled}","value":"rgb(0 0 0 / 25%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{disabled-plain-dark-static-content-color}","key":"{link.color-dark-static.disabled}"},"name":"LinkColorDarkStaticDisabled","attributes":{"category":"link","type":"color-dark-static","item":"disabled"},"path":["link","color-dark-static","disabled"]}},"color-light-static":{"default":{"key":"{link.color-light-static.default}","value":"rgb(255 255 255 / 100%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{light-static.color.800}","key":"{link.color-light-static.default}"},"name":"LinkColorLightStaticDefault","attributes":{"category":"link","type":"color-light-static","item":"default"},"path":["link","color-light-static","default"]},"hover":{"key":"{link.color-light-static.hover}","value":"rgb(255 255 255 / 87.5%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{light-static.color.700}","key":"{link.color-light-static.hover}"},"name":"LinkColorLightStaticHover","attributes":{"category":"link","type":"color-light-static","item":"hover"},"path":["link","color-light-static","hover"]},"pressed":{"key":"{link.color-light-static.pressed}","value":"rgb(255 255 255 / 75%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{light-static.color.600}","key":"{link.color-light-static.pressed}"},"name":"LinkColorLightStaticPressed","attributes":{"category":"link","type":"color-light-static","item":"pressed"},"path":["link","color-light-static","pressed"]},"disabled":{"key":"{link.color-light-static.disabled}","value":"rgb(255 255 255 / 25%)","filePath":"src/navigation/link.yml","isSource":true,"original":{"value":"{disabled-plain-light-static-content-color}","key":"{link.color-light-static.disabled}"},"name":"LinkColorLightStaticDisabled","attributes":{"category":"link","type":"color-light-static","item":"disabled"},"path":["link","color-light-static","disabled"]}}};
-const tabs = {"padding":{"key":"{tabs.padding}","value":"16px","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{tabs.padding}"},"name":"TabsPadding","attributes":{"category":"tabs","type":"padding"},"path":["tabs","padding"]},"background-color":{"default":{"key":"{tabs.background-color.default}","value":"#5E6C7A","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.default}","key":"{tabs.background-color.default}"},"name":"TabsBackgroundColorDefault","attributes":{"category":"tabs","type":"background-color","item":"default"},"path":["tabs","background-color","default"]},"hover":{"key":"{tabs.background-color.hover}","value":"#8FA1B4","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.hover}","key":"{tabs.background-color.hover}"},"name":"TabsBackgroundColorHover","attributes":{"category":"tabs","type":"background-color","item":"hover"},"path":["tabs","background-color","hover"]},"pressed":{"key":"{tabs.background-color.pressed}","value":"#B7C9DB","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.pressed}","key":"{tabs.background-color.pressed}"},"name":"TabsBackgroundColorPressed","attributes":{"category":"tabs","type":"background-color","item":"pressed"},"path":["tabs","background-color","pressed"]},"selected":{"key":"{tabs.background-color.selected}","value":"#1B1F24","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral.color.100}","key":"{tabs.background-color.selected}"},"name":"TabsBackgroundColorSelected","attributes":{"category":"tabs","type":"background-color","item":"selected"},"path":["tabs","background-color","selected"]}},"color":{"key":"{tabs.color}","value":"#FFFFFF","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-content-color}","key":"{tabs.color}"},"name":"TabsColor","attributes":{"category":"tabs","type":"color"},"path":["tabs","color"]},"disabled-color":{"key":"{tabs.disabled-color}","value":"#8FA1B4","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{disabled-soft-content-color}","key":"{tabs.disabled-color}"},"name":"TabsDisabledColor","attributes":{"category":"tabs","type":"disabled-color"},"path":["tabs","disabled-color"]},"font-weight":{"selected":{"key":"{tabs.font-weight.selected}","value":"bold","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{tabs.font-weight.selected}"},"name":"TabsFontWeightSelected","attributes":{"category":"tabs","type":"font-weight","item":"selected"},"path":["tabs","font-weight","selected"]}},"spacing":{"key":"{tabs.spacing}","value":"0.5rem","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{tabs.spacing}"},"name":"TabsSpacing","attributes":{"category":"tabs","type":"spacing"},"path":["tabs","spacing"]}};
+const tabs = {"padding-y":{"key":"{tabs.padding-y}","value":"8px","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{tabs.padding-y}"},"name":"TabsPaddingY","attributes":{"category":"tabs","type":"padding-y"},"path":["tabs","padding-y"]},"padding-x":{"key":"{tabs.padding-x}","value":"16px","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{tabs.padding-x}"},"name":"TabsPaddingX","attributes":{"category":"tabs","type":"padding-x"},"path":["tabs","padding-x"]},"corner-radius":{"key":"{tabs.corner-radius}","value":"calc(8px * 2 + calc(1rem * 1.5))","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"calc({size-px.s} * 2 + {line-height-m})","key":"{tabs.corner-radius}"},"name":"TabsCornerRadius","attributes":{"category":"tabs","type":"corner-radius"},"path":["tabs","corner-radius"]},"border-width":{"key":"{tabs.border-width}","value":"1px","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{tabs.border-width}"},"name":"TabsBorderWidth","attributes":{"category":"tabs","type":"border-width"},"path":["tabs","border-width"]},"border-style":{"key":"{tabs.border-style}","value":"solid","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{tabs.border-style}"},"name":"TabsBorderStyle","attributes":{"category":"tabs","type":"border-style"},"path":["tabs","border-style"]},"border-color":{"key":"{tabs.border-color}","value":"#DCE9F7","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-outline-border-color}","key":"{tabs.border-color}"},"name":"TabsBorderColor","attributes":{"category":"tabs","type":"border-color"},"path":["tabs","border-color"]},"background-color":{"default":{"key":"{tabs.background-color.default}","value":"#5E6C7A","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.default}","key":"{tabs.background-color.default}"},"name":"TabsBackgroundColorDefault","attributes":{"category":"tabs","type":"background-color","item":"default"},"path":["tabs","background-color","default"]},"hover":{"key":"{tabs.background-color.hover}","value":"#8FA1B4","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.hover}","key":"{tabs.background-color.hover}"},"name":"TabsBackgroundColorHover","attributes":{"category":"tabs","type":"background-color","item":"hover"},"path":["tabs","background-color","hover"]},"pressed":{"key":"{tabs.background-color.pressed}","value":"#B7C9DB","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.pressed}","key":"{tabs.background-color.pressed}"},"name":"TabsBackgroundColorPressed","attributes":{"category":"tabs","type":"background-color","item":"pressed"},"path":["tabs","background-color","pressed"]},"selected":{"key":"{tabs.background-color.selected}","value":"#1B1F24","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral.color.100}","key":"{tabs.background-color.selected}"},"name":"TabsBackgroundColorSelected","attributes":{"category":"tabs","type":"background-color","item":"selected"},"path":["tabs","background-color","selected"]}},"color":{"default":{"key":"{tabs.color.default}","value":"#FFFFFF","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{neutral-soft-content-color}","key":"{tabs.color.default}"},"name":"TabsColorDefault","attributes":{"category":"tabs","type":"color","item":"default"},"path":["tabs","color","default"]},"disabled":{"key":"{tabs.color.disabled}","value":"#8FA1B4","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{disabled-soft-content-color}","key":"{tabs.color.disabled}"},"name":"TabsColorDisabled","attributes":{"category":"tabs","type":"color","item":"disabled"},"path":["tabs","color","disabled"]}},"font-weight":{"selected":{"key":"{tabs.font-weight.selected}","value":"bold","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{tabs.font-weight.selected}"},"name":"TabsFontWeightSelected","attributes":{"category":"tabs","type":"font-weight","item":"selected"},"path":["tabs","font-weight","selected"]}},"spacing":{"key":"{tabs.spacing}","value":"0.5rem","filePath":"src/navigation/tabs.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{tabs.spacing}"},"name":"TabsSpacing","attributes":{"category":"tabs","type":"spacing"},"path":["tabs","spacing"]}};
 const modal = {"corner-radius":{"key":"{modal.corner-radius}","value":"16px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{corner-radius.l}","key":"{modal.corner-radius}"},"name":"ModalCornerRadius","attributes":{"category":"modal","type":"corner-radius"},"path":["modal","corner-radius"]},"padding":{"key":"{modal.padding}","value":"24px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{size-px.l}","key":"{modal.padding}"},"name":"ModalPadding","attributes":{"category":"modal","type":"padding"},"path":["modal","padding"]},"padding-mobile":{"key":"{modal.padding-mobile}","value":"16px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{modal.padding-mobile}"},"name":"ModalPaddingMobile","attributes":{"category":"modal","type":"padding-mobile"},"path":["modal","padding-mobile"]},"tray-top-spacing":{"key":"{modal.tray-top-spacing}","value":"16px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{modal.tray-top-spacing}"},"name":"ModalTrayTopSpacing","attributes":{"category":"modal","type":"tray-top-spacing"},"path":["modal","tray-top-spacing"]},"background-color":{"key":"{modal.background-color}","value":"#1B1F24","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{neutral.color.100}","key":"{modal.background-color}"},"name":"ModalBackgroundColor","attributes":{"category":"modal","type":"background-color"},"path":["modal","background-color"]},"size":{"s":{"key":"{modal.size.s}","value":"660px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"660px","key":"{modal.size.s}"},"name":"ModalSizeS","attributes":{"category":"modal","type":"size","item":"s"},"path":["modal","size","s"]},"m":{"key":"{modal.size.m}","value":"900px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"900px","key":"{modal.size.m}"},"name":"ModalSizeM","attributes":{"category":"modal","type":"size","item":"m"},"path":["modal","size","m"]},"l":{"key":"{modal.size.l}","value":"1300px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"1300px","key":"{modal.size.l}"},"name":"ModalSizeL","attributes":{"category":"modal","type":"size","item":"l"},"path":["modal","size","l"]}},"footer-background-color":{"key":"{modal.footer-background-color}","value":"#292F37","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{neutral.color.200}","key":"{modal.footer-background-color}"},"name":"ModalFooterBackgroundColor","attributes":{"category":"modal","type":"footer-background-color"},"path":["modal","footer-background-color"]},"border-color":{"key":"{modal.border-color}","value":"#3A434E","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{neutral.color.300}","key":"{modal.border-color}"},"name":"ModalBorderColor","attributes":{"category":"modal","type":"border-color"},"path":["modal","border-color"]},"border-width":{"key":"{modal.border-width}","value":"1px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{modal.border-width}"},"name":"ModalBorderWidth","attributes":{"category":"modal","type":"border-width"},"path":["modal","border-width"]},"border-style":{"key":"{modal.border-style}","value":"solid","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{modal.border-style}"},"name":"ModalBorderStyle","attributes":{"category":"modal","type":"border-style"},"path":["modal","border-style"]},"header-padding-top":{"key":"{modal.header-padding-top}","value":"16px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{modal.header-padding-top}"},"name":"ModalHeaderPaddingTop","attributes":{"category":"modal","type":"header-padding-top"},"path":["modal","header-padding-top"]},"off-canvas-max-width":{"key":"{modal.off-canvas-max-width}","value":"calc(100dvw - 16px)","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"calc(100dvw - {size-px.m})","key":"{modal.off-canvas-max-width}"},"name":"ModalOffCanvasMaxWidth","attributes":{"category":"modal","type":"off-canvas-max-width"},"path":["modal","off-canvas-max-width"]},"content-min-height":{"key":"{modal.content-min-height}","value":"120px","filePath":"src/overlays/modal.yml","isSource":true,"original":{"value":"120px","key":"{modal.content-min-height}"},"name":"ModalContentMinHeight","attributes":{"category":"modal","type":"content-min-height"},"path":["modal","content-min-height"]}};
 const overlay = {"backdrop-color":{"key":"{overlay.backdrop-color}","value":"rgb(0 0 0 / 37.5%)","filePath":"src/overlays/overlay.yml","isSource":true,"original":{"value":"{dark-static.color.300}","key":"{overlay.backdrop-color}"},"name":"OverlayBackdropColor","attributes":{"category":"overlay","type":"backdrop-color"},"path":["overlay","backdrop-color"]}};
 const popover = {"box-shadow":{"key":"{popover.box-shadow}","value":"rgb(0 0 0 / 12.5%) 0 8px 16px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{shadow.overlay}","key":"{popover.box-shadow}"},"name":"PopoverBoxShadow","attributes":{"category":"popover","type":"box-shadow"},"path":["popover","box-shadow"]},"corner-radius":{"key":"{popover.corner-radius}","value":"8px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{corner-radius.m}","key":"{popover.corner-radius}"},"name":"PopoverCornerRadius","attributes":{"category":"popover","type":"corner-radius"},"path":["popover","corner-radius"]},"padding":{"m":{"key":"{popover.padding.m}","value":"16px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{popover.padding.m}"},"name":"PopoverPaddingM","attributes":{"category":"popover","type":"padding","item":"m"},"path":["popover","padding","m"]},"s":{"key":"{popover.padding.s}","value":"8px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{popover.padding.s}"},"name":"PopoverPaddingS","attributes":{"category":"popover","type":"padding","item":"s"},"path":["popover","padding","s"]}},"background-color":{"key":"{popover.background-color}","value":"#1B1F24","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{neutral.color.100}","key":"{popover.background-color}"},"name":"PopoverBackgroundColor","attributes":{"category":"popover","type":"background-color"},"path":["popover","background-color"]},"min-width":{"key":"{popover.min-width}","value":"200px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"200px","key":"{popover.min-width}"},"name":"PopoverMinWidth","attributes":{"category":"popover","type":"min-width"},"path":["popover","min-width"]},"border-width":{"key":"{popover.border-width}","value":"1px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{border-width.100}","key":"{popover.border-width}"},"name":"PopoverBorderWidth","attributes":{"category":"popover","type":"border-width"},"path":["popover","border-width"]},"border-style":{"key":"{popover.border-style}","value":"solid","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{popover.border-style}"},"name":"PopoverBorderStyle","attributes":{"category":"popover","type":"border-style"},"path":["popover","border-style"]},"border-color":{"key":"{popover.border-color}","value":"#3A434E","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{neutral.color.300}","key":"{popover.border-color}"},"name":"PopoverBorderColor","attributes":{"category":"popover","type":"border-color"},"path":["popover","border-color"]},"spacing":{"key":"{popover.spacing}","value":"8px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{popover.spacing}"},"name":"PopoverSpacing","attributes":{"category":"popover","type":"spacing"},"path":["popover","spacing"]},"popover-to-trigger-spacing":{"key":"{popover.popover-to-trigger-spacing}","value":"16px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{popover.popover-to-trigger-spacing}"},"name":"PopoverPopoverToTriggerSpacing","attributes":{"category":"popover","type":"popover-to-trigger-spacing"},"path":["popover","popover-to-trigger-spacing"]},"tip-height":{"key":"{popover.tip-height}","value":"8px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{popover.tip-height}"},"name":"PopoverTipHeight","attributes":{"category":"popover","type":"tip-height"},"path":["popover","tip-height"]},"tip-width":{"key":"{popover.tip-width}","value":"16px","filePath":"src/overlays/popover.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{popover.tip-width}"},"name":"PopoverTipWidth","attributes":{"category":"popover","type":"tip-width"},"path":["popover","tip-width"]}};
@@ -269,6 +269,7 @@ const darkTokens = {
   breadcrumb,
   "header-navigation": {"padding":{"key":"{header-navigation.padding}","value":"8px","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{size-px.s}","key":"{header-navigation.padding}"},"name":"HeaderNavigationPadding","attributes":{"category":"header-navigation","type":"padding"},"path":["header-navigation","padding"]},"spacing":{"key":"{header-navigation.spacing}","value":"1rem","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{size-rem.m}","key":"{header-navigation.spacing}"},"name":"HeaderNavigationSpacing","attributes":{"category":"header-navigation","type":"spacing"},"path":["header-navigation","spacing"]},"corner-radius":{"key":"{header-navigation.corner-radius}","value":"8px","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{corner-radius.m}","key":"{header-navigation.corner-radius}"},"name":"HeaderNavigationCornerRadius","attributes":{"category":"header-navigation","type":"corner-radius"},"path":["header-navigation","corner-radius"]},"corner-radius-round":{"key":"{header-navigation.corner-radius-round}","value":"50%","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{corner-radius.round}","key":"{header-navigation.corner-radius-round}"},"name":"HeaderNavigationCornerRadiusRound","attributes":{"category":"header-navigation","type":"corner-radius-round"},"path":["header-navigation","corner-radius-round"]},"font-weight-current":{"key":"{header-navigation.font-weight-current}","value":"bold","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{header-navigation.font-weight-current}"},"name":"HeaderNavigationFontWeightCurrent","attributes":{"category":"header-navigation","type":"font-weight-current"},"path":["header-navigation","font-weight-current"]},"underline-width-current":{"key":"{header-navigation.underline-width-current}","value":"2px","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{border-width.200}","key":"{header-navigation.underline-width-current}"},"name":"HeaderNavigationUnderlineWidthCurrent","attributes":{"category":"header-navigation","type":"underline-width-current"},"path":["header-navigation","underline-width-current"]},"color":{"key":"{header-navigation.color}","value":"#FFFFFF","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{neutral.color.1100}","key":"{header-navigation.color}"},"name":"HeaderNavigationColor","attributes":{"category":"header-navigation","type":"color"},"path":["header-navigation","color"]},"background-color":{"hover":{"key":"{header-navigation.background-color.hover}","value":"#3A434E","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{neutral-plain-background-color.hover}","key":"{header-navigation.background-color.hover}"},"name":"HeaderNavigationBackgroundColorHover","attributes":{"category":"header-navigation","type":"background-color","item":"hover"},"path":["header-navigation","background-color","hover"]},"pressed":{"key":"{header-navigation.background-color.pressed}","value":"#5E6C7A","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{neutral-plain-background-color.pressed}","key":"{header-navigation.background-color.pressed}"},"name":"HeaderNavigationBackgroundColorPressed","attributes":{"category":"header-navigation","type":"background-color","item":"pressed"},"path":["header-navigation","background-color","pressed"]}},"color-dark":{"key":"{header-navigation.color-dark}","value":"rgb(255 255 255 / 100%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{dark-plain-content-color}","key":"{header-navigation.color-dark}"},"name":"HeaderNavigationColorDark","attributes":{"category":"header-navigation","type":"color-dark"},"path":["header-navigation","color-dark"]},"background-color-dark":{"hover":{"key":"{header-navigation.background-color-dark.hover}","value":"rgb(255 255 255 / 12.5%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{dark-plain-background-color.hover}","key":"{header-navigation.background-color-dark.hover}"},"name":"HeaderNavigationBackgroundColorDarkHover","attributes":{"category":"header-navigation","type":"background-color-dark","item":"hover"},"path":["header-navigation","background-color-dark","hover"]},"pressed":{"key":"{header-navigation.background-color-dark.pressed}","value":"rgb(255 255 255 / 25%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{dark-plain-background-color.pressed}","key":"{header-navigation.background-color-dark.pressed}"},"name":"HeaderNavigationBackgroundColorDarkPressed","attributes":{"category":"header-navigation","type":"background-color-dark","item":"pressed"},"path":["header-navigation","background-color-dark","pressed"]}},"color-light":{"key":"{header-navigation.color-light}","value":"rgb(0 0 0 / 100%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{light-plain-content-color}","key":"{header-navigation.color-light}"},"name":"HeaderNavigationColorLight","attributes":{"category":"header-navigation","type":"color-light"},"path":["header-navigation","color-light"]},"background-color-light":{"hover":{"key":"{header-navigation.background-color-light.hover}","value":"rgb(0 0 0 / 12.5%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{light-plain-background-color.hover}","key":"{header-navigation.background-color-light.hover}"},"name":"HeaderNavigationBackgroundColorLightHover","attributes":{"category":"header-navigation","type":"background-color-light","item":"hover"},"path":["header-navigation","background-color-light","hover"]},"pressed":{"key":"{header-navigation.background-color-light.pressed}","value":"rgb(0 0 0 / 25%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{light-plain-background-color.pressed}","key":"{header-navigation.background-color-light.pressed}"},"name":"HeaderNavigationBackgroundColorLightPressed","attributes":{"category":"header-navigation","type":"background-color-light","item":"pressed"},"path":["header-navigation","background-color-light","pressed"]}},"color-dark-static":{"key":"{header-navigation.color-dark-static}","value":"rgb(0 0 0 / 100%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{dark-static-plain-content-color}","key":"{header-navigation.color-dark-static}"},"name":"HeaderNavigationColorDarkStatic","attributes":{"category":"header-navigation","type":"color-dark-static"},"path":["header-navigation","color-dark-static"]},"background-color-dark-static":{"hover":{"key":"{header-navigation.background-color-dark-static.hover}","value":"rgb(0 0 0 / 12.5%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{dark-static-plain-background-color.hover}","key":"{header-navigation.background-color-dark-static.hover}"},"name":"HeaderNavigationBackgroundColorDarkStaticHover","attributes":{"category":"header-navigation","type":"background-color-dark-static","item":"hover"},"path":["header-navigation","background-color-dark-static","hover"]},"pressed":{"key":"{header-navigation.background-color-dark-static.pressed}","value":"rgb(0 0 0 / 25%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{dark-static-plain-background-color.pressed}","key":"{header-navigation.background-color-dark-static.pressed}"},"name":"HeaderNavigationBackgroundColorDarkStaticPressed","attributes":{"category":"header-navigation","type":"background-color-dark-static","item":"pressed"},"path":["header-navigation","background-color-dark-static","pressed"]}},"color-light-static":{"key":"{header-navigation.color-light-static}","value":"rgb(255 255 255 / 100%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{light-static-plain-content-color}","key":"{header-navigation.color-light-static}"},"name":"HeaderNavigationColorLightStatic","attributes":{"category":"header-navigation","type":"color-light-static"},"path":["header-navigation","color-light-static"]},"background-color-light-static":{"hover":{"key":"{header-navigation.background-color-light-static.hover}","value":"rgb(255 255 255 / 12.5%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{light-static-plain-background-color.hover}","key":"{header-navigation.background-color-light-static.hover}"},"name":"HeaderNavigationBackgroundColorLightStaticHover","attributes":{"category":"header-navigation","type":"background-color-light-static","item":"hover"},"path":["header-navigation","background-color-light-static","hover"]},"pressed":{"key":"{header-navigation.background-color-light-static.pressed}","value":"rgb(255 255 255 / 25%)","filePath":"src/navigation/header-navigation.yml","isSource":true,"original":{"value":"{light-static-plain-background-color.pressed}","key":"{header-navigation.background-color-light-static.pressed}"},"name":"HeaderNavigationBackgroundColorLightStaticPressed","attributes":{"category":"header-navigation","type":"background-color-light-static","item":"pressed"},"path":["header-navigation","background-color-light-static","pressed"]}}},
   link,
+  "tab-navigation": {"padding":{"key":"{tab-navigation.padding}","value":"16px","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{tab-navigation.padding}"},"name":"TabNavigationPadding","attributes":{"category":"tab-navigation","type":"padding"},"path":["tab-navigation","padding"]},"background-color":{"default":{"key":"{tab-navigation.background-color.default}","value":"#5E6C7A","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.default}","key":"{tab-navigation.background-color.default}"},"name":"TabNavigationBackgroundColorDefault","attributes":{"category":"tab-navigation","type":"background-color","item":"default"},"path":["tab-navigation","background-color","default"]},"hover":{"key":"{tab-navigation.background-color.hover}","value":"#8FA1B4","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.hover}","key":"{tab-navigation.background-color.hover}"},"name":"TabNavigationBackgroundColorHover","attributes":{"category":"tab-navigation","type":"background-color","item":"hover"},"path":["tab-navigation","background-color","hover"]},"pressed":{"key":"{tab-navigation.background-color.pressed}","value":"#B7C9DB","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{neutral-soft-background-color.pressed}","key":"{tab-navigation.background-color.pressed}"},"name":"TabNavigationBackgroundColorPressed","attributes":{"category":"tab-navigation","type":"background-color","item":"pressed"},"path":["tab-navigation","background-color","pressed"]},"current":{"key":"{tab-navigation.background-color.current}","value":"#1B1F24","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{neutral.color.100}","key":"{tab-navigation.background-color.current}"},"name":"TabNavigationBackgroundColorCurrent","attributes":{"category":"tab-navigation","type":"background-color","item":"current"},"path":["tab-navigation","background-color","current"]}},"color":{"key":"{tab-navigation.color}","value":"#FFFFFF","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{neutral-soft-content-color}","key":"{tab-navigation.color}"},"name":"TabNavigationColor","attributes":{"category":"tab-navigation","type":"color"},"path":["tab-navigation","color"]},"font-weight":{"current":{"key":"{tab-navigation.font-weight.current}","value":"bold","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{font-weight.bold}","key":"{tab-navigation.font-weight.current}"},"name":"TabNavigationFontWeightCurrent","attributes":{"category":"tab-navigation","type":"font-weight","item":"current"},"path":["tab-navigation","font-weight","current"]}},"spacing":{"key":"{tab-navigation.spacing}","value":"0.5rem","filePath":"src/navigation/tab-navigation.yml","isSource":true,"original":{"value":"{size-rem.s}","key":"{tab-navigation.spacing}"},"name":"TabNavigationSpacing","attributes":{"category":"tab-navigation","type":"spacing"},"path":["tab-navigation","spacing"]}},
   tabs,
   "contextual-help": {"max-width":{"key":"{contextual-help.max-width}","value":"500px","filePath":"src/overlays/contextual-help.yml","isSource":true,"original":{"value":"500px","key":"{contextual-help.max-width}"},"name":"ContextualHelpMaxWidth","attributes":{"category":"contextual-help","type":"max-width"},"path":["contextual-help","max-width"]}},
   "light-box": {"max-width":{"key":"{light-box.max-width}","value":"calc(100dvw - 64px)","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"calc(100dvw - {size-px.xxl})","key":"{light-box.max-width}"},"name":"LightBoxMaxWidth","attributes":{"category":"light-box","type":"max-width"},"path":["light-box","max-width"]},"max-height":{"key":"{light-box.max-height}","value":"calc(100dvh - 64px)","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"calc(100dvh - {size-px.xxl})","key":"{light-box.max-height}"},"name":"LightBoxMaxHeight","attributes":{"category":"light-box","type":"max-height"},"path":["light-box","max-height"]},"max-width-mobile":{"key":"{light-box.max-width-mobile}","value":"calc(100dvw - 24px)","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"calc(100dvw - {size-px.l})","key":"{light-box.max-width-mobile}"},"name":"LightBoxMaxWidthMobile","attributes":{"category":"light-box","type":"max-width-mobile"},"path":["light-box","max-width-mobile"]},"max-height-mobile":{"key":"{light-box.max-height-mobile}","value":"calc(100dvh - 24px)","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"calc(100dvh - {size-px.l})","key":"{light-box.max-height-mobile}"},"name":"LightBoxMaxHeightMobile","attributes":{"category":"light-box","type":"max-height-mobile"},"path":["light-box","max-height-mobile"]},"spacing":{"key":"{light-box.spacing}","value":"16px","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{light-box.spacing}"},"name":"LightBoxSpacing","attributes":{"category":"light-box","type":"spacing"},"path":["light-box","spacing"]},"indicator-spacing":{"key":"{light-box.indicator-spacing}","value":"4px","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"{size-px.xs}","key":"{light-box.indicator-spacing}"},"name":"LightBoxIndicatorSpacing","attributes":{"category":"light-box","type":"indicator-spacing"},"path":["light-box","indicator-spacing"]},"indicator-size":{"key":"{light-box.indicator-size}","value":"16px","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"{size-px.m}","key":"{light-box.indicator-size}"},"name":"LightBoxIndicatorSize","attributes":{"category":"light-box","type":"indicator-size"},"path":["light-box","indicator-size"]},"indicator-border-width":{"key":"{light-box.indicator-border-width}","value":"2px","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"{border-width.200}","key":"{light-box.indicator-border-width}"},"name":"LightBoxIndicatorBorderWidth","attributes":{"category":"light-box","type":"indicator-border-width"},"path":["light-box","indicator-border-width"]},"indicator-border-style":{"key":"{light-box.indicator-border-style}","value":"solid","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"{border-style.default}","key":"{light-box.indicator-border-style}"},"name":"LightBoxIndicatorBorderStyle","attributes":{"category":"light-box","type":"indicator-border-style"},"path":["light-box","indicator-border-style"]},"indicator-corner-radius":{"key":"{light-box.indicator-corner-radius}","value":"50%","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"{corner-radius.round}","key":"{light-box.indicator-corner-radius}"},"name":"LightBoxIndicatorCornerRadius","attributes":{"category":"light-box","type":"indicator-corner-radius"},"path":["light-box","indicator-corner-radius"]},"content-color":{"key":"{light-box.content-color}","value":"rgb(255 255 255 / 100%)","filePath":"src/overlays/light-box.yml","isSource":true,"original":{"value":"{light-static.color.800}","key":"{light-box.content-color}"},"name":"LightBoxContentColor","attributes":{"category":"light-box","type":"content-color"},"path":["light-box","content-color"]}},

package/dist/js/packages/design-tokens/dist/json/all-dark.json.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"all-dark.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"all-dark.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}