@coveord/plasma-mantine 55.7.2-next.2 → 55.7.2-next.21
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/.turbo/turbo-build.log +3 -3
- package/.turbo/turbo-test.log +58 -56
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/accordion/Accordion.d.ts +13 -0
- package/dist/cjs/components/accordion/Accordion.d.ts.map +1 -0
- package/dist/cjs/components/accordion/Accordion.js +29 -0
- package/dist/cjs/components/accordion/Accordion.js.map +1 -0
- package/dist/cjs/components/accordion/Accordion.module.css +3 -0
- package/dist/cjs/components/accordion/index.d.ts +2 -0
- package/dist/cjs/components/accordion/index.d.ts.map +1 -0
- package/dist/cjs/components/accordion/index.js +13 -0
- package/dist/cjs/components/accordion/index.js.map +1 -0
- package/dist/cjs/components/action-icon/ActionIcon.d.ts +41 -0
- package/dist/cjs/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/cjs/components/action-icon/ActionIcon.js +49 -0
- package/dist/cjs/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/cjs/components/alert/Alert.d.ts +14 -0
- package/dist/cjs/components/alert/Alert.d.ts.map +1 -1
- package/dist/cjs/components/alert/Alert.js +55 -17
- package/dist/cjs/components/alert/Alert.js.map +1 -1
- package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +41 -5
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js +36 -24
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/button/ButtonWithDisabledTooltip.d.ts +1 -1
- package/dist/cjs/components/child-form/ChildForm.module.css +2 -2
- package/dist/cjs/components/code-editor/CodeEditor.d.ts +2 -0
- package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.js +37 -15
- package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.module.css +1 -1
- package/dist/cjs/components/code-editor/search/Search.d.ts +2 -1
- package/dist/cjs/components/code-editor/search/Search.d.ts.map +1 -1
- package/dist/cjs/components/code-editor/search/Search.js +5 -6
- package/dist/cjs/components/code-editor/search/Search.js.map +1 -1
- package/dist/cjs/components/collection/Collection.d.ts +1 -1
- package/dist/cjs/components/collection/Collection.d.ts.map +1 -1
- package/dist/cjs/components/collection/Collection.js +11 -19
- package/dist/cjs/components/collection/Collection.js.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.d.ts.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.js +5 -4
- package/dist/cjs/components/collection/CollectionItem.js.map +1 -1
- package/dist/cjs/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts +16 -4
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js +22 -13
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRange.module.css +2 -2
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -5
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
- package/dist/cjs/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
- package/dist/cjs/components/header/Header.d.ts +14 -6
- package/dist/cjs/components/header/Header.d.ts.map +1 -1
- package/dist/cjs/components/header/Header.js +9 -6
- package/dist/cjs/components/header/Header.js.map +1 -1
- package/dist/cjs/components/header/Header.module.css +1 -10
- package/dist/cjs/components/header/HeaderRight/HeaderRight.d.ts +19 -0
- package/dist/cjs/components/header/HeaderRight/HeaderRight.d.ts.map +1 -0
- package/dist/cjs/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js} +6 -6
- package/dist/cjs/components/header/HeaderRight/HeaderRight.js.map +1 -0
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/info-token/InfoToken.d.ts +30 -0
- package/dist/cjs/components/info-token/InfoToken.d.ts.map +1 -0
- package/dist/cjs/components/info-token/InfoToken.js +121 -0
- package/dist/cjs/components/info-token/InfoToken.js.map +1 -0
- package/dist/cjs/components/info-token/InfoToken.module.css +8 -0
- package/dist/cjs/components/info-token/index.d.ts +2 -0
- package/dist/cjs/components/info-token/index.d.ts.map +1 -0
- package/dist/cjs/components/info-token/index.js +8 -0
- package/dist/cjs/components/info-token/index.js.map +1 -0
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -2
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js +2 -4
- package/dist/cjs/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts +32 -0
- package/dist/cjs/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/cjs/components/modal/Modal.module.css +1 -1
- package/dist/cjs/components/prompt/Prompt.d.ts +1 -1
- package/dist/cjs/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +14 -4
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/PromptCancelButton.d.ts.map +1 -1
- package/dist/cjs/components/prompt/PromptCancelButton.js +3 -3
- package/dist/cjs/components/prompt/PromptCancelButton.js.map +1 -1
- package/dist/cjs/components/prompt/PromptConfirmButton.d.ts.map +1 -1
- package/dist/cjs/components/prompt/PromptConfirmButton.js +7 -8
- package/dist/cjs/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/cjs/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
- package/dist/cjs/components/table/Table.module.css +4 -4
- package/dist/cjs/components/table/Table.types.d.ts +2 -2
- package/dist/cjs/components/table/Table.types.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/TableLayoutControl.js +1 -1
- package/dist/cjs/components/table/layouts/TableLayoutControl.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.js +2 -2
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayout.module.css +11 -17
- package/dist/cjs/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionItem.js +2 -3
- package/dist/cjs/components/table/table-actions/TableActionItem.js.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/cjs/components/table/table-actions/TableActionsList.js +4 -4
- package/dist/cjs/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js +7 -6
- package/dist/cjs/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
- package/dist/cjs/components/table/table-filter/TableFilter.d.ts.map +1 -1
- package/dist/cjs/components/table/table-filter/TableFilter.js +7 -7
- package/dist/cjs/components/table/table-filter/TableFilter.js.map +1 -1
- package/dist/cjs/components/table/table-header/TableHeader.d.ts.map +1 -1
- package/dist/cjs/components/table/table-header/TableHeader.js +1 -2
- package/dist/cjs/components/table/table-header/TableHeader.js.map +1 -1
- package/dist/cjs/components/table/use-table.d.ts.map +1 -1
- package/dist/cjs/components/table/use-url-synced-state.d.ts.map +1 -1
- package/dist/cjs/hooks/useClickWithLoading.d.ts.map +1 -1
- package/dist/cjs/hooks/useControlledList.d.ts.map +1 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/ActionIcon.module.css +7 -0
- package/dist/cjs/styles/Alert.module.css +11 -0
- package/dist/cjs/styles/Breadcrumbs.module.css +10 -0
- package/dist/cjs/styles/Button.module.css +8 -0
- package/dist/cjs/styles/Checkbox.module.css +7 -1
- package/dist/cjs/styles/CheckboxIndicator.module.css +5 -0
- package/dist/cjs/styles/Input.module.css +19 -0
- package/dist/cjs/styles/InputWrapper.module.css +12 -2
- package/dist/cjs/styles/NavLink.module.css +1 -1
- package/dist/cjs/styles/Pagination.module.css +5 -0
- package/dist/cjs/styles/Radio.module.css +6 -0
- package/dist/cjs/styles/ReadOnlyInput.module.css +6 -2
- package/dist/cjs/styles/SegmentedControl.module.css +1 -1
- package/dist/cjs/styles/Tabs.module.css +4 -0
- package/dist/cjs/styles/Text.module.css +1 -1
- package/dist/cjs/theme/PlasmaColors.d.ts +12 -12
- package/dist/cjs/theme/PlasmaColors.js +144 -144
- package/dist/cjs/theme/PlasmaColors.js.map +1 -1
- package/dist/cjs/theme/Theme.d.ts.map +1 -1
- package/dist/cjs/theme/Theme.js +55 -10
- package/dist/cjs/theme/Theme.js.map +1 -1
- package/dist/cjs/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js +13 -1
- package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/cjs/utils/createFactoryComponent.d.ts.map +1 -1
- package/dist/cjs/utils/overrideComponent.d.ts.map +1 -1
- package/dist/esm/components/accordion/Accordion.d.ts +13 -0
- package/dist/esm/components/accordion/Accordion.d.ts.map +1 -0
- package/dist/esm/components/accordion/Accordion.js +11 -0
- package/dist/esm/components/accordion/Accordion.js.map +1 -0
- package/dist/esm/components/accordion/Accordion.module.css +3 -0
- package/dist/esm/components/accordion/index.d.ts +2 -0
- package/dist/esm/components/accordion/index.d.ts.map +1 -0
- package/dist/esm/components/accordion/index.js +3 -0
- package/dist/esm/components/accordion/index.js.map +1 -0
- package/dist/esm/components/action-icon/ActionIcon.d.ts +41 -0
- package/dist/esm/components/action-icon/ActionIcon.d.ts.map +1 -1
- package/dist/esm/components/action-icon/ActionIcon.js +45 -0
- package/dist/esm/components/action-icon/ActionIcon.js.map +1 -1
- package/dist/esm/components/alert/Alert.d.ts +14 -0
- package/dist/esm/components/alert/Alert.d.ts.map +1 -1
- package/dist/esm/components/alert/Alert.js +45 -17
- package/dist/esm/components/alert/Alert.js.map +1 -1
- package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/esm/components/button/Button.d.ts +41 -5
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js +34 -6
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/ButtonWithDisabledTooltip.d.ts +1 -1
- package/dist/esm/components/child-form/ChildForm.module.css +2 -2
- package/dist/esm/components/code-editor/CodeEditor.d.ts +2 -0
- package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
- package/dist/esm/components/code-editor/CodeEditor.js +14 -3
- package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/esm/components/code-editor/CodeEditor.module.css +1 -1
- package/dist/esm/components/code-editor/search/Search.d.ts +2 -1
- package/dist/esm/components/code-editor/search/Search.d.ts.map +1 -1
- package/dist/esm/components/code-editor/search/Search.js +6 -7
- package/dist/esm/components/code-editor/search/Search.js.map +1 -1
- package/dist/esm/components/collection/Collection.d.ts +1 -1
- package/dist/esm/components/collection/Collection.d.ts.map +1 -1
- package/dist/esm/components/collection/Collection.js +10 -18
- package/dist/esm/components/collection/Collection.js.map +1 -1
- package/dist/esm/components/collection/CollectionItem.d.ts.map +1 -1
- package/dist/esm/components/collection/CollectionItem.js +7 -6
- package/dist/esm/components/collection/CollectionItem.js.map +1 -1
- package/dist/esm/components/collection/enhanceWithCollectionProps.d.ts.map +1 -1
- package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts +16 -4
- package/dist/esm/components/copyToClipboard/CopyToClipboard.d.ts.map +1 -1
- package/dist/esm/components/copyToClipboard/CopyToClipboard.js +14 -12
- package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/esm/components/date-range-picker/DateRange.module.css +2 -2
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js +2 -5
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.d.ts.map +1 -1
- package/dist/esm/components/date-range-picker/EditableDateRangePicker.d.ts.map +1 -1
- package/dist/esm/components/header/Header.d.ts +14 -6
- package/dist/esm/components/header/Header.d.ts.map +1 -1
- package/dist/esm/components/header/Header.js +8 -5
- package/dist/esm/components/header/Header.js.map +1 -1
- package/dist/esm/components/header/Header.module.css +1 -10
- package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts +19 -0
- package/dist/esm/components/header/HeaderRight/HeaderRight.d.ts.map +1 -0
- package/dist/esm/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js} +4 -4
- package/dist/esm/components/header/HeaderRight/HeaderRight.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/info-token/InfoToken.d.ts +30 -0
- package/dist/esm/components/info-token/InfoToken.d.ts.map +1 -0
- package/dist/esm/components/info-token/InfoToken.js +98 -0
- package/dist/esm/components/info-token/InfoToken.js.map +1 -0
- package/dist/esm/components/info-token/InfoToken.module.css +8 -0
- package/dist/esm/components/info-token/index.d.ts +2 -0
- package/dist/esm/components/info-token/index.d.ts.map +1 -0
- package/dist/esm/components/info-token/index.js +3 -0
- package/dist/esm/components/info-token/index.js.map +1 -0
- package/dist/esm/components/inline-confirm/InlineConfirmPrompt.d.ts +2 -2
- package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js +2 -4
- package/dist/esm/components/inline-confirm/InlineConfirmPrompt.js.map +1 -1
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts +32 -0
- package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map +1 -1
- package/dist/esm/components/modal/Modal.module.css +1 -1
- package/dist/esm/components/prompt/Prompt.d.ts +1 -1
- package/dist/esm/components/prompt/Prompt.d.ts.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +12 -5
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/PromptCancelButton.d.ts.map +1 -1
- package/dist/esm/components/prompt/PromptCancelButton.js +3 -3
- package/dist/esm/components/prompt/PromptCancelButton.js.map +1 -1
- package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map +1 -1
- package/dist/esm/components/prompt/PromptConfirmButton.js +7 -8
- package/dist/esm/components/prompt/PromptConfirmButton.js.map +1 -1
- package/dist/esm/components/read-only/ReadOnlyInputStyles.d.ts.map +1 -1
- package/dist/esm/components/table/Table.module.css +4 -4
- package/dist/esm/components/table/Table.types.d.ts +2 -2
- package/dist/esm/components/table/Table.types.d.ts.map +1 -1
- package/dist/esm/components/table/Table.types.js.map +1 -1
- package/dist/esm/components/table/layouts/TableLayoutControl.js +1 -1
- package/dist/esm/components/table/layouts/TableLayoutControl.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.d.ts.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.js +2 -2
- package/dist/esm/components/table/layouts/row-layout/RowLayout.js.map +1 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayout.module.css +11 -17
- package/dist/esm/components/table/table-actions/TableActionItem.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionItem.js +1 -2
- package/dist/esm/components/table/table-actions/TableActionItem.js.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.d.ts.map +1 -1
- package/dist/esm/components/table/table-actions/TableActionsList.js +5 -5
- package/dist/esm/components/table/table-actions/TableActionsList.js.map +1 -1
- package/dist/esm/components/table/table-column/TableCollapsibleColumn.js +8 -7
- package/dist/esm/components/table/table-column/TableCollapsibleColumn.js.map +1 -1
- package/dist/esm/components/table/table-filter/TableFilter.d.ts.map +1 -1
- package/dist/esm/components/table/table-filter/TableFilter.js +9 -9
- package/dist/esm/components/table/table-filter/TableFilter.js.map +1 -1
- package/dist/esm/components/table/table-header/TableHeader.d.ts.map +1 -1
- package/dist/esm/components/table/table-header/TableHeader.js +1 -2
- package/dist/esm/components/table/table-header/TableHeader.js.map +1 -1
- package/dist/esm/components/table/use-table.d.ts.map +1 -1
- package/dist/esm/components/table/use-url-synced-state.d.ts.map +1 -1
- package/dist/esm/hooks/useClickWithLoading.d.ts.map +1 -1
- package/dist/esm/hooks/useControlledList.d.ts.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles/ActionIcon.module.css +7 -0
- package/dist/esm/styles/Alert.module.css +11 -0
- package/dist/esm/styles/Breadcrumbs.module.css +10 -0
- package/dist/esm/styles/Button.module.css +8 -0
- package/dist/esm/styles/Checkbox.module.css +7 -1
- package/dist/esm/styles/CheckboxIndicator.module.css +5 -0
- package/dist/esm/styles/Input.module.css +19 -0
- package/dist/esm/styles/InputWrapper.module.css +12 -2
- package/dist/esm/styles/NavLink.module.css +1 -1
- package/dist/esm/styles/Pagination.module.css +5 -0
- package/dist/esm/styles/Radio.module.css +6 -0
- package/dist/esm/styles/ReadOnlyInput.module.css +6 -2
- package/dist/esm/styles/SegmentedControl.module.css +1 -1
- package/dist/esm/styles/Tabs.module.css +4 -0
- package/dist/esm/styles/Text.module.css +1 -1
- package/dist/esm/theme/PlasmaColors.d.ts +12 -12
- package/dist/esm/theme/PlasmaColors.js +144 -144
- package/dist/esm/theme/PlasmaColors.js.map +1 -1
- package/dist/esm/theme/Theme.d.ts.map +1 -1
- package/dist/esm/theme/Theme.js +53 -13
- package/dist/esm/theme/Theme.js.map +1 -1
- package/dist/esm/theme/mergeCSSVariablesResolvers.d.ts.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map +1 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js +13 -1
- package/dist/esm/theme/plasmaCSSVariablesResolver.js.map +1 -1
- package/dist/esm/utils/createFactoryComponent.d.ts.map +1 -1
- package/dist/esm/utils/overrideComponent.d.ts.map +1 -1
- package/package.json +25 -24
- package/src/__tests__/VitestSetup.ts +1 -0
- package/src/components/accordion/Accordion.module.css +3 -0
- package/src/components/accordion/Accordion.tsx +22 -0
- package/src/components/accordion/index.ts +1 -0
- package/src/components/action-icon/ActionIcon.tsx +33 -0
- package/src/components/alert/Alert.tsx +47 -5
- package/src/components/button/Button.tsx +32 -6
- package/src/components/child-form/ChildForm.module.css +2 -2
- package/src/components/code-editor/CodeEditor.module.css +1 -1
- package/src/components/code-editor/CodeEditor.tsx +19 -5
- package/src/components/code-editor/__tests__/CodeEditor.spec.tsx +16 -0
- package/src/components/code-editor/search/Search.tsx +8 -7
- package/src/components/collection/Collection.tsx +10 -18
- package/src/components/collection/CollectionItem.tsx +6 -5
- package/src/components/copyToClipboard/CopyToClipboard.tsx +34 -13
- package/src/components/date-range-picker/DateRange.module.css +2 -2
- package/src/components/date-range-picker/DateRangePickerInlineCalendar.tsx +2 -6
- package/src/components/header/Header.module.css +1 -10
- package/src/components/header/Header.tsx +20 -9
- package/src/components/header/{HeaderActions/HeaderActions.tsx → HeaderRight/HeaderRight.tsx} +10 -10
- package/src/components/header/__tests__/Header.spec.tsx +16 -1
- package/src/components/index.ts +2 -0
- package/src/components/info-token/InfoToken.module.css +8 -0
- package/src/components/info-token/InfoToken.tsx +147 -0
- package/src/components/info-token/index.ts +1 -0
- package/src/components/inline-confirm/InlineConfirmPrompt.tsx +4 -4
- package/src/components/modal/Modal.module.css +1 -1
- package/src/components/prompt/Prompt.tsx +20 -3
- package/src/components/prompt/PromptCancelButton.tsx +3 -10
- package/src/components/prompt/PromptConfirmButton.tsx +14 -10
- package/src/components/prompt/__tests__/Prompt.spec.tsx +1 -0
- package/src/components/table/Table.module.css +4 -4
- package/src/components/table/Table.types.ts +2 -2
- package/src/components/table/__tests__/TableFilter.spec.tsx +1 -1
- package/src/components/table/layouts/TableLayoutControl.tsx +1 -1
- package/src/components/table/layouts/__tests__/RowLayout.spec.tsx +7 -7
- package/src/components/table/layouts/row-layout/RowLayout.module.css +11 -17
- package/src/components/table/layouts/row-layout/RowLayout.tsx +2 -2
- package/src/components/table/table-actions/TableActionItem.tsx +2 -3
- package/src/components/table/table-actions/TableActionsList.tsx +7 -9
- package/src/components/table/table-column/TableCollapsibleColumn.tsx +5 -6
- package/src/components/table/table-filter/TableFilter.tsx +7 -6
- package/src/components/table/table-header/TableHeader.tsx +2 -3
- package/src/index.ts +1 -0
- package/src/styles/ActionIcon.module.css +7 -0
- package/src/styles/Alert.module.css +11 -0
- package/src/styles/Breadcrumbs.module.css +10 -0
- package/src/styles/Button.module.css +8 -0
- package/src/styles/Checkbox.module.css +7 -1
- package/src/styles/CheckboxIndicator.module.css +5 -0
- package/src/styles/Input.module.css +19 -0
- package/src/styles/InputWrapper.module.css +12 -2
- package/src/styles/NavLink.module.css +1 -1
- package/src/styles/Pagination.module.css +5 -0
- package/src/styles/Radio.module.css +6 -0
- package/src/styles/ReadOnlyInput.module.css +6 -2
- package/src/styles/SegmentedControl.module.css +1 -1
- package/src/styles/Tabs.module.css +4 -0
- package/src/styles/Text.module.css +1 -1
- package/src/theme/PlasmaColors.ts +144 -144
- package/src/theme/Theme.tsx +49 -9
- package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +12 -30
- package/src/theme/plasmaCSSVariablesResolver.ts +13 -0
- package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts +0 -19
- package/dist/cjs/components/header/HeaderActions/HeaderActions.d.ts.map +0 -1
- package/dist/cjs/components/header/HeaderActions/HeaderActions.js.map +0 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts +0 -16
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +0 -1
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js +0 -24
- package/dist/cjs/components/table/layouts/row-layout/RowLayoutIcon.js.map +0 -1
- package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts +0 -19
- package/dist/esm/components/header/HeaderActions/HeaderActions.d.ts.map +0 -1
- package/dist/esm/components/header/HeaderActions/HeaderActions.js.map +0 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts +0 -16
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.d.ts.map +0 -1
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js +0 -14
- package/dist/esm/components/table/layouts/row-layout/RowLayoutIcon.js.map +0 -1
- package/src/components/table/layouts/row-layout/RowLayoutIcon.tsx +0 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B
|
|
1
|
+
{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,GAAI,4CAKzC,iCAAiC,4CAwCnC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { Factory, GroupProps, StylesApiProps } from '@mantine/core';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { HeaderRight, HeaderRightStyleNames } from './HeaderRight/HeaderRight';
|
|
4
4
|
import { HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
5
5
|
import { HeaderDocAnchor, HeaderDocAnchorStyleNames } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
6
|
-
export type {
|
|
6
|
+
export type { HeaderRightProps } from './HeaderRight/HeaderRight';
|
|
7
7
|
export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
8
8
|
export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
9
9
|
export type HeaderVariant = 'primary' | 'secondary';
|
|
10
|
-
export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames |
|
|
11
|
-
export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {
|
|
10
|
+
export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderRightStyleNames;
|
|
11
|
+
export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {
|
|
12
12
|
/**
|
|
13
13
|
* The description text displayed inside the header underneath the title
|
|
14
14
|
*/
|
|
@@ -35,8 +35,12 @@ export type HeaderFactory = Factory<{
|
|
|
35
35
|
stylesNames: HeaderStyleNames;
|
|
36
36
|
staticComponents: {
|
|
37
37
|
Breadcrumbs: typeof HeaderBreadcrumbs;
|
|
38
|
-
|
|
38
|
+
Right: typeof HeaderRight;
|
|
39
39
|
DocAnchor: typeof HeaderDocAnchor;
|
|
40
|
+
/**
|
|
41
|
+
* @deprecated use Header.Right instead
|
|
42
|
+
*/
|
|
43
|
+
Actions: typeof HeaderRight;
|
|
40
44
|
};
|
|
41
45
|
}>;
|
|
42
46
|
export declare const Header: import("@mantine/core").MantineComponent<{
|
|
@@ -46,8 +50,12 @@ export declare const Header: import("@mantine/core").MantineComponent<{
|
|
|
46
50
|
stylesNames: HeaderStyleNames;
|
|
47
51
|
staticComponents: {
|
|
48
52
|
Breadcrumbs: typeof HeaderBreadcrumbs;
|
|
49
|
-
|
|
53
|
+
Right: typeof HeaderRight;
|
|
50
54
|
DocAnchor: typeof HeaderDocAnchor;
|
|
55
|
+
/**
|
|
56
|
+
* @deprecated use Header.Right instead
|
|
57
|
+
*/
|
|
58
|
+
Actions: typeof HeaderRight;
|
|
51
59
|
};
|
|
52
60
|
}>;
|
|
53
61
|
//# sourceMappingURL=Header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAChE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC;;WAEG;QACH,OAAO,EAAE,OAAO,WAAW,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC;;WAEG;QACH,OAAO,EAAE,OAAO,WAAW,CAAC;KAC/B;EAkEH,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Divider, Group, Stack, Text, Title, factory, useProps, useStyles } from
|
|
|
3
3
|
import { Children } from 'react';
|
|
4
4
|
import { HeaderProvider } from './Header.context';
|
|
5
5
|
import classes from './Header.module.css';
|
|
6
|
-
import {
|
|
6
|
+
import { HeaderRight } from './HeaderRight/HeaderRight';
|
|
7
7
|
import { HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
|
|
8
8
|
import { HeaderDocAnchor } from './HeaderDocAnchor/HeaderDocAnchor';
|
|
9
9
|
const defaultProps = {
|
|
@@ -31,9 +31,9 @@ export const Header = factory((_props, ref)=>{
|
|
|
31
31
|
};
|
|
32
32
|
const convertedChildren = Children.toArray(children);
|
|
33
33
|
const breadcrumbs = convertedChildren.find((child)=>child.type === HeaderBreadcrumbs);
|
|
34
|
-
const
|
|
34
|
+
const right = convertedChildren.find((child)=>child.type === HeaderRight);
|
|
35
35
|
const docAnchor = convertedChildren.find((child)=>child.type === HeaderDocAnchor);
|
|
36
|
-
const otherChildren = convertedChildren.filter((child)=>child.type !== HeaderBreadcrumbs && child.type !==
|
|
36
|
+
const otherChildren = convertedChildren.filter((child)=>child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor);
|
|
37
37
|
return /*#__PURE__*/ _jsxs(HeaderProvider, {
|
|
38
38
|
value: {
|
|
39
39
|
getStyles
|
|
@@ -65,7 +65,7 @@ export const Header = factory((_props, ref)=>{
|
|
|
65
65
|
})
|
|
66
66
|
]
|
|
67
67
|
}),
|
|
68
|
-
|
|
68
|
+
right
|
|
69
69
|
]
|
|
70
70
|
}),
|
|
71
71
|
borderBottom ? /*#__PURE__*/ _jsx(Divider, {
|
|
@@ -76,7 +76,10 @@ export const Header = factory((_props, ref)=>{
|
|
|
76
76
|
});
|
|
77
77
|
});
|
|
78
78
|
Header.Breadcrumbs = HeaderBreadcrumbs;
|
|
79
|
-
Header.
|
|
79
|
+
Header.Right = HeaderRight;
|
|
80
80
|
Header.DocAnchor = HeaderDocAnchor;
|
|
81
|
+
/**
|
|
82
|
+
* @deprecated use Header.Right instead
|
|
83
|
+
*/ Header.Actions = HeaderRight;
|
|
81
84
|
|
|
82
85
|
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n Divider,\n Factory,\n Group,\n GroupProps,\n Stack,\n StylesApiProps,\n Text,\n Title,\n factory,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n | 'root'\n | 'title'\n | 'description'\n | 'divider'\n | 'body'\n | HeaderDocAnchorStyleNames\n | HeaderBreadcrumbsStyleNames\n | HeaderRightStyleNames;\n\nexport interface HeaderProps\n extends StylesApiProps<HeaderFactory>,\n Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {\n /**\n * The description text displayed inside the header underneath the title\n */\n description?: ReactNode;\n /**\n * Whether the header should have a border on the bottom\n */\n borderBottom?: boolean;\n /**\n * Use the primary variant for page header and secondary variant elsewhere\n *\n * @default 'primary'\n */\n variant?: 'primary' | 'secondary';\n /**\n * The title of the header.\n */\n children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n props: HeaderProps;\n ref: HTMLDivElement;\n variant: HeaderVariant;\n stylesNames: HeaderStyleNames;\n staticComponents: {\n Breadcrumbs: typeof HeaderBreadcrumbs;\n Right: typeof HeaderRight;\n DocAnchor: typeof HeaderDocAnchor;\n /**\n * @deprecated use Header.Right instead\n */\n Actions: typeof HeaderRight;\n };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n variant: 'primary',\n justify: 'space-between',\n wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n const props = useProps('PlasmaHeader', defaultProps, _props);\n const {\n className,\n description,\n borderBottom,\n variant,\n children,\n style,\n classNames,\n unstyled,\n vars,\n styles,\n ...others\n } = props;\n const getStyles = useStyles<HeaderFactory>({\n name: 'PlasmaHeader',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n });\n const stylesApiProps = {classNames, styles};\n\n const convertedChildren = Children.toArray(children) as ReactElement[];\n const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n const right = convertedChildren.find((child) => child.type === HeaderRight);\n const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n const otherChildren = convertedChildren.filter(\n (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n );\n return (\n <HeaderProvider value={{getStyles}}>\n <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n <Stack gap={0}>\n {breadcrumbs}\n <Title\n variant={variant}\n order={variant === 'primary' ? 1 : 3}\n {...getStyles('title', stylesApiProps)}\n >\n {otherChildren}\n {docAnchor}\n </Title>\n <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n {description}\n </Text>\n </Stack>\n {right}\n </Group>\n {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n </HeaderProvider>\n );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n/**\n * @deprecated use Header.Right instead\n */\nHeader.Actions = HeaderRight;\n"],"names":["Divider","Group","Stack","Text","Title","factory","useProps","useStyles","Children","HeaderProvider","classes","HeaderRight","HeaderBreadcrumbs","HeaderDocAnchor","defaultProps","variant","justify","wrap","Header","_props","ref","props","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","name","stylesApiProps","convertedChildren","toArray","breadcrumbs","find","child","type","right","docAnchor","otherChildren","filter","value","gap","order","size","Breadcrumbs","Right","DocAnchor","Actions"],"mappings":";AAAA,SACIA,OAAO,EAEPC,KAAK,EAELC,KAAK,EAELC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,cAAc,QAAO,mBAAmB;AAChD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,WAAW,QAA8B,4BAA4B;AAC7E,SAAQC,iBAAiB,QAAoC,wCAAwC;AACrG,SAAQC,eAAe,QAAkC,oCAAoC;AAwD7F,MAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,OAAO,MAAMC,SAASb,QAAuB,CAACc,QAAQC;IAClD,MAAMC,QAAQf,SAAS,gBAAgBQ,cAAcK;IACrD,MAAM,EACFG,SAAS,EACTC,WAAW,EACXC,YAAY,EACZT,OAAO,EACPU,QAAQ,EACRC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACN,GAAGC,QACN,GAAGV;IACJ,MAAMW,YAAYzB,UAAyB;QACvC0B,MAAM;QACNZ;QACAX;QACAY;QACAI;QACAC;QACAG;QACAF;QACAC;IACJ;IACA,MAAMK,iBAAiB;QAACP;QAAYG;IAAM;IAE1C,MAAMK,oBAAoB3B,SAAS4B,OAAO,CAACX;IAC3C,MAAMY,cAAcF,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK5B;IACrE,MAAM6B,QAAQN,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK7B;IAC/D,MAAM+B,YAAYP,kBAAkBG,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAK3B;IACnE,MAAM8B,gBAAgBR,kBAAkBS,MAAM,CAC1C,CAACL,QAAUA,MAAMC,IAAI,KAAK5B,qBAAqB2B,MAAMC,IAAI,KAAK7B,eAAe4B,MAAMC,IAAI,KAAK3B;IAEhG,qBACI,MAACJ;QAAeoC,OAAO;YAACb;QAAS;;0BAC7B,MAAC/B;gBAAMmB,KAAKA;gBAAKL,SAASA;gBAAU,GAAGiB,UAAU,OAAO;gBAAG,GAAGD,MAAM;;kCAChE,MAAC7B;wBAAM4C,KAAK;;4BACPT;0CACD,MAACjC;gCACGW,SAASA;gCACTgC,OAAOhC,YAAY,YAAY,IAAI;gCAClC,GAAGiB,UAAU,SAASE,eAAe;;oCAErCS;oCACAD;;;0CAEL,KAACvC;gCAAM,GAAG6B,UAAU,eAAeE,eAAe;gCAAEc,MAAMjC,YAAY,YAAY,OAAO;0CACpFQ;;;;oBAGRkB;;;YAEJjB,6BAAe,KAACxB;gBAAS,GAAGgC,UAAU,WAAWE,eAAe;gBAAEc,MAAK;iBAAU;;;AAG9F,GAAG;AAEH9B,OAAO+B,WAAW,GAAGrC;AACrBM,OAAOgC,KAAK,GAAGvC;AACfO,OAAOiC,SAAS,GAAGtC;AACnB;;CAEC,GACDK,OAAOkC,OAAO,GAAGzC"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
& .description {
|
|
8
8
|
color: var(--mantine-color-dimmed);
|
|
9
|
-
font-weight:
|
|
9
|
+
font-weight: 400;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -19,12 +19,3 @@
|
|
|
19
19
|
margin-left: var(--mantine-spacing-xs);
|
|
20
20
|
vertical-align: middle;
|
|
21
21
|
}
|
|
22
|
-
|
|
23
|
-
.breadcrumbs {
|
|
24
|
-
font-size: var(--mantine-font-size-sm);
|
|
25
|
-
font-weight: 300;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.breadcrumbsSeparator {
|
|
29
|
-
color: var(--mantine-color-dimmed);
|
|
30
|
-
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
export type HeaderRightStyleNames = 'right';
|
|
4
|
+
export interface HeaderRightProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderRightFactory> {
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export type HeaderRightFactory = Factory<{
|
|
8
|
+
props: HeaderRightProps;
|
|
9
|
+
ref: HTMLDivElement;
|
|
10
|
+
stylesNames: HeaderRightStyleNames;
|
|
11
|
+
compound: true;
|
|
12
|
+
}>;
|
|
13
|
+
export declare const HeaderRight: import("@mantine/core").MantineComponent<{
|
|
14
|
+
props: HeaderRightProps;
|
|
15
|
+
ref: HTMLDivElement;
|
|
16
|
+
stylesNames: HeaderRightStyleNames;
|
|
17
|
+
compound: true;
|
|
18
|
+
}>;
|
|
19
|
+
//# sourceMappingURL=HeaderRight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderRight.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,kBAAkB,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;IACnC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,qBAAqB;cACxB,IAAI;EAsBhB,CAAC"}
|
package/dist/esm/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js}
RENAMED
|
@@ -4,14 +4,14 @@ import { useHeaderContext } from '../Header.context';
|
|
|
4
4
|
const defaultProps = {
|
|
5
5
|
gap: 'sm'
|
|
6
6
|
};
|
|
7
|
-
export const
|
|
8
|
-
const props = useProps('
|
|
7
|
+
export const HeaderRight = factory((_props, ref)=>{
|
|
8
|
+
const props = useProps('HeaderRight', defaultProps, _props);
|
|
9
9
|
const { gap, className, classNames, styles, style, children, vars, ...others } = props;
|
|
10
10
|
const ctx = useHeaderContext();
|
|
11
11
|
return /*#__PURE__*/ _jsx(Group, {
|
|
12
12
|
ref: ref,
|
|
13
13
|
gap: gap,
|
|
14
|
-
...ctx.getStyles('
|
|
14
|
+
...ctx.getStyles('right', {
|
|
15
15
|
className,
|
|
16
16
|
style,
|
|
17
17
|
classNames,
|
|
@@ -23,4 +23,4 @@ export const HeaderActions = factory((_props, ref)=>{
|
|
|
23
23
|
});
|
|
24
24
|
});
|
|
25
25
|
|
|
26
|
-
//# sourceMappingURL=
|
|
26
|
+
//# sourceMappingURL=HeaderRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n CompoundStylesApiProps<HeaderRightFactory> {\n children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n props: HeaderRightProps;\n ref: HTMLDivElement;\n stylesNames: HeaderRightStyleNames;\n compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n const props = useProps('HeaderRight', defaultProps, _props);\n const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n const ctx = useHeaderContext();\n\n return (\n <Group\n ref={ref}\n gap={gap}\n {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n {...others}\n >\n {children}\n </Group>\n );\n});\n"],"names":["Group","factory","useProps","useHeaderContext","defaultProps","gap","HeaderRight","_props","ref","props","className","classNames","styles","style","children","vars","others","ctx","getStyles"],"mappings":";AAAA,SAAyCA,KAAK,EAAcC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AAEpG,SAAQC,gBAAgB,QAAO,oBAAoB;AAiBnD,MAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEA,OAAO,MAAMC,cAAcL,QAA4B,CAACM,QAAQC;IAC5D,MAAMC,QAAQP,SAAS,eAAeE,cAAcG;IACpD,MAAM,EAACF,GAAG,EAAEK,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAC/E,MAAMQ,MAAMd;IAEZ,qBACI,KAACH;QACGQ,KAAKA;QACLH,KAAKA;QACJ,GAAGY,IAAIC,SAAS,CAAC,SAAS;YAACR;YAAWG;YAAOF;YAAYC;YAAQH;QAAK,EAAE;QACxE,GAAGO,MAAM;kBAETF;;AAGb,GAAG"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './accordion';
|
|
1
2
|
export * from './action-icon';
|
|
2
3
|
export * from './alert';
|
|
3
4
|
export * from './badge';
|
|
@@ -10,6 +11,7 @@ export * from './copyToClipboard';
|
|
|
10
11
|
export * from './date-range-picker';
|
|
11
12
|
export * from './ellipsis-text';
|
|
12
13
|
export * from './header';
|
|
14
|
+
export * from './info-token';
|
|
13
15
|
export * from './inline-confirm';
|
|
14
16
|
export * from './menu';
|
|
15
17
|
export * from './modal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from './accordion';
|
|
1
2
|
export * from './action-icon';
|
|
2
3
|
export * from './alert';
|
|
3
4
|
export * from './badge';
|
|
@@ -10,6 +11,7 @@ export * from './copyToClipboard';
|
|
|
10
11
|
export * from './date-range-picker';
|
|
11
12
|
export * from './ellipsis-text';
|
|
12
13
|
export * from './header';
|
|
14
|
+
export * from './info-token';
|
|
13
15
|
export * from './inline-confirm';
|
|
14
16
|
export * from './menu';
|
|
15
17
|
export * from './modal';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './accordion';\nexport * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './info-token';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,WAAW;AACzB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,mBAAmB;AACjC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,eAAe"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { BoxProps, Factory, MantineSize, polymorphicFactory, StylesApiProps } from '@mantine/core';
|
|
2
|
+
export type InfoTokenFactory = Factory<{
|
|
3
|
+
props: InfoTokenProps;
|
|
4
|
+
defaultRef: HTMLDivElement;
|
|
5
|
+
defaultComponent: 'div';
|
|
6
|
+
stylesNames: InfoTokenComponentStylesNames;
|
|
7
|
+
vars: InfoTokenCssVariables;
|
|
8
|
+
variant: InfoTokenVariant;
|
|
9
|
+
}>;
|
|
10
|
+
export type InfoTokenComponentStylesNames = 'root';
|
|
11
|
+
export type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';
|
|
12
|
+
export type InfoTokenCssVariables = {
|
|
13
|
+
root: '--info-token-color';
|
|
14
|
+
};
|
|
15
|
+
export interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
|
|
16
|
+
/**
|
|
17
|
+
* The variant of the token.
|
|
18
|
+
*
|
|
19
|
+
* @default 'information'
|
|
20
|
+
*/
|
|
21
|
+
variant?: InfoTokenVariant;
|
|
22
|
+
/**
|
|
23
|
+
* The size of the info token.
|
|
24
|
+
*
|
|
25
|
+
* @default 'sm'
|
|
26
|
+
*/
|
|
27
|
+
size?: MantineSize;
|
|
28
|
+
}
|
|
29
|
+
export declare const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>>;
|
|
30
|
+
//# sourceMappingURL=InfoToken.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/InfoToken.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEH,QAAQ,EAER,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,cAAc,EAGjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3F,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAgED,eAAO,MAAM,SAAS,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,gBAAgB,CAAC,CAkC7E,CAAC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { IconAlertSquareFilled, IconAlertTriangleFilled, IconBulbFilled, IconHelpCircle, IconInfoCircleFilled } from '@coveord/plasma-react-icons';
|
|
3
|
+
import { Box, createVarsResolver, polymorphicFactory, useProps, useStyles } from '@mantine/core';
|
|
4
|
+
import classes from './InfoToken.module.css';
|
|
5
|
+
const defaultProps = {
|
|
6
|
+
variant: 'information',
|
|
7
|
+
size: 'xs'
|
|
8
|
+
};
|
|
9
|
+
const colorResolver = (variant)=>{
|
|
10
|
+
switch(variant){
|
|
11
|
+
case 'error':
|
|
12
|
+
return 'var(--mantine-color-error)';
|
|
13
|
+
case 'advice':
|
|
14
|
+
return 'var(--mantine-primary-color-filled)';
|
|
15
|
+
case 'question':
|
|
16
|
+
return 'var(--mantine-primary-color-filled)';
|
|
17
|
+
case 'warning':
|
|
18
|
+
return 'var(--mantine-color-yellow-filled)';
|
|
19
|
+
case 'information':
|
|
20
|
+
default:
|
|
21
|
+
return 'var(--mantine-color-gray-filled)';
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const sizeResolver = (size)=>{
|
|
25
|
+
if (typeof size === 'number') {
|
|
26
|
+
return size;
|
|
27
|
+
}
|
|
28
|
+
switch(size){
|
|
29
|
+
case 'sm':
|
|
30
|
+
return 20;
|
|
31
|
+
case 'md':
|
|
32
|
+
return 24;
|
|
33
|
+
case 'lg':
|
|
34
|
+
return 32;
|
|
35
|
+
case 'xl':
|
|
36
|
+
return 40;
|
|
37
|
+
case 'xs':
|
|
38
|
+
default:
|
|
39
|
+
return 16;
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
const iconResolver = (variant)=>{
|
|
43
|
+
switch(variant){
|
|
44
|
+
case 'error':
|
|
45
|
+
return IconAlertSquareFilled;
|
|
46
|
+
case 'information':
|
|
47
|
+
return IconInfoCircleFilled;
|
|
48
|
+
case 'question':
|
|
49
|
+
return IconHelpCircle;
|
|
50
|
+
case 'warning':
|
|
51
|
+
return IconAlertTriangleFilled;
|
|
52
|
+
case 'advice':
|
|
53
|
+
default:
|
|
54
|
+
return IconBulbFilled;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
const varsResolver = createVarsResolver((_theme, { variant })=>{
|
|
58
|
+
const color = colorResolver(variant);
|
|
59
|
+
return {
|
|
60
|
+
root: {
|
|
61
|
+
'--info-token-color': color
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
});
|
|
65
|
+
export const InfoToken = polymorphicFactory((_props, ref)=>{
|
|
66
|
+
const props = useProps('InfoToken', defaultProps, _props);
|
|
67
|
+
const { variant, vars, className, style, unstyled, styles, classNames, size, ...others } = props;
|
|
68
|
+
const getStyles = useStyles({
|
|
69
|
+
name: 'InfoToken',
|
|
70
|
+
classes,
|
|
71
|
+
className,
|
|
72
|
+
props,
|
|
73
|
+
style,
|
|
74
|
+
styles,
|
|
75
|
+
unstyled,
|
|
76
|
+
vars,
|
|
77
|
+
varsResolver
|
|
78
|
+
});
|
|
79
|
+
const IconComponent = iconResolver(variant);
|
|
80
|
+
return /*#__PURE__*/ _jsx(Box, {
|
|
81
|
+
ref: ref,
|
|
82
|
+
variant: variant,
|
|
83
|
+
role: "img",
|
|
84
|
+
size: size,
|
|
85
|
+
...getStyles('root', {
|
|
86
|
+
className,
|
|
87
|
+
style,
|
|
88
|
+
styles,
|
|
89
|
+
classNames
|
|
90
|
+
}),
|
|
91
|
+
...others,
|
|
92
|
+
children: /*#__PURE__*/ _jsx(IconComponent, {
|
|
93
|
+
size: sizeResolver(size)
|
|
94
|
+
})
|
|
95
|
+
});
|
|
96
|
+
});
|
|
97
|
+
|
|
98
|
+
//# sourceMappingURL=InfoToken.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/info-token/InfoToken.tsx"],"sourcesContent":["import {\n IconAlertSquareFilled,\n IconAlertTriangleFilled,\n IconBulbFilled,\n IconHelpCircle,\n IconInfoCircleFilled,\n TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n Box,\n BoxProps,\n createVarsResolver,\n Factory,\n MantineSize,\n polymorphicFactory,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n props: InfoTokenProps;\n defaultRef: HTMLDivElement;\n defaultComponent: 'div';\n stylesNames: InfoTokenComponentStylesNames;\n vars: InfoTokenCssVariables;\n variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';\nexport type InfoTokenCssVariables = {\n root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n /**\n * The variant of the token.\n *\n * @default 'information'\n */\n variant?: InfoTokenVariant;\n /**\n * The size of the info token.\n *\n * @default 'sm'\n */\n size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n switch (variant) {\n case 'error':\n return 'var(--mantine-color-error)';\n case 'advice':\n return 'var(--mantine-primary-color-filled)';\n case 'question':\n return 'var(--mantine-primary-color-filled)';\n case 'warning':\n return 'var(--mantine-color-yellow-filled)';\n case 'information':\n default:\n return 'var(--mantine-color-gray-filled)';\n }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n if (typeof size === 'number') {\n return size;\n }\n switch (size) {\n case 'sm':\n return 20;\n case 'md':\n return 24;\n case 'lg':\n return 32;\n case 'xl':\n return 40;\n case 'xs':\n default:\n return 16;\n }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n switch (variant) {\n case 'error':\n return IconAlertSquareFilled;\n case 'information':\n return IconInfoCircleFilled;\n case 'question':\n return IconHelpCircle;\n case 'warning':\n return IconAlertTriangleFilled;\n case 'advice':\n default:\n return IconBulbFilled;\n }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n const color = colorResolver(variant);\n return {\n root: {\n '--info-token-color': color,\n },\n };\n});\n\nexport const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>> = polymorphicFactory<InfoTokenFactory>(\n (_props, ref) => {\n const props = useProps('InfoToken', defaultProps, _props);\n const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n const getStyles = useStyles<InfoTokenFactory>({\n name: 'InfoToken',\n classes,\n className,\n props,\n style,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const IconComponent = iconResolver(variant);\n return (\n <Box\n ref={ref}\n variant={variant}\n role=\"img\"\n size={size}\n {...getStyles('root', {\n className,\n style,\n styles,\n classNames,\n })}\n {...others}\n >\n <IconComponent size={sizeResolver(size)} />\n </Box>\n );\n },\n);\n"],"names":["IconAlertSquareFilled","IconAlertTriangleFilled","IconBulbFilled","IconHelpCircle","IconInfoCircleFilled","Box","createVarsResolver","polymorphicFactory","useProps","useStyles","classes","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","varsResolver","_theme","color","root","InfoToken","_props","ref","props","vars","className","style","unstyled","styles","classNames","others","getStyles","name","IconComponent","role"],"mappings":";AAAA,SACIA,qBAAqB,EACrBC,uBAAuB,EACvBC,cAAc,EACdC,cAAc,EACdC,oBAAoB,QAEjB,8BAA8B;AACrC,SACIC,GAAG,EAEHC,kBAAkB,EAGlBC,kBAAkB,EAElBC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,OAAOC,aAAa,yBAAyB;AA+B7C,MAAMC,eAAwC;IAACC,SAAS;IAAeC,MAAM;AAAI;AAEjF,MAAMC,gBAAgB,CAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,eAAe,CAACF;IAClB,IAAI,OAAOA,SAAS,UAAU;QAC1B,OAAOA;IACX;IACA,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,MAAMG,eAAe,CAACJ;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOZ;QACX,KAAK;YACD,OAAOI;QACX,KAAK;YACD,OAAOD;QACX,KAAK;YACD,OAAOF;QACX,KAAK;QACL;YACI,OAAOC;IACf;AACJ;AAEA,MAAMe,eAAeX,mBAAqC,CAACY,QAAQ,EAACN,OAAO,EAAC;IACxE,MAAMO,QAAQL,cAAcF;IAC5B,OAAO;QACHQ,MAAM;YACF,sBAAsBD;QAC1B;IACJ;AACJ;AAEA,OAAO,MAAME,YAAqEd,mBAC9E,CAACe,QAAQC;IACL,MAAMC,QAAQhB,SAAS,aAAaG,cAAcW;IAClD,MAAM,EAACV,OAAO,EAAEa,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAEjB,IAAI,EAAE,GAAGkB,QAAO,GAAGP;IACzF,MAAMQ,YAAYvB,UAA4B;QAC1CwB,MAAM;QACNvB;QACAgB;QACAF;QACAG;QACAE;QACAD;QACAH;QACAR;IACJ;IACA,MAAMiB,gBAAgBlB,aAAaJ;IACnC,qBACI,KAACP;QACGkB,KAAKA;QACLX,SAASA;QACTuB,MAAK;QACLtB,MAAMA;QACL,GAAGmB,UAAU,QAAQ;YAClBN;YACAC;YACAE;YACAC;QACJ,EAAE;QACD,GAAGC,MAAM;kBAEV,cAAA,KAACG;YAAcrB,MAAME,aAAaF;;;AAG9C,GACF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/info-token/index.ts"],"sourcesContent":["export * from './InfoToken';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}
|
|
@@ -11,13 +11,13 @@ interface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineC
|
|
|
11
11
|
/**
|
|
12
12
|
* Confirm button element
|
|
13
13
|
*
|
|
14
|
-
* @default <Button
|
|
14
|
+
* @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>
|
|
15
15
|
*/
|
|
16
16
|
confirm?: ReactElement;
|
|
17
17
|
/**
|
|
18
18
|
* Cancel button element
|
|
19
19
|
*
|
|
20
|
-
* @default <Button
|
|
20
|
+
* @default <Button.Tertiary>Cancel</Button.Tertiary>
|
|
21
21
|
*/
|
|
22
22
|
cancel?: ReactElement;
|
|
23
23
|
/**
|
|
@@ -5,12 +5,10 @@ import { Button } from '../button/Button';
|
|
|
5
5
|
import { useInlineConfirm } from './InlineConfirmContext';
|
|
6
6
|
const defaultProps = {
|
|
7
7
|
label: 'Are you sure?',
|
|
8
|
-
confirm: /*#__PURE__*/ _jsx(Button, {
|
|
9
|
-
color: "red",
|
|
8
|
+
confirm: /*#__PURE__*/ _jsx(Button.DestructivePrimary, {
|
|
10
9
|
children: "Delete"
|
|
11
10
|
}),
|
|
12
|
-
cancel: /*#__PURE__*/ _jsx(Button, {
|
|
13
|
-
variant: "outline",
|
|
11
|
+
cancel: /*#__PURE__*/ _jsx(Button.Tertiary, {
|
|
14
12
|
children: "Cancel"
|
|
15
13
|
}),
|
|
16
14
|
gap: 'xs',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmPrompt.tsx"],"sourcesContent":["import {Factory, factory, Group, GroupProps, isElement, useProps} from '@mantine/core';\nimport {cloneElement, ReactElement, ReactNode, useEffect} from 'react';\nimport {Button} from '../button/Button';\nimport {InlineConfirmComponentsProps} from './InlineConfirm';\n\nimport {useInlineConfirm} from './InlineConfirmContext';\n\ninterface InlineConfirmPromptProps extends Omit<GroupProps, 'children'>, InlineConfirmComponentsProps {\n /**\n * Label element\n *\n * @default Are you sure?\n */\n label?: ReactNode;\n /**\n * Confirm button element\n *\n * @default <Button.DestructivePrimary>Delete</Button.DestructivePrimary>\n */\n confirm?: ReactElement;\n /**\n * Cancel button element\n *\n * @default <Button.Tertiary>Cancel</Button.Tertiary>\n */\n cancel?: ReactElement;\n /**\n * Function called when the confirm button is clicked\n */\n onConfirm?(): void;\n\n /**\n * Function called when the cancel button is clicked\n */\n onCancel?(): void;\n}\n\nexport type InlineConfirmPromptFactory = Factory<{\n props: InlineConfirmPromptProps;\n ref: HTMLDivElement;\n}>;\n\nconst defaultProps: Partial<InlineConfirmPromptProps> = {\n label: 'Are you sure?',\n confirm: <Button.DestructivePrimary>Delete</Button.DestructivePrimary>,\n cancel: <Button.Tertiary>Cancel</Button.Tertiary>,\n gap: 'xs',\n wrap: 'nowrap',\n};\n\nexport const InlineConfirmPrompt = factory<InlineConfirmPromptFactory>((props, ref) => {\n const {inlineConfirmId, label, confirm, cancel, onConfirm, onCancel, ...others} = useProps(\n 'InlineConfirmPrompt',\n defaultProps,\n props,\n );\n const {confirmingId, clearConfirm} = useInlineConfirm();\n\n if (!isElement(cancel) || !isElement(confirm)) {\n throw new Error(\n 'InlineConfirm.Prompt component cancel & confirm props should be elements or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported',\n );\n }\n const cancelEl = cloneElement(cancel, {\n onClick: () => {\n cancel.props.onClick?.();\n onCancel?.();\n clearConfirm();\n },\n });\n const confirmEl = cloneElement(confirm, {\n onClick: () => {\n confirm.props.onClick?.();\n onConfirm?.();\n clearConfirm();\n },\n });\n\n useEffect(() => {\n if (confirmingId !== inlineConfirmId) {\n clearConfirm();\n }\n }, []);\n\n if (confirmingId === inlineConfirmId) {\n return (\n <Group ref={ref} {...others}>\n {label}\n {confirmEl}\n {cancelEl}\n </Group>\n );\n }\n return null;\n});\n"],"names":["factory","Group","isElement","useProps","cloneElement","useEffect","Button","useInlineConfirm","defaultProps","label","confirm","DestructivePrimary","cancel","Tertiary","gap","wrap","InlineConfirmPrompt","props","ref","inlineConfirmId","onConfirm","onCancel","others","confirmingId","clearConfirm","Error","cancelEl","onClick","confirmEl"],"mappings":";AAAA,SAAiBA,OAAO,EAAEC,KAAK,EAAcC,SAAS,EAAEC,QAAQ,QAAO,gBAAgB;AACvF,SAAQC,YAAY,EAA2BC,SAAS,QAAO,QAAQ;AACvE,SAAQC,MAAM,QAAO,mBAAmB;AAGxC,SAAQC,gBAAgB,QAAO,yBAAyB;AAqCxD,MAAMC,eAAkD;IACpDC,OAAO;IACPC,uBAAS,KAACJ,OAAOK,kBAAkB;kBAAC;;IACpCC,sBAAQ,KAACN,OAAOO,QAAQ;kBAAC;;IACzBC,KAAK;IACLC,MAAM;AACV;AAEA,OAAO,MAAMC,sBAAsBhB,QAAoC,CAACiB,OAAOC;IAC3E,MAAM,EAACC,eAAe,EAAEV,KAAK,EAAEC,OAAO,EAAEE,MAAM,EAAEQ,SAAS,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGnB,SAC9E,uBACAK,cACAS;IAEJ,MAAM,EAACM,YAAY,EAAEC,YAAY,EAAC,GAAGjB;IAErC,IAAI,CAACL,UAAUU,WAAW,CAACV,UAAUQ,UAAU;QAC3C,MAAM,IAAIe,MACN;IAER;IACA,MAAMC,yBAAWtB,aAAaQ,QAAQ;QAClCe,SAAS;YACLf,OAAOK,KAAK,CAACU,OAAO;YACpBN;YACAG;QACJ;IACJ;IACA,MAAMI,0BAAYxB,aAAaM,SAAS;QACpCiB,SAAS;YACLjB,QAAQO,KAAK,CAACU,OAAO;YACrBP;YACAI;QACJ;IACJ;IAEAnB,UAAU;QACN,IAAIkB,iBAAiBJ,iBAAiB;YAClCK;QACJ;IACJ,GAAG,EAAE;IAEL,IAAID,iBAAiBJ,iBAAiB;QAClC,qBACI,MAAClB;YAAMiB,KAAKA;YAAM,GAAGI,MAAM;;gBACtBb;gBACAmB;gBACAF;;;IAGb;IACA,OAAO;AACX,GAAG"}
|
|
@@ -21,6 +21,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
21
21
|
variant: import("@mantine/core").ButtonVariant;
|
|
22
22
|
staticComponents: {
|
|
23
23
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
24
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
25
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
26
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
27
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
28
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
29
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
30
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
31
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
24
32
|
};
|
|
25
33
|
}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
|
|
26
34
|
props: ButtonProps;
|
|
@@ -31,6 +39,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
31
39
|
variant: import("@mantine/core").ButtonVariant;
|
|
32
40
|
staticComponents: {
|
|
33
41
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
42
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
43
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
44
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
45
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
46
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
47
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
48
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
49
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
34
50
|
};
|
|
35
51
|
}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
|
|
36
52
|
props: ButtonProps;
|
|
@@ -41,9 +57,25 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
|
|
|
41
57
|
variant: import("@mantine/core").ButtonVariant;
|
|
42
58
|
staticComponents: {
|
|
43
59
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
60
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
61
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
62
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
63
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
64
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
65
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
66
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
67
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
44
68
|
};
|
|
45
69
|
}> & {
|
|
46
70
|
Group: typeof import("@mantine/core").ButtonGroup;
|
|
71
|
+
Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
72
|
+
Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
73
|
+
Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
74
|
+
Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
75
|
+
DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
76
|
+
DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
77
|
+
DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
78
|
+
DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
|
|
47
79
|
}>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
|
|
48
80
|
component?: any;
|
|
49
81
|
} & Omit<Omit<any, "ref">, "component" | keyof InlineConfirmTargetProps> & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE
|
|
1
|
+
{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;6GAhBD,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;yGAFO,MACI,YACX;2GAFO,MACI,YACX;0GAFO,MACI,YACX;4GAFO,MACI,YACX;oHAFO,MACI,YACX;sHAFO,MACI,YACX;qHAFO,MACI,YACX;uHAFO,MACI,YACX;6FAauC,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}
|
|
@@ -7,7 +7,7 @@ export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
|
|
|
7
7
|
export type PromptVars = {
|
|
8
8
|
root: '--prompt-icon-size';
|
|
9
9
|
};
|
|
10
|
-
export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
|
|
10
|
+
export type PromptStylesNames = Exclude<ModalStylesNames, 'title'> | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
|
|
11
11
|
export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {
|
|
12
12
|
/**
|
|
13
13
|
* Controls prompt appearance
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAEP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAEP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAO/B,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAE,qCAAqC,EAAC,MAAM,uBAAuB,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAClC,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAoBH,eAAO,MAAM,MAAM;WA9BR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B;EAwFH,CAAC"}
|