@primereact/styles 11.0.0-alpha.1 → 11.0.0-alpha.10
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/accordion/Accordion.style.d.ts +3 -3
- package/accordion/index.d.ts +0 -1
- package/accordion/index.mjs +22 -1
- package/accordion/index.mjs.map +1 -1
- package/animateonscroll/AnimateOnScroll.style.d.ts +15 -0
- package/animateonscroll/index.d.ts +1 -0
- package/animateonscroll/index.mjs +2 -0
- package/animateonscroll/index.mjs.map +1 -0
- package/autocomplete/AutoComplete.style.d.ts +15 -0
- package/autocomplete/index.d.ts +1 -0
- package/autocomplete/index.mjs +30 -0
- package/autocomplete/index.mjs.map +1 -0
- package/avatar/Avatar.style.d.ts +3 -3
- package/avatar/index.mjs +1 -1
- package/avatar/index.mjs.map +1 -1
- package/badge/index.d.ts +0 -1
- package/badge/index.mjs +1 -1
- package/badge/index.mjs.map +1 -1
- package/base/index.mjs +21 -0
- package/base/index.mjs.map +1 -1
- package/breadcrumb/Breadcrumb.style.d.ts +15 -0
- package/breadcrumb/index.d.ts +1 -0
- package/breadcrumb/index.mjs +29 -0
- package/breadcrumb/index.mjs.map +1 -0
- package/button/index.d.ts +0 -1
- package/button/index.mjs +1 -1
- package/button/index.mjs.map +1 -1
- package/{button → buttongroup}/ButtonGroup.style.d.ts +2 -2
- package/buttongroup/index.d.ts +1 -0
- package/buttongroup/index.mjs +2 -0
- package/buttongroup/index.mjs.map +1 -0
- package/card/Card.style.d.ts +3 -3
- package/card/index.mjs.map +1 -1
- package/carousel/Carousel.style.d.ts +15 -0
- package/carousel/index.d.ts +1 -0
- package/carousel/index.mjs +49 -0
- package/carousel/index.mjs.map +1 -0
- package/checkbox/Checkbox.style.d.ts +3 -3
- package/checkbox/index.d.ts +0 -1
- package/checkbox/index.mjs +1 -1
- package/checkbox/index.mjs.map +1 -1
- package/{checkbox → checkboxgroup}/CheckboxGroup.style.d.ts +2 -2
- package/checkboxgroup/index.d.ts +1 -0
- package/checkboxgroup/index.mjs +2 -0
- package/checkboxgroup/index.mjs.map +1 -0
- package/chip/Chip.style.d.ts +3 -3
- package/chip/index.mjs +1 -1
- package/chip/index.mjs.map +1 -1
- package/{accordion/AccordionPanel.style.d.ts → colorpicker/ColorPicker.style.d.ts} +4 -4
- package/colorpicker/index.d.ts +1 -0
- package/colorpicker/index.mjs +139 -0
- package/colorpicker/index.mjs.map +1 -0
- package/commandmenu/CommandMenu.style.d.ts +15 -0
- package/commandmenu/index.d.ts +1 -0
- package/commandmenu/index.mjs +71 -0
- package/commandmenu/index.mjs.map +1 -0
- package/compare/Compare.style.d.ts +15 -0
- package/compare/index.d.ts +1 -0
- package/compare/index.mjs +55 -0
- package/compare/index.mjs.map +1 -0
- package/confirmdialog/ConfirmDialog.style.d.ts +15 -0
- package/confirmdialog/index.d.ts +1 -0
- package/confirmdialog/index.mjs +2 -0
- package/confirmdialog/index.mjs.map +1 -0
- package/confirmpopup/ConfirmPopup.style.d.ts +15 -0
- package/confirmpopup/index.d.ts +1 -0
- package/confirmpopup/index.mjs +2 -0
- package/confirmpopup/index.mjs.map +1 -0
- package/contextmenu/ContextMenu.style.d.ts +15 -0
- package/contextmenu/index.d.ts +1 -0
- package/contextmenu/index.mjs +2 -0
- package/contextmenu/index.mjs.map +1 -0
- package/dataview/DataView.style.d.ts +15 -0
- package/dataview/index.d.ts +1 -0
- package/dataview/index.mjs +2 -0
- package/dataview/index.mjs.map +1 -0
- package/datepicker/DatePicker.style.d.ts +15 -0
- package/datepicker/index.d.ts +1 -0
- package/datepicker/index.mjs +59 -0
- package/datepicker/index.mjs.map +1 -0
- package/dialog/Dialog.style.d.ts +15 -0
- package/dialog/index.d.ts +1 -0
- package/dialog/index.mjs +80 -0
- package/dialog/index.mjs.map +1 -0
- package/divider/Divider.style.d.ts +3 -3
- package/divider/index.mjs.map +1 -1
- package/drawer/Drawer.style.d.ts +15 -0
- package/drawer/index.d.ts +1 -0
- package/drawer/index.mjs +100 -0
- package/drawer/index.mjs.map +1 -0
- package/fieldset/Fieldset.style.d.ts +3 -3
- package/fieldset/index.mjs +8 -1
- package/fieldset/index.mjs.map +1 -1
- package/fileupload/FileUpload.style.d.ts +15 -0
- package/fileupload/index.d.ts +1 -0
- package/fileupload/index.mjs +2 -0
- package/fileupload/index.mjs.map +1 -0
- package/{label → floatlabel}/FloatLabel.style.d.ts +2 -2
- package/floatlabel/index.d.ts +1 -0
- package/floatlabel/index.mjs +2 -0
- package/floatlabel/index.mjs.map +1 -0
- package/fluid/Fluid.style.d.ts +15 -0
- package/fluid/index.d.ts +1 -0
- package/fluid/index.mjs +2 -0
- package/fluid/index.mjs.map +1 -0
- package/focustrap/FocusTrap.style.d.ts +15 -0
- package/focustrap/index.d.ts +1 -0
- package/focustrap/index.mjs +2 -0
- package/focustrap/index.mjs.map +1 -0
- package/gallery/Gallery.style.d.ts +15 -0
- package/gallery/index.d.ts +1 -0
- package/gallery/index.mjs +136 -0
- package/gallery/index.mjs.map +1 -0
- package/iconfield/IconField.style.d.ts +15 -0
- package/iconfield/index.d.ts +1 -0
- package/iconfield/index.mjs +2 -0
- package/iconfield/index.mjs.map +1 -0
- package/{label → iftalabel}/IftaLabel.style.d.ts +2 -2
- package/iftalabel/index.d.ts +1 -0
- package/iftalabel/index.mjs +2 -0
- package/iftalabel/index.mjs.map +1 -0
- package/inplace/Inplace.style.d.ts +3 -3
- package/inplace/index.mjs +1 -1
- package/inplace/index.mjs.map +1 -1
- package/inputgroup/InputGroup.style.d.ts +15 -0
- package/inputgroup/index.d.ts +1 -0
- package/inputgroup/index.mjs +2 -0
- package/inputgroup/index.mjs.map +1 -0
- package/inputnumber/InputNumber.style.d.ts +15 -0
- package/inputnumber/index.d.ts +1 -0
- package/inputnumber/index.mjs +2 -0
- package/inputnumber/index.mjs.map +1 -0
- package/inputotp/InputOtp.style.d.ts +15 -0
- package/inputotp/index.d.ts +1 -0
- package/inputotp/index.mjs +2 -0
- package/inputotp/index.mjs.map +1 -0
- package/inputtags/InputTags.style.d.ts +15 -0
- package/inputtags/index.d.ts +1 -0
- package/inputtags/index.mjs +82 -0
- package/inputtags/index.mjs.map +1 -0
- package/inputtext/index.mjs +1 -1
- package/inputtext/index.mjs.map +1 -1
- package/knob/Knob.style.d.ts +15 -0
- package/knob/index.d.ts +1 -0
- package/knob/index.mjs +2 -0
- package/knob/index.mjs.map +1 -0
- package/label/index.d.ts +0 -2
- package/label/index.mjs +1 -1
- package/label/index.mjs.map +1 -1
- package/listbox/Listbox.style.d.ts +15 -0
- package/listbox/index.d.ts +1 -0
- package/listbox/index.mjs +22 -0
- package/listbox/index.mjs.map +1 -0
- package/menu/Menu.style.d.ts +15 -0
- package/menu/index.d.ts +1 -0
- package/menu/index.mjs +121 -0
- package/menu/index.mjs.map +1 -0
- package/message/Message.style.d.ts +15 -0
- package/message/index.d.ts +1 -0
- package/message/index.mjs +2 -0
- package/message/index.mjs.map +1 -0
- package/metergroup/MeterGroup.style.d.ts +3 -3
- package/metergroup/index.mjs.map +1 -1
- package/orgchart/OrgChart.style.d.ts +15 -0
- package/orgchart/index.d.ts +1 -0
- package/orgchart/index.mjs +185 -0
- package/orgchart/index.mjs.map +1 -0
- package/{badge → overlaybadge}/OverlayBadge.style.d.ts +2 -2
- package/overlaybadge/index.d.ts +1 -0
- package/overlaybadge/index.mjs +2 -0
- package/overlaybadge/index.mjs.map +1 -0
- package/package.json +5 -5
- package/paginator/Paginator.style.d.ts +15 -0
- package/paginator/index.d.ts +1 -0
- package/paginator/index.mjs +26 -0
- package/paginator/index.mjs.map +1 -0
- package/panel/Panel.style.d.ts +3 -3
- package/panel/index.mjs +8 -1
- package/panel/index.mjs.map +1 -1
- package/password/Password.style.d.ts +15 -0
- package/password/index.d.ts +1 -0
- package/password/index.mjs +2 -0
- package/password/index.mjs.map +1 -0
- package/popover/Popover.style.d.ts +15 -0
- package/popover/index.d.ts +1 -0
- package/popover/index.mjs +88 -0
- package/popover/index.mjs.map +1 -0
- package/progressbar/ProgressBar.style.d.ts +3 -3
- package/progressbar/index.mjs +1 -1
- package/progressbar/index.mjs.map +1 -1
- package/radiobutton/RadioButton.style.d.ts +3 -3
- package/radiobutton/index.d.ts +0 -1
- package/radiobutton/index.mjs +1 -1
- package/radiobutton/index.mjs.map +1 -1
- package/{radiobutton → radiobuttongroup}/RadioButtonGroup.style.d.ts +2 -2
- package/radiobuttongroup/index.d.ts +1 -0
- package/radiobuttongroup/index.mjs +2 -0
- package/radiobuttongroup/index.mjs.map +1 -0
- package/rating/Rating.style.d.ts +15 -0
- package/rating/index.d.ts +1 -0
- package/rating/index.mjs +67 -0
- package/rating/index.mjs.map +1 -0
- package/scrollarea/ScrollArea.style.d.ts +3 -3
- package/scrollarea/index.mjs +1 -1
- package/scrollarea/index.mjs.map +1 -1
- package/select/Select.style.d.ts +15 -0
- package/select/index.d.ts +1 -0
- package/select/index.mjs +40 -0
- package/select/index.mjs.map +1 -0
- package/slider/Slider.style.d.ts +16 -0
- package/slider/index.d.ts +1 -0
- package/slider/index.mjs +104 -0
- package/slider/index.mjs.map +1 -0
- package/speeddial/SpeedDial.style.d.ts +15 -0
- package/speeddial/index.d.ts +1 -0
- package/speeddial/index.mjs +24 -0
- package/speeddial/index.mjs.map +1 -0
- package/splitter/Splitter.style.d.ts +3 -3
- package/splitter/index.mjs +1 -1
- package/splitter/index.mjs.map +1 -1
- package/stepper/Stepper.style.d.ts +3 -3
- package/stepper/index.mjs.map +1 -1
- package/switch/Switch.style.d.ts +3 -3
- package/switch/index.mjs +1 -1
- package/switch/index.mjs.map +1 -1
- package/tabs/Tabs.style.d.ts +3 -3
- package/tabs/index.mjs +1 -1
- package/tabs/index.mjs.map +1 -1
- package/tag/index.mjs +1 -1
- package/tag/index.mjs.map +1 -1
- package/terminal/Terminal.style.d.ts +15 -0
- package/terminal/index.d.ts +1 -0
- package/terminal/index.mjs +2 -0
- package/terminal/index.mjs.map +1 -0
- package/textarea/Textarea.style.d.ts +15 -0
- package/textarea/index.d.ts +1 -0
- package/textarea/index.mjs +2 -0
- package/textarea/index.mjs.map +1 -0
- package/timeline/Timeline.style.d.ts +15 -0
- package/timeline/index.d.ts +1 -0
- package/timeline/index.mjs +2 -0
- package/timeline/index.mjs.map +1 -0
- package/toast/Toast.style.d.ts +15 -0
- package/toast/index.d.ts +1 -0
- package/toast/index.mjs +208 -0
- package/toast/index.mjs.map +1 -0
- package/toaster/Toaster.style.d.ts +15 -0
- package/toaster/index.d.ts +1 -0
- package/toaster/index.mjs +41 -0
- package/toaster/index.mjs.map +1 -0
- package/togglebutton/ToggleButton.style.d.ts +3 -3
- package/togglebutton/index.d.ts +0 -1
- package/togglebutton/index.mjs +1 -1
- package/togglebutton/index.mjs.map +1 -1
- package/{togglebutton → togglebuttongroup}/ToggleButtonGroup.style.d.ts +2 -2
- package/togglebuttongroup/index.d.ts +1 -0
- package/togglebuttongroup/index.mjs +2 -0
- package/togglebuttongroup/index.mjs.map +1 -0
- package/toolbar/Toolbar.style.d.ts +3 -3
- package/toolbar/index.mjs.map +1 -1
- package/tooltip/Tooltip.style.d.ts +15 -0
- package/tooltip/index.d.ts +1 -0
- package/tooltip/index.mjs +64 -0
- package/tooltip/index.mjs.map +1 -0
- package/tree/Tree.style.d.ts +15 -0
- package/tree/index.d.ts +1 -0
- package/tree/index.mjs +2 -0
- package/tree/index.mjs.map +1 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TimelineRootInstance } from '@primereact/types/shared/timeline';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<TimelineRootInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<TimelineRootInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Timeline.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as t}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/timeline";var m=t({name:"timeline",style:n,classes:{root:({props:e})=>["p-timeline p-component","p-timeline-"+e.align,"p-timeline-"+e.orientation],event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"}});export{m as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/timeline/Timeline.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TimelineRootInstance } from '@primereact/types/shared/timeline';\nimport { style } from '@primeuix/styles/timeline';\n\nexport const styles = createStyles<TimelineRootInstance>({\n name: 'timeline',\n style,\n classes: {\n root: ({ props }) => ['p-timeline p-component', 'p-timeline-' + props.align, 'p-timeline-' + props.orientation],\n event: 'p-timeline-event',\n opposite: 'p-timeline-event-opposite',\n separator: 'p-timeline-event-separator',\n marker: 'p-timeline-event-marker',\n connector: 'p-timeline-event-connector',\n content: 'p-timeline-event-content'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,yBAA0B,cAAgBA,EAAM,MAAO,cAAgBA,EAAM,WAAW,EAC9G,MAAO,mBACP,SAAU,4BACV,UAAW,6BACX,OAAQ,0BACR,UAAW,6BACX,QAAS,0BACb,CACJ,CAAC","names":["createStyles","style","styles","props"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ToastRootInstance } from '@primereact/types/shared/toast';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<ToastRootInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<ToastRootInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
package/toast/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Toast.style';
|
package/toast/index.mjs
ADDED
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
import{createStyles as a}from"@primereact/styles/utils";var t=`
|
|
2
|
+
|
|
3
|
+
.p-toast-title {
|
|
4
|
+
font-size: 0.875rem;
|
|
5
|
+
font-weight: 600;
|
|
6
|
+
color: var(--title-color);
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.p-toast-description {
|
|
10
|
+
font-size: 0.875rem;
|
|
11
|
+
color: var(--description-color);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.p-toast-icon {
|
|
15
|
+
color: var(--icon-color);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.p-toast {
|
|
19
|
+
--offset-y: calc(var(--swipe-amount-y) + (var(--toast-offset) + var(--toast-index) * var(--gap)) * var(--raise-factor));
|
|
20
|
+
--offset-x: var(--swipe-amount-x);
|
|
21
|
+
width: 100%;
|
|
22
|
+
padding: 1rem;
|
|
23
|
+
border-radius: 0.5rem;
|
|
24
|
+
background-color: var(--background-color);
|
|
25
|
+
border: 1px solid var(--border-color);
|
|
26
|
+
color: var(--text-color);
|
|
27
|
+
outline: none;
|
|
28
|
+
position: absolute;
|
|
29
|
+
touch-action: none;
|
|
30
|
+
opacity: 0;
|
|
31
|
+
transform: translateX(var(--offset-x)) translateY(calc(100% * var(--raise-factor) * -1));
|
|
32
|
+
z-index: var(--toast-z-index);
|
|
33
|
+
box-shadow:
|
|
34
|
+
0 4px 6px -1px rgb(0 0 0 / 0.05),
|
|
35
|
+
0 2px 4px -2px rgb(0 0 0 / 0.05);
|
|
36
|
+
transition:
|
|
37
|
+
transform 0.3s,
|
|
38
|
+
opacity 0.3s,
|
|
39
|
+
height 0.3s;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.p-toast:focus-visible {
|
|
43
|
+
outline: 1px solid light-dark(var(--p-surface-950), var(--p-surface-0));
|
|
44
|
+
outline-offset: 2px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.p-toast[data-mounted] {
|
|
48
|
+
opacity: 1;
|
|
49
|
+
transform: translateY(0);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.p-toast:not([data-expanded]):not([data-front]) {
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
height: var(--front-toast-height);
|
|
55
|
+
transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--toast-index) * var(--gap))) scale(calc(var(--toast-index) * -0.05 + 1));
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.p-toast[data-mounted][data-expanded] {
|
|
59
|
+
height: var(--initial-height);
|
|
60
|
+
transform: translateX(var(--offset-x)) translateY(var(--offset-y));
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.p-toast[data-expanded]::after {
|
|
64
|
+
content: "";
|
|
65
|
+
position: absolute;
|
|
66
|
+
left: 0;
|
|
67
|
+
height: calc(var(--gap) + 1px);
|
|
68
|
+
width: 100%;
|
|
69
|
+
bottom: 100%;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.p-toast:not([data-visible]) {
|
|
73
|
+
opacity: 0;
|
|
74
|
+
pointer-events: none;
|
|
75
|
+
user-select: none;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.p-toast[data-removed][data-front]:not([data-swipe-out]) {
|
|
79
|
+
opacity: 0;
|
|
80
|
+
transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * -100%));
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.p-toast[data-removed]:not([data-front]):not([data-swipe-out])[data-expanded] {
|
|
84
|
+
opacity: 0;
|
|
85
|
+
transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--offset-y) * 0.4));
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.p-toast[data-removed]:not([data-front]):not([data-swipe-out]):not([data-expanded]) {
|
|
89
|
+
opacity: 0;
|
|
90
|
+
transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * 40% * -1));
|
|
91
|
+
transition:
|
|
92
|
+
transform 500ms,
|
|
93
|
+
opacity 200ms;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.p-toast[data-swiping] {
|
|
97
|
+
transition: none;
|
|
98
|
+
transform: translateX(var(--offset-x)) translateY(var(--offset-y)) !important;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.p-toast[data-swiped] {
|
|
102
|
+
-webkit-user-select: none;
|
|
103
|
+
user-select: none;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.p-toast[data-swipe-out][data-swipe-direction="up"] {
|
|
107
|
+
opacity: 0;
|
|
108
|
+
transform: translateX(var(--offset-x)) translateY(calc(var(--offset-y) - 100%)) !important;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.p-toast[data-swipe-out][data-swipe-direction="down"] {
|
|
112
|
+
opacity: 0;
|
|
113
|
+
transform: translateX(var(--offset-x)) translateY(calc(var(--offset-y) + 100%)) !important;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.p-toast[data-swipe-out][data-swipe-direction="left"] {
|
|
117
|
+
opacity: 0;
|
|
118
|
+
transform: translateX(calc(var(--offset-x) - 100%)) translateY(var(--offset-y)) !important;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.p-toast[data-swipe-out][data-swipe-direction="right"] {
|
|
122
|
+
opacity: 0;
|
|
123
|
+
transform: translateX(calc(var(--offset-x) + 100%)) translateY(var(--offset-y)) !important;
|
|
124
|
+
transition:
|
|
125
|
+
transform 500ms,
|
|
126
|
+
opacity 200ms;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.p-toast {
|
|
130
|
+
--background-color: light-dark(var(--p-surface-0), var(--p-surface-900));
|
|
131
|
+
--border-color: light-dark(var(--p-surface-200), var(--p-surface-800));
|
|
132
|
+
--text-color: light-dark(var(--p-surface-900), var(--p-surface-0));
|
|
133
|
+
--title-color: light-dark(var(--p-surface-800), var(--p-surface-100));
|
|
134
|
+
--description-color: light-dark(var(--p-surface-500), var(--p-surface-400));
|
|
135
|
+
--icon-color: light-dark(var(--p-surface-800), var(--p-surface-100));
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
.p-toast[data-rich-colors][data-variant="danger"] {
|
|
139
|
+
--background-color: light-dark(color-mix(in srgb, var(--p-red-50) 75%, white), color-mix(in srgb, var(--p-red-950) 50%, black));
|
|
140
|
+
--border-color: light-dark(var(--p-red-200), var(--p-red-950));
|
|
141
|
+
--text-color: light-dark(var(--p-red-500), var(--p-red-300));
|
|
142
|
+
--title-color: light-dark(var(--p-red-600), var(--p-red-300));
|
|
143
|
+
--description-color: light-dark(var(--p-red-500), var(--p-red-400));
|
|
144
|
+
--icon-color: light-dark(var(--p-red-600), var(--p-red-300));
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.p-toast[data-rich-colors][data-variant="success"] {
|
|
148
|
+
--background-color: light-dark(color-mix(in srgb, var(--p-emerald-50) 75%, white), color-mix(in srgb, var(--p-emerald-950) 50%, black));
|
|
149
|
+
--border-color: light-dark(var(--p-emerald-200), var(--p-emerald-950));
|
|
150
|
+
--text-color: light-dark(var(--p-emerald-500), var(--p-emerald-300));
|
|
151
|
+
--title-color: light-dark(var(--p-emerald-600), var(--p-emerald-300));
|
|
152
|
+
--description-color: light-dark(var(--p-emerald-500), var(--p-emerald-400));
|
|
153
|
+
--icon-color: light-dark(var(--p-emerald-600), var(--p-emerald-300));
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.p-toast[data-rich-colors][data-variant="info"] {
|
|
157
|
+
--background-color: light-dark(color-mix(in srgb, var(--p-blue-50) 75%, white), color-mix(in srgb, var(--p-blue-950) 50%, black));
|
|
158
|
+
--border-color: light-dark(var(--p-blue-200), var(--p-blue-950));
|
|
159
|
+
--text-color: light-dark(var(--p-blue-500), var(--p-blue-300));
|
|
160
|
+
--title-color: light-dark(var(--p-blue-600), var(--p-blue-300));
|
|
161
|
+
--description-color: light-dark(var(--p-blue-500), var(--p-blue-400));
|
|
162
|
+
--icon-color: light-dark(var(--p-blue-600), var(--p-blue-300));
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.p-toast[data-rich-colors][data-variant="warn"] {
|
|
166
|
+
--background-color: light-dark(color-mix(in srgb, var(--p-amber-50) 75%, white), color-mix(in srgb, var(--p-amber-950) 50%, black));
|
|
167
|
+
--border-color: light-dark(var(--p-amber-200), var(--p-amber-950));
|
|
168
|
+
--text-color: light-dark(var(--p-amber-500), var(--p-amber-300));
|
|
169
|
+
--title-color: light-dark(var(--p-amber-600), var(--p-amber-300));
|
|
170
|
+
--description-color: light-dark(var(--p-amber-500), var(--p-amber-400));
|
|
171
|
+
--icon-color: light-dark(var(--p-amber-600), var(--p-amber-300));
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.p-toaster-region[data-position="bottom-right"] .p-toast {
|
|
175
|
+
--raise-factor: -1;
|
|
176
|
+
bottom: 0;
|
|
177
|
+
right: 0;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.p-toaster-region[data-position="bottom-center"] .p-toast {
|
|
181
|
+
--raise-factor: -1;
|
|
182
|
+
bottom: 0;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.p-toaster-region[data-position="bottom-left"] .p-toast {
|
|
186
|
+
--raise-factor: -1;
|
|
187
|
+
bottom: 0;
|
|
188
|
+
left: 0;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.p-toaster-region[data-position="top-right"] .p-toast {
|
|
192
|
+
--raise-factor: 1;
|
|
193
|
+
top: 0;
|
|
194
|
+
right: 0;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.p-toaster-region[data-position="top-center"] .p-toast {
|
|
198
|
+
--raise-factor: 1;
|
|
199
|
+
top: 0;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.p-toaster-region[data-position="top-left"] .p-toast {
|
|
203
|
+
--raise-factor: 1;
|
|
204
|
+
top: 0;
|
|
205
|
+
left: 0;
|
|
206
|
+
}
|
|
207
|
+
`,o=a({name:"toast",style:t,classes:{root:"p-toast",title:"p-toast-title",icon:"p-toast-icon",description:"p-toast-description",close:"p-toast-close",action:"p-toast-action"}});export{o as styles};
|
|
208
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/toast/Toast.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastRootInstance } from '@primereact/types/shared/toast';\n\nconst style = /*css*/ `\n\n.p-toast-title {\n font-size: 0.875rem;\n font-weight: 600;\n color: var(--title-color);\n}\n\n.p-toast-description {\n font-size: 0.875rem;\n color: var(--description-color);\n}\n\n.p-toast-icon {\n color: var(--icon-color);\n}\n\n.p-toast {\n --offset-y: calc(var(--swipe-amount-y) + (var(--toast-offset) + var(--toast-index) * var(--gap)) * var(--raise-factor));\n --offset-x: var(--swipe-amount-x);\n width: 100%;\n padding: 1rem;\n border-radius: 0.5rem;\n background-color: var(--background-color);\n border: 1px solid var(--border-color);\n color: var(--text-color);\n outline: none;\n position: absolute;\n touch-action: none;\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(100% * var(--raise-factor) * -1));\n z-index: var(--toast-z-index);\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 0.05),\n 0 2px 4px -2px rgb(0 0 0 / 0.05);\n transition:\n transform 0.3s,\n opacity 0.3s,\n height 0.3s;\n}\n\n.p-toast:focus-visible {\n outline: 1px solid light-dark(var(--p-surface-950), var(--p-surface-0));\n outline-offset: 2px;\n}\n\n.p-toast[data-mounted] {\n opacity: 1;\n transform: translateY(0);\n}\n\n.p-toast:not([data-expanded]):not([data-front]) {\n overflow: hidden;\n height: var(--front-toast-height);\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--toast-index) * var(--gap))) scale(calc(var(--toast-index) * -0.05 + 1));\n}\n\n.p-toast[data-mounted][data-expanded] {\n height: var(--initial-height);\n transform: translateX(var(--offset-x)) translateY(var(--offset-y));\n}\n\n.p-toast[data-expanded]::after {\n content: \"\";\n position: absolute;\n left: 0;\n height: calc(var(--gap) + 1px);\n width: 100%;\n bottom: 100%;\n}\n\n.p-toast:not([data-visible]) {\n opacity: 0;\n pointer-events: none;\n user-select: none;\n}\n\n.p-toast[data-removed][data-front]:not([data-swipe-out]) {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * -100%));\n}\n\n.p-toast[data-removed]:not([data-front]):not([data-swipe-out])[data-expanded] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * var(--offset-y) * 0.4));\n}\n\n.p-toast[data-removed]:not([data-front]):not([data-swipe-out]):not([data-expanded]) {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--raise-factor) * 40% * -1));\n transition:\n transform 500ms,\n opacity 200ms;\n}\n\n.p-toast[data-swiping] {\n transition: none;\n transform: translateX(var(--offset-x)) translateY(var(--offset-y)) !important;\n}\n\n.p-toast[data-swiped] {\n -webkit-user-select: none;\n user-select: none;\n}\n\n.p-toast[data-swipe-out][data-swipe-direction=\"up\"] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--offset-y) - 100%)) !important;\n}\n\n.p-toast[data-swipe-out][data-swipe-direction=\"down\"] {\n opacity: 0;\n transform: translateX(var(--offset-x)) translateY(calc(var(--offset-y) + 100%)) !important;\n}\n\n.p-toast[data-swipe-out][data-swipe-direction=\"left\"] {\n opacity: 0;\n transform: translateX(calc(var(--offset-x) - 100%)) translateY(var(--offset-y)) !important;\n}\n\n.p-toast[data-swipe-out][data-swipe-direction=\"right\"] {\n opacity: 0;\n transform: translateX(calc(var(--offset-x) + 100%)) translateY(var(--offset-y)) !important;\n transition:\n transform 500ms,\n opacity 200ms;\n}\n\n.p-toast {\n --background-color: light-dark(var(--p-surface-0), var(--p-surface-900));\n --border-color: light-dark(var(--p-surface-200), var(--p-surface-800));\n --text-color: light-dark(var(--p-surface-900), var(--p-surface-0));\n --title-color: light-dark(var(--p-surface-800), var(--p-surface-100));\n --description-color: light-dark(var(--p-surface-500), var(--p-surface-400));\n --icon-color: light-dark(var(--p-surface-800), var(--p-surface-100));\n}\n\n.p-toast[data-rich-colors][data-variant=\"danger\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-red-50) 75%, white), color-mix(in srgb, var(--p-red-950) 50%, black));\n --border-color: light-dark(var(--p-red-200), var(--p-red-950));\n --text-color: light-dark(var(--p-red-500), var(--p-red-300));\n --title-color: light-dark(var(--p-red-600), var(--p-red-300));\n --description-color: light-dark(var(--p-red-500), var(--p-red-400));\n --icon-color: light-dark(var(--p-red-600), var(--p-red-300));\n}\n\n.p-toast[data-rich-colors][data-variant=\"success\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-emerald-50) 75%, white), color-mix(in srgb, var(--p-emerald-950) 50%, black));\n --border-color: light-dark(var(--p-emerald-200), var(--p-emerald-950));\n --text-color: light-dark(var(--p-emerald-500), var(--p-emerald-300));\n --title-color: light-dark(var(--p-emerald-600), var(--p-emerald-300));\n --description-color: light-dark(var(--p-emerald-500), var(--p-emerald-400));\n --icon-color: light-dark(var(--p-emerald-600), var(--p-emerald-300));\n}\n\n.p-toast[data-rich-colors][data-variant=\"info\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-blue-50) 75%, white), color-mix(in srgb, var(--p-blue-950) 50%, black));\n --border-color: light-dark(var(--p-blue-200), var(--p-blue-950));\n --text-color: light-dark(var(--p-blue-500), var(--p-blue-300));\n --title-color: light-dark(var(--p-blue-600), var(--p-blue-300));\n --description-color: light-dark(var(--p-blue-500), var(--p-blue-400));\n --icon-color: light-dark(var(--p-blue-600), var(--p-blue-300));\n}\n\n.p-toast[data-rich-colors][data-variant=\"warn\"] {\n --background-color: light-dark(color-mix(in srgb, var(--p-amber-50) 75%, white), color-mix(in srgb, var(--p-amber-950) 50%, black));\n --border-color: light-dark(var(--p-amber-200), var(--p-amber-950));\n --text-color: light-dark(var(--p-amber-500), var(--p-amber-300));\n --title-color: light-dark(var(--p-amber-600), var(--p-amber-300));\n --description-color: light-dark(var(--p-amber-500), var(--p-amber-400));\n --icon-color: light-dark(var(--p-amber-600), var(--p-amber-300));\n}\n\n.p-toaster-region[data-position=\"bottom-right\"] .p-toast {\n --raise-factor: -1;\n bottom: 0;\n right: 0;\n}\n\n.p-toaster-region[data-position=\"bottom-center\"] .p-toast {\n --raise-factor: -1;\n bottom: 0;\n}\n\n.p-toaster-region[data-position=\"bottom-left\"] .p-toast {\n --raise-factor: -1;\n bottom: 0;\n left: 0;\n}\n\n.p-toaster-region[data-position=\"top-right\"] .p-toast {\n --raise-factor: 1;\n top: 0;\n right: 0;\n}\n\n.p-toaster-region[data-position=\"top-center\"] .p-toast {\n --raise-factor: 1;\n top: 0;\n}\n\n.p-toaster-region[data-position=\"top-left\"] .p-toast {\n --raise-factor: 1;\n top: 0;\n left: 0;\n}\n`;\n\nexport const styles = createStyles<ToastRootInstance>({\n name: 'toast',\n style,\n classes: {\n root: 'p-toast',\n title: 'p-toast-title',\n icon: 'p-toast-icon',\n description: 'p-toast-description',\n close: 'p-toast-close',\n action: 'p-toast-action'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgNTC,EAASF,EAAgC,CAClD,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,UACN,MAAO,gBACP,KAAM,eACN,YAAa,sBACb,MAAO,gBACP,OAAQ,gBACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ToastRootInstance } from '@primereact/types/shared/toast';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<ToastRootInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<ToastRootInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Toaster.style';
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import{createStyles as t}from"@primereact/styles/utils";var o=`
|
|
2
|
+
.p-toaster-region {
|
|
3
|
+
position: fixed;
|
|
4
|
+
width: 18.75rem;
|
|
5
|
+
z-index: 2000;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.p-toaster-region[data-position="bottom-right"] {
|
|
9
|
+
right: 2rem;
|
|
10
|
+
bottom: 2rem;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.p-toaster-region[data-position="bottom-center"] {
|
|
14
|
+
bottom: 2rem;
|
|
15
|
+
left: 50%;
|
|
16
|
+
transform: translateX(-50%);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.p-toaster-region[data-position="bottom-left"] {
|
|
20
|
+
left: 2rem;
|
|
21
|
+
bottom: 2rem;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.p-toaster-region[data-position="top-right"] {
|
|
25
|
+
right: 2rem;
|
|
26
|
+
top: 2rem;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.p-toaster-region[data-position="top-center"] {
|
|
30
|
+
left: 50%;
|
|
31
|
+
transform: translateX(-50%);
|
|
32
|
+
top: 2rem;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.p-toaster-region[data-position="top-left"] {
|
|
36
|
+
left: 2rem;
|
|
37
|
+
top: 2rem;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
`,r=t({name:"toaster",style:o,classes:{region:"p-toaster-region"}});export{r as styles};
|
|
41
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/toaster/Toaster.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastRootInstance } from '@primereact/types/shared/toast';\n\nconst style = /*css*/ `\n.p-toaster-region {\n position: fixed;\n width: 18.75rem;\n z-index: 2000;\n}\n\n.p-toaster-region[data-position=\"bottom-right\"] {\n right: 2rem;\n bottom: 2rem;\n}\n\n.p-toaster-region[data-position=\"bottom-center\"] {\n bottom: 2rem;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toaster-region[data-position=\"bottom-left\"] {\n left: 2rem;\n bottom: 2rem;\n}\n\n.p-toaster-region[data-position=\"top-right\"] {\n right: 2rem;\n top: 2rem;\n}\n\n.p-toaster-region[data-position=\"top-center\"] {\n left: 50%;\n transform: translateX(-50%);\n top: 2rem;\n}\n\n.p-toaster-region[data-position=\"top-left\"] {\n left: 2rem;\n top: 2rem;\n}\n\n`;\n\nexport const styles = createStyles<ToastRootInstance>({\n name: 'toaster',\n style,\n classes: {\n region: 'p-toaster-region'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyCTC,EAASF,EAAgC,CAClD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,OAAQ,kBACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ToggleButtonRootInstance } from '@primereact/types/shared/togglebutton';
|
|
2
2
|
export declare const styles: {
|
|
3
3
|
name: string | undefined;
|
|
4
4
|
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
5
|
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
-
classes: import("@primereact/types/styles").ClassesType<
|
|
7
|
-
inlineStyles: import("@primereact/types/styles").InlineStylesType<
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<ToggleButtonRootInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<ToggleButtonRootInstance>;
|
|
8
8
|
baseStyles: {
|
|
9
9
|
name: string;
|
|
10
10
|
css: string;
|
package/togglebutton/index.d.ts
CHANGED
package/togglebutton/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createStyles as
|
|
1
|
+
import{createStyles as s}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/togglebutton";var a=s({name:"togglebutton",style:i,classes:{root:({instance:o,props:t,state:p})=>{var e,l,g,n;return["p-togglebutton p-component",{"p-togglebutton-checked":p.pressed,"p-invalid":t.invalid,"p-togglebutton-sm p-inputfield-sm":((l=(e=o.group)==null?void 0:e.props.size)!=null?l:t.size)==="small","p-togglebutton-lg p-inputfield-lg":((n=(g=o.group)==null?void 0:g.props.size)!=null?n:t.size)==="large"}]},indicator:"p-togglebutton-content",icon:"p-togglebutton-icon",label:"p-togglebutton-label"}});export{a as styles};
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/togglebutton/ToggleButton.style.ts"
|
|
1
|
+
{"version":3,"sources":["../../src/togglebutton/ToggleButton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonRootInstance } from '@primereact/types/shared/togglebutton';\nimport { style } from '@primeuix/styles/togglebutton';\n\nexport const styles = createStyles<ToggleButtonRootInstance>({\n name: 'togglebutton',\n style,\n classes: {\n root: ({ instance, props, state }) => [\n 'p-togglebutton p-component',\n {\n 'p-togglebutton-checked': state.pressed,\n 'p-invalid': props.invalid,\n 'p-togglebutton-sm p-inputfield-sm': (instance.group?.props.size ?? props.size) === 'small',\n 'p-togglebutton-lg p-inputfield-lg': (instance.group?.props.size ?? props.size) === 'large'\n }\n ],\n indicator: 'p-togglebutton-content',\n icon: 'p-togglebutton-icon',\n label: 'p-togglebutton-label'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAuC,CACzD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,EAAO,MAAAC,CAAM,IAAG,CAR3C,IAAAC,EAAAC,EAAAC,EAAAC,EAQ8C,OAClC,6BACA,CACI,yBAA0BJ,EAAM,QAChC,YAAaD,EAAM,QACnB,sCAAsCG,GAAAD,EAAAH,EAAS,QAAT,YAAAG,EAAgB,MAAM,OAAtB,KAAAC,EAA8BH,EAAM,QAAU,QACpF,sCAAsCK,GAAAD,EAAAL,EAAS,QAAT,YAAAK,EAAgB,MAAM,OAAtB,KAAAC,EAA8BL,EAAM,QAAU,OACxF,CACJ,GACA,UAAW,yBACX,KAAM,sBACN,MAAO,sBACX,CACJ,CAAC","names":["createStyles","style","styles","instance","props","state","_a","_b","_c","_d"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { ToggleButtonGroupInstance } from '@primereact/types/shared/
|
|
2
|
-
export declare const
|
|
1
|
+
import type { ToggleButtonGroupInstance } from '@primereact/types/shared/togglebuttongroup';
|
|
2
|
+
export declare const styles: {
|
|
3
3
|
name: string | undefined;
|
|
4
4
|
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
5
|
style: import("@primeuix/styled").StyleType | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ToggleButtonGroup.style';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/selectbutton";var n=o({name:"togglebuttongroup",style:e,classes:{root:({props:t})=>["p-selectbutton p-togglebutton-group p-component",{"p-invalid":t.invalid}]}});export{n as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/togglebuttongroup/ToggleButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonGroupInstance } from '@primereact/types/shared/togglebuttongroup';\nimport { style } from '@primeuix/styles/selectbutton';\n\nexport const styles = createStyles<ToggleButtonGroupInstance>({\n name: 'togglebuttongroup',\n style,\n classes: {\n root: ({ props }) => [\n 'p-selectbutton p-togglebutton-group p-component',\n {\n 'p-invalid': props.invalid\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAwC,CAC1D,KAAM,oBACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,kDACA,CACI,YAAaA,EAAM,OACvB,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { ToolbarRootInstance } from '@primereact/types/shared/toolbar';
|
|
2
2
|
export declare const styles: {
|
|
3
3
|
name: string | undefined;
|
|
4
4
|
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
5
|
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
-
classes: import("@primereact/types/styles").ClassesType<
|
|
7
|
-
inlineStyles: import("@primereact/types/styles").InlineStylesType<
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<ToolbarRootInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<ToolbarRootInstance>;
|
|
8
8
|
baseStyles: {
|
|
9
9
|
name: string;
|
|
10
10
|
css: string;
|
package/toolbar/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/toolbar/Toolbar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type {
|
|
1
|
+
{"version":3,"sources":["../../src/toolbar/Toolbar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToolbarRootInstance } from '@primereact/types/shared/toolbar';\nimport { style } from '@primeuix/styles/toolbar';\n\nexport const styles = createStyles<ToolbarRootInstance>({\n name: 'toolbar',\n style,\n classes: {\n root: 'p-toolbar p-component',\n start: 'p-toolbar-start',\n center: 'p-toolbar-center',\n end: 'p-toolbar-end'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,wBACN,MAAO,kBACP,OAAQ,mBACR,IAAK,eACT,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TooltipRootInstance } from '@primereact/types/shared/tooltip';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<TooltipRootInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<TooltipRootInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Tooltip.style';
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import{createStyles as t}from"@primereact/styles/utils";var o=`
|
|
2
|
+
.p-tooltip2 {
|
|
3
|
+
/*transform: scale(0.95);*/
|
|
4
|
+
/*opacity: 0;*/
|
|
5
|
+
transform-origin: var(--placer-transform-origin);
|
|
6
|
+
max-width: dt('tooltip.max.width');
|
|
7
|
+
background: dt('tooltip.background');
|
|
8
|
+
color: dt('tooltip.color');
|
|
9
|
+
padding: dt('tooltip.padding');
|
|
10
|
+
box-shadow: dt('tooltip.shadow');
|
|
11
|
+
border-radius: dt('tooltip.border.radius');
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.p-tooltip2-text {
|
|
15
|
+
white-space: pre-line;
|
|
16
|
+
word-break: break-word;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.p-tooltip2-arrow {
|
|
20
|
+
display: block;
|
|
21
|
+
clip-path: polygon(0 100%, 0 0, 100% 100%);
|
|
22
|
+
border-bottom-left-radius: 2px;
|
|
23
|
+
width: 0.5rem;
|
|
24
|
+
height: 0.5rem;
|
|
25
|
+
background: dt('tooltip.background');
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.p-tooltip2-arrow[data-side='right'] {
|
|
29
|
+
transform: translateX(50%) rotate(45deg);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.p-tooltip2-arrow[data-side='left'] {
|
|
33
|
+
transform: translateX(-50%) rotate(-135deg);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.p-tooltip2-arrow[data-side='top'] {
|
|
37
|
+
transform: translateY(-50%) rotate(-45deg);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.p-tooltip2-arrow[data-side='bottom'] {
|
|
41
|
+
transform: translateY(50%) rotate(135deg);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.p-placer-content-enter-from,
|
|
45
|
+
.p-placer-content-leave-to {
|
|
46
|
+
opacity: 0;
|
|
47
|
+
transform: scale(0.9);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.p-placer-content-enter-to,
|
|
51
|
+
.p-placer-content-leave-from {
|
|
52
|
+
opacity: 1;
|
|
53
|
+
transform: scale(1);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.p-placer-content-leave-active,
|
|
57
|
+
.p-placer-content-enter-active {
|
|
58
|
+
transition:
|
|
59
|
+
opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),
|
|
60
|
+
transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
`,e=t({name:"tooltip",style:o,classes:{root:()=>["p-tooltip2 p-component"],arrow:"p-tooltip2-arrow",text:"p-tooltip2-text"}});export{e as styles};
|
|
64
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tooltip/Tooltip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TooltipRootInstance } from '@primereact/types/shared/tooltip';\n\nconst style = `\n .p-tooltip2 {\n /*transform: scale(0.95);*/\n /*opacity: 0;*/\n transform-origin: var(--placer-transform-origin);\n max-width: dt('tooltip.max.width');\n background: dt('tooltip.background');\n color: dt('tooltip.color');\n padding: dt('tooltip.padding');\n box-shadow: dt('tooltip.shadow');\n border-radius: dt('tooltip.border.radius');\n }\n\n .p-tooltip2-text {\n white-space: pre-line;\n word-break: break-word;\n }\n\n .p-tooltip2-arrow {\n display: block;\n clip-path: polygon(0 100%, 0 0, 100% 100%);\n border-bottom-left-radius: 2px;\n width: 0.5rem;\n height: 0.5rem;\n background: dt('tooltip.background');\n }\n\n .p-tooltip2-arrow[data-side='right'] {\n transform: translateX(50%) rotate(45deg);\n }\n\n .p-tooltip2-arrow[data-side='left'] {\n transform: translateX(-50%) rotate(-135deg);\n }\n\n .p-tooltip2-arrow[data-side='top'] {\n transform: translateY(-50%) rotate(-45deg);\n }\n\n .p-tooltip2-arrow[data-side='bottom'] {\n transform: translateY(50%) rotate(135deg);\n }\n\n .p-placer-content-enter-from,\n .p-placer-content-leave-to {\n opacity: 0;\n transform: scale(0.9);\n }\n\n .p-placer-content-enter-to,\n .p-placer-content-leave-from {\n opacity: 1;\n transform: scale(1);\n }\n\n .p-placer-content-leave-active,\n .p-placer-content-enter-active {\n transition:\n opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 250ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n`;\n\nexport const styles = createStyles<TooltipRootInstance>({\n name: 'tooltip',\n style,\n classes: {\n root: () => {\n return ['p-tooltip2 p-component'];\n },\n arrow: 'p-tooltip2-arrow',\n text: 'p-tooltip2-text'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgEDC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,IACK,CAAC,wBAAwB,EAEpC,MAAO,mBACP,KAAM,iBACV,CACJ,CAAC","names":["createStyles","style","styles"]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TreeRootInstance } from '@primereact/types/shared/tree';
|
|
2
|
+
export declare const styles: {
|
|
3
|
+
name: string | undefined;
|
|
4
|
+
css: import("@primeuix/styled").StyleType | undefined;
|
|
5
|
+
style: import("@primeuix/styled").StyleType | undefined;
|
|
6
|
+
classes: import("@primereact/types/styles").ClassesType<TreeRootInstance> | undefined;
|
|
7
|
+
inlineStyles: import("@primereact/types/styles").InlineStylesType<TreeRootInstance>;
|
|
8
|
+
baseStyles: {
|
|
9
|
+
name: string;
|
|
10
|
+
css: string;
|
|
11
|
+
style: import("@primeuix/styled").StyleType;
|
|
12
|
+
classes: {};
|
|
13
|
+
inlineStyles: {};
|
|
14
|
+
};
|
|
15
|
+
};
|
package/tree/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Tree.style';
|
package/tree/index.mjs
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{createStyles as o}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/tree";var d=o({name:"tree",style:r,classes:{root:({props:e,state:t})=>["p-tree p-component",{"p-tree-selectable":e.selectionMode!=null,"p-tree-node-dragover":t.dragHover}],pcFilter:"p-tree-filter-input",wrapper:"p-tree-root",header:"p-tree-header",footer:"p-tree-footer",rootChildren:"p-tree-root-children",node:({context:e})=>["p-tree-node",{"p-tree-node-leaf":e.leaf}],content:({props:e,context:t})=>["p-tree-node-content",{"p-tree-node-selectable":t.selectable,"p-tree-node-selected":e.selectionMode==="checkbox"?e.highlightOnSelect&&t.checked:t.selected,"p-tree-node-dragover":t.isNodeDropActive}],toggle:"p-tree-node-toggle-button",toggleIcon:"p-tree-node-toggle-icon",icon:"p-tree-node-icon",pcCheckbox:"p-tree-node-checkbox",label:"p-tree-node-label",nodeChildren:"p-tree-node-children",empty:"p-tree-empty-message",dropPoint:"p-tree-node-drop-point"}});export{d as styles};
|
|
2
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/tree/Tree.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TreeRootInstance } from '@primereact/types/shared/tree';\nimport { style } from '@primeuix/styles/tree';\n\nexport const styles = createStyles<TreeRootInstance>({\n name: 'tree',\n style,\n classes: {\n root: ({ props, state }) => [\n 'p-tree p-component',\n {\n 'p-tree-selectable': props.selectionMode != null,\n 'p-tree-node-dragover': state.dragHover\n }\n ],\n pcFilter: 'p-tree-filter-input',\n wrapper: 'p-tree-root',\n header: 'p-tree-header',\n footer: 'p-tree-footer',\n rootChildren: 'p-tree-root-children',\n node: ({ context }) => [\n 'p-tree-node',\n {\n 'p-tree-node-leaf': context.leaf\n }\n ],\n content: ({ props, context }) => [\n 'p-tree-node-content',\n {\n 'p-tree-node-selectable': context.selectable,\n 'p-tree-node-selected': props.selectionMode === 'checkbox' ? props.highlightOnSelect && context.checked : context.selected,\n 'p-tree-node-dragover': context.isNodeDropActive\n }\n ],\n toggle: 'p-tree-node-toggle-button',\n toggleIcon: 'p-tree-node-toggle-icon',\n icon: 'p-tree-node-icon',\n pcCheckbox: 'p-tree-node-checkbox',\n label: 'p-tree-node-label',\n nodeChildren: 'p-tree-node-children',\n empty: 'p-tree-empty-message',\n dropPoint: 'p-tree-node-drop-point'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,qBACA,CACI,oBAAqBD,EAAM,eAAiB,KAC5C,uBAAwBC,EAAM,SAClC,CACJ,EACA,SAAU,sBACV,QAAS,cACT,OAAQ,gBACR,OAAQ,gBACR,aAAc,uBACd,KAAM,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACnB,cACA,CACI,mBAAoBA,EAAQ,IAChC,CACJ,EACA,QAAS,CAAC,CAAE,MAAAF,EAAO,QAAAE,CAAQ,IAAM,CAC7B,sBACA,CACI,yBAA0BA,EAAQ,WAClC,uBAAwBF,EAAM,gBAAkB,WAAaA,EAAM,mBAAqBE,EAAQ,QAAUA,EAAQ,SAClH,uBAAwBA,EAAQ,gBACpC,CACJ,EACA,OAAQ,4BACR,WAAY,0BACZ,KAAM,mBACN,WAAY,uBACZ,MAAO,oBACP,aAAc,uBACd,MAAO,uBACP,UAAW,wBACf,CACJ,CAAC","names":["createStyles","style","styles","props","state","context"]}
|