@salutejs/plasma-new-hope 0.335.0-canary.2198.17378237458.0 → 0.335.0-canary.2203.17432366342.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/cjs/components/Autocomplete/Autocomplete.js +4 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/FloatingPopover.js +5 -4
- package/cjs/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/cjs/components/Calendar/Calendar.tokens.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/{DatePickerBase.styles_10sa0ht.css → DatePickerBase.styles_1fnt3hc.css} +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/{RangeDatePopover.styles_1n0dbxm.css → RangeDatePopover.styles_160e4y4.css} +2 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/cjs/components/Drawer/Drawer.css +2 -2
- package/cjs/components/Drawer/Drawer.styles.js +1 -1
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles_h5od79.css +2 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.js +86 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.js.map +1 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.styles.js +29 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.styles.js.map +1 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.styles_1fqy1s9.css +4 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js +77 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js.map +1 -0
- package/cjs/components/NavigationDrawer/NavigationDrawer_x642ct.css +1 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.css +39 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js +53 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +64 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles_1jc86lh.css +7 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.css +48 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.js +52 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.styles.js +49 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.styles.js.map +1 -0
- package/cjs/components/NavigationDrawer/ui/Section/Section.styles_147bzzp.css +6 -0
- package/cjs/components/NavigationDrawer/variations/_size/base.js +9 -0
- package/cjs/components/NavigationDrawer/variations/_size/base.js.map +1 -0
- package/cjs/components/NavigationDrawer/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/NavigationDrawer/variations/_view/base.js +9 -0
- package/cjs/components/NavigationDrawer/variations/_view/base.js.map +1 -0
- package/cjs/components/NavigationDrawer/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Popup/Popup.js +8 -67
- package/cjs/components/Popup/Popup.js.map +1 -1
- package/cjs/components/Popup/ui/Draggable/Draggable.js +33 -0
- package/cjs/components/Popup/ui/Draggable/Draggable.js.map +1 -0
- package/cjs/components/Popup/ui/Resizable/Resizable.js +79 -0
- package/cjs/components/Popup/ui/Resizable/Resizable.js.map +1 -0
- package/cjs/components/Slider/ui/Handler/Handler.js +3 -3
- package/cjs/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/cjs/components/Tabs/hooks/useTabItem.js +93 -0
- package/cjs/components/Tabs/hooks/useTabItem.js.map +1 -0
- package/cjs/components/Tabs/tokens.js +2 -1
- package/cjs/components/Tabs/tokens.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +99 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +23 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles_1yj92p8.css +3 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base_16mymb5.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base_hc3fil.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base_ktj8kt.css +1 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -5
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +18 -57
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +8 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css +6 -0
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +95 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +23 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css +3 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base_am98dh.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base_dpccup.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +9 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js.map +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base_1gxej53.css +1 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +19 -57
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +8 -2
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css +6 -0
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +3 -3
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_1khdtzl.css → VerticalTabs.styles_16pdfpo.css} +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +1 -0
- package/cjs/components/Tooltip/Tooltip.js +22 -45
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Tooltip/hooks/useDelayedTooltip.js +49 -0
- package/cjs/components/Tooltip/hooks/useDelayedTooltip.js.map +1 -0
- package/cjs/components/Tree/Tree.css +6 -6
- package/cjs/components/Tree/Tree.js +9 -2
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +1 -1
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_6sla5y.css +7 -0
- package/cjs/components/Tree/Tree.tokens.js +2 -1
- package/cjs/components/Tree/Tree.tokens.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconClose.js +3 -1
- package/cjs/components/_Icon/Icons/IconClose.js.map +1 -1
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js +6 -3
- package/cjs/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/cjs/examples/components/Link/Link.config.js +33 -0
- package/cjs/examples/components/Link/Link.config.js.map +1 -0
- package/cjs/examples/components/Link/Link.config_zeymp2.css +11 -0
- package/cjs/examples/components/Link/Link.css +19 -0
- package/cjs/examples/components/Link/Link.js +13 -0
- package/cjs/examples/components/Link/Link.js.map +1 -0
- package/cjs/index.css +81 -27
- package/cjs/index.js +11 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +3 -1
- package/emotion/cjs/components/Autocomplete/FloatingPopover.js +31 -4
- package/emotion/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/cjs/components/Drawer/Drawer.styles.js +5 -5
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.js +183 -0
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.styles.js +45 -0
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js +87 -0
- package/emotion/cjs/components/NavigationDrawer/NavigationDrawer.types.js +4 -0
- package/emotion/cjs/components/NavigationDrawer/index.js +23 -0
- package/emotion/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js +44 -0
- package/emotion/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +76 -0
- package/emotion/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +4 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/Section.js +214 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/Section.styles.js +63 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/Section.types.js +4 -0
- package/emotion/cjs/components/NavigationDrawer/ui/Section/index.js +11 -0
- package/emotion/cjs/components/NavigationDrawer/variations/_size/base.js +12 -0
- package/emotion/cjs/components/NavigationDrawer/variations/_view/base.js +12 -0
- package/emotion/cjs/components/Popup/Popup.js +7 -69
- package/emotion/cjs/components/Popup/ui/Draggable/Draggable.js +75 -0
- package/emotion/cjs/components/Popup/ui/Resizable/Resizable.js +114 -0
- package/emotion/cjs/components/Popup/ui/index.js +20 -0
- package/emotion/cjs/components/Tabs/hooks/useTabItem.js +98 -0
- package/emotion/cjs/components/Tabs/index.js +14 -0
- package/emotion/cjs/components/Tabs/tokens.js +2 -1
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +193 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +45 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +14 -66
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +16 -9
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +190 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +45 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +13 -0
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -66
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +16 -9
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +7 -7
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/cjs/components/Tooltip/Tooltip.js +19 -41
- package/emotion/cjs/components/Tooltip/hooks/index.js +11 -0
- package/emotion/cjs/components/Tooltip/hooks/useDelayedTooltip.js +93 -0
- package/emotion/cjs/components/Tree/Tree.js +7 -2
- package/emotion/cjs/components/Tree/Tree.styles.js +13 -13
- package/emotion/cjs/components/Tree/Tree.tokens.js +2 -1
- package/emotion/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js +56 -0
- package/emotion/cjs/components/_Icon/Icons/IconClose.js +2 -1
- package/emotion/cjs/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/emotion/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js +29 -0
- package/emotion/cjs/components/_Icon/index.js +4 -0
- package/emotion/cjs/examples/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/cjs/examples/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/cjs/examples/components/Chip/Chip.config.js +14 -13
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/cjs/examples/components/NavigationDrawer/NavigationDrawer.config.js +27 -0
- package/emotion/cjs/examples/components/NavigationDrawer/NavigationDrawer.js +15 -0
- package/emotion/cjs/examples/components/Tabs/TabItem.js +56 -3
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +40 -0
- package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/cjs/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +32 -0
- package/emotion/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/emotion/cjs/index.js +1 -0
- package/emotion/es/components/Autocomplete/Autocomplete.js +3 -1
- package/emotion/es/components/Autocomplete/FloatingPopover.js +31 -4
- package/emotion/es/components/Calendar/Calendar.tokens.js +1 -0
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +5 -5
- package/emotion/es/components/Drawer/Drawer.styles.js +5 -5
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.js +119 -0
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.styles.js +16 -0
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.tokens.js +69 -0
- package/emotion/es/components/NavigationDrawer/NavigationDrawer.types.js +1 -0
- package/emotion/es/components/NavigationDrawer/index.js +2 -0
- package/emotion/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +29 -0
- package/emotion/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +38 -0
- package/emotion/es/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +1 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/Section.js +158 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/Section.styles.js +28 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/Section.types.js +1 -0
- package/emotion/es/components/NavigationDrawer/ui/Section/index.js +1 -0
- package/emotion/es/components/NavigationDrawer/variations/_size/base.js +2 -0
- package/emotion/es/components/NavigationDrawer/variations/_view/base.js +2 -0
- package/emotion/es/components/Popup/Popup.js +6 -63
- package/emotion/es/components/Popup/ui/Draggable/Draggable.js +19 -0
- package/emotion/es/components/Popup/ui/Resizable/Resizable.js +63 -0
- package/emotion/es/components/Popup/ui/index.js +2 -0
- package/emotion/es/components/Tabs/hooks/useTabItem.js +88 -0
- package/emotion/es/components/Tabs/index.js +2 -0
- package/emotion/es/components/Tabs/tokens.js +2 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +134 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +19 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +16 -68
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +13 -9
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +131 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +19 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +3 -0
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +17 -68
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +13 -9
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +7 -7
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/emotion/es/components/Tooltip/Tooltip.js +20 -42
- package/emotion/es/components/Tooltip/hooks/index.js +1 -0
- package/emotion/es/components/Tooltip/hooks/useDelayedTooltip.js +83 -0
- package/emotion/es/components/Tree/Tree.js +7 -2
- package/emotion/es/components/Tree/Tree.styles.js +13 -13
- package/emotion/es/components/Tree/Tree.tokens.js +2 -1
- package/emotion/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +41 -0
- package/emotion/es/components/_Icon/Icons/IconClose.js +2 -1
- package/emotion/es/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/emotion/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +14 -0
- package/emotion/es/components/_Icon/index.js +1 -0
- package/emotion/es/examples/components/Calendar/CalendarBase.config.js +5 -5
- package/emotion/es/examples/components/Calendar/CalendarDouble.config.js +5 -5
- package/emotion/es/examples/components/Chip/Chip.config.js +14 -13
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +7 -7
- package/emotion/es/examples/components/NavigationDrawer/NavigationDrawer.config.js +17 -0
- package/emotion/es/examples/components/NavigationDrawer/NavigationDrawer.js +7 -0
- package/emotion/es/examples/components/Tabs/TabItem.js +46 -1
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +30 -0
- package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
- package/emotion/es/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +22 -0
- package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
- package/emotion/es/index.js +1 -0
- package/es/components/Autocomplete/Autocomplete.js +4 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/FloatingPopover.js +6 -5
- package/es/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/es/components/Calendar/Calendar.tokens.js +1 -0
- package/es/components/Calendar/Calendar.tokens.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/{DatePickerBase.styles_10sa0ht.css → DatePickerBase.styles_1fnt3hc.css} +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +4 -4
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/{RangeDatePopover.styles_1n0dbxm.css → RangeDatePopover.styles_160e4y4.css} +2 -2
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -2
- package/es/components/Drawer/Drawer.css +2 -2
- package/es/components/Drawer/Drawer.styles.js +1 -1
- package/es/components/Drawer/Drawer.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.styles_h5od79.css +2 -0
- package/es/components/NavigationDrawer/NavigationDrawer.js +76 -0
- package/es/components/NavigationDrawer/NavigationDrawer.js.map +1 -0
- package/es/components/NavigationDrawer/NavigationDrawer.styles.js +22 -0
- package/es/components/NavigationDrawer/NavigationDrawer.styles.js.map +1 -0
- package/es/components/NavigationDrawer/NavigationDrawer.styles_1fqy1s9.css +4 -0
- package/es/components/NavigationDrawer/NavigationDrawer.tokens.js +72 -0
- package/es/components/NavigationDrawer/NavigationDrawer.tokens.js.map +1 -0
- package/es/components/NavigationDrawer/NavigationDrawer_x642ct.css +1 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.css +39 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +44 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js.map +1 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +54 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js.map +1 -0
- package/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles_1jc86lh.css +7 -0
- package/es/components/NavigationDrawer/ui/Section/Section.css +48 -0
- package/es/components/NavigationDrawer/ui/Section/Section.js +43 -0
- package/es/components/NavigationDrawer/ui/Section/Section.js.map +1 -0
- package/es/components/NavigationDrawer/ui/Section/Section.styles.js +40 -0
- package/es/components/NavigationDrawer/ui/Section/Section.styles.js.map +1 -0
- package/es/components/NavigationDrawer/ui/Section/Section.styles_147bzzp.css +6 -0
- package/es/components/NavigationDrawer/variations/_size/base.js +5 -0
- package/es/components/NavigationDrawer/variations/_size/base.js.map +1 -0
- package/es/components/NavigationDrawer/variations/_size/base_x642ct.css +1 -0
- package/es/components/NavigationDrawer/variations/_view/base.js +5 -0
- package/es/components/NavigationDrawer/variations/_view/base.js.map +1 -0
- package/es/components/NavigationDrawer/variations/_view/base_x642ct.css +1 -0
- package/es/components/Popup/Popup.js +7 -65
- package/es/components/Popup/Popup.js.map +1 -1
- package/es/components/Popup/ui/Draggable/Draggable.js +24 -0
- package/es/components/Popup/ui/Draggable/Draggable.js.map +1 -0
- package/es/components/Popup/ui/Resizable/Resizable.js +71 -0
- package/es/components/Popup/ui/Resizable/Resizable.js.map +1 -0
- package/es/components/Slider/ui/Handler/Handler.js +2 -2
- package/es/components/Slider/ui/Handler/Handler.js.map +1 -1
- package/es/components/Tabs/hooks/useTabItem.js +89 -0
- package/es/components/Tabs/hooks/useTabItem.js.map +1 -0
- package/es/components/Tabs/tokens.js +2 -1
- package/es/components/Tabs/tokens.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.css +9 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +90 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +17 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles_1yj92p8.css +3 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base_16mymb5.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base_hc3fil.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base_ktj8kt.css +1 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.css +6 -5
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +20 -59
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +8 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_ohczvf.css +6 -0
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -3
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.css +9 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +86 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +17 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles_1vnlsyl.css +3 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base_am98dh.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base_dpccup.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +5 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js.map +1 -0
- package/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base_1gxej53.css +1 -0
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.css +6 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +21 -59
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +8 -3
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_11xtftz.css +6 -0
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.css +5 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +3 -3
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/{VerticalTabs.styles_1khdtzl.css → VerticalTabs.styles_16pdfpo.css} +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_efv11p.css +1 -0
- package/es/components/Tooltip/Tooltip.js +23 -46
- package/es/components/Tooltip/Tooltip.js.map +1 -1
- package/es/components/Tooltip/hooks/useDelayedTooltip.js +45 -0
- package/es/components/Tooltip/hooks/useDelayedTooltip.js.map +1 -0
- package/es/components/Tree/Tree.css +6 -6
- package/es/components/Tree/Tree.js +9 -2
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +1 -1
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_6sla5y.css +7 -0
- package/es/components/Tree/Tree.tokens.js +2 -1
- package/es/components/Tree/Tree.tokens.js.map +1 -1
- package/es/components/_Icon/Icons/IconClose.js +3 -1
- package/es/components/_Icon/Icons/IconClose.js.map +1 -1
- package/es/components/_Icon/Icons/IconDisclosureLeft.js +6 -3
- package/es/components/_Icon/Icons/IconDisclosureLeft.js.map +1 -1
- package/es/examples/components/Link/Link.config.js +29 -0
- package/es/examples/components/Link/Link.config.js.map +1 -0
- package/es/examples/components/Link/Link.config_zeymp2.css +11 -0
- package/es/examples/components/Link/Link.css +19 -0
- package/es/examples/components/Link/Link.js +9 -0
- package/es/examples/components/Link/Link.js.map +1 -0
- package/es/index.css +81 -27
- package/es/index.js +4 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +3 -1
- package/styled-components/cjs/components/Autocomplete/FloatingPopover.js +31 -4
- package/styled-components/cjs/components/Calendar/Calendar.tokens.js +1 -0
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +1 -0
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/cjs/components/Drawer/Drawer.styles.js +3 -3
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.js +185 -0
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.styles.js +130 -0
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.tokens.js +87 -0
- package/styled-components/cjs/components/NavigationDrawer/NavigationDrawer.types.js +4 -0
- package/styled-components/cjs/components/NavigationDrawer/index.js +23 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.js +44 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +125 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +4 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/Section.js +214 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/Section.styles.js +90 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/Section.types.js +4 -0
- package/styled-components/cjs/components/NavigationDrawer/ui/Section/index.js +11 -0
- package/styled-components/cjs/components/NavigationDrawer/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/NavigationDrawer/variations/_view/base.js +14 -0
- package/styled-components/cjs/components/Popup/Popup.js +7 -69
- package/styled-components/cjs/components/Popup/ui/Draggable/Draggable.js +75 -0
- package/styled-components/cjs/components/Popup/ui/Resizable/Resizable.js +114 -0
- package/styled-components/cjs/components/Popup/ui/index.js +20 -0
- package/styled-components/cjs/components/Tabs/hooks/useTabItem.js +98 -0
- package/styled-components/cjs/components/Tabs/index.js +14 -0
- package/styled-components/cjs/components/Tabs/tokens.js +2 -1
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +193 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +91 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +20 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +18 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +31 -0
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +14 -66
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +14 -4
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +190 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +91 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +20 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +18 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +29 -0
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +15 -66
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +14 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +4 -4
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/Tooltip/Tooltip.js +18 -40
- package/styled-components/cjs/components/Tooltip/hooks/index.js +11 -0
- package/styled-components/cjs/components/Tooltip/hooks/useDelayedTooltip.js +93 -0
- package/styled-components/cjs/components/Tree/Tree.js +7 -2
- package/styled-components/cjs/components/Tree/Tree.styles.js +13 -10
- package/styled-components/cjs/components/Tree/Tree.tokens.js +2 -1
- package/styled-components/cjs/components/_Icon/Icon.assets/DotsHorizontalOutline.js +56 -0
- package/styled-components/cjs/components/_Icon/Icons/IconClose.js +2 -1
- package/styled-components/cjs/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/styled-components/cjs/components/_Icon/Icons/IconDotsHorizontalOutline.js +29 -0
- package/styled-components/cjs/components/_Icon/index.js +4 -0
- package/styled-components/cjs/examples/components/Calendar/CalendarBase.config.js +8 -4
- package/styled-components/cjs/examples/components/Calendar/CalendarDouble.config.js +8 -4
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +21 -0
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +8 -4
- package/styled-components/cjs/examples/components/NavigationDrawer/NavigationDrawer.config.js +91 -0
- package/styled-components/cjs/examples/components/NavigationDrawer/NavigationDrawer.js +15 -0
- package/styled-components/cjs/examples/components/Tabs/TabItem.js +56 -3
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +161 -0
- package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +27 -18
- package/styled-components/cjs/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +80 -0
- package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +12 -8
- package/styled-components/cjs/index.js +1 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.js +3 -1
- package/styled-components/es/components/Autocomplete/FloatingPopover.js +31 -4
- package/styled-components/es/components/Calendar/Calendar.tokens.js +1 -0
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -3
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +1 -0
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/styled-components/es/components/Drawer/Drawer.styles.js +3 -3
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.js +121 -0
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.styles.js +66 -0
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.tokens.js +69 -0
- package/styled-components/es/components/NavigationDrawer/NavigationDrawer.types.js +1 -0
- package/styled-components/es/components/NavigationDrawer/index.js +2 -0
- package/styled-components/es/components/NavigationDrawer/ui/MenuItem/MenuItem.js +29 -0
- package/styled-components/es/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.js +87 -0
- package/styled-components/es/components/NavigationDrawer/ui/MenuItem/MenuItem.types.js +1 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/Section.js +158 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/Section.styles.js +55 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/Section.types.js +1 -0
- package/styled-components/es/components/NavigationDrawer/ui/Section/index.js +1 -0
- package/styled-components/es/components/NavigationDrawer/variations/_size/base.js +4 -0
- package/styled-components/es/components/NavigationDrawer/variations/_view/base.js +4 -0
- package/styled-components/es/components/Popup/Popup.js +6 -63
- package/styled-components/es/components/Popup/ui/Draggable/Draggable.js +19 -0
- package/styled-components/es/components/Popup/ui/Resizable/Resizable.js +63 -0
- package/styled-components/es/components/Popup/ui/index.js +2 -0
- package/styled-components/es/components/Tabs/hooks/useTabItem.js +88 -0
- package/styled-components/es/components/Tabs/index.js +2 -0
- package/styled-components/es/components/Tabs/tokens.js +2 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.js +134 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.js +30 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.js +10 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.js +8 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.js +21 -0
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.js +16 -68
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js +11 -4
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +5 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.js +131 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.js +30 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.js +10 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.js +8 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.js +19 -0
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.js +17 -68
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js +11 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +5 -3
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.js +4 -4
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base.js +1 -1
- package/styled-components/es/components/Tooltip/Tooltip.js +19 -41
- package/styled-components/es/components/Tooltip/hooks/index.js +1 -0
- package/styled-components/es/components/Tooltip/hooks/useDelayedTooltip.js +83 -0
- package/styled-components/es/components/Tree/Tree.js +7 -2
- package/styled-components/es/components/Tree/Tree.styles.js +13 -10
- package/styled-components/es/components/Tree/Tree.tokens.js +2 -1
- package/styled-components/es/components/_Icon/Icon.assets/DotsHorizontalOutline.js +41 -0
- package/styled-components/es/components/_Icon/Icons/IconClose.js +2 -1
- package/styled-components/es/components/_Icon/Icons/IconDisclosureLeft.js +63 -4
- package/styled-components/es/components/_Icon/Icons/IconDotsHorizontalOutline.js +14 -0
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/examples/components/Calendar/CalendarBase.config.js +8 -4
- package/styled-components/es/examples/components/Calendar/CalendarDouble.config.js +8 -4
- package/styled-components/es/examples/components/Chip/Chip.config.js +21 -0
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +8 -4
- package/styled-components/es/examples/components/NavigationDrawer/NavigationDrawer.config.js +81 -0
- package/styled-components/es/examples/components/NavigationDrawer/NavigationDrawer.js +7 -0
- package/styled-components/es/examples/components/Tabs/TabItem.js +46 -1
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.js +151 -0
- package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +27 -18
- package/styled-components/es/examples/components/Tabs/vertical/VerticalIconTabItem.config.js +70 -0
- package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +12 -8
- package/styled-components/es/index.js +1 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +6 -0
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Calendar/Calendar.tokens.d.ts +1 -0
- package/types/components/Calendar/Calendar.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +1 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
- package/types/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/types/components/NavigationDrawer/NavigationDrawer.d.ts +22 -0
- package/types/components/NavigationDrawer/NavigationDrawer.d.ts.map +1 -0
- package/types/components/NavigationDrawer/NavigationDrawer.styles.d.ts +5 -0
- package/types/components/NavigationDrawer/NavigationDrawer.styles.d.ts.map +1 -0
- package/types/components/NavigationDrawer/NavigationDrawer.tokens.d.ts +62 -0
- package/types/components/NavigationDrawer/NavigationDrawer.tokens.d.ts.map +1 -0
- package/types/components/NavigationDrawer/NavigationDrawer.types.d.ts +115 -0
- package/types/components/NavigationDrawer/NavigationDrawer.types.d.ts.map +1 -0
- package/types/components/NavigationDrawer/index.d.ts +4 -0
- package/types/components/NavigationDrawer/index.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.d.ts +4 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.d.ts +8 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.styles.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.types.d.ts +7 -0
- package/types/components/NavigationDrawer/ui/MenuItem/MenuItem.types.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/Section.d.ts +3 -0
- package/types/components/NavigationDrawer/ui/Section/Section.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/Section.styles.d.ts +7 -0
- package/types/components/NavigationDrawer/ui/Section/Section.styles.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/Section.types.d.ts +10 -0
- package/types/components/NavigationDrawer/ui/Section/Section.types.d.ts.map +1 -0
- package/types/components/NavigationDrawer/ui/Section/index.d.ts +3 -0
- package/types/components/NavigationDrawer/ui/Section/index.d.ts.map +1 -0
- package/types/components/NavigationDrawer/variations/_size/base.d.ts +2 -0
- package/types/components/NavigationDrawer/variations/_size/base.d.ts.map +1 -0
- package/types/components/NavigationDrawer/variations/_view/base.d.ts +2 -0
- package/types/components/NavigationDrawer/variations/_view/base.d.ts.map +1 -0
- package/types/components/Popup/Popup.d.ts.map +1 -1
- package/types/components/Popup/ui/Draggable/Draggable.d.ts +6 -0
- package/types/components/Popup/ui/Draggable/Draggable.d.ts.map +1 -0
- package/types/components/Popup/ui/Resizable/Resizable.d.ts +7 -0
- package/types/components/Popup/ui/Resizable/Resizable.d.ts.map +1 -0
- package/types/components/Popup/ui/index.d.ts +3 -0
- package/types/components/Popup/ui/index.d.ts.map +1 -0
- package/types/components/Tabs/TabItem.types.d.ts +46 -1
- package/types/components/Tabs/TabItem.types.d.ts.map +1 -1
- package/types/components/Tabs/hooks/useTabItem.d.ts +19 -0
- package/types/components/Tabs/hooks/useTabItem.d.ts.map +1 -0
- package/types/components/Tabs/index.d.ts +3 -1
- package/types/components/Tabs/index.d.ts.map +1 -1
- package/types/components/Tabs/tokens.d.ts +1 -0
- package/types/components/Tabs/tokens.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts +26 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.d.ts +4 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/HorizontalIconTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/horizontal/HorizontalIconTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts +2 -2
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts +1 -0
- package/types/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts +26 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.d.ts +4 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/VerticalIconTabItem.styles.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_size/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.d.ts +2 -0
- package/types/components/Tabs/ui/vertical/VerticalIconTabItem/variations/_view/base.d.ts.map +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts +1 -0
- package/types/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.styles.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/types/components/Tooltip/Tooltip.types.d.ts +31 -20
- package/types/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/types/components/Tooltip/hooks/index.d.ts +2 -0
- package/types/components/Tooltip/hooks/index.d.ts.map +1 -0
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts +7 -0
- package/types/components/Tooltip/hooks/useDelayedTooltip.d.ts.map +1 -0
- package/types/components/Tree/Tree.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.tokens.d.ts +1 -0
- package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
- package/types/components/Tree/Tree.types.d.ts +11 -4
- package/types/components/Tree/Tree.types.d.ts.map +1 -1
- package/types/components/_Icon/Icon.assets/DotsHorizontalOutline.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/DotsHorizontalOutline.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconClose.d.ts.map +1 -1
- package/types/components/_Icon/Icons/IconDotsHorizontalOutline.d.ts +4 -0
- package/types/components/_Icon/Icons/IconDotsHorizontalOutline.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +8 -0
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarBase.config.d.ts.map +1 -1
- package/types/examples/components/Calendar/CalendarDouble.config.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.config.d.ts +1 -0
- package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.d.ts +1 -0
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/NavigationDrawer/NavigationDrawer.config.d.ts +16 -0
- package/types/examples/components/NavigationDrawer/NavigationDrawer.config.d.ts.map +1 -0
- package/types/examples/components/NavigationDrawer/NavigationDrawer.d.ts +45 -0
- package/types/examples/components/NavigationDrawer/NavigationDrawer.d.ts.map +1 -0
- package/types/examples/components/Tabs/TabItem.d.ts +41 -3
- package/types/examples/components/Tabs/TabItem.d.ts.map +1 -1
- package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts +29 -0
- package/types/examples/components/Tabs/horizontal/HorizontalIconTabItem.config.d.ts.map +1 -0
- package/types/examples/components/Tabs/horizontal/HorizontalTabItem.config.d.ts.map +1 -1
- package/types/examples/components/Tabs/vertical/VerticalIconTabItem.config.d.ts +21 -0
- package/types/examples/components/Tabs/vertical/VerticalIconTabItem.config.d.ts.map +1 -0
- package/types/examples/components/Tabs/vertical/VerticalTabItem.config.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Drawer/Drawer.styles_11rwbjh.css +0 -2
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1oadm5t.css +0 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1tc3j1u.css +0 -5
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/cjs/components/Tree/Tree.styles_1w91oy6.css +0 -7
- package/es/components/Drawer/Drawer.styles_11rwbjh.css +0 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles_1oadm5t.css +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles_1tc3j1u.css +0 -5
- package/es/components/Tabs/ui/vertical/VerticalTabs/variations/_view/base_rze03c.css +0 -1
- package/es/components/Tree/Tree.styles_1w91oy6.css +0 -7
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
.CalendarDouble_styles_dt34s7_s1y1gz42__f73ec5c1{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
|
64
64
|
.CalendarDouble_styles_dt34s7_s7fv2hn__f73ec5c1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;}
|
|
65
65
|
|
|
66
|
-
.
|
|
67
|
-
.
|
|
66
|
+
.DatePickerBase_styles_1fnt3hc_s1ywkx25__4bedcfde{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
|
|
67
|
+
.DatePickerBase_styles_1fnt3hc_i1kteo3u__4bedcfde{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
68
68
|
|
|
69
69
|
.base_nqbt5h_bxpb4df__bce36654 .base_nqbt5h_ls94ai0__bce36654{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
|
|
70
70
|
|
|
@@ -170,5 +170,5 @@
|
|
|
170
170
|
.RangeDate_styles_1q1mn0z_b1x6qh3t__e51c9c3a{display:inline-block;}.RangeDate_styles_1q1mn0z_b1x6qh3t__e51c9c3a .RangeDate_styles_1q1mn0z_popoverWrapper__e51c9c3a,.RangeDate_styles_1q1mn0z_b1x6qh3t__e51c9c3a .RangeDate_styles_1q1mn0z_popoverTarget__e51c9c3a{width:inherit;}.RangeDate_styles_1q1mn0z_b1x6qh3t__e51c9c3a.RangeDate_styles_1q1mn0z_datePickerStretched__e51c9c3a{width:100%;}.RangeDate_styles_1q1mn0z_b1x6qh3t__e51c9c3a.RangeDate_styles_1q1mn0z_datePickerStretched__e51c9c3a .RangeDate_styles_1q1mn0z_popoverRoot__e51c9c3a,.RangeDate_styles_1q1mn0z_b1x6qh3t__e51c9c3a.RangeDate_styles_1q1mn0z_datePickerStretched__e51c9c3a .RangeDate_styles_1q1mn0z_s1sos0hp__e51c9c3a{width:100%;}
|
|
171
171
|
.RangeDate_styles_1q1mn0z_ls94ai0__e51c9c3a{color:var(--plasma-date-picker__left-helper-color);}.RangeDate_styles_1q1mn0z_ls94ai0__e51c9c3a.RangeDate_styles_1q1mn0z_datePickerError__e51c9c3a{color:var(--plasma-date-picker__left-helper-color-error);}.RangeDate_styles_1q1mn0z_ls94ai0__e51c9c3a.RangeDate_styles_1q1mn0z_datePickerSuccess__e51c9c3a{color:var(--plasma-date-picker__left-helper-color-success);}
|
|
172
172
|
|
|
173
|
-
.
|
|
174
|
-
.
|
|
173
|
+
.RangeDatePopover_styles_160e4y4_s1ld9lms__852e000b{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
|
|
174
|
+
.RangeDatePopover_styles_160e4y4_s1rn242y__852e000b{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
|
|
@@ -159,5 +159,5 @@
|
|
|
159
159
|
.CalendarDouble_styles_dt34s7_s1y1gz42__f73ec5c1{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
|
160
160
|
.CalendarDouble_styles_dt34s7_s7fv2hn__f73ec5c1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;}
|
|
161
161
|
|
|
162
|
-
.
|
|
163
|
-
.
|
|
162
|
+
.RangeDatePopover_styles_160e4y4_s1ld9lms__852e000b{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
|
|
163
|
+
.RangeDatePopover_styles_160e4y4_s1rn242y__852e000b{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './RangeDatePopover.
|
|
1
|
+
import './RangeDatePopover.styles_160e4y4.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { pivateTokens, tokens } from '../../DatePicker.tokens.js';
|
|
4
4
|
import { withRange } from '../../../Calendar/hoc/withRange.js';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.s1ld9lms{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
|
|
2
|
-
.s1rn242y{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
|
|
1
|
+
.s1ld9lms{--plasma-calendar-separator-background:var(--plasma-date-picker-calendar__separator-background);padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);--plasma_private-calendar-double-width:calc(var(--plasma-date-picker-calendar-container-width) * 2 + 2.063rem);width:var(--s1ld9lms-0);height:var(--s1ld9lms-1);}
|
|
2
|
+
.s1rn242y{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1rn242y-0);height:var(--s1rn242y-1);}
|
|
@@ -61,8 +61,8 @@
|
|
|
61
61
|
.CalendarDouble_styles_dt34s7_s1y1gz42__f73ec5c1{background-color:var(--plasma-calendar-separator-background);min-width:0.063rem;margin:0.5rem 1rem 0 1rem;}
|
|
62
62
|
.CalendarDouble_styles_dt34s7_s7fv2hn__f73ec5c1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;}
|
|
63
63
|
|
|
64
|
-
.
|
|
65
|
-
.
|
|
64
|
+
.DatePickerBase_styles_1fnt3hc_s1ywkx25__4bedcfde{padding-top:var(--plasma-date-picker-calendar-padding-top);box-shadow:var(--plasma-date-picker-calendar-shadow);border-radius:var(--plasma-date-picker-calendar-border-radius);margin-top:var(--plasma-date-picker-calendar-margin-top);--plasma-calendar-background:var(--plasma-date-picker-calendar__background-color);--plasma-calendar-selected-item-background:var(--plasma-date-picker-calendar__selected-item-background);--plasma-calendar-selected-item-color:var(--plasma-date-picker-calendar__selected-item-color);--plasma-calendar-selectable-item-bg-hover:var(--plasma-date-picker-calendar__selectable-item-background-hover);--plasma-calendar-current-item-border-color:var(--plasma-date-picker-calendar__current-item-border-color);--plasma-calendar-current-item-border-width:var(--plasma-date-picker-calendar__current-item-border-width);--plasma-calendar-current-item-bg-hover:var(--plasma-date-picker-calendar__current-item-background-hover);--plasma-calendar-current-item-color-hover:var(--plasma-date-picker-calendar__current-item-color-hover);--plasma-calendar-current-item-child-bg-hover:var(--plasma-date-picker-calendar__current-item-child-background-hover);--plasma-calendar-active-item-bg:var(--plasma-date-picker-calendar__active-item-background);--plasma-calendar-active-item-color:var(--plasma-date-picker-calendar__active-item-color);--plasma-calendar-hovered-item-bg:var(--plasma-date-picker-calendar__hovered-item-background);--plasma-calendar-hovered-item-color:var(--plasma-date-picker-calendar__hovered-item-color);--plasma-calendar-range-background:var(--plasma-date-picker-calendar__range-background);--plasma-calendar-outline-focus-color:var(--plasma-date-picker-calendar__outline-focus-color);--plasma-calendar-content-primary-color:var(--plasma-date-picker-calendar__content-primary-color);--plasma-calendar-content-primary-disabled-color:var(--plasma-date-picker-calendar__content-primary-disabled-color);--plasma-calendar-content-secondary-color:var(--plasma-date-picker-calendar__content-secondary-color);--plasma-calendar-content-secondary-disabled-color:var(--plasma-date-picker-calendar__content-secondary-disabled-color);--plasma-calendar-disabled-opacity:var(--plasma-date-picker-calendar__disabled-opacity);--plasma-calendar-icon-button-color:var(--plasma-date-picker-icon-button__color);--plasma-calendar-icon-button-background:var(--plasma-date-picker-icon-button__background-color);--plasma-calendar-icon-button-color-hover:var(--plasma-date-picker-icon-button__color-hover);--plasma-calendar-icon-button-background-hover:var(--plasma-date-picker-icon-button__background-color-hover);--plasma-calendar-icon-button-color-active:var(--plasma-date-picker-icon-button__color-active);--plasma-calendar-icon-button-background-active:var(--plasma-date-picker-icon-button__background-color-active);--plasma-calendar-border-width:var(--plasma-date-picker-calendar-border-width);--plasma-calendar-border-color:var(--plasma-date-picker-calendar-border-color);--plasma-calendar-years-padding:var(--plasma-date-picker-calendar__years-padding);--plasma-calendar-year-item-border-radius:var(--plasma-date-picker-calendar__year-item-border-radius);--plasma-calendar-year-font-family:var(--plasma-date-picker-calendar__year-font-family);--plasma-calendar-year-font-size:var(--plasma-date-picker-calendar__year-font-size);--plasma-calendar-year-font-style:var(--plasma-date-picker-calendar__year-font-style);--plasma-calendar-year-font-letter-spacing:var(--plasma-date-picker-calendar__year-letter-spacing);--plasma-calendar-year-line-height:var(--plasma-date-picker-calendar__year-line-height);--plasma-calendar-year-font-weight:var(--plasma-date-picker-calendar__year-font-weight);--plasma-calendar-year-selected-font-weight:var(--plasma-date-picker-calendar__year-selected-font-weight);--plasma-calendar-months-padding:var(--plasma-date-picker-calendar__months-padding);--plasma-calendar-month-item-border-radius:var(--plasma-date-picker-calendar__month-item-border-radius);--plasma-calendar-month-font-family:var(--plasma-date-picker-calendar__month-font-family);--plasma-calendar-month-font-size:var(--plasma-date-picker-calendar__month-font-size);--plasma-calendar-month-font-style:var(--plasma-date-picker-calendar__month-font-style);--plasma-calendar-month-font-letter-spacing:var(--plasma-date-picker-calendar__month-letter-spacing);--plasma-calendar-month-line-height:var(--plasma-date-picker-calendar__month-line-height);--plasma-calendar-month-font-weight:var(--plasma-date-picker-calendar__month-font-weight);--plasma-calendar-month-selected-font-weight:var(--plasma-date-picker-calendar__month-selected-font-weight);--plasma-calendar-quarters-padding:var(--plasma-date-picker-calendar__quarters-padding);--plasma-calendar-quarter-item-border-radius:var(--plasma-date-picker-calendar__quarter-item-border-radius);--plasma-calendar-quarter-font-family:var(--plasma-date-picker-calendar__quarter-font-family);--plasma-calendar-quarter-font-size:var(--plasma-date-picker-calendar__quarter-font-size);--plasma-calendar-quarter-font-style:var(--plasma-date-picker-calendar__quarter-font-style);--plasma-calendar-quarter-font-letter-spacing:var(--plasma-date-picker-calendar__quarter-letter-spacing);--plasma-calendar-quarter-line-height:var(--plasma-date-picker-calendar__quarter-line-height);--plasma-calendar-quarter-font-weight:var(--plasma-date-picker-calendar__quarter-font-weight);--plasma-calendar-quarter-selected-font-weight:var(--plasma-date-picker-calendar__quarter-selected-font-weight);--plasma-calendar-days-padding:var(--plasma-date-picker-calendar__days-padding);--plasma-calendar-day-item-border-radius:var(--plasma-date-picker-calendar__day-item-border-radius);--plasma-calendar-day-font-family:var(--plasma-date-picker-calendar__day-font-family);--plasma-calendar-day-font-size:var(--plasma-date-picker-calendar__day-font-size);--plasma-calendar-day-font-style:var(--plasma-date-picker-calendar__day-font-style);--plasma-calendar-day-font-letter-spacing:var(--plasma-date-picker-calendar__day-letter-spacing);--plasma-calendar-day-line-height:var(--plasma-date-picker-calendar__day-line-height);--plasma-calendar-day-font-weight:var(--plasma-date-picker-calendar__day-font-weight);--plasma-calendar-day-selected-font-weight:var(--plasma-date-picker-calendar__day-selected-font-weight);--plasma-calendar-day-of-the-week-color:var(--plasma-date-picker-calendar__day-of-week-color);--plasma-calendar-header-wrapper-padding:var(--plasma-date-picker-calendar__header-wrapper-padding);--plasma-calendar-arrow-container-gap:var(--plasma-date-picker-calendar__header-arrow-gap);--plasma-calendar-arrow-container-padding:var(--plasma-date-picker-calendar__header-arrow-padding);--plasma-calendar-header-padding:var(--plasma-date-picker-calendar__header-padding);--plasma-calendar-header-date-gap:var(--plasma-date-picker-calendar__header-date-gap);--plasma-calendar-header-font-family:var(--plasma-date-picker-calendar__header-font-family);--plasma-calendar-header-font-size:var(--plasma-date-picker-calendar__header-font-size);--plasma-calendar-header-font-style:var(--plasma-date-picker-calendar__header-font-style);--plasma-calendar-header-font-letter-spacing:var(--plasma-date-picker-calendar__header-letter-spacing);--plasma-calendar-header-line-height:var(--plasma-date-picker-calendar__header-line-height);--plasma-calendar-header-font-weight:var(--plasma-date-picker-calendar__header-font-weight);--plasma-calendar-header-font-weight-bold:var(--plasma-date-picker-calendar__header-font-weight-bold);--plasma-calendar-header-arrow-color:var(--plasma-date-picker-calendar__header-arrow-color);--plasma-calendar-arrow-custom-size:var(--plasma-date-picker-calendar__header-arrow-custom-size);--plasma-calendar-icon-button-height:var(--plasma-date-picker-icon-button__height);--plasma-calendar-icon-button-width:var(--plasma-date-picker-icon-button__width);--plasma-calendar-icon-button-padding:var(--plasma-date-picker-icon-button__padding);--plasma-calendar-icon-button-radius:var(--plasma-date-picker-icon-button__radius);--plasma-calendar-icon-button-focus-color:var(--plasma-date-picker-icon-button__focus-color);width:var(--s1ywkx25-0);height:var(--s1ywkx25-1);}
|
|
65
|
+
.DatePickerBase_styles_1fnt3hc_i1kteo3u__4bedcfde{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
|
|
66
66
|
|
|
67
67
|
.base_7jkj6y_bjvjzuw__b181462e .base_7jkj6y_lvfqi8__b181462e{margin:var(--plasma-date-picker__left-helper-offset);font-family:var(--plasma-date-picker__left-helper-font-family);font-size:var(--plasma-date-picker__left-helper-font-size);font-style:var(--plasma-date-picker__left-helper-font-style);font-weight:var(--plasma-date-picker__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);line-height:var(--plasma-date-picker__left-helper-line-height);}
|
|
68
68
|
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
|
|
60
60
|
.base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
|
|
61
61
|
|
|
62
|
-
.
|
|
63
|
-
.
|
|
62
|
+
.Drawer_styles_h5od79_s1ewnow2__f99f45af{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
|
|
63
|
+
.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeInSv7q57r__f99f45af 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_drawerOverlay__f99f45af{-webkit-animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@keyframes Drawer_styles_h5od79_fadeInSv7q57r__f99f45af{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}@keyframes Drawer_styles_h5od79_fadeOutSv7q57r__f99f45af{from{opacity:1;}to{opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af,.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerRightPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_rightShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_rightHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerBottomPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_bottomShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes Drawer_styles_h5od79_bottomHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerLeftPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes Drawer_styles_h5od79_leftShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes Drawer_styles_h5od79_leftHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af 0.2s forwards;}.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_sv7q57r__f99f45af.Drawer_styles_h5od79_drawerTopPlacement__f99f45af.Drawer_styles_h5od79_popupEndAnimation__f99f45af .Drawer_styles_h5od79_popupBaseRoot__f99f45af{-webkit-animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;animation:Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af 0.2s forwards;}@-webkit-keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes Drawer_styles_h5od79_topShowAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes Drawer_styles_h5od79_topHideAnimationSv7q57r__f99f45af{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n right: {\n show: {\n start: 'translate(100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(100%, -50%)',\n },\n },\n bottom: {\n show: {\n start: 'translate(-50%, 100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, 100%)',\n },\n },\n left: {\n show: {\n start: 'translate(-100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(-100%, -50%)',\n },\n },\n top: {\n show: {\n start: 'translate(-50%, -100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, -100%)',\n },\n },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n &.${classes[`${placement}Placement` as keyof typeof classes]} {\n && .${popupClasses.root} {\n animation: ${placement}ShowAnimation 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${popupClasses.root} {\n animation: ${placement}HideAnimation 0.2s forwards;\n }\n\n @keyframes ${placement}ShowAnimation {\n 0% {\n transform: ${animationVariants[placement].show.start};\n opacity: 0;\n }\n\n 100% {\n transform: ${animationVariants[placement].show.end};\n opacity: 1;\n }\n }\n\n @keyframes ${placement}HideAnimation {\n 0% {\n transform: ${animationVariants[placement].hide.start};\n opacity: 1;\n }\n\n 100% {\n transform: ${animationVariants[placement].hide.end};\n opacity: 0;\n }\n }\n }\n `;\n\nconst getAnimationStyles = () => {\n return Object.keys(animationVariants).reduce((acc, placement) => {\n acc += templateAnimationStyle(placement as DrawerPlacement);\n return acc;\n }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n placement: DrawerPlacement;\n width?: number | string;\n height?: number | string;\n}>`\n &&.${classes.overlay} {\n animation: fadeIn 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${classes.overlay} {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .${popupClasses.root}, && .${popupClasses.root} > div {\n width: ${({ width }) => width || 'auto'};\n height: ${({ height }) => height || 'auto'};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","_ref","width","_exp11","_ref2","height","StyledPopup","vars"],"mappings":";;;;;AASA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,KAAK,gBAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAXnBA,SAWmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHJ,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,IAAAC,KAAA,GArGgBA,SAqGhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCR,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,MAAA,GAvGrBA,SAuGqBA,MAAAA,GAAA;AAAA,EAAA,
|
|
1
|
+
{"version":3,"file":"Drawer.styles.js","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../engines';\nimport { popupClasses, popupConfig } from '../Popup';\nimport { panelTokens, panelConfig } from '../Panel';\n\nimport type { DrawerPlacement } from './Drawer.types';\nimport { classes, tokens } from './Drawer.tokens';\n\nconst mergedPanelConfig = mergeConfig(panelConfig);\nconst Panel = component(mergedPanelConfig);\n\nconst Popup = component(popupConfig);\n\nconst animationVariants = {\n right: {\n show: {\n start: 'translate(100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(100%, -50%)',\n },\n },\n bottom: {\n show: {\n start: 'translate(-50%, 100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, 100%)',\n },\n },\n left: {\n show: {\n start: 'translate(-100%, -50%)',\n end: 'translate(0, -50%)',\n },\n hide: {\n start: 'translate(0, -50%)',\n end: 'translate(-100%, -50%)',\n },\n },\n top: {\n show: {\n start: 'translate(-50%, -100%)',\n end: 'translate(-50%, 0)',\n },\n hide: {\n start: 'translate(-50%, 0)',\n end: 'translate(-50%, -100%)',\n },\n },\n};\n\nconst templateAnimationStyle = (placement: DrawerPlacement) => `\n &.${classes[`${placement}Placement` as keyof typeof classes]} {\n && .${popupClasses.root} {\n animation: ${placement}ShowAnimation 0.2s forwards;\n }\n\n &&.${popupClasses.endAnimation} .${popupClasses.root} {\n animation: ${placement}HideAnimation 0.2s forwards;\n }\n\n @keyframes ${placement}ShowAnimation {\n 0% {\n transform: ${animationVariants[placement].show.start};\n opacity: 0;\n }\n\n 100% {\n transform: ${animationVariants[placement].show.end};\n opacity: 1;\n }\n }\n\n @keyframes ${placement}HideAnimation {\n 0% {\n transform: ${animationVariants[placement].hide.start};\n opacity: 1;\n }\n\n 100% {\n transform: ${animationVariants[placement].hide.end};\n opacity: 0;\n }\n }\n }\n `;\n\nconst getAnimationStyles = () => {\n return Object.keys(animationVariants).reduce((acc, placement) => {\n acc += templateAnimationStyle(placement as DrawerPlacement);\n return acc;\n }, '');\n};\n\nexport const StyledPanel = styled(Panel)`\n ${panelTokens.closeColor}: var(${tokens.closeIconColor});\n`;\n\nexport const StyledPopup = styled(Popup)<{\n placement: DrawerPlacement;\n width?: number | string;\n height?: number | string;\n}>`\n &&.${classes.overlay} {\n animation: fadeIn 0.2s forwards;\n scrollbar-gutter: stable;\n }\n\n &&.${popupClasses.endAnimation} .${classes.overlay} {\n animation: fadeOut 0.2s forwards;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n\n @keyframes fadeOut {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n }\n\n && .${popupClasses.root}, && .${popupClasses.root} > div {\n width: ${({ width }) => width || 'auto'};\n height: ${({ height }) => height || 'auto'};\n }\n\n ${getAnimationStyles()}\n`;\n"],"names":["mergedPanelConfig","mergeConfig","panelConfig","Panel","component","Popup","popupConfig","_exp","StyledPanel","styled","name","class","propsAsIs","_exp4","_exp10","_ref","width","_exp11","_ref2","height","StyledPopup","vars"],"mappings":";;;;;AASA,IAAMA,iBAAiB,gBAAGC,WAAW,CAACC,WAAW,CAAC,CAAA;AAClD,IAAMC,KAAK,gBAAGC,SAAS,CAACJ,iBAAiB,CAAC,CAAA;AAE1C,IAAMK,KAAK,gBAAGD,SAAS,CAACE,WAAW,CAAC,CAAA;AAAC,IAAAC,IAAA,GAXnBA,SAWmBA,IAAAA,GAAA;AAAA,EAAA,OAwFHJ,KAAK,CAAA;AAAA,CAAA,CAAA;AAAhC,IAAMK,WAAW,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAEhC,EAAA;AAAC,IAAAC,KAAA,GArGgBA,SAqGhBA,KAAAA,GAAA;AAAA,EAAA,OAEgCR,KAAK,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAS,MAAA,GAvGrBA,SAuGqBA,MAAAA,GAAA;AAAA,EAAA,OAmCtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAAYA,KAAK,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA1I7BA,SA0I6BA,MAAAA,GAAA;AAAA,EAAA,OAC7B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AApC3C,IAAMC,WAAW,gBAAGX,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAmChBP,MAA8B,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC7BG,MAAgC,EAAA,CAAA;AAAA,GAAA;AAAA,CAIjD;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.s1ewnow2{--plasma-panel-close-color:var(--plasma-drawer-close-icon-color);}
|
|
2
|
+
.sv7q57r.sv7q57r.drawer-overlay{-webkit-animation:fadeIn-sv7q57r 0.2s forwards;animation:fadeIn-sv7q57r 0.2s forwards;-webkit-scrollbar-gutter:stable;-moz-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;}.sv7q57r.sv7q57r.popup-end-animation .drawer-overlay{-webkit-animation:fadeOut-sv7q57r 0.2s forwards;animation:fadeOut-sv7q57r 0.2s forwards;}@-webkit-keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn-sv7q57r{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut-sv7q57r{from{opacity:1;}to{opacity:0;}}.sv7q57r.sv7q57r .popup-base-root,.sv7q57r.sv7q57r .popup-base-root > div{width:var(--sv7q57r-0);height:var(--sv7q57r-1);}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement .popup-base-root{-webkit-animation:rightShowAnimation-sv7q57r 0.2s forwards;animation:rightShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-right-placement.sv7q57r.drawer-right-placement.popup-end-animation .popup-base-root{-webkit-animation:rightHideAnimation-sv7q57r 0.2s forwards;animation:rightHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes rightShowAnimation-sv7q57r{0%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}@keyframes rightHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);transform:translate(100%,-50%);opacity:0;}}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement .popup-base-root{-webkit-animation:bottomShowAnimation-sv7q57r 0.2s forwards;animation:bottomShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-bottom-placement.sv7q57r.drawer-bottom-placement.popup-end-animation .popup-base-root{-webkit-animation:bottomHideAnimation-sv7q57r 0.2s forwards;animation:bottomHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes bottomShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}@keyframes bottomHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,100%);-ms-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0;}}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement .popup-base-root{-webkit-animation:leftShowAnimation-sv7q57r 0.2s forwards;animation:leftShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-left-placement.sv7q57r.drawer-left-placement.popup-end-animation .popup-base-root{-webkit-animation:leftHideAnimation-sv7q57r 0.2s forwards;animation:leftHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@keyframes leftShowAnimation-sv7q57r{0%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}100%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}}@-webkit-keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}@keyframes leftHideAnimation-sv7q57r{0%{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);opacity:1;}100%{-webkit-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);transform:translate(-100%,-50%);opacity:0;}}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement .popup-base-root{-webkit-animation:topShowAnimation-sv7q57r 0.2s forwards;animation:topShowAnimation-sv7q57r 0.2s forwards;}.sv7q57r.drawer-top-placement.sv7q57r.drawer-top-placement.popup-end-animation .popup-base-root{-webkit-animation:topHideAnimation-sv7q57r 0.2s forwards;animation:topHideAnimation-sv7q57r 0.2s forwards;}@-webkit-keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@keyframes topShowAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}100%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}}@-webkit-keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}@keyframes topHideAnimation-sv7q57r{0%{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;}100%{-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0;}}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import './NavigationDrawer_x642ct.css';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import cls from 'classnames';
|
|
5
|
+
import { styled } from '@linaria/react';
|
|
6
|
+
import { base as base$2 } from './variations/_view/base.js';
|
|
7
|
+
import { base as base$1 } from './variations/_size/base.js';
|
|
8
|
+
import { Footer, Overlay, Content, base } from './NavigationDrawer.styles.js';
|
|
9
|
+
import { classes } from './NavigationDrawer.tokens.js';
|
|
10
|
+
import { Section } from './ui/Section/Section.js';
|
|
11
|
+
|
|
12
|
+
var _excluded = ["opened", "header", "sections", "footer", "withContentLeft", "mode", "onHide", "children"];
|
|
13
|
+
var Wrapper = /*#__PURE__*/styled('div')({
|
|
14
|
+
name: "Wrapper",
|
|
15
|
+
"class": "w7rhr0c",
|
|
16
|
+
propsAsIs: false
|
|
17
|
+
});
|
|
18
|
+
var navigationDrawerRoot = function navigationDrawerRoot(Root) {
|
|
19
|
+
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
20
|
+
var _props$opened = props.opened,
|
|
21
|
+
opened = _props$opened === void 0 ? true : _props$opened,
|
|
22
|
+
header = props.header,
|
|
23
|
+
sections = props.sections,
|
|
24
|
+
footer = props.footer,
|
|
25
|
+
_props$withContentLef = props.withContentLeft,
|
|
26
|
+
withContentLeft = _props$withContentLef === void 0 ? true : _props$withContentLef,
|
|
27
|
+
_props$mode = props.mode,
|
|
28
|
+
mode = _props$mode === void 0 ? 'static' : _props$mode,
|
|
29
|
+
onHide = props.onHide,
|
|
30
|
+
children = props.children,
|
|
31
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
32
|
+
var isOpen = opened || !withContentLeft;
|
|
33
|
+
var isOverlay = mode === 'overlay' || mode === 'drawer';
|
|
34
|
+
return /*#__PURE__*/React.createElement(Root, _extends({
|
|
35
|
+
ref: ref
|
|
36
|
+
}, rest), /*#__PURE__*/React.createElement(Wrapper, {
|
|
37
|
+
className: cls(classes.navigationDrawerSidebar, isOverlay && classes.navigationDrawerSidebarOverlay, !isOpen && classes.navigationDrawerSidebarClosed)
|
|
38
|
+
}, header, sections.map(function (_ref, index) {
|
|
39
|
+
var items = _ref.items,
|
|
40
|
+
label = _ref.label,
|
|
41
|
+
hasDivider = _ref.hasDivider;
|
|
42
|
+
return /*#__PURE__*/React.createElement(Section, {
|
|
43
|
+
key: index,
|
|
44
|
+
items: items,
|
|
45
|
+
label: label,
|
|
46
|
+
withContentLeft: withContentLeft,
|
|
47
|
+
isOpen: isOpen,
|
|
48
|
+
hasDivider: hasDivider
|
|
49
|
+
});
|
|
50
|
+
}), footer && /*#__PURE__*/React.createElement(Footer, null, footer)), mode === 'overlay' && opened && /*#__PURE__*/React.createElement(Overlay, {
|
|
51
|
+
onClick: onHide
|
|
52
|
+
}), /*#__PURE__*/React.createElement(Content, {
|
|
53
|
+
className: cls(isOverlay && classes.navigationDrawerContentOverlay)
|
|
54
|
+
}, children));
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
var navigationDrawerConfig = {
|
|
58
|
+
name: 'NavigationDrawer',
|
|
59
|
+
tag: 'div',
|
|
60
|
+
layout: navigationDrawerRoot,
|
|
61
|
+
base: base,
|
|
62
|
+
variations: {
|
|
63
|
+
size: {
|
|
64
|
+
css: base$1
|
|
65
|
+
},
|
|
66
|
+
view: {
|
|
67
|
+
css: base$2
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
defaults: {
|
|
71
|
+
view: 'default'
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
export { navigationDrawerConfig, navigationDrawerRoot };
|
|
76
|
+
//# sourceMappingURL=NavigationDrawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NavigationDrawer.js","sources":["../../../src/components/NavigationDrawer/NavigationDrawer.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\nimport { styled } from '@linaria/react';\n\nimport { RootProps } from '../../engines';\n\nimport { NavigationDrawerProps } from './NavigationDrawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base, Content, Footer, Overlay } from './NavigationDrawer.styles';\nimport { Section } from './ui/Section';\nimport { classes } from './NavigationDrawer.tokens';\n\nconst Wrapper = styled.div``;\n\nexport const navigationDrawerRoot = (\n Root: RootProps<\n HTMLDivElement,\n Omit<NavigationDrawerProps, 'opened' | 'header' | 'sections' | 'footer' | 'withContentLeft' | 'mode' | 'onHide'>\n >,\n) => {\n return forwardRef<HTMLDivElement, NavigationDrawerProps>((props, ref) => {\n const {\n opened = true,\n header,\n sections,\n footer,\n withContentLeft = true,\n mode = 'static',\n onHide,\n children,\n ...rest\n } = props;\n const isOpen = opened || !withContentLeft;\n\n const isOverlay = mode === 'overlay' || mode === 'drawer';\n\n return (\n <Root ref={ref} {...rest}>\n <Wrapper\n className={cls(\n classes.navigationDrawerSidebar,\n isOverlay && classes.navigationDrawerSidebarOverlay,\n !isOpen && classes.navigationDrawerSidebarClosed,\n )}\n >\n {header}\n\n {sections.map(({ items, label, hasDivider }, index) => (\n <Section\n key={index}\n items={items}\n label={label}\n withContentLeft={withContentLeft}\n isOpen={isOpen}\n hasDivider={hasDivider}\n />\n ))}\n\n {footer && <Footer>{footer}</Footer>}\n </Wrapper>\n {mode === 'overlay' && opened && <Overlay onClick={onHide} />}\n <Content className={cls(isOverlay && classes.navigationDrawerContentOverlay)}>{children}</Content>\n </Root>\n );\n });\n};\n\nexport const navigationDrawerConfig = {\n name: 'NavigationDrawer',\n tag: 'div',\n layout: navigationDrawerRoot,\n base,\n variations: {\n size: {\n css: sizeCSS,\n },\n view: {\n css: viewCSS,\n },\n },\n defaults: {\n view: 'default',\n },\n};\n"],"names":["Wrapper","styled","name","class","propsAsIs","navigationDrawerRoot","Root","forwardRef","props","ref","_props$opened","opened","header","sections","footer","_props$withContentLef","withContentLeft","_props$mode","mode","onHide","children","rest","_excluded","isOpen","isOverlay","React","createElement","_extends","className","cls","classes","navigationDrawerSidebar","navigationDrawerSidebarOverlay","navigationDrawerSidebarClosed","map","_ref","index","items","label","hasDivider","Section","key","Footer","Overlay","onClick","Content","navigationDrawerContentOverlay","navigationDrawerConfig","tag","layout","base","variations","size","css","sizeCSS","view","viewCSS","defaults"],"mappings":";;;;;;;;;;;AAaA,IAAMA,OAAO,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,CAAA,CAAA;IAEfC,oBAAoB,GAAGA,SAAvBA,oBAAoBA,CAC7BC,IAGC,EACA;AACD,EAAA,oBAAOC,UAAU,CAAwC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrE,IAAA,IAAAC,aAAA,GAUIF,KAAK,CATLG,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;MACbE,MAAM,GAQNJ,KAAK,CARLI,MAAM;MACNC,QAAQ,GAORL,KAAK,CAPLK,QAAQ;MACRC,MAAM,GAMNN,KAAK,CANLM,MAAM;MAAAC,qBAAA,GAMNP,KAAK,CALLQ,eAAe;AAAfA,MAAAA,eAAe,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAAAE,WAAA,GAKtBT,KAAK,CAJLU,IAAI;AAAJA,MAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,WAAA;MACfE,MAAM,GAGNX,KAAK,CAHLW,MAAM;MACNC,QAAQ,GAERZ,KAAK,CAFLY,QAAQ;AACLC,MAAAA,IAAAA,GAAAA,wBAAAA,CACHb,KAAK,EAAAc,SAAA,CAAA,CAAA;AACT,IAAA,IAAMC,MAAM,GAAGZ,MAAM,IAAI,CAACK,eAAe,CAAA;IAEzC,IAAMQ,SAAS,GAAGN,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,QAAQ,CAAA;AAEzD,IAAA,oBACIO,KAAA,CAAAC,aAAA,CAACpB,IAAI,EAAAqB,QAAA,CAAA;AAAClB,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKY,IAAI,CACpBI,eAAAA,KAAA,CAAAC,aAAA,CAAC1B,OAAO,EAAA;AACJ4B,MAAAA,SAAS,EAAEC,GAAG,CACVC,OAAO,CAACC,uBAAuB,EAC/BP,SAAS,IAAIM,OAAO,CAACE,8BAA8B,EACnD,CAACT,MAAM,IAAIO,OAAO,CAACG,6BACvB,CAAA;KAECrB,EAAAA,MAAM,EAENC,QAAQ,CAACqB,GAAG,CAAC,UAAAC,IAAA,EAA+BC,KAAK,EAAA;AAAA,MAAA,IAAjCC,KAAK,GAAAF,IAAA,CAALE,KAAK;QAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;QAAEC,UAAAA,GAAAA,IAAAA,CAAAA,UAAAA,CAAAA;AAAAA,MAAAA,oBAC3Bd,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;AACJC,QAAAA,GAAG,EAAEL,KAAM;AACXC,QAAAA,KAAK,EAAEA,KAAM;AACbC,QAAAA,KAAK,EAAEA,KAAM;AACbtB,QAAAA,eAAe,EAAEA,eAAgB;AACjCO,QAAAA,MAAM,EAAEA,MAAO;AACfgB,QAAAA,UAAU,EAAEA,UAAAA;AAAW,QAE9B,CAAA;KAAC,CAAA,EAEDzB,MAAM,iBAAIW,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA,IAAA,EAAE5B,MAAe,CAC9B,CAAA,EACRI,IAAI,KAAK,SAAS,IAAIP,MAAM,iBAAIc,KAAA,CAAAC,aAAA,CAACiB,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAEzB,MAAAA;AAAO,KAAG,CAAA,eAC7DM,KAAA,CAAAC,aAAA,CAACmB,OAAO,EAAA;AAACjB,MAAAA,SAAS,EAAEC,GAAG,CAACL,SAAS,IAAIM,OAAO,CAACgB,8BAA8B,CAAA;KAAI1B,EAAAA,QAAkB,CAC/F,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAM2B,sBAAsB,GAAG;AAClC7C,EAAAA,IAAI,EAAE,kBAAkB;AACxB8C,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE5C,oBAAoB;AAC5B6C,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNF,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import './NavigationDrawer.styles_1fqy1s9.css';
|
|
2
|
+
import { styled } from '@linaria/react';
|
|
3
|
+
|
|
4
|
+
var base = "b1bnt8n8";
|
|
5
|
+
var Content = /*#__PURE__*/styled('div')({
|
|
6
|
+
name: "Content",
|
|
7
|
+
"class": "c19zsnkb",
|
|
8
|
+
propsAsIs: false
|
|
9
|
+
});
|
|
10
|
+
var Overlay = /*#__PURE__*/styled('div')({
|
|
11
|
+
name: "Overlay",
|
|
12
|
+
"class": "ot34geh",
|
|
13
|
+
propsAsIs: false
|
|
14
|
+
});
|
|
15
|
+
var Footer = /*#__PURE__*/styled('div')({
|
|
16
|
+
name: "Footer",
|
|
17
|
+
"class": "fuukt3v",
|
|
18
|
+
propsAsIs: false
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export { Content, Footer, Overlay, base };
|
|
22
|
+
//# sourceMappingURL=NavigationDrawer.styles.js.map
|