@navikt/ds-react 7.15.0 → 7.16.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/accordion/Accordion.js +3 -2
- package/cjs/accordion/Accordion.js.map +1 -1
- package/cjs/accordion/AccordionContent.js +3 -6
- package/cjs/accordion/AccordionContent.js.map +1 -1
- package/cjs/accordion/AccordionHeader.js +5 -8
- package/cjs/accordion/AccordionHeader.js.map +1 -1
- package/cjs/accordion/AccordionItem.js +3 -5
- package/cjs/accordion/AccordionItem.js.map +1 -1
- package/cjs/alert/Alert.js +7 -9
- package/cjs/alert/Alert.js.map +1 -1
- package/cjs/button/Button.js +5 -7
- package/cjs/button/Button.js.map +1 -1
- package/cjs/chat/Bubble.js +4 -6
- package/cjs/chat/Bubble.js.map +1 -1
- package/cjs/chat/Chat.js +5 -4
- package/cjs/chat/Chat.js.map +1 -1
- package/cjs/chips/Chips.js +3 -2
- package/cjs/chips/Chips.js.map +1 -1
- package/cjs/chips/Removable.js +5 -7
- package/cjs/chips/Removable.js.map +1 -1
- package/cjs/chips/Toggle.js +5 -7
- package/cjs/chips/Toggle.js.map +1 -1
- package/cjs/copybutton/CopyButton.js +8 -7
- package/cjs/copybutton/CopyButton.js.map +1 -1
- package/cjs/date/Date.Dialog.js +5 -7
- package/cjs/date/Date.Dialog.js.map +1 -1
- package/cjs/date/Date.Input.js +9 -11
- package/cjs/date/Date.Input.js.map +1 -1
- package/cjs/date/datepicker/DatePicker.js +3 -2
- package/cjs/date/datepicker/DatePicker.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js +3 -5
- package/cjs/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Months.js +9 -7
- package/cjs/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.RDP.js +3 -5
- package/cjs/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js +3 -5
- package/cjs/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js +4 -6
- package/cjs/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js +6 -4
- package/cjs/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/cjs/date/monthpicker/MonthPicker.js +4 -6
- package/cjs/date/monthpicker/MonthPicker.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js +4 -6
- package/cjs/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js +6 -4
- package/cjs/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js +4 -6
- package/cjs/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/cjs/dropdown/Menu/Divider.js +3 -5
- package/cjs/dropdown/Menu/Divider.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js +3 -5
- package/cjs/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js +4 -6
- package/cjs/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/cjs/dropdown/Menu/GroupedList/index.js +3 -2
- package/cjs/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/cjs/dropdown/Menu/List/Item.js +4 -6
- package/cjs/dropdown/Menu/List/Item.js.map +1 -1
- package/cjs/dropdown/Menu/List/index.js +3 -2
- package/cjs/dropdown/Menu/List/index.js.map +1 -1
- package/cjs/dropdown/Menu/index.js +3 -2
- package/cjs/dropdown/Menu/index.js.map +1 -1
- package/cjs/dropdown/Toggle.js +3 -5
- package/cjs/dropdown/Toggle.js.map +1 -1
- package/cjs/expansion-card/ExpansionCard.js +3 -2
- package/cjs/expansion-card/ExpansionCard.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardContent.js +4 -6
- package/cjs/expansion-card/ExpansionCardContent.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardDescription.js +3 -5
- package/cjs/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardHeader.js +6 -8
- package/cjs/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/cjs/expansion-card/ExpansionCardTitle.js +3 -5
- package/cjs/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/cjs/form/ReadOnlyIcon.js +9 -2
- package/cjs/form/ReadOnlyIcon.js.map +1 -1
- package/cjs/form/checkbox/Checkbox.js +11 -10
- package/cjs/form/checkbox/Checkbox.js.map +1 -1
- package/cjs/form/checkbox/CheckboxGroup.js +4 -6
- package/cjs/form/checkbox/CheckboxGroup.js.map +1 -1
- package/cjs/form/combobox/Combobox.js +6 -5
- package/cjs/form/combobox/Combobox.js.map +1 -1
- package/cjs/form/combobox/ComboboxWrapper.js +3 -5
- package/cjs/form/combobox/ComboboxWrapper.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js +3 -2
- package/cjs/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js +5 -4
- package/cjs/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js +3 -2
- package/cjs/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
- package/cjs/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js +3 -1
- package/cjs/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js +3 -1
- package/cjs/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/cjs/form/combobox/Input/Input.js +3 -2
- package/cjs/form/combobox/Input/Input.js.map +1 -1
- package/cjs/form/combobox/Input/InputController.js +3 -2
- package/cjs/form/combobox/Input/InputController.js.map +1 -1
- package/cjs/form/combobox/Input/ToggleListButton.js +3 -1
- package/cjs/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js +5 -2
- package/cjs/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/cjs/form/confirmation-panel/ConfirmationPanel.js +6 -4
- package/cjs/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummary.js +5 -4
- package/cjs/form/error-summary/ErrorSummary.js.map +1 -1
- package/cjs/form/error-summary/ErrorSummaryItem.js +3 -5
- package/cjs/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/cjs/form/fieldset/Fieldset.js +6 -4
- package/cjs/form/fieldset/Fieldset.js.map +1 -1
- package/cjs/form/file-upload/FileUpload.js +3 -2
- package/cjs/form/file-upload/FileUpload.js.map +1 -1
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js +13 -11
- package/cjs/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/cjs/form/file-upload/parts/item/Item.js +6 -5
- package/cjs/form/file-upload/parts/item/Item.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemButton.js +3 -1
- package/cjs/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/cjs/form/file-upload/parts/item/ItemIcon.js +5 -3
- package/cjs/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/cjs/form/form-progress/FormProgress.js +9 -7
- package/cjs/form/form-progress/FormProgress.js.map +1 -1
- package/cjs/form/form-summary/FormSummary.js +3 -2
- package/cjs/form/form-summary/FormSummary.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswer.js +3 -2
- package/cjs/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryAnswers.js +3 -5
- package/cjs/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryEditLink.js +3 -5
- package/cjs/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryHeader.js +3 -5
- package/cjs/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/cjs/form/form-summary/FormSummaryValue.js +3 -5
- package/cjs/form/form-summary/FormSummaryValue.js.map +1 -1
- package/cjs/form/radio/Radio.js +7 -5
- package/cjs/form/radio/Radio.js.map +1 -1
- package/cjs/form/radio/RadioGroup.js +4 -6
- package/cjs/form/radio/RadioGroup.js.map +1 -1
- package/cjs/form/search/Search.js +11 -11
- package/cjs/form/search/Search.js.map +1 -1
- package/cjs/form/search/SearchButton.js +3 -5
- package/cjs/form/search/SearchButton.js.map +1 -1
- package/cjs/form/select/Select.js +9 -11
- package/cjs/form/select/Select.js.map +1 -1
- package/cjs/form/switch/Switch.js +10 -12
- package/cjs/form/switch/Switch.js.map +1 -1
- package/cjs/form/textarea/Textarea.js +7 -5
- package/cjs/form/textarea/Textarea.js.map +1 -1
- package/cjs/form/textarea/TextareaCounter.js +5 -4
- package/cjs/form/textarea/TextareaCounter.js.map +1 -1
- package/cjs/form/textfield/TextField.js +7 -9
- package/cjs/form/textfield/TextField.js.map +1 -1
- package/cjs/guide-panel/GuidePanel.js +6 -9
- package/cjs/guide-panel/GuidePanel.js.map +1 -1
- package/cjs/help-text/HelpText.js +5 -8
- package/cjs/help-text/HelpText.js.map +1 -1
- package/cjs/help-text/HelpTextIcon.js +3 -2
- package/cjs/help-text/HelpTextIcon.js.map +1 -1
- package/cjs/internal-header/InternalHeader.d.ts +2 -1
- package/cjs/internal-header/InternalHeader.js +5 -4
- package/cjs/internal-header/InternalHeader.js.map +1 -1
- package/cjs/internal-header/InternalHeaderButton.js +3 -5
- package/cjs/internal-header/InternalHeaderButton.js.map +1 -1
- package/cjs/internal-header/InternalHeaderTitle.js +3 -5
- package/cjs/internal-header/InternalHeaderTitle.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUser.js +3 -5
- package/cjs/internal-header/InternalHeaderUser.js.map +1 -1
- package/cjs/internal-header/InternalHeaderUserButton.js +3 -2
- package/cjs/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/cjs/layout/base/BasePrimitive.js +2 -2
- package/cjs/layout/base/BasePrimitive.js.map +1 -1
- package/cjs/layout/bleed/Bleed.js +2 -5
- package/cjs/layout/bleed/Bleed.js.map +1 -1
- package/cjs/layout/box/Box.darkside.js +3 -5
- package/cjs/layout/box/Box.darkside.js.map +1 -1
- package/cjs/layout/box/Box.js +2 -2
- package/cjs/layout/box/Box.js.map +1 -1
- package/cjs/layout/grid/HGrid.js +2 -5
- package/cjs/layout/grid/HGrid.js.map +1 -1
- package/cjs/layout/page/Page.js +3 -6
- package/cjs/layout/page/Page.js.map +1 -1
- package/cjs/layout/page/parts/PageBlock.js +3 -5
- package/cjs/layout/page/parts/PageBlock.js.map +1 -1
- package/cjs/layout/responsive/Responsive.js +3 -5
- package/cjs/layout/responsive/Responsive.js.map +1 -1
- package/cjs/layout/stack/Spacer.js +5 -1
- package/cjs/layout/stack/Spacer.js.map +1 -1
- package/cjs/layout/stack/Stack.js +2 -5
- package/cjs/layout/stack/Stack.js.map +1 -1
- package/cjs/link/Link.js +3 -5
- package/cjs/link/Link.js.map +1 -1
- package/cjs/link-panel/LinkPanel.js +5 -7
- package/cjs/link-panel/LinkPanel.js.map +1 -1
- package/cjs/link-panel/LinkPanelDescription.js +3 -5
- package/cjs/link-panel/LinkPanelDescription.js.map +1 -1
- package/cjs/link-panel/LinkPanelTitle.js +3 -5
- package/cjs/link-panel/LinkPanelTitle.js.map +1 -1
- package/cjs/list/List.Item.js +4 -6
- package/cjs/list/List.Item.js.map +1 -1
- package/cjs/list/List.js +3 -6
- package/cjs/list/List.js.map +1 -1
- package/cjs/loader/Loader.js +5 -7
- package/cjs/loader/Loader.js.map +1 -1
- package/cjs/modal/Modal.js +8 -7
- package/cjs/modal/Modal.js.map +1 -1
- package/cjs/modal/ModalBody.js +3 -5
- package/cjs/modal/ModalBody.js.map +1 -1
- package/cjs/modal/ModalFooter.js +3 -5
- package/cjs/modal/ModalFooter.js.map +1 -1
- package/cjs/modal/ModalHeader.js +4 -6
- package/cjs/modal/ModalHeader.js.map +1 -1
- package/cjs/overlays/action-menu/ActionMenu.js +37 -30
- package/cjs/overlays/action-menu/ActionMenu.js.map +1 -1
- package/cjs/pagination/Pagination.js +7 -5
- package/cjs/pagination/Pagination.js.map +1 -1
- package/cjs/pagination/PaginationItem.js +2 -5
- package/cjs/pagination/PaginationItem.js.map +1 -1
- package/cjs/panel/Panel.js +3 -5
- package/cjs/panel/Panel.js.map +1 -1
- package/cjs/popover/Popover.js +3 -3
- package/cjs/popover/Popover.js.map +1 -1
- package/cjs/popover/PopoverContent.js +3 -5
- package/cjs/popover/PopoverContent.js.map +1 -1
- package/cjs/progress-bar/ProgressBar.js +4 -6
- package/cjs/progress-bar/ProgressBar.js.map +1 -1
- package/cjs/read-more/ReadMore.js +6 -8
- package/cjs/read-more/ReadMore.js.map +1 -1
- package/cjs/skeleton/Skeleton.js +3 -5
- package/cjs/skeleton/Skeleton.js.map +1 -1
- package/cjs/stepper/Step.js +6 -8
- package/cjs/stepper/Step.js.map +1 -1
- package/cjs/stepper/Stepper.js +6 -5
- package/cjs/stepper/Stepper.js.map +1 -1
- package/cjs/table/AnimateHeight.js +4 -2
- package/cjs/table/AnimateHeight.js.map +1 -1
- package/cjs/table/Body.js +3 -5
- package/cjs/table/Body.js.map +1 -1
- package/cjs/table/ColumnHeader.js +4 -2
- package/cjs/table/ColumnHeader.js.map +1 -1
- package/cjs/table/DataCell.js +3 -5
- package/cjs/table/DataCell.js.map +1 -1
- package/cjs/table/ExpandableRow.js +9 -8
- package/cjs/table/ExpandableRow.js.map +1 -1
- package/cjs/table/Header.js +3 -5
- package/cjs/table/Header.js.map +1 -1
- package/cjs/table/HeaderCell.js +3 -5
- package/cjs/table/HeaderCell.js.map +1 -1
- package/cjs/table/Row.js +3 -5
- package/cjs/table/Row.js.map +1 -1
- package/cjs/table/Table.js +3 -2
- package/cjs/table/Table.js.map +1 -1
- package/cjs/tabs/Tabs.d.ts +3 -3
- package/cjs/tabs/Tabs.js +6 -5
- package/cjs/tabs/Tabs.js.map +1 -1
- package/cjs/tabs/parts/tab/Tab.js +4 -6
- package/cjs/tabs/parts/tab/Tab.js.map +1 -1
- package/cjs/tabs/parts/tablist/ScrollButtons.js +3 -2
- package/cjs/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/cjs/tabs/parts/tablist/TabList.js +4 -3
- package/cjs/tabs/parts/tablist/TabList.js.map +1 -1
- package/cjs/tabs/parts/tabpanel/TabPanel.js +3 -5
- package/cjs/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/cjs/tag/Tag.js +4 -6
- package/cjs/tag/Tag.js.map +1 -1
- package/cjs/theme/Theme.d.ts +4 -1
- package/cjs/theme/Theme.js +2 -4
- package/cjs/theme/Theme.js.map +1 -1
- package/cjs/timeline/AxisLabels.js +3 -1
- package/cjs/timeline/AxisLabels.js.map +1 -1
- package/cjs/timeline/Pin.js +5 -4
- package/cjs/timeline/Pin.js.map +1 -1
- package/cjs/timeline/Timeline.js +3 -1
- package/cjs/timeline/Timeline.js.map +1 -1
- package/cjs/timeline/TimelineRow.js +5 -4
- package/cjs/timeline/TimelineRow.js.map +1 -1
- package/cjs/timeline/period/ClickablePeriod.js +5 -8
- package/cjs/timeline/period/ClickablePeriod.js.map +1 -1
- package/cjs/timeline/period/NonClickablePeriod.js +5 -4
- package/cjs/timeline/period/NonClickablePeriod.js.map +1 -1
- package/cjs/timeline/utils/period.js +1 -0
- package/cjs/timeline/utils/period.js.map +1 -1
- package/cjs/timeline/zoom/ZoomButton.js +3 -1
- package/cjs/timeline/zoom/ZoomButton.js.map +1 -1
- package/cjs/timeline/zoom/index.js +3 -2
- package/cjs/timeline/zoom/index.js.map +1 -1
- package/cjs/toggle-group/ToggleGroup.js +5 -3
- package/cjs/toggle-group/ToggleGroup.js.map +1 -1
- package/cjs/toggle-group/parts/ToggleItem.js +4 -6
- package/cjs/toggle-group/parts/ToggleItem.js.map +1 -1
- package/cjs/tooltip/Tooltip.js +5 -7
- package/cjs/tooltip/Tooltip.js.map +1 -1
- package/cjs/typography/BodyLong.js +3 -5
- package/cjs/typography/BodyLong.js.map +1 -1
- package/cjs/typography/BodyShort.js +3 -5
- package/cjs/typography/BodyShort.js.map +1 -1
- package/cjs/typography/Detail.js +3 -5
- package/cjs/typography/Detail.js.map +1 -1
- package/cjs/typography/ErrorMessage.js +3 -5
- package/cjs/typography/ErrorMessage.js.map +1 -1
- package/cjs/typography/Heading.js +3 -5
- package/cjs/typography/Heading.js.map +1 -1
- package/cjs/typography/Ingress.js +3 -5
- package/cjs/typography/Ingress.js.map +1 -1
- package/cjs/typography/Label.js +3 -5
- package/cjs/typography/Label.js.map +1 -1
- package/cjs/typography/util.js +1 -0
- package/cjs/typography/util.js.map +1 -1
- package/cjs/util/types/AsChildProps.d.ts +4 -4
- package/esm/accordion/Accordion.js +3 -2
- package/esm/accordion/Accordion.js.map +1 -1
- package/esm/accordion/AccordionContent.js +4 -4
- package/esm/accordion/AccordionContent.js.map +1 -1
- package/esm/accordion/AccordionHeader.js +6 -6
- package/esm/accordion/AccordionHeader.js.map +1 -1
- package/esm/accordion/AccordionItem.js +3 -2
- package/esm/accordion/AccordionItem.js.map +1 -1
- package/esm/alert/Alert.js +7 -6
- package/esm/alert/Alert.js.map +1 -1
- package/esm/button/Button.js +5 -4
- package/esm/button/Button.js.map +1 -1
- package/esm/chat/Bubble.js +4 -3
- package/esm/chat/Bubble.js.map +1 -1
- package/esm/chat/Chat.js +5 -4
- package/esm/chat/Chat.js.map +1 -1
- package/esm/chips/Chips.js +3 -2
- package/esm/chips/Chips.js.map +1 -1
- package/esm/chips/Removable.js +5 -4
- package/esm/chips/Removable.js.map +1 -1
- package/esm/chips/Toggle.js +5 -4
- package/esm/chips/Toggle.js.map +1 -1
- package/esm/copybutton/CopyButton.js +9 -8
- package/esm/copybutton/CopyButton.js.map +1 -1
- package/esm/date/Date.Dialog.js +5 -4
- package/esm/date/Date.Dialog.js.map +1 -1
- package/esm/date/Date.Input.js +9 -8
- package/esm/date/Date.Input.js.map +1 -1
- package/esm/date/datepicker/DatePicker.js +3 -2
- package/esm/date/datepicker/DatePicker.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.DayButton.js +3 -2
- package/esm/date/datepicker/parts/DatePicker.DayButton.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Months.js +9 -7
- package/esm/date/datepicker/parts/DatePicker.Months.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.RDP.js +3 -2
- package/esm/date/datepicker/parts/DatePicker.RDP.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.Standalone.js +3 -2
- package/esm/date/datepicker/parts/DatePicker.Standalone.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js +4 -3
- package/esm/date/datepicker/parts/DatePicker.WeekNumber.js.map +1 -1
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js +6 -4
- package/esm/date/datepicker/parts/DatePicker.WeekRow.js.map +1 -1
- package/esm/date/monthpicker/MonthPicker.js +4 -3
- package/esm/date/monthpicker/MonthPicker.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Button.js +4 -3
- package/esm/date/monthpicker/parts/MonthPicker.Button.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js +6 -4
- package/esm/date/monthpicker/parts/MonthPicker.Caption.js.map +1 -1
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js +4 -3
- package/esm/date/monthpicker/parts/MonthPicker.Standalone.js.map +1 -1
- package/esm/dropdown/Menu/Divider.js +3 -2
- package/esm/dropdown/Menu/Divider.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js +3 -2
- package/esm/dropdown/Menu/GroupedList/GroupedHeading.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js +4 -3
- package/esm/dropdown/Menu/GroupedList/GroupedItem.js.map +1 -1
- package/esm/dropdown/Menu/GroupedList/index.js +3 -2
- package/esm/dropdown/Menu/GroupedList/index.js.map +1 -1
- package/esm/dropdown/Menu/List/Item.js +4 -3
- package/esm/dropdown/Menu/List/Item.js.map +1 -1
- package/esm/dropdown/Menu/List/index.js +3 -2
- package/esm/dropdown/Menu/List/index.js.map +1 -1
- package/esm/dropdown/Menu/index.js +3 -2
- package/esm/dropdown/Menu/index.js.map +1 -1
- package/esm/dropdown/Toggle.js +3 -2
- package/esm/dropdown/Toggle.js.map +1 -1
- package/esm/expansion-card/ExpansionCard.js +3 -2
- package/esm/expansion-card/ExpansionCard.js.map +1 -1
- package/esm/expansion-card/ExpansionCardContent.js +4 -3
- package/esm/expansion-card/ExpansionCardContent.js.map +1 -1
- package/esm/expansion-card/ExpansionCardDescription.js +3 -2
- package/esm/expansion-card/ExpansionCardDescription.js.map +1 -1
- package/esm/expansion-card/ExpansionCardHeader.js +6 -5
- package/esm/expansion-card/ExpansionCardHeader.js.map +1 -1
- package/esm/expansion-card/ExpansionCardTitle.js +3 -2
- package/esm/expansion-card/ExpansionCardTitle.js.map +1 -1
- package/esm/form/ReadOnlyIcon.js +9 -2
- package/esm/form/ReadOnlyIcon.js.map +1 -1
- package/esm/form/checkbox/Checkbox.js +11 -10
- package/esm/form/checkbox/Checkbox.js.map +1 -1
- package/esm/form/checkbox/CheckboxGroup.js +4 -3
- package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
- package/esm/form/combobox/Combobox.js +6 -5
- package/esm/form/combobox/Combobox.js.map +1 -1
- package/esm/form/combobox/ComboboxWrapper.js +3 -2
- package/esm/form/combobox/ComboboxWrapper.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/AddNewOption.js +3 -2
- package/esm/form/combobox/FilteredOptions/AddNewOption.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js +5 -4
- package/esm/form/combobox/FilteredOptions/FilteredOptions.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js +3 -2
- package/esm/form/combobox/FilteredOptions/FilteredOptionsItem.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js +3 -1
- package/esm/form/combobox/FilteredOptions/LoadingMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js +3 -1
- package/esm/form/combobox/FilteredOptions/MaxSelectedMessage.js.map +1 -1
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js +3 -1
- package/esm/form/combobox/FilteredOptions/NoSearchHitsMessage.js.map +1 -1
- package/esm/form/combobox/Input/Input.js +3 -2
- package/esm/form/combobox/Input/Input.js.map +1 -1
- package/esm/form/combobox/Input/InputController.js +3 -2
- package/esm/form/combobox/Input/InputController.js.map +1 -1
- package/esm/form/combobox/Input/ToggleListButton.js +3 -1
- package/esm/form/combobox/Input/ToggleListButton.js.map +1 -1
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js +5 -2
- package/esm/form/combobox/SelectedOptions/SelectedOptions.js.map +1 -1
- package/esm/form/confirmation-panel/ConfirmationPanel.js +6 -4
- package/esm/form/confirmation-panel/ConfirmationPanel.js.map +1 -1
- package/esm/form/error-summary/ErrorSummary.js +5 -4
- package/esm/form/error-summary/ErrorSummary.js.map +1 -1
- package/esm/form/error-summary/ErrorSummaryItem.js +3 -2
- package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
- package/esm/form/fieldset/Fieldset.js +6 -4
- package/esm/form/fieldset/Fieldset.js.map +1 -1
- package/esm/form/file-upload/FileUpload.js +3 -2
- package/esm/form/file-upload/FileUpload.js.map +1 -1
- package/esm/form/file-upload/parts/dropzone/Dropzone.js +13 -11
- package/esm/form/file-upload/parts/dropzone/Dropzone.js.map +1 -1
- package/esm/form/file-upload/parts/item/Item.js +6 -5
- package/esm/form/file-upload/parts/item/Item.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemButton.js +3 -1
- package/esm/form/file-upload/parts/item/ItemButton.js.map +1 -1
- package/esm/form/file-upload/parts/item/ItemIcon.js +5 -3
- package/esm/form/file-upload/parts/item/ItemIcon.js.map +1 -1
- package/esm/form/form-progress/FormProgress.js +9 -7
- package/esm/form/form-progress/FormProgress.js.map +1 -1
- package/esm/form/form-summary/FormSummary.js +3 -2
- package/esm/form/form-summary/FormSummary.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswer.js +3 -2
- package/esm/form/form-summary/FormSummaryAnswer.js.map +1 -1
- package/esm/form/form-summary/FormSummaryAnswers.js +3 -2
- package/esm/form/form-summary/FormSummaryAnswers.js.map +1 -1
- package/esm/form/form-summary/FormSummaryEditLink.js +3 -2
- package/esm/form/form-summary/FormSummaryEditLink.js.map +1 -1
- package/esm/form/form-summary/FormSummaryHeader.js +3 -2
- package/esm/form/form-summary/FormSummaryHeader.js.map +1 -1
- package/esm/form/form-summary/FormSummaryValue.js +3 -2
- package/esm/form/form-summary/FormSummaryValue.js.map +1 -1
- package/esm/form/radio/Radio.js +7 -5
- package/esm/form/radio/Radio.js.map +1 -1
- package/esm/form/radio/RadioGroup.js +4 -3
- package/esm/form/radio/RadioGroup.js.map +1 -1
- package/esm/form/search/Search.js +12 -12
- package/esm/form/search/Search.js.map +1 -1
- package/esm/form/search/SearchButton.js +3 -2
- package/esm/form/search/SearchButton.js.map +1 -1
- package/esm/form/select/Select.js +9 -8
- package/esm/form/select/Select.js.map +1 -1
- package/esm/form/switch/Switch.js +10 -9
- package/esm/form/switch/Switch.js.map +1 -1
- package/esm/form/textarea/Textarea.js +7 -5
- package/esm/form/textarea/Textarea.js.map +1 -1
- package/esm/form/textarea/TextareaCounter.js +5 -4
- package/esm/form/textarea/TextareaCounter.js.map +1 -1
- package/esm/form/textfield/TextField.js +7 -6
- package/esm/form/textfield/TextField.js.map +1 -1
- package/esm/guide-panel/GuidePanel.js +7 -7
- package/esm/guide-panel/GuidePanel.js.map +1 -1
- package/esm/help-text/HelpText.js +6 -6
- package/esm/help-text/HelpText.js.map +1 -1
- package/esm/help-text/HelpTextIcon.js +3 -2
- package/esm/help-text/HelpTextIcon.js.map +1 -1
- package/esm/internal-header/InternalHeader.d.ts +2 -1
- package/esm/internal-header/InternalHeader.js +6 -5
- package/esm/internal-header/InternalHeader.js.map +1 -1
- package/esm/internal-header/InternalHeaderButton.js +3 -2
- package/esm/internal-header/InternalHeaderButton.js.map +1 -1
- package/esm/internal-header/InternalHeaderTitle.js +3 -2
- package/esm/internal-header/InternalHeaderTitle.js.map +1 -1
- package/esm/internal-header/InternalHeaderUser.js +3 -2
- package/esm/internal-header/InternalHeaderUser.js.map +1 -1
- package/esm/internal-header/InternalHeaderUserButton.js +3 -2
- package/esm/internal-header/InternalHeaderUserButton.js.map +1 -1
- package/esm/layout/base/BasePrimitive.js +3 -3
- package/esm/layout/base/BasePrimitive.js.map +1 -1
- package/esm/layout/bleed/Bleed.js +3 -3
- package/esm/layout/bleed/Bleed.js.map +1 -1
- package/esm/layout/box/Box.darkside.js +3 -2
- package/esm/layout/box/Box.darkside.js.map +1 -1
- package/esm/layout/box/Box.js +3 -3
- package/esm/layout/box/Box.js.map +1 -1
- package/esm/layout/grid/HGrid.js +3 -3
- package/esm/layout/grid/HGrid.js.map +1 -1
- package/esm/layout/page/Page.js +4 -4
- package/esm/layout/page/Page.js.map +1 -1
- package/esm/layout/page/parts/PageBlock.js +3 -2
- package/esm/layout/page/parts/PageBlock.js.map +1 -1
- package/esm/layout/responsive/Responsive.js +3 -2
- package/esm/layout/responsive/Responsive.js.map +1 -1
- package/esm/layout/stack/Spacer.js +5 -1
- package/esm/layout/stack/Spacer.js.map +1 -1
- package/esm/layout/stack/Stack.js +3 -3
- package/esm/layout/stack/Stack.js.map +1 -1
- package/esm/link/Link.js +3 -2
- package/esm/link/Link.js.map +1 -1
- package/esm/link-panel/LinkPanel.js +5 -4
- package/esm/link-panel/LinkPanel.js.map +1 -1
- package/esm/link-panel/LinkPanelDescription.js +3 -2
- package/esm/link-panel/LinkPanelDescription.js.map +1 -1
- package/esm/link-panel/LinkPanelTitle.js +3 -2
- package/esm/link-panel/LinkPanelTitle.js.map +1 -1
- package/esm/list/List.Item.js +4 -3
- package/esm/list/List.Item.js.map +1 -1
- package/esm/list/List.js +4 -4
- package/esm/list/List.js.map +1 -1
- package/esm/loader/Loader.js +5 -4
- package/esm/loader/Loader.js.map +1 -1
- package/esm/modal/Modal.js +8 -7
- package/esm/modal/Modal.js.map +1 -1
- package/esm/modal/ModalBody.js +3 -2
- package/esm/modal/ModalBody.js.map +1 -1
- package/esm/modal/ModalFooter.js +3 -2
- package/esm/modal/ModalFooter.js.map +1 -1
- package/esm/modal/ModalHeader.js +4 -3
- package/esm/modal/ModalHeader.js.map +1 -1
- package/esm/overlays/action-menu/ActionMenu.js +38 -28
- package/esm/overlays/action-menu/ActionMenu.js.map +1 -1
- package/esm/pagination/Pagination.js +7 -5
- package/esm/pagination/Pagination.js.map +1 -1
- package/esm/pagination/PaginationItem.js +3 -3
- package/esm/pagination/PaginationItem.js.map +1 -1
- package/esm/panel/Panel.js +3 -2
- package/esm/panel/Panel.js.map +1 -1
- package/esm/popover/Popover.js +4 -4
- package/esm/popover/Popover.js.map +1 -1
- package/esm/popover/PopoverContent.js +3 -2
- package/esm/popover/PopoverContent.js.map +1 -1
- package/esm/progress-bar/ProgressBar.js +4 -3
- package/esm/progress-bar/ProgressBar.js.map +1 -1
- package/esm/read-more/ReadMore.js +6 -5
- package/esm/read-more/ReadMore.js.map +1 -1
- package/esm/skeleton/Skeleton.js +3 -2
- package/esm/skeleton/Skeleton.js.map +1 -1
- package/esm/stepper/Step.js +6 -5
- package/esm/stepper/Step.js.map +1 -1
- package/esm/stepper/Stepper.js +6 -5
- package/esm/stepper/Stepper.js.map +1 -1
- package/esm/table/AnimateHeight.js +4 -2
- package/esm/table/AnimateHeight.js.map +1 -1
- package/esm/table/Body.js +3 -2
- package/esm/table/Body.js.map +1 -1
- package/esm/table/ColumnHeader.js +4 -2
- package/esm/table/ColumnHeader.js.map +1 -1
- package/esm/table/DataCell.js +3 -2
- package/esm/table/DataCell.js.map +1 -1
- package/esm/table/ExpandableRow.js +9 -8
- package/esm/table/ExpandableRow.js.map +1 -1
- package/esm/table/Header.js +3 -2
- package/esm/table/Header.js.map +1 -1
- package/esm/table/HeaderCell.js +3 -2
- package/esm/table/HeaderCell.js.map +1 -1
- package/esm/table/Row.js +3 -2
- package/esm/table/Row.js.map +1 -1
- package/esm/table/Table.js +3 -2
- package/esm/table/Table.js.map +1 -1
- package/esm/tabs/Tabs.d.ts +3 -3
- package/esm/tabs/Tabs.js +6 -5
- package/esm/tabs/Tabs.js.map +1 -1
- package/esm/tabs/parts/tab/Tab.js +4 -3
- package/esm/tabs/parts/tab/Tab.js.map +1 -1
- package/esm/tabs/parts/tablist/ScrollButtons.js +3 -2
- package/esm/tabs/parts/tablist/ScrollButtons.js.map +1 -1
- package/esm/tabs/parts/tablist/TabList.js +4 -3
- package/esm/tabs/parts/tablist/TabList.js.map +1 -1
- package/esm/tabs/parts/tabpanel/TabPanel.js +3 -2
- package/esm/tabs/parts/tabpanel/TabPanel.js.map +1 -1
- package/esm/tag/Tag.js +4 -3
- package/esm/tag/Tag.js.map +1 -1
- package/esm/theme/Theme.d.ts +4 -1
- package/esm/theme/Theme.js +2 -4
- package/esm/theme/Theme.js.map +1 -1
- package/esm/timeline/AxisLabels.js +3 -1
- package/esm/timeline/AxisLabels.js.map +1 -1
- package/esm/timeline/Pin.js +6 -5
- package/esm/timeline/Pin.js.map +1 -1
- package/esm/timeline/Timeline.js +3 -1
- package/esm/timeline/Timeline.js.map +1 -1
- package/esm/timeline/TimelineRow.js +5 -4
- package/esm/timeline/TimelineRow.js.map +1 -1
- package/esm/timeline/period/ClickablePeriod.js +6 -6
- package/esm/timeline/period/ClickablePeriod.js.map +1 -1
- package/esm/timeline/period/NonClickablePeriod.js +5 -4
- package/esm/timeline/period/NonClickablePeriod.js.map +1 -1
- package/esm/timeline/utils/period.js +1 -0
- package/esm/timeline/utils/period.js.map +1 -1
- package/esm/timeline/zoom/ZoomButton.js +3 -1
- package/esm/timeline/zoom/ZoomButton.js.map +1 -1
- package/esm/timeline/zoom/index.js +3 -2
- package/esm/timeline/zoom/index.js.map +1 -1
- package/esm/toggle-group/ToggleGroup.js +5 -3
- package/esm/toggle-group/ToggleGroup.js.map +1 -1
- package/esm/toggle-group/parts/ToggleItem.js +4 -3
- package/esm/toggle-group/parts/ToggleItem.js.map +1 -1
- package/esm/tooltip/Tooltip.js +5 -4
- package/esm/tooltip/Tooltip.js.map +1 -1
- package/esm/typography/BodyLong.js +3 -2
- package/esm/typography/BodyLong.js.map +1 -1
- package/esm/typography/BodyShort.js +3 -2
- package/esm/typography/BodyShort.js.map +1 -1
- package/esm/typography/Detail.js +3 -2
- package/esm/typography/Detail.js.map +1 -1
- package/esm/typography/ErrorMessage.js +3 -2
- package/esm/typography/ErrorMessage.js.map +1 -1
- package/esm/typography/Heading.js +3 -2
- package/esm/typography/Heading.js.map +1 -1
- package/esm/typography/Ingress.js +3 -2
- package/esm/typography/Ingress.js.map +1 -1
- package/esm/typography/Label.js +3 -2
- package/esm/typography/Label.js.map +1 -1
- package/esm/typography/util.js +1 -0
- package/esm/typography/util.js.map +1 -1
- package/esm/util/types/AsChildProps.d.ts +4 -4
- package/package.json +3 -3
- package/src/accordion/Accordion.tsx +4 -2
- package/src/accordion/AccordionContent.tsx +4 -4
- package/src/accordion/AccordionHeader.tsx +6 -6
- package/src/accordion/AccordionItem.tsx +4 -2
- package/src/alert/Alert.tsx +7 -6
- package/src/button/Button.tsx +6 -4
- package/src/chat/Bubble.tsx +5 -3
- package/src/chat/Chat.tsx +40 -36
- package/src/chips/Chips.tsx +3 -2
- package/src/chips/Removable.tsx +6 -4
- package/src/chips/Toggle.tsx +6 -4
- package/src/copybutton/CopyButton.tsx +15 -8
- package/src/date/Date.Dialog.tsx +6 -4
- package/src/date/Date.Input.tsx +9 -8
- package/src/date/datepicker/DatePicker.tsx +4 -2
- package/src/date/datepicker/parts/DatePicker.DayButton.tsx +3 -2
- package/src/date/datepicker/parts/DatePicker.Months.tsx +14 -8
- package/src/date/datepicker/parts/DatePicker.RDP.tsx +3 -2
- package/src/date/datepicker/parts/DatePicker.Standalone.tsx +3 -2
- package/src/date/datepicker/parts/DatePicker.WeekNumber.tsx +4 -3
- package/src/date/datepicker/parts/DatePicker.WeekRow.tsx +6 -4
- package/src/date/monthpicker/MonthPicker.tsx +4 -3
- package/src/date/monthpicker/parts/MonthPicker.Button.tsx +4 -3
- package/src/date/monthpicker/parts/MonthPicker.Caption.tsx +7 -5
- package/src/date/monthpicker/parts/MonthPicker.Standalone.tsx +4 -3
- package/src/dropdown/Menu/Divider.tsx +12 -8
- package/src/dropdown/Menu/GroupedList/GroupedHeading.tsx +16 -13
- package/src/dropdown/Menu/GroupedList/GroupedItem.tsx +4 -3
- package/src/dropdown/Menu/GroupedList/index.tsx +9 -6
- package/src/dropdown/Menu/List/Item.tsx +4 -3
- package/src/dropdown/Menu/List/index.tsx +10 -6
- package/src/dropdown/Menu/index.tsx +3 -2
- package/src/dropdown/Toggle.tsx +3 -2
- package/src/expansion-card/ExpansionCard.tsx +3 -2
- package/src/expansion-card/ExpansionCardContent.tsx +4 -3
- package/src/expansion-card/ExpansionCardDescription.tsx +3 -2
- package/src/expansion-card/ExpansionCardHeader.tsx +8 -5
- package/src/expansion-card/ExpansionCardTitle.tsx +18 -14
- package/src/form/ReadOnlyIcon.tsx +19 -12
- package/src/form/checkbox/Checkbox.tsx +13 -10
- package/src/form/checkbox/CheckboxGroup.tsx +4 -3
- package/src/form/combobox/Combobox.tsx +7 -5
- package/src/form/combobox/ComboboxWrapper.tsx +3 -2
- package/src/form/combobox/FilteredOptions/AddNewOption.tsx +8 -2
- package/src/form/combobox/FilteredOptions/FilteredOptions.tsx +10 -4
- package/src/form/combobox/FilteredOptions/FilteredOptionsItem.tsx +4 -2
- package/src/form/combobox/FilteredOptions/LoadingMessage.tsx +4 -1
- package/src/form/combobox/FilteredOptions/MaxSelectedMessage.tsx +3 -1
- package/src/form/combobox/FilteredOptions/NoSearchHitsMessage.tsx +5 -1
- package/src/form/combobox/Input/Input.tsx +4 -2
- package/src/form/combobox/Input/InputController.tsx +4 -2
- package/src/form/combobox/Input/ToggleListButton.tsx +3 -1
- package/src/form/combobox/SelectedOptions/SelectedOptions.tsx +6 -2
- package/src/form/confirmation-panel/ConfirmationPanel.tsx +6 -4
- package/src/form/error-summary/ErrorSummary.tsx +10 -4
- package/src/form/error-summary/ErrorSummaryItem.tsx +4 -2
- package/src/form/fieldset/Fieldset.tsx +6 -4
- package/src/form/file-upload/FileUpload.tsx +3 -2
- package/src/form/file-upload/parts/dropzone/Dropzone.tsx +13 -11
- package/src/form/file-upload/parts/item/Item.tsx +6 -5
- package/src/form/file-upload/parts/item/ItemButton.tsx +3 -1
- package/src/form/file-upload/parts/item/ItemIcon.tsx +7 -3
- package/src/form/form-progress/FormProgress.tsx +11 -7
- package/src/form/form-summary/FormSummary.tsx +4 -2
- package/src/form/form-summary/FormSummaryAnswer.tsx +14 -10
- package/src/form/form-summary/FormSummaryAnswers.tsx +14 -10
- package/src/form/form-summary/FormSummaryEditLink.tsx +4 -2
- package/src/form/form-summary/FormSummaryHeader.tsx +14 -10
- package/src/form/form-summary/FormSummaryValue.tsx +15 -11
- package/src/form/radio/Radio.tsx +9 -5
- package/src/form/radio/RadioGroup.tsx +4 -3
- package/src/form/search/Search.tsx +14 -13
- package/src/form/search/SearchButton.tsx +3 -2
- package/src/form/select/Select.tsx +13 -8
- package/src/form/switch/Switch.tsx +21 -10
- package/src/form/textarea/Textarea.tsx +8 -5
- package/src/form/textarea/TextareaCounter.tsx +5 -4
- package/src/form/textfield/TextField.tsx +8 -6
- package/src/guide-panel/GuidePanel.tsx +9 -7
- package/src/help-text/HelpText.tsx +6 -6
- package/src/help-text/HelpTextIcon.tsx +4 -2
- package/src/internal-header/InternalHeader.tsx +6 -5
- package/src/internal-header/InternalHeaderButton.tsx +12 -8
- package/src/internal-header/InternalHeaderTitle.tsx +19 -11
- package/src/internal-header/InternalHeaderUser.tsx +19 -15
- package/src/internal-header/InternalHeaderUserButton.tsx +21 -17
- package/src/layout/base/BasePrimitive.tsx +3 -3
- package/src/layout/bleed/Bleed.tsx +3 -3
- package/src/layout/box/Box.darkside.tsx +3 -2
- package/src/layout/box/Box.tsx +3 -3
- package/src/layout/grid/HGrid.tsx +3 -3
- package/src/layout/page/Page.tsx +4 -4
- package/src/layout/page/parts/PageBlock.tsx +4 -2
- package/src/layout/responsive/Responsive.tsx +3 -2
- package/src/layout/stack/Spacer.tsx +5 -1
- package/src/layout/stack/Stack.tsx +3 -3
- package/src/link/Link.tsx +14 -11
- package/src/link-panel/LinkPanel.tsx +9 -4
- package/src/link-panel/LinkPanelDescription.tsx +13 -9
- package/src/link-panel/LinkPanelTitle.tsx +17 -13
- package/src/list/List.Item.tsx +4 -3
- package/src/list/List.tsx +4 -4
- package/src/loader/Loader.tsx +5 -4
- package/src/modal/Modal.tsx +12 -8
- package/src/modal/ModalBody.tsx +3 -2
- package/src/modal/ModalFooter.tsx +3 -2
- package/src/modal/ModalHeader.tsx +4 -3
- package/src/overlays/action-menu/ActionMenu.tsx +58 -28
- package/src/pagination/Pagination.tsx +10 -5
- package/src/pagination/PaginationItem.tsx +3 -3
- package/src/panel/Panel.tsx +3 -2
- package/src/popover/Popover.tsx +4 -4
- package/src/popover/PopoverContent.tsx +11 -8
- package/src/progress-bar/ProgressBar.tsx +4 -3
- package/src/read-more/ReadMore.tsx +6 -5
- package/src/skeleton/Skeleton.tsx +3 -2
- package/src/stepper/Step.tsx +10 -5
- package/src/stepper/Stepper.tsx +10 -5
- package/src/table/AnimateHeight.tsx +4 -2
- package/src/table/Body.tsx +7 -4
- package/src/table/ColumnHeader.tsx +4 -2
- package/src/table/DataCell.tsx +3 -2
- package/src/table/ExpandableRow.tsx +17 -11
- package/src/table/Header.tsx +11 -4
- package/src/table/HeaderCell.tsx +3 -2
- package/src/table/Row.tsx +14 -11
- package/src/table/Table.tsx +15 -12
- package/src/tabs/Tabs.tsx +6 -5
- package/src/tabs/parts/tab/Tab.tsx +4 -3
- package/src/tabs/parts/tablist/ScrollButtons.tsx +4 -2
- package/src/tabs/parts/tablist/TabList.tsx +4 -3
- package/src/tabs/parts/tabpanel/TabPanel.tsx +3 -2
- package/src/tag/Tag.tsx +4 -3
- package/src/theme/Theme.tsx +11 -6
- package/src/timeline/AxisLabels.tsx +5 -2
- package/src/timeline/Pin.tsx +6 -5
- package/src/timeline/Timeline.tsx +3 -1
- package/src/timeline/TimelineRow.tsx +5 -4
- package/src/timeline/period/ClickablePeriod.tsx +6 -6
- package/src/timeline/period/NonClickablePeriod.tsx +5 -4
- package/src/timeline/utils/period.ts +1 -0
- package/src/timeline/zoom/ZoomButton.tsx +4 -1
- package/src/timeline/zoom/index.tsx +4 -2
- package/src/toggle-group/ToggleGroup.tsx +5 -3
- package/src/toggle-group/parts/ToggleItem.tsx +4 -3
- package/src/tooltip/Tooltip.tsx +11 -5
- package/src/typography/BodyLong.tsx +24 -20
- package/src/typography/BodyShort.tsx +24 -20
- package/src/typography/Detail.tsx +27 -23
- package/src/typography/ErrorMessage.tsx +41 -37
- package/src/typography/Heading.tsx +3 -2
- package/src/typography/Ingress.tsx +14 -10
- package/src/typography/Label.tsx +23 -19
- package/src/typography/util.ts +1 -0
- package/src/util/types/AsChildProps.ts +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/zoom/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/timeline/zoom/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,8DAA0D;AAc7C,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,oDAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,sBAAsB,CAAC,IAAM,IAAI,GACrE,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CACU,CAAC;AAEd,YAAI,CAAC,MAAM,GAAG,oBAAU,CAAC;AACzB,YAAI,CAAC,aAAa,GAAG,MAAM,CAAC;AAE5B,kBAAe,YAAI,CAAC"}
|
|
@@ -40,6 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
40
40
|
exports.ToggleGroup = void 0;
|
|
41
41
|
const clsx_1 = __importDefault(require("clsx"));
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
44
|
const typography_1 = require("../typography");
|
|
44
45
|
const util_1 = require("../util");
|
|
45
46
|
const ToggleGroup_context_1 = require("./ToggleGroup.context");
|
|
@@ -62,6 +63,7 @@ const useToggleGroup_1 = require("./useToggleGroup");
|
|
|
62
63
|
*/
|
|
63
64
|
exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
64
65
|
var { className, children, onChange, size = "medium", label, value, defaultValue, "aria-describedby": userDescribedby, variant = "action", fill = false } = _a, rest = __rest(_a, ["className", "children", "onChange", "size", "label", "value", "defaultValue", "aria-describedby", "variant", "fill"]);
|
|
66
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
65
67
|
const descendants = (0, ToggleGroup_context_1.useToggleGroupDescendants)();
|
|
66
68
|
const toggleGroupContext = (0, useToggleGroup_1.useToggleGroup)({
|
|
67
69
|
defaultValue,
|
|
@@ -81,11 +83,11 @@ exports.ToggleGroup = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
81
83
|
}
|
|
82
84
|
return (react_1.default.createElement(ToggleGroup_context_1.ToggleGroupDescendantsProvider, { value: descendants },
|
|
83
85
|
react_1.default.createElement(ToggleGroup_context_1.ToggleGroupProvider, Object.assign({}, context),
|
|
84
|
-
react_1.default.createElement("div", { className: (
|
|
86
|
+
react_1.default.createElement("div", { className: cn("navds-toggle-group__wrapper", className, {
|
|
85
87
|
"navds-toggle-group__wrapper--fill": fill,
|
|
86
88
|
}) },
|
|
87
|
-
label && (react_1.default.createElement(typography_1.Label, { size: size, className: "navds-toggle-group__label", id: labelId }, label)),
|
|
88
|
-
react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (
|
|
89
|
+
label && (react_1.default.createElement(typography_1.Label, { size: size, className: cn("navds-toggle-group__label"), id: labelId }, label)),
|
|
90
|
+
react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-toggle-group", `navds-toggle-group--${size}`, `navds-toggle-group--${variant}`), "aria-describedby": (0, clsx_1.default)(userDescribedby, !!label && labelId) || undefined, role: "radiogroup" }), children)))));
|
|
89
91
|
});
|
|
90
92
|
exports.ToggleGroup.Item = ToggleItem_1.default;
|
|
91
93
|
exports.default = exports.ToggleGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,8CAAsC;AACtC,kCAAgC;AAChC,+DAI+B;AAE/B,oEAA4C;AAC5C,qDAAkD;AAYlD;;;;;;;;;;;;;;GAcG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,kBAAkB,EAAE,eAAe,EACnC,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cAXT,sHAYC,CADQ;IAIT,MAAM,WAAW,GAAG,IAAA,+CAAyB,GAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,IAAA,+BAAc,EAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,YAAK,GAAE,CAAC;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,8BAAC,oDAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,8BAAC,yCAAmB,oBAAK,OAAO;YAC9B,uCACE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,0CAA8C;AAC9C,8CAAsC;AACtC,kCAAgC;AAChC,+DAI+B;AAE/B,oEAA4C;AAC5C,qDAAkD;AAYlD;;;;;;;;;;;;;;GAcG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,YAAY,EACZ,kBAAkB,EAAE,eAAe,EACnC,OAAO,GAAG,QAAQ,EAClB,IAAI,GAAG,KAAK,OAEb,EADI,IAAI,cAXT,sHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,WAAW,GAAG,IAAA,+CAAyB,GAAE,CAAC;IAEhD,MAAM,kBAAkB,GAAG,IAAA,+BAAc,EAAC;QACxC,YAAY;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,OAAO,mCACR,kBAAkB,KACrB,IAAI,GACL,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,YAAK,GAAE,CAAC;IAExB,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,0DAA0D,CAAC,CAAC;IAC5E,CAAC;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,CACL,8BAAC,oDAA8B,IAAC,KAAK,EAAE,WAAW;QAChD,8BAAC,yCAAmB,oBAAK,OAAO;YAC9B,uCACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,EAAE;oBACtD,mCAAmC,EAAE,IAAI;iBAC1C,CAAC;gBAED,KAAK,IAAI,CACR,8BAAC,kBAAK,IACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,EAC1C,EAAE,EAAE,OAAO,IAEV,KAAK,CACA,CACT;gBACD,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,uBAAuB,IAAI,EAAE,EAC7B,uBAAuB,OAAO,EAAE,CACjC,sBAEC,IAAA,cAAE,EAAC,eAAe,EAAE,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,SAAS,EAEtD,IAAI,EAAC,YAAY,KAEhB,QAAQ,CACL,CACF,CACc,CACS,CAClC,CAAC;AACJ,CAAC,CACsB,CAAC;AAE1B,mBAAW,CAAC,IAAI,GAAG,oBAAU,CAAC;AAE9B,kBAAe,mBAAW,CAAC"}
|
|
@@ -33,21 +33,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
41
37
|
const react_1 = __importStar(require("react"));
|
|
38
|
+
const Theme_1 = require("../../theme/Theme");
|
|
42
39
|
const BodyShort_1 = require("../../typography/BodyShort");
|
|
43
40
|
const ToggleGroup_context_1 = require("../ToggleGroup.context");
|
|
44
41
|
const useToggleItem_1 = require("./useToggleItem");
|
|
45
42
|
const ToggleItem = (0, react_1.forwardRef)((_a, forwardedRef) => {
|
|
46
43
|
var { className, children, icon, label, value, onClick, onFocus, onKeyDown } = _a, rest = __rest(_a, ["className", "children", "icon", "label", "value", "onClick", "onFocus", "onKeyDown"]);
|
|
44
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
47
45
|
const itemCtx = (0, useToggleItem_1.useToggleItem)({ value, onClick, onFocus, disabled: false, onKeyDown }, forwardedRef);
|
|
48
46
|
const ctx = (0, ToggleGroup_context_1.useToggleGroupContext)();
|
|
49
|
-
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className: (
|
|
50
|
-
react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: "navds-toggle-group__button-inner", size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
47
|
+
return (react_1.default.createElement("button", Object.assign({}, rest, { ref: itemCtx.ref, className: cn("navds-toggle-group__button", className), type: "button", role: "radio", "aria-checked": itemCtx.isSelected, "data-selected": itemCtx.isSelected, tabIndex: itemCtx.isFocused ? 0 : -1, onClick: itemCtx.onClick, onFocus: itemCtx.onFocus, onKeyDown: itemCtx.onKeyDown }),
|
|
48
|
+
react_1.default.createElement(BodyShort_1.BodyShort, { as: "span", className: cn("navds-toggle-group__button-inner"), size: ctx === null || ctx === void 0 ? void 0 : ctx.size }, children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
51
49
|
icon,
|
|
52
50
|
label)))));
|
|
53
51
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleItem.js","sourceRoot":"","sources":["../../../src/toggle-group/parts/ToggleItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAiD;AACjD,0DAAuD;AACvD,gEAA+D;AAC/D,mDAAgD;AA6ChD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAUC,EACD,YAAY,EACZ,EAAE;QAZF,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,OAEV,EADI,IAAI,cATT,sFAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,OAAO,GAAG,IAAA,6BAAa,EAC3B,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,EACvD,YAAY,CACb,CAAC;IACF,MAAM,GAAG,GAAG,IAAA,2CAAqB,GAAE,CAAC;IAEpC,OAAO,CACL,0DACM,IAAI,IACR,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EACtD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,OAAO,CAAC,UAAU,mBACjB,OAAO,CAAC,UAAU,EACjC,QAAQ,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACpC,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,SAAS,EAAE,OAAO,CAAC,SAAS;QAE5B,8BAAC,qBAAS,IACR,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,EACjD,IAAI,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,IAEd,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX;YACG,IAAI;YACJ,KAAK,CACL,CACJ,CACS,CACL,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
package/cjs/tooltip/Tooltip.js
CHANGED
|
@@ -33,17 +33,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.Tooltip = void 0;
|
|
41
38
|
const react_1 = require("@floating-ui/react");
|
|
42
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
43
39
|
const react_2 = __importStar(require("react"));
|
|
44
40
|
const Modal_context_1 = require("../modal/Modal.context");
|
|
45
41
|
const portal_1 = require("../portal");
|
|
46
42
|
const Slot_1 = require("../slot/Slot");
|
|
43
|
+
const Theme_1 = require("../theme/Theme");
|
|
47
44
|
const typography_1 = require("../typography");
|
|
48
45
|
const hooks_1 = require("../util/hooks");
|
|
49
46
|
const useControllableState_1 = require("../util/hooks/useControllableState");
|
|
@@ -63,6 +60,7 @@ const useMergeRefs_1 = require("../util/hooks/useMergeRefs");
|
|
|
63
60
|
*/
|
|
64
61
|
exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
|
|
65
62
|
var { children, className, arrow: _arrow = true, placement: _placement = "top", open, defaultOpen = false, onOpenChange, offset: _offset, content, delay = 150, id, keys, maxChar = 80, describesChild = false } = _a, rest = __rest(_a, ["children", "className", "arrow", "placement", "open", "defaultOpen", "onOpenChange", "offset", "content", "delay", "id", "keys", "maxChar", "describesChild"]);
|
|
63
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
66
64
|
const [_open, _setOpen] = (0, useControllableState_1.useControllableState)({
|
|
67
65
|
defaultValue: defaultOpen,
|
|
68
66
|
value: open,
|
|
@@ -118,12 +116,12 @@ exports.Tooltip = (0, react_2.forwardRef)((_a, ref) => {
|
|
|
118
116
|
top: y !== null && y !== void 0 ? y : 0,
|
|
119
117
|
left: x !== null && x !== void 0 ? x : 0,
|
|
120
118
|
visibility: referenceHidden ? "hidden" : "visible",
|
|
121
|
-
}, role: "tooltip", id: ariaId, className: (
|
|
119
|
+
}, role: "tooltip", id: ariaId, className: cn("navds-tooltip", "navds-detail navds-detail--small", className) })), { "data-side": placement, "data-state": "open" }),
|
|
122
120
|
content,
|
|
123
|
-
keys && (react_2.default.createElement("span", { className: "navds-tooltip__keys", "aria-hidden": true }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { as: "kbd", key: key, className: "navds-tooltip__key" }, key))))),
|
|
121
|
+
keys && (react_2.default.createElement("span", { className: cn("navds-tooltip__keys"), "aria-hidden": true }, keys.map((key) => (react_2.default.createElement(typography_1.Detail, { as: "kbd", key: key, className: cn("navds-tooltip__key") }, key))))),
|
|
124
122
|
_arrow && (react_2.default.createElement("div", { ref: (node) => {
|
|
125
123
|
arrowRef.current = node;
|
|
126
|
-
}, className: "navds-tooltip__arrow", style: {
|
|
124
|
+
}, className: cn("navds-tooltip__arrow"), style: {
|
|
127
125
|
left: arrowX != null ? `${arrowX}px` : "",
|
|
128
126
|
top: arrowY != null ? `${arrowY}px` : "",
|
|
129
127
|
right: "",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,13 +33,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.BodyLong = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
40
|
const util_1 = require("./util");
|
|
44
41
|
/**
|
|
45
42
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -59,7 +56,8 @@ const util_1 = require("./util");
|
|
|
59
56
|
*/
|
|
60
57
|
exports.BodyLong = (0, react_1.forwardRef)((_a, ref) => {
|
|
61
58
|
var { className, size = "medium", as: Component = "p", spacing, truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
|
|
62
|
-
|
|
59
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
60
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-body-long", `navds-body-long--${size}`, (0, util_1.typoClassNames)({
|
|
63
61
|
spacing,
|
|
64
62
|
truncate,
|
|
65
63
|
weight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BodyLong.js","sourceRoot":"","sources":["../../src/typography/BodyLong.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;;;GAeG;AACU,QAAA,QAAQ,GAGjB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,iBAAiB,EACjB,oBAAoB,IAAI,EAAE,EAC1B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
|
|
@@ -33,13 +33,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.BodyShort = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
40
|
const util_1 = require("./util");
|
|
44
41
|
/**
|
|
45
42
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -57,7 +54,8 @@ const util_1 = require("./util");
|
|
|
57
54
|
*/
|
|
58
55
|
exports.BodyShort = (0, react_1.forwardRef)((_a, ref) => {
|
|
59
56
|
var { className, size = "medium", as: Component = "p", spacing, truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
|
|
60
|
-
|
|
57
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
58
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-body-short", `navds-body-short--${size}`, (0, util_1.typoClassNames)({
|
|
61
59
|
spacing,
|
|
62
60
|
truncate,
|
|
63
61
|
weight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BodyShort.js","sourceRoot":"","sources":["../../src/typography/BodyShort.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,SAAS,GAGlB,IAAA,kBAAU,EACZ,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAVT,oGAWC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,kBAAkB,EAClB,qBAAqB,IAAI,EAAE,EAC3B,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,iBAAS,CAAC"}
|
package/cjs/typography/Detail.js
CHANGED
|
@@ -33,13 +33,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.Detail = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
40
|
const util_1 = require("./util");
|
|
44
41
|
/**
|
|
45
42
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -57,7 +54,8 @@ const util_1 = require("./util");
|
|
|
57
54
|
*/
|
|
58
55
|
exports.Detail = (0, react_1.forwardRef)((_a, ref) => {
|
|
59
56
|
var { className, size = "medium", spacing, uppercase, as: Component = "p", truncate, weight = "regular", align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "spacing", "uppercase", "as", "truncate", "weight", "align", "visuallyHidden", "textColor"]);
|
|
60
|
-
|
|
57
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
58
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-detail", (0, util_1.typoClassNames)({
|
|
61
59
|
spacing,
|
|
62
60
|
truncate,
|
|
63
61
|
weight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Detail.js","sourceRoot":"","sources":["../../src/typography/Detail.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAmBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAXT,iHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,cAAc,EACd,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;YACL,cAAc;YACd,SAAS;YACT,SAAS;SACV,CAAC,EACF;YACE,qBAAqB,EAAE,IAAI,KAAK,OAAO;SACxC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
|
|
@@ -33,13 +33,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.ErrorMessage = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
40
|
const util_1 = require("./util");
|
|
44
41
|
/**
|
|
45
42
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -57,7 +54,8 @@ const util_1 = require("./util");
|
|
|
57
54
|
*/
|
|
58
55
|
exports.ErrorMessage = (0, react_1.forwardRef)((_a, ref) => {
|
|
59
56
|
var { children, className, size, spacing, as: Component = "p", showIcon = false } = _a, rest = __rest(_a, ["children", "className", "size", "spacing", "as", "showIcon"]);
|
|
60
|
-
|
|
57
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
58
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-error-message", "navds-label", className, (0, util_1.typoClassNames)({
|
|
61
59
|
spacing,
|
|
62
60
|
}), {
|
|
63
61
|
"navds-label--small": size === "small",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/typography/ErrorMessage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../src/typography/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAoBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,YAAY,GAGrB,IAAA,kBAAU,EACZ,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,GAAG,KAAK,OAEjB,EADI,IAAI,cAPT,8DAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,aAAa,EACb,SAAS,EACT,IAAA,qBAAc,EAAC;YACb,OAAO;SACR,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;YACtC,gCAAgC,EAAE,QAAQ;SAC3C,CACF;QAEA,QAAQ,IAAI,CACX,uCACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK;YAGhB,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,omBAAomB,EACtmB,IAAI,EAAC,cAAc,GACnB,CACE,CACP;QACA,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,oBAAY,CAAC"}
|
|
@@ -33,13 +33,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.Heading = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
40
|
const util_1 = require("./util");
|
|
44
41
|
/**
|
|
45
42
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -57,8 +54,9 @@ const util_1 = require("./util");
|
|
|
57
54
|
*/
|
|
58
55
|
exports.Heading = (0, react_1.forwardRef)((_a, ref) => {
|
|
59
56
|
var { level = "1", size, className, as, spacing, align, visuallyHidden, textColor } = _a, rest = __rest(_a, ["level", "size", "className", "as", "spacing", "align", "visuallyHidden", "textColor"]);
|
|
57
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
60
58
|
const HeadingTag = as !== null && as !== void 0 ? as : `h${level}`;
|
|
61
|
-
return (react_1.default.createElement(HeadingTag, Object.assign({}, rest, { ref: ref, className: (
|
|
59
|
+
return (react_1.default.createElement(HeadingTag, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-heading", `navds-heading--${size}`, (0, util_1.typoClassNames)({
|
|
62
60
|
spacing,
|
|
63
61
|
align,
|
|
64
62
|
visuallyHidden,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../src/typography/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAoBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,OAAO,GAClB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cATT,uFAUC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,UAAU,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAK,IAAI,KAAK,EAAwB,CAAC;IAE5D,OAAO,CACL,8BAAC,UAAU,oBACL,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,eAAe,EACf,kBAAkB,IAAI,EAAE,EACxB,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,KAAK;YACL,cAAc;YACd,SAAS;SACV,CAAC,CACH,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,eAAO,CAAC"}
|
|
@@ -33,13 +33,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.Ingress = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
40
|
/**
|
|
44
41
|
* @deprecated Use `<BodyLong size="large" />`
|
|
45
42
|
*
|
|
@@ -58,7 +55,8 @@ const react_1 = __importStar(require("react"));
|
|
|
58
55
|
*/
|
|
59
56
|
exports.Ingress = (0, react_1.forwardRef)((_a, ref) => {
|
|
60
57
|
var { className, spacing, as: Component = "p" } = _a, rest = __rest(_a, ["className", "spacing", "as"]);
|
|
61
|
-
|
|
58
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
59
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-ingress", {
|
|
62
60
|
"navds-typo--spacing": !!spacing,
|
|
63
61
|
}) })));
|
|
64
62
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ingress.js","sourceRoot":"","sources":["../../src/typography/Ingress.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Ingress.js","sourceRoot":"","sources":["../../src/typography/Ingress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAe9C;;;;;;;;;;;;;;;GAeG;AACU,QAAA,OAAO,GAClB,IAAA,kBAAU,EAAC,CAAC,EAAoD,EAAE,GAAG,EAAE,EAAE;QAA7D,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,OAAW,EAAN,IAAI,cAAlD,8BAAoD,CAAF;IAC5D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE;YACxC,qBAAqB,EAAE,CAAC,CAAC,OAAO;SACjC,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,kBAAe,eAAO,CAAC"}
|
package/cjs/typography/Label.js
CHANGED
|
@@ -33,13 +33,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
33
33
|
}
|
|
34
34
|
return t;
|
|
35
35
|
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
37
|
exports.Label = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
+
const Theme_1 = require("../theme/Theme");
|
|
43
40
|
const util_1 = require("./util");
|
|
44
41
|
/**
|
|
45
42
|
* Part of a set of components for displaying text with consistent typography.
|
|
@@ -57,7 +54,8 @@ const util_1 = require("./util");
|
|
|
57
54
|
*/
|
|
58
55
|
exports.Label = (0, react_1.forwardRef)((_a, ref) => {
|
|
59
56
|
var { className, size = "medium", as: Component = "label", spacing, visuallyHidden, textColor } = _a, rest = __rest(_a, ["className", "size", "as", "spacing", "visuallyHidden", "textColor"]);
|
|
60
|
-
|
|
57
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
58
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn(className, "navds-label", (0, util_1.typoClassNames)({
|
|
61
59
|
spacing,
|
|
62
60
|
visuallyHidden,
|
|
63
61
|
textColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../src/typography/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAG9C,iCAAwC;AAgBxC;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,EAAE,SAAS,GAAG,OAAO,EACvB,OAAO,EACP,cAAc,EACd,SAAS,OAEV,EADI,IAAI,cAPT,qEAQC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,SAAS,EACT,aAAa,EACb,IAAA,qBAAc,EAAC;YACb,OAAO;YACP,cAAc;YACd,SAAS;SACV,CAAC,EACF;YACE,oBAAoB,EAAE,IAAI,KAAK,OAAO;SACvC,CACF,IACD,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,aAAK,CAAC"}
|
package/cjs/typography/util.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.typoClassNames = void 0;
|
|
7
7
|
const clsx_1 = __importDefault(require("clsx"));
|
|
8
8
|
const typoClassNames = (props) => {
|
|
9
|
+
/* Renaming to aksel-* prefix is done in components themselves */
|
|
9
10
|
return (0, clsx_1.default)({
|
|
10
11
|
"navds-typo--spacing": props.spacing,
|
|
11
12
|
"navds-typo--truncate": props.truncate,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/typography/util.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAsB;AAGf,MAAM,cAAc,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC3E,OAAO,IAAA,cAAE,EAAC;QACR,qBAAqB,EAAE,KAAK,CAAC,OAAO;QACpC,sBAAsB,EAAE,KAAK,CAAC,QAAQ;QACtC,sBAAsB,EAAE,KAAK,CAAC,MAAM,KAAK,UAAU;QACnD,CAAC,qBAAqB,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK;QACjD,CAAC,qBAAqB,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS;QACzD,6BAA6B,EAAE,KAAK,CAAC,cAAc;QACnD,uBAAuB,EAAE,KAAK,CAAC,SAAS;KACzC,CAAC,CAAC;AACL,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/typography/util.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAsB;AAGf,MAAM,cAAc,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC3E,iEAAiE;IACjE,OAAO,IAAA,cAAE,EAAC;QACR,qBAAqB,EAAE,KAAK,CAAC,OAAO;QACpC,sBAAsB,EAAE,KAAK,CAAC,QAAQ;QACtC,sBAAsB,EAAE,KAAK,CAAC,MAAM,KAAK,UAAU;QACnD,CAAC,qBAAqB,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK;QACjD,CAAC,qBAAqB,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS;QACzD,6BAA6B,EAAE,KAAK,CAAC,cAAc;QACnD,uBAAuB,EAAE,KAAK,CAAC,SAAS;KACzC,CAAC,CAAC;AACL,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB"}
|
|
@@ -5,12 +5,12 @@ export type AsChildProps = {
|
|
|
5
5
|
* merging the props of the component with the props of the child.
|
|
6
6
|
*
|
|
7
7
|
* @example
|
|
8
|
-
* ```
|
|
8
|
+
* ```
|
|
9
9
|
* <Component asChild data-prop>
|
|
10
10
|
* <ChildComponent data-child />
|
|
11
11
|
* </Component>
|
|
12
12
|
*
|
|
13
|
-
*
|
|
13
|
+
* Out:
|
|
14
14
|
* <MergedComponent data-prop data-child />
|
|
15
15
|
* ```
|
|
16
16
|
*/
|
|
@@ -23,12 +23,12 @@ export type AsChildProps = {
|
|
|
23
23
|
* merging the props of the component with the props of the child.
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
|
-
* ```
|
|
26
|
+
* ```
|
|
27
27
|
* <Component asChild data-prop>
|
|
28
28
|
* <ChildComponent data-child />
|
|
29
29
|
* </Component>
|
|
30
30
|
*
|
|
31
|
-
*
|
|
31
|
+
* Out:
|
|
32
32
|
* <MergedComponent data-prop data-child />
|
|
33
33
|
* ```
|
|
34
34
|
*/
|
|
@@ -9,8 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
14
|
import AccordionContent from "./AccordionContent.js";
|
|
15
15
|
import { AccordionContext } from "./AccordionContext.js";
|
|
16
16
|
import AccordionHeader from "./AccordionHeader.js";
|
|
@@ -37,13 +37,14 @@ import AccordionItem from "./AccordionItem.js";
|
|
|
37
37
|
*/
|
|
38
38
|
export const Accordion = forwardRef((_a, ref) => {
|
|
39
39
|
var { className, variant = "default", headingSize = "small", size = "medium", indent = true } = _a, rest = __rest(_a, ["className", "variant", "headingSize", "size", "indent"]);
|
|
40
|
+
const { cn } = useRenameCSS();
|
|
40
41
|
return (React.createElement(AccordionContext.Provider, { value: {
|
|
41
42
|
variant,
|
|
42
43
|
headingSize,
|
|
43
44
|
size,
|
|
44
45
|
mounted: true,
|
|
45
46
|
} },
|
|
46
|
-
React.createElement("div", Object.assign({}, rest, { className:
|
|
47
|
+
React.createElement("div", Object.assign({}, rest, { className: cn("navds-accordion", className, `navds-accordion--${size}`, { "navds-accordion--indent": indent }), ref: ref }))));
|
|
47
48
|
});
|
|
48
49
|
Accordion.Header = AccordionHeader;
|
|
49
50
|
Accordion.Content = AccordionContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,gBAA2C,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,eAAyC,MAAM,mBAAmB,CAAC;AAC1E,OAAO,aAAqC,MAAM,iBAAiB,CAAC;AAmDpE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,WAAW,GAAG,OAAO,EACrB,IAAI,GAAG,QAAQ,EACf,MAAM,GAAG,IAAI,OAEd,EADI,IAAI,cANT,yDAOC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IACxB,KAAK,EAAE;YACL,OAAO;YACP,WAAW;YACX,IAAI;YACJ,OAAO,EAAE,IAAI;SACd;QAED,6CACM,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,SAAS,EACT,oBAAoB,IAAI,EAAE,EAC1B,EAAE,yBAAyB,EAAE,MAAM,EAAE,CACtC,EACD,GAAG,EAAE,GAAG,IACR,CACwB,CAC7B,CAAC;AACJ,CAAC,CACoB,CAAC;AAExB,SAAS,CAAC,MAAM,GAAG,eAAe,CAAC;AACnC,SAAS,CAAC,OAAO,GAAG,gBAAgB,CAAC;AACrC,SAAS,CAAC,IAAI,GAAG,aAAa,CAAC;AAE/B,eAAe,SAAS,CAAC"}
|
|
@@ -9,22 +9,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef, useContext } from "react";
|
|
14
|
-
import { useThemeInternal } from "../theme/Theme.js";
|
|
13
|
+
import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
|
|
15
14
|
import { BodyLong } from "../typography/index.js";
|
|
16
15
|
import { AccordionItemContext } from "./AccordionItem.js";
|
|
17
16
|
const AccordionContent = forwardRef((_a, ref) => {
|
|
18
17
|
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
19
18
|
const context = useContext(AccordionItemContext);
|
|
20
19
|
const themeContext = useThemeInternal(false);
|
|
20
|
+
const { cn } = useRenameCSS();
|
|
21
21
|
if (context === null) {
|
|
22
22
|
console.error("<Accordion.Content> has to be used within an <Accordion.Item>");
|
|
23
23
|
return null;
|
|
24
24
|
}
|
|
25
|
-
return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className:
|
|
25
|
+
return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cn("navds-accordion__content", {
|
|
26
26
|
"navds-accordion__content--closed": !context.open,
|
|
27
|
-
}, className), "aria-hidden": !context.open || undefined }), themeContext ? (React.createElement("div", { className: "navds-accordion__content-inner" }, children)) : (children)));
|
|
27
|
+
}, className), "aria-hidden": !context.open || undefined }), themeContext ? (React.createElement("div", { className: cn("navds-accordion__content-inner") }, children)) : (children)));
|
|
28
28
|
});
|
|
29
29
|
export default AccordionContent;
|
|
30
30
|
//# sourceMappingURL=AccordionContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,gBAAgB,GAAG,UAAU,CACjC,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEjD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,oBACH,IAAI,IACR,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,0BAA0B,EAC1B;YACE,kCAAkC,EAAE,CAAC,OAAO,CAAC,IAAI;SAClD,EACD,SAAS,CACV,iBAEC,CAAC,OAAO,CAAC,IAAI,IAAI,SAAS,KAG3B,YAAY,CAAC,CAAC,CAAC,CACd,6BAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,IAAG,QAAQ,CAAO,CACvE,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACQ,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -9,10 +9,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { forwardRef, useContext } from "react";
|
|
14
13
|
import { ChevronDownIcon } from "@navikt/aksel-icons";
|
|
15
|
-
import { useThemeInternal } from "../theme/Theme.js";
|
|
14
|
+
import { useRenameCSS, useThemeInternal } from "../theme/Theme.js";
|
|
16
15
|
import { Heading } from "../typography/index.js";
|
|
17
16
|
import { composeEventHandlers } from "../util/composeEventHandlers.js";
|
|
18
17
|
import { AccordionContext } from "./AccordionContext.js";
|
|
@@ -23,6 +22,7 @@ const AccordionHeader = forwardRef((_a, ref) => {
|
|
|
23
22
|
const itemContext = useContext(AccordionItemContext);
|
|
24
23
|
const accordionContext = useContext(AccordionContext);
|
|
25
24
|
const themeContext = useThemeInternal(false);
|
|
25
|
+
const { cn } = useRenameCSS();
|
|
26
26
|
if (itemContext === null) {
|
|
27
27
|
console.error("<Accordion.Header> has to be used within an <Accordion.Item>, which in turn must be within an <Accordion>");
|
|
28
28
|
return null;
|
|
@@ -32,10 +32,10 @@ const AccordionHeader = forwardRef((_a, ref) => {
|
|
|
32
32
|
/* Fallback to "medium" Accordion-size if any other sizes are used */
|
|
33
33
|
headingSize = (accordionContext === null || accordionContext === void 0 ? void 0 : accordionContext.size) === "small" ? "xsmall" : "small";
|
|
34
34
|
}
|
|
35
|
-
return (React.createElement("button", Object.assign({ ref: ref }, rest, { className:
|
|
36
|
-
React.createElement("span", { className: "navds-accordion__icon-wrapper" },
|
|
37
|
-
React.createElement(ChevronDownIcon, { className: "navds-accordion__header-chevron", "aria-hidden": true })),
|
|
38
|
-
React.createElement(Heading, { size: headingSize, as: "span", className: "navds-accordion__header-content" }, children)));
|
|
35
|
+
return (React.createElement("button", Object.assign({ ref: ref }, rest, { className: cn("navds-accordion__header", className), onClick: composeEventHandlers(onClick, itemContext.toggleOpen), "aria-expanded": itemContext.open, type: "button" }),
|
|
36
|
+
React.createElement("span", { className: cn("navds-accordion__icon-wrapper") },
|
|
37
|
+
React.createElement(ChevronDownIcon, { className: cn("navds-accordion__header-chevron"), "aria-hidden": true })),
|
|
38
|
+
React.createElement(Heading, { size: headingSize, as: "span", className: cn("navds-accordion__header-content") }, children)));
|
|
39
39
|
});
|
|
40
40
|
export default AccordionHeader;
|
|
41
41
|
//# sourceMappingURL=AccordionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../../src/accordion/AccordionHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;;QAAlD,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACtC,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,CAAC,KAAK,CACX,2GAA2G,CAC5G,CAAC;QACF,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,WAAW,GAAG,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,mCAAI,OAAO,CAAC;IAE3D,IAAI,YAAY,EAAE,CAAC;QACjB,qEAAqE;QACrE,WAAW,GAAG,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,MAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IACxE,CAAC;IAED,OAAO,CACL,8CACE,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,WAAW,CAAC,UAAU,CAAC,mBAC/C,WAAW,CAAC,IAAI,EAC/B,IAAI,EAAC,QAAQ;QAEb,8BAAM,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC;YAClD,oBAAC,eAAe,IACd,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,wBAEhD,CACG;QACP,oBAAC,OAAO,IACN,IAAI,EAAE,WAAW,EACjB,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,IAE/C,QAAQ,CACD,CACH,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -9,8 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import cl from "clsx";
|
|
13
12
|
import React, { createContext, forwardRef, useContext, useRef } from "react";
|
|
13
|
+
import { useRenameCSS } from "../theme/Theme.js";
|
|
14
14
|
import { omit } from "../util/index.js";
|
|
15
15
|
import { useControllableState } from "../util/hooks/useControllableState.js";
|
|
16
16
|
import { AccordionContext } from "./AccordionContext.js";
|
|
@@ -23,6 +23,7 @@ const AccordionItem = forwardRef((_a, ref) => {
|
|
|
23
23
|
onChange: onOpenChange,
|
|
24
24
|
});
|
|
25
25
|
const context = useContext(AccordionContext);
|
|
26
|
+
const { cn } = useRenameCSS();
|
|
26
27
|
const shouldAnimate = useRef(!(Boolean(open) || defaultOpen));
|
|
27
28
|
const handleOpen = () => {
|
|
28
29
|
_setOpen((x) => !x);
|
|
@@ -31,7 +32,7 @@ const AccordionItem = forwardRef((_a, ref) => {
|
|
|
31
32
|
if (!(context === null || context === void 0 ? void 0 : context.mounted)) {
|
|
32
33
|
console.error("<Accordion.Item> has to be used within an <Accordion>");
|
|
33
34
|
}
|
|
34
|
-
return (React.createElement("div", Object.assign({ className:
|
|
35
|
+
return (React.createElement("div", Object.assign({ className: cn("navds-accordion__item", className, {
|
|
35
36
|
"navds-accordion__item--open": _open,
|
|
36
37
|
"navds-accordion__item--neutral": (context === null || context === void 0 ? void 0 : context.variant) === "neutral",
|
|
37
38
|
"navds-accordion__item--no-animation": !shouldAnimate.current,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AA8BtD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,aAAa,CAAmC,IAAI,CAAC,CAAC;AAExD,MAAM,aAAa,GAAG,UAAU,CAC9B,CACE,EAAyE,EACzE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,YAAY,OAAW,EAAN,IAAI,cAAvE,gEAAyE,CAAF;IAGvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,YAAY;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,YAAY,EAAE,CAAC;IAE9B,MAAM,aAAa,GAAG,MAAM,CAAU,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC;IAEvE,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAI,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,EAAE,CAAC;QACtB,OAAO,CAAC,KAAK,CAAC,uDAAuD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,CACL,2CACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,EAAE;YAChD,6BAA6B,EAAE,KAAK;YACpC,gCAAgC,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,SAAS;YAChE,qCAAqC,EAAE,CAAC,aAAa,CAAC,OAAO;SAC9D,CAAC,mBACa,KAAK,EACpB,GAAG,EAAE,GAAG,IACJ,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,CAAC;QAE3B,oBAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,UAAU,EAAE,UAAU;aACvB,IAEA,QAAQ,CACqB,CAC5B,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}
|