@servicetitan/design-system 11.0.0 → 11.3.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/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.js +11 -29
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuGroup.js +8 -26
- package/dist/components/ActionMenu/ActionMenuGroup.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js +16 -33
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/ActionMenu/index.js +1 -13
- package/dist/components/ActionMenu/index.js.map +1 -1
- package/dist/components/Announcement/Announcement.css.map +1 -1
- package/dist/components/Announcement/Announcement.js +14 -32
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/Announcement/index.css.map +1 -1
- package/dist/components/Announcement/index.js +1 -13
- package/dist/components/Announcement/index.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css +86 -0
- package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js +232 -283
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.test.js +12 -28
- package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.js +32 -44
- package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
- package/dist/components/AnvilSelect/components/FocusProvider.js +6 -14
- package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js +38 -55
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.d.ts +4 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js +76 -63
- package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectOptions.js +1 -2
- package/dist/components/AnvilSelect/components/Tree.js +1 -2
- package/dist/components/AnvilSelect/components/Trigger.css +86 -63
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +70 -111
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/AnvilSelect/components/index.js +7 -19
- package/dist/components/AnvilSelect/components/index.js.map +1 -1
- package/dist/components/AnvilSelect/index.css +86 -63
- package/dist/components/AnvilSelect/index.css.map +1 -1
- package/dist/components/AnvilSelect/index.js +2 -14
- package/dist/components/AnvilSelect/index.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusActionType.js +2 -5
- package/dist/components/AnvilSelect/utils/FocusActionType.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FocusContext.js +11 -31
- package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
- package/dist/components/AnvilSelect/utils/FooterAction.js +2 -5
- package/dist/components/AnvilSelect/utils/FooterAction.js.map +1 -1
- package/dist/components/AnvilSelect/utils/focus-utils.js +31 -54
- package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
- package/dist/components/AnvilSelect/utils/index.js +4 -16
- package/dist/components/AnvilSelect/utils/index.js.map +1 -1
- package/dist/components/Avatar/Avatar.css +1 -1
- package/dist/components/Avatar/Avatar.css.map +1 -1
- package/dist/components/Avatar/Avatar.js +36 -54
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.test.js +14 -19
- package/dist/components/Avatar/Avatar.test.js.map +1 -1
- package/dist/components/Avatar/index.css +1 -1
- package/dist/components/Avatar/index.css.map +1 -1
- package/dist/components/Avatar/index.js +1 -13
- package/dist/components/Avatar/index.js.map +1 -1
- package/dist/components/BackLink/BackLink.css.map +1 -1
- package/dist/components/BackLink/BackLink.js +13 -31
- package/dist/components/BackLink/BackLink.js.map +1 -1
- package/dist/components/BackLink/BackLink.test.js +11 -16
- package/dist/components/BackLink/BackLink.test.js.map +1 -1
- package/dist/components/BackLink/index.css.map +1 -1
- package/dist/components/BackLink/index.js +1 -13
- package/dist/components/BackLink/index.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.js +14 -32
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.js +1 -13
- package/dist/components/Backdrop/index.js.map +1 -1
- package/dist/components/Banner/Banner.css +15 -15
- package/dist/components/Banner/Banner.css.map +1 -1
- package/dist/components/Banner/Banner.js +19 -37
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Banner/index.css +15 -15
- package/dist/components/Banner/index.css.map +1 -1
- package/dist/components/Banner/index.js +1 -13
- package/dist/components/Banner/index.js.map +1 -1
- package/dist/components/BodyText/BodyText.css.map +1 -1
- package/dist/components/BodyText/BodyText.js +13 -31
- package/dist/components/BodyText/BodyText.js.map +1 -1
- package/dist/components/BodyText/index.css.map +1 -1
- package/dist/components/BodyText/index.js +1 -13
- package/dist/components/BodyText/index.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +8 -26
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js +13 -31
- package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/components/Breadcrumb/index.css.map +1 -1
- package/dist/components/Breadcrumb/index.js +2 -14
- package/dist/components/Breadcrumb/index.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.js +10 -27
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/BreakPoint/index.js +1 -13
- package/dist/components/BreakPoint/index.js.map +1 -1
- package/dist/components/Button/Button.css.map +1 -1
- package/dist/components/Button/Button.js +41 -58
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.test.js +20 -25
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/Button/index.css.map +1 -1
- package/dist/components/Button/index.js +1 -13
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +9 -27
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroupItem.js +3 -13
- package/dist/components/ButtonGroup/ButtonGroupItem.js.map +1 -1
- package/dist/components/ButtonGroup/index.css.map +1 -1
- package/dist/components/ButtonGroup/index.js +2 -14
- package/dist/components/ButtonGroup/index.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.d.ts +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js +35 -54
- package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js +9 -16
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/ButtonToggle/index.css.map +1 -1
- package/dist/components/ButtonToggle/index.js +2 -14
- package/dist/components/ButtonToggle/index.js.map +1 -1
- package/dist/components/Card/Card.css.map +1 -1
- package/dist/components/Card/Card.js +13 -31
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/CardSection.css.map +1 -1
- package/dist/components/Card/CardSection.js +7 -25
- package/dist/components/Card/CardSection.js.map +1 -1
- package/dist/components/Card/index.css.map +1 -1
- package/dist/components/Card/index.js +2 -14
- package/dist/components/Card/index.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.css +6 -0
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +25 -42
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.test.js +15 -20
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Checkbox/index.css +6 -0
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/Checkbox/index.js +1 -13
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Collapsible/Collapsible.js +11 -29
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/Collapsible/index.js +1 -13
- package/dist/components/Collapsible/index.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +1 -1
- package/dist/components/ColorPicker/ColorPicker.js +12 -19
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/index.css.map +1 -1
- package/dist/components/ColorPicker/index.js +1 -13
- package/dist/components/ColorPicker/index.js.map +1 -1
- package/dist/components/Container/Container.css.map +1 -1
- package/dist/components/Container/Container.js +10 -30
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/index.css.map +1 -1
- package/dist/components/Container/index.js +1 -13
- package/dist/components/Container/index.js.map +1 -1
- package/dist/components/DataList/DataList.css +1 -1
- package/dist/components/DataList/DataList.css.map +1 -1
- package/dist/components/DataList/DataList.js +25 -43
- package/dist/components/DataList/DataList.js.map +1 -1
- package/dist/components/DataList/DataListCell.js +10 -29
- package/dist/components/DataList/DataListCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderCell.js +8 -26
- package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderRow.js +5 -12
- package/dist/components/DataList/DataListHeaderRow.js.map +1 -1
- package/dist/components/DataList/DataListRow.js +5 -12
- package/dist/components/DataList/DataListRow.js.map +1 -1
- package/dist/components/DataList/index.css +1 -1
- package/dist/components/DataList/index.css.map +1 -1
- package/dist/components/DataList/index.js +1 -13
- package/dist/components/DataList/index.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +7 -1
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +42 -53
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js +56 -79
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DatePicker/index.css +7 -1
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/DatePicker/index.js +2 -14
- package/dist/components/DatePicker/index.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +87 -111
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +75 -120
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js +18 -25
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js +14 -33
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.d.ts +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +40 -51
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/components/index.js +3 -15
- package/dist/components/DateRangePicker/components/index.js.map +1 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/index.js +1 -13
- package/dist/components/DateRangePicker/index.js.map +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js +7 -11
- package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
- package/dist/components/DateRangePicker/utils/index.js +1 -13
- package/dist/components/DateRangePicker/utils/index.js.map +1 -1
- package/dist/components/Dialog/Dialog.css.map +1 -1
- package/dist/components/Dialog/Dialog.js +33 -51
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/index.css.map +1 -1
- package/dist/components/Dialog/index.js +1 -13
- package/dist/components/Dialog/index.js.map +1 -1
- package/dist/components/Divider/Divider.css.map +1 -1
- package/dist/components/Divider/Divider.js +13 -32
- package/dist/components/Divider/Divider.js.map +1 -1
- package/dist/components/Divider/index.css.map +1 -1
- package/dist/components/Divider/index.js +1 -13
- package/dist/components/Divider/index.js.map +1 -1
- package/dist/components/Drawer/Drawer.css.map +1 -1
- package/dist/components/Drawer/Drawer.js +32 -71
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/DrawerFooter.js +6 -24
- package/dist/components/Drawer/DrawerFooter.js.map +1 -1
- package/dist/components/Drawer/DrawerHeader.js +11 -29
- package/dist/components/Drawer/DrawerHeader.js.map +1 -1
- package/dist/components/Drawer/DrawerWindow.js +5 -23
- package/dist/components/Drawer/DrawerWindow.js.map +1 -1
- package/dist/components/Drawer/index.css.map +1 -1
- package/dist/components/Drawer/index.js +1 -13
- package/dist/components/Drawer/index.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +78 -185
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/DropdownIcon.js +8 -26
- package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
- package/dist/components/Dropdown/index.js +2 -14
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.js +13 -31
- package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
- package/dist/components/Eyebrow/index.css.map +1 -1
- package/dist/components/Eyebrow/index.js +1 -13
- package/dist/components/Eyebrow/index.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.js +39 -57
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/index.css.map +1 -1
- package/dist/components/FilePicker/index.js +1 -13
- package/dist/components/FilePicker/index.js.map +1 -1
- package/dist/components/FilterButton/FilterButton.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.js +24 -40
- package/dist/components/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/FilterButton/index.css.map +1 -1
- package/dist/components/FilterButton/index.js +1 -13
- package/dist/components/FilterButton/index.js.map +1 -1
- package/dist/components/FlowCard/FlowCard.js +12 -30
- package/dist/components/FlowCard/FlowCard.js.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.js +21 -29
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FlowCard/index.css.map +1 -1
- package/dist/components/FlowCard/index.js +2 -14
- package/dist/components/FlowCard/index.js.map +1 -1
- package/dist/components/Form/Form.d.ts +2 -1
- package/dist/components/Form/Form.js +28 -49
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/index.js +1 -13
- package/dist/components/Form/index.js.map +1 -1
- package/dist/components/FormControls/FormAnvilSelect.js +7 -61
- package/dist/components/FormControls/FormAnvilSelect.js.map +1 -1
- package/dist/components/FormControls/FormButton.js +5 -23
- package/dist/components/FormControls/FormButton.js.map +1 -1
- package/dist/components/FormControls/FormButtonToggle.js +5 -23
- package/dist/components/FormControls/FormButtonToggle.js.map +1 -1
- package/dist/components/FormControls/FormCheckbox.js +4 -22
- package/dist/components/FormControls/FormCheckbox.js.map +1 -1
- package/dist/components/FormControls/FormColorPicker.js +27 -81
- package/dist/components/FormControls/FormColorPicker.js.map +1 -1
- package/dist/components/FormControls/FormDatePicker.js +5 -23
- package/dist/components/FormControls/FormDatePicker.js.map +1 -1
- package/dist/components/FormControls/FormDateRangePicker.js +5 -23
- package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
- package/dist/components/FormControls/FormDropdown.js +4 -22
- package/dist/components/FormControls/FormDropdown.js.map +1 -1
- package/dist/components/FormControls/FormInput.js +5 -22
- package/dist/components/FormControls/FormInput.js.map +1 -1
- package/dist/components/FormControls/FormRadio.js +4 -22
- package/dist/components/FormControls/FormRadio.js.map +1 -1
- package/dist/components/FormControls/FormSelect.js +4 -22
- package/dist/components/FormControls/FormSelect.js.map +1 -1
- package/dist/components/FormControls/FormTextArea.js +5 -22
- package/dist/components/FormControls/FormTextArea.js.map +1 -1
- package/dist/components/FormControls/FormTimePicker.d.ts +4 -0
- package/dist/components/FormControls/FormTimePicker.js +19 -0
- package/dist/components/FormControls/FormTimePicker.js.map +1 -0
- package/dist/components/FormControls/FormToggleSwitch.js +4 -22
- package/dist/components/FormControls/FormToggleSwitch.js.map +1 -1
- package/dist/components/FormControls/FormTogglebox.js +6 -24
- package/dist/components/FormControls/FormTogglebox.js.map +1 -1
- package/dist/components/FormControls/index.d.ts +1 -0
- package/dist/components/FormControls/index.js +15 -26
- package/dist/components/FormControls/index.js.map +1 -1
- package/dist/components/FormField/FormField.css +1 -1
- package/dist/components/FormField/FormField.css.map +1 -1
- package/dist/components/FormField/FormField.js +67 -101
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormFieldContext.js +4 -10
- package/dist/components/FormField/FormFieldContext.js.map +1 -1
- package/dist/components/FormField/index.css +1 -1
- package/dist/components/FormField/index.css.map +1 -1
- package/dist/components/FormField/index.js +2 -14
- package/dist/components/FormField/index.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.js +12 -32
- package/dist/components/FormGroup/FormGroup.js.map +1 -1
- package/dist/components/FormGroup/index.css.map +1 -1
- package/dist/components/FormGroup/index.js +1 -13
- package/dist/components/FormGroup/index.js.map +1 -1
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.js +9 -27
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Frame/index.js +1 -13
- package/dist/components/Frame/index.js.map +1 -1
- package/dist/components/Grid/Grid.js +35 -57
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/GridColumn.js +25 -44
- package/dist/components/Grid/GridColumn.js.map +1 -1
- package/dist/components/Grid/GridRow.js +21 -43
- package/dist/components/Grid/GridRow.js.map +1 -1
- package/dist/components/Grid/index.js +1 -13
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/Headline/Headline.css +1 -1
- package/dist/components/Headline/Headline.css.map +1 -1
- package/dist/components/Headline/Headline.js +14 -32
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/index.css +1 -1
- package/dist/components/Headline/index.css.map +1 -1
- package/dist/components/Headline/index.js +1 -13
- package/dist/components/Headline/index.js.map +1 -1
- package/dist/components/Icon/Icon.js +11 -29
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/Icon.test.js +7 -12
- package/dist/components/Icon/Icon.test.js.map +1 -1
- package/dist/components/Icon/index.js +1 -13
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts +5 -5
- package/dist/components/InlineEdit/InlineEdit.js +84 -123
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/InlineEdit/index.js +1 -13
- package/dist/components/InlineEdit/index.js.map +1 -1
- package/dist/components/Input/Input.css +15 -5
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +102 -146
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/InputAddon.js +7 -25
- package/dist/components/Input/InputAddon.js.map +1 -1
- package/dist/components/Input/index.css +15 -5
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Input/index.js +1 -13
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/Input/inputProps.js +7 -31
- package/dist/components/Input/inputProps.js.map +1 -1
- package/dist/components/KeyPressListener/KeyPressListener.js +5 -10
- package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
- package/dist/components/KeyPressListener/index.js +1 -13
- package/dist/components/KeyPressListener/index.js.map +1 -1
- package/dist/components/Label/Label.css.map +1 -1
- package/dist/components/Label/Label.js +19 -37
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Label/index.js +1 -13
- package/dist/components/Label/index.js.map +1 -1
- package/dist/components/Layout/Layout.js +24 -44
- package/dist/components/Layout/Layout.js.map +1 -1
- package/dist/components/Layout/LayoutSection.js +7 -25
- package/dist/components/Layout/LayoutSection.js.map +1 -1
- package/dist/components/Layout/index.js +2 -14
- package/dist/components/Layout/index.js.map +1 -1
- package/dist/components/Link/Link.css +1 -1
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/Link.js +7 -25
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/Link.test.js +11 -16
- package/dist/components/Link/Link.test.js.map +1 -1
- package/dist/components/Link/index.css +1 -1
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Link/index.js +1 -13
- package/dist/components/Link/index.js.map +1 -1
- package/dist/components/Mask/Mask.css.map +1 -1
- package/dist/components/Mask/Mask.js +10 -28
- package/dist/components/Mask/Mask.js.map +1 -1
- package/dist/components/Mask/index.css.map +1 -1
- package/dist/components/Mask/index.js +1 -13
- package/dist/components/Mask/index.js.map +1 -1
- package/dist/components/Modal/Modal.css.map +1 -1
- package/dist/components/Modal/Modal.js +13 -31
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/components.js +44 -85
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/Modal/index.css.map +1 -1
- package/dist/components/Modal/index.js +1 -13
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.js +17 -35
- package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
- package/dist/components/MoreDetails/index.css.map +1 -1
- package/dist/components/MoreDetails/index.js +1 -13
- package/dist/components/MoreDetails/index.js.map +1 -1
- package/dist/components/OptionList/Option.js +21 -39
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.css +11 -10
- package/dist/components/OptionList/OptionList.css.map +1 -1
- package/dist/components/OptionList/OptionList.js +47 -73
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/OptionList/index.css +11 -10
- package/dist/components/OptionList/index.css.map +1 -1
- package/dist/components/OptionList/index.js +2 -16
- package/dist/components/OptionList/index.js.map +1 -1
- package/dist/components/OptionList/useOnExpand.js +8 -23
- package/dist/components/OptionList/useOnExpand.js.map +1 -1
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/Page.js +21 -58
- package/dist/components/Page/Page.js.map +1 -1
- package/dist/components/Page/components/ActionToolbar.js +6 -14
- package/dist/components/Page/components/ActionToolbar.js.map +1 -1
- package/dist/components/Page/components/Footer.js +5 -13
- package/dist/components/Page/components/Footer.js.map +1 -1
- package/dist/components/Page/components/Panel.js +8 -16
- package/dist/components/Page/components/Panel.js.map +1 -1
- package/dist/components/Page/components/index.js +2 -14
- package/dist/components/Page/components/index.js.map +1 -1
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Page/index.js +1 -13
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/Popover/Popover.js +26 -44
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/components.js +15 -36
- package/dist/components/Popover/components.js.map +1 -1
- package/dist/components/Popover/index.js +1 -13
- package/dist/components/Popover/index.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +11 -29
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressBar/index.js +1 -13
- package/dist/components/ProgressBar/index.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js +16 -34
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressCircle/index.js +1 -13
- package/dist/components/ProgressCircle/index.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.js +20 -38
- package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js +6 -24
- package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.js +13 -31
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +1 -1
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/ProgressTracker/index.js +1 -13
- package/dist/components/ProgressTracker/index.js.map +1 -1
- package/dist/components/Radio/Radio.css +6 -0
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/Radio.js +22 -39
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/Radio.test.js +15 -20
- package/dist/components/Radio/Radio.test.js.map +1 -1
- package/dist/components/Radio/index.css +6 -0
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Radio/index.js +1 -13
- package/dist/components/Radio/index.js.map +1 -1
- package/dist/components/Scroll/Scroll.js +28 -47
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Scroll/index.js +1 -13
- package/dist/components/Scroll/index.js.map +1 -1
- package/dist/components/Select/Select.css.map +1 -1
- package/dist/components/Select/Select.d.ts +1 -0
- package/dist/components/Select/Select.js +81 -149
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/index.css.map +1 -1
- package/dist/components/Select/index.js +1 -13
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNav.js +13 -31
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.css.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js +9 -27
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.css +1 -1
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.js +15 -33
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.css +1 -1
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/SideNav/index.js +1 -13
- package/dist/components/SideNav/index.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +48 -87
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/SidebarSection.js +6 -24
- package/dist/components/Sidebar/SidebarSection.js.map +1 -1
- package/dist/components/Sidebar/ToggleButton.js +13 -37
- package/dist/components/Sidebar/ToggleButton.js.map +1 -1
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Sidebar/index.js +2 -14
- package/dist/components/Sidebar/index.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +18 -55
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.test.js +23 -28
- package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
- package/dist/components/Snackbar/index.css.map +1 -1
- package/dist/components/Snackbar/index.js +1 -13
- package/dist/components/Snackbar/index.js.map +1 -1
- package/dist/components/Spinner/Spinner.js +21 -40
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/index.js +1 -13
- package/dist/components/Spinner/index.js.map +1 -1
- package/dist/components/Stack/Stack.css.map +1 -1
- package/dist/components/Stack/Stack.js +28 -46
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Stack/index.css.map +1 -1
- package/dist/components/Stack/index.js +1 -13
- package/dist/components/Stack/index.js.map +1 -1
- package/dist/components/StackItem/StackItem.js +13 -33
- package/dist/components/StackItem/StackItem.js.map +1 -1
- package/dist/components/StackItem/index.js +1 -13
- package/dist/components/StackItem/index.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.css.map +1 -1
- package/dist/components/StatusLight/StatusLight.js +15 -33
- package/dist/components/StatusLight/StatusLight.js.map +1 -1
- package/dist/components/StatusLight/index.css.map +1 -1
- package/dist/components/StatusLight/index.js +1 -13
- package/dist/components/StatusLight/index.js.map +1 -1
- package/dist/components/Tab/Tab.css +0 -1
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/Tab.js +10 -28
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/index.css +0 -1
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/Tab/index.js +1 -13
- package/dist/components/Tab/index.js.map +1 -1
- package/dist/components/TabGroup/TabGroup.css +1 -1
- package/dist/components/TabGroup/TabGroup.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.js +12 -30
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/TabGroup/TabGroupItem.js +4 -22
- package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
- package/dist/components/TabGroup/components.js +3 -11
- package/dist/components/TabGroup/components.js.map +1 -1
- package/dist/components/TabGroup/index.css +1 -1
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/TabGroup/index.js +1 -13
- package/dist/components/TabGroup/index.js.map +1 -1
- package/dist/components/Table/GridMod.js +22 -55
- package/dist/components/Table/GridMod.js.map +1 -1
- package/dist/components/Table/Table.css +7 -1
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/Table.js +37 -75
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.test.js +4 -6
- package/dist/components/Table/Table.test.js.map +1 -1
- package/dist/components/Table/TableLoadingPanel.js +10 -18
- package/dist/components/Table/TableLoadingPanel.js.map +1 -1
- package/dist/components/Table/components.js +2 -24
- package/dist/components/Table/components.js.map +1 -1
- package/dist/components/Table/index.css +7 -1
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Table/index.js +2 -14
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/Tag.js +26 -52
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/Tag/index.js +1 -13
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.js +8 -26
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TagGroup/TagGroupItem.js +2 -12
- package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
- package/dist/components/TagGroup/index.js +1 -13
- package/dist/components/TagGroup/index.js.map +1 -1
- package/dist/components/Takeover/Takeover.js +46 -83
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.js +9 -27
- package/dist/components/Takeover/TakeoverFooter.js.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.js +15 -33
- package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.js +7 -25
- package/dist/components/Takeover/TakeoverSection.js.map +1 -1
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/Takeover/index.js +1 -13
- package/dist/components/Takeover/index.js.map +1 -1
- package/dist/components/Text/Text.css.map +1 -1
- package/dist/components/Text/Text.js +23 -37
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/index.css.map +1 -1
- package/dist/components/Text/index.js +1 -13
- package/dist/components/Text/index.js.map +1 -1
- package/dist/components/TextArea/TextArea.css +5 -0
- package/dist/components/TextArea/TextArea.css.map +1 -1
- package/dist/components/TextArea/TextArea.d.ts +2 -1
- package/dist/components/TextArea/TextArea.js +26 -80
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/index.css +5 -0
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/TextArea/index.js +1 -13
- package/dist/components/TextArea/index.js.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.js +12 -30
- package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/components/Thumbnail/index.css.map +1 -1
- package/dist/components/Thumbnail/index.js +1 -13
- package/dist/components/Thumbnail/index.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +200 -0
- package/dist/components/TimePicker/TimePicker.css.map +1 -0
- package/dist/components/TimePicker/TimePicker.d.ts +44 -0
- package/dist/components/TimePicker/TimePicker.js +191 -0
- package/dist/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.d.ts +13 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.js +40 -0
- package/dist/components/TimePicker/components/TimePickerOptionList.js.map +1 -0
- package/dist/components/TimePicker/components/index.d.ts +1 -0
- package/dist/components/TimePicker/components/index.js +2 -0
- package/dist/components/TimePicker/components/index.js.map +1 -0
- package/dist/components/TimePicker/index.css +200 -0
- package/dist/components/TimePicker/index.css.map +1 -0
- package/dist/components/TimePicker/index.d.ts +1 -0
- package/dist/components/TimePicker/index.js +2 -0
- package/dist/components/TimePicker/index.js.map +1 -0
- package/dist/components/TimePicker/utils/checkMinMax.d.ts +1 -0
- package/dist/components/TimePicker/utils/checkMinMax.js +13 -0
- package/dist/components/TimePicker/utils/checkMinMax.js.map +1 -0
- package/dist/components/TimePicker/utils/filterOptions.d.ts +3 -0
- package/dist/components/TimePicker/utils/filterOptions.js +127 -0
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -0
- package/dist/components/TimePicker/utils/generateOptions.d.ts +4 -0
- package/dist/components/TimePicker/utils/generateOptions.js +36 -0
- package/dist/components/TimePicker/utils/generateOptions.js.map +1 -0
- package/dist/components/TimePicker/utils/getClosestOption.d.ts +5 -0
- package/dist/components/TimePicker/utils/getClosestOption.js +139 -0
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -0
- package/dist/components/TimePicker/utils/getOptionByValue.d.ts +4 -0
- package/dist/components/TimePicker/utils/getOptionByValue.js +14 -0
- package/dist/components/TimePicker/utils/getOptionByValue.js.map +1 -0
- package/dist/components/TimePicker/utils/highlightClosestOption.d.ts +2 -0
- package/dist/components/TimePicker/utils/highlightClosestOption.js +13 -0
- package/dist/components/TimePicker/utils/highlightClosestOption.js.map +1 -0
- package/dist/components/TimePicker/utils/index.d.ts +10 -0
- package/dist/components/TimePicker/utils/index.js +11 -0
- package/dist/components/TimePicker/utils/index.js.map +1 -0
- package/dist/components/TimePicker/utils/stringToDate.d.ts +2 -0
- package/dist/components/TimePicker/utils/stringToDate.js +16 -0
- package/dist/components/TimePicker/utils/stringToDate.js.map +1 -0
- package/dist/components/TimePicker/utils/timePickerUtils.test.d.ts +1 -0
- package/dist/components/TimePicker/utils/timePickerUtils.test.js +169 -0
- package/dist/components/TimePicker/utils/timePickerUtils.test.js.map +1 -0
- package/dist/components/TimePicker/utils/toTimeFormat.d.ts +5 -0
- package/dist/components/TimePicker/utils/toTimeFormat.js +40 -0
- package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -0
- package/dist/components/TimePicker/utils/utils.d.ts +7 -0
- package/dist/components/TimePicker/utils/utils.js +171 -0
- package/dist/components/TimePicker/utils/utils.js.map +1 -0
- package/dist/components/TimePicker/utils/withClosestOption.d.ts +2 -0
- package/dist/components/TimePicker/utils/withClosestOption.js +14 -0
- package/dist/components/TimePicker/utils/withClosestOption.js.map +1 -0
- package/dist/components/Toast/Toast.css +1 -1
- package/dist/components/Toast/Toast.css.map +1 -1
- package/dist/components/Toast/Toast.js +58 -114
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/ToastGroup.css +1 -1
- package/dist/components/Toast/ToastGroup.css.map +1 -1
- package/dist/components/Toast/ToastGroup.js +8 -25
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/Toast/index.css +1 -1
- package/dist/components/Toast/index.css.map +1 -1
- package/dist/components/Toast/index.js +1 -13
- package/dist/components/Toast/index.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.d.ts +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +22 -39
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js +15 -20
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/ToggleSwitch/index.js +1 -13
- package/dist/components/ToggleSwitch/index.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.css +1 -1
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.d.ts +1 -0
- package/dist/components/Togglebox/Togglebox.js +40 -95
- package/dist/components/Togglebox/Togglebox.js.map +1 -1
- package/dist/components/Togglebox/index.css +1 -1
- package/dist/components/Togglebox/index.css.map +1 -1
- package/dist/components/Togglebox/index.js +1 -13
- package/dist/components/Togglebox/index.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +30 -68
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/Tooltip/index.js +1 -13
- package/dist/components/Tooltip/index.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +5 -12
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/VisuallyHidden/index.js +1 -13
- package/dist/components/VisuallyHidden/index.js.map +1 -1
- package/dist/components/index.css +188 -106
- package/dist/components/index.css.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +77 -88
- package/dist/components/index.js.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/index.js +5 -17
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useFocusVisible.js +15 -19
- package/dist/hooks/useFocusVisible.js.map +1 -1
- package/dist/hooks/useFocusVisible.test.js +35 -41
- package/dist/hooks/useFocusVisible.test.js.map +1 -1
- package/dist/hooks/useMergedRef.js +5 -16
- package/dist/hooks/useMergedRef.js.map +1 -1
- package/dist/hooks/useScreenSize.js +22 -29
- package/dist/hooks/useScreenSize.js.map +1 -1
- package/dist/hooks/useScrollPosition.js +16 -37
- package/dist/hooks/useScrollPosition.js.map +1 -1
- package/dist/hooks/useVisuallyHidden.js +3 -7
- package/dist/hooks/useVisuallyHidden.js.map +1 -1
- package/dist/internal/Overlay/Overlay.css.map +1 -1
- package/dist/internal/Overlay/Overlay.js +12 -39
- package/dist/internal/Overlay/Overlay.js.map +1 -1
- package/dist/internal/Overlay/index.css.map +1 -1
- package/dist/internal/Overlay/index.js +1 -13
- package/dist/internal/Overlay/index.js.map +1 -1
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.js +77 -96
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/Popper/index.js +1 -13
- package/dist/internal/Popper/index.js.map +1 -1
- package/dist/internal/Portal/Portal.js +8 -13
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/Portal/index.js +1 -13
- package/dist/internal/Portal/index.js.map +1 -1
- package/dist/internal/index.css.map +1 -1
- package/dist/internal/index.js +3 -15
- package/dist/internal/index.js.map +1 -1
- package/dist/system-light.css +9 -9
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +144 -62
- package/dist/system.css.map +1 -1
- package/dist/system.js +3 -15
- package/dist/system.js.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +16 -10
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +16 -10
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/utilities/ConditionalWrapper.js +3 -11
- package/dist/utilities/ConditionalWrapper.js.map +1 -1
- package/dist/utilities/DefaultPortalContext.js +2 -5
- package/dist/utilities/DefaultPortalContext.js.map +1 -1
- package/dist/utilities/FocusTrap/FocusTrap.js +12 -33
- package/dist/utilities/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/utilities/FocusTrap/index.js +1 -13
- package/dist/utilities/FocusTrap/index.js.map +1 -1
- package/dist/utilities/OverlayContext.js +7 -14
- package/dist/utilities/OverlayContext.js.map +1 -1
- package/dist/utilities/SemanticUtils/index.js +2 -14
- package/dist/utilities/SemanticUtils/index.js.map +1 -1
- package/dist/utilities/SemanticUtils/refUtils.js +4 -10
- package/dist/utilities/SemanticUtils/refUtils.js.map +1 -1
- package/dist/utilities/SemanticUtils/widths.js +3 -7
- package/dist/utilities/SemanticUtils/widths.js.map +1 -1
- package/dist/utilities/ThemeProvider.d.ts +7 -2
- package/dist/utilities/ThemeProvider.js +21 -37
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/color-utils.js +7 -14
- package/dist/utilities/color-utils.js.map +1 -1
- package/dist/utilities/dateFormat.js +15 -20
- package/dist/utilities/dateFormat.js.map +1 -1
- package/dist/utilities/debounce.js +6 -16
- package/dist/utilities/debounce.js.map +1 -1
- package/dist/utilities/getContent.js +2 -6
- package/dist/utilities/getContent.js.map +1 -1
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/index.js +17 -28
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/isElementOfType.js +12 -20
- package/dist/utilities/isElementOfType.js.map +1 -1
- package/dist/utilities/justify-props.js +1 -2
- package/dist/utilities/keyCodes.js +3 -6
- package/dist/utilities/keyCodes.js.map +1 -1
- package/dist/utilities/maskUtils.js +16 -30
- package/dist/utilities/maskUtils.js.map +1 -1
- package/dist/utilities/maskUtils.test.js +134 -136
- package/dist/utilities/maskUtils.test.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.d.ts +5 -0
- package/dist/utilities/usePrefersColorScheme.js +22 -0
- package/dist/utilities/usePrefersColorScheme.js.map +1 -0
- package/dist/utilities/useStorybookFigmaAddon.js +4 -8
- package/dist/utilities/useStorybookFigmaAddon.js.map +1 -1
- package/dist/utilities/wrapChildren.js +7 -14
- package/dist/utilities/wrapChildren.js.map +1 -1
- package/dist/utilities/wrapWithComponent.js +8 -44
- package/dist/utilities/wrapWithComponent.js.map +1 -1
- package/package.json +13 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNavGroup.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACGA;EACC,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNavGroup.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACGA;EACC,YCyHW;;ADvHX;EAA+B,YCqHpB;;;ADlHZ;EACC;;;AAGD;EEZC;EACA;EACA;EACA;EACA","file":"SideNavGroup.css"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
2
|
var t = {};
|
|
15
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,20 +9,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var children = _a.children, className = _a.className, title = _a.title, props = __rest(_a, ["children", "className", "title"]);
|
|
34
|
-
var SideNavItemClasses = (0, classnames_1.default)('SideNavGroup', className);
|
|
35
|
-
return (react_1.default.createElement("li", __assign({ className: SideNavItemClasses }, props),
|
|
36
|
-
title !== undefined && (react_1.default.createElement(Eyebrow_1.Eyebrow, { className: "SideNavGroup__title", size: "medium" }, title)),
|
|
37
|
-
react_1.default.createElement("ul", { className: "SideNavGroup__list" }, children)));
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { Eyebrow } from '../Eyebrow';
|
|
15
|
+
export const SideNavGroup = (_a) => {
|
|
16
|
+
var { children, className, title } = _a, props = __rest(_a, ["children", "className", "title"]);
|
|
17
|
+
const SideNavItemClasses = classnames('SideNavGroup', className);
|
|
18
|
+
return (React.createElement("li", Object.assign({ className: SideNavItemClasses }, props),
|
|
19
|
+
title !== undefined && (React.createElement(Eyebrow, { className: "SideNavGroup__title", size: "medium" }, title)),
|
|
20
|
+
React.createElement("ul", { className: "SideNavGroup__list" }, children)));
|
|
38
21
|
};
|
|
39
|
-
exports.SideNavGroup = SideNavGroup;
|
|
40
22
|
//# sourceMappingURL=SideNavGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavGroup.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SideNavGroup.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAkBrC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAKnD,EAAE,EAAE;QAL+C,EACnD,QAAQ,EACR,SAAS,EACT,KAAK,OAEL,EADG,KAAK,cAJ2C,kCAKnD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IAEjE,OAAO,CACN,0CAAI,SAAS,EAAE,kBAAkB,IAAM,KAAK;QAC1C,KAAK,KAAK,SAAS,IAAI,CACvB,oBAAC,OAAO,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,QAAQ,IACpD,KAAK,CACG,CACV;QACD,4BAAI,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAM,CAC9C,CACL,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNavItem.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;EACA;;;AAGD;EACC,eCDiB;EDEjB,OCSa;EDRb,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNavItem.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;EACA;;;AAGD;EACC,eCDiB;EDEjB,OCSa;EDRb,aC8FqB;ED7FrB;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAU;;AAEV;EAEC,YCMe;EDLf,OCQe;;ADLhB;EAAyB,OCKT","file":"SideNavItem.css"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
2
|
var t = {};
|
|
15
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,35 +9,29 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var SideNavItem = function (_a) {
|
|
34
|
-
var active = _a.active, children = _a.children, className = _a.className, href = _a.href, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["active", "children", "className", "href", "onClick", "onFocus", "onBlur"]);
|
|
35
|
-
var itemRef = react_1.default.useRef(null);
|
|
36
|
-
var _b = (0, useFocusVisible_1.useFocusVisible)(itemRef, onBlur, onFocus), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
|
|
37
|
-
var onClickHandler = function (e) {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { BodyText } from '../BodyText';
|
|
15
|
+
import { useFocusVisible } from '../../hooks/useFocusVisible';
|
|
16
|
+
export const SideNavItem = (_a) => {
|
|
17
|
+
var { active, children, className, href, onClick, onFocus, onBlur } = _a, props = __rest(_a, ["active", "children", "className", "href", "onClick", "onFocus", "onBlur"]);
|
|
18
|
+
const itemRef = React.useRef(null);
|
|
19
|
+
const { isFocusVisible, focusFunction, blurFunction } = useFocusVisible(itemRef, onBlur, onFocus);
|
|
20
|
+
const onClickHandler = (e) => {
|
|
38
21
|
if (!onClick)
|
|
39
22
|
return;
|
|
40
23
|
e.preventDefault();
|
|
41
24
|
onClick(e);
|
|
42
25
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
26
|
+
const El = href ? 'a' : 'span';
|
|
27
|
+
const buttonProps = { href };
|
|
28
|
+
const SideNavItemClasses = classnames('SideNavItem', className, {
|
|
46
29
|
'SideNavItem--active': active,
|
|
47
30
|
});
|
|
48
|
-
|
|
31
|
+
const SideNavItemButtonClasses = classnames('SideNavItem__button', {
|
|
49
32
|
'SideNavItem__button--focus-visible': isFocusVisible,
|
|
50
33
|
});
|
|
51
|
-
return (
|
|
52
|
-
|
|
34
|
+
return (React.createElement("li", Object.assign({ className: SideNavItemClasses }, props),
|
|
35
|
+
React.createElement(BodyText, Object.assign({ ref: itemRef, onFocus: focusFunction, onBlur: blurFunction, tabIndex: 0, el: El, size: "small", className: SideNavItemButtonClasses, onClick: onClickHandler }, buttonProps), children)));
|
|
53
36
|
};
|
|
54
|
-
exports.SideNavItem = SideNavItem;
|
|
55
37
|
//# sourceMappingURL=SideNavItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAwB9D,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EASjD,EAAE,EAAE;QAT6C,EACjD,MAAM,EACN,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,OAAO,EACP,MAAM,OAEN,EADG,KAAK,cARyC,2EASjD,CADQ;IAER,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAoC,EAAE,EAAE;QAC/D,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,CAAC;IAE7B,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,MAAM;KAC7B,CAAC,CAAC;IAEH,MAAM,wBAAwB,GAAG,UAAU,CAAC,qBAAqB,EAAE;QAClE,oCAAoC,EAAE,cAAc;KACpD,CAAC,CAAC;IAEH,OAAO,CACN,0CAAI,SAAS,EAAE,kBAAkB,IAAM,KAAK;QAC3C,oBAAC,QAAQ,kBACR,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,wBAAwB,EACnC,OAAO,EAAE,cAAc,IACnB,WAAW,GAEd,QAAQ,CACC,CACP,CACL,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss","../../../src/components/SideNav/SideNavGroup.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEUa;EFTb,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss","../../../src/components/SideNav/SideNavGroup.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEUa;EFTb,SEiHW;;AF/GX;EACC,aE6GU;EF5GV;;AAGD;EAAI;;;AAGL;EACC;EACA;EACA;;;AAGD;EGzBC;EACA;EACA;EACA;EACA;EHwBA,aE8FW;;;AExHZ;EACC;EACA;;;AAGD;EACC,eFDiB;EEEjB,OFSa;EERb,aF8FqB;EE7FrB;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAU;;AAEV;EAEC,YFMe;EELf,OFQe;;AELhB;EAAyB,OFKT;;;AG7BjB;EACC,YHyHW;;AGvHX;EAA+B,YHqHpB;;;AGlHZ;EACC;;;AAGD;EFZC;EACA;EACA;EACA;EACA","file":"index.css"}
|
|
@@ -1,14 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
-
};
|
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./SideNav"), exports);
|
|
1
|
+
export * from './SideNav';
|
|
14
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SideNav/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SideNav/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
|
|
@@ -1,34 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
-
}) : (function(o, m, k, k2) {
|
|
17
|
-
if (k2 === undefined) k2 = k;
|
|
18
|
-
o[k2] = m[k];
|
|
19
|
-
}));
|
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
-
}) : function(o, v) {
|
|
23
|
-
o["default"] = v;
|
|
24
|
-
});
|
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
-
if (mod && mod.__esModule) return mod;
|
|
27
|
-
var result = {};
|
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
-
__setModuleDefault(result, mod);
|
|
30
|
-
return result;
|
|
31
|
-
};
|
|
32
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
33
2
|
var t = {};
|
|
34
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -40,40 +9,35 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
40
9
|
}
|
|
41
10
|
return t;
|
|
42
11
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
var
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
var hoverTimeout = (0, react_1.useRef)();
|
|
58
|
-
var sidebarRef = (0, react_1.useRef)();
|
|
59
|
-
var pointerId = (0, react_1.useRef)();
|
|
60
|
-
var getInitialOpen = function () {
|
|
61
|
-
var wasPreviouslyOpen = typeof window !== 'undefined' &&
|
|
12
|
+
import React, { useState, useRef, useEffect, useCallback } from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import { debounce } from '../../utilities/debounce';
|
|
15
|
+
import { ToggleButton } from './ToggleButton';
|
|
16
|
+
import { SidebarSection } from './SidebarSection';
|
|
17
|
+
export const Sidebar = (_a) => {
|
|
18
|
+
var { el: Element = 'div', className, localStorageKey, children } = _a, rest = __rest(_a, ["el", "className", "localStorageKey", "children"]);
|
|
19
|
+
const breakpoint = 992;
|
|
20
|
+
const hoverDelay = 300;
|
|
21
|
+
const hoverTimeout = useRef();
|
|
22
|
+
const sidebarRef = useRef();
|
|
23
|
+
const pointerId = useRef();
|
|
24
|
+
const getInitialOpen = () => {
|
|
25
|
+
const wasPreviouslyOpen = typeof window !== 'undefined' &&
|
|
62
26
|
window.localStorage.getItem(localStorageKey);
|
|
63
27
|
return {
|
|
64
28
|
value: wasPreviouslyOpen ? JSON.parse(wasPreviouslyOpen) : true,
|
|
65
29
|
temporary: false,
|
|
66
30
|
};
|
|
67
31
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
32
|
+
const [isDisplaySmall, setIsDisplaySmall] = useState(false);
|
|
33
|
+
const [openOnLargeDisplay, setOpenOnLargeDisplay] = useState(getInitialOpen());
|
|
34
|
+
const [openOnSmallDisplay, setOpenOnSmallDisplay] = useState(false);
|
|
35
|
+
const isOpen = (isDisplaySmall && openOnSmallDisplay) ||
|
|
72
36
|
(!isDisplaySmall && openOnLargeDisplay.value);
|
|
73
|
-
|
|
74
|
-
|
|
37
|
+
const isTemporary = isDisplaySmall || (!isDisplaySmall && openOnLargeDisplay.temporary);
|
|
38
|
+
const isTouchScreen = typeof window !== 'undefined' &&
|
|
75
39
|
window.matchMedia('(pointer:coarse)').matches;
|
|
76
|
-
|
|
40
|
+
const open = useCallback((options) => {
|
|
77
41
|
var _a;
|
|
78
42
|
clearTimeout(hoverTimeout.current);
|
|
79
43
|
if (isDisplaySmall) {
|
|
@@ -86,7 +50,7 @@ var Sidebar = function (_a) {
|
|
|
86
50
|
});
|
|
87
51
|
}
|
|
88
52
|
}, [isDisplaySmall]);
|
|
89
|
-
|
|
53
|
+
const close = useCallback(() => {
|
|
90
54
|
clearTimeout(hoverTimeout.current);
|
|
91
55
|
if (isDisplaySmall) {
|
|
92
56
|
setOpenOnSmallDisplay(false);
|
|
@@ -98,15 +62,15 @@ var Sidebar = function (_a) {
|
|
|
98
62
|
});
|
|
99
63
|
}
|
|
100
64
|
}, [isDisplaySmall]);
|
|
101
|
-
|
|
65
|
+
const handlePointerEnter = (e) => {
|
|
102
66
|
if (e.pointerType === 'mouse') {
|
|
103
67
|
clearTimeout(hoverTimeout.current);
|
|
104
68
|
if (isOpen)
|
|
105
69
|
return;
|
|
106
|
-
hoverTimeout.current = setTimeout(
|
|
70
|
+
hoverTimeout.current = setTimeout(() => open({ temporary: true }), hoverDelay);
|
|
107
71
|
}
|
|
108
72
|
};
|
|
109
|
-
|
|
73
|
+
const handlePointerLeave = (e) => {
|
|
110
74
|
var _a;
|
|
111
75
|
if (e.pointerType === 'mouse') {
|
|
112
76
|
clearTimeout(hoverTimeout.current);
|
|
@@ -115,14 +79,14 @@ var Sidebar = function (_a) {
|
|
|
115
79
|
if (e.relatedTarget.nodeType &&
|
|
116
80
|
((_a = sidebarRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)))
|
|
117
81
|
return;
|
|
118
|
-
hoverTimeout.current = setTimeout(
|
|
82
|
+
hoverTimeout.current = setTimeout(() => close(), hoverDelay);
|
|
119
83
|
}
|
|
120
84
|
};
|
|
121
|
-
|
|
85
|
+
const handlePointerDown = (e) => {
|
|
122
86
|
if (isDisplaySmall && e.pointerType === 'touch')
|
|
123
87
|
pointerId.current = e.pointerId;
|
|
124
88
|
};
|
|
125
|
-
|
|
89
|
+
const handlePointerUp = (e) => {
|
|
126
90
|
if (isDisplaySmall &&
|
|
127
91
|
e.pointerType === 'touch' &&
|
|
128
92
|
e.pointerId === pointerId.current) {
|
|
@@ -132,34 +96,32 @@ var Sidebar = function (_a) {
|
|
|
132
96
|
pointerId.current = undefined;
|
|
133
97
|
}
|
|
134
98
|
};
|
|
135
|
-
|
|
136
|
-
|
|
99
|
+
const calcDisplaySmall = () => {
|
|
100
|
+
const windowWidth = Math.min(window.innerWidth, window.outerWidth);
|
|
137
101
|
return windowWidth < breakpoint;
|
|
138
102
|
};
|
|
139
|
-
|
|
103
|
+
const SidebarClasses = classnames('Sidebar', className, {
|
|
140
104
|
'Sidebar--collapsed': !isOpen,
|
|
141
105
|
'Sidebar--temporary': isOpen && isTemporary,
|
|
142
106
|
'Sidebar--touch': isTouchScreen,
|
|
143
107
|
});
|
|
144
|
-
|
|
108
|
+
const toggleButtonClasses = classnames('Sidebar__toggle-button', {
|
|
145
109
|
'Sidebar__toggle-button-visible': isTemporary || isTouchScreen || !isOpen,
|
|
146
110
|
});
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
111
|
+
useEffect(() => {
|
|
112
|
+
const handleWindowResize = () => setIsDisplaySmall(calcDisplaySmall());
|
|
113
|
+
const handleWindowResizeDebounced = debounce(handleWindowResize, 150);
|
|
150
114
|
window.addEventListener('resize', handleWindowResizeDebounced);
|
|
151
115
|
handleWindowResize();
|
|
152
|
-
return
|
|
153
|
-
return window.removeEventListener('resize', handleWindowResizeDebounced);
|
|
154
|
-
};
|
|
116
|
+
return () => window.removeEventListener('resize', handleWindowResizeDebounced);
|
|
155
117
|
}, []);
|
|
156
|
-
|
|
118
|
+
useEffect(() => {
|
|
157
119
|
if (!openOnLargeDisplay.temporary) {
|
|
158
120
|
localStorage.setItem(localStorageKey, JSON.stringify(openOnLargeDisplay.value));
|
|
159
121
|
}
|
|
160
122
|
}, [openOnLargeDisplay, localStorageKey]);
|
|
161
|
-
|
|
162
|
-
|
|
123
|
+
useEffect(() => {
|
|
124
|
+
const handleTapOutside = (e) => {
|
|
163
125
|
var _a;
|
|
164
126
|
if (isOpen &&
|
|
165
127
|
isTemporary &&
|
|
@@ -168,17 +130,16 @@ var Sidebar = function (_a) {
|
|
|
168
130
|
}
|
|
169
131
|
};
|
|
170
132
|
window.addEventListener('touchend', handleTapOutside);
|
|
171
|
-
return
|
|
133
|
+
return () => window.removeEventListener('touchend', handleTapOutside);
|
|
172
134
|
}, [isOpen, isTemporary, close]);
|
|
173
|
-
|
|
174
|
-
return
|
|
135
|
+
useEffect(() => {
|
|
136
|
+
return () => clearTimeout(hoverTimeout.current);
|
|
175
137
|
}, []);
|
|
176
|
-
return (
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
138
|
+
return (React.createElement(Element, Object.assign({ className: SidebarClasses, ref: sidebarRef }, rest),
|
|
139
|
+
React.createElement("div", { className: "Sidebar__wrapper" },
|
|
140
|
+
React.createElement(ToggleButton, { className: toggleButtonClasses, isTouchScreen: isTouchScreen, isDisplaySmall: isDisplaySmall, openOnLargeDisplay: openOnLargeDisplay, openOnSmallDisplay: openOnSmallDisplay, open: open, close: close, onPointerEnter: () => clearTimeout(hoverTimeout.current), onPointerLeave: handlePointerLeave }),
|
|
141
|
+
React.createElement("div", { className: "Sidebar__content-wrapper", onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp },
|
|
142
|
+
React.createElement("div", { className: "Sidebar__content" }, children)))));
|
|
181
143
|
};
|
|
182
|
-
|
|
183
|
-
exports.Sidebar.Section = SidebarSection_1.SidebarSection;
|
|
144
|
+
Sidebar.Section = SidebarSection;
|
|
184
145
|
//# sourceMappingURL=Sidebar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;EACA,SCuHW;;ADrHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"SidebarSection.css"}
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
2
|
var t = {};
|
|
15
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -21,21 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
9
|
}
|
|
22
10
|
return t;
|
|
23
11
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var SidebarSection = function (_a) {
|
|
32
|
-
var children = _a.children, className = _a.className, _b = _a.el, Element = _b === void 0 ? 'div' : _b, _c = _a.padding, padding = _c === void 0 ? true : _c, props = __rest(_a, ["children", "className", "el", "padding"]);
|
|
33
|
-
var SidebarClasses = (0, classnames_1.default)('SidebarSection', className, {
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
export const SidebarSection = (_a) => {
|
|
15
|
+
var { children, className, el: Element = 'div', padding = true } = _a, props = __rest(_a, ["children", "className", "el", "padding"]);
|
|
16
|
+
const SidebarClasses = classnames('SidebarSection', className, {
|
|
34
17
|
'SidebarSection--p-x': padding === 'x',
|
|
35
18
|
'SidebarSection--p-y': padding === 'y',
|
|
36
19
|
'SidebarSection--p-none': !padding,
|
|
37
20
|
});
|
|
38
|
-
return (
|
|
21
|
+
return (React.createElement(Element, Object.assign({ className: SidebarClasses }, props), children));
|
|
39
22
|
};
|
|
40
|
-
exports.SidebarSection = SidebarSection;
|
|
41
23
|
//# sourceMappingURL=SidebarSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarSection.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SidebarSection.js","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarSection.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AAiBpC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAMvD,EAAE,EAAE;QANmD,EACvD,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,OAAO,GAAG,KAAK,EACnB,OAAO,GAAG,IAAI,OAEd,EADG,KAAK,cAL+C,0CAMvD,CADQ;IAER,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC9D,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,qBAAqB,EAAE,OAAO,KAAK,GAAG;QACtC,wBAAwB,EAAE,CAAC,OAAO;KAClC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,OAAO,kBAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1,57 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.ToggleButton = void 0;
|
|
23
|
-
var react_1 = __importStar(require("react"));
|
|
24
|
-
var Tooltip_1 = require("../Tooltip");
|
|
25
|
-
var Button_1 = require("../Button");
|
|
26
|
-
var ToggleButton = function (_a) {
|
|
27
|
-
var className = _a.className, isTouchScreen = _a.isTouchScreen, isDisplaySmall = _a.isDisplaySmall, openOnLargeDisplay = _a.openOnLargeDisplay, openOnSmallDisplay = _a.openOnSmallDisplay, open = _a.open, close = _a.close, onPointerEnter = _a.onPointerEnter, onPointerLeave = _a.onPointerLeave;
|
|
28
|
-
var isCollapseButton = (isDisplaySmall && openOnSmallDisplay) ||
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
|
+
import { Tooltip } from '../Tooltip';
|
|
3
|
+
import { Button } from '../Button';
|
|
4
|
+
export const ToggleButton = ({ className, isTouchScreen, isDisplaySmall, openOnLargeDisplay, openOnSmallDisplay, open, close, onPointerEnter, onPointerLeave, }) => {
|
|
5
|
+
const isCollapseButton = (isDisplaySmall && openOnSmallDisplay) ||
|
|
29
6
|
(!isDisplaySmall &&
|
|
30
7
|
openOnLargeDisplay.value &&
|
|
31
8
|
!openOnLargeDisplay.temporary);
|
|
32
|
-
|
|
9
|
+
const iconName = isCollapseButton
|
|
33
10
|
? 'keyboard_arrow_left'
|
|
34
11
|
: 'keyboard_arrow_right';
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
12
|
+
const size = isTouchScreen ? 'medium' : 'small';
|
|
13
|
+
const pointerId = useRef();
|
|
14
|
+
const getTooltipText = () => {
|
|
38
15
|
if (isCollapseButton)
|
|
39
16
|
return 'Close sidebar';
|
|
40
17
|
if (!isDisplaySmall && openOnLargeDisplay.temporary)
|
|
41
18
|
return 'Keep sidebar open';
|
|
42
19
|
return 'Open sidebar';
|
|
43
20
|
};
|
|
44
|
-
|
|
21
|
+
const handlePointerDown = (e) => {
|
|
45
22
|
pointerId.current = e.pointerId;
|
|
46
23
|
};
|
|
47
|
-
|
|
24
|
+
const handlePointerUp = (e) => {
|
|
48
25
|
if (e.pointerId === pointerId.current) {
|
|
49
26
|
isCollapseButton ? close() : open({ temporary: isDisplaySmall });
|
|
50
27
|
pointerId.current = undefined;
|
|
51
28
|
}
|
|
52
29
|
};
|
|
53
|
-
return (
|
|
54
|
-
|
|
30
|
+
return (React.createElement(Tooltip, { hoverOnly: true, className: "Sidebar__toggle-button-wrapper", direction: "r", text: getTooltipText(), onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave },
|
|
31
|
+
React.createElement(Button, { className: className, iconName: iconName, size: size, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave })));
|
|
55
32
|
};
|
|
56
|
-
exports.ToggleButton = ToggleButton;
|
|
57
33
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAiBnC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACzD,SAAS,EACT,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,GACd,EAAE,EAAE;IACJ,MAAM,gBAAgB,GACrB,CAAC,cAAc,IAAI,kBAAkB,CAAC;QACtC,CAAC,CAAC,cAAc;YACf,kBAAkB,CAAC,KAAK;YACxB,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,gBAAgB;QAChC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,sBAAsB,CAAC;IAC1B,MAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhD,MAAM,SAAS,GAAG,MAAM,EAAU,CAAC;IAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,gBAAgB;YAAE,OAAO,eAAe,CAAC;QAC7C,IAAI,CAAC,cAAc,IAAI,kBAAkB,CAAC,SAAS;YAClD,OAAO,mBAAmB,CAAC;QAC5B,OAAO,cAAc,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAqC,EAAE,EAAE;QACnE,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAqC,EAAE,EAAE;QACjE,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,OAAO,EAAE;YACtC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;YACjE,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACF,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,IACP,SAAS,QACT,SAAS,EAAC,gCAAgC,EAC1C,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,cAAc,EAAE,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc;QAE9B,oBAAC,MAAM,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC7B,CACO,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Sidebar/SidebarSection.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA,OCiBa;ADfb;EACA;EDQA;EACA;EACA;EACA,OAbe;EAcf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAzBe;EA0Bf;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YEhCX;;AFkCb;AAAA;AAAA;AAAA;AAAA;EACuB,YEjBL;;;AFoBnB;EACC,OArDyB;;AAuDzB;EACC,OAxDwB;;AA2DzB;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OAzEyB;;AA2EzB;EACC,OA7Ec;EA8Ed;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA1F6B;;;AA8F/B;EACC;EACA,eA/F6B;EAgG7B;EACA;EACA;EACA;;AAEA;EACC,kBEhFe;EFiFf,OE9Ee;EF+Ef,cE/Ee;EFgFf;;;AAIF;EACC;EACA,KA9G2B;EA+G3B;EACA;;;AGtHD;EACC;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Sidebar/SidebarSection.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA,OCiBa;ADfb;EACA;EDQA;EACA;EACA;EACA,OAbe;EAcf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAzBe;EA0Bf;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YEhCX;;AFkCb;AAAA;AAAA;AAAA;AAAA;EACuB,YEjBL;;;AFoBnB;EACC,OArDyB;;AAuDzB;EACC,OAxDwB;;AA2DzB;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OAzEyB;;AA2EzB;EACC,OA7Ec;EA8Ed;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA1F6B;;;AA8F/B;EACC;EACA,eA/F6B;EAgG7B;EACA;EACA;EACA;;AAEA;EACC,kBEhFe;EFiFf,OE9Ee;EF+Ef,cE/Ee;EFgFf;;;AAIF;EACC;EACA,KA9G2B;EA+G3B;EACA;;;AGtHD;EACC;EACA,SDuHW;;ACrHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}
|