@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.
Files changed (268) hide show
  1. package/accordion/Accordion.style.d.ts +3 -3
  2. package/accordion/index.d.ts +0 -1
  3. package/accordion/index.mjs +22 -1
  4. package/accordion/index.mjs.map +1 -1
  5. package/animateonscroll/AnimateOnScroll.style.d.ts +15 -0
  6. package/animateonscroll/index.d.ts +1 -0
  7. package/animateonscroll/index.mjs +2 -0
  8. package/animateonscroll/index.mjs.map +1 -0
  9. package/autocomplete/AutoComplete.style.d.ts +15 -0
  10. package/autocomplete/index.d.ts +1 -0
  11. package/autocomplete/index.mjs +30 -0
  12. package/autocomplete/index.mjs.map +1 -0
  13. package/avatar/Avatar.style.d.ts +3 -3
  14. package/avatar/index.mjs +1 -1
  15. package/avatar/index.mjs.map +1 -1
  16. package/badge/index.d.ts +0 -1
  17. package/badge/index.mjs +1 -1
  18. package/badge/index.mjs.map +1 -1
  19. package/base/index.mjs +21 -0
  20. package/base/index.mjs.map +1 -1
  21. package/breadcrumb/Breadcrumb.style.d.ts +15 -0
  22. package/breadcrumb/index.d.ts +1 -0
  23. package/breadcrumb/index.mjs +29 -0
  24. package/breadcrumb/index.mjs.map +1 -0
  25. package/button/index.d.ts +0 -1
  26. package/button/index.mjs +1 -1
  27. package/button/index.mjs.map +1 -1
  28. package/{button → buttongroup}/ButtonGroup.style.d.ts +2 -2
  29. package/buttongroup/index.d.ts +1 -0
  30. package/buttongroup/index.mjs +2 -0
  31. package/buttongroup/index.mjs.map +1 -0
  32. package/card/Card.style.d.ts +3 -3
  33. package/card/index.mjs.map +1 -1
  34. package/carousel/Carousel.style.d.ts +15 -0
  35. package/carousel/index.d.ts +1 -0
  36. package/carousel/index.mjs +49 -0
  37. package/carousel/index.mjs.map +1 -0
  38. package/checkbox/Checkbox.style.d.ts +3 -3
  39. package/checkbox/index.d.ts +0 -1
  40. package/checkbox/index.mjs +1 -1
  41. package/checkbox/index.mjs.map +1 -1
  42. package/{checkbox → checkboxgroup}/CheckboxGroup.style.d.ts +2 -2
  43. package/checkboxgroup/index.d.ts +1 -0
  44. package/checkboxgroup/index.mjs +2 -0
  45. package/checkboxgroup/index.mjs.map +1 -0
  46. package/chip/Chip.style.d.ts +3 -3
  47. package/chip/index.mjs +1 -1
  48. package/chip/index.mjs.map +1 -1
  49. package/{accordion/AccordionPanel.style.d.ts → colorpicker/ColorPicker.style.d.ts} +4 -4
  50. package/colorpicker/index.d.ts +1 -0
  51. package/colorpicker/index.mjs +139 -0
  52. package/colorpicker/index.mjs.map +1 -0
  53. package/commandmenu/CommandMenu.style.d.ts +15 -0
  54. package/commandmenu/index.d.ts +1 -0
  55. package/commandmenu/index.mjs +71 -0
  56. package/commandmenu/index.mjs.map +1 -0
  57. package/compare/Compare.style.d.ts +15 -0
  58. package/compare/index.d.ts +1 -0
  59. package/compare/index.mjs +55 -0
  60. package/compare/index.mjs.map +1 -0
  61. package/confirmdialog/ConfirmDialog.style.d.ts +15 -0
  62. package/confirmdialog/index.d.ts +1 -0
  63. package/confirmdialog/index.mjs +2 -0
  64. package/confirmdialog/index.mjs.map +1 -0
  65. package/confirmpopup/ConfirmPopup.style.d.ts +15 -0
  66. package/confirmpopup/index.d.ts +1 -0
  67. package/confirmpopup/index.mjs +2 -0
  68. package/confirmpopup/index.mjs.map +1 -0
  69. package/contextmenu/ContextMenu.style.d.ts +15 -0
  70. package/contextmenu/index.d.ts +1 -0
  71. package/contextmenu/index.mjs +2 -0
  72. package/contextmenu/index.mjs.map +1 -0
  73. package/dataview/DataView.style.d.ts +15 -0
  74. package/dataview/index.d.ts +1 -0
  75. package/dataview/index.mjs +2 -0
  76. package/dataview/index.mjs.map +1 -0
  77. package/datepicker/DatePicker.style.d.ts +15 -0
  78. package/datepicker/index.d.ts +1 -0
  79. package/datepicker/index.mjs +59 -0
  80. package/datepicker/index.mjs.map +1 -0
  81. package/dialog/Dialog.style.d.ts +15 -0
  82. package/dialog/index.d.ts +1 -0
  83. package/dialog/index.mjs +80 -0
  84. package/dialog/index.mjs.map +1 -0
  85. package/divider/Divider.style.d.ts +3 -3
  86. package/divider/index.mjs.map +1 -1
  87. package/drawer/Drawer.style.d.ts +15 -0
  88. package/drawer/index.d.ts +1 -0
  89. package/drawer/index.mjs +100 -0
  90. package/drawer/index.mjs.map +1 -0
  91. package/fieldset/Fieldset.style.d.ts +3 -3
  92. package/fieldset/index.mjs +8 -1
  93. package/fieldset/index.mjs.map +1 -1
  94. package/fileupload/FileUpload.style.d.ts +15 -0
  95. package/fileupload/index.d.ts +1 -0
  96. package/fileupload/index.mjs +2 -0
  97. package/fileupload/index.mjs.map +1 -0
  98. package/{label → floatlabel}/FloatLabel.style.d.ts +2 -2
  99. package/floatlabel/index.d.ts +1 -0
  100. package/floatlabel/index.mjs +2 -0
  101. package/floatlabel/index.mjs.map +1 -0
  102. package/fluid/Fluid.style.d.ts +15 -0
  103. package/fluid/index.d.ts +1 -0
  104. package/fluid/index.mjs +2 -0
  105. package/fluid/index.mjs.map +1 -0
  106. package/focustrap/FocusTrap.style.d.ts +15 -0
  107. package/focustrap/index.d.ts +1 -0
  108. package/focustrap/index.mjs +2 -0
  109. package/focustrap/index.mjs.map +1 -0
  110. package/gallery/Gallery.style.d.ts +15 -0
  111. package/gallery/index.d.ts +1 -0
  112. package/gallery/index.mjs +136 -0
  113. package/gallery/index.mjs.map +1 -0
  114. package/iconfield/IconField.style.d.ts +15 -0
  115. package/iconfield/index.d.ts +1 -0
  116. package/iconfield/index.mjs +2 -0
  117. package/iconfield/index.mjs.map +1 -0
  118. package/{label → iftalabel}/IftaLabel.style.d.ts +2 -2
  119. package/iftalabel/index.d.ts +1 -0
  120. package/iftalabel/index.mjs +2 -0
  121. package/iftalabel/index.mjs.map +1 -0
  122. package/inplace/Inplace.style.d.ts +3 -3
  123. package/inplace/index.mjs +1 -1
  124. package/inplace/index.mjs.map +1 -1
  125. package/inputgroup/InputGroup.style.d.ts +15 -0
  126. package/inputgroup/index.d.ts +1 -0
  127. package/inputgroup/index.mjs +2 -0
  128. package/inputgroup/index.mjs.map +1 -0
  129. package/inputnumber/InputNumber.style.d.ts +15 -0
  130. package/inputnumber/index.d.ts +1 -0
  131. package/inputnumber/index.mjs +2 -0
  132. package/inputnumber/index.mjs.map +1 -0
  133. package/inputotp/InputOtp.style.d.ts +15 -0
  134. package/inputotp/index.d.ts +1 -0
  135. package/inputotp/index.mjs +2 -0
  136. package/inputotp/index.mjs.map +1 -0
  137. package/inputtags/InputTags.style.d.ts +15 -0
  138. package/inputtags/index.d.ts +1 -0
  139. package/inputtags/index.mjs +82 -0
  140. package/inputtags/index.mjs.map +1 -0
  141. package/inputtext/index.mjs +1 -1
  142. package/inputtext/index.mjs.map +1 -1
  143. package/knob/Knob.style.d.ts +15 -0
  144. package/knob/index.d.ts +1 -0
  145. package/knob/index.mjs +2 -0
  146. package/knob/index.mjs.map +1 -0
  147. package/label/index.d.ts +0 -2
  148. package/label/index.mjs +1 -1
  149. package/label/index.mjs.map +1 -1
  150. package/listbox/Listbox.style.d.ts +15 -0
  151. package/listbox/index.d.ts +1 -0
  152. package/listbox/index.mjs +22 -0
  153. package/listbox/index.mjs.map +1 -0
  154. package/menu/Menu.style.d.ts +15 -0
  155. package/menu/index.d.ts +1 -0
  156. package/menu/index.mjs +121 -0
  157. package/menu/index.mjs.map +1 -0
  158. package/message/Message.style.d.ts +15 -0
  159. package/message/index.d.ts +1 -0
  160. package/message/index.mjs +2 -0
  161. package/message/index.mjs.map +1 -0
  162. package/metergroup/MeterGroup.style.d.ts +3 -3
  163. package/metergroup/index.mjs.map +1 -1
  164. package/orgchart/OrgChart.style.d.ts +15 -0
  165. package/orgchart/index.d.ts +1 -0
  166. package/orgchart/index.mjs +185 -0
  167. package/orgchart/index.mjs.map +1 -0
  168. package/{badge → overlaybadge}/OverlayBadge.style.d.ts +2 -2
  169. package/overlaybadge/index.d.ts +1 -0
  170. package/overlaybadge/index.mjs +2 -0
  171. package/overlaybadge/index.mjs.map +1 -0
  172. package/package.json +5 -5
  173. package/paginator/Paginator.style.d.ts +15 -0
  174. package/paginator/index.d.ts +1 -0
  175. package/paginator/index.mjs +26 -0
  176. package/paginator/index.mjs.map +1 -0
  177. package/panel/Panel.style.d.ts +3 -3
  178. package/panel/index.mjs +8 -1
  179. package/panel/index.mjs.map +1 -1
  180. package/password/Password.style.d.ts +15 -0
  181. package/password/index.d.ts +1 -0
  182. package/password/index.mjs +2 -0
  183. package/password/index.mjs.map +1 -0
  184. package/popover/Popover.style.d.ts +15 -0
  185. package/popover/index.d.ts +1 -0
  186. package/popover/index.mjs +88 -0
  187. package/popover/index.mjs.map +1 -0
  188. package/progressbar/ProgressBar.style.d.ts +3 -3
  189. package/progressbar/index.mjs +1 -1
  190. package/progressbar/index.mjs.map +1 -1
  191. package/radiobutton/RadioButton.style.d.ts +3 -3
  192. package/radiobutton/index.d.ts +0 -1
  193. package/radiobutton/index.mjs +1 -1
  194. package/radiobutton/index.mjs.map +1 -1
  195. package/{radiobutton → radiobuttongroup}/RadioButtonGroup.style.d.ts +2 -2
  196. package/radiobuttongroup/index.d.ts +1 -0
  197. package/radiobuttongroup/index.mjs +2 -0
  198. package/radiobuttongroup/index.mjs.map +1 -0
  199. package/rating/Rating.style.d.ts +15 -0
  200. package/rating/index.d.ts +1 -0
  201. package/rating/index.mjs +67 -0
  202. package/rating/index.mjs.map +1 -0
  203. package/scrollarea/ScrollArea.style.d.ts +3 -3
  204. package/scrollarea/index.mjs +1 -1
  205. package/scrollarea/index.mjs.map +1 -1
  206. package/select/Select.style.d.ts +15 -0
  207. package/select/index.d.ts +1 -0
  208. package/select/index.mjs +40 -0
  209. package/select/index.mjs.map +1 -0
  210. package/slider/Slider.style.d.ts +16 -0
  211. package/slider/index.d.ts +1 -0
  212. package/slider/index.mjs +104 -0
  213. package/slider/index.mjs.map +1 -0
  214. package/speeddial/SpeedDial.style.d.ts +15 -0
  215. package/speeddial/index.d.ts +1 -0
  216. package/speeddial/index.mjs +24 -0
  217. package/speeddial/index.mjs.map +1 -0
  218. package/splitter/Splitter.style.d.ts +3 -3
  219. package/splitter/index.mjs +1 -1
  220. package/splitter/index.mjs.map +1 -1
  221. package/stepper/Stepper.style.d.ts +3 -3
  222. package/stepper/index.mjs.map +1 -1
  223. package/switch/Switch.style.d.ts +3 -3
  224. package/switch/index.mjs +1 -1
  225. package/switch/index.mjs.map +1 -1
  226. package/tabs/Tabs.style.d.ts +3 -3
  227. package/tabs/index.mjs +1 -1
  228. package/tabs/index.mjs.map +1 -1
  229. package/tag/index.mjs +1 -1
  230. package/tag/index.mjs.map +1 -1
  231. package/terminal/Terminal.style.d.ts +15 -0
  232. package/terminal/index.d.ts +1 -0
  233. package/terminal/index.mjs +2 -0
  234. package/terminal/index.mjs.map +1 -0
  235. package/textarea/Textarea.style.d.ts +15 -0
  236. package/textarea/index.d.ts +1 -0
  237. package/textarea/index.mjs +2 -0
  238. package/textarea/index.mjs.map +1 -0
  239. package/timeline/Timeline.style.d.ts +15 -0
  240. package/timeline/index.d.ts +1 -0
  241. package/timeline/index.mjs +2 -0
  242. package/timeline/index.mjs.map +1 -0
  243. package/toast/Toast.style.d.ts +15 -0
  244. package/toast/index.d.ts +1 -0
  245. package/toast/index.mjs +208 -0
  246. package/toast/index.mjs.map +1 -0
  247. package/toaster/Toaster.style.d.ts +15 -0
  248. package/toaster/index.d.ts +1 -0
  249. package/toaster/index.mjs +41 -0
  250. package/toaster/index.mjs.map +1 -0
  251. package/togglebutton/ToggleButton.style.d.ts +3 -3
  252. package/togglebutton/index.d.ts +0 -1
  253. package/togglebutton/index.mjs +1 -1
  254. package/togglebutton/index.mjs.map +1 -1
  255. package/{togglebutton → togglebuttongroup}/ToggleButtonGroup.style.d.ts +2 -2
  256. package/togglebuttongroup/index.d.ts +1 -0
  257. package/togglebuttongroup/index.mjs +2 -0
  258. package/togglebuttongroup/index.mjs.map +1 -0
  259. package/toolbar/Toolbar.style.d.ts +3 -3
  260. package/toolbar/index.mjs.map +1 -1
  261. package/tooltip/Tooltip.style.d.ts +15 -0
  262. package/tooltip/index.d.ts +1 -0
  263. package/tooltip/index.mjs +64 -0
  264. package/tooltip/index.mjs.map +1 -0
  265. package/tree/Tree.style.d.ts +15 -0
  266. package/tree/index.d.ts +1 -0
  267. package/tree/index.mjs +2 -0
  268. 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
