@navikt/ds-react 7.14.3 → 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
|
@@ -33,12 +33,8 @@ 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.GuidePanel = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
43
39
|
const Theme_1 = require("../theme/Theme");
|
|
44
40
|
const Illustration_1 = require("./Illustration");
|
|
@@ -60,19 +56,20 @@ const Illustration_darkside_1 = require("./Illustration.darkside");
|
|
|
60
56
|
*/
|
|
61
57
|
exports.GuidePanel = (0, react_1.forwardRef)((_a, ref) => {
|
|
62
58
|
var { children, className, illustration, poster } = _a, rest = __rest(_a, ["children", "className", "illustration", "poster"]);
|
|
59
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
63
60
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
64
|
-
return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: (
|
|
61
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-guide-panel", className, {
|
|
65
62
|
"navds-guide-panel--poster": poster === true,
|
|
66
63
|
"navds-guide-panel--not-poster": poster === false,
|
|
67
64
|
"navds-guide-panel--responsive-poster": poster === undefined,
|
|
68
65
|
}), "data-responsive": poster === undefined, "data-poster": poster }),
|
|
69
|
-
react_1.default.createElement("div", { className: "navds-guide" }, illustration !== null && illustration !== void 0 ? illustration : (themeContext ? (react_1.default.createElement(Illustration_darkside_1.DarksideGudiepanelIllustration, null)) : (react_1.default.createElement(Illustration_1.DefaultIllustration, null)))),
|
|
70
|
-
react_1.default.createElement("div", { className: "navds-guide-panel__content" },
|
|
71
|
-
themeContext && (react_1.default.createElement("svg", { viewBox: "0 0 33 22", width: "33", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "navds-guide-panel__tail" },
|
|
66
|
+
react_1.default.createElement("div", { className: cn("navds-guide") }, illustration !== null && illustration !== void 0 ? illustration : (themeContext ? (react_1.default.createElement(Illustration_darkside_1.DarksideGudiepanelIllustration, null)) : (react_1.default.createElement(Illustration_1.DefaultIllustration, null)))),
|
|
67
|
+
react_1.default.createElement("div", { className: cn("navds-guide-panel__content") },
|
|
68
|
+
themeContext && (react_1.default.createElement("svg", { viewBox: "0 0 33 22", width: "33", height: "22", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("navds-guide-panel__tail") },
|
|
72
69
|
react_1.default.createElement("path", { d: "M8.74229e-08 22L0 20L33 20V22L8.74229e-08 22Z", fill: "var(--ax-bg-raised)" }),
|
|
73
70
|
react_1.default.createElement("path", { d: "M31 20.0001L2 20.0001C2.09817 10.0296 3 7.00011 6 2.00011C8 12.5001 20 20.0001 31 20.0001Z", fill: "var(--ax-bg-raised)" }),
|
|
74
71
|
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 20C-2.87106e-10 19.9934 3.21047e-05 19.987 9.68646e-05 19.9804C0.0494722 14.9659 0.299239 11.5341 0.964025 8.68212C1.64231 5.77217 2.72947 3.56367 4.28501 0.971094C4.71185 0.259692 5.53358 -0.114327 6.35038 0.0310157C7.16718 0.176359 7.80944 0.810884 7.96467 1.62586C8.84145 6.22896 11.9453 10.3172 16.2599 13.2908C20.5715 16.2623 25.9294 18.0001 31 18.0001C32.1046 18.0001 33 18.8954 33 20L0 20ZM6.755 4.70521C8.97688 10.7068 14.4934 15.469 20.8803 18.0001C24.1345 19.2897 27.6146 20.0001 31 20.0001L2 20.0001C2.00689 19.3003 2.01774 18.6346 2.033 18.0001C2.19625 11.2107 2.86405 7.98363 4.58479 4.54371C4.9944 3.72487 5.46367 2.89399 6 2.00011C6.17639 2.92619 6.43058 3.82889 6.755 4.70521Z", fill: "var(--ax-border-info)" }))),
|
|
75
|
-
themeContext ? (react_1.default.createElement("div", { className: "navds-guide-panel__content-inner" }, children)) : (children))));
|
|
72
|
+
themeContext ? (react_1.default.createElement("div", { className: cn("navds-guide-panel__content-inner") }, children)) : (children))));
|
|
76
73
|
});
|
|
77
74
|
exports.default = exports.GuidePanel;
|
|
78
75
|
//# sourceMappingURL=GuidePanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GuidePanel.js","sourceRoot":"","sources":["../../src/guide-panel/GuidePanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAgE;AAChE,iDAAqD;AACrD,mEAAyE;AAkBzE;;;;;;;;;;;;;;GAcG;AACU,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAsD,EAAE,GAAG,EAAE,EAAE;QAA/D,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAW,EAAN,IAAI,cAApD,mDAAsD,CAAF;IACnD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CACL,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE;YAC5C,2BAA2B,EAAE,MAAM,KAAK,IAAI;YAC5C,+BAA+B,EAAE,MAAM,KAAK,KAAK;YACjD,sCAAsC,EAAE,MAAM,KAAK,SAAS;SAC7D,CAAC,qBACe,MAAM,KAAK,SAAS,iBACxB,MAAM;QAEnB,uCAAK,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,IAC9B,YAAY,aAAZ,YAAY,cAAZ,YAAY,GACX,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,sDAA8B,OAAG,CACnC,CAAC,CAAC,CAAC,CACF,8BAAC,kCAAmB,OAAG,CACxB,CAAC,CACA;QACN,uCAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC;YAC7C,YAAY,IAAI,CACf,uCACE,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC;gBAExC,wCACE,CAAC,EAAC,+CAA+C,EACjD,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,CAAC,EAAC,4FAA4F,EAC9F,IAAI,EAAC,qBAAqB,GAC1B;gBACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yrBAAyrB,EAC3rB,IAAI,EAAC,uBAAuB,GAC5B,CACE,CACP;YACA,YAAY,CAAC,CAAC,CAAC,CACd,uCAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,IACnD,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -33,12 +33,8 @@ 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.HelpText = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
43
39
|
const popover_1 = require("../popover");
|
|
44
40
|
const Theme_1 = require("../theme/Theme");
|
|
@@ -61,18 +57,19 @@ const HelpTextIcon_1 = require("./HelpTextIcon");
|
|
|
61
57
|
*/
|
|
62
58
|
exports.HelpText = (0, react_1.forwardRef)((_a, ref) => {
|
|
63
59
|
var { className, children, placement, strategy = "absolute", title, onClick, wrapperClassName } = _a, rest = __rest(_a, ["className", "children", "placement", "strategy", "title", "onClick", "wrapperClassName"]);
|
|
60
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
64
61
|
const buttonRef = (0, react_1.useRef)(null);
|
|
65
62
|
const mergedRef = (0, useMergeRefs_1.useMergeRefs)(buttonRef, ref);
|
|
66
63
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
67
64
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
68
65
|
const translate = (0, i18n_hooks_1.useI18n)("HelpText");
|
|
69
66
|
const titleWithFallback = title || translate("title");
|
|
70
|
-
return (react_1.default.createElement("div", { className: (
|
|
71
|
-
react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: (
|
|
67
|
+
return (react_1.default.createElement("div", { className: cn("navds-help-text", wrapperClassName) },
|
|
68
|
+
react_1.default.createElement("button", Object.assign({}, rest, { ref: mergedRef, onClick: (0, composeEventHandlers_1.composeEventHandlers)(onClick, () => setOpen((x) => !x)), className: cn(className, "navds-help-text__button"), type: "button", "aria-expanded": open }),
|
|
72
69
|
react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { title: titleWithFallback }),
|
|
73
70
|
react_1.default.createElement(HelpTextIcon_1.HelpTextIcon, { filled: true, title: titleWithFallback })),
|
|
74
|
-
react_1.default.createElement(popover_1.Popover, { onClose: () => setOpen(false), className: "navds-help-text__popover", open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy, offset: themeContext ? 8 : 12, arrow: !themeContext },
|
|
75
|
-
react_1.default.createElement(popover_1.Popover.Content, { className: "navds-body-short" }, children))));
|
|
71
|
+
react_1.default.createElement(popover_1.Popover, { onClose: () => setOpen(false), className: cn("navds-help-text__popover"), open: open, anchorEl: buttonRef.current, placement: placement, strategy: strategy, offset: themeContext ? 8 : 12, arrow: !themeContext },
|
|
72
|
+
react_1.default.createElement(popover_1.Popover.Content, { className: cn("navds-body-short") }, children))));
|
|
76
73
|
});
|
|
77
74
|
exports.default = exports.HelpText;
|
|
78
75
|
//# sourceMappingURL=HelpText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../src/help-text/HelpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,wCAAmD;AACnD,0CAAgE;AAChE,uEAAoE;AACpE,6DAA0D;AAC1D,wDAAkD;AAClD,iDAA8C;AAiB9C;;;;;;;;;;;;GAYG;AACU,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,KAAK,EACL,OAAO,EACP,gBAAgB,OAEjB,EADI,IAAI,cART,0FASC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,IAAA,2BAAY,EAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAA,oBAAO,EAAC,UAAU,CAAC,CAAC;IAEtC,MAAM,iBAAiB,GAAG,KAAK,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtD,OAAO,CACL,uCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC;QACrD,0DACM,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAA,2CAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAChE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,yBAAyB,CAAC,EACnD,IAAI,EAAC,QAAQ,mBACE,IAAI;YAEnB,8BAAC,2BAAY,IAAC,KAAK,EAAE,iBAAiB,GAAI;YAC1C,8BAAC,2BAAY,IAAC,MAAM,QAAC,KAAK,EAAE,iBAAiB,GAAI,CAC1C;QACT,8BAAC,iBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,EACzC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,SAAS,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC7B,KAAK,EAAE,CAAC,YAAY;YAEpB,8BAAC,iBAAO,CAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,IAC/C,QAAQ,CACO,CACV,CACN,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,gBAAQ,CAAC"}
|
|
@@ -4,13 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.HelpTextIcon = void 0;
|
|
7
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Theme_1 = require("../theme/Theme");
|
|
9
9
|
const hooks_1 = require("../util/hooks");
|
|
10
10
|
const HelpTextIcon = ({ title, filled = false, }) => {
|
|
11
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
11
12
|
let titleId = (0, hooks_1.useId)();
|
|
12
13
|
titleId = title ? `title-${titleId}` : undefined;
|
|
13
|
-
return (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-labelledby": titleId, className: (
|
|
14
|
+
return (react_1.default.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-labelledby": titleId, className: cn("navds-help-text__icon", {
|
|
14
15
|
"navds-help-text__icon--filled": filled,
|
|
15
16
|
}) },
|
|
16
17
|
title ? react_1.default.createElement("title", { id: titleId }, title) : null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"HelpTextIcon.js","sourceRoot":"","sources":["../../src/help-text/HelpTextIcon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAA8C;AAC9C,yCAAsC;AAE/B,MAAM,YAAY,GAAG,CAAC,EAC3B,KAAK,EACL,MAAM,GAAG,KAAK,GAIf,EAAE,EAAE;IACH,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,OAAO,GAAuB,IAAA,aAAK,GAAE,CAAC;IAC1C,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,SAAS,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACjD,OAAO,CACL,uCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,KAAK,EAChB,IAAI,EAAC,KAAK,qBACO,OAAO,EACxB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE;YACrC,+BAA+B,EAAE,MAAM;SACxC,CAAC;QAED,KAAK,CAAC,CAAC,CAAC,yCAAO,EAAE,EAAE,OAAO,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;QACnD,0CACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,EACrB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,GAC7C;QACF,wCACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sqBAAsqB,EACxqB,IAAI,EACF,MAAM;gBACJ,CAAC,CAAC,0DAA0D;gBAC5D,CAAC,CAAC,cAAc,GAEpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,YAAY,gBA8CvB"}
|
|
@@ -38,7 +38,8 @@ interface InternalHeaderComponent extends React.ForwardRefExoticComponent<Intern
|
|
|
38
38
|
* ```jsx
|
|
39
39
|
* <InternalHeader>
|
|
40
40
|
* <InternalHeader.Title as="h1">Sykepenger</InternalHeader.Title>
|
|
41
|
-
* <
|
|
41
|
+
* <Spacer />
|
|
42
|
+
* <InternalHeader.User name="Ola Normann" />
|
|
42
43
|
* </InternalHeader>
|
|
43
44
|
* ```
|
|
44
45
|
* @example
|
|
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.InternalHeader = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
41
|
const react_1 = __importStar(require("react"));
|
|
43
42
|
const Theme_1 = require("../theme/Theme");
|
|
44
43
|
const InternalHeaderButton_1 = __importDefault(require("./InternalHeaderButton"));
|
|
@@ -55,7 +54,8 @@ const InternalHeaderUserButton_1 = __importDefault(require("./InternalHeaderUser
|
|
|
55
54
|
* ```jsx
|
|
56
55
|
* <InternalHeader>
|
|
57
56
|
* <InternalHeader.Title as="h1">Sykepenger</InternalHeader.Title>
|
|
58
|
-
* <
|
|
57
|
+
* <Spacer />
|
|
58
|
+
* <InternalHeader.User name="Ola Normann" />
|
|
59
59
|
* </InternalHeader>
|
|
60
60
|
* ```
|
|
61
61
|
* @example
|
|
@@ -76,14 +76,15 @@ const InternalHeaderUserButton_1 = __importDefault(require("./InternalHeaderUser
|
|
|
76
76
|
exports.InternalHeader = (0, react_1.forwardRef)((_a, ref) => {
|
|
77
77
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
78
78
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
79
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
79
80
|
/*
|
|
80
81
|
* Component is always in "dark" mode, so we manually override global theme.
|
|
81
82
|
*/
|
|
82
83
|
if (themeContext) {
|
|
83
84
|
return (react_1.default.createElement(Theme_1.Theme, { theme: "dark", asChild: true, hasBackground: false },
|
|
84
|
-
react_1.default.createElement("header", Object.assign({}, rest, { ref: ref, className: (
|
|
85
|
+
react_1.default.createElement("header", Object.assign({}, rest, { ref: ref, className: cn("navds-internalheader", className) }))));
|
|
85
86
|
}
|
|
86
|
-
return (react_1.default.createElement("header", Object.assign({ "data-theme": "dark" }, rest, { ref: ref, className: (
|
|
87
|
+
return (react_1.default.createElement("header", Object.assign({ "data-theme": "dark" }, rest, { ref: ref, className: cn("navds-internalheader", className) })));
|
|
87
88
|
});
|
|
88
89
|
exports.InternalHeader.Title = InternalHeaderTitle_1.default;
|
|
89
90
|
exports.InternalHeader.User = InternalHeaderUser_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"InternalHeader.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAAuE;AAEvE,kFAEgC;AAChC,gFAE+B;AAC/B,8EAE8B;AAC9B,0FAEoC;AAoCpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,cAAc,GAAG,IAAA,kBAAU,EAAC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAC5D,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B;;OAEG;IACH,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,QAAC,aAAa,EAAE,KAAK;YAC9C,0DACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACI,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,sEACa,MAAM,IACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAChD,CACH,CAAC;AACJ,CAAC,CAA4B,CAAC;AAE9B,sBAAc,CAAC,KAAK,GAAG,6BAAmB,CAAC;AAC3C,sBAAc,CAAC,IAAI,GAAG,4BAAkB,CAAC;AACzC,sBAAc,CAAC,MAAM,GAAG,8BAAoB,CAAC;AAC7C,sBAAc,CAAC,UAAU,GAAG,kCAAwB,CAAC;AAErD,kBAAe,sBAAc,CAAC"}
|
|
@@ -33,16 +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.InternalHeaderButton = 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
|
exports.InternalHeaderButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
44
41
|
var { as: Component = "button", className } = _a, rest = __rest(_a, ["as", "className"]);
|
|
45
|
-
|
|
42
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
43
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, className: cn("navds-internalheader__button", className) })));
|
|
46
44
|
});
|
|
47
45
|
exports.default = exports.InternalHeaderButton;
|
|
48
46
|
//# sourceMappingURL=InternalHeaderButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InternalHeaderButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAUjC,QAAA,oBAAoB,GAG7B,IAAA,kBAAU,EAAC,CAAC,EAAgD,EAAE,GAAG,EAAE,EAAE;QAAzD,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9C,mBAAgD,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,8BAA8B,EAAE,SAAS,CAAC,IACxD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,4BAAoB,CAAC"}
|
|
@@ -33,16 +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.InternalHeaderTitle = 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
|
exports.InternalHeaderTitle = (0, react_1.forwardRef)((_a, ref) => {
|
|
44
41
|
var { as: Component = "a", children, className } = _a, rest = __rest(_a, ["as", "children", "className"]);
|
|
45
|
-
|
|
42
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
43
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { ref: ref, size: "xsmall", className: cn("navds-internalheader__title", "navds-body-short", className) }),
|
|
46
44
|
react_1.default.createElement("span", null, children)));
|
|
47
45
|
});
|
|
48
46
|
exports.default = exports.InternalHeaderTitle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeaderTitle.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderTitle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InternalHeaderTitle.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAA8C;AAWjC,QAAA,mBAAmB,GAG5B,IAAA,kBAAU,EAAC,CAAC,EAAqD,EAAE,GAAG,EAAE,EAAE;QAA9D,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnD,+BAAqD,CAAF;IACjE,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,kBAAkB,EAClB,SAAS,CACV;QAED,4CAAO,QAAQ,CAAQ,CACb,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,2BAAmB,CAAC"}
|
|
@@ -33,17 +33,15 @@ 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.InternalHeaderUser = 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 typography_1 = require("../typography");
|
|
44
41
|
exports.InternalHeaderUser = (0, react_1.forwardRef)((_a, ref) => {
|
|
45
42
|
var { className, name, description } = _a, rest = __rest(_a, ["className", "name", "description"]);
|
|
46
|
-
|
|
43
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
44
|
+
return (react_1.default.createElement("div", Object.assign({}, rest, { ref: ref, className: cn("navds-internalheader__user", className) }),
|
|
47
45
|
react_1.default.createElement("span", null,
|
|
48
46
|
react_1.default.createElement(typography_1.BodyShort, { size: "small", as: "div" }, name),
|
|
49
47
|
description && react_1.default.createElement(typography_1.Detail, { as: "div" }, description))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeaderUser.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUser.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InternalHeaderUser.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUser.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAC1D,0CAA8C;AAC9C,8CAAkD;AAcrC,QAAA,kBAAkB,GAAG,IAAA,kBAAU,EAG1C,CAAC,EAAyC,EAAE,GAAG,EAAE,EAAE;QAAlD,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,OAAW,EAAN,IAAI,cAAvC,oCAAyC,CAAF;IACxC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC;QAEtD;YACE,8BAAC,sBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,IAC7B,IAAI,CACK;YACX,WAAW,IAAI,8BAAC,mBAAM,IAAC,EAAE,EAAC,KAAK,IAAE,WAAW,CAAU,CAClD,CACH,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,0BAAkB,CAAC"}
|
|
@@ -38,14 +38,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.InternalHeaderUserButton = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
41
|
const react_1 = __importStar(require("react"));
|
|
43
42
|
const aksel_icons_1 = require("@navikt/aksel-icons");
|
|
43
|
+
const Theme_1 = require("../theme/Theme");
|
|
44
44
|
const typography_1 = require("../typography");
|
|
45
45
|
const InternalHeaderButton_1 = __importDefault(require("./InternalHeaderButton"));
|
|
46
46
|
exports.InternalHeaderUserButton = (0, react_1.forwardRef)((_a, ref) => {
|
|
47
47
|
var { as, name, description, className } = _a, rest = __rest(_a, ["as", "name", "description", "className"]);
|
|
48
|
-
|
|
48
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
49
|
+
return (react_1.default.createElement(InternalHeaderButton_1.default, Object.assign({}, rest, { as: as, ref: ref, className: cn("navds-internalheader__user-button", className) }),
|
|
49
50
|
react_1.default.createElement("div", null,
|
|
50
51
|
react_1.default.createElement(typography_1.BodyShort, { size: "small", as: "div" }, name),
|
|
51
52
|
description && react_1.default.createElement(typography_1.Detail, { as: "div" }, description)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalHeaderUserButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUserButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"InternalHeaderUserButton.js","sourceRoot":"","sources":["../../src/internal-header/InternalHeaderUserButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,qDAAsD;AACtD,0CAA8C;AAC9C,8CAAkD;AAElD,kFAA0D;AAc7C,QAAA,wBAAwB,GAGjC,IAAA,kBAAU,EAAC,CAAC,EAA6C,EAAE,GAAG,EAAE,EAAE;QAAtD,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,OAAW,EAAN,IAAI,cAA3C,0CAA6C,CAAF;IACzD,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,8BAAoB,oBACf,IAAI,IACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC;QAE7D;YACE,8BAAC,sBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,IAC7B,IAAI,CACK;YACX,WAAW,IAAI,8BAAC,mBAAM,IAAC,EAAE,EAAC,KAAK,IAAE,WAAW,CAAU,CACnD;QACN,8BAAC,6BAAe,0BAAe,CACV,CACxB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,gCAAwB,CAAC"}
|
|
@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.BasePrimitive = exports.PRIMITIVE_PROPS = void 0;
|
|
7
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
8
|
const Slot_1 = require("../../slot/Slot");
|
|
10
9
|
const Theme_1 = require("../../theme/Theme");
|
|
@@ -39,9 +38,10 @@ exports.PRIMITIVE_PROPS = [
|
|
|
39
38
|
];
|
|
40
39
|
const BasePrimitive = ({ children, className, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, width, minWidth, maxWidth, height, minHeight, maxHeight, position, inset, top, right, left, bottom, overflow, overflowX, overflowY, flexBasis, flexGrow, flexShrink, gridColumn, }) => {
|
|
41
40
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
41
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
42
42
|
const prefix = themeContext ? "ax" : "a";
|
|
43
43
|
const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (0, css_1.getResponsiveProps)(prefix, "r", "p", "spacing", padding)), (0, css_1.getResponsiveProps)(prefix, "r", "pi", "spacing", paddingInline)), (0, css_1.getResponsiveProps)(prefix, "r", "pb", "spacing", paddingBlock)), (0, css_1.getResponsiveProps)(prefix, "r", "m", "spacing", margin)), (0, css_1.getResponsiveProps)(prefix, "r", "mi", "spacing", marginInline)), (0, css_1.getResponsiveProps)(prefix, "r", "mb", "spacing", marginBlock)), (0, css_1.getResponsiveValue)(prefix, "r", "w", width)), (0, css_1.getResponsiveValue)(prefix, "r", "minw", minWidth)), (0, css_1.getResponsiveValue)(prefix, "r", "maxw", maxWidth)), (0, css_1.getResponsiveValue)(prefix, "r", "h", height)), (0, css_1.getResponsiveValue)(prefix, "r", "minh", minHeight)), (0, css_1.getResponsiveValue)(prefix, "r", "maxh", maxHeight)), (0, css_1.getResponsiveValue)(prefix, "r", "position", position)), (0, css_1.getResponsiveProps)(prefix, "r", "inset", "spacing", inset)), (0, css_1.getResponsiveProps)(prefix, "r", "top", "spacing", top)), (0, css_1.getResponsiveProps)(prefix, "r", "right", "spacing", right)), (0, css_1.getResponsiveProps)(prefix, "r", "bottom", "spacing", bottom)), (0, css_1.getResponsiveProps)(prefix, "r", "left", "spacing", left)), (0, css_1.getResponsiveValue)(prefix, "r", "overflow", overflow)), (0, css_1.getResponsiveValue)(prefix, "r", "overflowx", overflowX)), (0, css_1.getResponsiveValue)(prefix, "r", "overflowy", overflowY)), (0, css_1.getResponsiveValue)(prefix, "r", "flex-basis", flexBasis)), (0, css_1.getResponsiveValue)(prefix, "r", "flex-grow", flexGrow)), (0, css_1.getResponsiveValue)(prefix, "r", "flex-shrink", flexShrink)), (0, css_1.getResponsiveValue)(prefix, "r", "grid-column", gridColumn));
|
|
44
|
-
return (react_1.default.createElement(Slot_1.Slot, { className: (
|
|
44
|
+
return (react_1.default.createElement(Slot_1.Slot, { className: cn({
|
|
45
45
|
className,
|
|
46
46
|
"navds-r-p": padding,
|
|
47
47
|
"navds-r-pi": paddingInline,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BasePrimitive.js","sourceRoot":"","sources":["../../../src/layout/base/BasePrimitive.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"BasePrimitive.js","sourceRoot":"","sources":["../../../src/layout/base/BasePrimitive.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0CAAuC;AACvC,6CAAmE;AACnE,0CAA0E;AA4L7D,QAAA,eAAe,GAA6B;IACvD,WAAW;IACX,SAAS;IACT,eAAe;IACf,cAAc;IACd,QAAQ;IACR,cAAc;IACd,aAAa;IACb,OAAO;IACP,UAAU;IACV,UAAU;IACV,QAAQ;IACR,WAAW;IACX,WAAW;IACX,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;IACP,QAAQ;IACR,MAAM;IACN,UAAU;IACV,WAAW;IACX,WAAW;IACX,WAAW;IACX,UAAU;IACV,YAAY;IACZ,YAAY;CACb,CAAC;AAMK,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,EACH,KAAK,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,GACS,EAAE,EAAE;IACvB,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,MAAM,KAAK,qWAEN,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,GACxD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,GAC/D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,GAE9D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,GACvD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,CAAC,GAC9D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,CAAC,GAE7D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAC3C,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,GACjD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,GACjD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,GAC5C,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,GAClD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,GAElD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,CAAC,GACrD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,GAC1D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GACtD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,GAC1D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,GAC5D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC,GAExD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,CAAC,GACrD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,CAAC,GACvD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,SAAS,CAAC,GAEvD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,SAAS,CAAC,GACxD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,QAAQ,CAAC,GACtD,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,UAAU,CAAC,GAE1D,IAAA,wBAAkB,EAAC,MAAM,EAAE,GAAG,EAAE,aAAa,EAAE,UAAU,CAAC,CAC9D,CAAC;IAEF,OAAO,CACL,8BAAC,WAAI,IACH,SAAS,EAAE,EAAE,CAAC;YACZ,SAAS;YACT,WAAW,EAAE,OAAO;YACpB,YAAY,EAAE,aAAa;YAC3B,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,MAAM;YACnB,YAAY,EAAE,YAAY;YAC1B,YAAY,EAAE,WAAW;YACzB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,QAAQ;YACxB,cAAc,EAAE,QAAQ;YACxB,WAAW,EAAE,MAAM;YACnB,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,SAAS;YACzB,kBAAkB,EAAE,QAAQ;YAC5B,eAAe,EAAE,KAAK;YACtB,aAAa,EAAE,GAAG;YAClB,eAAe,EAAE,KAAK;YACtB,gBAAgB,EAAE,MAAM;YACxB,cAAc,EAAE,IAAI;YACpB,kBAAkB,EAAE,QAAQ;YAC5B,mBAAmB,EAAE,SAAS;YAC9B,mBAAmB,EAAE,SAAS;YAC9B,oBAAoB,EAAE,SAAS;YAC/B,mBAAmB,EAAE,QAAQ;YAC7B,qBAAqB,EAAE,UAAU;YACjC,qBAAqB,EAAE,UAAU;SAClC,CAAC,EACF,KAAK,EAAE,KAAK,IAEX,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAvGW,QAAA,aAAa,iBAuGxB;AAEF,kBAAe,qBAAa,CAAC"}
|
|
@@ -33,12 +33,8 @@ 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.Bleed = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
43
39
|
const Slot_1 = require("../../slot/Slot");
|
|
44
40
|
const Theme_1 = require("../../theme/Theme");
|
|
@@ -60,13 +56,14 @@ const css_1 = require("../utilities/css");
|
|
|
60
56
|
exports.Bleed = (0, react_1.forwardRef)((_a, ref) => {
|
|
61
57
|
var { className, marginInline, marginBlock, reflectivePadding, style: _style, asChild } = _a, rest = __rest(_a, ["className", "marginInline", "marginBlock", "reflectivePadding", "style", "asChild"]);
|
|
62
58
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
59
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
63
60
|
const prefix = themeContext ? "ax" : "a";
|
|
64
61
|
let style = Object.assign(Object.assign(Object.assign({}, _style), (0, css_1.getResponsiveProps)(prefix, "bleed", "margin-inline", "spacing", marginInline, true, ["0", "full", "px"])), (0, css_1.getResponsiveProps)(prefix, "bleed", "margin-block", "spacing", marginBlock, true, ["0", "px"]));
|
|
65
62
|
if (reflectivePadding) {
|
|
66
63
|
style = Object.assign(Object.assign(Object.assign({}, style), (0, css_1.getResponsiveProps)(prefix, "bleed", "padding-inline", "spacing", marginInline, false, ["0", "full", "px"])), (0, css_1.getResponsiveProps)(prefix, "bleed", "padding-block", "spacing", marginBlock, false, ["0", "px"]));
|
|
67
64
|
}
|
|
68
65
|
const Comp = asChild ? Slot_1.Slot : "div";
|
|
69
|
-
return (react_1.default.createElement(Comp, Object.assign({}, rest, { className: (
|
|
66
|
+
return (react_1.default.createElement(Comp, Object.assign({}, rest, { className: cn("navds-bleed", className, {
|
|
70
67
|
"navds-bleed--padding": reflectivePadding,
|
|
71
68
|
}), ref: ref, style: style })));
|
|
72
69
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAAuC;AACvC,6CAAmE;AACnE,0CAAsD;AAoDtD;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,IAAI,KAAK,iDACJ,MAAM,GACN,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,IAAA,wBAAkB,EACnB,MAAM,EACN,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAe,aAAK,CAAC"}
|
|
@@ -33,14 +33,11 @@ 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.BoxNew = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
43
39
|
const Slot_1 = require("../../slot/Slot");
|
|
40
|
+
const Theme_1 = require("../../theme/Theme");
|
|
44
41
|
const util_1 = require("../../util");
|
|
45
42
|
const BasePrimitive_1 = __importStar(require("../base/BasePrimitive"));
|
|
46
43
|
const css_1 = require("../utilities/css");
|
|
@@ -74,6 +71,7 @@ const css_1 = require("../utilities/css");
|
|
|
74
71
|
*/
|
|
75
72
|
exports.BoxNew = (0, react_1.forwardRef)((_a, ref) => {
|
|
76
73
|
var { children, className, as: Component = "div", background, borderColor, borderWidth, borderRadius, shadow, style: _style, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "background", "borderColor", "borderWidth", "borderRadius", "shadow", "style", "asChild"]);
|
|
74
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
77
75
|
const style = Object.assign(Object.assign(Object.assign({}, _style), { "--__axc-box-background": background
|
|
78
76
|
? `var(--ax-bg-${background})`
|
|
79
77
|
: undefined, "--__axc-box-shadow": shadow ? `var(--ax-shadow-${shadow})` : undefined, "--__axc-box-border-color": borderColor
|
|
@@ -86,7 +84,7 @@ exports.BoxNew = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
86
84
|
: undefined }), (0, css_1.getResponsiveProps)("ax", "box", "border-radius", "border-radius", borderRadius, false, ["0"]));
|
|
87
85
|
const Comp = asChild ? Slot_1.Slot : Component;
|
|
88
86
|
return (react_1.default.createElement(BasePrimitive_1.default, Object.assign({}, rest),
|
|
89
|
-
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, style: style, className: (
|
|
87
|
+
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, style: style, className: cn("navds-box", className, {
|
|
90
88
|
"navds-box-bg": background,
|
|
91
89
|
"navds-box-border-color": borderColor,
|
|
92
90
|
"navds-box-border-width": borderWidth,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.darkside.js","sourceRoot":"","sources":["../../../src/layout/box/Box.darkside.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.darkside.js","sourceRoot":"","sources":["../../../src/layout/box/Box.darkside.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAS1C,0CAAuC;AACvC,6CAAiD;AACjD,qCAAkC;AAElC,uEAG+B;AAE/B,0CAAsD;AA6CtD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACU,QAAA,MAAM,GACjB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC9B,MAAM,KAAK,iDACN,MAAM,KACT,wBAAwB,EAAE,UAAU;YAClC,CAAC,CAAC,eAAe,UAAU,GAAG;YAC9B,CAAC,CAAC,SAAS,EACb,oBAAoB,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACvE,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,mBAAmB,WAAW,GAAG;YACnC,CAAC,CAAC,SAAS,EACb,0BAA0B,EAAE,WAAW;YACrC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,IAAA,wBAAkB,EACnB,IAAI,EACJ,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE;gBACpC,cAAc,EAAE,UAAU;gBAC1B,wBAAwB,EAAE,WAAW;gBACrC,wBAAwB,EAAE,WAAW;gBACrC,yBAAyB,EAAE,YAAY;gBACvC,kBAAkB,EAAE,MAAM;aAC3B,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,cAAM,CAAC"}
|
package/cjs/layout/box/Box.js
CHANGED
|
@@ -38,7 +38,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
40
|
exports.Box = exports.BoxComponent = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
41
|
const react_1 = __importStar(require("react"));
|
|
43
42
|
const Slot_1 = require("../../slot/Slot");
|
|
44
43
|
const Theme_1 = require("../../theme/Theme");
|
|
@@ -76,6 +75,7 @@ const Box_darkside_1 = __importDefault(require("./Box.darkside"));
|
|
|
76
75
|
exports.BoxComponent = (0, react_1.forwardRef)((_a, ref) => {
|
|
77
76
|
var { children, className, as: Component = "div", background, borderColor, borderWidth, borderRadius, shadow, style: _style, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "background", "borderColor", "borderWidth", "borderRadius", "shadow", "style", "asChild"]);
|
|
78
77
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
78
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
79
79
|
if (process.env.NODE_ENV !== "production" &&
|
|
80
80
|
themeContext &&
|
|
81
81
|
(background || borderColor || shadow)) {
|
|
@@ -96,7 +96,7 @@ exports.BoxComponent = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
96
96
|
: undefined }), (0, css_1.getResponsiveProps)(prefix, "box", "border-radius", "border-radius", borderRadius, false, ["0"]));
|
|
97
97
|
const Comp = asChild ? Slot_1.Slot : Component;
|
|
98
98
|
return (react_1.default.createElement(BasePrimitive_1.default, Object.assign({}, rest),
|
|
99
|
-
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, style: style, className: (
|
|
99
|
+
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, style: style, className: cn("navds-box", className, {
|
|
100
100
|
"navds-box-bg": background,
|
|
101
101
|
"navds-box-border-color": borderColor,
|
|
102
102
|
"navds-box-border-width": borderWidth,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,0CAAuC;AACvC,6CAAmE;AACnE,qCAAkC;AAElC,uEAG+B;AAE/B,0CAAsD;AAStD,kEAAoC;AA6CpC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,YAAY,GACvB,IAAA,kBAAU,EACR,CACE,EAYC,EACD,GAAG,EACH,EAAE;QAdF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAXT,yHAYC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,YAAY;QACZ,CAAC,UAAU,IAAI,WAAW,IAAI,MAAM,CAAC,EACrC,CAAC;QACD,OAAO,CAAC,IAAI,CACV,+KAA+K,CAChL,CAAC;IACJ,CAAC;IAED,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAEzC,MAAM,KAAK,iDACN,MAAM,KACT,CAAC,OAAO,MAAM,kBAAkB,CAAC,EAAE,UAAU;YAC3C,CAAC,CAAC,WAAW,UAAU,GAAG;YAC1B,CAAC,CAAC,SAAS,EACb,CAAC,OAAO,MAAM,cAAc,CAAC,EAAE,MAAM;YACnC,CAAC,CAAC,kBAAkB,MAAM,GAAG;YAC7B,CAAC,CAAC,SAAS,EACb,CAAC,OAAO,MAAM,oBAAoB,CAAC,EAAE,WAAW;YAC9C,CAAC,CAAC,WAAW,WAAW,GAAG;YAC3B,CAAC,CAAC,SAAS,EACb,CAAC,OAAO,MAAM,oBAAoB,CAAC,EAAE,WAAW;YAC9C,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,IAAA,wBAAkB,EACnB,MAAM,EACN,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,CACF,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE;gBACpC,cAAc,EAAE,UAAU;gBAC1B,wBAAwB,EAAE,WAAW;gBACrC,wBAAwB,EAAE,WAAW;gBACrC,yBAAyB,EAAE,YAAY;gBACvC,kBAAkB,EAAE,MAAM;aAC3B,CAAC,KAED,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAES,QAAA,GAAG,GAAG,oBAAgC,CAAC;AAEpD,WAAG,CAAC,GAAG,GAAG,sBAAM,CAAC;AAEjB,kBAAe,WAAG,CAAC"}
|
package/cjs/layout/grid/HGrid.js
CHANGED
|
@@ -33,12 +33,8 @@ 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.HGrid = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
43
39
|
const Slot_1 = require("../../slot/Slot");
|
|
44
40
|
const Theme_1 = require("../../theme/Theme");
|
|
@@ -74,10 +70,11 @@ exports.HGrid = (0, react_1.forwardRef)((_a, ref) => {
|
|
|
74
70
|
var { children, className, as: Component = "div", columns, gap, style, align, asChild } = _a, rest = __rest(_a, ["children", "className", "as", "columns", "gap", "style", "align", "asChild"]);
|
|
75
71
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
76
72
|
const prefix = themeContext ? "ax" : "a";
|
|
73
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
77
74
|
const styles = Object.assign(Object.assign(Object.assign(Object.assign({}, style), { [`--__${prefix}c-hgrid-align`]: align }), (0, css_1.getResponsiveProps)(prefix, `hgrid`, "gap", "spacing", gap)), (0, css_1.getResponsiveValue)(prefix, `hgrid`, "columns", formatGrid(columns)));
|
|
78
75
|
const Comp = asChild ? Slot_1.Slot : Component;
|
|
79
76
|
return (react_1.default.createElement(BasePrimitive_1.default, Object.assign({}, rest),
|
|
80
|
-
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, className: (
|
|
77
|
+
react_1.default.createElement(Comp, Object.assign({}, (0, util_1.omit)(rest, BasePrimitive_1.PRIMITIVE_PROPS), { ref: ref, className: cn("navds-hgrid", className, {
|
|
81
78
|
"navds-hgrid-gap": gap,
|
|
82
79
|
"navds-hgrid-align": align,
|
|
83
80
|
}), style: styles }), children)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,0CAAuC;AACvC,6CAAmE;AACnE,qCAAwD;AACxD,uEAG+B;AAE/B,0CAA0E;AA6B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACU,QAAA,KAAK,GAChB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,EACP,GAAG,EACH,KAAK,EACL,KAAK,EACL,OAAO,OAER,EADI,IAAI,cATT,8EAUC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IACzC,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,MAAM,MAAM,+DACP,KAAK,KACR,CAAC,OAAO,MAAM,eAAe,CAAC,EAAE,KAAK,KAClC,IAAA,wBAAkB,EAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAC1D,IAAA,wBAAkB,EAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CACvE,CAAC;IAEF,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,uBAAa,oBAAK,IAAI;QACrB,8BAAC,IAAI,oBACC,IAAA,WAAI,EAAC,IAAI,EAAE,+BAAe,CAAC,IAC/B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE;gBACtC,iBAAiB,EAAE,GAAG;gBACtB,mBAAmB,EAAE,KAAK;aAC3B,CAAC,EACF,KAAK,EAAE,MAAM,KAEZ,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,UAAU,CACjB,KAAuC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAC5D,eAAe;QACf,cAAc,CAAC,WAAW,CAAC;KAC5B,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,UAAU,IAAI,mBAAmB,CAAC;IAC3C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,aAAK,CAAC"}
|
package/cjs/layout/page/Page.js
CHANGED
|
@@ -33,25 +33,22 @@ 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.PageComponent = void 0;
|
|
41
|
-
const clsx_1 = __importDefault(require("clsx"));
|
|
42
38
|
const react_1 = __importStar(require("react"));
|
|
43
39
|
const Theme_1 = require("../../theme/Theme");
|
|
44
40
|
const PageBlock_1 = require("./parts/PageBlock");
|
|
45
41
|
exports.PageComponent = (0, react_1.forwardRef)((_a, ref) => {
|
|
46
42
|
var { as: Component = "div", className, style: _style, footer, children, footerPosition, background = "bg-default", contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
|
|
47
43
|
const themeContext = (0, Theme_1.useThemeInternal)(false);
|
|
44
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
48
45
|
if (process.env.NODE_ENV !== "production" && themeContext && background) {
|
|
49
46
|
console.warn(`Prop \`background\` is deprecated and cannot be used with theme-support. Instead wrap component with \`<Box asChild background>\``);
|
|
50
47
|
}
|
|
51
48
|
const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background})` });
|
|
52
49
|
const belowFold = footerPosition === "belowFold";
|
|
53
|
-
return (react_1.default.createElement(Component, Object.assign({}, rest, { className: (
|
|
54
|
-
react_1.default.createElement("div", { className: (
|
|
50
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { className: cn("navds-page", className), ref: ref, style: style }),
|
|
51
|
+
react_1.default.createElement("div", { className: cn({
|
|
55
52
|
"navds-page__content--fullheight": belowFold,
|
|
56
53
|
"navds-page__content--grow": !belowFold,
|
|
57
54
|
"navds-page__content--padding": contentBlockPadding === "end",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,6CAAmE;AAGnE,iDAA8C;AAmCjC,QAAA,aAAa,GACxB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,GAAG,YAAY,EACzB,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cATT,yGAUC,CADQ;IAIT,MAAM,YAAY,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC;QACxE,OAAO,CAAC,IAAI,CACV,mIAAmI,CACpI,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,mCACN,MAAM,KACT,wBAAwB,EAAE,WAAW,UAAU,GAAG,GACnD,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,uCACE,SAAS,EAAE,EAAE,CAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,qBAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,qBAAS,CAAC;AAEvB,kBAAe,IAAI,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.PageBlock = exports.widths = 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
|
exports.widths = ["text", "md", "lg", "xl", "2xl"];
|
|
44
41
|
/**
|
|
45
42
|
* Acts as a top-level container for defining max-width, gutters and horizontal centering
|
|
@@ -72,7 +69,8 @@ exports.widths = ["text", "md", "lg", "xl", "2xl"];
|
|
|
72
69
|
*/
|
|
73
70
|
exports.PageBlock = (0, react_1.forwardRef)((_a, ref) => {
|
|
74
71
|
var { as: Component = "div", gutters, className, width } = _a, rest = __rest(_a, ["as", "gutters", "className", "width"]);
|
|
75
|
-
|
|
72
|
+
const { cn } = (0, Theme_1.useRenameCSS)();
|
|
73
|
+
return (react_1.default.createElement(Component, Object.assign({}, rest, { className: cn("navds-pageblock", width && `navds-pageblock--${width}`, className, { "navds-pageblock--gutters": gutters }), ref: ref })));
|
|
76
74
|
});
|
|
77
75
|
exports.default = exports.PageBlock;
|
|
78
76
|
//# sourceMappingURL=PageBlock.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,gDAAoD;AAGvC,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAwBjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,SAAS,GACpB,IAAA,kBAAU,EACR,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA3D,uCAA6D,CAAF;IAC1D,MAAM,EAAE,EAAE,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAE9B,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,EAAE,CACX,iBAAiB,EACjB,KAAK,IAAI,oBAAoB,KAAK,EAAE,EACpC,SAAS,EACT,EAAE,0BAA0B,EAAE,OAAO,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,kBAAe,iBAAS,CAAC"}
|