@adgytec/adgytec-web-ui-components 2.3.1 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -16
- package/dist/App.d.ts +0 -1
- package/dist/assets/BottomSheetModal.css +1 -1
- package/dist/assets/Card.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/ListItem.css +1 -1
- package/dist/assets/Radio.css +1 -1
- package/dist/assets/SideSheetModal.css +1 -1
- package/dist/assets/Switch.css +1 -1
- package/dist/assets/ThemeSelector.css +1 -1
- package/dist/assets/core7.css +1 -1
- package/dist/chunks/ActionDialog +0 -1
- package/dist/chunks/ActionDialog.map +1 -1
- package/dist/chunks/AppBar +0 -1
- package/dist/chunks/AppBar.map +1 -1
- package/dist/chunks/AppBarAction +0 -1
- package/dist/chunks/AppBarAction.map +1 -1
- package/dist/chunks/AppBarAvatar +1 -2
- package/dist/chunks/AppBarAvatar.map +1 -1
- package/dist/chunks/AppBarHeadline +1 -2
- package/dist/chunks/AppBarHeadline.map +1 -1
- package/dist/chunks/BaseCalendar +2 -11
- package/dist/chunks/BaseCalendar.map +1 -1
- package/dist/chunks/BottomSheet +1 -2
- package/dist/chunks/BottomSheet.map +1 -1
- package/dist/chunks/BottomSheetModal +1 -2
- package/dist/chunks/BottomSheetModal.map +1 -1
- package/dist/chunks/ButtonGroup +1 -2
- package/dist/chunks/ButtonGroup.map +1 -1
- package/dist/chunks/CalendarCell +0 -1
- package/dist/chunks/CalendarCell.map +1 -1
- package/dist/chunks/CalendarGrid +1 -2
- package/dist/chunks/CalendarGrid.map +1 -1
- package/dist/chunks/CalendarMenuItem +1 -2
- package/dist/chunks/CalendarMenuItem.map +1 -1
- package/dist/chunks/Card +4 -5
- package/dist/chunks/Card.map +1 -1
- package/dist/chunks/CardIcon +1 -2
- package/dist/chunks/CardIcon.map +1 -1
- package/dist/chunks/CenteredSlider +1 -2
- package/dist/chunks/CenteredSlider.map +1 -1
- package/dist/chunks/ComboBox +1 -2
- package/dist/chunks/ComboBox.map +1 -1
- package/dist/chunks/ComboBoxPopover +0 -1
- package/dist/chunks/ComboBoxPopover.map +1 -1
- package/dist/chunks/ComboBoxTrigger +182 -200
- package/dist/chunks/ComboBoxTrigger.map +1 -1
- package/dist/chunks/ConnectedButtonGroup +0 -1
- package/dist/chunks/ConnectedButtonGroup.map +1 -1
- package/dist/chunks/Dialog +1 -2
- package/dist/chunks/Dialog.map +1 -1
- package/dist/chunks/Disclosure +1 -2
- package/dist/chunks/Disclosure.map +1 -1
- package/dist/chunks/DisclosureGroup +1 -2
- package/dist/chunks/DisclosureGroup.map +1 -1
- package/dist/chunks/DisclosureHeader +1 -2
- package/dist/chunks/DisclosureHeader.map +1 -1
- package/dist/chunks/DisclosurePanel +1 -2
- package/dist/chunks/DisclosurePanel.map +1 -1
- package/dist/chunks/Divider +1 -2
- package/dist/chunks/Divider.map +1 -1
- package/dist/chunks/FieldError +1 -2
- package/dist/chunks/FieldError.map +1 -1
- package/dist/chunks/GridBackgroundDecorator +0 -1
- package/dist/chunks/GridBackgroundDecorator.map +1 -1
- package/dist/chunks/Icon +1 -2
- package/dist/chunks/Icon.map +1 -1
- package/dist/chunks/Input +67 -78
- package/dist/chunks/Input.map +1 -1
- package/dist/chunks/Input2 +4 -8
- package/dist/chunks/Input2.map +1 -1
- package/dist/chunks/ListAction +0 -1
- package/dist/chunks/ListAction.map +1 -1
- package/dist/chunks/ListAvatar +1 -2
- package/dist/chunks/ListAvatar.map +1 -1
- package/dist/chunks/ListBox +12 -9
- package/dist/chunks/ListBox.map +1 -1
- package/dist/chunks/ListIcon +1 -2
- package/dist/chunks/ListIcon.map +1 -1
- package/dist/chunks/ListItem +62 -49
- package/dist/chunks/ListItem.map +1 -1
- package/dist/chunks/ListLabelText +1 -2
- package/dist/chunks/ListLabelText.map +1 -1
- package/dist/chunks/ListMedia +0 -1
- package/dist/chunks/ListMedia.map +1 -1
- package/dist/chunks/ListOverlineText +1 -2
- package/dist/chunks/ListOverlineText.map +1 -1
- package/dist/chunks/ListSupportingText +1 -2
- package/dist/chunks/ListSupportingText.map +1 -1
- package/dist/chunks/ListTrailingText +1 -2
- package/dist/chunks/ListTrailingText.map +1 -1
- package/dist/chunks/Loader +1 -2
- package/dist/chunks/Loader.map +1 -1
- package/dist/chunks/MenuPopover +1 -2
- package/dist/chunks/MenuPopover.map +1 -1
- package/dist/chunks/Modal +1 -2
- package/dist/chunks/Modal.map +1 -1
- package/dist/chunks/ModalOverlay +1 -2
- package/dist/chunks/ModalOverlay.map +1 -1
- package/dist/chunks/Navigation +2 -4
- package/dist/chunks/Navigation.map +1 -1
- package/dist/chunks/NavigationScrollContainer +2 -4
- package/dist/chunks/NavigationScrollContainer.map +1 -1
- package/dist/chunks/NavigationSection +1 -2
- package/dist/chunks/NavigationSection.map +1 -1
- package/dist/chunks/NavigationSectionLabel +1 -2
- package/dist/chunks/NavigationSectionLabel.map +1 -1
- package/dist/chunks/Popover +1 -2
- package/dist/chunks/Popover.map +1 -1
- package/dist/chunks/RadialGlowDecorator +0 -1
- package/dist/chunks/RadialGlowDecorator.map +1 -1
- package/dist/chunks/Radio +57 -70
- package/dist/chunks/Radio.map +1 -1
- package/dist/chunks/RichTooltip +1 -2
- package/dist/chunks/RichTooltip.map +1 -1
- package/dist/chunks/RichTooltipActions +1 -2
- package/dist/chunks/RichTooltipActions.map +1 -1
- package/dist/chunks/RichTooltipInfo +1 -2
- package/dist/chunks/RichTooltipInfo.map +1 -1
- package/dist/chunks/SearchField +0 -1
- package/dist/chunks/SearchField.map +1 -1
- package/dist/chunks/SelectPopover +1 -2
- package/dist/chunks/SelectPopover.map +1 -1
- package/dist/chunks/SelectTrigger +1 -2
- package/dist/chunks/SelectTrigger.map +1 -1
- package/dist/chunks/SideSheet +1 -2
- package/dist/chunks/SideSheet.map +1 -1
- package/dist/chunks/SideSheetModal +2 -3
- package/dist/chunks/SideSheetModal.map +1 -1
- package/dist/chunks/Slider +0 -1
- package/dist/chunks/Slider.map +1 -1
- package/dist/chunks/SliderOutput +1 -2
- package/dist/chunks/SliderOutput.map +1 -1
- package/dist/chunks/SliderStops +1 -2
- package/dist/chunks/SliderStops.map +1 -1
- package/dist/chunks/SliderThumb +0 -1
- package/dist/chunks/SliderThumb.map +1 -1
- package/dist/chunks/Snackbar +1 -2
- package/dist/chunks/Snackbar.map +1 -1
- package/dist/chunks/SplitButton +1 -2
- package/dist/chunks/SplitButton.map +1 -1
- package/dist/chunks/SplitButtonTrigger +1 -2
- package/dist/chunks/SplitButtonTrigger.map +1 -1
- package/dist/chunks/SubmenuPopover +0 -1
- package/dist/chunks/SubmenuPopover.map +1 -1
- package/dist/chunks/Switch +47 -48
- package/dist/chunks/Switch.map +1 -1
- package/dist/chunks/Tab +1 -2
- package/dist/chunks/Tab.map +1 -1
- package/dist/chunks/TabList +1 -2
- package/dist/chunks/TabList.map +1 -1
- package/dist/chunks/TabPanel +1 -2
- package/dist/chunks/TabPanel.map +1 -1
- package/dist/chunks/TabPanels +1 -2
- package/dist/chunks/TabPanels.map +1 -1
- package/dist/chunks/Tabs +1 -2
- package/dist/chunks/Tabs.map +1 -1
- package/dist/chunks/Tag +1 -2
- package/dist/chunks/Tag.map +1 -1
- package/dist/chunks/ThemeSelector +109 -85
- package/dist/chunks/ThemeSelector.map +1 -1
- package/dist/chunks/Toolbar +0 -1
- package/dist/chunks/Toolbar.map +1 -1
- package/dist/chunks/Tooltip +0 -1
- package/dist/chunks/Tooltip.map +1 -1
- package/dist/chunks/base +1 -2
- package/dist/chunks/compiler-runtime +2 -3
- package/dist/chunks/context +1 -2
- package/dist/chunks/core +3 -6
- package/dist/chunks/core.map +1 -1
- package/dist/chunks/core2 +0 -1
- package/dist/chunks/core2.map +1 -1
- package/dist/chunks/core3 +2 -5
- package/dist/chunks/core3.map +1 -1
- package/dist/chunks/core4 +0 -1
- package/dist/chunks/core4.map +1 -1
- package/dist/chunks/core5 +0 -1
- package/dist/chunks/core5.map +1 -1
- package/dist/chunks/core6 +9 -10
- package/dist/chunks/core6.map +1 -1
- package/dist/chunks/core7 +2 -5
- package/dist/chunks/core7.map +1 -1
- package/dist/chunks/core8 +1 -3
- package/dist/chunks/core8.map +1 -1
- package/dist/chunks/core9 +0 -1
- package/dist/chunks/core9.map +1 -1
- package/dist/chunks/navContext +1 -2
- package/dist/chunks/navContext.map +1 -1
- package/dist/chunks/tapTarget +0 -1
- package/dist/chunks/tapTarget.map +1 -1
- package/dist/chunks/types +1 -2
- package/dist/chunks/useHover +187 -225
- package/dist/chunks/useHover.map +1 -1
- package/dist/chunks/useSplash +1 -2
- package/dist/chunks/useSplash.map +1 -1
- package/dist/components/AppBar/AppBar/index.js +1 -2
- package/dist/components/AppBar/AppBarAction/index.js +1 -2
- package/dist/components/AppBar/AppBarAvatar/index.js +1 -2
- package/dist/components/AppBar/AppBarHeadline/index.js +1 -2
- package/dist/components/AppBar/AppBarState/index.js +2 -4
- package/dist/components/AppBar/AppBarState/index.js.map +1 -1
- package/dist/components/AppBar/core/index.js +2 -4
- package/dist/components/AppBar/core/index.js.map +1 -1
- package/dist/components/Button/Button/index.js +1 -2
- package/dist/components/Button/Button/index.js.map +1 -1
- package/dist/components/Button/ButtonGroups/ButtonGroup/index.js +1 -2
- package/dist/components/Button/ButtonGroups/ButtonGroupContext/index.js +3 -6
- package/dist/components/Button/ButtonGroups/ButtonGroupContext/index.js.map +1 -1
- package/dist/components/Button/ButtonGroups/ConnectedButton/index.js +1 -2
- package/dist/components/Button/ButtonGroups/ConnectedButtonGroup/index.js +1 -2
- package/dist/components/Button/IconButton/index.js +1 -2
- package/dist/components/Button/LinkButton/index.js +1 -2
- package/dist/components/Button/LinkButton/index.js.map +1 -1
- package/dist/components/Button/LinkIconButton/index.js +1 -2
- package/dist/components/Button/SplitButton/SplitButton/index.js +1 -2
- package/dist/components/Button/SplitButton/SplitButtonContext/index.js +2 -4
- package/dist/components/Button/SplitButton/SplitButtonContext/index.js.map +1 -1
- package/dist/components/Button/SplitButton/SplitButtonPrimary/index.js +1 -2
- package/dist/components/Button/SplitButton/SplitButtonTrigger/index.js +1 -2
- package/dist/components/Button/SplitButton/core/index.js +1 -2
- package/dist/components/Button/ToggleButton/index.js +1 -2
- package/dist/components/Button/ToggleButton/index.js.map +1 -1
- package/dist/components/Button/ToggleIconButton/index.js +1 -2
- package/dist/components/Button/core/index.js +1 -2
- package/dist/components/Calendar/BaseCalendar/index.js +1 -2
- package/dist/components/Calendar/Calendar/index.js +1 -2
- package/dist/components/Calendar/Calendar/index.js.map +1 -1
- package/dist/components/Calendar/CalendarCell/index.js +1 -2
- package/dist/components/Calendar/CalendarGrid/index.js +1 -2
- package/dist/components/Calendar/CalendarMenuItem/index.js +1 -2
- package/dist/components/Calendar/CalendarMonthMenu/index.js +1 -2
- package/dist/components/Calendar/CalendarMonthMenu/index.js.map +1 -1
- package/dist/components/Calendar/CalendarYearMenu/index.js +1 -2
- package/dist/components/Calendar/CalendarYearMenu/index.js.map +1 -1
- package/dist/components/Calendar/RangeCalendar/index.js +1 -2
- package/dist/components/Calendar/RangeCalendar/index.js.map +1 -1
- package/dist/components/Calendar/core/index.js +1 -2
- package/dist/components/Card/CardIcon/index.js +1 -2
- package/dist/components/Decorators/GridBackgroundDecorator/index.js +1 -2
- package/dist/components/Decorators/RadialGlowDecorator/index.js +1 -2
- package/dist/components/Dialog/ActionDialog/index.js +1 -2
- package/dist/components/Dialog/Dialog/index.js +1 -2
- package/dist/components/Dialog/Modal/index.js +1 -2
- package/dist/components/Dialog/ModalOverlay/index.js +1 -2
- package/dist/components/Dialog/core/index.js +2 -4
- package/dist/components/Dialog/core/index.js.map +1 -1
- package/dist/components/Disclosure/Disclosure/index.js +1 -2
- package/dist/components/Disclosure/DisclosureGroup/index.js +1 -2
- package/dist/components/Disclosure/DisclosureHeader/index.js +1 -2
- package/dist/components/Disclosure/DisclosurePanel/index.js +1 -2
- package/dist/components/Disclosure/context/index.js +1 -2
- package/dist/components/Disclosure/context/index.js.map +1 -1
- package/dist/components/Divider/index.js +1 -2
- package/dist/components/Icon/index.js +1 -2
- package/dist/components/Input/CharacterCount/index.js +1 -2
- package/dist/components/Input/CharacterCount/index.js.map +1 -1
- package/dist/components/Input/Checkbox/Checkbox.d.ts +14 -3
- package/dist/components/Input/Checkbox/CheckboxGroup.d.ts +3 -3
- package/dist/components/Input/Checkbox/context.d.ts +2 -4
- package/dist/components/Input/Checkbox/types.d.ts +11 -26
- package/dist/components/Input/DateField/index.js +1 -2
- package/dist/components/Input/DatePicker/DatePicker/index.js +1 -2
- package/dist/components/Input/DatePicker/DateRangePicker/index.js +1 -2
- package/dist/components/Input/DatePicker/core/index.js +1 -2
- package/dist/components/Input/Description/index.js +1 -2
- package/dist/components/Input/Description/index.js.map +1 -1
- package/dist/components/Input/FieldError/index.js +1 -2
- package/dist/components/Input/Input/index.js +1 -2
- package/dist/components/Input/Label/index.js +1 -2
- package/dist/components/Input/Label/index.js.map +1 -1
- package/dist/components/Input/Radio/Radio.d.ts +5 -4
- package/dist/components/Input/Radio/RadioGroup.d.ts +2 -2
- package/dist/components/Input/Radio/context.d.ts +2 -4
- package/dist/components/Input/Radio/index.js +1 -2
- package/dist/components/Input/Radio/types.d.ts +11 -25
- package/dist/components/Input/SearchField/index.js +1 -2
- package/dist/components/Input/Select/ComboBox/index.js +1 -2
- package/dist/components/Input/Select/ComboBoxPopover/index.js +1 -2
- package/dist/components/Input/Select/ComboBoxTrigger/index.js +1 -2
- package/dist/components/Input/Select/Select/index.js +1 -2
- package/dist/components/Input/Select/SelectItem/index.js +1 -2
- package/dist/components/Input/Select/SelectList/index.js +1 -2
- package/dist/components/Input/Select/SelectListSection/index.js +1 -2
- package/dist/components/Input/Select/SelectListSection/index.js.map +1 -1
- package/dist/components/Input/Select/SelectListSectionHeader/index.js +1 -2
- package/dist/components/Input/Select/SelectListSectionHeader/index.js.map +1 -1
- package/dist/components/Input/Select/SelectPopover/index.js +1 -2
- package/dist/components/Input/Select/SelectTrigger/index.js +1 -2
- package/dist/components/Input/Slider/CenteredSlider/index.js +1 -2
- package/dist/components/Input/Slider/CenteredSlider/types.d.ts +1 -1
- package/dist/components/Input/Slider/RangeSlider/RangeSlider.d.ts +1 -1
- package/dist/components/Input/Slider/RangeSlider/index.js +1 -2
- package/dist/components/Input/Slider/RangeSlider/index.js.map +1 -1
- package/dist/components/Input/Slider/RangeSlider/types.d.ts +1 -1
- package/dist/components/Input/Slider/Slider/Slider.d.ts +1 -1
- package/dist/components/Input/Slider/Slider/index.js +1 -2
- package/dist/components/Input/Slider/Slider/types.d.ts +1 -1
- package/dist/components/Input/Slider/SliderOutput/SliderOutput.d.ts +2 -2
- package/dist/components/Input/Slider/SliderOutput/index.js +1 -2
- package/dist/components/Input/Slider/SliderStops/index.js +1 -2
- package/dist/components/Input/Slider/SliderStops/types.d.ts +1 -1
- package/dist/components/Input/Slider/SliderThumb/SliderThumb.d.ts +2 -2
- package/dist/components/Input/Slider/SliderThumb/context.d.ts +2 -2
- package/dist/components/Input/Slider/SliderThumb/index.js +1 -2
- package/dist/components/Input/Slider/core/index.js +1 -2
- package/dist/components/Input/Slider/core/slider.d.ts +3 -3
- package/dist/components/Input/Switch/Switch.d.ts +20 -3
- package/dist/components/Input/Switch/index.js +1 -2
- package/dist/components/Input/Switch/types.d.ts +11 -12
- package/dist/components/Input/TextArea/index.js +1 -2
- package/dist/components/Input/TimeField/index.js +1 -2
- package/dist/components/Input/core/index.js +1 -2
- package/dist/components/Input/hooks/index.js +1 -2
- package/dist/components/List/ListAction/ListAction.d.ts +2 -2
- package/dist/components/List/ListAction/index.js +1 -2
- package/dist/components/List/ListAvatar/ListAvatar.d.ts +2 -2
- package/dist/components/List/ListAvatar/index.js +1 -2
- package/dist/components/List/ListBox/ListBox.d.ts +3 -3
- package/dist/components/List/ListBox/index.js +1 -2
- package/dist/components/List/ListBox/types.d.ts +14 -2
- package/dist/components/List/ListIcon/ListIcon.d.ts +2 -2
- package/dist/components/List/ListIcon/index.js +1 -2
- package/dist/components/List/ListItem/ListItem.d.ts +2 -1
- package/dist/components/List/ListItem/index.js +1 -2
- package/dist/components/List/ListItem/types.d.ts +17 -4
- package/dist/components/List/ListLabelText/ListLabelText.d.ts +2 -2
- package/dist/components/List/ListLabelText/index.js +1 -2
- package/dist/components/List/ListMedia/ListMedia.d.ts +1 -1
- package/dist/components/List/ListMedia/index.js +1 -2
- package/dist/components/List/ListMedia/types.d.ts +2 -2
- package/dist/components/List/ListOverlineText/ListOverlineText.d.ts +2 -2
- package/dist/components/List/ListOverlineText/index.js +1 -2
- package/dist/components/List/ListSupportingText/ListSupportingText.d.ts +2 -2
- package/dist/components/List/ListSupportingText/index.js +1 -2
- package/dist/components/List/ListTrailingText/ListTrailingText.d.ts +2 -2
- package/dist/components/List/ListTrailingText/index.js +1 -2
- package/dist/components/List/core/context.d.ts +18 -0
- package/dist/components/List/core/index.d.ts +2 -0
- package/dist/components/List/core/index.js +9 -0
- package/dist/components/List/core/index.js.map +1 -0
- package/dist/components/List/core/selectionIndicator.d.ts +8 -0
- package/dist/components/List/index.d.ts +1 -0
- package/dist/components/List/index.js +12 -11
- package/dist/components/Loader/Loader.d.ts +2 -2
- package/dist/components/Loader/index.js +1 -2
- package/dist/components/Menu/Menu/index.js +1 -2
- package/dist/components/Menu/Menu/index.js.map +1 -1
- package/dist/components/Menu/Menu/types.d.ts +3 -3
- package/dist/components/Menu/MenuItem/MenuItem.d.ts +2 -2
- package/dist/components/Menu/MenuItem/index.js +1 -2
- package/dist/components/Menu/MenuItem/index.js.map +1 -1
- package/dist/components/Menu/MenuItem/types.d.ts +3 -3
- package/dist/components/Menu/MenuPopover/MenuPopover.d.ts +3 -3
- package/dist/components/Menu/MenuPopover/index.js +1 -2
- package/dist/components/Menu/MenuSection/MenuSection.d.ts +4 -4
- package/dist/components/Menu/MenuSection/index.js +1 -2
- package/dist/components/Menu/MenuSection/index.js.map +1 -1
- package/dist/components/Menu/MenuSectionHeader/MenuSectionHeader.d.ts +2 -2
- package/dist/components/Menu/MenuSectionHeader/index.js +1 -2
- package/dist/components/Menu/MenuSectionHeader/index.js.map +1 -1
- package/dist/components/Menu/MenuShortcut/MenuShortcut.d.ts +2 -2
- package/dist/components/Menu/MenuShortcut/index.js +1 -2
- package/dist/components/Menu/MenuShortcut/index.js.map +1 -1
- package/dist/components/Menu/MenuTrailingText/MenuTrailingText.d.ts +2 -2
- package/dist/components/Menu/MenuTrailingText/index.js +1 -2
- package/dist/components/Menu/MenuTrailingText/index.js.map +1 -1
- package/dist/components/Menu/MenuTrigger/MenuTrigger.d.ts +3 -3
- package/dist/components/Menu/MenuTrigger/index.js +1 -2
- package/dist/components/Menu/MenuTrigger/index.js.map +1 -1
- package/dist/components/Menu/SubmenuPopover/SubmenuPopover.d.ts +1 -1
- package/dist/components/Menu/SubmenuPopover/index.js +1 -2
- package/dist/components/Menu/context/context.d.ts +1 -1
- package/dist/components/Menu/context/index.js +2 -4
- package/dist/components/Menu/context/index.js.map +1 -1
- package/dist/components/Menu/context/useMenuConfigContext.d.ts +1 -1
- package/dist/components/Menu/core/color.d.ts +1 -1
- package/dist/components/Menu/core/index.js +1 -2
- package/dist/components/Menu/core/layout.d.ts +1 -1
- package/dist/components/Navigation/Navigation/Navigation.d.ts +1 -1
- package/dist/components/Navigation/Navigation/navContext.d.ts +1 -1
- package/dist/components/Navigation/Navigation/navRenderingContext.d.ts +2 -2
- package/dist/components/Navigation/Navigation/types.d.ts +3 -3
- package/dist/components/Navigation/NavigationItem/NavigationButton/NavigationButton.d.ts +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationButton/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/NavigationButton/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationButton/types.d.ts +2 -2
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/NavigationItemIconRenderer.d.ts +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/NavigationItemIconRenderer/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationLink/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/NavigationLink/index.js.map +1 -1
- package/dist/components/Navigation/NavigationItem/NavigationLink/types.d.ts +2 -2
- package/dist/components/Navigation/NavigationItem/core/index.js +1 -2
- package/dist/components/Navigation/NavigationItem/core/navigationItem.d.ts +2 -2
- package/dist/components/Navigation/NavigationScrollContainer/NavigationScrollContainer.d.ts +2 -2
- package/dist/components/Navigation/NavigationScrollContainer/index.js +1 -2
- package/dist/components/Navigation/NavigationSection/NavigationSection/NavigationSection.d.ts +1 -1
- package/dist/components/Navigation/NavigationSection/NavigationSection/index.js +1 -2
- package/dist/components/Navigation/NavigationSection/NavigationSectionLabel/NavigationSectionLabel.d.ts +2 -2
- package/dist/components/Navigation/NavigationSection/NavigationSectionLabel/index.js +1 -2
- package/dist/components/Navigation/NavigationState/NavigationState.d.ts +2 -2
- package/dist/components/Navigation/NavigationState/context.d.ts +2 -2
- package/dist/components/Navigation/NavigationState/index.js +2 -4
- package/dist/components/Navigation/NavigationState/index.js.map +1 -1
- package/dist/components/Navigation/SubNavigation/SubNavigation/SubNavigation.d.ts +2 -2
- package/dist/components/Navigation/SubNavigation/SubNavigation/index.js +1 -2
- package/dist/components/Navigation/SubNavigation/SubNavigation/index.js.map +1 -1
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/SubNavigationTrigger.d.ts +3 -3
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js +1 -2
- package/dist/components/Navigation/SubNavigation/SubNavigationTrigger/index.js.map +1 -1
- package/dist/components/Navigation/core/index.js +1 -2
- package/dist/components/Navigation/core/navigation.d.ts +2 -2
- package/dist/components/Navigation/core/navigationInfo.d.ts +2 -2
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Popover/index.js +1 -2
- package/dist/components/Sheets/BottomSheet/BottomSheet/index.d.ts +2 -0
- package/dist/components/Sheets/BottomSheet/BottomSheet/index.js +1 -0
- package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/context.d.ts +1 -1
- package/dist/components/Sheets/BottomSheet/BottomSheetModal/index.js +1 -0
- package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/types.d.ts +1 -1
- package/dist/components/Sheets/BottomSheet/index.d.ts +1 -1
- package/dist/components/Sheets/BottomSheet/index.js +3 -2
- package/dist/components/Sheets/SideSheet/SideSheet/index.d.ts +3 -0
- package/dist/components/Sheets/SideSheet/SideSheet/index.js +1 -0
- package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/context.d.ts +1 -1
- package/dist/components/Sheets/SideSheet/SideSheetModal/index.js +1 -0
- package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/types.d.ts +1 -1
- package/dist/components/Sheets/SideSheet/index.d.ts +1 -2
- package/dist/components/Sheets/SideSheet/index.js +3 -2
- package/dist/components/Sheets/index.d.ts +0 -2
- package/dist/components/Snackbar/index.js +1 -2
- package/dist/components/Splash/index.js +1 -2
- package/dist/components/Tabs/Tab/index.js +1 -2
- package/dist/components/Tabs/TabList/index.js +1 -2
- package/dist/components/Tabs/TabPanel/index.js +1 -2
- package/dist/components/Tabs/TabPanels/index.js +1 -2
- package/dist/components/Tabs/Tabs/index.js +1 -2
- package/dist/components/Tag/index.js +1 -2
- package/dist/components/ThemeSelector/ThemeItem.d.ts +7 -1
- package/dist/components/ThemeSelector/ThemeSelector.d.ts +2 -2
- package/dist/components/ThemeSelector/core.d.ts +21 -11
- package/dist/components/ThemeSelector/index.js +1 -2
- package/dist/components/ThemeSelector/types.d.ts +41 -0
- package/dist/components/Toolbar/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltip/RichTooltip.d.ts +4 -4
- package/dist/components/Tooltip/RichTooltip/RichTooltip/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipActions/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipInfo/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipSubhead/index.js.map +1 -1
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js +1 -2
- package/dist/components/Tooltip/RichTooltip/RichTooltipInfo/RichTooltipText/index.js.map +1 -1
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/RichTooltipTrigger.d.ts +53 -0
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/index.d.ts +1 -0
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/index.js +11 -0
- package/dist/components/Tooltip/RichTooltip/RichTooltipTrigger/index.js.map +1 -0
- package/dist/components/Tooltip/RichTooltip/index.d.ts +1 -0
- package/dist/components/Tooltip/RichTooltip/index.js +2 -1
- package/dist/components/Tooltip/Tooltip/index.js +1 -2
- package/dist/components/Tooltip/TooltipTrigger/index.js +1 -2
- package/dist/components/Tooltip/index.js +4 -3
- package/dist/index.js +111 -111
- package/dist/index.js.map +1 -1
- package/dist/preview/AppBar/AppBar.d.ts +2 -0
- package/dist/preview/AppBar/index.d.ts +1 -0
- package/dist/preview/BottomSheet/BottomSheet.d.ts +6 -0
- package/dist/preview/BottomSheet/index.d.ts +1 -0
- package/dist/preview/Button/Button.d.ts +2 -0
- package/dist/preview/Button/index.d.ts +1 -0
- package/dist/preview/ButtonGroup/ButtonGroup.d.ts +2 -0
- package/dist/preview/ButtonGroup/index.d.ts +1 -0
- package/dist/preview/Calendar/Calendar.d.ts +2 -0
- package/dist/preview/Calendar/index.d.ts +1 -0
- package/dist/preview/Card/Card.d.ts +2 -0
- package/dist/preview/Card/index.d.ts +1 -0
- package/dist/preview/CenteredSlider/CenteredSlider.d.ts +2 -0
- package/dist/preview/CenteredSlider/index.d.ts +1 -0
- package/dist/preview/Checkbox/Checkbox.d.ts +2 -0
- package/dist/preview/Checkbox/index.d.ts +1 -0
- package/dist/preview/Config/Config.d.ts +8 -0
- package/dist/preview/Config/index.d.ts +1 -0
- package/dist/preview/ConnectedButtonGroup/ConnectedButtonGroup.d.ts +2 -0
- package/dist/preview/ConnectedButtonGroup/index.d.ts +1 -0
- package/dist/preview/DateField/DateField.d.ts +6 -0
- package/dist/preview/DateField/index.d.ts +1 -0
- package/dist/preview/DatePicker/DatePicker.d.ts +2 -0
- package/dist/preview/DatePicker/index.d.ts +1 -0
- package/dist/preview/DateRangePicker/DateRangePicker.d.ts +2 -0
- package/dist/preview/DateRangePicker/index.d.ts +1 -0
- package/dist/preview/Decorators/Decorators.d.ts +2 -0
- package/dist/preview/Decorators/index.d.ts +1 -0
- package/dist/preview/Dialog/Dialog.d.ts +2 -0
- package/dist/preview/Dialog/index.d.ts +1 -0
- package/dist/preview/Disclosure/Disclosure.d.ts +2 -0
- package/dist/preview/Disclosure/index.d.ts +1 -0
- package/dist/preview/Gradients/Gradients.d.ts +6 -0
- package/dist/preview/Gradients/index.d.ts +1 -0
- package/dist/preview/Icon/Icon.d.ts +2 -0
- package/dist/preview/Icon/index.d.ts +1 -0
- package/dist/preview/IconButton/IconButton.d.ts +2 -0
- package/dist/preview/IconButton/index.d.ts +1 -0
- package/dist/preview/Input/Input.d.ts +6 -0
- package/dist/preview/Input/index.d.ts +1 -0
- package/dist/preview/Link/Link.d.ts +2 -0
- package/dist/preview/Link/index.d.ts +1 -0
- package/dist/preview/List/List.d.ts +2 -0
- package/dist/preview/List/index.d.ts +1 -0
- package/dist/preview/Menu/Menu.d.ts +3 -0
- package/dist/preview/Menu/index.d.ts +1 -0
- package/dist/preview/Navigation/Navigation.d.ts +3 -0
- package/dist/preview/Navigation/index.d.ts +1 -0
- package/dist/preview/Radio/Radio.d.ts +2 -0
- package/dist/preview/Radio/index.d.ts +1 -0
- package/dist/preview/RangeCalendar/RangeCalendar.d.ts +2 -0
- package/dist/preview/RangeCalendar/index.d.ts +1 -0
- package/dist/preview/RangeSlider/RangeSlider.d.ts +2 -0
- package/dist/preview/RangeSlider/index.d.ts +1 -0
- package/dist/preview/SearchField/SearchField.d.ts +2 -0
- package/dist/preview/SearchField/index.d.ts +1 -0
- package/dist/preview/Select/Select.d.ts +2 -0
- package/dist/preview/Select/index.d.ts +1 -0
- package/dist/preview/SideSheet/SideSheet.d.ts +7 -0
- package/dist/preview/SideSheet/index.d.ts +1 -0
- package/dist/preview/Slider/Slider.d.ts +2 -0
- package/dist/preview/Slider/index.d.ts +1 -0
- package/dist/preview/Snackbar/Snackbar.d.ts +2 -0
- package/dist/preview/Snackbar/index.d.ts +1 -0
- package/dist/preview/SplitButton/SplitButton.d.ts +10 -0
- package/dist/preview/SplitButton/index.d.ts +1 -0
- package/dist/preview/Switch/Switch.d.ts +2 -0
- package/dist/preview/Switch/index.d.ts +1 -0
- package/dist/preview/Tabs/Tabs.d.ts +7 -0
- package/dist/preview/Tabs/index.d.ts +1 -0
- package/dist/preview/Tags/Tags.d.ts +2 -0
- package/dist/preview/Tags/index.d.ts +1 -0
- package/dist/preview/TextArea/TextArea.d.ts +6 -0
- package/dist/preview/TextArea/index.d.ts +1 -0
- package/dist/preview/ThemeSelector/ThemeSelector.d.ts +2 -0
- package/dist/preview/ThemeSelector/index.d.ts +1 -0
- package/dist/preview/TimeField/TimeField.d.ts +6 -0
- package/dist/preview/TimeField/index.d.ts +1 -0
- package/dist/preview/Toolbar/Toolbar.d.ts +10 -0
- package/dist/preview/Toolbar/index.d.ts +1 -0
- package/dist/preview/Tooltip/Tooltip.d.ts +2 -0
- package/dist/preview/Tooltip/index.d.ts +1 -0
- package/package.json +13 -13
- package/dist/components/Sheets/BottomSheetModal/index.js +0 -2
- package/dist/components/Sheets/SideSheetModal/index.js +0 -2
- /package/dist/components/Sheets/BottomSheet/{BottomSheet.d.ts → BottomSheet/BottomSheet.d.ts} +0 -0
- /package/dist/components/Sheets/BottomSheet/{types.d.ts → BottomSheet/types.d.ts} +0 -0
- /package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/BottomSheetModal.d.ts +0 -0
- /package/dist/components/Sheets/{BottomSheetModal → BottomSheet/BottomSheetModal}/index.d.ts +0 -0
- /package/dist/components/Sheets/SideSheet/{SideSheet.d.ts → SideSheet/SideSheet.d.ts} +0 -0
- /package/dist/components/Sheets/SideSheet/{SideSheetDialog.d.ts → SideSheet/SideSheetDialog.d.ts} +0 -0
- /package/dist/components/Sheets/SideSheet/{types.d.ts → SideSheet/types.d.ts} +0 -0
- /package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/SideSheetModal.d.ts +0 -0
- /package/dist/components/Sheets/{SideSheetModal → SideSheet/SideSheetModal}/index.d.ts +0 -0
package/README.md
CHANGED
|
@@ -14,29 +14,34 @@ A robust, accessible, and highly customizable React component library implementi
|
|
|
14
14
|
## Component Library
|
|
15
15
|
|
|
16
16
|
### Buttons
|
|
17
|
+
|
|
17
18
|
- **Standard Buttons**: Button, Icon Button, Link Button, Link Icon Button.
|
|
18
19
|
- **Toggle Buttons**: Toggle Button, Toggle Icon Button.
|
|
19
20
|
- **Complex Buttons**: Split Button.
|
|
20
21
|
- **Groups**: Button Group (with morphing animation), Connected Button Group.
|
|
21
22
|
|
|
22
23
|
### Data Entry
|
|
24
|
+
|
|
23
25
|
- **Inputs**: Input (TextField), SearchField, TextArea, Checkbox, Radio, RadioGroup, Select, ComboBox.
|
|
24
26
|
- **Pickers**: DatePicker, DateRangePicker, TimeField, DateField, Calendar, RangeCalendar.
|
|
25
27
|
- **Sliders**: Slider, RangeSlider.
|
|
26
28
|
- **Selection**: Switch.
|
|
27
29
|
|
|
28
30
|
### Navigation & Layout
|
|
31
|
+
|
|
29
32
|
- **Tabs**: Horizontal and Vertical tab systems.
|
|
30
33
|
- **Toolbar**: Contextual action containers (Docked and Floating variants).
|
|
31
34
|
- **Dividers**: Material 3 separators.
|
|
32
35
|
- **Disclosure**: Expandable sections and Accordions.
|
|
33
36
|
|
|
34
37
|
### Feedback & Overlays
|
|
38
|
+
|
|
35
39
|
- **Dialogs**: Modal, ModalOverlay, ActionDialog (pre-configured patterns).
|
|
36
40
|
- **Tooltips**: Plain Tooltip and Rich Tooltip (for complex content).
|
|
37
41
|
- **Status**: Loader, Splash (Ripple effect).
|
|
38
42
|
|
|
39
43
|
### Data Display
|
|
44
|
+
|
|
40
45
|
- **Tags**: Expressive chips for attributes and selection.
|
|
41
46
|
- **Images**: Responsive image component with resolution-based presets.
|
|
42
47
|
- **Icons**: Unified wrapper for Lucide icons with design system sizing.
|
|
@@ -44,36 +49,42 @@ A robust, accessible, and highly customizable React component library implementi
|
|
|
44
49
|
## Getting Started
|
|
45
50
|
|
|
46
51
|
### 1. Wrap your application
|
|
52
|
+
|
|
47
53
|
To enable theme management and global styles, wrap your root component with the `ThemeProvider`:
|
|
48
54
|
|
|
49
55
|
```tsx
|
|
50
|
-
import { ThemeProvider } from
|
|
56
|
+
import { ThemeProvider } from "@adgytec/web-ui-components";
|
|
51
57
|
|
|
52
58
|
function App() {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
59
|
+
return (
|
|
60
|
+
<ThemeProvider>
|
|
61
|
+
<MyContent />
|
|
62
|
+
</ThemeProvider>
|
|
63
|
+
);
|
|
58
64
|
}
|
|
59
65
|
```
|
|
60
66
|
|
|
61
67
|
### 2. Use Components
|
|
68
|
+
|
|
62
69
|
Import and use components directly in your application:
|
|
63
70
|
|
|
64
71
|
```tsx
|
|
65
|
-
import { Button, Input } from
|
|
66
|
-
import { Mail } from
|
|
72
|
+
import { Button, Input } from "@adgytec/web-ui-components";
|
|
73
|
+
import { Mail } from "lucide-react";
|
|
67
74
|
|
|
68
75
|
function MyForm() {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
return (
|
|
77
|
+
<div className="form-container">
|
|
78
|
+
<Input
|
|
79
|
+
label="Email"
|
|
80
|
+
leadingIcon={Mail}
|
|
81
|
+
placeholder="Enter your email"
|
|
82
|
+
/>
|
|
83
|
+
<Button color="filled" onPress={() => console.log("Submitted!")}>
|
|
84
|
+
Submit
|
|
85
|
+
</Button>
|
|
86
|
+
</div>
|
|
87
|
+
);
|
|
77
88
|
}
|
|
78
89
|
```
|
|
79
90
|
|
package/dist/App.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._modal_1hd0f_2{--_sheet-modal-motion:var(--md-sys-motion-expressive-fast-spatial);--_sheet-modal-motion-duration:var(--md-sys-motion-expressive-fast-spatial-duration);--_detached-margin:var(--md-sys-layout-space-16);--_top-padding:var(--md-sys-layout-space-64);margin-block-start:var(--_top-padding);position:fixed;inset-block-end:0;inset-inline-start:50%;translate:-50%}._modal_1hd0f_2[data-layout=standard]{--_sheet-modal-motion:var(--md-sys-motion-expressive-fast-effects);--_sheet-modal-motion-duration:var(--md-sys-motion-expressive-fast-effects-duration)}._modal_1hd0f_2[data-layout=detached]{margin-block-end:var(--_detached-margin)}._modal_1hd0f_2{transition:translate var(--_sheet-modal-motion) var(--_sheet-modal-motion-duration)}@media (prefers-reduced-motion){._modal_1hd0f_2{transition:none}}._modal_1hd0f_2[data-entering],._modal_1hd0f_2[data-exiting]{translate:-50% 100%}}
|
package/dist/assets/Card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._card_l0da7_11{--_md-card-background:var(--md-card-background,var(--_md-card-background-default));--_md-card-icon-color:var(--md-card-icon-color,var(--md-sys-color-primary));--_md-card-elevation:var(--md-card-elevation,var(--_md-card-elevation-default,var(--md-sys-elevation-shadow-0)));--md-card-shape:var(--md-sys-shape-corner-radius-medium);--md-card-padding:var(--md-sys-layout-space-16);--_state-color:var(--md-sys-color-on-surface);--_state-layer-opacity:0;--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));--_background-color:var(--_md-card-background);--_shadow:var(--_md-card-elevation);border-radius:var(--md-card-shape);background-color:var(--_background-color);color:var(--_color);box-shadow:var(--_shadow);transition:box-shadow var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration);position:relative;overflow:clip}@media (prefers-reduced-motion){._card_l0da7_11{transition:none}}._card_l0da7_11[data-hovered]{cursor:pointer;--_state-layer-opacity:var(--md-sys-state-hover);--_shadow:var(--md-sys-elevation-shadow-1)}._card_l0da7_11[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus)}._card_l0da7_11[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed)}._card_l0da7_11[data-dragging]{--_state-layer-opacity:var(--md-sys-state-dragged);--_shadow:var(--md-sys-elevation-shadow-3)}._card_l0da7_11[data-disabled]{--_background-color:rgb(from var(--md-sys-color-surface) r g b / var(--md-sys-state-disabled-content));--_color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_state-layer-color:var(--_background-color)}._card_l0da7_11:before{content:"";border-radius:inherit;background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-standard-fast-spatial) var(--md-sys-motion-standard-fast-spatial-duration);position:absolute;inset:0}@media (prefers-reduced-motion){._card_l0da7_11:before{transition:none}}._card_l0da7_11[data-focus-visible]{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color);z-index:1}._elevated_l0da7_124{--_md-card-elevation-default:var(--md-sys-elevation-shadow-1);--_md-card-background-default:var(--md-sys-color-surface-container-low)}._elevated_l0da7_124[data-hovered]{--_shadow:var(--md-sys-elevation-shadow-2)}._elevated_l0da7_124[data-dragging]{--_shadow:var(--md-sys-elevation-shadow-4)}._filled_l0da7_139{--_md-card-background-default:var(--md-sys-color-surface-container-highest)}._filled_l0da7_139[data-disabled]{--_background-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-container))}._outlined_l0da7_152{--_md-card-outline:var(--md-card-outline,var(--md-sys-color-outline-variant));--_md-card-background-default:var(--md-sys-color-surface);--_outline-color:var(--_md-card-outline);--_outline-width:var(--md-sys-shape-border-width-thin);border:var(--_outline-width) solid var(--_outline-color)}._outlined_l0da7_152[data-focus-visible]{--_outline-color:var(--md-sys-color-on-surface)}._outlined_l0da7_152[data-disabled]{--_outline-color:rgb(from var(--md-sys-color-outline) r g b / var(--md-sys-state-disabled-container))}}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{._checkbox-
|
|
1
|
+
@layer adgytec.comps{._checkbox-group_1yleb_16{gap:var(--md-sys-layout-space-16);display:grid}._checkbox-group_1yleb_16[data-disabled]{color:rgb(from currentcolor r g b / var(--md-sys-state-disabled-content));cursor:default}._checkbox_1yleb_16{--_md-checkbox-outline-color:var(--md-checkbox-outline-color,var(--md-sys-color-on-surface-variant));--_md-checkbox-container-color:var(--md-checkbox-container-color,var(--md-sys-color-primary));--_md-checkbox-interaction-outline-color:var(--md-checkbox-interaction-outline-color,var(--md-sys-color-on-surface));--_md-checkbox-icon-color:var(--md-checkbox-icon-color,var(--md-sys-color-on-primary));--_md-checkbox-state-layer-color:var(--md-checkbox-state-layer-color,var(--md-sys-color-on-surface));--_md-checkbox-selected-state-layer-color:var(--md-checkbox-selected-state-layer-color,var(--_md-checkbox-container-color));--_md-checkbox-invalid-outline-color:var(--md-sys-color-error);--_md-checkbox-invalid-container-color:var(--md-sys-color-error);--_md-checkbox-invalid-icon-color:var(--md-sys-color-on-error);--_md-checkbox-invalid-state-layer-color:var(--_md-checkbox-invalid-container-color);--_md-checkbox-outline-width:var(--md-sys-shape-border-width-thick);--_md-checkbox-container-shape:calc(2 * var(--dp,1px));--_md-checkbox-container-size:calc(18 * var(--dp,1px));--_md-checkbox-state-layer-size:var(--md-sys-layout-space-40);--_md-checkbox-state-layer-shape:var(--md-sys-shape-corner-radius-full);--_md-checkbox-pressed-state-layer-color:var(--_md-checkbox-selected-state-layer-color);--_md-checkbox-pressed-selected-state-layer-color:var(--_md-checkbox-state-layer-color);--_state-layer-opacity:0;--_state-color:var(--_md-checkbox-state-layer-color);--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));gap:var(--md-sys-layout-space-16);color:inherit;cursor:pointer;align-items:center;display:flex;position:relative}._checkbox_1yleb_16 *{cursor:inherit}._checkbox_1yleb_16[data-disabled]{color:rgb(from currentColor r g b / var(--md-sys-state-disabled-content));cursor:default}._checkbox_1yleb_16[data-indeterminate],._checkbox_1yleb_16[data-selected]{--_state-color:var(--_md-checkbox-selected-state-layer-color)}._checkbox_1yleb_16[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed);--_state-color:var(--_md-checkbox-pressed-state-layer-color)}._checkbox_1yleb_16[data-pressed][data-indeterminate],._checkbox_1yleb_16[data-pressed][data-selected]{--_state-color:var(--_md-checkbox-pressed-selected-state-layer-color)}._checkbox_1yleb_16[data-invalid],._checkbox_1yleb_16[data-invalid][data-indeterminate],._checkbox_1yleb_16[data-invalid][data-selected]{--_state-color:var(--_md-checkbox-invalid-state-layer-color)}._checkbox_1yleb_16[data-hovered]{--_state-layer-opacity:var(--md-sys-state-hover);z-index:1}._checkbox_1yleb_16[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus);z-index:1}._indicator_1yleb_163{--_outline-color:var(--_md-checkbox-outline-color);--_background:transparent;--_icon-color:var(--_md-checkbox-icon-color);inline-size:var(--_md-checkbox-container-size);aspect-ratio:1;border-radius:var(--_md-checkbox-container-shape);background-color:var(--_background);border:var(--_md-checkbox-outline-width) solid var(--_outline-color);transition:background-color var(--md-sys-motion-expressive-default-effects) var(--md-sys-motion-expressive-default-effects-duration), border-color var(--md-sys-motion-expressive-default-effects) var(--md-sys-motion-expressive-default-effects-duration);position:relative}@media (prefers-reduced-motion){._indicator_1yleb_163{transition:none}}._indicator_1yleb_163[data-filled]{--_outline-color:transparent;--_background:var(--_md-checkbox-container-color)}._indicator_1yleb_163[data-invalid]{--_outline-color:var(--_md-checkbox-invalid-outline-color);--_icon-color:var(--_md-checkbox-invalid-icon-color);--_background:transparent}._indicator_1yleb_163[data-invalid][data-filled]{--_outline-color:transparent;--_background:var(--_md-checkbox-invalid-container-color)}._indicator_1yleb_163[data-pressed],._indicator_1yleb_163[data-hovered],._indicator_1yleb_163[data-focus-visible]{--_outline-color:var(--_md-checkbox-interaction-outline-color)}[data-invalid]:is(._indicator_1yleb_163[data-pressed],._indicator_1yleb_163[data-hovered],._indicator_1yleb_163[data-focus-visible]){--_outline-color:var(--_md-checkbox-invalid-outline-color)}[data-filled]:is(._indicator_1yleb_163[data-pressed],._indicator_1yleb_163[data-hovered],._indicator_1yleb_163[data-focus-visible]){--_outline-color:transparent}._indicator_1yleb_163[data-disabled]{--_icon-color:var(--md-sys-color-surface);--_outline-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_background:transparent}._indicator_1yleb_163[data-disabled][data-filled]{--_outline-color:transparent;--_background:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content))}._indicator_1yleb_163:before{content:"";inline-size:var(--_md-checkbox-state-layer-size);aspect-ratio:1;border-radius:var(--_md-checkbox-state-layer-shape);background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-expressive-default-effects) var(--md-sys-motion-expressive-default-effects-duration);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion){._indicator_1yleb_163:before{transition:none}}._indicator_1yleb_163[data-focus-visible]{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color)}._svg_1yleb_272{width:calc(12 * var(--dp,1px));aspect-ratio:1;fill:none;stroke:var(--_icon-color);stroke-width:calc(3 * var(--dp,1px));stroke-dasharray:calc(22 * var(--dp,1px));stroke-dashoffset:66px;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset var(--md-sys-motion-expressive-default-effects) var(--md-sys-motion-expressive-default-effects-duration);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion){._svg_1yleb_272{transition:none}}._svg_1yleb_272[data-selected]{stroke-dashoffset:44px}._svg_1yleb_272[data-indeterminate]{stroke:none;fill:var(--_icon-color)}}
|
package/dist/assets/ListItem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{._list-
|
|
1
|
+
@layer adgytec.comps{._list-item_1o0k6_13{--_md-list-color:var(--md-list-color,var(--md-sys-color-on-surface-variant));--_md-list-label-color:var(--md-list-label-color,var(--md-sys-color-on-surface));--_md-list-selected-color:var(--md-list-selected-color,var(--md-sys-color-on-secondary-container));--_md-list-disabled-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_md-list-item-padding-inline:var(--md-sys-layout-space-16);--_md-list-item-padding-block:calc(10 * var(--dp,1px));--_md-list-item-spacing:var(--md-sys-layout-space-12);--_md-list-item-shape:var(--md-sys-shape-corner-radius-extra-small);--_md-list-item-selected-shape:var(--md-sys-shape-corner-radius-large);--_md-list-item-hovered-shape:var(--md-sys-shape-corner-radius-medium);--_md-list-item-hovered-selected-shape:var(--md-sys-shape-corner-radius-large);--_md-list-item-interaction-shape:var(--md-sys-shape-corner-radius-large);--_shape:var(--_md-list-item-shape);--_md-list-item-background:var(--md-list-item-background,var(--md-sys-color-surface));--_md-list-item-selected-background:var(--md-list-item-selected-background,var(--md-sys-color-secondary-container));--_md-list-item-selected-disabled-background:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_background:var(--_md-list-item-background);--_state-color:var(--md-sys-color-on-surface);--_state-layer-opacity:0;--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));border-radius:var(--_shape);background:var(--_background);color:var(--_md-list-color);align-items:var(--md-list-align-y,"center");gap:var(--_md-list-item-spacing);padding-inline:var(--_md-list-item-padding-inline);padding-block:var(--_md-list-item-padding-block);transition:border-radius var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration), background-color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), box-shadow var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration);display:flex;position:relative;overflow:clip}@media (prefers-reduced-motion){._list-item_1o0k6_13{transition:none}}._list-item_1o0k6_13[data-hovered]{cursor:pointer;--_shape:var(--_md-list-item-hovered-shape);--_state-layer-opacity:var(--md-sys-state-hover)}._list-item_1o0k6_13[data-focus-visible]{--_shape:var(--_md-list-item-interaction-shape);--_state-layer-opacity:var(--md-sys-state-focus)}._list-item_1o0k6_13[data-pressed]{--_shape:var(--_md-list-item-interaction-shape);--_state-layer-opacity:var(--md-sys-state-pressed)}._list-item_1o0k6_13[data-dragging]{--_shape:var(--_md-list-item-interaction-shape);--_state-layer-opacity:var(--md-sys-state-dragged);box-shadow:var(--md-sys-elevation-shadow-4)}._list-item_1o0k6_13[data-disabled]{--_md-list-color:var(--_md-list-disabled-color);--_md-list-label-color:var(--_md-list-disabled-color);--_state-layer-opacity:var(--md-sys-state-disabled-container);--_background:var(--_md-list-item-selected-disabled-background)}._list-item_1o0k6_13[data-selected]{--_md-list-color:var(--_md-list-selected-color);--_md-list-label-color:var(--_md-list-selected-color);--_shape:var(--_md-list-item-selected-shape);--_background:var(--_md-list-item-selected-background)}._list-item_1o0k6_13[data-selected][data-hovered]{--_shape:var(--_md-list-item-hovered-selected-shape)}._list-item_1o0k6_13[data-selected][data-focus-visible],._list-item_1o0k6_13[data-selected][data-pressed],._list-item_1o0k6_13[data-selected][data-dragging]{--_shape:var(--_md-list-item-interaction-shape)}._list-item_1o0k6_13[data-selected][data-disabled]{--_background:var(--_md-list-item-selected-disabled-background)}._list-item_1o0k6_13:before{content:"";border-radius:inherit;background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-standard-fast-spatial) var(--md-sys-motion-standard-fast-spatial-duration);position:absolute;inset:0}@media (prefers-reduced-motion){._list-item_1o0k6_13:before{transition:none}}._list-item_1o0k6_13[data-focus-visible]{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color);z-index:1}._leading_1o0k6_200{align-items:var(--md-list-align-y,"center");display:flex}._trailing_1o0k6_205{align-items:var(--md-list-align-y,"center");margin-inline-start:auto;display:flex}._content_1o0k6_212{display:grid}}
|
package/dist/assets/Radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{._radio-
|
|
1
|
+
@layer adgytec.comps{._radio-group_59fre_15{--_md-radio-icon-color:var(--md-radio-icon-color,var(--md-sys-color-on-surface-variant));--_md-radio-selected-icon-color:var(--md-radio-selected-icon-color,var(--md-sys-color-primary));--_md-radio-interaction-icon-color:var(--md-radio-interaction-icon-color,var(--md-sys-color-on-surface));--_md-radio-selected-interaction-icon-color:var(--md-radio-selected-interaction-icon-color,var(--_md-radio-selected-icon-color));--_md-radio-state-layer-color:var(--md-radio-state-layer-color,var(--md-sys-color-on-surface));--_md-radio-selected-state-layer-color:var(--md-radio-selected-state-layer-color,var(--_md-radio-selected-icon-color));gap:var(--md-sys-layout-space-16);display:grid}._radio-group_59fre_15[data-disabled]{color:rgb(from currentcolor r g b / var(--md-sys-state-disabled-content));cursor:default}._radio_59fre_15{--_md-radio-invalid-icon-color:var(--md-sys-color-error);--_md-radio-invalid-state-layer-color:var(--_md-radio-invalid-icon-color);--_md-radio-size:calc(20 * var(--dp,1px));--_md-radio-icon-size:calc(var(--_md-radio-size) - calc(10 * var(--dp,1px)));--_md-radio-state-layer-size:calc(40 * var(--dp,1px));--_md-radio-pressed-state-layer-color:var(--_md-radio-selected-state-layer-color);--_md-radio-pressed-selected-state-layer-color:var(--_md-radio-state-layer-color);--_state-layer-opacity:0;--_state-color:var(--_md-radio-state-layer-color);--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));align-items:center;gap:var(--md-sys-layout-space-16);color:inherit;cursor:pointer;display:flex;position:relative}._radio_59fre_15 *{cursor:inherit}._radio_59fre_15[data-disabled]{cursor:default}._radio_59fre_15[data-selected]{--_state-color:var(--_md-radio-selected-state-layer-color)}._radio_59fre_15[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed);--_state-color:var(--_md-radio-pressed-state-layer-color)}._radio_59fre_15[data-pressed][data-selected]{--_state-color:var(--_md-radio-pressed-selected-state-layer-color)}._radio_59fre_15[data-invalid],._radio_59fre_15[data-invalid][data-selected]{--_state-color:var(--_md-radio-invalid-state-layer-color)}._radio_59fre_15[data-hovered]{--_state-layer-opacity:var(--md-sys-state-hover);z-index:1}._radio_59fre_15[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus);z-index:1}._indicator_59fre_141{--_indicator-color:var(--_md-radio-icon-color);inline-size:var(--_md-radio-size);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-radius-full);border:var(--md-sys-shape-border-width-thick) solid var(--_indicator-color);transition:border-color var(--md-sys-motion-expressive-default-effects) var(--md-sys-motion-expressive-default-effects-duration);position:relative}@media (prefers-reduced-motion){._indicator_59fre_141{transition:none}}._indicator_59fre_141[data-selected]{--_indicator-color:var(--_md-radio-selected-icon-color)}._indicator_59fre_141[data-invalid]{--_indicator-color:var(--_md-radio-invalid-icon-color)}._indicator_59fre_141[data-pressed],._indicator_59fre_141[data-hovered],._indicator_59fre_141[data-focus-visible]{--_indicator-color:var(--_md-radio-interaction-icon-color)}[data-selected]:is(._indicator_59fre_141[data-pressed],._indicator_59fre_141[data-hovered],._indicator_59fre_141[data-focus-visible]){--_indicator-color:var(--_md-radio-selected-interaction-icon-color)}[data-invalid]:is(._indicator_59fre_141[data-pressed],._indicator_59fre_141[data-hovered],._indicator_59fre_141[data-focus-visible]){--_indicator-color:var(--_md-radio-invalid-icon-color)}._indicator_59fre_141[data-disabled]{--_indicator-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content))}._indicator_59fre_141[data-disabled][data-selected]{--_indicator-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content))}._indicator_59fre_141:before{content:"";inline-size:var(--_md-radio-state-layer-size);aspect-ratio:1;border-radius:var(--md-sys-shape-corner-radius-full);background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-expressive-default-effects) var(--md-sys-motion-expressive-default-effects-duration);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion){._indicator_59fre_141:before{transition:none}}._indicator-icon_59fre_224{content:"";inline-size:var(--_md-radio-icon-size);aspect-ratio:1;background-color:var(--_indicator-color);border-radius:var(--md-sys-shape-corner-radius-full);transition:background-color var(--md-sys-motion-expressive-default-effects) var(--md-sys-motion-expressive-default-effects-duration), scale var(--md-sys-motion-standard-default-spatial) var(--md-sys-motion-standard-default-spatial-duration);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;scale:0}@media (prefers-reduced-motion){._indicator-icon_59fre_224{transition:none}}._indicator-icon_59fre_224[data-selected]{scale:1}._indicator_59fre_141[data-focus-visible]{--focus-indicator-color:var(--md-sys-color-secondary);--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._modal_dthov_2{--_sheet-modal-motion:var(--md-sys-motion-expressive-fast-spatial);--_sheet-modal-motion-duration:var(--md-sys-motion-expressive-fast-spatial-duration);--_detached-margin:var(--md-sys-layout-space-16);position:fixed}._modal_dthov_2[data-layout=standard]{--_sheet-modal-motion:var(--md-sys-motion-expressive-fast-effects);--_sheet-modal-motion-duration:var(--md-sys-motion-expressive-fast-effects-duration)}._modal_dthov_2[data-layout=detached]{margin:var(--_detached-margin)}._modal_dthov_2[data-alignment=start]{--_from:-100%}._modal_dthov_2[data-alignment=end]{--_from:100%;inset-inline-end:0}._modal_dthov_2{transition:translate var(--_sheet-modal-motion) var(--_sheet-modal-motion-duration)}@media (prefers-reduced-motion){._modal_dthov_2{transition:none}}._modal_dthov_2[data-entering],._modal_dthov_2[data-exiting]{translate:var(--_from)}}
|
package/dist/assets/Switch.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.comps{._switch_mjp18_22{--_md-switch-handle-color:var(--md-switch-handle-color,var(--md-sys-color-outline));--_md-switch-selected-handle-color:var(--md-switch-selected-handle-color,var(--md-sys-color-on-primary));--_md-switch-handle-interaction-color:var(--md-switch-handle-interaction-color,var(--md-sys-color-on-surface-variant));--_md-switch-selected-handle-interaction-color:var(--md-switch-selected-handle-interaction-color,var(--md-sys-color-primary-container));--_md-switch-handle-icon-color:var(--md-switch-handle-icon-color,var(--md-sys-color-surface-container-highest));--_md-switch-selected-handle-icon-color:var(--md-switch-selected-handle-icon-color,var(--md-sys-color-primary));--_md-switch-track-color:var(--md-switch-track-color,var(--md-sys-color-surface-container-highest));--_md-switch-selected-track-color:var(--md-switch-selected-track-color,var(--md-sys-color-primary));--_md-switch-track-outline-color:var(--md-switch-track-outline-color,var(--md-sys-color-outline));--_md-switch-state-layer-color:var(--md-switch-state-layer-color,var(--md-sys-color-on-surface));--_md-switch-selected-state-layer-color:var(--md-switch-selected-state-layer-color,var(--_md-switch-selected-track-color));--_md-switch-handle-size:calc(16 * var(--dp,1px));--_md-switch-handle-with-icon-size:calc(24 * var(--dp,1px));--_md-switch-selected-handle-size:calc(24 * var(--dp,1px));--_md-switch-pressed-handle-size:calc(28 * var(--dp,1px));--_md-switch-handle-shape:var(--md-sys-shape-corner-radius-full);--_md-switch-track-block-size:calc(32 * var(--dp,1px));--_md-switch-track-inline-size:calc(52 * var(--dp,1px));--_md-switch-track-shape:var(--md-sys-shape-corner-radius-full);--_md-switch-track-outline-thickness:calc(2 * var(--dp,1px));--_state-layer-opacity:0;--_state-color:var(--_md-switch-state-layer-color);--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));justify-content:space-between;align-items:center;gap:var(--md-sys-layout-space-16);color:inherit;cursor:pointer;display:inline-flex;position:relative}._switch_mjp18_22 *{cursor:inherit}._switch_mjp18_22[data-disabled]{color:rgb(from currentColor r g b / var(--md-sys-state-disabled-content));cursor:default}._switch_mjp18_22[data-selected]{--_state-color:var(--_md-switch-selected-state-layer-color)}._switch_mjp18_22[data-hovered]{--_state-layer-opacity:var(--md-sys-state-hover);z-index:1}._switch_mjp18_22[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus);z-index:1}._switch_mjp18_22[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed)}._icon_mjp18_155{color:var(--_icon-color)}._handle_mjp18_159{--_handle-size:var(--_md-switch-handle-size);--_handle-color:var(--_md-switch-handle-color);--_handle-x:calc(6 * var(--dp,1px));--_icon-color:var(--_md-switch-handle-icon-color);translate:var(--_handle-x) -50%;inline-size:var(--_handle-size);aspect-ratio:1;border-radius:var(--_md-switch-handle-shape);background-color:var(--_handle-color);transition:translate var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration), background-color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), inline-size var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), block-size var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:50%}@media (prefers-reduced-motion){._handle_mjp18_159{transition:none}}._handle_mjp18_159[data-icon]{--_handle-size:var(--_md-switch-handle-with-icon-size);--_handle-x:calc(2 * var(--dp,1px))}._handle_mjp18_159[data-selected]{--_handle-color:var(--_md-switch-selected-handle-color);--_handle-size:var(--_md-switch-selected-handle-size);--_handle-x:calc(22 * var(--dp,1px));--_icon-color:var(--_md-switch-selected-handle-icon-color)}._handle_mjp18_159[data-pressed]{--_handle-size:var(--_md-switch-pressed-handle-size);--_handle-x:0}._handle_mjp18_159[data-pressed][data-selected]{--_handle-x:calc(20 * var(--dp,1px))}._handle_mjp18_159[data-focus-visible],._handle_mjp18_159[data-hovered],._handle_mjp18_159[data-pressed]{--_handle-color:var(--_md-switch-handle-interaction-color)}[data-selected]:is(._handle_mjp18_159[data-focus-visible],._handle_mjp18_159[data-hovered],._handle_mjp18_159[data-pressed]){--_handle-color:var(--_md-switch-selected-handle-interaction-color)}._handle_mjp18_159[data-disabled]{--_icon-color:rgb(from var(--md-sys-color-surface-container-highest) r g b / var(--md-sys-state-disabled-content));--_handle-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content))}._handle_mjp18_159[data-disabled][data-selected]{--_icon-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-content));--_handle-color:rgb(from var(--md-sys-color-surface) r g b / 1)}._handle_mjp18_159:before{--_state-size:calc(40 * var(--dp,1px));--_state-shape:var(--md-sys-shape-corner-radius-full);content:"";inline-size:var(--_state-size);aspect-ratio:1;border-radius:var(--_state-shape);background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion){._handle_mjp18_159:before{transition:none}}._track_mjp18_279{--_track-color:var(--_md-switch-track-color);--_track-outline-color:var(--_md-switch-track-outline-color);border-radius:var(--_md-switch-track-shape);inline-size:var(--_md-switch-track-inline-size);min-inline-size:var(--_md-switch-track-inline-size);block-size:var(--_md-switch-track-block-size);min-block-size:var(--_md-switch-track-block-size);border-width:var(--_md-switch-track-outline-thickness);border-style:solid;border-color:var(--_track-outline-color);background-color:var(--_track-color);transition:background-color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), border-color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration);position:relative}@media (prefers-reduced-motion){._track_mjp18_279{transition:none}}._track_mjp18_279[data-disabled]{--_track-color:rgb(from var(--md-sys-color-surface-container-highest) r g b / var(--md-sys-state-disabled-container));--_track-outline-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-container))}._track_mjp18_279[data-disabled][data-selected]{--_track-color:rgb(from var(--md-sys-color-on-surface) r g b / var(--md-sys-state-disabled-container))}._track_mjp18_279[data-selected]{--_track-color:var(--_md-switch-selected-track-color);--_track-outline-color:transparent}._track_mjp18_279[data-focus-visible]{--focus-indicator-color:var(--md-sys-color-secondary);--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(2 * var(--dp,1px));outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{.
|
|
1
|
+
@layer adgytec.overrides{._selector_3hs6r_2{--md-list-item-background:var(--md-sys-color-surface-container)}}@layer adgytec.comps{._selector_3hs6r_2{gap:var(--md-sys-layout-space-24);display:grid}._theme-item_3hs6r_13{gap:var(--md-sys-layout-space-12);transition:opacity var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration);display:grid}@media (prefers-reduced-motion){._theme-item_3hs6r_13{transition:none}}._theme-item_3hs6r_13[data-disabled=true],._theme-item_3hs6r_13._disabled_3hs6r_26{opacity:var(--md-sys-state-disabled-content)}._theme-item-info_3hs6r_30{gap:var(--md-sys-layout-space-4);display:grid}._theme-item-heading_3hs6r_35{color:var(--md-sys-color-on-surface)}._theme-item-description_3hs6r_39{color:var(--md-sys-color-on-surface-variant)}}
|
package/dist/assets/core7.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer adgytec.comps{._color_tp8ri_19{--_state-color:var(--_label-color);--_state-layer-opacity:0;--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));--_background-color:var(--_md-menu-item-background);--_color:var(--_md-menu-item-color);--_label-color:var(--_md-menu-item-label-color);background-color:var(--_background-color);color:var(--_color)}._color_tp8ri_19[data-selected]{--_background-color:var(--_md-menu-item-selected-background);--_color:var(--_md-menu-item-selected-color);--_label-color:var(--_menu-item-selected-label-color)}._color_tp8ri_19[data-hovered]{--_state-layer-opacity:var(--md-sys-state-hover)}._color_tp8ri_19[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus)}._color_tp8ri_19[data-open]{--_state-layer-opacity:.08}._color_tp8ri_19[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed)}._color_tp8ri_19[data-disabled]{--_label-color:rgb(from var(--_md-menu-item-label-color) r g b / var(--md-sys-state-disabled-content));--_color:var(--_label-color)}._color_tp8ri_19[data-disabled][data-selected]{--_background-color:rgb(from var(--_md-menu-item-selected-background) r g b / var(--md-sys-state-disabled-container));--_label-color:rgb(from var(--_menu-item-selected-label-color) r g b / var(--md-sys-state-disabled-content))}._color_tp8ri_19:before{content:"";border-radius:inherit;background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-standard-fast-spatial) var(--md-sys-motion-standard-fast-spatial-duration);position:absolute;inset:0}@media (prefers-reduced-motion){._color_tp8ri_19:before{transition:none}}._color_tp8ri_19[data-focus-visible]{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(1 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color);z-index:1}._label_tp8ri_112{color:var(--_label-color)}._menu-color_tp8ri_116{--_md-menu-background:var(--md-menu-background,var(--_md-menu-background-default));--_md-menu-section-label-color:var(--md-menu-section-label-color,var(--_md-menu-section-label-color-default));--_md-menu-item-background:var(--md-menu-item-background,var(--_md-menu-item-background-default));--_md-menu-item-selected-background:var(--md-menu-item-selected-background,var(--_md-menu-item-selected-background-default));--_md-menu-item-color:var(--md-menu-item-color,var(--_md-menu-item-color-default));--_md-menu-item-selected-color:var(--md-menu-item-selected-color,var(--_md-menu-item-selected-color-default));--_md-menu-item-label-color:var(--md-menu-item-label-color,var(--_md-menu-item-label-color-default));--_menu-item-selected-label-color:var(--menu-item-selected-label-color,var(--_menu-item-selected-label-color-default));--md-divider-color:var(--_md-menu-item-color)}._standard_tp8ri_161{--_md-menu-background-default:var(--md-sys-color-surface-container-low);--_md-menu-section-label-color-default:var(--md-sys-color-on-surface-variant);--_md-menu-item-background-default:var(--md-sys-color-surface-container-low);--_md-menu-item-selected-background-default:var(--md-sys-color-tertiary-container);--_md-menu-item-color-default:var(--md-sys-color-on-surface-variant);--_md-menu-item-selected-color-default:var(--md-sys-color-on-tertiary-container);--_md-menu-item-label-color-default:var(--md-sys-color-on-surface);--_menu-item-selected-label-color-default:var(--md-sys-color-on-tertiary-container)}._vibrant_tp8ri_192{--_md-menu-background-default:var(--md-sys-color-tertiary-container);--_md-menu-section-label-color-default:var(--md-sys-color-on-tertiary-container);--_md-menu-item-background-default:var(--md-sys-color-tertiary-container);--_md-menu-item-selected-background-default:var(--md-sys-color-tertiary);--_md-menu-item-color-default:var(--md-sys-color-on-tertiary-container);--_md-menu-item-selected-color-default:var(--md-sys-color-on-tertiary);--_md-menu-item-label-color-default:var(--md-sys-color-on-tertiary-container);--_menu-item-selected-label-color-default:var(--md-sys-color-on-tertiary)}.
|
|
1
|
+
@layer adgytec.comps{._color_tp8ri_19{--_state-color:var(--_label-color);--_state-layer-opacity:0;--_state-layer-color:rgb(from var(--_state-color) r g b / var(--_state-layer-opacity));--_background-color:var(--_md-menu-item-background);--_color:var(--_md-menu-item-color);--_label-color:var(--_md-menu-item-label-color);background-color:var(--_background-color);color:var(--_color)}._color_tp8ri_19[data-selected]{--_background-color:var(--_md-menu-item-selected-background);--_color:var(--_md-menu-item-selected-color);--_label-color:var(--_menu-item-selected-label-color)}._color_tp8ri_19[data-hovered]{--_state-layer-opacity:var(--md-sys-state-hover)}._color_tp8ri_19[data-focus-visible]{--_state-layer-opacity:var(--md-sys-state-focus)}._color_tp8ri_19[data-open]{--_state-layer-opacity:.08}._color_tp8ri_19[data-pressed]{--_state-layer-opacity:var(--md-sys-state-pressed)}._color_tp8ri_19[data-disabled]{--_label-color:rgb(from var(--_md-menu-item-label-color) r g b / var(--md-sys-state-disabled-content));--_color:var(--_label-color)}._color_tp8ri_19[data-disabled][data-selected]{--_background-color:rgb(from var(--_md-menu-item-selected-background) r g b / var(--md-sys-state-disabled-container));--_label-color:rgb(from var(--_menu-item-selected-label-color) r g b / var(--md-sys-state-disabled-content))}._color_tp8ri_19:before{content:"";border-radius:inherit;background-color:var(--_state-layer-color);transition:background-color var(--md-sys-motion-standard-fast-spatial) var(--md-sys-motion-standard-fast-spatial-duration);position:absolute;inset:0}@media (prefers-reduced-motion){._color_tp8ri_19:before{transition:none}}._color_tp8ri_19[data-focus-visible]{--focus-indicator-thickness:calc(3 * var(--dp,1px));--focus-indicator-offset:calc(1 * var(--dp,1px));--focus-indicator-color:var(--md-sys-color-secondary);outline-width:var(--focus-indicator-thickness);outline-offset:var(--focus-indicator-offset);outline-style:solid;outline-color:var(--focus-indicator-color);z-index:1}._label_tp8ri_112{color:var(--_label-color)}._menu-color_tp8ri_116{--_md-menu-background:var(--md-menu-background,var(--_md-menu-background-default));--_md-menu-section-label-color:var(--md-menu-section-label-color,var(--_md-menu-section-label-color-default));--_md-menu-item-background:var(--md-menu-item-background,var(--_md-menu-item-background-default));--_md-menu-item-selected-background:var(--md-menu-item-selected-background,var(--_md-menu-item-selected-background-default));--_md-menu-item-color:var(--md-menu-item-color,var(--_md-menu-item-color-default));--_md-menu-item-selected-color:var(--md-menu-item-selected-color,var(--_md-menu-item-selected-color-default));--_md-menu-item-label-color:var(--md-menu-item-label-color,var(--_md-menu-item-label-color-default));--_menu-item-selected-label-color:var(--menu-item-selected-label-color,var(--_menu-item-selected-label-color-default));--md-divider-color:var(--_md-menu-item-color)}._standard_tp8ri_161{--_md-menu-background-default:var(--md-sys-color-surface-container-low);--_md-menu-section-label-color-default:var(--md-sys-color-on-surface-variant);--_md-menu-item-background-default:var(--md-sys-color-surface-container-low);--_md-menu-item-selected-background-default:var(--md-sys-color-tertiary-container);--_md-menu-item-color-default:var(--md-sys-color-on-surface-variant);--_md-menu-item-selected-color-default:var(--md-sys-color-on-tertiary-container);--_md-menu-item-label-color-default:var(--md-sys-color-on-surface);--_menu-item-selected-label-color-default:var(--md-sys-color-on-tertiary-container)}._vibrant_tp8ri_192{--_md-menu-background-default:var(--md-sys-color-tertiary-container);--_md-menu-section-label-color-default:var(--md-sys-color-on-tertiary-container);--_md-menu-item-background-default:var(--md-sys-color-tertiary-container);--_md-menu-item-selected-background-default:var(--md-sys-color-tertiary);--_md-menu-item-color-default:var(--md-sys-color-on-tertiary-container);--_md-menu-item-selected-color-default:var(--md-sys-color-on-tertiary);--_md-menu-item-label-color-default:var(--md-sys-color-on-tertiary-container);--_menu-item-selected-label-color-default:var(--md-sys-color-on-tertiary)}._layout_h5vff_3{--_md-menu-elevation:var(--md-sys-elevation-shadow-3);--_md-menu-gap:calc(2 * var(--dp,1px));--_md-menu-padding:var(--md-sys-layout-space-4);--_md-menu-shape:var(--md-sys-shape-corner-radius-small);--_md-menu-section-shape:var(--md-sys-shape-corner-radius-small);--_md-menu-item-shape:var(--md-sys-shape-corner-radius-extra-small);--_md-menu-item-outer-shape:var(--md-sys-shape-corner-radius-medium);--_md-menu-item-selected-shape:var(--md-sys-shape-corner-radius-medium);--_md-menu-item-padding-block-single-line:var(--md-sys-layout-space-12);--_md-menu-item-padding-block-multi-line:calc(3 * var(--dp,1px));--_md-menu-item-padding-inline-content:var(--md-sys-layout-space-12);--_md-menu-item-content-gap:var(--md-sys-layout-space-8)}._layout_h5vff_3:focus-within{--_md-menu-shape:var(--md-sys-shape-corner-radius-large)}._standard_h5vff_43{--_menu-elevation:var(--_md-menu-elevation);--_menu-padding:var(--_md-menu-padding);--_menu-shape:var(--_md-menu-shape);--_menu-background:var(--_md-menu-background);--_menu-section-elevation:none;--_menu-section-padding:0;--_menu-section-shape:0;--_menu-section-outer-shape:0;--_menu-section-background:transparent;--_menu-item-elevation:none}._grouped_h5vff_58{--_md-menu-elevation:var(--md-sys-elevation-shadow-2);--_menu-elevation:none;--_menu-padding:0;--_menu-shape:var(--_md-menu-shape);--_menu-background:transparent;--_menu-section-elevation:var(--_md-menu-elevation);--_menu-section-padding:var(--_md-menu-padding);--_menu-section-outer-shape:var(--_md-menu-shape);--_menu-section-shape:var(--_md-menu-section-shape);--_menu-section-background:var(--_md-menu-background);--_menu-item-elevation:var(--_md-menu-elevation)}._menu_1c73h_2{background-color:var(--_menu-background);box-shadow:var(--_menu-elevation);border-radius:var(--_menu-shape);padding:var(--_menu-padding);gap:var(--_md-menu-gap);min-inline-size:min(100svi, calc(160 * var(--dp,1px)));transition:border-radius var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration);outline:none;display:grid}@media (prefers-reduced-motion){._menu_1c73h_2{transition:none}}._menu-section_1c73h_23{background-color:var(--_menu-section-background);box-shadow:var(--_menu-section-elevation);border-radius:var(--_menu-section-shape);padding:var(--_menu-section-padding);gap:var(--_md-menu-gap);transition:border-radius var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration);display:grid}@media (prefers-reduced-motion){._menu-section_1c73h_23{transition:none}}._menu-section-header_1c73h_40{padding-inline:var(--_md-menu-item-padding-inline-content);padding-block:var(--md-sys-layout-space-8);color:var(--_md-menu-section-label-color)}._menu-item_1c73h_46{--_menu-item-padding-block:var(--_md-menu-item-padding-block-single-line);gap:var(--_md-menu-item-content-gap);padding-inline:var(--_md-menu-item-padding-inline-content);padding-block:var(--_menu-item-padding-block);border-radius:var(--_md-menu-item-shape);transition:border-radius var(--md-sys-motion-expressive-fast-spatial) var(--md-sys-motion-expressive-fast-spatial-duration), background-color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration), color var(--md-sys-motion-expressive-fast-effects) var(--md-sys-motion-expressive-fast-effects-duration);outline:none;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:clip}._menu-item_1c73h_46[data-multi-line]{--_menu-item-padding-block:var(--_md-menu-item-padding-block-multi-line)}._menu-item_1c73h_46[data-selected]{border-radius:var(--_md-menu-item-selected-shape)}._menu-item-leading_1c73h_84,._menu-item-trailing_1c73h_85{gap:var(--_md-menu-item-content-gap);align-items:center;display:flex}._menu_1c73h_2>._menu-item_1c73h_46{box-shadow:var(--_menu-item-elevation)}._menu_1c73h_2>._menu-section_1c73h_23:first-child{border-start-start-radius:var(--_menu-section-outer-shape);border-start-end-radius:var(--_menu-section-outer-shape)}._menu_1c73h_2>._menu-section_1c73h_23:last-child{border-end-end-radius:var(--_menu-section-outer-shape);border-end-start-radius:var(--_menu-section-outer-shape)}._menu_1c73h_2>._menu-item_1c73h_46:not([data-selected]):first-child{border-start-start-radius:var(--_md-menu-shape);border-start-end-radius:var(--_md-menu-shape)}._menu_1c73h_2>._menu-item_1c73h_46:not([data-selected]):last-child{border-end-end-radius:var(--_md-menu-shape);border-end-start-radius:var(--_md-menu-shape)}._menu_1c73h_2>._menu-section_1c73h_23:first-child>._menu-item_1c73h_46:not([data-selected]):first-child{border-start-start-radius:var(--_md-menu-shape);border-start-end-radius:var(--_md-menu-shape)}._menu_1c73h_2>._menu-section_1c73h_23:last-child>._menu-item_1c73h_46:not([data-selected]):last-child{border-end-end-radius:var(--_md-menu-shape);border-end-start-radius:var(--_md-menu-shape)}}
|
package/dist/chunks/ActionDialog
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog","names":["Dialog","clsx","styles","_Fragment","Icon","Dialog$1","clsx$1","actionDialog_module_default","ActionDialog","props","headingDivider","divider","actionDivider","hasActions","actions","heading","icon","Fragment","Heading","DialogHeadlineTypography","\"heading\"","DialogBodyTypography","\"body\"","children","renderProps","\"actions\""],"sources":["../../src/components/Dialog/ActionDialog/actionDialog.module.css","../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action-dialog {\n --_divider-thickness: calc(1 * var(--dp, 1px));\n --_divider-color: rgb(\n from currentColor r g b /\n var(--md-sys-state-divider)\n );\n\n display: grid;\n grid-template-rows: 1fr;\n padding-inline: 0;\n\n &[data-actions] {\n grid-template-rows: 1fr auto;\n }\n\n &[data-dialog-head] {\n grid-template-rows: auto 1fr;\n\n &[data-actions] {\n grid-template-rows: auto 1fr auto;\n }\n }\n }\n\n .heading-container {\n color: var(--_md-dialog-icon-color);\n padding-block-end: calc(var(--_md-dialog-title-body-gap) / 2);\n padding-inline: var(--_md-dialog-container-padding);\n\n display: grid;\n gap: var(--_md-dialog-title-icon-gap);\n\n &[data-divider] {\n border-block-end: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n\n &[data-icon] {\n text-align: center;\n justify-items: center;\n }\n }\n\n .heading {\n color: var(--_md-dialog-headline-text-color);\n }\n\n .action-container {\n padding-inline: var(--_md-dialog-container-padding);\n padding-block-start: calc(var(--_md-dialog-body-action-gap) / 2);\n\n &[data-divider] {\n border-block-start: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n }\n\n .actions {\n display: flex;\n justify-content: flex-end;\n gap: var(--_md-dialog-action-gap);\n }\n\n .body {\n padding-inline: var(--_md-dialog-container-padding);\n overflow: auto;\n\n margin-block-start: calc(var(--_md-dialog-title-body-gap) / 2);\n margin-block-end: calc(var(--_md-dialog-body-action-gap) / 2);\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n DialogBodyTypography,\n DialogHeadlineTypography,\n DialogIconSize,\n} from \"../core\";\nimport { Dialog } from \"../Dialog\";\nimport styles from \"./actionDialog.module.css\";\nimport type { ActionDialogProps } from \"./types\";\n\n/**\n * A specialized dialog component pre-configured for standard alert, confirmation, and prompt patterns.\n *\n * Features an optional icon, title heading, scrollable body content area, and customizable action buttons.\n * Implements Material Design 3 guidelines for dialog layout alignment (such as centering the header when\n * an icon is provided) and configurable divider placements.\n *\n * @example\n * ```tsx\n * import { ActionDialog, Modal, ModalOverlay, Button } from '@adgytec/web-ui-components';\n * import { DialogTrigger } from 'react-aria-components';\n * import { AlertTriangle } from 'lucide-react';\n *\n * <DialogTrigger>\n * <Button color=\"outlined\">Delete Account</Button>\n * <ModalOverlay isDismissable>\n * <Modal>\n * <ActionDialog\n * icon={AlertTriangle}\n * heading=\"Delete Account\"\n * divider=\"before-actions\"\n * actions={[\n * <Button key=\"cancel\" color=\"text\">Cancel</Button>,\n * <Button key=\"delete\">Delete</Button>,\n * ]}\n * >\n * Are you sure you want to delete your account? This action cannot be undone.\n * </ActionDialog>\n * </Modal>\n * </ModalOverlay>\n * </DialogTrigger>\n * ```\n */\nexport const ActionDialog: React.FC<ActionDialogProps> = ({\n heading,\n icon,\n actions,\n children,\n divider = \"none\",\n ...props\n}) => {\n const headingDivider = divider === \"all\" || divider === \"after-heading\";\n const actionDivider = divider === \"all\" || divider === \"before-actions\";\n const hasActions = Array.isArray(actions) ? actions.length > 0 : !!actions;\n\n return (\n <Dialog\n className={clsx(styles[\"action-dialog\"])}\n {...props}\n data-dialog-head={!!heading || !!icon || undefined}\n data-actions={hasActions || undefined}\n >\n {(renderProps) => (\n <>\n {(heading || icon) && (\n <div\n className={clsx(styles[\"heading-container\"])}\n data-icon={!!icon || undefined}\n data-divider={headingDivider || undefined}\n >\n {icon && <Icon icon={icon} size={DialogIconSize} />}\n\n {heading && (\n <Heading\n slot=\"title\"\n className={clsx(\n DialogHeadlineTypography,\n styles[\"heading\"]\n )}\n >\n {heading}\n </Heading>\n )}\n </div>\n )}\n\n <div className={clsx(DialogBodyTypography, styles[\"body\"])}>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </div>\n\n {hasActions && (\n <div\n className={clsx(styles[\"action-container\"])}\n data-divider={actionDivider || undefined}\n >\n <div className={clsx(styles[\"actions\"])}>\n {typeof actions === \"function\"\n ? actions(renderProps)\n : actions}\n </div>\n </div>\n )}\n </>\n )}\n </Dialog>\n );\n};\n"],"mappings":";;;;;;;;;;;;;GC6CaQ,KAA6C,EACtD,YACA,SACA,YACA,aACA,aAAU,QACV,GAAGC,QACD;CACF,IAAMC,IAAiBC,MAAY,SAASA,MAAY,iBAClDC,IAAgBD,MAAY,SAASA,MAAY,kBACjDE,IAAa,MAAM,QAAQC,CAAO,IAAIA,EAAQ,SAAS,IAAI,CAAC,CAACA;CAEnE,OACI,kBAACd,GAAD;EACI,WAAWC,EAAKC,EAAO,gBAAgB;EACvC,GAAIO;EACJ,oBAAkB,CAAC,CAACM,KAAW,CAAC,CAACC,KAAQ,KAAA;EACzC,gBAAcH,KAAc,KAAA;EAE1B,WAAA,MACE,kBAAAV,GAAA,EAAA,UAAA;IACMY,KAAWC,MACT,kBAAC,OAAD;IACI,WAAWf,EAAKC,EAAO,oBAAoB;IAC3C,aAAW,CAAC,CAACc,KAAQ,KAAA;IACrB,gBAAcN,KAAkB,KAAA;IAHpC,UAAA,CAKKM,KAAQ,kBAACZ,GAAD;KAAY;KAAM,MAAA;IAAqB,CAAA,GAE/CW,KACG,kBAACG,GAAD;KACI,MAAK;KACL,WAAWjB,EACPkB,GACAjB,EAAOkB,OACX;KAEC,UAAAL;IACI,CAAA,CAEZ;;GAGT,kBAAC,OAAD;IAAK,WAAWd,EAAKoB,GAAsBnB,EAAOoB,IAAO;IACpD,UAAA,OAAOC,KAAa,aACfA,EAASC,CAAW,IACpBD;GACL,CAAA;GAEJV,KACG,kBAAC,OAAD;IACI,WAAWZ,EAAKC,EAAO,mBAAmB;IAC1C,gBAAcU,KAAiB,KAAA;IAE/B,UAAA,kBAAC,OAAD;KAAK,WAAWX,EAAKC,EAAOuB,OAAU;KACjC,UAAA,OAAOX,KAAY,aACdA,EAAQU,CAAW,IACnBV;IACL,CAAA;GACJ,CAAA;EAEb,EAAA,CAAA;CAEA,CAAA;AAEhB"}
|
|
1
|
+
{"version":3,"file":"ActionDialog","names":["Dialog","clsx","styles","_Fragment","Icon","Dialog$1","clsx$1","actionDialog_module_default","ActionDialog","props","headingDivider","divider","actionDivider","hasActions","actions","heading","icon","Fragment","Heading","DialogHeadlineTypography","\"heading\"","DialogBodyTypography","\"body\"","children","renderProps","\"actions\""],"sources":["../../src/components/Dialog/ActionDialog/actionDialog.module.css","../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action-dialog {\n --_divider-thickness: calc(1 * var(--dp, 1px));\n --_divider-color: rgb(\n from currentColor r g b /\n var(--md-sys-state-divider)\n );\n\n display: grid;\n grid-template-rows: 1fr;\n padding-inline: 0;\n\n &[data-actions] {\n grid-template-rows: 1fr auto;\n }\n\n &[data-dialog-head] {\n grid-template-rows: auto 1fr;\n\n &[data-actions] {\n grid-template-rows: auto 1fr auto;\n }\n }\n }\n\n .heading-container {\n color: var(--_md-dialog-icon-color);\n padding-block-end: calc(var(--_md-dialog-title-body-gap) / 2);\n padding-inline: var(--_md-dialog-container-padding);\n\n display: grid;\n gap: var(--_md-dialog-title-icon-gap);\n\n &[data-divider] {\n border-block-end: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n\n &[data-icon] {\n text-align: center;\n justify-items: center;\n }\n }\n\n .heading {\n color: var(--_md-dialog-headline-text-color);\n }\n\n .action-container {\n padding-inline: var(--_md-dialog-container-padding);\n padding-block-start: calc(var(--_md-dialog-body-action-gap) / 2);\n\n &[data-divider] {\n border-block-start: var(--_divider-thickness) solid\n var(--_divider-color);\n }\n }\n\n .actions {\n display: flex;\n justify-content: flex-end;\n gap: var(--_md-dialog-action-gap);\n }\n\n .body {\n padding-inline: var(--_md-dialog-container-padding);\n overflow: auto;\n\n margin-block-start: calc(var(--_md-dialog-title-body-gap) / 2);\n margin-block-end: calc(var(--_md-dialog-body-action-gap) / 2);\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { Icon } from \"@/components/Icon\";\nimport {\n DialogBodyTypography,\n DialogHeadlineTypography,\n DialogIconSize,\n} from \"../core\";\nimport { Dialog } from \"../Dialog\";\nimport styles from \"./actionDialog.module.css\";\nimport type { ActionDialogProps } from \"./types\";\n\n/**\n * A specialized dialog component pre-configured for standard alert, confirmation, and prompt patterns.\n *\n * Features an optional icon, title heading, scrollable body content area, and customizable action buttons.\n * Implements Material Design 3 guidelines for dialog layout alignment (such as centering the header when\n * an icon is provided) and configurable divider placements.\n *\n * @example\n * ```tsx\n * import { ActionDialog, Modal, ModalOverlay, Button } from '@adgytec/web-ui-components';\n * import { DialogTrigger } from 'react-aria-components';\n * import { AlertTriangle } from 'lucide-react';\n *\n * <DialogTrigger>\n * <Button color=\"outlined\">Delete Account</Button>\n * <ModalOverlay isDismissable>\n * <Modal>\n * <ActionDialog\n * icon={AlertTriangle}\n * heading=\"Delete Account\"\n * divider=\"before-actions\"\n * actions={[\n * <Button key=\"cancel\" color=\"text\">Cancel</Button>,\n * <Button key=\"delete\">Delete</Button>,\n * ]}\n * >\n * Are you sure you want to delete your account? This action cannot be undone.\n * </ActionDialog>\n * </Modal>\n * </ModalOverlay>\n * </DialogTrigger>\n * ```\n */\nexport const ActionDialog: React.FC<ActionDialogProps> = ({\n heading,\n icon,\n actions,\n children,\n divider = \"none\",\n ...props\n}) => {\n const headingDivider = divider === \"all\" || divider === \"after-heading\";\n const actionDivider = divider === \"all\" || divider === \"before-actions\";\n const hasActions = Array.isArray(actions) ? actions.length > 0 : !!actions;\n\n return (\n <Dialog\n className={clsx(styles[\"action-dialog\"])}\n {...props}\n data-dialog-head={!!heading || !!icon || undefined}\n data-actions={hasActions || undefined}\n >\n {(renderProps) => (\n <>\n {(heading || icon) && (\n <div\n className={clsx(styles[\"heading-container\"])}\n data-icon={!!icon || undefined}\n data-divider={headingDivider || undefined}\n >\n {icon && <Icon icon={icon} size={DialogIconSize} />}\n\n {heading && (\n <Heading\n slot=\"title\"\n className={clsx(\n DialogHeadlineTypography,\n styles[\"heading\"]\n )}\n >\n {heading}\n </Heading>\n )}\n </div>\n )}\n\n <div className={clsx(DialogBodyTypography, styles[\"body\"])}>\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </div>\n\n {hasActions && (\n <div\n className={clsx(styles[\"action-container\"])}\n data-divider={actionDivider || undefined}\n >\n <div className={clsx(styles[\"actions\"])}>\n {typeof actions === \"function\"\n ? actions(renderProps)\n : actions}\n </div>\n </div>\n )}\n </>\n )}\n </Dialog>\n );\n};\n"],"mappings":";;;;;;;;;;;;;A,GC6CaQ,KAA6C,EACtD,YACA,SACA,YACA,aACA,aAAU,QACV,GAAGC,QACD;CACF,IAAMC,IAAiBC,MAAY,SAASA,MAAY,iBAClDC,IAAgBD,MAAY,SAASA,MAAY,kBACjDE,IAAa,MAAM,QAAQC,CAAO,IAAIA,EAAQ,SAAS,IAAI,CAAC,CAACA;CAEnE,OACI,kBAACd,GAAD;EACI,WAAWC,EAAKC,EAAO,gBAAgB;EACvC,GAAIO;EACJ,oBAAkB,CAAC,CAACM,KAAW,CAAC,CAACC,KAAQ,KAAA;EACzC,gBAAcH,KAAc,KAAA;EAE1B,WAAA,MACE,kBAAAV,GAAA,EAAA,UAAA;IACMY,KAAWC,MACT,kBAAC,OAAD;IACI,WAAWf,EAAKC,EAAO,oBAAoB;IAC3C,aAAW,CAAC,CAACc,KAAQ,KAAA;IACrB,gBAAcN,KAAkB,KAAA;IAHpC,UAAA,CAKKM,KAAQ,kBAACZ,GAAD;KAAY;KAAM,MAAA;IAAqB,CAAA,GAE/CW,KACG,kBAACG,GAAD;KACI,MAAK;KACL,WAAWjB,EACPkB,GACAjB,EAAOkB,OACX;KAEC,UAAAL;IACI,CAAA,CAEZ;;GAGT,kBAAC,OAAD;IAAK,WAAWd,EAAKoB,GAAsBnB,EAAOoB,IAAO;IACpD,UAAA,OAAOC,KAAa,aACfA,EAASC,CAAW,IACpBD;GACL,CAAA;GAEJV,KACG,kBAAC,OAAD;IACI,WAAWZ,EAAKC,EAAO,mBAAmB;IAC1C,gBAAcU,KAAiB,KAAA;IAE/B,UAAA,kBAAC,OAAD;KAAK,WAAWX,EAAKC,EAAOuB,OAAU;KACjC,UAAA,OAAOX,KAAY,aACdA,EAAQU,CAAW,IACnBV;IACL,CAAA;GACJ,CAAA;EAEb,EAAA,CAAA;CAEA,CAAA;AAEhB"}
|
package/dist/chunks/AppBar
CHANGED
package/dist/chunks/AppBar.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBar","names":["clsx","styles","clsx$1","appBar_module_default","AppBar","props","appBarState","useAppBarState","hasSecondary","size","hasTrailingActions","trailingActions","contextValue","useMemo","AppBarHeadlineBlockSize","AppBarHeadlineTypography","alignment","AppBarContext","className","headline","\"primary\"","leadingAction","\"headline\"","\"secondary\""],"sources":["../../src/components/AppBar/AppBar/appBar.module.css","../../src/components/AppBar/AppBar/AppBar.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-app-bar-background\n* --md-app-bar-on-scroll-background\n* --md-app-bar-title-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .app-bar {\n --_md-app-bar-background: var(\n --md-app-bar-background,\n var(--md-sys-color-surface)\n );\n --_md-app-bar-on-scroll-background: var(\n --md-app-bar-on-scroll-background,\n var(--md-sys-color-surface-container)\n );\n --_md-app-bar-title-color: var(\n --md-app-bar-title-color,\n var(--md-sys-color-on-surface)\n );\n --_md-app-bar-headline-block-size: var(--md-sys-layout-space-28);\n\n display: grid;\n gap: var(--md-sys-layout-space-12);\n\n padding-inline: var(--md-sys-layout-space-4);\n padding-block: var(--md-sys-layout-space-8);\n\n background-color: var(--_md-app-bar-background);\n\n transition: background-color\n var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-size=\"medium\"] {\n --_md-app-bar-headline-block-size: var(--md-sys-layout-space-36);\n }\n\n &[data-size=\"large\"] {\n --_md-app-bar-headline-block-size: calc(44 * var(--dp, 1px));\n }\n\n &[data-scroll] {\n background-color: var(--_md-app-bar-on-scroll-background);\n box-shadow: var(--md-sys-elevation-shadow-2);\n }\n }\n\n .primary {\n display: flex;\n gap: var(--md-sys-layout-space-4);\n align-items: center;\n\n &[data-alignment=\"centered\"] {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n }\n }\n\n .leading-action {\n --md-button-color: var(--_md-app-bar-title-color);\n\n &[data-alignment=\"centered\"] {\n grid-column: 1;\n justify-self: start;\n }\n }\n\n .headline[data-initial-padding] {\n padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n .headline[data-alignment=\"centered\"] {\n grid-column: 2;\n justify-self: center;\n }\n\n .trailing-actions {\n margin-inline-start: auto;\n\n display: flex;\n align-items: center;\n\n &[data-alignment=\"centered\"] {\n grid-column: 3;\n justify-self: end;\n margin-inline-start: 0;\n }\n }\n\n .secondary {\n padding-inline: var(--md-sys-layout-space-12);\n }\n}\n","import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useAppBarState } from \"../AppBarState\";\nimport {\n AppBarContext,\n AppBarHeadlineBlockSize,\n AppBarHeadlineTypography,\n} from \"../core\";\nimport styles from \"./appBar.module.css\";\nimport type { AppBarProps } from \"./types\";\n\n/**\n * Material 3 Top App Bar container component.\n *\n * Coordinates screen-level branding, titles, and actions. Supports single-row\n * `\"small\"` layouts as well as expressive two-row `\"medium\"` and `\"large\"` layouts\n * with automatic typography scaling and responsive title placement.\n *\n * Connects with {@link AppBarStateContext} (via {@link useAppBarState}) to adapt background color and elevation when scrolled.\n *\n * @example\n * ```tsx\n * import { AppBar, AppBarAction, AppBarHeadline } from '@adgytec/web-ui-components';\n * import { Menu, Search, MoreVertical } from 'lucide-react';\n *\n * function Header() {\n * return (\n * <AppBar\n * size=\"small\"\n * leadingAction={<AppBarAction icon={Menu} aria-label=\"Open navigation menu\" />}\n * headline={<AppBarHeadline>Dashboard</AppBarHeadline>}\n * trailingActions={[\n * <AppBarAction key=\"search\" icon={Search} aria-label=\"Search\" />,\n * <AppBarAction key=\"more\" icon={MoreVertical} aria-label=\"More options\" />\n * ]}\n * />\n * );\n * }\n * ```\n */\nexport const AppBar: React.FC<AppBarProps> = ({\n className,\n size = \"small\",\n alignment = \"default\",\n leadingAction,\n trailingActions,\n headline,\n ...props\n}) => {\n const appBarState = useAppBarState();\n const hasSecondary = size !== \"small\";\n const hasTrailingActions = trailingActions && trailingActions.length > 0;\n\n const contextValue = useMemo(\n () => ({\n size,\n alignment,\n headlineBlockSize: AppBarHeadlineBlockSize[size],\n headlineTypography: AppBarHeadlineTypography[size],\n }),\n [size, alignment]\n );\n\n return (\n <AppBarContext value={contextValue}>\n <header\n className={clsx(styles[\"app-bar\"], className)}\n {...props}\n data-size={size}\n data-alignment={alignment}\n data-has-secondary={(hasSecondary && !!headline) || undefined}\n data-scroll={appBarState?.isScrolling || undefined}\n >\n <div\n data-primary\n className={clsx(styles[\"primary\"])}\n data-alignment={alignment}\n data-size={size}\n >\n {leadingAction && (\n <div\n data-alignment={alignment}\n data-primary-leading\n className={clsx(styles[\"leading-action\"])}\n >\n {leadingAction}\n </div>\n )}\n\n {!hasSecondary && headline && (\n <div\n data-alignment={alignment}\n className={clsx(styles[\"headline\"])}\n data-initial-padding={!leadingAction || undefined}\n >\n {headline}\n </div>\n )}\n\n {hasTrailingActions && (\n <div\n data-alignment={alignment}\n data-primary-trailing\n className={clsx(styles[\"trailing-actions\"])}\n >\n {trailingActions}\n </div>\n )}\n </div>\n\n {hasSecondary && headline && (\n <div\n data-secondary\n data-alignment={alignment}\n className={clsx(styles[\"secondary\"])}\n >\n {headline}\n </div>\n )}\n </header>\n </AppBarContext>\n );\n};\n"],"mappings":";;;;;;;;;;;;GCwCaI,KAAiC,EAC1C,cACA,UAAO,SACP,eAAY,WACZ,kBACA,oBACA,aACA,GAAGC,QACD;CACF,IAAMC,IAAcC,EAAe,GAC7BC,IAAeC,MAAS,SACxBC,IAAqBC,KAAmBA,EAAgB,SAAS,GAEjEC,IAAeC,SACV;EACH;EACA;EACA,mBAAmBC,EAAwBL;EAC3C,oBAAoBM,EAAyBN;CACjD,IACA,CAACA,GAAMO,CAAS,CACpB;CAEA,OACI,kBAACC,GAAD;EAAe,OAAOL;EAClB,UAAA,kBAAC,UAAD;GACI,WAAWZ,EAAKC,EAAO,YAAYiB,CAAS;GAC5C,GAAIb;GACJ,aAAWI;GACX,kBAAgBO;GAChB,sBAAqBR,KAAgB,CAAC,CAACW,KAAa,KAAA;GACpD,eAAab,GAAa,eAAe,KAAA;GAN7C,UAAA,CAQI,kBAAC,OAAD;IACI,gBAAA;IACA,WAAWN,EAAKC,EAAOmB,OAAU;IACjC,kBAAgBJ;IAChB,aAAWP;IAJf,UAAA;KAMKY,KACG,kBAAC,OAAD;MACI,kBAAgBL;MAChB,wBAAA;MACA,WAAWhB,EAAKC,EAAO,iBAAiB;MAEvC,UAAAoB;KACA,CAAA;KAGR,CAACb,KAAgBW,KACd,kBAAC,OAAD;MACI,kBAAgBH;MAChB,WAAWhB,EAAKC,EAAOqB,QAAW;MAClC,wBAAsB,CAACD,KAAiB,KAAA;MAEvC,UAAAF;KACA,CAAA;KAGRT,KACG,kBAAC,OAAD;MACI,kBAAgBM;MAChB,yBAAA;MACA,WAAWhB,EAAKC,EAAO,mBAAmB;MAEzC,UAAAU;KACA,CAAA;IAER;GAEJ,CAAA,GAAAH,KAAgBW,KACb,kBAAC,OAAD;IACI,kBAAA;IACA,kBAAgBH;IAChB,WAAWhB,EAAKC,EAAOsB,SAAY;IAElC,UAAAJ;GACA,CAAA,CAEL;;CACG,CAAA;AAEvB"}
|
|
1
|
+
{"version":3,"file":"AppBar","names":["clsx","styles","clsx$1","appBar_module_default","AppBar","props","appBarState","useAppBarState","hasSecondary","size","hasTrailingActions","trailingActions","contextValue","useMemo","AppBarHeadlineBlockSize","AppBarHeadlineTypography","alignment","AppBarContext","className","headline","\"primary\"","leadingAction","\"headline\"","\"secondary\""],"sources":["../../src/components/AppBar/AppBar/appBar.module.css","../../src/components/AppBar/AppBar/AppBar.tsx"],"sourcesContent":["/* configurable tokens\n*\n* --md-app-bar-background\n* --md-app-bar-on-scroll-background\n* --md-app-bar-title-color\n*\n* configurable tokens end */\n\n@layer adgytec.comps {\n .app-bar {\n --_md-app-bar-background: var(\n --md-app-bar-background,\n var(--md-sys-color-surface)\n );\n --_md-app-bar-on-scroll-background: var(\n --md-app-bar-on-scroll-background,\n var(--md-sys-color-surface-container)\n );\n --_md-app-bar-title-color: var(\n --md-app-bar-title-color,\n var(--md-sys-color-on-surface)\n );\n --_md-app-bar-headline-block-size: var(--md-sys-layout-space-28);\n\n display: grid;\n gap: var(--md-sys-layout-space-12);\n\n padding-inline: var(--md-sys-layout-space-4);\n padding-block: var(--md-sys-layout-space-8);\n\n background-color: var(--_md-app-bar-background);\n\n transition: background-color\n var(--md-sys-motion-expressive-fast-effects)\n var(--md-sys-motion-expressive-fast-effects-duration);\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n\n &[data-size=\"medium\"] {\n --_md-app-bar-headline-block-size: var(--md-sys-layout-space-36);\n }\n\n &[data-size=\"large\"] {\n --_md-app-bar-headline-block-size: calc(44 * var(--dp, 1px));\n }\n\n &[data-scroll] {\n background-color: var(--_md-app-bar-on-scroll-background);\n box-shadow: var(--md-sys-elevation-shadow-2);\n }\n }\n\n .primary {\n display: flex;\n gap: var(--md-sys-layout-space-4);\n align-items: center;\n\n &[data-alignment=\"centered\"] {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n }\n }\n\n .leading-action {\n --md-button-color: var(--_md-app-bar-title-color);\n\n &[data-alignment=\"centered\"] {\n grid-column: 1;\n justify-self: start;\n }\n }\n\n .headline[data-initial-padding] {\n padding-inline-start: var(--md-sys-layout-space-12);\n }\n\n .headline[data-alignment=\"centered\"] {\n grid-column: 2;\n justify-self: center;\n }\n\n .trailing-actions {\n margin-inline-start: auto;\n\n display: flex;\n align-items: center;\n\n &[data-alignment=\"centered\"] {\n grid-column: 3;\n justify-self: end;\n margin-inline-start: 0;\n }\n }\n\n .secondary {\n padding-inline: var(--md-sys-layout-space-12);\n }\n}\n","import clsx from \"clsx\";\nimport { useMemo } from \"react\";\nimport { useAppBarState } from \"../AppBarState\";\nimport {\n AppBarContext,\n AppBarHeadlineBlockSize,\n AppBarHeadlineTypography,\n} from \"../core\";\nimport styles from \"./appBar.module.css\";\nimport type { AppBarProps } from \"./types\";\n\n/**\n * Material 3 Top App Bar container component.\n *\n * Coordinates screen-level branding, titles, and actions. Supports single-row\n * `\"small\"` layouts as well as expressive two-row `\"medium\"` and `\"large\"` layouts\n * with automatic typography scaling and responsive title placement.\n *\n * Connects with {@link AppBarStateContext} (via {@link useAppBarState}) to adapt background color and elevation when scrolled.\n *\n * @example\n * ```tsx\n * import { AppBar, AppBarAction, AppBarHeadline } from '@adgytec/web-ui-components';\n * import { Menu, Search, MoreVertical } from 'lucide-react';\n *\n * function Header() {\n * return (\n * <AppBar\n * size=\"small\"\n * leadingAction={<AppBarAction icon={Menu} aria-label=\"Open navigation menu\" />}\n * headline={<AppBarHeadline>Dashboard</AppBarHeadline>}\n * trailingActions={[\n * <AppBarAction key=\"search\" icon={Search} aria-label=\"Search\" />,\n * <AppBarAction key=\"more\" icon={MoreVertical} aria-label=\"More options\" />\n * ]}\n * />\n * );\n * }\n * ```\n */\nexport const AppBar: React.FC<AppBarProps> = ({\n className,\n size = \"small\",\n alignment = \"default\",\n leadingAction,\n trailingActions,\n headline,\n ...props\n}) => {\n const appBarState = useAppBarState();\n const hasSecondary = size !== \"small\";\n const hasTrailingActions = trailingActions && trailingActions.length > 0;\n\n const contextValue = useMemo(\n () => ({\n size,\n alignment,\n headlineBlockSize: AppBarHeadlineBlockSize[size],\n headlineTypography: AppBarHeadlineTypography[size],\n }),\n [size, alignment]\n );\n\n return (\n <AppBarContext value={contextValue}>\n <header\n className={clsx(styles[\"app-bar\"], className)}\n {...props}\n data-size={size}\n data-alignment={alignment}\n data-has-secondary={(hasSecondary && !!headline) || undefined}\n data-scroll={appBarState?.isScrolling || undefined}\n >\n <div\n data-primary\n className={clsx(styles[\"primary\"])}\n data-alignment={alignment}\n data-size={size}\n >\n {leadingAction && (\n <div\n data-alignment={alignment}\n data-primary-leading\n className={clsx(styles[\"leading-action\"])}\n >\n {leadingAction}\n </div>\n )}\n\n {!hasSecondary && headline && (\n <div\n data-alignment={alignment}\n className={clsx(styles[\"headline\"])}\n data-initial-padding={!leadingAction || undefined}\n >\n {headline}\n </div>\n )}\n\n {hasTrailingActions && (\n <div\n data-alignment={alignment}\n data-primary-trailing\n className={clsx(styles[\"trailing-actions\"])}\n >\n {trailingActions}\n </div>\n )}\n </div>\n\n {hasSecondary && headline && (\n <div\n data-secondary\n data-alignment={alignment}\n className={clsx(styles[\"secondary\"])}\n >\n {headline}\n </div>\n )}\n </header>\n </AppBarContext>\n );\n};\n"],"mappings":";;;;;;;;;;;;A,GCwCaI,KAAiC,EAC1C,cACA,UAAO,SACP,eAAY,WACZ,kBACA,oBACA,aACA,GAAGC,QACD;CACF,IAAMC,IAAcC,EAAe,GAC7BC,IAAeC,MAAS,SACxBC,IAAqBC,KAAmBA,EAAgB,SAAS,GAEjEC,IAAeC,SACV;EACH;EACA;EACA,mBAAmBC,EAAwBL;EAC3C,oBAAoBM,EAAyBN;CACjD,IACA,CAACA,GAAMO,CAAS,CACpB;CAEA,OACI,kBAACC,GAAD;EAAe,OAAOL;EAClB,UAAA,kBAAC,UAAD;GACI,WAAWZ,EAAKC,EAAO,YAAYiB,CAAS;GAC5C,GAAIb;GACJ,aAAWI;GACX,kBAAgBO;GAChB,sBAAqBR,KAAgB,CAAC,CAACW,KAAa,KAAA;GACpD,eAAab,GAAa,eAAe,KAAA;GAN7C,UAAA,CAQI,kBAAC,OAAD;IACI,gBAAA;IACA,WAAWN,EAAKC,EAAOmB,OAAU;IACjC,kBAAgBJ;IAChB,aAAWP;IAJf,UAAA;KAMKY,KACG,kBAAC,OAAD;MACI,kBAAgBL;MAChB,wBAAA;MACA,WAAWhB,EAAKC,EAAO,iBAAiB;MAEvC,UAAAoB;KACA,CAAA;KAGR,CAACb,KAAgBW,KACd,kBAAC,OAAD;MACI,kBAAgBH;MAChB,WAAWhB,EAAKC,EAAOqB,QAAW;MAClC,wBAAsB,CAACD,KAAiB,KAAA;MAEvC,UAAAF;KACA,CAAA;KAGRT,KACG,kBAAC,OAAD;MACI,kBAAgBM;MAChB,yBAAA;MACA,WAAWhB,EAAKC,EAAO,mBAAmB;MAEzC,UAAAU;KACA,CAAA;IAER;GAEJ,CAAA,GAAAH,KAAgBW,KACb,kBAAC,OAAD;IACI,kBAAA;IACA,kBAAgBH;IAChB,WAAWhB,EAAKC,EAAOsB,SAAY;IAElC,UAAAJ;GACA,CAAA,CAEL;;CACG,CAAA;AAEvB"}
|
package/dist/chunks/AppBarAction
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBarAction","names":["clsx","styles","clsx$1","appBarAction_module_default","AppBarAction","props","IconButton","\"action\"","className","renderProps"],"sources":["../../src/components/AppBar/AppBarAction/appBarAction.module.css","../../src/components/AppBar/AppBarAction/AppBarAction.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action {\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./appBarAction.module.css\";\n\n/**\n * Props for the {@link AppBarAction} component, omitting `size` which is fixed to `\"small\"`.\n */\nexport type AppBarActionProps = Omit<IconButtonProps, \"size\">;\n\n/**\n * Action button specifically styled and sized for use inside the {@link AppBar}.\n *\n * Wraps {@link IconButton} with `size=\"small\"` (per Material 3 Top App Bar specs)\n * and defaults to `color=\"standard\"`.\n *\n * @example\n * ```tsx\n * import { AppBarAction } from '@adgytec/web-ui-components';\n * import { ArrowLeft } from 'lucide-react';\n *\n * <AppBarAction icon={ArrowLeft} aria-label=\"Go back\" onPress={() => history.back()} />\n * ```\n */\nexport const AppBarAction: React.FC<AppBarActionProps> = ({\n color = \"standard\",\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"action\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n color={color}\n size=\"small\"\n />\n );\n};\n"],"mappings":";;;uCCuBaI,KAA6C,EACtD,WAAQ,YACR,cACA,GAAGC,QAGC,kBAACC,GAAD;CACI,YAAY,MACRN,EACIC,EAAOM,QACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;CACG;CACP,MAAK;AAAO,CAAA"}
|
|
1
|
+
{"version":3,"file":"AppBarAction","names":["clsx","styles","clsx$1","appBarAction_module_default","AppBarAction","props","IconButton","\"action\"","className","renderProps"],"sources":["../../src/components/AppBar/AppBarAction/appBarAction.module.css","../../src/components/AppBar/AppBarAction/AppBarAction.tsx"],"sourcesContent":["@layer adgytec.comps {\n .action {\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n","import clsx from \"clsx\";\nimport { IconButton, type IconButtonProps } from \"@/components/Button\";\nimport styles from \"./appBarAction.module.css\";\n\n/**\n * Props for the {@link AppBarAction} component, omitting `size` which is fixed to `\"small\"`.\n */\nexport type AppBarActionProps = Omit<IconButtonProps, \"size\">;\n\n/**\n * Action button specifically styled and sized for use inside the {@link AppBar}.\n *\n * Wraps {@link IconButton} with `size=\"small\"` (per Material 3 Top App Bar specs)\n * and defaults to `color=\"standard\"`.\n *\n * @example\n * ```tsx\n * import { AppBarAction } from '@adgytec/web-ui-components';\n * import { ArrowLeft } from 'lucide-react';\n *\n * <AppBarAction icon={ArrowLeft} aria-label=\"Go back\" onPress={() => history.back()} />\n * ```\n */\nexport const AppBarAction: React.FC<AppBarActionProps> = ({\n color = \"standard\",\n className,\n ...props\n}) => {\n return (\n <IconButton\n className={(renderProps) =>\n clsx(\n styles[\"action\"],\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n color={color}\n size=\"small\"\n />\n );\n};\n"],"mappings":";;;A,uCCuBaI,KAA6C,EACtD,WAAQ,YACR,cACA,GAAGC,QAGC,kBAACC,GAAD;CACI,YAAY,MACRN,EACIC,EAAOM,QACP,OAAOC,KAAc,aACfA,EAAUC,CAAW,IACrBD,CACV;CAEJ,GAAIH;CACG;CACP,MAAK;AAAO,CAAA"}
|
package/dist/chunks/AppBarAvatar
CHANGED
|
@@ -6,7 +6,7 @@ import { f as a, l as o, u as s } from "./core";
|
|
|
6
6
|
import c from "clsx";
|
|
7
7
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|
|
8
8
|
import { Button as d } from "react-aria-components";
|
|
9
|
-
import '../assets/AppBarAvatar.css'
|
|
9
|
+
import '../assets/AppBarAvatar.css';// src/components/AppBar/AppBarAvatar/appBarAvatar.module.css
|
|
10
10
|
var f = e(), p = { avatar: "_avatar_xrsa2_2" }, m = (e) => {
|
|
11
11
|
let m = (0, f.c)(15), h, g, _, v;
|
|
12
12
|
m[0] === e ? (h = m[1], g = m[2], _ = m[3], v = m[4]) : ({className: g, children: h, onPress: _, ...v} = e, m[0] = e, m[1] = h, m[2] = g, m[3] = _, m[4] = v);
|
|
@@ -37,7 +37,6 @@ var f = e(), p = { avatar: "_avatar_xrsa2_2" }, m = (e) => {
|
|
|
37
37
|
children: S
|
|
38
38
|
}), m[10] = b, m[11] = v, m[12] = x, m[13] = S, m[14] = C) : C = m[14], C;
|
|
39
39
|
};
|
|
40
|
-
//#endregion
|
|
41
40
|
export { m as t };
|
|
42
41
|
|
|
43
42
|
//# sourceMappingURL=AppBarAvatar.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBarAvatar","names":["renderProps","handlePress","_c","clsx","styles","require_compiler_runtime","typography","Splash","useSplash","ButtonReset","buttonColorBase","buttonColorConfig","clsx$1","import_compiler_runtime","appBarAvatar_module_default","AppBarAvatar","$","children","className","onPress","props","t0","t1","TapTarget","renderProps","t2","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","t3","handlePress","Button"],"sources":["../../src/components/AppBar/AppBarAvatar/appBarAvatar.module.css","../../src/components/AppBar/AppBarAvatar/AppBarAvatar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .avatar {\n --_md-app-bar-avatar-size: var(--md-sys-layout-space-32);\n\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > [data-visual-button] {\n display: flex;\n align-items: center;\n justify-content: center;\n\n inline-size: var(--_md-app-bar-avatar-size);\n max-inline-size: var(--_md-app-bar-avatar-size);\n\n block-size: var(--_md-app-bar-avatar-size);\n max-block-size: var(--_md-app-bar-avatar-size);\n\n border-radius: 50%;\n overflow: clip;\n position: relative;\n\n text-align: center;\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Button } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { TapTarget, typography } from \"@/utils\";\nimport styles from \"./appBarAvatar.module.css\";\n\n/**\n * Props for the {@link AppBarAvatar} component.\n */\nexport type AppBarAvatarProps = React.ComponentPropsWithRef<typeof Button>;\n\n/**\n * Interactive circular avatar button container designed for profile navigation in the {@link AppBar}.\n *\n * Features a circular 32px container, Material ripple feedback (via {@link Splash}),\n * accessible touch target padding (via {@link TapTarget}), and automatic hover/focus/pressed visual states.\n *\n * @example\n * ```tsx\n * import { AppBarAvatar } from '@adgytec/web-ui-components';\n *\n * <AppBarAvatar aria-label=\"View user profile\" onPress={() => navigate('/profile')}>\n * <img src=\"/avatar.png\" alt=\"Profile\" />\n * </AppBarAvatar>\n * ```\n */\nexport const AppBarAvatar: React.FC<AppBarAvatarProps> = ({\n className,\n children,\n onPress,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <Button\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n styles[\"avatar\"],\n typography.labelLarge,\n TapTarget,\n buttonColorConfig(\"filled\"),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n return (\n <span className={clsx(buttonColorBase)} {...dataAttrs}>\n {splashInfo && <Splash {...splashInfo} />}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </span>\n );\n }}\n </Button>\n );\n};\n"],"mappings":";;;;;;;;;gDC+Bae,KAA4C,MAAA;CAAA,IAAAC,KAAA,GAAAd,EAAAA,EAAAA,CAAA,EAAA,GAAAe,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAKxD,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OALyD,wCAAA,GAAAI,KAAAC,GAKzD,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,eAAA,mBAAoCZ,EAAUW,CAAO,GAAEG;CAAA,AAAAN,EAAA,OAAAE,IAe1C,IAAAF,EAAA,MAVM,KAAA,MACPb,EACIM,GACAL,EAAM,QACNE,EAAU,YACViB,GACAZ,EAAkB,QAAQ,GAC1B,OAAOO,KAAc,aACfA,EAAUM,CACF,IAFdN,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAI;CAAA,IAAAG;CAAA,AAAAT,EAAA,OAAAC,KAAAD,EAAA,OAAAU,KAKJ,KAAA,MAAA;EACG,IAAA,EAAA,eAAA,mBAAA,cAAA,cAAA,iBAMI1B,GAEJ4B,IAAkB;GAAA,gBACEC,KAAA,KAAA;GAAsB,iBACrBC,KAAA,KAAA;GAAuB,gBACxBC,KAAA,KAAA;GAAsB,sBAChBC,KAAA,KAAA;GAA2B,gBACjCC,KAAA,KAAA;GAAsB,sBAChB;EAC1B;EAAE,OAGE,kBAAA,QAAA;GAAiB,WAAA9B,EAAKO,CAAe;GAAC,GAAMkB;GAA5C,UAAA,CACKF,KAAc,kBAACnB,GAAD,EAAO,GAAKmB,EAAU,CAAA,GAEpC,OAAOT,KAAa,aACfA,EAASjB,CACF,IAFZiB,CAGE;;CAAA,GAEd,EAAA,KAAAA,GAAA,EAAA,KAAAS,GAAA,EAAA,KAAAD,KAAA,IAAAT,EAAA;CAAA,IAAAkB;CACI,OADJlB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAI,KAAAJ,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KA5CL,IAAA,kBAACW,GAAD;EACanC,SAAAkC;EACE,WAAAb;EAUN,GAEDF;EACJ,eAAA;EAEC,UAAAK;CAjBE,CAAA,GA6CE,EAAA,MAAAU,GAAA,EAAA,MAAAf,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,KAAA,IAAAlB,EAAA,KA7CTkB;AA6CS"}
|
|
1
|
+
{"version":3,"file":"AppBarAvatar","names":["renderProps","handlePress","_c","clsx","styles","require_compiler_runtime","typography","Splash","useSplash","ButtonReset","buttonColorBase","buttonColorConfig","clsx$1","import_compiler_runtime","appBarAvatar_module_default","AppBarAvatar","$","children","className","onPress","props","t0","t1","TapTarget","renderProps","t2","splashInfo","renderProps_0","dataAttrs","isHovered","isDisabled","isFocused","isFocusVisible","isPressed","t3","handlePress","Button"],"sources":["../../src/components/AppBar/AppBarAvatar/appBarAvatar.module.css","../../src/components/AppBar/AppBarAvatar/AppBarAvatar.tsx"],"sourcesContent":["@layer adgytec.comps {\n .avatar {\n --_md-app-bar-avatar-size: var(--md-sys-layout-space-32);\n\n inline-size: var(--md-sys-layout-space-48);\n block-size: var(--md-sys-layout-space-48);\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n & > [data-visual-button] {\n display: flex;\n align-items: center;\n justify-content: center;\n\n inline-size: var(--_md-app-bar-avatar-size);\n max-inline-size: var(--_md-app-bar-avatar-size);\n\n block-size: var(--_md-app-bar-avatar-size);\n max-block-size: var(--_md-app-bar-avatar-size);\n\n border-radius: 50%;\n overflow: clip;\n position: relative;\n\n text-align: center;\n\n & img {\n inline-size: 100%;\n block-size: 100%;\n object-fit: cover;\n }\n }\n }\n}\n","import clsx from \"clsx\";\nimport { Button } from \"react-aria-components\";\nimport {\n ButtonReset,\n buttonColorBase,\n buttonColorConfig,\n} from \"@/components/Button\";\nimport { Splash, useSplash } from \"@/components/Splash\";\nimport { TapTarget, typography } from \"@/utils\";\nimport styles from \"./appBarAvatar.module.css\";\n\n/**\n * Props for the {@link AppBarAvatar} component.\n */\nexport type AppBarAvatarProps = React.ComponentPropsWithRef<typeof Button>;\n\n/**\n * Interactive circular avatar button container designed for profile navigation in the {@link AppBar}.\n *\n * Features a circular 32px container, Material ripple feedback (via {@link Splash}),\n * accessible touch target padding (via {@link TapTarget}), and automatic hover/focus/pressed visual states.\n *\n * @example\n * ```tsx\n * import { AppBarAvatar } from '@adgytec/web-ui-components';\n *\n * <AppBarAvatar aria-label=\"View user profile\" onPress={() => navigate('/profile')}>\n * <img src=\"/avatar.png\" alt=\"Profile\" />\n * </AppBarAvatar>\n * ```\n */\nexport const AppBarAvatar: React.FC<AppBarAvatarProps> = ({\n className,\n children,\n onPress,\n ...props\n}) => {\n const { splashInfo, handlePress } = useSplash(onPress);\n\n return (\n <Button\n onPress={handlePress}\n className={(renderProps) =>\n clsx(\n ButtonReset,\n styles[\"avatar\"],\n typography.labelLarge,\n TapTarget,\n buttonColorConfig(\"filled\"),\n typeof className === \"function\"\n ? className(renderProps)\n : className\n )\n }\n {...props}\n data-button\n >\n {(renderProps) => {\n const {\n isDisabled,\n isFocusVisible,\n isFocused,\n isPressed,\n isHovered,\n } = renderProps;\n\n const dataAttrs = {\n \"data-hovered\": isHovered || undefined,\n \"data-disabled\": isDisabled || undefined,\n \"data-focused\": isFocused || undefined,\n \"data-focus-visible\": isFocusVisible || undefined,\n \"data-pressed\": isPressed || undefined,\n \"data-visual-button\": true,\n };\n\n return (\n <span className={clsx(buttonColorBase)} {...dataAttrs}>\n {splashInfo && <Splash {...splashInfo} />}\n\n {typeof children === \"function\"\n ? children(renderProps)\n : children}\n </span>\n );\n }}\n </Button>\n );\n};\n"],"mappings":";;;;;;;;;A,gDC+Bae,KAA4C,MAAA;CAAA,IAAAC,KAAA,GAAAd,EAAAA,EAAAA,CAAA,EAAA,GAAAe,GAAAC,GAAAC,GAAAC;CAAA,AAAAJ,EAAA,OAAAK,KAKxD,IAAAL,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,IAAA,IAAAA,EAAA,OALyD,wCAAA,GAAAI,KAAAC,GAKzD,EAAA,KAAAA,GAAA,EAAA,KAAAJ,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC,GAAA,EAAA,KAAAC;CACG,IAAA,EAAA,eAAA,mBAAoCZ,EAAUW,CAAO,GAAEG;CAAA,AAAAN,EAAA,OAAAE,IAe1C,IAAAF,EAAA,MAVM,KAAA,MACPb,EACIM,GACAL,EAAM,QACNE,EAAU,YACViB,GACAZ,EAAkB,QAAQ,GAC1B,OAAOO,KAAc,aACfA,EAAUM,CACF,IAFdN,CAGJ,GAAC,EAAA,KAAAA,GAAA,EAAA,KAAAI;CAAA,IAAAG;CAAA,AAAAT,EAAA,OAAAC,KAAAD,EAAA,OAAAU,KAKJ,KAAA,MAAA;EACG,IAAA,EAAA,eAAA,mBAAA,cAAA,cAAA,iBAMI1B,GAEJ4B,IAAkB;GAAA,gBACEC,KAAA,KAAA;GAAsB,iBACrBC,KAAA,KAAA;GAAuB,gBACxBC,KAAA,KAAA;GAAsB,sBAChBC,KAAA,KAAA;GAA2B,gBACjCC,KAAA,KAAA;GAAsB,sBAChB;EAC1B;EAAE,OAGE,kBAAA,QAAA;GAAiB,WAAA9B,EAAKO,CAAe;GAAC,GAAMkB;GAA5C,UAAA,CACKF,KAAc,kBAACnB,GAAD,EAAO,GAAKmB,EAAU,CAAA,GAEpC,OAAOT,KAAa,aACfA,EAASjB,CACF,IAFZiB,CAGE;;CAAA,GAEd,EAAA,KAAAA,GAAA,EAAA,KAAAS,GAAA,EAAA,KAAAD,KAAA,IAAAT,EAAA;CAAA,IAAAkB;CACI,OADJlB,EAAA,QAAAmB,KAAAnB,EAAA,QAAAI,KAAAJ,EAAA,QAAAM,KAAAN,EAAA,QAAAS,KA5CL,IAAA,kBAACW,GAAD;EACanC,SAAAkC;EACE,WAAAb;EAUN,GAEDF;EACJ,eAAA;EAEC,UAAAK;CAjBE,CAAA,GA6CE,EAAA,MAAAU,GAAA,EAAA,MAAAf,GAAA,EAAA,MAAAE,GAAA,EAAA,MAAAG,GAAA,EAAA,MAAAS,KAAA,IAAAlB,EAAA,KA7CTkB;AA6CS"}
|
|
@@ -3,7 +3,7 @@ import { useAppBarContext as t } from "../components/AppBar/core/index.js";
|
|
|
3
3
|
import n from "clsx";
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
5
|
import { Heading as i } from "react-aria-components";
|
|
6
|
-
import '../assets/AppBarHeadline.css'
|
|
6
|
+
import '../assets/AppBarHeadline.css';// src/components/AppBar/AppBarHeadline/appBarHeadline.module.css
|
|
7
7
|
var a = e(), o = {
|
|
8
8
|
headline: "_headline_yz8nu_2",
|
|
9
9
|
centered: "_centered_yz8nu_7"
|
|
@@ -19,7 +19,6 @@ var a = e(), o = {
|
|
|
19
19
|
"data-app-bar-headline": !0
|
|
20
20
|
}), s[7] = l, s[8] = f, s[9] = p) : p = s[9], p;
|
|
21
21
|
};
|
|
22
|
-
//#endregion
|
|
23
22
|
export { s as t };
|
|
24
23
|
|
|
25
24
|
//# sourceMappingURL=AppBarHeadline.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppBarHeadline","names":["_c","styles","clsx","require_compiler_runtime","clsx$1","import_compiler_runtime","appBarHeadline_module_default","AppBarHeadline","$","className","props","t0","appBarContext","useAppBarContext","t1","t2","t3","Heading"],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n min-block-size: var(--_md-app-bar-headline-block-size);\n }\n\n .centered {\n text-align: center;\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { useAppBarContext } from \"../core\";\nimport styles from \"./appBarHeadline.module.css\";\n\n/**\n * Props for the {@link AppBarHeadline} component.\n */\nexport type AppBarHeadlineProps = React.ComponentPropsWithRef<typeof Heading>;\n\n/**\n * Semantic heading component for the {@link AppBar}.\n *\n * Automatically coordinates with the enclosing `<AppBar>` context to adapt its\n * typography scale (Title Large, Headline Medium, or Display Small) and text alignment\n * (`\"default\"` or `\"centered\"`).\n *\n * @example\n * ```tsx\n * import { AppBarHeadline } from '@adgytec/web-ui-components';\n *\n * <AppBarHeadline>Page Title</AppBarHeadline>\n * ```\n */\nexport const AppBarHeadline: React.FC<AppBarHeadlineProps> = ({\n className,\n ...props\n}) => {\n const appBarContext = useAppBarContext();\n\n return (\n <Heading\n className={clsx(\n appBarContext.headlineTypography,\n styles[\"headline\"],\n styles[appBarContext.alignment],\n className\n )}\n {...props}\n data-app-bar-headline\n />\n );\n};\n"],"mappings":";;;;;;;;;GCwBaO,KAAgD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,EAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAG5D,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAH6D,eAAA,GAAAE,KAAAC,GAG7D,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CACG,IAAAE,IAAsBC,EAAiB,GAO3BC,IAAAb,EAAOW,EAAa,YAAWG;CAAA,AAAAP,EAAA,OAAAI,EAAA,sBAAAJ,EAAA,OAAAC,KAAAD,EAAA,OAAAM,KAHxB,IAAAZ,EACPU,EAAa,oBACbX,EAAM,UACNa,GACAL,CACJ,GAAC,EAAA,KAAAG,EAAA,oBAAA,EAAA,KAAAH,GAAA,EAAA,KAAAK,GAAA,EAAA,KAAAC,KAAA,IAAAP,EAAA;CAAA,IAAAQ;CAGH,OAHGR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KANL,IAAA,kBAACE,GAAD;EACe,WAAAF;EAKV,GACGL;EACJ,yBAAA;CAAqB,CAAA,GACvB,EAAA,KAAAA,GAAA,EAAA,KAAAK,GAAA,EAAA,KAAAC,KAAA,IAAAR,EAAA,IATFQ;AASE"}
|
|
1
|
+
{"version":3,"file":"AppBarHeadline","names":["_c","styles","clsx","require_compiler_runtime","clsx$1","import_compiler_runtime","appBarHeadline_module_default","AppBarHeadline","$","className","props","t0","appBarContext","useAppBarContext","t1","t2","t3","Heading"],"sources":["../../src/components/AppBar/AppBarHeadline/appBarHeadline.module.css","../../src/components/AppBar/AppBarHeadline/AppBarHeadline.tsx"],"sourcesContent":["@layer adgytec.comps {\n .headline {\n color: var(--_md-app-bar-title-color);\n min-block-size: var(--_md-app-bar-headline-block-size);\n }\n\n .centered {\n text-align: center;\n }\n}\n","import clsx from \"clsx\";\nimport { Heading } from \"react-aria-components\";\nimport { useAppBarContext } from \"../core\";\nimport styles from \"./appBarHeadline.module.css\";\n\n/**\n * Props for the {@link AppBarHeadline} component.\n */\nexport type AppBarHeadlineProps = React.ComponentPropsWithRef<typeof Heading>;\n\n/**\n * Semantic heading component for the {@link AppBar}.\n *\n * Automatically coordinates with the enclosing `<AppBar>` context to adapt its\n * typography scale (Title Large, Headline Medium, or Display Small) and text alignment\n * (`\"default\"` or `\"centered\"`).\n *\n * @example\n * ```tsx\n * import { AppBarHeadline } from '@adgytec/web-ui-components';\n *\n * <AppBarHeadline>Page Title</AppBarHeadline>\n * ```\n */\nexport const AppBarHeadline: React.FC<AppBarHeadlineProps> = ({\n className,\n ...props\n}) => {\n const appBarContext = useAppBarContext();\n\n return (\n <Heading\n className={clsx(\n appBarContext.headlineTypography,\n styles[\"headline\"],\n styles[appBarContext.alignment],\n className\n )}\n {...props}\n data-app-bar-headline\n />\n );\n};\n"],"mappings":";;;;;;;;;A,GCwBaO,KAAgD,MAAA;CAAA,IAAAC,KAAA,GAAAR,EAAAA,EAAAA,CAAA,EAAA,GAAAS,GAAAC;CAAA,AAAAF,EAAA,OAAAG,KAG5D,IAAAH,EAAA,IAAA,IAAAA,EAAA,OAH6D,eAAA,GAAAE,KAAAC,GAG7D,EAAA,KAAAA,GAAA,EAAA,KAAAF,GAAA,EAAA,KAAAC;CACG,IAAAE,IAAsBC,EAAiB,GAO3BC,IAAAb,EAAOW,EAAa,YAAWG;CAAA,AAAAP,EAAA,OAAAI,EAAA,sBAAAJ,EAAA,OAAAC,KAAAD,EAAA,OAAAM,KAHxB,IAAAZ,EACPU,EAAa,oBACbX,EAAM,UACNa,GACAL,CACJ,GAAC,EAAA,KAAAG,EAAA,oBAAA,EAAA,KAAAH,GAAA,EAAA,KAAAK,GAAA,EAAA,KAAAC,KAAA,IAAAP,EAAA;CAAA,IAAAQ;CAGH,OAHGR,EAAA,OAAAE,KAAAF,EAAA,OAAAO,KANL,IAAA,kBAACE,GAAD;EACe,WAAAF;EAKV,GACGL;EACJ,yBAAA;CAAqB,CAAA,GACvB,EAAA,KAAAA,GAAA,EAAA,KAAAK,GAAA,EAAA,KAAAC,KAAA,IAAAR,EAAA,IATFQ;AASE"}
|
package/dist/chunks/BaseCalendar
CHANGED
|
@@ -89,11 +89,7 @@ import '../assets/BaseCalendar.css';var x = {
|
|
|
89
89
|
"month-view": {
|
|
90
90
|
"aria-expanded": O === "month",
|
|
91
91
|
onPress: () => {
|
|
92
|
-
|
|
93
|
-
X(), k("calendar");
|
|
94
|
-
return;
|
|
95
|
-
}
|
|
96
|
-
Y(), k("month");
|
|
92
|
+
O === "month" ? (X(), k("calendar")) : (Y(), k("month"));
|
|
97
93
|
},
|
|
98
94
|
isDisabled: P.isDisabled || O === "year",
|
|
99
95
|
isPressed: O === "month"
|
|
@@ -115,11 +111,7 @@ import '../assets/BaseCalendar.css';var x = {
|
|
|
115
111
|
"year-view": {
|
|
116
112
|
"aria-expanded": O === "year",
|
|
117
113
|
onPress: () => {
|
|
118
|
-
|
|
119
|
-
X(), k("calendar");
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
Y(), k("year");
|
|
114
|
+
O === "year" ? (X(), k("calendar")) : (Y(), k("year"));
|
|
123
115
|
},
|
|
124
116
|
isDisabled: P.isDisabled || O === "month",
|
|
125
117
|
isPressed: O === "year"
|
|
@@ -246,7 +238,6 @@ import '../assets/BaseCalendar.css';var x = {
|
|
|
246
238
|
})]
|
|
247
239
|
});
|
|
248
240
|
};
|
|
249
|
-
//#endregion
|
|
250
241
|
export { S as t };
|
|
251
242
|
|
|
252
243
|
//# sourceMappingURL=BaseCalendar.map
|