+ };
@@ -0,0 +1 @@
1
+ export * from './Toast.style';
@@ -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 { ToggleButtonInstance } from '@primereact/types/shared/togglebutton';
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<ToggleButtonInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<ToggleButtonInstance>;
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;
@@ -1,2 +1 @@
1
1
  export * from './ToggleButton.style';
2
- export * from './ToggleButtonGroup.style';
@@ -1,2 +1,2 @@
1
- import{createStyles as r}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/togglebutton";var c=r({name:"togglebutton",style:s,classes:{root:({instance:t,props:o,state:g})=>{var e,n,p,l;return["p-togglebutton p-component",{"p-togglebutton-checked":g.pressed,"p-invalid":o.invalid,"p-togglebutton-sm p-inputfield-sm":((n=(e=t.group)==null?void 0:e.props.size)!=null?n:o.size)==="small","p-togglebutton-lg p-inputfield-lg":((l=(p=t.group)==null?void 0:p.props.size)!=null?l:o.size)==="large"}]},indicator:"p-togglebutton-content",icon:"p-togglebutton-icon",label:"p-togglebutton-label"}});import{createStyles as i}from"@primereact/styles/utils";import{style as u}from"@primeuix/styles/selectbutton";var y=i({name:"selectbutton",style:u,classes:{root:({props:t})=>["p-selectbutton p-togglebutton-group p-component",{"p-invalid":t.invalid}]}});export{y as groupStyles,c as styles};
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","../../src/togglebutton/ToggleButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonInstance } from '@primereact/types/shared/togglebutton';\nimport { style } from '@primeuix/styles/togglebutton';\n\nexport const styles = createStyles<ToggleButtonInstance>({\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","import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonGroupInstance } from '@primereact/types/shared/togglebutton';\nimport { style } from '@primeuix/styles/selectbutton';\n\nexport const groupStyles = createStyles<ToggleButtonGroupInstance>({\n name: 'selectbutton',\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,EAAmC,CACrD,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,ECrBD,OAAS,gBAAAM,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAAcF,EAAwC,CAC/D,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,kDACA,CACI,YAAaA,EAAM,OACvB,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","instance","props","state","_a","_b","_c","_d","createStyles","style","groupStyles","props"]}
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/togglebutton';
2
- export declare const groupStyles: {
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 { ToolbarInstance } from '@primereact/types/shared/toolbar';
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<ToolbarInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<ToolbarInstance>;
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;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/toolbar/Toolbar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToolbarInstance } from '@primereact/types/shared/toolbar';\nimport { style } from '@primeuix/styles/toolbar';\n\nexport const styles = createStyles<ToolbarInstance>({\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,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,wBACN,MAAO,kBACP,OAAQ,mBACR,IAAK,eACT,CACJ,CAAC","names":["createStyles","style","styles"]}
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
+ };
@@ -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"]}