@primereact/styles 11.0.0-alpha.8 → 11.0.0-rc.1

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 (271) hide show
  1. package/LICENSE.md +45 -0
  2. package/README.md +20 -0
  3. package/accordion/Accordion.style.d.ts +3 -3
  4. package/accordion/index.mjs +22 -1
  5. package/accordion/index.mjs.map +1 -1
  6. package/animateonscroll/AnimateOnScroll.style.d.ts +1 -1
  7. package/animateonscroll/index.mjs.map +1 -1
  8. package/autocomplete/AutoComplete.style.d.ts +15 -0
  9. package/autocomplete/index.d.ts +1 -0
  10. package/autocomplete/index.mjs +79 -0
  11. package/autocomplete/index.mjs.map +1 -0
  12. package/avatar/Avatar.style.d.ts +3 -3
  13. package/avatar/index.d.ts +0 -1
  14. package/avatar/index.mjs +1 -1
  15. package/avatar/index.mjs.map +1 -1
  16. package/{avatar → avatargroup}/AvatarGroup.style.d.ts +2 -2
  17. package/avatargroup/index.d.ts +1 -0
  18. package/avatargroup/index.mjs +2 -0
  19. package/avatargroup/index.mjs.map +1 -0
  20. package/badge/Badge.style.d.ts +1 -1
  21. package/badge/index.d.ts +0 -1
  22. package/badge/index.mjs +1 -1
  23. package/badge/index.mjs.map +1 -1
  24. package/{confirmdialog/ConfirmDialog.style.d.ts → breadcrumb/Breadcrumb.style.d.ts} +3 -3
  25. package/breadcrumb/index.d.ts +1 -0
  26. package/breadcrumb/index.mjs +2 -0
  27. package/breadcrumb/index.mjs.map +1 -0
  28. package/button/Button.style.d.ts +1 -1
  29. package/button/index.d.ts +0 -1
  30. package/button/index.mjs +1 -1
  31. package/button/index.mjs.map +1 -1
  32. package/{button → buttongroup}/ButtonGroup.style.d.ts +2 -2
  33. package/buttongroup/index.d.ts +1 -0
  34. package/buttongroup/index.mjs +2 -0
  35. package/buttongroup/index.mjs.map +1 -0
  36. package/card/Card.style.d.ts +3 -3
  37. package/card/index.mjs.map +1 -1
  38. package/carousel/Carousel.style.d.ts +3 -3
  39. package/carousel/index.mjs +1 -84
  40. package/carousel/index.mjs.map +1 -1
  41. package/checkbox/Checkbox.style.d.ts +3 -3
  42. package/checkbox/index.d.ts +0 -1
  43. package/checkbox/index.mjs +1 -1
  44. package/checkbox/index.mjs.map +1 -1
  45. package/{checkbox → checkboxgroup}/CheckboxGroup.style.d.ts +2 -2
  46. package/checkboxgroup/index.d.ts +1 -0
  47. package/checkboxgroup/index.mjs +2 -0
  48. package/checkboxgroup/index.mjs.map +1 -0
  49. package/chip/Chip.style.d.ts +3 -3
  50. package/chip/index.mjs +118 -1
  51. package/chip/index.mjs.map +1 -1
  52. package/{colorpicker/ColorPicker.style.d.ts → compare/Compare.style.d.ts} +3 -3
  53. package/compare/index.d.ts +1 -0
  54. package/compare/index.mjs +2 -0
  55. package/compare/index.mjs.map +1 -0
  56. package/contextmenu/ContextMenu.style.d.ts +15 -0
  57. package/contextmenu/index.d.ts +1 -0
  58. package/contextmenu/index.mjs +181 -0
  59. package/contextmenu/index.mjs.map +1 -0
  60. package/{confirmpopup/ConfirmPopup.style.d.ts → datatable/DataTable.style.d.ts} +3 -3
  61. package/datatable/index.d.ts +1 -0
  62. package/datatable/index.mjs +74 -0
  63. package/datatable/index.mjs.map +1 -0
  64. package/dataview/DataView.style.d.ts +3 -3
  65. package/dataview/index.mjs +1 -1
  66. package/dataview/index.mjs.map +1 -1
  67. package/datepicker/DatePicker.style.d.ts +3 -3
  68. package/datepicker/index.mjs +41 -3
  69. package/datepicker/index.mjs.map +1 -1
  70. package/dialog/Dialog.style.d.ts +3 -3
  71. package/dialog/index.mjs +97 -1
  72. package/dialog/index.mjs.map +1 -1
  73. package/divider/Divider.style.d.ts +1 -1
  74. package/divider/index.mjs.map +1 -1
  75. package/drawer/Drawer.style.d.ts +3 -3
  76. package/drawer/index.mjs +99 -1
  77. package/drawer/index.mjs.map +1 -1
  78. package/fieldset/Fieldset.style.d.ts +3 -3
  79. package/fieldset/index.mjs +8 -1
  80. package/fieldset/index.mjs.map +1 -1
  81. package/fileupload/FileUpload.style.d.ts +3 -3
  82. package/fileupload/index.mjs +1 -1
  83. package/fileupload/index.mjs.map +1 -1
  84. package/{label → floatlabel}/FloatLabel.style.d.ts +2 -2
  85. package/floatlabel/index.d.ts +1 -0
  86. package/floatlabel/index.mjs +2 -0
  87. package/floatlabel/index.mjs.map +1 -0
  88. package/fluid/Fluid.style.d.ts +1 -1
  89. package/fluid/index.mjs.map +1 -1
  90. package/focustrap/FocusTrap.style.d.ts +1 -1
  91. package/focustrap/index.mjs +1 -1
  92. package/focustrap/index.mjs.map +1 -1
  93. package/gallery/Gallery.style.d.ts +3 -3
  94. package/gallery/index.mjs +1 -135
  95. package/gallery/index.mjs.map +1 -1
  96. package/iconfield/IconField.style.d.ts +3 -3
  97. package/iconfield/index.mjs +1 -1
  98. package/iconfield/index.mjs.map +1 -1
  99. package/{label → iftalabel}/IftaLabel.style.d.ts +2 -2
  100. package/iftalabel/index.d.ts +1 -0
  101. package/iftalabel/index.mjs +2 -0
  102. package/iftalabel/index.mjs.map +1 -0
  103. package/inplace/Inplace.style.d.ts +3 -3
  104. package/inplace/index.mjs +1 -1
  105. package/inplace/index.mjs.map +1 -1
  106. package/inputcolor/InputColor.style.d.ts +15 -0
  107. package/inputcolor/index.d.ts +1 -0
  108. package/inputcolor/index.mjs +2 -0
  109. package/inputcolor/index.mjs.map +1 -0
  110. package/inputgroup/InputGroup.style.d.ts +3 -3
  111. package/inputgroup/index.mjs +1 -1
  112. package/inputgroup/index.mjs.map +1 -1
  113. package/inputnumber/InputNumber.style.d.ts +3 -3
  114. package/inputnumber/index.mjs +1 -1
  115. package/inputnumber/index.mjs.map +1 -1
  116. package/inputotp/InputOtp.style.d.ts +3 -3
  117. package/inputotp/index.mjs.map +1 -1
  118. package/inputtags/InputTags.style.d.ts +15 -0
  119. package/inputtags/index.d.ts +1 -0
  120. package/inputtags/index.mjs +2 -0
  121. package/inputtags/index.mjs.map +1 -0
  122. package/inputtext/InputText.style.d.ts +1 -1
  123. package/inputtext/index.mjs.map +1 -1
  124. package/knob/Knob.style.d.ts +3 -3
  125. package/knob/index.mjs.map +1 -1
  126. package/label/Label.style.d.ts +1 -1
  127. package/label/index.d.ts +0 -2
  128. package/label/index.mjs +1 -1
  129. package/label/index.mjs.map +1 -1
  130. package/listbox/Listbox.style.d.ts +3 -3
  131. package/listbox/index.mjs +17 -17
  132. package/listbox/index.mjs.map +1 -1
  133. package/{switch/Switch.style.d.ts → menu/Menu.style.d.ts} +3 -3
  134. package/menu/index.d.ts +1 -0
  135. package/menu/index.mjs +159 -0
  136. package/menu/index.mjs.map +1 -0
  137. package/message/Message.style.d.ts +3 -3
  138. package/message/index.mjs +1 -1
  139. package/message/index.mjs.map +1 -1
  140. package/metergroup/MeterGroup.style.d.ts +3 -3
  141. package/metergroup/index.mjs +1 -1
  142. package/metergroup/index.mjs.map +1 -1
  143. package/navigationmenu/NavigationMenu.style.d.ts +15 -0
  144. package/navigationmenu/index.d.ts +1 -0
  145. package/navigationmenu/index.mjs +2 -0
  146. package/navigationmenu/index.mjs.map +1 -0
  147. package/organizationchart/OrganizationChart.style.d.ts +15 -0
  148. package/organizationchart/index.d.ts +1 -0
  149. package/organizationchart/index.mjs +2 -0
  150. package/organizationchart/index.mjs.map +1 -0
  151. package/{badge → overlaybadge}/OverlayBadge.style.d.ts +2 -2
  152. package/overlaybadge/index.d.ts +1 -0
  153. package/overlaybadge/index.mjs +2 -0
  154. package/overlaybadge/index.mjs.map +1 -0
  155. package/package.json +11 -14
  156. package/paginator/Paginator.style.d.ts +3 -3
  157. package/paginator/index.mjs.map +1 -1
  158. package/panel/Panel.style.d.ts +3 -3
  159. package/panel/index.mjs +8 -1
  160. package/panel/index.mjs.map +1 -1
  161. package/password/Password.style.d.ts +3 -3
  162. package/password/index.mjs +1 -30
  163. package/password/index.mjs.map +1 -1
  164. package/popover/Popover.style.d.ts +3 -3
  165. package/popover/index.mjs +76 -1
  166. package/popover/index.mjs.map +1 -1
  167. package/progressbar/ProgressBar.style.d.ts +3 -3
  168. package/progressbar/index.mjs +1 -1
  169. package/progressbar/index.mjs.map +1 -1
  170. package/progressspinner/ProgressSpinner.style.d.ts +4 -3
  171. package/progressspinner/index.mjs +80 -1
  172. package/progressspinner/index.mjs.map +1 -1
  173. package/radiobutton/RadioButton.style.d.ts +3 -3
  174. package/radiobutton/index.d.ts +0 -1
  175. package/radiobutton/index.mjs +1 -1
  176. package/radiobutton/index.mjs.map +1 -1
  177. package/{radiobutton → radiobuttongroup}/RadioButtonGroup.style.d.ts +2 -2
  178. package/radiobuttongroup/index.d.ts +1 -0
  179. package/radiobuttongroup/index.mjs +2 -0
  180. package/radiobuttongroup/index.mjs.map +1 -0
  181. package/rating/Rating.style.d.ts +3 -3
  182. package/rating/index.mjs +1 -66
  183. package/rating/index.mjs.map +1 -1
  184. package/scrollarea/ScrollArea.style.d.ts +3 -3
  185. package/scrollarea/index.mjs +1 -1
  186. package/scrollarea/index.mjs.map +1 -1
  187. package/{imagecompare/ImageCompare.style.d.ts → select/Select.style.d.ts} +3 -3
  188. package/select/index.d.ts +1 -0
  189. package/select/index.mjs +79 -0
  190. package/select/index.mjs.map +1 -0
  191. package/sidebar/Sidebar.style.d.ts +15 -0
  192. package/sidebar/SidebarLayout.style.d.ts +15 -0
  193. package/sidebar/index.d.ts +2 -0
  194. package/sidebar/index.mjs +55 -0
  195. package/sidebar/index.mjs.map +1 -0
  196. package/skeleton/Skeleton.style.d.ts +1 -1
  197. package/skeleton/index.mjs +1 -1
  198. package/skeleton/index.mjs.map +1 -1
  199. package/slider/Slider.style.d.ts +3 -3
  200. package/slider/index.mjs +1 -1
  201. package/slider/index.mjs.map +1 -1
  202. package/speeddial/SpeedDial.style.d.ts +3 -3
  203. package/speeddial/index.mjs +23 -1
  204. package/speeddial/index.mjs.map +1 -1
  205. package/splitter/Splitter.style.d.ts +3 -3
  206. package/splitter/index.mjs +1 -1
  207. package/splitter/index.mjs.map +1 -1
  208. package/stepper/Stepper.style.d.ts +3 -3
  209. package/stepper/index.mjs +1 -1
  210. package/stepper/index.mjs.map +1 -1
  211. package/tabs/Tabs.style.d.ts +3 -3
  212. package/tabs/index.mjs +1 -1
  213. package/tabs/index.mjs.map +1 -1
  214. package/tag/Tag.style.d.ts +1 -1
  215. package/tag/index.mjs +1 -1
  216. package/tag/index.mjs.map +1 -1
  217. package/terminal/Terminal.style.d.ts +3 -3
  218. package/terminal/index.mjs +1 -1
  219. package/terminal/index.mjs.map +1 -1
  220. package/textarea/Textarea.style.d.ts +1 -1
  221. package/textarea/index.mjs +1 -1
  222. package/textarea/index.mjs.map +1 -1
  223. package/timeline/Timeline.style.d.ts +3 -3
  224. package/timeline/index.mjs.map +1 -1
  225. package/toast/Toast.style.d.ts +3 -3
  226. package/toast/index.mjs +1 -3
  227. package/toast/index.mjs.map +1 -1
  228. package/toaster/Toaster.style.d.ts +15 -0
  229. package/toaster/index.d.ts +1 -0
  230. package/toaster/index.mjs +2 -0
  231. package/toaster/index.mjs.map +1 -0
  232. package/togglebutton/ToggleButton.style.d.ts +3 -3
  233. package/togglebutton/index.d.ts +0 -1
  234. package/togglebutton/index.mjs +1 -1
  235. package/togglebutton/index.mjs.map +1 -1
  236. package/{togglebutton → togglebuttongroup}/ToggleButtonGroup.style.d.ts +2 -2
  237. package/togglebuttongroup/index.d.ts +1 -0
  238. package/togglebuttongroup/index.mjs +2 -0
  239. package/togglebuttongroup/index.mjs.map +1 -0
  240. package/toggleswitch/ToggleSwitch.style.d.ts +15 -0
  241. package/toggleswitch/index.d.ts +1 -0
  242. package/toggleswitch/index.mjs +2 -0
  243. package/toggleswitch/index.mjs.map +1 -0
  244. package/toolbar/Toolbar.style.d.ts +3 -3
  245. package/toolbar/index.mjs.map +1 -1
  246. package/tooltip/Tooltip.style.d.ts +3 -3
  247. package/tooltip/index.mjs +47 -49
  248. package/tooltip/index.mjs.map +1 -1
  249. package/{orgchart/OrgChart.style.d.ts → tree/Tree.style.d.ts} +3 -3
  250. package/tree/index.d.ts +1 -0
  251. package/tree/index.mjs +39 -0
  252. package/tree/index.mjs.map +1 -0
  253. package/LICENSE +0 -21
  254. package/colorpicker/index.d.ts +0 -1
  255. package/colorpicker/index.mjs +0 -122
  256. package/colorpicker/index.mjs.map +0 -1
  257. package/confirmdialog/index.d.ts +0 -1
  258. package/confirmdialog/index.mjs +0 -2
  259. package/confirmdialog/index.mjs.map +0 -1
  260. package/confirmpopup/index.d.ts +0 -1
  261. package/confirmpopup/index.mjs +0 -2
  262. package/confirmpopup/index.mjs.map +0 -1
  263. package/imagecompare/index.d.ts +0 -1
  264. package/imagecompare/index.mjs +0 -2
  265. package/imagecompare/index.mjs.map +0 -1
  266. package/orgchart/index.d.ts +0 -1
  267. package/orgchart/index.mjs +0 -185
  268. package/orgchart/index.mjs.map +0 -1
  269. package/switch/index.d.ts +0 -1
  270. package/switch/index.mjs +0 -2
  271. package/switch/index.mjs.map +0 -1
