@coveord/plasma-mantine 55.7.2-next.1 → 55.7.2
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 +55 -58
- package/dist/.tsbuildinfo +1 -1
- package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/cjs/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/cjs/components/button/Button.d.ts +0 -5
- package/dist/cjs/components/button/Button.d.ts.map +1 -1
- package/dist/cjs/components/button/Button.js +3 -40
- package/dist/cjs/components/button/Button.js.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.d.ts.map +1 -1
- package/dist/cjs/components/code-editor/CodeEditor.js +30 -13
- package/dist/cjs/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/cjs/components/collection/CollectionItem.js +1 -0
- 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.js +3 -1
- package/dist/cjs/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/cjs/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.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.module.css +7 -2
- package/dist/cjs/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +73 -0
- package/dist/cjs/components/index.d.ts +0 -2
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +0 -2
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.js +1 -1
- package/dist/cjs/components/prompt/Prompt.js.map +1 -1
- package/dist/cjs/components/prompt/Prompt.module.css +15 -4
- package/dist/cjs/components/prompt/PromptConfirmButton.js +4 -4
- 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/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/cjs/components/table/Table.module.css +2 -3
- 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/styles/ActionIcon.module.css +6 -0
- package/dist/cjs/styles/Alert.module.css +26 -1
- package/dist/cjs/styles/Anchor.module.css +6 -0
- package/dist/cjs/styles/AppShellNavBar.module.css +3 -0
- package/dist/cjs/styles/Badge.module.css +2 -0
- package/dist/cjs/styles/Checkbox.module.css +17 -0
- package/dist/cjs/styles/Combobox.module.css +2 -3
- package/dist/cjs/styles/DatePicker.module.css +3 -0
- package/dist/cjs/styles/Input.module.css +3 -0
- package/dist/cjs/styles/InputWrapper.module.css +9 -0
- package/dist/cjs/styles/Modal.module.css +62 -0
- package/dist/cjs/styles/NavLink.module.css +18 -0
- package/dist/cjs/styles/Notification.module.css +20 -0
- package/dist/cjs/styles/Pagination.module.css +30 -0
- package/dist/cjs/styles/Radio.module.css +6 -0
- package/dist/cjs/styles/ReadOnlyInput.module.css +3 -3
- package/dist/cjs/styles/SegmentedControl.module.css +32 -0
- package/dist/cjs/styles/Select.module.css +39 -0
- package/dist/cjs/styles/Stepper.module.css +66 -0
- package/dist/cjs/styles/Tabs.module.css +4 -0
- package/dist/cjs/theme/PlasmaColors.d.ts +7 -11
- package/dist/cjs/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/cjs/theme/PlasmaColors.js +19 -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 +115 -72
- 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 +6 -4
- 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/cjs/vars/Notification.vars.d.ts +3 -0
- package/dist/cjs/vars/Notification.vars.d.ts.map +1 -0
- package/dist/cjs/vars/Notification.vars.js +44 -0
- package/dist/cjs/vars/Notification.vars.js.map +1 -0
- package/dist/cjs/vars/Text.vars.d.ts +3 -0
- package/dist/cjs/vars/Text.vars.d.ts.map +1 -0
- package/dist/cjs/vars/Text.vars.js +25 -0
- package/dist/cjs/vars/Text.vars.js.map +1 -0
- package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map +1 -1
- package/dist/esm/components/browser-preview/BrowserPreview.module.css +1 -1
- package/dist/esm/components/button/Button.d.ts +0 -5
- package/dist/esm/components/button/Button.d.ts.map +1 -1
- package/dist/esm/components/button/Button.js +0 -17
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/code-editor/CodeEditor.d.ts.map +1 -1
- package/dist/esm/components/code-editor/CodeEditor.js +10 -2
- package/dist/esm/components/code-editor/CodeEditor.js.map +1 -1
- package/dist/esm/components/collection/CollectionItem.js +1 -0
- 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.js +1 -0
- package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map +1 -1
- package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.d.ts.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.module.css +7 -2
- package/dist/esm/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +73 -0
- package/dist/esm/components/index.d.ts +0 -2
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -2
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.js +1 -1
- package/dist/esm/components/prompt/Prompt.js.map +1 -1
- package/dist/esm/components/prompt/Prompt.module.css +15 -4
- package/dist/esm/components/prompt/PromptConfirmButton.js +4 -4
- 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/sticky-footer/StickyFooter.module.css +3 -3
- package/dist/esm/components/table/Table.module.css +2 -3
- 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/styles/ActionIcon.module.css +6 -0
- package/dist/esm/styles/Alert.module.css +26 -1
- package/dist/esm/styles/Anchor.module.css +6 -0
- package/dist/esm/styles/AppShellNavBar.module.css +3 -0
- package/dist/esm/styles/Badge.module.css +2 -0
- package/dist/esm/styles/Checkbox.module.css +17 -0
- package/dist/esm/styles/Combobox.module.css +2 -3
- package/dist/esm/styles/DatePicker.module.css +3 -0
- package/dist/esm/styles/Input.module.css +3 -0
- package/dist/esm/styles/InputWrapper.module.css +9 -0
- package/dist/esm/styles/Modal.module.css +62 -0
- package/dist/esm/styles/NavLink.module.css +18 -0
- package/dist/esm/styles/Notification.module.css +20 -0
- package/dist/esm/styles/Pagination.module.css +30 -0
- package/dist/esm/styles/Radio.module.css +6 -0
- package/dist/esm/styles/ReadOnlyInput.module.css +3 -3
- package/dist/esm/styles/SegmentedControl.module.css +32 -0
- package/dist/esm/styles/Select.module.css +39 -0
- package/dist/esm/styles/Stepper.module.css +66 -0
- package/dist/esm/styles/Tabs.module.css +4 -0
- package/dist/esm/theme/PlasmaColors.d.ts +7 -11
- package/dist/esm/theme/PlasmaColors.d.ts.map +1 -1
- package/dist/esm/theme/PlasmaColors.js +19 -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 +115 -73
- 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 +6 -4
- 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/dist/esm/vars/Notification.vars.d.ts +3 -0
- package/dist/esm/vars/Notification.vars.d.ts.map +1 -0
- package/dist/esm/vars/Notification.vars.js +34 -0
- package/dist/esm/vars/Notification.vars.js.map +1 -0
- package/dist/esm/vars/Text.vars.d.ts +3 -0
- package/dist/esm/vars/Text.vars.d.ts.map +1 -0
- package/dist/esm/vars/Text.vars.js +15 -0
- package/dist/esm/vars/Text.vars.js.map +1 -0
- package/package.json +21 -21
- package/src/components/browser-preview/BrowserPreview.module.css +1 -1
- package/src/components/button/Button.tsx +0 -6
- package/src/components/code-editor/CodeEditor.tsx +12 -5
- package/src/components/collection/CollectionItem.tsx +1 -1
- package/src/components/copyToClipboard/CopyToClipboard.tsx +1 -1
- package/src/components/header/Header.module.css +7 -2
- package/src/components/header/__tests__/__snapshots__/Header.spec.tsx.snap +73 -0
- package/src/components/index.ts +0 -2
- package/src/components/prompt/Prompt.module.css +15 -4
- package/src/components/prompt/Prompt.tsx +1 -1
- package/src/components/prompt/PromptConfirmButton.tsx +4 -4
- package/src/components/sticky-footer/StickyFooter.module.css +3 -3
- package/src/components/table/Table.module.css +2 -3
- package/src/styles/ActionIcon.module.css +6 -0
- package/src/styles/Alert.module.css +26 -1
- package/src/styles/Anchor.module.css +6 -0
- package/src/styles/AppShellNavBar.module.css +3 -0
- package/src/styles/Badge.module.css +2 -0
- package/src/styles/Checkbox.module.css +17 -0
- package/src/styles/Combobox.module.css +2 -3
- package/src/styles/DatePicker.module.css +3 -0
- package/src/styles/Input.module.css +3 -0
- package/src/styles/InputWrapper.module.css +9 -0
- package/src/styles/Modal.module.css +62 -0
- package/src/styles/NavLink.module.css +18 -0
- package/src/styles/Notification.module.css +20 -0
- package/src/styles/Pagination.module.css +30 -0
- package/src/styles/Radio.module.css +6 -0
- package/src/styles/ReadOnlyInput.module.css +3 -3
- package/src/styles/SegmentedControl.module.css +32 -0
- package/src/styles/Select.module.css +39 -0
- package/src/styles/Stepper.module.css +66 -0
- package/src/styles/Tabs.module.css +4 -0
- package/src/theme/PlasmaColors.ts +19 -144
- package/src/theme/Theme.tsx +86 -65
- package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts +44 -15
- package/src/theme/plasmaCSSVariablesResolver.ts +6 -5
- package/src/vars/Notification.vars.ts +14 -0
- package/src/vars/Text.vars.ts +8 -0
- package/dist/cjs/components/alert/Alert.d.ts +0 -17
- package/dist/cjs/components/alert/Alert.d.ts.map +0 -1
- package/dist/cjs/components/alert/Alert.js +0 -53
- package/dist/cjs/components/alert/Alert.js.map +0 -1
- package/dist/cjs/components/alert/index.d.ts +0 -2
- package/dist/cjs/components/alert/index.d.ts.map +0 -1
- package/dist/cjs/components/alert/index.js +0 -8
- package/dist/cjs/components/alert/index.js.map +0 -1
- package/dist/cjs/components/badge/Badge.d.ts +0 -8
- package/dist/cjs/components/badge/Badge.d.ts.map +0 -1
- package/dist/cjs/components/badge/Badge.js +0 -60
- package/dist/cjs/components/badge/Badge.js.map +0 -1
- package/dist/cjs/components/badge/index.d.ts +0 -2
- package/dist/cjs/components/badge/index.d.ts.map +0 -1
- package/dist/cjs/components/badge/index.js +0 -8
- package/dist/cjs/components/badge/index.js.map +0 -1
- package/dist/esm/components/alert/Alert.d.ts +0 -17
- package/dist/esm/components/alert/Alert.d.ts.map +0 -1
- package/dist/esm/components/alert/Alert.js +0 -29
- package/dist/esm/components/alert/Alert.js.map +0 -1
- package/dist/esm/components/alert/index.d.ts +0 -2
- package/dist/esm/components/alert/index.d.ts.map +0 -1
- package/dist/esm/components/alert/index.js +0 -3
- package/dist/esm/components/alert/index.js.map +0 -1
- package/dist/esm/components/badge/Badge.d.ts +0 -8
- package/dist/esm/components/badge/Badge.d.ts.map +0 -1
- package/dist/esm/components/badge/Badge.js +0 -27
- package/dist/esm/components/badge/Badge.js.map +0 -1
- package/dist/esm/components/badge/index.d.ts +0 -2
- package/dist/esm/components/badge/index.d.ts.map +0 -1
- package/dist/esm/components/badge/index.js +0 -3
- package/dist/esm/components/badge/index.js.map +0 -1
- package/src/components/alert/Alert.tsx +0 -7
- package/src/components/alert/index.ts +0 -1
- package/src/components/badge/Badge.tsx +0 -10
- package/src/components/badge/index.ts +0 -1
|
@@ -5,13 +5,18 @@
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
& .description {
|
|
8
|
-
color: var(--mantine-color-
|
|
8
|
+
color: var(--mantine-color-gray-6);
|
|
9
9
|
font-weight: 300;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
.title {
|
|
14
14
|
word-break: break-word;
|
|
15
|
+
|
|
16
|
+
&[data-variant='primary'] {
|
|
17
|
+
color: var(--mantine-color-gray-5);
|
|
18
|
+
}
|
|
19
|
+
|
|
15
20
|
line-height: var(--mantine-line-height-md);
|
|
16
21
|
}
|
|
17
22
|
|
|
@@ -26,5 +31,5 @@
|
|
|
26
31
|
}
|
|
27
32
|
|
|
28
33
|
.breadcrumbsSeparator {
|
|
29
|
-
color: var(--mantine-color-
|
|
34
|
+
color: var(--mantine-color-gray-5);
|
|
30
35
|
}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
|
+
|
|
3
|
+
exports[`Header > renders the specified breadcrumbs above the title 1`] = `
|
|
4
|
+
<div>
|
|
5
|
+
<style
|
|
6
|
+
data-mantine-styles="classes"
|
|
7
|
+
>
|
|
8
|
+
@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}
|
|
9
|
+
</style>
|
|
10
|
+
<div
|
|
11
|
+
class="_root_69e643 mantine-PlasmaHeader-root m_4081bf90 mantine-Group-root"
|
|
12
|
+
data-variant="primary"
|
|
13
|
+
style="--group-gap: var(--mantine-spacing-md); --group-align: center; --group-justify: space-between; --group-wrap: nowrap;"
|
|
14
|
+
>
|
|
15
|
+
<div
|
|
16
|
+
class="m_6d731127 mantine-Stack-root"
|
|
17
|
+
style="--stack-gap: 0rem; --stack-align: stretch; --stack-justify: flex-start;"
|
|
18
|
+
>
|
|
19
|
+
<div
|
|
20
|
+
class="m_8b3717df mantine-Breadcrumbs-root"
|
|
21
|
+
>
|
|
22
|
+
<a
|
|
23
|
+
class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
|
|
24
|
+
color="action.6"
|
|
25
|
+
data-underline="hover"
|
|
26
|
+
style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
|
|
27
|
+
>
|
|
28
|
+
One
|
|
29
|
+
</a>
|
|
30
|
+
<div
|
|
31
|
+
class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
|
|
32
|
+
>
|
|
33
|
+
/
|
|
34
|
+
</div>
|
|
35
|
+
<a
|
|
36
|
+
class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
|
|
37
|
+
color="action.6"
|
|
38
|
+
data-underline="hover"
|
|
39
|
+
style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
|
|
40
|
+
>
|
|
41
|
+
Two
|
|
42
|
+
</a>
|
|
43
|
+
<div
|
|
44
|
+
class="_breadcrumbsSeparator_69e643 mantine-PlasmaHeader-breadcrumbsSeparator m_3b8f2208 mantine-Breadcrumbs-separator"
|
|
45
|
+
>
|
|
46
|
+
/
|
|
47
|
+
</div>
|
|
48
|
+
<a
|
|
49
|
+
class="mantine-focus-auto _root_a623ec m_849cf0da _breadcrumbsRoot_69e643 mantine-PlasmaHeader-breadcrumbsRoot m_f678d540 mantine-Breadcrumbs-breadcrumb m_b6d8b162 mantine-Text-root mantine-Anchor-root"
|
|
50
|
+
color="action.6"
|
|
51
|
+
data-underline="hover"
|
|
52
|
+
style="--text-color: var(--mantine-color-action-6); --text-fz: var(--mantine-font-size-sm);"
|
|
53
|
+
>
|
|
54
|
+
Three
|
|
55
|
+
</a>
|
|
56
|
+
</div>
|
|
57
|
+
<h1
|
|
58
|
+
class="_root_4eabcc _title_69e643 mantine-PlasmaHeader-title m_8a5d1357 mantine-Title-root"
|
|
59
|
+
data-order="1"
|
|
60
|
+
data-variant="primary"
|
|
61
|
+
style="--title-fw: var(--mantine-h1-font-weight); --title-lh: var(--mantine-h1-line-height); --title-fz: var(--mantine-h1-font-size);"
|
|
62
|
+
>
|
|
63
|
+
Title
|
|
64
|
+
</h1>
|
|
65
|
+
<p
|
|
66
|
+
class="mantine-focus-auto _description_69e643 mantine-PlasmaHeader-description m_b6d8b162 mantine-Text-root"
|
|
67
|
+
data-size="md"
|
|
68
|
+
style="--text-fz: var(--mantine-font-size-md); --text-lh: var(--mantine-line-height-md);"
|
|
69
|
+
/>
|
|
70
|
+
</div>
|
|
71
|
+
</div>
|
|
72
|
+
</div>
|
|
73
|
+
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './
|
|
1
|
+
{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\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,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 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | ModalStylesNames\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof Modal.Footer;\n };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n success: Success,\n warning: Warning,\n critical: Critical,\n info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n root: {\n '--prompt-icon-size': icon ? undefined : '88px',\n },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const stylesApiProps = {classNames, styles};\n\n const footers: ReactElement[] = [];\n const otherChildren: ReactElement[] = [];\n\n Children.forEach(children, (child: ReactElement) => {\n (child.type === Modal.Footer ? footers : otherChildren).push(child);\n });\n\n return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n Box,\n createVarsResolver,\n factory,\n Factory,\n Image,\n ModalRootProps,\n ModalStylesNames,\n StylesApiProps,\n useProps,\n useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n | ModalStylesNames\n | 'icon'\n | PromptCancelButtonStylesNamesVariant\n | PromptConfirmButtonStylesNamesVariant;\n\nexport interface PromptProps\n extends StylesApiProps<PromptFactory>,\n Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n /**\n * Controls prompt appearance\n *\n * @default \"info\"\n */\n variant?: PromptVariant;\n children: ReactNode;\n title: ReactNode;\n icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n props: PromptProps;\n ref: HTMLDivElement;\n vars: PromptVars;\n variant: PromptVariant;\n stylesNames: PromptStylesNames;\n staticComponents: {\n CancelButton: typeof PromptCancelButton;\n ConfirmButton: typeof PromptConfirmButton;\n Footer: typeof Modal.Footer;\n };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n success: Success,\n warning: Warning,\n critical: Critical,\n info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n variant: 'info',\n centered: true,\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n root: {\n '--prompt-icon-size': icon ? undefined : '88px',\n },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n const props = useProps('Prompt', defaultProps, _props);\n const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n const getStyles = useStyles<PromptFactory>({\n name: 'Prompt',\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n const stylesApiProps = {classNames, styles};\n\n const footers: ReactElement[] = [];\n const otherChildren: ReactElement[] = [];\n\n Children.forEach(children, (child: ReactElement) => {\n (child.type === Modal.Footer ? footers : otherChildren).push(child);\n });\n\n return (\n <PromptContextProvider value={{variant, getStyles}}>\n <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n <Modal.Content {...getStyles('content', stylesApiProps)}>\n <Modal.Header {...getStyles('header', stylesApiProps)}>\n {icon || icon === null ? (\n icon\n ) : (\n <Image\n alt=\"\"\n role=\"presentation\"\n {...getStyles('icon', stylesApiProps)}\n src={PROMPT_VARIANT_ICONS_SRC[variant]}\n />\n )}\n <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n </Modal.Header>\n <Modal.Body {...getStyles('body', stylesApiProps)}>\n <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n </Modal.Body>\n {footers}\n </Modal.Content>\n </Modal.Root>\n </PromptContextProvider>\n );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Box","createVarsResolver","factory","Image","useProps","useStyles","Children","Modal","Critical","Info","Success","Warning","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","centered","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","Footer","push","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,SAAQC,KAAK,QAAO,WAAW;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAA8C,wBAAwB;AAqCjG,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAevB,mBAAkC,CAACwB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS3B,QAAuB,CAAC4B,QAAQC;IAClD,MAAMC,QAAQ5B,SAAS,UAAUiB,cAAcS;IAC/C,MAAM,EAACR,OAAO,EAAEW,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYrC,UAAyB;QACvCsC,MAAM;QACNX;QACAnB;QACAsB;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,UAA0B,EAAE;IAClC,MAAMC,gBAAgC,EAAE;IAExCxC,SAASyC,OAAO,CAACb,UAAU,CAACc;QACvBA,CAAAA,MAAMC,IAAI,KAAK1C,MAAM2C,MAAM,GAAGL,UAAUC,aAAY,EAAGK,IAAI,CAACH;IACjE;IAEA,qBACI,KAACpC;QAAsBwC,OAAO;YAAC9B;YAASoB;QAAS;kBAC7C,cAAA,MAACnC,MAAM8C,IAAI;YAACtB,KAAKA;YAAKT,SAAQ;YAASgC,MAAK;YAAM,GAAGb,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACnC,MAAMgD,OAAO;oBAAE,GAAGb,UAAU,WAAWE,eAAe;;8BACvD,MAACrC,MAAMiD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;sCACnD,MAACrC,MAAMkD,MAAM;4BAAE,GAAGf,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACvB;oCACGuD,KAAI;oCACJC,MAAK;oCACJ,GAAGjB,UAAU,QAAQE,eAAe;oCACrCgB,KAAK5C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACf,MAAMsD,KAAK;oCAAE,GAAGnB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC1B,MAAMuD,WAAW;oCAAE,GAAGpB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACrC,MAAMwD,IAAI;4BAAE,GAAGrB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC5C;gCAAK,GAAG0C,UAAU,SAASE,eAAe;0CAAGE;;;wBAEjDD;;;;;;AAKrB,GAAG;AAEHhB,OAAOmC,YAAY,GAAGlD;AACtBe,OAAOoC,aAAa,GAAGlD;AACvBc,OAAOqB,MAAM,GAAG3C,MAAM2C,MAAM"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
.root {
|
|
2
|
-
--prompt-icon-size:
|
|
2
|
+
--prompt-icon-size: 88px;
|
|
3
|
+
|
|
4
|
+
.header {
|
|
5
|
+
border-bottom: none;
|
|
6
|
+
align-items: center;
|
|
7
|
+
}
|
|
3
8
|
|
|
4
9
|
.body {
|
|
5
10
|
padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
|
|
6
|
-
calc(var(--prompt-icon-size) +
|
|
11
|
+
calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
|
|
7
12
|
}
|
|
8
13
|
}
|
|
9
14
|
|
|
@@ -13,12 +18,18 @@
|
|
|
13
18
|
}
|
|
14
19
|
|
|
15
20
|
.header {
|
|
16
|
-
gap: var(--mantine-spacing-
|
|
21
|
+
gap: var(--mantine-spacing-lg);
|
|
17
22
|
width: 100%;
|
|
23
|
+
font-size: var(--mantine-h3-font-size);
|
|
24
|
+
line-height: var(--mantine-h3-line-height);
|
|
18
25
|
overflow-wrap: anywhere;
|
|
19
26
|
padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
|
|
20
27
|
}
|
|
21
28
|
|
|
29
|
+
.close {
|
|
30
|
+
align-self: flex-start;
|
|
31
|
+
}
|
|
32
|
+
|
|
22
33
|
.inner {
|
|
23
|
-
color: var(--mantine-color-
|
|
34
|
+
color: var(--mantine-color-gray-7);
|
|
24
35
|
}
|
|
@@ -3,10 +3,10 @@ import { factory, useProps } from '@mantine/core';
|
|
|
3
3
|
import { Button } from '../button/Button';
|
|
4
4
|
import { usePromptContext } from './Prompt.context';
|
|
5
5
|
const COLOR_BY_VARIANT = {
|
|
6
|
-
success: '
|
|
7
|
-
info: '
|
|
8
|
-
warning: '
|
|
9
|
-
critical: '
|
|
6
|
+
success: 'action',
|
|
7
|
+
info: 'action',
|
|
8
|
+
warning: 'critical',
|
|
9
|
+
critical: 'critical'
|
|
10
10
|
};
|
|
11
11
|
const defaultProps = {};
|
|
12
12
|
export const PromptConfirmButton = factory((_props, ref)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n success: '
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n props: PromptConfirmButtonProps;\n ref: HTMLButtonElement;\n stylesNames: PromptConfirmButtonStylesNamesVariant;\n compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n success: 'action',\n info: 'action',\n warning: 'critical',\n critical: 'critical',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n const {variant, getStyles} = usePromptContext();\n const props = useProps('PromptConfirmButton', defaultProps, _props);\n const {\n className,\n classNames,\n style,\n styles,\n unstyled,\n vars,\n disabled,\n disabledTooltip,\n disabledTooltipProps,\n ...others\n } = props;\n\n return (\n <Button\n ref={ref}\n variant=\"filled\"\n color={COLOR_BY_VARIANT[variant]}\n disabled={disabled}\n disabledTooltip={disabledTooltip}\n disabledTooltipProps={disabledTooltipProps}\n {...others}\n {...getStyles('confirm', {style, styles, className, classNames})}\n />\n );\n});\n"],"names":["factory","useProps","Button","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","disabled","disabledTooltip","disabledTooltipProps","others","color"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AACjF,SAAQC,MAAM,QAAoB,mBAAmB;AAErD,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBV,QAAoC,CAACW,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQd,SAAS,uBAAuBQ,cAAcE;IAC5D,MAAM,EACFK,SAAS,EACTC,UAAU,EACVC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,eAAe,EACfC,oBAAoB,EACpB,GAAGC,QACN,GAAGV;IAEJ,qBACI,KAACb;QACGU,KAAKA;QACLC,SAAQ;QACRa,OAAOtB,gBAAgB,CAACS,QAAQ;QAChCS,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;QACrB,GAAGC,MAAM;QACT,GAAGX,UAAU,WAAW;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG5E,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
position: sticky;
|
|
3
3
|
bottom: 0;
|
|
4
4
|
z-index: 10;
|
|
5
|
-
background-color:
|
|
5
|
+
background-color: white;
|
|
6
6
|
padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
|
|
7
7
|
|
|
8
8
|
&[data-variant='modal-footer'] {
|
|
9
|
-
border-top: 1px solid var(--mantine-color-
|
|
9
|
+
border-top: 1px solid var(--mantine-color-gray-3);
|
|
10
10
|
padding-bottom: 0;
|
|
11
11
|
margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
|
|
12
12
|
calc(-1 * var(--mb-padding));
|
|
@@ -14,5 +14,5 @@
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
.border {
|
|
17
|
-
border-top: 1px solid var(--mantine-color-
|
|
17
|
+
border-top: 1px solid var(--mantine-color-gray-3);
|
|
18
18
|
}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
left: 0;
|
|
20
20
|
right: 0;
|
|
21
21
|
bottom: 0;
|
|
22
|
-
border-bottom: 1px solid var(--mantine-color-
|
|
22
|
+
border-bottom: 1px solid var(--mantine-color-gray-3);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -66,8 +66,7 @@
|
|
|
66
66
|
|
|
67
67
|
/* Table.Header */
|
|
68
68
|
.headerRoot {
|
|
69
|
-
border-bottom: 1px solid var(--mantine-color-
|
|
70
|
-
border-top: 1px solid var(--mantine-color-default-border);
|
|
69
|
+
border-bottom: 1px solid var(--mantine-color-gray-3);
|
|
71
70
|
background-color: var(--mantine-color-gray-1);
|
|
72
71
|
padding: var(--mantine-spacing-sm) var(--mantine-spacing-xl);
|
|
73
72
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-table.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"use-table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-table.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-url-synced-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-url-synced-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAuD7E,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC;;;;OAIG;IACH,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5B;;;;;;;;;OASG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1D;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,iBAAiB,GAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"use-url-synced-state.d.ts","sourceRoot":"","sources":["../../../../src/components/table/use-url-synced-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAC;AAElE;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAuD7E,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACvC;;;;OAIG;IACH,YAAY,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5B;;;;;;;;;OASG;IACH,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC1D;;;;;;;;OAQG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9D;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAKD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,SAAS,wBAAwB,CAAC,CAAC,CAAC,8CAmDxE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickWithLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickWithLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"useClickWithLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickWithLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,mBAAmB,GAAI,UAAU,iBAAiB,CAAC,iBAAiB,CAAC;;yBAG5C,UAAU,CAAC,iBAAiB,CAAC;CAelE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"useControlledList.d.ts","sourceRoot":"","sources":["../../../src/hooks/useControlledList.ts"],"names":[],"mappings":"AAEA,UAAU,iBAAiB,CAAC,CAAC;IACzB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAY,CAAC,CAAC;IACpB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,kDAAkD;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,iFAAiF;IACjF,OAAO,EAAE,CAAC,EAAC,IAAI,EAAE,EAAE,EAAC,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAE,mCAAiC,iBAAiB,CAAC,CAAC,CAAC,KAAG,CAAC,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,CA6BjH,CAAC"}
|
|
@@ -1,10 +1,35 @@
|
|
|
1
1
|
.root {
|
|
2
|
+
padding: var(--mantine-spacing-sm);
|
|
3
|
+
|
|
2
4
|
&:not(&[data-variant]) {
|
|
3
|
-
/* TODO: Plasma Reset, validate if we need the border */
|
|
4
5
|
border-color: color-mix(in srgb, var(--alert-color), var(--alert-bg) 85%);
|
|
5
6
|
}
|
|
6
7
|
}
|
|
7
8
|
|
|
9
|
+
.wrapper {
|
|
10
|
+
gap: var(--mantine-spacing-sm);
|
|
11
|
+
}
|
|
12
|
+
|
|
8
13
|
.title {
|
|
9
14
|
font-weight: 500;
|
|
10
15
|
}
|
|
16
|
+
|
|
17
|
+
.icon {
|
|
18
|
+
width: 16px;
|
|
19
|
+
height: 16px;
|
|
20
|
+
margin-right: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.message {
|
|
24
|
+
@mixin light {
|
|
25
|
+
color: var(--mantine-color-gray-7);
|
|
26
|
+
|
|
27
|
+
&:where([data-variant='filled']) {
|
|
28
|
+
color: var(--alert-color);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&:where([data-variant='white']) {
|
|
33
|
+
color: var(--mantine-color-black);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
@@ -1,3 +1,20 @@
|
|
|
1
1
|
.label {
|
|
2
|
+
font-size: var(--mantine-font-size-sm);
|
|
2
3
|
font-weight: 300;
|
|
3
4
|
}
|
|
5
|
+
|
|
6
|
+
.input {
|
|
7
|
+
&[data-indeterminate] {
|
|
8
|
+
background-color: var(--mantine-color-pureWhite);
|
|
9
|
+
border-color: var(--mantine-color-gray-4);
|
|
10
|
+
|
|
11
|
+
& + svg {
|
|
12
|
+
color: var(--mantine-color-gray-6);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&[readonly] {
|
|
17
|
+
background-color: var(--mantine-color-gray-2);
|
|
18
|
+
border-color: var(--mantine-color-gray-2);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
/* TODO: Plasma Reset, validate if we need the custom style for the search */
|
|
2
1
|
.search {
|
|
3
2
|
margin: 0 0 var(--mantine-spacing-xs);
|
|
4
|
-
border-radius: var(--mantine-radius-
|
|
3
|
+
border-radius: var(--mantine-radius-md);
|
|
5
4
|
border: 1px solid;
|
|
6
5
|
width: 100%;
|
|
7
|
-
border-color: var(--mantine-color-
|
|
6
|
+
border-color: var(--mantine-color-gray-4);
|
|
8
7
|
|
|
9
8
|
&:focus {
|
|
10
9
|
border-color: var(--mantine-primary-color-filled);
|
|
@@ -1,7 +1,16 @@
|
|
|
1
|
+
.label {
|
|
2
|
+
margin-bottom: var(--mantine-spacing-xs);
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
.description {
|
|
6
|
+
font-size: var(--mantine-font-size-sm);
|
|
7
|
+
color: var(--mantine-color-gray-7);
|
|
8
|
+
margin-bottom: var(--mantine-spacing-xs);
|
|
9
|
+
line-height: var(--mantine-line-height);
|
|
2
10
|
font-weight: 300;
|
|
3
11
|
}
|
|
4
12
|
|
|
5
13
|
.error {
|
|
14
|
+
line-height: var(--mantine-line-height);
|
|
6
15
|
font-weight: 300;
|
|
7
16
|
}
|
|
@@ -1,3 +1,65 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
&[data-full-screen] {
|
|
3
|
+
.content {
|
|
4
|
+
flex: 0 0 100%;
|
|
5
|
+
}
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
&[data-size='xs'] {
|
|
9
|
+
.content {
|
|
10
|
+
flex: 0 0 rem(432px);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
&[data-size='sm'] {
|
|
15
|
+
.content {
|
|
16
|
+
flex: 0 0 rem(664px);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&[data-size='md'] {
|
|
21
|
+
.content {
|
|
22
|
+
flex: 0 0 rem(896px);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&[data-size='lg'] {
|
|
27
|
+
.content {
|
|
28
|
+
flex: 0 0 rem(1120px);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
&[data-size='xl'] {
|
|
33
|
+
.content {
|
|
34
|
+
flex: 0 0 rem(88%);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&:not([data-size]) {
|
|
39
|
+
.content {
|
|
40
|
+
flex: 0 0 rem(896px);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.content {
|
|
46
|
+
overflow: auto;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.header {
|
|
50
|
+
border-bottom: 1px solid var(--mantine-color-gray-3);
|
|
51
|
+
align-items: flex-start;
|
|
52
|
+
}
|
|
53
|
+
|
|
1
54
|
.title {
|
|
55
|
+
width: 100%;
|
|
56
|
+
font-size: var(--mantine-h3-font-size);
|
|
57
|
+
line-height: var(--mantine-h3-line-height);
|
|
2
58
|
font-weight: 500;
|
|
3
59
|
}
|
|
60
|
+
|
|
61
|
+
.body {
|
|
62
|
+
&:where(:not(:only-child)) {
|
|
63
|
+
padding-top: var(--mb-padding, var(--mantine-spacing-md));
|
|
64
|
+
}
|
|
65
|
+
}
|
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
color: var(--mantine-color-gray-6);
|
|
3
|
+
line-height: var(--mantine-line-height);
|
|
4
|
+
border-radius: var(--mantine-radius-default) 0 0 var(--mantine-radius-default);
|
|
5
|
+
|
|
6
|
+
&[data-active] {
|
|
7
|
+
color: var(--mantine-primary-color-6);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
@mixin hover {
|
|
11
|
+
@mixin light {
|
|
12
|
+
&:where(:not([data-active])) {
|
|
13
|
+
background-color: var(--mantine-color-gray-1);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
1
19
|
.label {
|
|
2
20
|
font-weight: 500;
|
|
3
21
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
border-color: var(--mantine-color-gray-3);
|
|
3
|
+
background-color: var(--mantine-color-gray-0);
|
|
4
|
+
box-shadow: var(--mantine-shadow-lg);
|
|
5
|
+
padding: var(--mantine-spacing-sm);
|
|
6
|
+
|
|
7
|
+
&[data-with-icon] {
|
|
8
|
+
padding-left: var(--mantine-spacing-sm);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.icon {
|
|
13
|
+
background-color: transparent;
|
|
14
|
+
margin-right: var(--mantine-spacing-sm);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.closeButton {
|
|
18
|
+
margin: var(--mantine-spacing-xs);
|
|
19
|
+
color: var(--mantine-color-gray-5);
|
|
20
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
.root {
|
|
2
|
+
--pagination-control-fz: var(--mantine-font-size-sm);
|
|
3
|
+
|
|
4
|
+
color: var(--mantine-color-gray-6);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.control {
|
|
8
|
+
color: var(--mantine-color-gray-6);
|
|
9
|
+
|
|
10
|
+
@mixin light {
|
|
11
|
+
border-color: var(--mantine-color-gray-3);
|
|
12
|
+
|
|
13
|
+
@mixin hover {
|
|
14
|
+
&:where(:not(:disabled, [data-disabled])) {
|
|
15
|
+
background-color: var(--mantine-primary-color-1);
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&:where([data-active]) {
|
|
21
|
+
@mixin light {
|
|
22
|
+
border-color: var(--pagination-active-bg);
|
|
23
|
+
color: var(--pagination-active-color, var(--mantine-color-white));
|
|
24
|
+
|
|
25
|
+
@mixin hover {
|
|
26
|
+
background-color: var(--pagination-active-bg);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
cursor: text;
|
|
3
3
|
|
|
4
4
|
--input-bd: transparent;
|
|
5
|
-
--input-bg: var(--mantine-color-
|
|
6
|
-
--input-color: var(--mantine-color-
|
|
7
|
-
--input-placeholder-color: var(--mantine-color-
|
|
5
|
+
--input-bg: var(--mantine-color-gray-2);
|
|
6
|
+
--input-color: var(--mantine-color-gray-7);
|
|
7
|
+
--input-placeholder-color: var(--mantine-color-gray-7);
|
|
8
8
|
}
|