@weni/unnnic-system 3.11.1-alpha.2 → 3.11.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/CHANGELOG.md +32 -0
- package/dist/components/Alert/Alert.vue.d.ts +3 -3
- package/dist/components/Alert/Version1dot1.vue.d.ts +1 -1
- package/dist/components/AudioRecorder/AudioHandler.vue.d.ts +18 -109
- package/dist/components/AudioRecorder/AudioRecorder.vue.d.ts +36 -218
- package/dist/components/AvatarIcon/AvatarIcon.vue.d.ts +1 -1
- package/dist/components/Button/Button.vue.d.ts +2 -2
- package/dist/components/Card/AccountCard.vue.d.ts +2 -2
- package/dist/components/Card/Card.vue.d.ts +29 -120
- package/dist/components/Card/CardCompany.vue.d.ts +2 -2
- package/dist/components/Card/CardStatusesContainer.vue.d.ts +19 -110
- package/dist/components/Card/ContentCard.vue.d.ts +1 -1
- package/dist/components/Card/DashCard.vue.d.ts +2 -2
- package/dist/components/Card/DefaultCard.vue.d.ts +1 -1
- package/dist/components/Card/MarketplaceCard.vue.d.ts +1 -1
- package/dist/components/Card/SimpleCard.vue.d.ts +18 -109
- package/dist/components/Card/StatusCard.vue.d.ts +1 -1
- package/dist/components/Card/TitleCard.vue.d.ts +18 -109
- package/dist/components/CardImage/CardImage.vue.d.ts +5 -5
- package/dist/components/CardInformation/CardInformation.vue.d.ts +19 -110
- package/dist/components/CardProject/CardProject.vue.d.ts +2 -2
- package/dist/components/Carousel/Carousel.vue.d.ts +2 -2
- package/dist/components/Carousel/TagCarousel.vue.d.ts +2 -2
- package/dist/components/ChartBar/ChartBar.vue.d.ts +24 -115
- package/dist/components/ChartLine/ChartLine.vue.d.ts +18 -109
- package/dist/components/ChatText/ChatText.vue.d.ts +18 -109
- package/dist/components/ChatsContact/ChatsContact.vue.d.ts +6 -6
- package/dist/components/ChatsMessage/ChatsMessage.vue.d.ts +18 -109
- package/dist/components/ChatsUserAvatar/ChatsUserAvatar.vue.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.vue.d.ts +3 -3
- package/dist/components/DataArea/DataArea.vue.d.ts +18 -109
- package/dist/components/DataTable/index.vue.d.ts +1 -1
- package/dist/components/DataTable/index.vue.d.ts.map +1 -1
- package/dist/components/DateFilter/DateFilter.vue.d.ts +10 -10
- package/dist/components/DatePicker/DatePicker.vue.d.ts +69 -249
- package/dist/components/DatePicker/DatePicker.vue.d.ts.map +1 -1
- package/dist/components/Drawer/Drawer.vue.d.ts +207 -35
- package/dist/components/Drawer/Drawer.vue.d.ts.map +1 -1
- package/dist/components/Dropdown/Dropdown.vue.d.ts +1 -1
- package/dist/components/FormElement/FormElement.vue.d.ts +4 -4
- package/dist/components/ImportCard/ImportCard.vue.d.ts +6 -6
- package/dist/components/Input/Input.vue.d.ts +9 -9
- package/dist/components/Input/TextInput.vue.d.ts +2 -2
- package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +47 -911
- package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts.map +1 -1
- package/dist/components/InputNext/InputNext.vue.d.ts +3 -3
- package/dist/components/Modal/Modal.vue.d.ts +1 -1
- package/dist/components/ModalDialog/ModalDialog.vue.d.ts +35 -209
- package/dist/components/ModalDialog/ModalDialog.vue.d.ts.map +1 -1
- package/dist/components/ModalNext/ModalNext.vue.d.ts +15 -15
- package/dist/components/ModalUpload/ModalUpload.vue.d.ts +12 -12
- package/dist/components/MoodRating/MoodRating.vue.d.ts +18 -109
- package/dist/components/MultiSelect/MultiSelect.vue.d.ts +18 -18
- package/dist/components/Pagination/Pagination.vue.d.ts +6 -6
- package/dist/components/Radio/Radio.vue.d.ts +6 -6
- package/dist/components/Select/SelectItem.vue.d.ts +1 -1
- package/dist/components/SelectSmart/SelectSmart.vue.d.ts +12 -12
- package/dist/components/SelectSmart/SelectSmartMultipleHeader.vue.d.ts +2 -2
- package/dist/components/SelectSmart/SelectSmartOption.vue.d.ts +6 -6
- package/dist/components/SelectTime/index.vue.d.ts +3 -3
- package/dist/components/Sidebar/SidebarItem.vue.d.ts +2 -2
- package/dist/components/Slider/Slider.vue.d.ts +18 -109
- package/dist/components/Switch/Switch.vue.d.ts +2 -2
- package/dist/components/Tab/Tab.vue.d.ts +18 -109
- package/dist/components/TableNext/TableBodyCell.vue.d.ts +2 -2
- package/dist/components/TableNext/TablePagination.vue.d.ts +6 -6
- package/dist/components/Tag/DefaultTag.vue.d.ts +1 -1
- package/dist/components/Tag/Tag.vue.d.ts +2 -2
- package/dist/components/TextArea/TextArea.vue.d.ts +5 -5
- package/dist/components/Toast/Toast.vue.d.ts +1 -1
- package/dist/components/ToolTip/ToolTip.vue.d.ts +18 -109
- package/dist/components/ToolTip/ToolTip.vue.d.ts.map +1 -1
- package/dist/components/Tour/Tour.vue.d.ts +6 -6
- package/dist/components/Tour/TourPopover.vue.d.ts +6 -6
- package/dist/components/UploadArea/UploadArea.vue.d.ts +6 -6
- package/dist/components/ui/popover/PopoverContent.vue.d.ts +2 -2
- package/dist/components/ui/popover/PopoverContent.vue.d.ts.map +1 -1
- package/dist/components/ui/tabs/TabsTrigger.vue.d.ts.map +1 -1
- package/dist/{es-2f0d1dd1.mjs → es-042a0d15.mjs} +1 -1
- package/dist/{index-7d496127.mjs → index-fd0ea6b9.mjs} +51896 -54819
- package/dist/{pt-br-ec24bd23.mjs → pt-br-3b7cced5.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +196 -232
- package/dist/unnnic.umd.js +46 -50
- package/package.json +1 -2
- package/src/assets/scss/tailwind.scss +0 -8
- package/src/components/DatePicker/DatePicker.vue +628 -516
- package/src/components/DatePicker/__tests__/DatePicker.spec.js +227 -0
- package/src/components/Drawer/Drawer.vue +270 -177
- package/src/components/Drawer/__tests__/Drawer.spec.js +43 -32
- package/src/components/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +19 -18
- package/src/components/InputDatePicker/InputDatePicker.vue +149 -183
- package/src/components/InputDatePicker/__test__/InputDatePicker.spec.js +159 -0
- package/src/components/ModalDialog/ModalDialog.vue +148 -62
- package/src/components/ModalDialog/__tests__/ModalDialog.spec.js +221 -11
- package/src/components/ModalDialog/__tests__/__snapshots__/ModalDialog.spec.js.snap +22 -1
- package/src/components/Tab/__test__/__snapshots__/Tab.spec.js.snap +1 -3
- package/src/components/ToolTip/ToolTip.vue +188 -41
- package/src/components/ToolTip/__tests__/ToolTip.spec.js +61 -345
- package/src/components/index.ts +12 -86
- package/src/components/ui/tabs/TabsTrigger.vue +20 -4
- package/src/stories/DatePicker.stories.js +71 -0
- package/src/stories/Drawer.stories.js +1 -1
- package/src/stories/InputDatePicker.stories.js +22 -0
- package/src/stories/ModalDialog.mdx +0 -3
- package/src/stories/ModalDialog.stories.js +1 -1
- package/src/stories/Tabs.stories.js +1 -1
- package/dist/components/index.d.ts +0 -25946
- package/dist/components/index.d.ts.map +0 -1
- package/dist/components/ui/dialog/Dialog.vue.d.ts +0 -23
- package/dist/components/ui/dialog/Dialog.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogClose.vue.d.ts +0 -19
- package/dist/components/ui/dialog/DialogClose.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogContent.vue.d.ts +0 -43
- package/dist/components/ui/dialog/DialogContent.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogFooter.vue.d.ts +0 -25
- package/dist/components/ui/dialog/DialogFooter.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogHeader.vue.d.ts +0 -29
- package/dist/components/ui/dialog/DialogHeader.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogTitle.vue.d.ts +0 -23
- package/dist/components/ui/dialog/DialogTitle.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/DialogTrigger.vue.d.ts +0 -19
- package/dist/components/ui/dialog/DialogTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/dialog/index.d.ts +0 -8
- package/dist/components/ui/dialog/index.d.ts.map +0 -1
- package/dist/components/ui/drawer/Drawer.vue.d.ts +0 -35
- package/dist/components/ui/drawer/Drawer.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerClose.vue.d.ts +0 -19
- package/dist/components/ui/drawer/DrawerClose.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerContent.vue.d.ts +0 -42
- package/dist/components/ui/drawer/DrawerContent.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerDescription.vue.d.ts +0 -23
- package/dist/components/ui/drawer/DrawerDescription.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerFooter.vue.d.ts +0 -22
- package/dist/components/ui/drawer/DrawerFooter.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerHeader.vue.d.ts +0 -25
- package/dist/components/ui/drawer/DrawerHeader.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerOverlay.vue.d.ts +0 -8
- package/dist/components/ui/drawer/DrawerOverlay.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerTitle.vue.d.ts +0 -23
- package/dist/components/ui/drawer/DrawerTitle.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/DrawerTrigger.vue.d.ts +0 -19
- package/dist/components/ui/drawer/DrawerTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/drawer/index.d.ts +0 -11
- package/dist/components/ui/drawer/index.d.ts.map +0 -1
- package/dist/components/ui/segmented-control/SegmentedControlList.vue.d.ts +0 -26
- package/dist/components/ui/segmented-control/SegmentedControlList.vue.d.ts.map +0 -1
- package/dist/components/ui/segmented-control/SegmentedControlTrigger.vue.d.ts +0 -24
- package/dist/components/ui/segmented-control/SegmentedControlTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/segmented-control/index.d.ts +0 -5
- package/dist/components/ui/segmented-control/index.d.ts.map +0 -1
- package/dist/components/ui/tooltip/Tooltip.vue.d.ts +0 -23
- package/dist/components/ui/tooltip/Tooltip.vue.d.ts.map +0 -1
- package/dist/components/ui/tooltip/TooltipContent.vue.d.ts +0 -31
- package/dist/components/ui/tooltip/TooltipContent.vue.d.ts.map +0 -1
- package/dist/components/ui/tooltip/TooltipProvider.vue.d.ts +0 -19
- package/dist/components/ui/tooltip/TooltipProvider.vue.d.ts.map +0 -1
- package/dist/components/ui/tooltip/TooltipTrigger.vue.d.ts +0 -19
- package/dist/components/ui/tooltip/TooltipTrigger.vue.d.ts.map +0 -1
- package/dist/components/ui/tooltip/index.d.ts +0 -5
- package/dist/components/ui/tooltip/index.d.ts.map +0 -1
- package/src/components/ui/dialog/Dialog.vue +0 -15
- package/src/components/ui/dialog/DialogClose.vue +0 -25
- package/src/components/ui/dialog/DialogContent.vue +0 -133
- package/src/components/ui/dialog/DialogFooter.vue +0 -46
- package/src/components/ui/dialog/DialogHeader.vue +0 -79
- package/src/components/ui/dialog/DialogTitle.vue +0 -34
- package/src/components/ui/dialog/DialogTrigger.vue +0 -12
- package/src/components/ui/dialog/index.ts +0 -7
- package/src/components/ui/drawer/Drawer.vue +0 -27
- package/src/components/ui/drawer/DrawerClose.vue +0 -37
- package/src/components/ui/drawer/DrawerContent.vue +0 -102
- package/src/components/ui/drawer/DrawerDescription.vue +0 -40
- package/src/components/ui/drawer/DrawerFooter.vue +0 -38
- package/src/components/ui/drawer/DrawerHeader.vue +0 -57
- package/src/components/ui/drawer/DrawerOverlay.vue +0 -34
- package/src/components/ui/drawer/DrawerTitle.vue +0 -37
- package/src/components/ui/drawer/DrawerTrigger.vue +0 -31
- package/src/components/ui/drawer/index.ts +0 -10
- package/src/components/ui/segmented-control/SegmentedControlList.vue +0 -51
- package/src/components/ui/segmented-control/SegmentedControlTrigger.vue +0 -81
- package/src/components/ui/segmented-control/index.ts +0 -4
- package/src/components/ui/tooltip/Tooltip.vue +0 -15
- package/src/components/ui/tooltip/TooltipContent.vue +0 -73
- package/src/components/ui/tooltip/TooltipProvider.vue +0 -15
- package/src/components/ui/tooltip/TooltipTrigger.vue +0 -22
- package/src/components/ui/tooltip/index.ts +0 -4
- package/src/stories/Dialog.stories.js +0 -832
- package/src/stories/DrawerNext.stories.js +0 -610
- package/src/stories/SegmentedControl.stories.js +0 -253
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { TabsListProps } from 'reka-ui';
|
|
2
|
-
import { HTMLAttributes } from 'vue';
|
|
3
|
-
type __VLS_Props = TabsListProps & {
|
|
4
|
-
size?: 'small' | 'medium';
|
|
5
|
-
class?: HTMLAttributes['class'];
|
|
6
|
-
};
|
|
7
|
-
declare function __VLS_template(): {
|
|
8
|
-
attrs: Partial<{}>;
|
|
9
|
-
slots: {
|
|
10
|
-
default?(_: {}): any;
|
|
11
|
-
};
|
|
12
|
-
refs: {};
|
|
13
|
-
rootEl: any;
|
|
14
|
-
};
|
|
15
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
17
|
-
size: "small" | "medium";
|
|
18
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
20
|
-
export default _default;
|
|
21
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
22
|
-
new (): {
|
|
23
|
-
$slots: S;
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=SegmentedControlList.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControlList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/segmented-control/SegmentedControlList.vue"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1C,KAAK,WAAW,GAAG,aAAa,GAAG;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAsBN,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;UA/ER,OAAO,GAAG,QAAQ;6EAuF7B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { TabsTriggerProps } from 'reka-ui';
|
|
2
|
-
import { HTMLAttributes } from 'vue';
|
|
3
|
-
type __VLS_Props = TabsTriggerProps & {
|
|
4
|
-
size?: 'small' | 'medium';
|
|
5
|
-
class?: HTMLAttributes['class'];
|
|
6
|
-
};
|
|
7
|
-
declare function __VLS_template(): {
|
|
8
|
-
attrs: Partial<{}>;
|
|
9
|
-
slots: {
|
|
10
|
-
default?(_: {}): any;
|
|
11
|
-
};
|
|
12
|
-
refs: {};
|
|
13
|
-
rootEl: any;
|
|
14
|
-
};
|
|
15
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
17
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
-
new (): {
|
|
21
|
-
$slots: S;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=SegmentedControlTrigger.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControlTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/segmented-control/SegmentedControlTrigger.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAe,MAAM,KAAK,CAAC;AAMvD,KAAK,WAAW,GAAG,gBAAgB,GAAG;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAkBJ,iBAAS,cAAc;WAmDT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as SegmentedControl } from '../tabs/Tabs.vue';
|
|
2
|
-
export { default as SegmentedControlContent } from '../tabs/TabsContent.vue';
|
|
3
|
-
export { default as SegmentedControlList } from './SegmentedControlList.vue';
|
|
4
|
-
export { default as SegmentedControlTrigger } from './SegmentedControlTrigger.vue';
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/segmented-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { TooltipRootProps } from 'reka-ui';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
default?(_: {}): any;
|
|
6
|
-
};
|
|
7
|
-
refs: {};
|
|
8
|
-
rootEl: any;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<TooltipRootProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
-
"update:open": (value: boolean) => any;
|
|
13
|
-
}, string, import('vue').PublicProps, Readonly<TooltipRootProps> & Readonly<{
|
|
14
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
15
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
16
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
-
export default _default;
|
|
18
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
-
new (): {
|
|
20
|
-
$slots: S;
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=Tooltip.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYlE,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { TooltipContentProps } from 'reka-ui';
|
|
2
|
-
import { HTMLAttributes } from 'vue';
|
|
3
|
-
type __VLS_Props = TooltipContentProps & {
|
|
4
|
-
class?: HTMLAttributes['class'];
|
|
5
|
-
};
|
|
6
|
-
declare function __VLS_template(): {
|
|
7
|
-
attrs: Partial<{}>;
|
|
8
|
-
slots: {
|
|
9
|
-
default?(_: {}): any;
|
|
10
|
-
};
|
|
11
|
-
refs: {};
|
|
12
|
-
rootEl: any;
|
|
13
|
-
};
|
|
14
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
-
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
-
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
17
|
-
pointerDownOutside: (event: Event) => any;
|
|
18
|
-
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
19
|
-
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
20
|
-
onPointerDownOutside?: ((event: Event) => any) | undefined;
|
|
21
|
-
}>, {
|
|
22
|
-
sideOffset: number;
|
|
23
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
|
-
export default _default;
|
|
26
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
-
new (): {
|
|
28
|
-
$slots: S;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=TooltipContent.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipContent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/TooltipContent.vue"],"names":[],"mappings":"AA2EA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAc1C,KAAK,WAAW,GAAG,mBAAmB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAoB7E,iBAAS,cAAc;WAkET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;6EAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TooltipProviderProps } from 'reka-ui';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
default?(_: {}): any;
|
|
6
|
-
};
|
|
7
|
-
refs: {};
|
|
8
|
-
rootEl: any;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
-
new (): {
|
|
16
|
-
$slots: S;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=TooltipProvider.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipProvider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/TooltipProvider.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAQpD,iBAAS,cAAc;WAkCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,oTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { TooltipTriggerProps } from 'reka-ui';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
default?(_: {}): any;
|
|
6
|
-
};
|
|
7
|
-
refs: {};
|
|
8
|
-
rootEl: any;
|
|
9
|
-
};
|
|
10
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<TooltipTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TooltipTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
12
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
|
-
export default _default;
|
|
14
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
15
|
-
new (): {
|
|
16
|
-
$slots: S;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
//# sourceMappingURL=TooltipTrigger.vue.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/TooltipTrigger.vue"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQnD,iBAAS,cAAc;WAwCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { default as Tooltip } from './Tooltip.vue';
|
|
2
|
-
export { default as TooltipContent } from './TooltipContent.vue';
|
|
3
|
-
export { default as TooltipProvider } from './TooltipProvider.vue';
|
|
4
|
-
export { default as TooltipTrigger } from './TooltipTrigger.vue';
|
|
5
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { DialogRootEmits, DialogRootProps } from 'reka-ui';
|
|
3
|
-
import { DialogRoot, useForwardPropsEmits } from 'reka-ui';
|
|
4
|
-
|
|
5
|
-
const props = defineProps<DialogRootProps>();
|
|
6
|
-
const emits = defineEmits<DialogRootEmits>();
|
|
7
|
-
|
|
8
|
-
const forwarded = useForwardPropsEmits(props, emits);
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<template>
|
|
12
|
-
<DialogRoot v-bind="forwarded">
|
|
13
|
-
<slot />
|
|
14
|
-
</DialogRoot>
|
|
15
|
-
</template>
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { DialogCloseProps } from 'reka-ui';
|
|
3
|
-
import { DialogClose } from 'reka-ui';
|
|
4
|
-
|
|
5
|
-
const props = defineProps<DialogCloseProps>();
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<DialogClose
|
|
10
|
-
class="unnnic-dialog-close"
|
|
11
|
-
v-bind="props"
|
|
12
|
-
>
|
|
13
|
-
<slot />
|
|
14
|
-
</DialogClose>
|
|
15
|
-
</template>
|
|
16
|
-
|
|
17
|
-
<style lang="scss" scoped>
|
|
18
|
-
@use '@/assets/scss/unnnic' as *;
|
|
19
|
-
|
|
20
|
-
.unnnic-dialog-close {
|
|
21
|
-
> * {
|
|
22
|
-
width: 100%;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
</style>
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { DialogContentEmits, DialogContentProps } from 'reka-ui';
|
|
3
|
-
import type { HTMLAttributes, Component } from 'vue';
|
|
4
|
-
import { computed, h } from 'vue';
|
|
5
|
-
import { reactiveOmit } from '@vueuse/core';
|
|
6
|
-
import {
|
|
7
|
-
DialogContent,
|
|
8
|
-
DialogOverlay,
|
|
9
|
-
DialogPortal,
|
|
10
|
-
useForwardPropsEmits,
|
|
11
|
-
} from 'reka-ui';
|
|
12
|
-
import { cn } from '@/lib/utils';
|
|
13
|
-
|
|
14
|
-
const props = withDefaults(
|
|
15
|
-
defineProps<
|
|
16
|
-
DialogContentProps & {
|
|
17
|
-
parentClass?: HTMLAttributes['class'];
|
|
18
|
-
class?: HTMLAttributes['class'];
|
|
19
|
-
size?: 'small' | 'medium' | 'large';
|
|
20
|
-
}
|
|
21
|
-
>(),
|
|
22
|
-
{
|
|
23
|
-
size: 'medium',
|
|
24
|
-
parentClass: '', // This class should be temporary, to be discontinued with the ModalDialog component
|
|
25
|
-
class: '',
|
|
26
|
-
},
|
|
27
|
-
);
|
|
28
|
-
const emits = defineEmits<DialogContentEmits>();
|
|
29
|
-
|
|
30
|
-
const delegatedProps = reactiveOmit(props, 'class', 'parentClass');
|
|
31
|
-
|
|
32
|
-
const forwarded = useForwardPropsEmits(delegatedProps, emits);
|
|
33
|
-
|
|
34
|
-
const contentClasses = computed(() =>
|
|
35
|
-
cn(
|
|
36
|
-
'unnnic-dialog-content',
|
|
37
|
-
`unnnic-dialog-content--size-${props.size}`,
|
|
38
|
-
'duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',
|
|
39
|
-
props.class,
|
|
40
|
-
),
|
|
41
|
-
);
|
|
42
|
-
|
|
43
|
-
// This component is used to wrap the DialogContent component in a section if the parentClass is provided
|
|
44
|
-
// This is a temporary solution, to be discontinued with the ModalDialog component
|
|
45
|
-
const ConditionalWrapper: Component = (_, { slots }) => {
|
|
46
|
-
const content = slots.default?.();
|
|
47
|
-
return props.parentClass
|
|
48
|
-
? h('section', { class: props.parentClass }, content)
|
|
49
|
-
: content;
|
|
50
|
-
};
|
|
51
|
-
</script>
|
|
52
|
-
|
|
53
|
-
<template>
|
|
54
|
-
<DialogPortal>
|
|
55
|
-
<DialogOverlay
|
|
56
|
-
class="unnnic-dialog-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
|
|
57
|
-
/>
|
|
58
|
-
|
|
59
|
-
<ConditionalWrapper>
|
|
60
|
-
<DialogContent
|
|
61
|
-
v-bind="forwarded"
|
|
62
|
-
:class="contentClasses"
|
|
63
|
-
>
|
|
64
|
-
<slot />
|
|
65
|
-
</DialogContent>
|
|
66
|
-
</ConditionalWrapper>
|
|
67
|
-
</DialogPortal>
|
|
68
|
-
</template>
|
|
69
|
-
|
|
70
|
-
<style lang="scss" scoped>
|
|
71
|
-
@use '@/assets/scss/unnnic' as *;
|
|
72
|
-
|
|
73
|
-
.unnnic-dialog-overlay {
|
|
74
|
-
position: fixed;
|
|
75
|
-
top: 0;
|
|
76
|
-
left: 0;
|
|
77
|
-
z-index: 9999;
|
|
78
|
-
|
|
79
|
-
width: 100vw;
|
|
80
|
-
height: 100vh;
|
|
81
|
-
background: rgba(53, 57, 69, 0.5);
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
.unnnic-dialog-content {
|
|
85
|
-
z-index: 10000;
|
|
86
|
-
|
|
87
|
-
position: fixed;
|
|
88
|
-
top: 50%;
|
|
89
|
-
left: 50%;
|
|
90
|
-
|
|
91
|
-
overflow: hidden;
|
|
92
|
-
|
|
93
|
-
transform: translate(-50%, -50%);
|
|
94
|
-
|
|
95
|
-
width: 100%;
|
|
96
|
-
max-height: calc(100% - $unnnic-space-20);
|
|
97
|
-
|
|
98
|
-
display: flex;
|
|
99
|
-
flex-direction: column;
|
|
100
|
-
|
|
101
|
-
box-shadow: $unnnic-shadow-2;
|
|
102
|
-
border-radius: $unnnic-radius-4;
|
|
103
|
-
background-color: $unnnic-color-bg-base;
|
|
104
|
-
|
|
105
|
-
&--size-small {
|
|
106
|
-
max-width: 360px;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
&--size-medium {
|
|
110
|
-
max-width: 560px;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
&--size-large {
|
|
114
|
-
max-width: 800px;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
> * {
|
|
118
|
-
&::-webkit-scrollbar {
|
|
119
|
-
width: $unnnic-spacing-inline-nano;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
&::-webkit-scrollbar-thumb {
|
|
123
|
-
background: $unnnic-color-neutral-cleanest;
|
|
124
|
-
border-radius: $unnnic-border-radius-pill;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
&::-webkit-scrollbar-track {
|
|
128
|
-
background: $unnnic-color-neutral-soft;
|
|
129
|
-
border-radius: $unnnic-border-radius-pill;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
</style>
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { HTMLAttributes } from 'vue';
|
|
3
|
-
import { cn } from '@/lib/utils';
|
|
4
|
-
|
|
5
|
-
const props = withDefaults(
|
|
6
|
-
defineProps<{ class?: HTMLAttributes['class']; divider?: boolean }>(),
|
|
7
|
-
{
|
|
8
|
-
divider: true,
|
|
9
|
-
},
|
|
10
|
-
);
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<template>
|
|
14
|
-
<footer
|
|
15
|
-
:class="
|
|
16
|
-
cn(
|
|
17
|
-
'unnnic-dialog-footer',
|
|
18
|
-
{ 'unnnic-dialog-footer--with-divider': props.divider },
|
|
19
|
-
props.class,
|
|
20
|
-
)
|
|
21
|
-
"
|
|
22
|
-
>
|
|
23
|
-
<slot />
|
|
24
|
-
</footer>
|
|
25
|
-
</template>
|
|
26
|
-
|
|
27
|
-
<style lang="scss" scoped>
|
|
28
|
-
@use '@/assets/scss/unnnic' as *;
|
|
29
|
-
|
|
30
|
-
.unnnic-dialog-footer {
|
|
31
|
-
display: flex;
|
|
32
|
-
justify-content: center;
|
|
33
|
-
align-items: center;
|
|
34
|
-
gap: $unnnic-space-2;
|
|
35
|
-
|
|
36
|
-
padding: $unnnic-space-6;
|
|
37
|
-
|
|
38
|
-
&--with-divider {
|
|
39
|
-
border-top: 1px solid $unnnic-color-border-soft;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
> * {
|
|
43
|
-
width: 100%;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
</style>
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { HTMLAttributes } from 'vue';
|
|
3
|
-
import { cn } from '@/lib/utils';
|
|
4
|
-
import UnnnicButton from '@/components/Button/Button.vue';
|
|
5
|
-
import DialogClose from './DialogClose.vue';
|
|
6
|
-
import UnnnicIcon, { SchemeColor } from '@/components/Icon.vue';
|
|
7
|
-
|
|
8
|
-
const props = withDefaults(
|
|
9
|
-
defineProps<{
|
|
10
|
-
class?: HTMLAttributes['class'];
|
|
11
|
-
divider?: boolean;
|
|
12
|
-
type?: 'default' | 'success' | 'warning' | 'attention';
|
|
13
|
-
closeButton?: boolean;
|
|
14
|
-
}>(),
|
|
15
|
-
{
|
|
16
|
-
divider: true,
|
|
17
|
-
closeButton: true,
|
|
18
|
-
type: 'default',
|
|
19
|
-
},
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
const iconsMapper = {
|
|
23
|
-
default: { icon: '', scheme: '' as SchemeColor },
|
|
24
|
-
success: { icon: 'check_circle', scheme: 'aux-green-500' as SchemeColor },
|
|
25
|
-
warning: { icon: 'warning', scheme: 'aux-red-500' as SchemeColor },
|
|
26
|
-
attention: { icon: 'error', scheme: 'aux-yellow-500' as SchemeColor },
|
|
27
|
-
};
|
|
28
|
-
</script>
|
|
29
|
-
|
|
30
|
-
<template>
|
|
31
|
-
<header
|
|
32
|
-
:class="
|
|
33
|
-
cn(
|
|
34
|
-
'unnnic-dialog-header',
|
|
35
|
-
{ 'unnnic-dialog-header--with-divider': props.divider },
|
|
36
|
-
props.class,
|
|
37
|
-
)
|
|
38
|
-
"
|
|
39
|
-
>
|
|
40
|
-
<UnnnicIcon
|
|
41
|
-
v-if="iconsMapper[props.type]?.icon"
|
|
42
|
-
:icon="iconsMapper[props.type]?.icon"
|
|
43
|
-
:scheme="iconsMapper[props.type]?.scheme"
|
|
44
|
-
size="md"
|
|
45
|
-
/>
|
|
46
|
-
<slot />
|
|
47
|
-
|
|
48
|
-
<DialogClose
|
|
49
|
-
v-if="props.closeButton"
|
|
50
|
-
class="unnnic-dialog-header__close"
|
|
51
|
-
>
|
|
52
|
-
<UnnnicButton
|
|
53
|
-
type="tertiary"
|
|
54
|
-
iconCenter="close"
|
|
55
|
-
size="small"
|
|
56
|
-
/>
|
|
57
|
-
</DialogClose>
|
|
58
|
-
</header>
|
|
59
|
-
</template>
|
|
60
|
-
|
|
61
|
-
<style lang="scss" scoped>
|
|
62
|
-
@use '@/assets/scss/unnnic' as *;
|
|
63
|
-
|
|
64
|
-
.unnnic-dialog-header {
|
|
65
|
-
display: flex;
|
|
66
|
-
align-items: center;
|
|
67
|
-
gap: $unnnic-space-2;
|
|
68
|
-
|
|
69
|
-
padding: $unnnic-space-6;
|
|
70
|
-
|
|
71
|
-
&--with-divider {
|
|
72
|
-
border-bottom: 1px solid $unnnic-color-border-soft;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
&__close {
|
|
76
|
-
margin-left: auto;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
</style>
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { DialogTitleProps } from 'reka-ui';
|
|
3
|
-
import type { HTMLAttributes } from 'vue';
|
|
4
|
-
import { reactiveOmit } from '@vueuse/core';
|
|
5
|
-
import { DialogTitle, useForwardProps } from 'reka-ui';
|
|
6
|
-
import { cn } from '@/lib/utils';
|
|
7
|
-
|
|
8
|
-
const props = defineProps<
|
|
9
|
-
DialogTitleProps & { class?: HTMLAttributes['class'] }
|
|
10
|
-
>();
|
|
11
|
-
|
|
12
|
-
const delegatedProps = reactiveOmit(props, 'class');
|
|
13
|
-
|
|
14
|
-
const forwardedProps = useForwardProps(delegatedProps);
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<template>
|
|
18
|
-
<DialogTitle
|
|
19
|
-
v-bind="forwardedProps"
|
|
20
|
-
:class="cn('unnnic-dialog-title', props.class)"
|
|
21
|
-
>
|
|
22
|
-
<slot />
|
|
23
|
-
</DialogTitle>
|
|
24
|
-
</template>
|
|
25
|
-
|
|
26
|
-
<style lang="scss" scoped>
|
|
27
|
-
@use '@/assets/scss/unnnic' as *;
|
|
28
|
-
|
|
29
|
-
.unnnic-dialog-title {
|
|
30
|
-
font: $unnnic-font-display-2;
|
|
31
|
-
color: $unnnic-color-fg-emphasized;
|
|
32
|
-
margin: 0;
|
|
33
|
-
}
|
|
34
|
-
</style>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { DialogTriggerProps } from 'reka-ui';
|
|
3
|
-
import { DialogTrigger } from 'reka-ui';
|
|
4
|
-
|
|
5
|
-
const props = defineProps<DialogTriggerProps>();
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<DialogTrigger v-bind="props">
|
|
10
|
-
<slot />
|
|
11
|
-
</DialogTrigger>
|
|
12
|
-
</template>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { default as Dialog } from './Dialog.vue';
|
|
2
|
-
export { default as DialogClose } from './DialogClose.vue';
|
|
3
|
-
export { default as DialogContent } from './DialogContent.vue';
|
|
4
|
-
export { default as DialogFooter } from './DialogFooter.vue';
|
|
5
|
-
export { default as DialogHeader } from './DialogHeader.vue';
|
|
6
|
-
export { default as DialogTitle } from './DialogTitle.vue';
|
|
7
|
-
export { default as DialogTrigger } from './DialogTrigger.vue';
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import type { DrawerRootEmits, DrawerRootProps } from 'vaul-vue';
|
|
3
|
-
import { useForwardPropsEmits } from 'reka-ui';
|
|
4
|
-
import { DrawerRoot } from 'vaul-vue';
|
|
5
|
-
|
|
6
|
-
defineOptions({
|
|
7
|
-
name: 'UnnnicDrawerNext',
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
const props = withDefaults(defineProps<DrawerRootProps>(), {
|
|
11
|
-
shouldScaleBackground: true,
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
const emits = defineEmits<DrawerRootEmits>();
|
|
15
|
-
|
|
16
|
-
const forwarded = useForwardPropsEmits(props, emits);
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<template>
|
|
20
|
-
<DrawerRoot
|
|
21
|
-
v-bind="forwarded"
|
|
22
|
-
direction="right"
|
|
23
|
-
handleOnly
|
|
24
|
-
>
|
|
25
|
-
<slot />
|
|
26
|
-
</DrawerRoot>
|
|
27
|
-
</template>
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import type { DrawerCloseProps } from 'vaul-vue';
|
|
3
|
-
import { DrawerClose } from 'vaul-vue';
|
|
4
|
-
|
|
5
|
-
defineOptions({
|
|
6
|
-
name: 'UnnnicDrawerClose',
|
|
7
|
-
});
|
|
8
|
-
|
|
9
|
-
const props = defineProps<DrawerCloseProps>();
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<template>
|
|
13
|
-
<DrawerClose
|
|
14
|
-
v-bind="props"
|
|
15
|
-
class="unnnic-drawer__close"
|
|
16
|
-
>
|
|
17
|
-
<slot />
|
|
18
|
-
</DrawerClose>
|
|
19
|
-
</template>
|
|
20
|
-
|
|
21
|
-
<style lang="scss" scoped>
|
|
22
|
-
@use '@/assets/scss/unnnic' as *;
|
|
23
|
-
|
|
24
|
-
.unnnic-drawer__close {
|
|
25
|
-
display: flex;
|
|
26
|
-
|
|
27
|
-
border: none;
|
|
28
|
-
background: none;
|
|
29
|
-
padding: 0;
|
|
30
|
-
margin: 0;
|
|
31
|
-
cursor: pointer;
|
|
32
|
-
|
|
33
|
-
> * {
|
|
34
|
-
width: 100%;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
</style>
|