package/gallery/index.mjs CHANGED
@@ -1,136 +1,2 @@
1
- import{createStyles as e}from"@primereact/styles/utils";var r=`
2
- .p-gallery {
3
- width: 100%;
4
- position: relative;
5
- overflow: hidden;
6
- display: grid;
7
- grid-template-columns: 2.5rem 1fr 2.5rem;
8
- grid-template-rows: 2.5rem 1fr 4rem;
9
- padding: 1rem;
10
- gap: 0.75rem;
11
- }
12
- .p-gallery-backdrop {
13
- position: absolute;
14
- inset: 0;
15
- z-index: 0;
16
- background-color: var(--p-surface-950);
17
- }
18
- .p-gallery-content {
19
- position: relative;
20
- grid-column: 2 / span 1;
21
- grid-row: 2 / span 1;
22
- z-index: 1;
23
- place-self: stretch center;
24
- width: 100%;
25
- }
26
-
27
- .p-gallery-item {
28
- --position-x: 0px;
29
- --position-y: 0px;
30
- --scale: 1;
31
- --rotation: 0deg;
32
- --flip-x: 1;
33
- --flip-y: 1;
34
- position: absolute;
35
- top: 50%;
36
- left: 50%;
37
- transform-origin: center;
38
- user-select: none;
39
- touch-action: none;
40
- align-items: center;
41
- justify-content: center;
42
- transform: translate(calc(-50% + var(--position-x)), calc(-50% + var(--position-y))) scale(var(--scale)) rotate(calc(var(--rotation))) scaleX(var(--flip-x)) scaleY(var(--flip-y));
43
- opacity: 0;
44
- pointer-events: none;
45
- visibility: hidden;
46
- z-index: 0;
47
- display: none;
48
- cursor: pointer;
49
- transition:
50
- transform 0.3s ease,
51
- opacity 0.3s ease;
52
- }
53
-
54
- .p-gallery-item[data-active="true"] {
55
- opacity: 1;
56
- pointer-events: auto;
57
- visibility: visible;
58
- z-index: 1;
59
- display: flex;
60
- cursor: zoom-in;
61
- }
62
-
63
- .p-gallery-toolbar {
64
- grid-column: 1 / span 3;
65
- grid-row: 1;
66
- place-self: flex-end;
67
- z-index: 2;
68
- height: 100%;
69
- display: flex;
70
- align-items: center;
71
- gap: 0.5rem;
72
- border-radius: 0.5rem;
73
- border: 1px solid var(--p-surface-800);
74
- background-color: var(--p-surface-900);
75
- padding: 0.25rem;
76
- }
77
-
78
- .p-gallery-toolbar-item {
79
- width: 2rem;
80
- height: 2rem;
81
- cursor: pointer;
82
- border-radius: 0.5rem;
83
- border: 1px solid transparent;
84
- color: var(--p-surface-400);
85
- display: flex;
86
- align-items: center;
87
- justify-content: center;
88
- }
89
-
90
- .p-gallery-toolbar-item:hover {
91
- border-color: var(--p-surface-700);
92
- background-color: var(--p-surface-800);
93
- }
94
-
95
- .p-gallery-next,
96
- .p-gallery-prev {
97
- grid-row: 1 / span 3;
98
- place-self: center;
99
- z-index: 2;
100
- width: 100%;
101
- aspect-ratio: 1 / 1;
102
- cursor: pointer;
103
- border-radius: 0.5rem;
104
- border: 1px solid var(--p-surface-800);
105
- background-color: var(--p-surface-900);
106
- color: var(--p-surface-400);
107
- transition-property: background-color;
108
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
109
- transition-duration: 150ms;
110
- display: flex;
111
- align-items: center;
112
- justify-content: center;
113
- }
114
-
115
- .p-gallery-next:hover,
116
- .p-gallery-prev:hover {
117
- background-color: var(--p-surface-800);
118
- }
119
-
120
- .p-gallery-next {
121
- grid-column: 3;
122
- }
123
-
124
- .p-gallery-prev {
125
- grid-column: 1;
126
- }
127
-
128
- .p-gallery-thumbnail {
129
- max-width: 600px;
130
- grid-column: 1 / span 3;
131
- grid-row: 3;
132
- place-self: center;
133
- z-index: 2;
134
- }
135
- `,t=e({name:"gallery",style:r,classes:{root:"p-gallery",backdrop:"p-gallery-backdrop",content:"p-gallery-content",item:"p-gallery-item",next:"p-gallery-next",prev:"p-gallery-prev",toolbar:"p-gallery-toolbar",toolbarItem:"p-gallery-toolbar-item",thumbnail:"p-gallery-thumbnail",thumbnailContent:"p-gallery-thumbnail-content",thumbnailItem:"p-gallery-thumbnail-item"}});export{t as styles};
1
+ import{createStyles as l}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/gallery";var r=l({name:"gallery",style:e,classes:{root:"p-gallery",backdrop:"p-gallery-backdrop",header:"p-gallery-header",footer:"p-gallery-footer",content:"p-gallery-content",item:"p-gallery-item",next:"p-gallery-next",prev:"p-gallery-prev",action:"p-gallery-action",zoomIn:"p-gallery-action",zoomOut:"p-gallery-action",zoomToggle:"p-gallery-action",rotateLeft:"p-gallery-action",rotateRight:"p-gallery-action",flipX:"p-gallery-action",flipY:"p-gallery-action",download:"p-gallery-action",fullScreen:"p-gallery-action",thumbnail:"p-gallery-thumbnail",thumbnailContent:"p-gallery-thumbnail-content",thumbnailItem:"p-gallery-thumbnail-item"}});export{r as styles};
136
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/gallery/Gallery.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { GalleryInstance } from '@primereact/types/shared/gallery';\n\nconst theme = `\n .p-gallery {\n width: 100%;\n position: relative;\n overflow: hidden;\n display: grid;\n grid-template-columns: 2.5rem 1fr 2.5rem;\n grid-template-rows: 2.5rem 1fr 4rem;\n padding: 1rem;\n gap: 0.75rem;\n }\n .p-gallery-backdrop {\n position: absolute;\n inset: 0;\n z-index: 0;\n background-color: var(--p-surface-950);\n }\n .p-gallery-content {\n position: relative;\n grid-column: 2 / span 1;\n grid-row: 2 / span 1;\n z-index: 1;\n place-self: stretch center;\n width: 100%;\n }\n\n .p-gallery-item {\n --position-x: 0px;\n --position-y: 0px;\n --scale: 1;\n --rotation: 0deg;\n --flip-x: 1;\n --flip-y: 1;\n position: absolute;\n top: 50%;\n left: 50%;\n transform-origin: center;\n user-select: none;\n touch-action: none;\n align-items: center;\n justify-content: center;\n transform: translate(calc(-50% + var(--position-x)), calc(-50% + var(--position-y))) scale(var(--scale)) rotate(calc(var(--rotation))) scaleX(var(--flip-x)) scaleY(var(--flip-y));\n opacity: 0;\n pointer-events: none;\n visibility: hidden;\n z-index: 0;\n display: none;\n cursor: pointer;\n transition:\n transform 0.3s ease,\n opacity 0.3s ease;\n }\n\n .p-gallery-item[data-active=\"true\"] {\n opacity: 1;\n pointer-events: auto;\n visibility: visible;\n z-index: 1;\n display: flex;\n cursor: zoom-in;\n }\n\n .p-gallery-toolbar {\n grid-column: 1 / span 3;\n grid-row: 1;\n place-self: flex-end;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n border-radius: 0.5rem;\n border: 1px solid var(--p-surface-800);\n background-color: var(--p-surface-900);\n padding: 0.25rem;\n }\n\n .p-gallery-toolbar-item {\n width: 2rem;\n height: 2rem;\n cursor: pointer;\n border-radius: 0.5rem;\n border: 1px solid transparent;\n color: var(--p-surface-400);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .p-gallery-toolbar-item:hover {\n border-color: var(--p-surface-700);\n background-color: var(--p-surface-800);\n }\n\n .p-gallery-next,\n .p-gallery-prev {\n grid-row: 1 / span 3;\n place-self: center;\n z-index: 2;\n width: 100%;\n aspect-ratio: 1 / 1;\n cursor: pointer;\n border-radius: 0.5rem;\n border: 1px solid var(--p-surface-800);\n background-color: var(--p-surface-900);\n color: var(--p-surface-400);\n transition-property: background-color;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .p-gallery-next:hover,\n .p-gallery-prev:hover {\n background-color: var(--p-surface-800);\n }\n\n .p-gallery-next {\n grid-column: 3;\n }\n\n .p-gallery-prev {\n grid-column: 1;\n }\n\n .p-gallery-thumbnail {\n max-width: 600px;\n grid-column: 1 / span 3;\n grid-row: 3;\n place-self: center;\n z-index: 2;\n }\n`;\n\nexport const styles = createStyles<GalleryInstance>({\n name: 'gallery',\n style: theme,\n classes: {\n root: 'p-gallery',\n backdrop: 'p-gallery-backdrop',\n content: 'p-gallery-content',\n item: 'p-gallery-item',\n next: 'p-gallery-next',\n prev: 'p-gallery-prev',\n toolbar: 'p-gallery-toolbar',\n toolbarItem: 'p-gallery-toolbar-item',\n thumbnail: 'p-gallery-thumbnail',\n thumbnailContent: 'p-gallery-thumbnail-content',\n thumbnailItem: 'p-gallery-thumbnail-item'\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwIDC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAOC,EACP,QAAS,CACL,KAAM,YACN,SAAU,qBACV,QAAS,oBACT,KAAM,iBACN,KAAM,iBACN,KAAM,iBACN,QAAS,oBACT,YAAa,yBACb,UAAW,sBACX,iBAAkB,8BAClB,cAAe,0BACnB,CACJ,CAAC","names":["createStyles","theme","styles"]}
1
+ {"version":3,"sources":["../../src/gallery/Gallery.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { GalleryRootInstance } from '@primereact/types/primitive/gallery';\nimport { style } from '@primeuix/styles/gallery';\n\nexport const styles = createStyles<GalleryRootInstance>({\n name: 'gallery',\n style,\n classes: {\n root: 'p-gallery',\n backdrop: 'p-gallery-backdrop',\n header: 'p-gallery-header',\n footer: 'p-gallery-footer',\n content: 'p-gallery-content',\n item: 'p-gallery-item',\n next: 'p-gallery-next',\n prev: 'p-gallery-prev',\n action: 'p-gallery-action',\n zoomIn: 'p-gallery-action',\n zoomOut: 'p-gallery-action',\n zoomToggle: 'p-gallery-action',\n rotateLeft: 'p-gallery-action',\n rotateRight: 'p-gallery-action',\n flipX: 'p-gallery-action',\n flipY: 'p-gallery-action',\n download: 'p-gallery-action',\n fullScreen: 'p-gallery-action',\n thumbnail: 'p-gallery-thumbnail',\n thumbnailContent: 'p-gallery-thumbnail-content',\n thumbnailItem: 'p-gallery-thumbnail-item'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,YACN,SAAU,qBACV,OAAQ,mBACR,OAAQ,mBACR,QAAS,oBACT,KAAM,iBACN,KAAM,iBACN,KAAM,iBACN,OAAQ,mBACR,OAAQ,mBACR,QAAS,mBACT,WAAY,mBACZ,WAAY,mBACZ,YAAa,mBACb,MAAO,mBACP,MAAO,mBACP,SAAU,mBACV,WAAY,mBACZ,UAAW,sBACX,iBAAkB,8BAClB,cAAe,0BACnB,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { IconFieldInstance } from '@primereact/types/shared/iconfield';
1
+ import type { IconFieldRootInstance } from '@primereact/types/primitive/iconfield';
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<IconFieldInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<IconFieldInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<IconFieldRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<IconFieldRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1,2 +1,2 @@
1
- import{createStyles as e}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/iconfield";var n=e({name:"iconfield",style:o,classes:{root:"p-iconfield",icon:"p-inputicon"}});export{n as styles};
1
+ import{createStyles as e}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/iconfield";var n=e({name:"iconfield",style:o,classes:{root:"p-iconfield",inset:"p-inputicon"}});export{n as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/iconfield/IconField.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { IconFieldInstance } from '@primereact/types/shared/iconfield';\nimport { style } from '@primeuix/styles/iconfield';\n\nexport const styles = createStyles<IconFieldInstance>({\n name: 'iconfield',\n style,\n classes: {\n root: 'p-iconfield',\n icon: 'p-inputicon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,cACN,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles"]}
1
+ {"version":3,"sources":["../../src/iconfield/IconField.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { IconFieldRootInstance } from '@primereact/types/primitive/iconfield';\nimport { style } from '@primeuix/styles/iconfield';\n\nexport const styles = createStyles<IconFieldRootInstance>({\n name: 'iconfield',\n style,\n classes: {\n root: 'p-iconfield',\n inset: 'p-inputicon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,cACN,MAAO,aACX,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,5 +1,5 @@
1
- import type { IftaLabelInstance } from '@primereact/types/shared/label';
2
- export declare const iftaStyles: {
1
+ import type { IftaLabelInstance } from '@primereact/types/primitive/iftalabel';
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 './IftaLabel.style';
@@ -0,0 +1,2 @@
1
+ import{createStyles as t}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/iftalabel";var l=t({name:"iftalabel",style:e,classes:{root:"p-iftalabel"}});export{l as styles};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/iftalabel/IftaLabel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { IftaLabelInstance } from '@primereact/types/primitive/iftalabel';\nimport { style } from '@primeuix/styles/iftalabel';\n\nexport const styles = createStyles<IftaLabelInstance>({\n name: 'iftalabel',\n style,\n classes: {\n root: 'p-iftalabel'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { InplaceInstance } from '@primereact/types/shared/inplace';
1
+ import type { InplaceRootInstance } from '@primereact/types/primitive/inplace';
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<InplaceInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<InplaceInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<InplaceRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<InplaceRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
package/inplace/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{createStyles as p}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/inplace";var c=p({name:"inplace",style:t,classes:{root:"p-inplace p-component",display:({props:e})=>["p-inplace-display",{"p-disabled":e.disabled}],content:"p-inplace-content"}});export{c as styles};
1
+ import{createStyles as p}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/inplace";var a=p({name:"inplace",style:t,classes:{root:"p-inplace p-component",display:({props:e})=>["p-inplace-display",{"p-disabled":e.disabled}],content:"p-inplace-content"}});export{a as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/inplace/Inplace.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InplaceInstance } from '@primereact/types/shared/inplace';\nimport { style } from '@primeuix/styles/inplace';\n\nexport const styles = createStyles<InplaceInstance>({\n name: 'inplace',\n style,\n classes: {\n root: 'p-inplace p-component',\n display: ({ props }) => ['p-inplace-display', { 'p-disabled': props.disabled }],\n content: 'p-inplace-content'\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,QAAS,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,oBAAqB,CAAE,aAAcA,EAAM,QAAS,CAAC,EAC9E,QAAS,mBACb,CACJ,CAAC","names":["createStyles","style","styles","props"]}
1
+ {"version":3,"sources":["../../src/inplace/Inplace.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InplaceRootInstance } from '@primereact/types/primitive/inplace';\nimport { style } from '@primeuix/styles/inplace';\n\nexport const styles = createStyles<InplaceRootInstance>({\n name: 'inplace',\n style,\n classes: {\n root: 'p-inplace p-component',\n display: ({ props }) => ['p-inplace-display', { 'p-disabled': props.disabled }],\n content: 'p-inplace-content'\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,QAAS,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,oBAAqB,CAAE,aAAcA,EAAM,QAAS,CAAC,EAC9E,QAAS,mBACb,CACJ,CAAC","names":["createStyles","style","styles","props"]}
@@ -0,0 +1,15 @@
1
+ import type { InputColorRootInstance } from '@primereact/types/primitive/inputcolor';
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<InputColorRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<InputColorRootInstance>;
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 './InputColor.style';
@@ -0,0 +1,2 @@
1
+ import{createStyles as o}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/inputcolor";var p=o({name:"inputcolor",style:a,classes:{area:"p-inputcolor-area",areaHandle:({context:r})=>["p-inputcolor-area-handle",{"p-disabled":r.disabled}],areaBackground:"p-inputcolor-area-background",slider:({context:r})=>["p-inputcolor-slider",`p-inputcolor-slider-${r.orientation}`],sliderHandle:({context:r})=>["p-inputcolor-slider-handle",{"p-disabled":r.disabled}],sliderTrack:"p-inputcolor-slider-track",transparencyGrid:"p-inputcolor-transparency-grid",swatch:"p-inputcolor-swatch",swatchBackground:"p-inputcolor-swatch-background"}});export{p as styles};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/inputcolor/InputColor.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputColorRootInstance } from '@primereact/types/primitive/inputcolor';\nimport { style } from '@primeuix/styles/inputcolor';\n\nexport const styles = createStyles<InputColorRootInstance>({\n name: 'inputcolor',\n style,\n classes: {\n area: 'p-inputcolor-area',\n areaHandle: ({ context }) => ['p-inputcolor-area-handle', { 'p-disabled': context.disabled }],\n areaBackground: 'p-inputcolor-area-background',\n slider: ({ context }) => ['p-inputcolor-slider', `p-inputcolor-slider-${context.orientation}`],\n sliderHandle: ({ context }) => ['p-inputcolor-slider-handle', { 'p-disabled': context.disabled }],\n sliderTrack: 'p-inputcolor-slider-track',\n transparencyGrid: 'p-inputcolor-transparency-grid',\n swatch: 'p-inputcolor-swatch',\n swatchBackground: 'p-inputcolor-swatch-background'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAqC,CACvD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,oBACN,WAAY,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,2BAA4B,CAAE,aAAcA,EAAQ,QAAS,CAAC,EAC5F,eAAgB,+BAChB,OAAQ,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,sBAAuB,uBAAuBA,EAAQ,WAAW,EAAE,EAC7F,aAAc,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,6BAA8B,CAAE,aAAcA,EAAQ,QAAS,CAAC,EAChG,YAAa,4BACb,iBAAkB,iCAClB,OAAQ,sBACR,iBAAkB,gCACtB,CACJ,CAAC","names":["createStyles","style","styles","context"]}
@@ -1,10 +1,10 @@
1
- import type { InputGroupInstance } from '@primereact/types/shared/inputgroup';
1
+ import type { InputGroupRootInstance } from '@primereact/types/primitive/inputgroup';
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<InputGroupInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<InputGroupInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<InputGroupRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<InputGroupRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1,2 +1,2 @@
1
- import{createStyles as p}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/inputgroup";var e=p({name:"inputgroup",style:t,classes:{root:"p-inputgroup",addon:"p-inputgroupaddon"}});export{e as styles};
1
+ import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/inputgroup";var e=t({name:"inputgroup",style:o,classes:{root:"p-inputgroup",addon:"p-inputgroupaddon"}});export{e as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/inputgroup/InputGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputGroupInstance } from '@primereact/types/shared/inputgroup';\nimport { style } from '@primeuix/styles/inputgroup';\n\nexport const styles = createStyles<InputGroupInstance>({\n name: 'inputgroup',\n style,\n classes: {\n root: 'p-inputgroup',\n addon: 'p-inputgroupaddon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,eACN,MAAO,mBACX,CACJ,CAAC","names":["createStyles","style","styles"]}
1
+ {"version":3,"sources":["../../src/inputgroup/InputGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputGroupRootInstance } from '@primereact/types/primitive/inputgroup';\nimport { style } from '@primeuix/styles/inputgroup';\n\nexport const styles = createStyles<InputGroupRootInstance>({\n name: 'inputgroup',\n style,\n classes: {\n root: 'p-inputgroup',\n addon: 'p-inputgroupaddon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAqC,CACvD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,eACN,MAAO,mBACX,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { InputNumberInstance } from '@primereact/types/shared/inputnumber';
1
+ import type { InputNumberRootInstance } from '@primereact/types/primitive/inputnumber';
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<InputNumberInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<InputNumberInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<InputNumberRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<InputNumberRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1,2 +1,2 @@
1
- import{createStyles as n}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/inputnumber";var i=n({name:"inputnumber",style:p,classes:{root:({instance:t,props:e})=>["p-inputnumber p-component p-inputwrapper",{"p-invalid":e.invalid,"p-inputwrapper-filled":e.value!=null||e.defaultValue!=null||e.allowEmpty===!1,"p-inputwrapper-focus":t.focused,"p-inputnumber-fluid":e.fluid}],text:"p-inputnumber-input"}});export{i as styles};
1
+ import{createStyles as n}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/inputnumber";var m=n({name:"inputnumber",style:r,classes:{root:({props:t,state:u})=>["p-inputnumber p-component",{"p-inputnumber-stacked":u.hasGroup||t.layout==="stacked","p-inputnumber-horizontal":t.layout==="horizontal","p-inputnumber-vertical":t.layout==="vertical","p-inputnumber-fluid":t.fluid,"p-disabled":t.disabled,"p-invalid":t.invalid}],input:"p-inputnumber-input",group:"p-inputnumber-button-group",increment:({instance:t,props:u})=>{var e;return["p-inputnumber-button p-inputnumber-increment-button",{"p-disabled":u.disabled||((e=t.maxBoundry)==null?void 0:e.call(t))}]},decrement:({instance:t,props:u})=>{var e;return["p-inputnumber-button p-inputnumber-decrement-button",{"p-disabled":u.disabled||((e=t.minBoundry)==null?void 0:e.call(t))}]}}});export{m as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/inputnumber/InputNumber.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputNumberInstance } from '@primereact/types/shared/inputnumber';\nimport { style } from '@primeuix/styles/inputnumber';\n\nexport const styles = createStyles<InputNumberInstance>({\n name: 'inputnumber',\n style,\n classes: {\n root: ({ instance, props }) => [\n 'p-inputnumber p-component p-inputwrapper',\n {\n 'p-invalid': props.invalid,\n 'p-inputwrapper-filled': props.value != null || props.defaultValue != null || props.allowEmpty === false,\n 'p-inputwrapper-focus': instance.focused,\n 'p-inputnumber-fluid': props.fluid\n }\n ],\n text: 'p-inputnumber-input'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAM,CAC3B,2CACA,CACI,YAAaA,EAAM,QACnB,wBAAyBA,EAAM,OAAS,MAAQA,EAAM,cAAgB,MAAQA,EAAM,aAAe,GACnG,uBAAwBD,EAAS,QACjC,sBAAuBC,EAAM,KACjC,CACJ,EACA,KAAM,qBACV,CACJ,CAAC","names":["createStyles","style","styles","instance","props"]}
1
+ {"version":3,"sources":["../../src/inputnumber/InputNumber.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputNumberRootInstance } from '@primereact/types/primitive/inputnumber';\nimport { style } from '@primeuix/styles/inputnumber';\n\nexport const styles = createStyles<InputNumberRootInstance>({\n name: 'inputnumber',\n style,\n classes: {\n root: ({ props, state }) => [\n 'p-inputnumber p-component',\n {\n 'p-inputnumber-stacked': state.hasGroup || props.layout === 'stacked',\n 'p-inputnumber-horizontal': props.layout === 'horizontal',\n 'p-inputnumber-vertical': props.layout === 'vertical',\n 'p-inputnumber-fluid': props.fluid,\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid\n }\n ],\n input: 'p-inputnumber-input',\n group: 'p-inputnumber-button-group',\n increment: ({ instance, props }) => [\n 'p-inputnumber-button p-inputnumber-increment-button',\n {\n 'p-disabled': props.disabled || instance.maxBoundry?.()\n }\n ],\n decrement: ({ instance, props }) => [\n 'p-inputnumber-button p-inputnumber-decrement-button',\n {\n 'p-disabled': props.disabled || instance.minBoundry?.()\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAsC,CACxD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,4BACA,CACI,wBAAyBA,EAAM,UAAYD,EAAM,SAAW,UAC5D,2BAA4BA,EAAM,SAAW,aAC7C,yBAA0BA,EAAM,SAAW,WAC3C,sBAAuBA,EAAM,MAC7B,aAAcA,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,MAAO,sBACP,MAAO,6BACP,UAAW,CAAC,CAAE,SAAAE,EAAU,MAAAF,CAAM,IAAG,CArBzC,IAAAG,EAqB4C,OAChC,sDACA,CACI,aAAcH,EAAM,YAAYG,EAAAD,EAAS,aAAT,YAAAC,EAAA,KAAAD,GACpC,CACJ,GACA,UAAW,CAAC,CAAE,SAAAA,EAAU,MAAAF,CAAM,IAAG,CA3BzC,IAAAG,EA2B4C,OAChC,sDACA,CACI,aAAcH,EAAM,YAAYG,EAAAD,EAAS,aAAT,YAAAC,EAAA,KAAAD,GACpC,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","styles","props","state","instance","_a"]}
@@ -1,10 +1,10 @@
1
- import type { InputOtpInstance } from '@primereact/types/shared/inputotp';
1
+ import type { InputOtpRootInstance } from '@primereact/types/primitive/inputotp';
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<InputOtpInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<InputOtpInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<InputOtpRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<InputOtpRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/inputotp/InputOtp.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputOtpInstance } from '@primereact/types/shared/inputotp';\nimport { style } from '@primeuix/styles/inputotp';\n\nexport const styles = createStyles<InputOtpInstance>({\n name: 'inputotp',\n style,\n classes: {\n root: 'p-inputotp p-component',\n text: 'p-inputotp-input'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,yBACN,KAAM,kBACV,CACJ,CAAC","names":["createStyles","style","styles"]}
1
+ {"version":3,"sources":["../../src/inputotp/InputOtp.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputOtpRootInstance } from '@primereact/types/primitive/inputotp';\nimport { style } from '@primeuix/styles/inputotp';\n\nexport const styles = createStyles<InputOtpRootInstance>({\n name: 'inputotp',\n style,\n classes: {\n root: 'p-inputotp p-component',\n text: 'p-inputotp-input'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,yBACN,KAAM,kBACV,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -0,0 +1,15 @@
1
+ import type { InputTagsRootInstance } from '@primereact/types/primitive/inputtags';
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<InputTagsRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<InputTagsRootInstance>;
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 './InputTags.style';
@@ -0,0 +1,2 @@
1
+ import{createStyles as d}from"@primereact/styles/utils";import{style as f}from"@primeuix/styles/inputtags";import{isNotEmpty as m}from"@primeuix/utils";var r=d({name:"inputtags",style:f,classes:{root:({props:e,context:u,attrs:i,state:p})=>{var l,o,n;return["p-inputtags p-component",{"p-focus":p.focused,"p-invalid":e.invalid,"p-variant-filled":e.variant==="filled","p-inputtags-fluid":(l=e.fluid)!=null?l:u.$fluid,"p-inputwrapper-filled":m((n=(o=i==null?void 0:i.value)!=null?o:i==null?void 0:i.defaultValue)!=null?n:p==null?void 0:p.value),"p-disabled":e.disabled}]}}});export{r as styles};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/inputtags/InputTags.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputTagsRootInstance } from '@primereact/types/primitive/inputtags';\nimport { style } from '@primeuix/styles/inputtags';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<InputTagsRootInstance>({\n name: 'inputtags',\n style,\n classes: {\n root: ({ props, context, attrs, state }) => [\n 'p-inputtags p-component',\n {\n 'p-focus': state.focused,\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant === 'filled',\n 'p-inputtags-fluid': props.fluid ?? context.$fluid,\n 'p-inputwrapper-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue ?? state?.value),\n 'p-disabled': props.disabled\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BACtB,OAAS,cAAAC,MAAkB,kBAEpB,IAAMC,EAASH,EAAoC,CACtD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAG,EAAO,QAAAC,EAAS,MAAAC,EAAO,MAAAC,CAAM,IAAG,CATjD,IAAAC,EAAAC,EAAAC,EASoD,OACxC,0BACA,CACI,UAAWH,EAAM,QACjB,YAAaH,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,qBAAqBI,EAAAJ,EAAM,QAAN,KAAAI,EAAeH,EAAQ,OAC5C,wBAAyBH,GAAWQ,GAAAD,EAAAH,GAAA,YAAAA,EAAO,QAAP,KAAAG,EAAgBH,GAAA,YAAAA,EAAO,eAAvB,KAAAI,EAAuCH,GAAA,YAAAA,EAAO,KAAK,EACvF,aAAcH,EAAM,QACxB,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","context","attrs","state","_a","_b","_c"]}
@@ -1,4 +1,4 @@
1
- import type { InputTextInstance } from '@primereact/types/shared/inputtext';
1
+ import type { InputTextInstance } from '@primereact/types/primitive/inputtext';
2
2
  export declare const styles: {
3
3
  name: string | undefined;
4
4
  css: import("@primeuix/styled").StyleType | undefined;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/inputtext/InputText.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputTextInstance } from '@primereact/types/shared/inputtext';\nimport { style } from '@primeuix/styles/inputtext';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<InputTextInstance>({\n name: 'inputtext',\n style,\n classes: {\n root: ({ props, attrs, context }) => [\n 'p-inputtext p-component',\n {\n 'p-inputtext-sm p-inputfield-sm': props.size === 'small',\n 'p-inputtext-lg p-inputfield-lg': props.size === 'large',\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant === 'filled',\n 'p-inputtext-fluid': props.fluid ?? context.$fluid,\n 'p-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue)\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BACtB,OAAS,cAAAC,MAAkB,kBAEpB,IAAMC,EAASH,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAG,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IAAG,CAT1C,IAAAC,EAAAC,EAS6C,OACjC,0BACA,CACI,iCAAkCJ,EAAM,OAAS,QACjD,iCAAkCA,EAAM,OAAS,QACjD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,qBAAqBG,EAAAH,EAAM,QAAN,KAAAG,EAAeD,EAAQ,OAC5C,WAAYJ,GAAWM,EAAAH,GAAA,YAAAA,EAAO,QAAP,KAAAG,EAAgBH,GAAA,YAAAA,EAAO,YAAY,CAC9D,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","context","_a","_b"]}
1
+ {"version":3,"sources":["../../src/inputtext/InputText.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputTextInstance } from '@primereact/types/primitive/inputtext';\nimport { style } from '@primeuix/styles/inputtext';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<InputTextInstance>({\n name: 'inputtext',\n style,\n classes: {\n root: ({ props, attrs, context }) => [\n 'p-inputtext p-component',\n {\n 'p-inputtext-sm p-inputfield-sm': props.size === 'small',\n 'p-inputtext-lg p-inputfield-lg': props.size === 'large',\n 'p-invalid': props.invalid,\n 'p-variant-filled': props.variant === 'filled',\n 'p-inputtext-fluid': props.fluid ?? context.$fluid,\n 'p-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue)\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BACtB,OAAS,cAAAC,MAAkB,kBAEpB,IAAMC,EAASH,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAG,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IAAG,CAT1C,IAAAC,EAAAC,EAS6C,OACjC,0BACA,CACI,iCAAkCJ,EAAM,OAAS,QACjD,iCAAkCA,EAAM,OAAS,QACjD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,qBAAqBG,EAAAH,EAAM,QAAN,KAAAG,EAAeD,EAAQ,OAC5C,WAAYJ,GAAWM,EAAAH,GAAA,YAAAA,EAAO,QAAP,KAAAG,EAAgBH,GAAA,YAAAA,EAAO,YAAY,CAC9D,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","context","_a","_b"]}
@@ -1,10 +1,10 @@
1
- import type { KnobInstance } from '@primereact/types/shared/knob';
1
+ import type { KnobRootInstance } from '@primereact/types/primitive/knob';
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<KnobInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<KnobInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<KnobRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<KnobRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/knob/Knob.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { KnobInstance } from '@primereact/types/shared/knob';\nimport { style } from '@primeuix/styles/knob';\n\nexport const styles = createStyles<KnobInstance>({\n name: 'knob',\n style,\n classes: {\n root: ({ props }) => [\n 'p-knob p-component',\n {\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid\n }\n ],\n range: 'p-knob-range',\n value: 'p-knob-value',\n text: 'p-knob-text'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,aAAcA,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,MAAO,eACP,MAAO,eACP,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles","props"]}
1
+ {"version":3,"sources":["../../src/knob/Knob.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { KnobRootInstance } from '@primereact/types/primitive/knob';\nimport { style } from '@primeuix/styles/knob';\n\nexport const styles = createStyles<KnobRootInstance>({\n name: 'knob',\n style,\n classes: {\n root: ({ props }) => [\n 'p-knob p-component',\n {\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid\n }\n ],\n range: 'p-knob-range',\n value: 'p-knob-value',\n text: 'p-knob-text'\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,CAAM,IAAM,CACjB,qBACA,CACI,aAAcA,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,MAAO,eACP,MAAO,eACP,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles","props"]}
@@ -1,4 +1,4 @@
1
- import type { LabelInstance } from '@primereact/types/shared/label';
1
+ import type { LabelInstance } from '@primereact/types/primitive/label';
2
2
  export declare const styles: {
3
3
  name: string | undefined;
4
4
  css: import("@primeuix/styled").StyleType | undefined;
package/label/index.d.ts CHANGED
@@ -1,3 +1 @@
1
- export * from './FloatLabel.style';
2
- export * from './IftaLabel.style';
3
1
  export * from './Label.style';
package/label/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{createStyles as t}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/floatlabel";var n=t({name:"floatlabel",style:a,classes:{root:({props:e})=>["p-floatlabel",{"p-floatlabel-over":e.variant==="over","p-floatlabel-on":e.variant==="on","p-floatlabel-in":e.variant==="in"}]}});import{createStyles as l}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/iftalabel";var b=l({name:"iftalabel",style:o,classes:{root:"p-iftalabel"}});import{createStyles as r}from"@primereact/styles/utils";var I=r({name:"label"});export{n as floatStyles,b as iftaStyles,I as styles};
1
+ import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/label";var l=e({name:"label",style:t,classes:{root:"p-label p-component"}});export{l as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/label/FloatLabel.style.ts","../../src/label/IftaLabel.style.ts","../../src/label/Label.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FloatLabelInstance } from '@primereact/types/shared/label';\nimport { style } from '@primeuix/styles/floatlabel';\n\nexport const floatStyles = createStyles<FloatLabelInstance>({\n name: 'floatlabel',\n style,\n classes: {\n root: ({ props }) => [\n 'p-floatlabel',\n {\n 'p-floatlabel-over': props.variant === 'over',\n 'p-floatlabel-on': props.variant === 'on',\n 'p-floatlabel-in': props.variant === 'in'\n }\n ]\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { IftaLabelInstance } from '@primereact/types/shared/label';\nimport { style } from '@primeuix/styles/iftalabel';\n\nexport const iftaStyles = createStyles<IftaLabelInstance>({\n name: 'iftalabel',\n style,\n classes: {\n root: 'p-iftalabel'\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { LabelInstance } from '@primereact/types/shared/label';\n\nexport const styles = createStyles<LabelInstance>({\n name: 'label'\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAAcF,EAAiC,CACxD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,eACA,CACI,oBAAqBA,EAAM,UAAY,OACvC,kBAAmBA,EAAM,UAAY,KACrC,kBAAmBA,EAAM,UAAY,IACzC,CACJ,CACJ,CACJ,CAAC,ECjBD,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAAaF,EAAgC,CACtD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,aACV,CACJ,CAAC,ECVD,OAAS,gBAAAE,MAAoB,2BAGtB,IAAMC,EAASD,EAA4B,CAC9C,KAAM,OACV,CAAC","names":["createStyles","style","floatStyles","props","createStyles","style","iftaStyles","createStyles","styles"]}
1
+ {"version":3,"sources":["../../src/label/Label.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { LabelInstance } from '@primereact/types/primitive/label';\nimport { style } from '@primeuix/styles/label';\n\nexport const styles = createStyles<LabelInstance>({\n name: 'label',\n style,\n classes: {\n root: 'p-label p-component'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBAEf,IAAMC,EAASF,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,qBACV,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { ListboxInstance } from '@primereact/types/shared/listbox';
1
+ import type { ListboxRootInstance } from '@primereact/types/primitive/listbox';
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<ListboxInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<ListboxInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<ListboxRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<ListboxRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
package/listbox/index.mjs CHANGED
@@ -1,22 +1,22 @@
1
- import{createStyles as i}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/listbox";var l=`
2
- ${s}
1
+ import{createStyles as e}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/listbox";var l=`
2
+ ${s}
3
3
 
4
- /* For PrimeReact */
5
- .p-listbox-selection {
6
- /* margin-inline-start: dt('listbox.checkmark.gutter.start'); */
7
- margin-inline-end: dt('listbox.checkmark.gutter.end');
8
- }
4
+ /* For PrimeReact */
5
+ .p-listbox-list {
6
+ overflow: auto;
7
+ }
9
8
 
10
- .p-listbox-list {
11
- overflow: auto;
12
- }
9
+ .p-listbox-option {
10
+ flex-shrink: 0;
11
+ }
13
12
 
14
- .p-listbox-option {
15
- flex-shrink: 0;
16
- }
13
+ .p-listbox-option-indicator {
14
+ display: flex;
15
+ align-items: center;
16
+ }
17
17
 
18
- .p-listbox-empty-message {
19
- display: flex;
20
- }
21
- `,r=i({name:"listbox",style:l,classes:{root:({props:t})=>["p-listbox p-component",{"p-listbox-striped":t.striped,"p-disabled":t.disabled,"p-listbox-fluid":t.fluid,"p-invalid":t.invalid}],header:"p-listbox-header",footer:"p-listbox-footer",pcFilter:"p-listbox-filter",list:"p-listbox-list",optionGroup:"p-listbox-option-group",option:({props:t,state:e,context:o})=>["p-listbox-option",{"p-listbox-option-selected":o.selected&&!(t.checkbox||t.checkmark),"p-focus":e.focusedOptionIndex===o.index,"p-disabled":o.disabled}],selection:"p-listbox-selection",optionCheckIcon:"p-listbox-option-check-icon",optionBlankIcon:"p-listbox-option-blank-icon",empty:"p-listbox-empty-message"}});export{r as styles};
18
+ .p-listbox-empty-message {
19
+ display: flex;
20
+ }
21
+ `,r=e({name:"listbox",style:l,classes:{root:({props:o})=>["p-listbox p-component",{"p-listbox-striped":o.striped,"p-disabled":o.disabled,"p-listbox-fluid":o.fluid,"p-invalid":o.invalid}],header:"p-listbox-header",footer:"p-listbox-footer",pcFilter:"p-listbox-filter",list:"p-listbox-list",optionGroup:"p-listbox-option-group",option:({props:o,state:i,context:t})=>["p-listbox-option",{"p-listbox-option-selected":t.selected&&!(o.checkbox||o.checkmark),"p-focus":i.focusedOptionIndex===t.index,"p-disabled":t.disabled}],optionIndicator:"p-listbox-option-indicator",optionCheckIcon:"p-listbox-option-check-icon",optionBlankIcon:"p-listbox-option-blank-icon",empty:"p-listbox-empty-message"}});export{r as styles};
22
22
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/listbox/Listbox.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ListboxInstance } from '@primereact/types/shared/listbox';\nimport { style } from '@primeuix/styles/listbox';\n\nconst _style = /*css*/ `\n ${style}\n\n /* For PrimeReact */\n .p-listbox-selection {\n /* margin-inline-start: dt('listbox.checkmark.gutter.start'); */\n margin-inline-end: dt('listbox.checkmark.gutter.end');\n }\n\n .p-listbox-list {\n overflow: auto;\n }\n\n .p-listbox-option {\n flex-shrink: 0;\n }\n\n .p-listbox-empty-message {\n display: flex;\n }\n`;\n\nexport const styles = createStyles<ListboxInstance>({\n name: 'listbox',\n style: _style,\n classes: {\n root: ({ props }) => [\n 'p-listbox p-component',\n {\n 'p-listbox-striped': props.striped,\n 'p-disabled': props.disabled,\n 'p-listbox-fluid': props.fluid,\n 'p-invalid': props.invalid\n }\n ],\n header: 'p-listbox-header',\n footer: 'p-listbox-footer',\n pcFilter: 'p-listbox-filter',\n list: 'p-listbox-list',\n optionGroup: 'p-listbox-option-group',\n option: ({ props, state, context }) => {\n return [\n 'p-listbox-option',\n {\n 'p-listbox-option-selected': context.selected && !(props.checkbox || props.checkmark),\n 'p-focus': state.focusedOptionIndex === context.index,\n 'p-disabled': context.disabled\n }\n ];\n },\n selection: 'p-listbox-selection',\n optionCheckIcon: 'p-listbox-option-check-icon',\n optionBlankIcon: 'p-listbox-option-blank-icon',\n empty: 'p-listbox-empty-message'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEtB,IAAMC,EAAiB;AAAA,MACjBD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBEE,EAASH,EAA8B,CAChD,KAAM,UACN,MAAOE,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,wBACA,CACI,oBAAqBA,EAAM,QAC3B,aAAcA,EAAM,SACpB,kBAAmBA,EAAM,MACzB,YAAaA,EAAM,OACvB,CACJ,EACA,OAAQ,mBACR,OAAQ,mBACR,SAAU,mBACV,KAAM,iBACN,YAAa,yBACb,OAAQ,CAAC,CAAE,MAAAA,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IACtB,CACH,mBACA,CACI,4BAA6BA,EAAQ,UAAY,EAAEF,EAAM,UAAYA,EAAM,WAC3E,UAAWC,EAAM,qBAAuBC,EAAQ,MAChD,aAAcA,EAAQ,QAC1B,CACJ,EAEJ,UAAW,sBACX,gBAAiB,8BACjB,gBAAiB,8BACjB,MAAO,yBACX,CACJ,CAAC","names":["createStyles","style","_style","styles","props","state","context"]}
1
+ {"version":3,"sources":["../../src/listbox/Listbox.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ListboxRootInstance } from '@primereact/types/primitive/listbox';\nimport { style as listbox_style } from '@primeuix/styles/listbox';\n\nconst style = /*css*/ `\n${listbox_style}\n\n/* For PrimeReact */\n.p-listbox-list {\n overflow: auto;\n}\n\n.p-listbox-option {\n flex-shrink: 0;\n}\n\n.p-listbox-option-indicator {\n display: flex;\n align-items: center;\n}\n\n.p-listbox-empty-message {\n display: flex;\n}\n`;\n\nexport const styles = createStyles<ListboxRootInstance>({\n name: 'listbox',\n style,\n classes: {\n root: ({ props }) => [\n 'p-listbox p-component',\n {\n 'p-listbox-striped': props.striped,\n 'p-disabled': props.disabled,\n 'p-listbox-fluid': props.fluid,\n 'p-invalid': props.invalid\n }\n ],\n header: 'p-listbox-header',\n footer: 'p-listbox-footer',\n pcFilter: 'p-listbox-filter',\n list: 'p-listbox-list',\n optionGroup: 'p-listbox-option-group',\n option: ({ props, state, context }) => {\n return [\n 'p-listbox-option',\n {\n 'p-listbox-option-selected': context.selected && !(props.checkbox || props.checkmark),\n 'p-focus': state.focusedOptionIndex === context.index,\n 'p-disabled': context.disabled\n }\n ];\n },\n optionIndicator: 'p-listbox-option-indicator',\n optionCheckIcon: 'p-listbox-option-check-icon',\n optionBlankIcon: 'p-listbox-option-blank-icon',\n empty: 'p-listbox-empty-message'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAqB,2BAEvC,IAAMC,EAAgB;AAAA,EACpBD,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBFE,EAASH,EAAkC,CACpD,KAAM,UACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,wBACA,CACI,oBAAqBA,EAAM,QAC3B,aAAcA,EAAM,SACpB,kBAAmBA,EAAM,MACzB,YAAaA,EAAM,OACvB,CACJ,EACA,OAAQ,mBACR,OAAQ,mBACR,SAAU,mBACV,KAAM,iBACN,YAAa,yBACb,OAAQ,CAAC,CAAE,MAAAA,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IACtB,CACH,mBACA,CACI,4BAA6BA,EAAQ,UAAY,EAAEF,EAAM,UAAYA,EAAM,WAC3E,UAAWC,EAAM,qBAAuBC,EAAQ,MAChD,aAAcA,EAAQ,QAC1B,CACJ,EAEJ,gBAAiB,6BACjB,gBAAiB,8BACjB,gBAAiB,8BACjB,MAAO,yBACX,CACJ,CAAC","names":["createStyles","listbox_style","style","styles","props","state","context"]}
@@ -1,10 +1,10 @@
1
- import type { SwitchInstance } from '@primereact/types/shared/switch';
1
+ import type { MenuRootInstance } from '@primereact/types/primitive/menu';
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<SwitchInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<SwitchInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<MenuRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<MenuRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -0,0 +1 @@
1
+ export * from './Menu.style';