@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
@@ -1,10 +1,10 @@
1
- import type { AccordionInstance } from '@primereact/types/shared/accordion';
1
+ import type { AccordionRootInstance } from '@primereact/types/shared/accordion';
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<AccordionInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<AccordionInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<AccordionRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<AccordionRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1,2 +1 @@
1
1
  export * from './Accordion.style';
2
- export * from './AccordionPanel.style';
@@ -1,2 +1,23 @@
1
- import{createStyles as r}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/accordion";var d=r({name:"accordion",style:n,classes:{root:"p-accordion p-component",content:"p-accordioncontent p-accordioncontent-content",header:"p-accordionheader",toggleicon:"p-accordionheader-toggle-icon"}});import{createStyles as t}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/accordion";var y=t({name:"accordionpanel",style:a,classes:{root:({instance:o,props:c})=>{var e;return["p-accordionpanel",{"p-accordionpanel-active":o.active,"p-disabled":c.disabled||((e=o.accordion)==null?void 0:e.props.disabled)}]}}});export{y as panelStyles,d as styles};
1
+ import{createStyles as r}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/accordion";var c=`
2
+ ${e}
3
+
4
+ /* @todo review styles */
5
+ .p-accordiontrigger {
6
+ padding: dt('accordion.header.padding');
7
+ height: 100%;
8
+ cursor: pointer;
9
+ outline: 0 none;
10
+ }
11
+
12
+ .p-accordionheader {
13
+ padding: 0;
14
+ cursor: initial;
15
+ }
16
+
17
+ .p-accordionheader:has(.p-accordiontrigger:focus-visible) {
18
+ box-shadow: dt('accordion.header.focus.ring.shadow');
19
+ outline: dt('accordion.header.focus.ring.width') dt('accordion.header.focus.ring.style') dt('accordion.header.focus.ring.color');
20
+ outline-offset: dt('accordion.header.focus.ring.offset');
21
+ }
22
+ `,d=r({name:"accordion",style:c,classes:{root:"p-accordion p-component",header:"p-accordionheader",trigger:"p-accordiontrigger",content:"p-accordioncontent",contentOuter:"p-accordioncontent-wrapper",contentInner:"p-accordioncontent-content",panel:({context:o})=>["p-accordionpanel",{"p-disabled":o.disabled}]}});export{d as styles};
2
23
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/accordion/Accordion.style.ts","../../src/accordion/AccordionPanel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AccordionInstance } from '@primereact/types/shared/accordion';\nimport { style } from '@primeuix/styles/accordion';\n\nexport const styles = createStyles<AccordionInstance>({\n name: 'accordion',\n style,\n classes: {\n root: 'p-accordion p-component',\n content: 'p-accordioncontent p-accordioncontent-content',\n header: 'p-accordionheader',\n toggleicon: 'p-accordionheader-toggle-icon'\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { AccordionPanelInstance } from '@primereact/types/shared/accordion';\nimport { style } from '@primeuix/styles/accordion';\n\nexport const panelStyles = createStyles<AccordionPanelInstance>({\n name: 'accordionpanel',\n style,\n classes: {\n root: ({ instance, props }) => {\n return [\n 'p-accordionpanel',\n {\n 'p-accordionpanel-active': instance.active,\n 'p-disabled': props.disabled || instance.accordion?.props.disabled\n }\n ];\n }\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,0BACN,QAAS,gDACT,OAAQ,oBACR,WAAY,+BAChB,CACJ,CAAC,ECbD,OAAS,gBAAAE,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAAcF,EAAqC,CAC5D,KAAM,iBACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAM,CARvC,IAAAC,EASY,MAAO,CACH,mBACA,CACI,0BAA2BF,EAAS,OACpC,aAAcC,EAAM,YAAYC,EAAAF,EAAS,YAAT,YAAAE,EAAoB,MAAM,SAC9D,CACJ,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","createStyles","style","panelStyles","instance","props","_a"]}
1
+ {"version":3,"sources":["../../src/accordion/Accordion.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AccordionRootInstance } from '@primereact/types/shared/accordion';\nimport { style as accordion_style } from '@primeuix/styles/accordion';\n\nconst style = /*css*/ `\n${accordion_style}\n\n/* @todo review styles */\n.p-accordiontrigger {\n padding: dt('accordion.header.padding');\n height: 100%;\n cursor: pointer;\n outline: 0 none;\n}\n\n.p-accordionheader {\n padding: 0;\n cursor: initial;\n}\n\n.p-accordionheader:has(.p-accordiontrigger:focus-visible) {\n box-shadow: dt('accordion.header.focus.ring.shadow');\n outline: dt('accordion.header.focus.ring.width') dt('accordion.header.focus.ring.style') dt('accordion.header.focus.ring.color');\n outline-offset: dt('accordion.header.focus.ring.offset');\n}\n`;\n\nexport const styles = createStyles<AccordionRootInstance>({\n name: 'accordion',\n style,\n classes: {\n root: 'p-accordion p-component',\n header: 'p-accordionheader',\n trigger: 'p-accordiontrigger',\n content: 'p-accordioncontent',\n contentOuter: 'p-accordioncontent-wrapper',\n contentInner: 'p-accordioncontent-content',\n panel: ({ context }) => {\n return [\n 'p-accordionpanel',\n {\n 'p-disabled': context.disabled\n }\n ];\n }\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAuB,6BAEzC,IAAMC,EAAgB;AAAA,EACpBD,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBJE,EAASH,EAAoC,CACtD,KAAM,YACN,MAAAE,EACA,QAAS,CACL,KAAM,0BACN,OAAQ,oBACR,QAAS,qBACT,QAAS,qBACT,aAAc,6BACd,aAAc,6BACd,MAAO,CAAC,CAAE,QAAAE,CAAQ,IACP,CACH,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,CAER,CACJ,CAAC","names":["createStyles","accordion_style","style","styles","context"]}
@@ -0,0 +1,15 @@
1
+ import type { AnimateOnScrollInstance } from '@primereact/types/shared/animateonscroll';
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<AnimateOnScrollInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<AnimateOnScrollInstance>;
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 './AnimateOnScroll.style';
@@ -0,0 +1,2 @@
1
+ import{createStyles as e}from"@primereact/styles/utils";var r=e({name:"animateonscroll-directive"});export{r as styles};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/animateonscroll/AnimateOnScroll.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AnimateOnScrollInstance } from '@primereact/types/shared/animateonscroll';\n\nexport const styles = createStyles<AnimateOnScrollInstance>({\n name: 'animateonscroll-directive'\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAAsC,CACxD,KAAM,2BACV,CAAC","names":["createStyles","styles"]}
@@ -0,0 +1,15 @@
1
+ import type { AutoCompleteRootInstance } from '@primereact/types/shared/autocomplete';
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<AutoCompleteRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<AutoCompleteRootInstance>;
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 './AutoComplete.style';
@@ -0,0 +1,30 @@
1
+ import{createStyles as l}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/autocomplete";import{isNotEmpty as a}from"@primeuix/utils";var i=`
2
+ ${r}
3
+
4
+ /* For PrimeReact */
5
+ .p-autocomplete-list-container {
6
+ background: dt('autocomplete.overlay.background');
7
+ color: dt('autocomplete.overlay.color');
8
+ border: 1px solid dt('autocomplete.overlay.border.color');
9
+ border-radius: dt('autocomplete.overlay.border.radius');
10
+ box-shadow: dt('autocomplete.overlay.shadow');
11
+ opacity: 0;
12
+ scale: 0.93;
13
+ transition: opacity 300ms cubic-bezier(.19,1,.22,1), scale 300ms cubic-bezier(.19,1,.22,1);
14
+ transform-origin: var(--transform-origin);
15
+
16
+ &[data-open]{
17
+ opacity: 1;
18
+ scale: 1;
19
+ }
20
+ }
21
+
22
+ .p-autocomplete-list.p-listbox {
23
+ border: unset;
24
+ }
25
+
26
+ .p-autocomplete-clear-icon {
27
+ display: inline-flex;
28
+ }
29
+ `,m=l({name:"autocomplete",style:i,classes:{root:({props:e,context:p,state:o})=>{var t;return["p-autocomplete p-component p-inputwrapper",{"p-invalid":e.invalid,"p-focus":o.focused,"p-inputwrapper-filled":a(o.inputValue),"p-inputwrapper-focus":o.focused,"p-autocomplete-fluid":(t=e.fluid)!=null?t:p.$fluid}]},input:"p-autocomplete-input",clearIcon:"p-autocomplete-clear-icon",trigger:"p-autocomplete-dropdown",positioner:"p-autocomplete-positioner",panel:"p-autocomplete-list-container",list:"p-autocomplete-list",options:"p-autocomplete-options",option:"p-autocomplete-option",selection:"p-autocomplete-selection",empty:"p-autocomplete-empty-message"},inlineStyles:{root:{position:"relative"}}});export{m as styles};
30
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/autocomplete/AutoComplete.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AutoCompleteRootInstance } from '@primereact/types/shared/autocomplete';\nimport { style } from '@primeuix/styles/autocomplete';\nimport { isNotEmpty } from '@primeuix/utils';\n\nconst theme = /*css*/ `\n${style}\n\n/* For PrimeReact */\n.p-autocomplete-list-container {\n background: dt('autocomplete.overlay.background');\n color: dt('autocomplete.overlay.color');\n border: 1px solid dt('autocomplete.overlay.border.color');\n border-radius: dt('autocomplete.overlay.border.radius');\n box-shadow: dt('autocomplete.overlay.shadow');\n opacity: 0;\n scale: 0.93;\n transition: opacity 300ms cubic-bezier(.19,1,.22,1), scale 300ms cubic-bezier(.19,1,.22,1);\n transform-origin: var(--transform-origin);\n\n &[data-open]{\n opacity: 1;\n scale: 1;\n }\n}\n\n.p-autocomplete-list.p-listbox {\n border: unset;\n}\n\n.p-autocomplete-clear-icon {\n display: inline-flex;\n}\n`;\n\nexport const styles = createStyles<AutoCompleteRootInstance>({\n name: 'autocomplete',\n style: theme,\n classes: {\n root: ({ props, context, state }) => [\n 'p-autocomplete p-component p-inputwrapper',\n {\n 'p-invalid': props.invalid,\n 'p-focus': state.focused,\n 'p-inputwrapper-filled': isNotEmpty(state.inputValue),\n 'p-inputwrapper-focus': state.focused,\n 'p-autocomplete-fluid': props.fluid ?? context.$fluid\n }\n ],\n input: 'p-autocomplete-input',\n clearIcon: 'p-autocomplete-clear-icon',\n trigger: 'p-autocomplete-dropdown',\n positioner: 'p-autocomplete-positioner',\n panel: 'p-autocomplete-list-container',\n list: 'p-autocomplete-list',\n options: 'p-autocomplete-options',\n option: 'p-autocomplete-option',\n selection: 'p-autocomplete-selection',\n empty: 'p-autocomplete-empty-message'\n },\n inlineStyles: {\n root: {\n position: 'relative'\n }\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCACtB,OAAS,cAAAC,MAAkB,kBAE3B,IAAMC,EAAgB;AAAA,EACpBF,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BMG,EAASJ,EAAuC,CACzD,KAAM,eACN,MAAOG,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,QAAAC,EAAS,MAAAC,CAAM,IAAG,CAvC1C,IAAAC,EAuC6C,OACjC,4CACA,CACI,YAAaH,EAAM,QACnB,UAAWE,EAAM,QACjB,wBAAyBL,EAAWK,EAAM,UAAU,EACpD,uBAAwBA,EAAM,QAC9B,wBAAwBC,EAAAH,EAAM,QAAN,KAAAG,EAAeF,EAAQ,MACnD,CACJ,GACA,MAAO,uBACP,UAAW,4BACX,QAAS,0BACT,WAAY,4BACZ,MAAO,gCACP,KAAM,sBACN,QAAS,yBACT,OAAQ,wBACR,UAAW,2BACX,MAAO,8BACX,EACA,aAAc,CACV,KAAM,CACF,SAAU,UACd,CACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","theme","styles","props","context","state","_a"]}
@@ -1,10 +1,10 @@
1
- import type { AvatarInstance } from '@primereact/types/shared/avatar';
1
+ import type { AvatarRootInstance } from '@primereact/types/shared/avatar';
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<AvatarInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<AvatarInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<AvatarRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<AvatarRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
package/avatar/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{createStyles as r}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/avatar";var s=r({name:"avatar",style:t,classes:{root:({props:a})=>["p-avatar p-component",{"p-avatar-image":a.image!=null,"p-avatar-circle":a.shape==="circle","p-avatar-lg":a.size==="large","p-avatar-xl":a.size==="xlarge"}],fallback:"p-avatar-label",icon:"p-avatar-icon"}});import{createStyles as e}from"@primereact/styles/utils";var m=e({name:"avatargroup",classes:{root:"p-avatar-group"}});export{m as groupStyles,s as styles};
1
+ import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/avatar";var s=t({name:"avatar",style:r,classes:{root:({props:a})=>["p-avatar p-component",{"p-avatar-image":a.image!=null,"p-avatar-circle":a.shape==="circle","p-avatar-lg":a.size==="large","p-avatar-xl":a.size==="xlarge"}],fallback:"p-avatar-label",icon:"p-avatar-icon"}});import{createStyles as e}from"@primereact/styles/utils";var m=e({name:"avatargroup",classes:{root:"p-avatar-group"}});export{m as groupStyles,s as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/avatar/Avatar.style.ts","../../src/avatar/AvatarGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarInstance } from '@primereact/types/shared/avatar';\nimport { style } from '@primeuix/styles/avatar';\n\nexport const styles = createStyles<AvatarInstance>({\n name: 'avatar',\n style,\n classes: {\n root: ({ props }) => [\n 'p-avatar p-component',\n {\n 'p-avatar-image': props.image != null,\n 'p-avatar-circle': props.shape === 'circle',\n 'p-avatar-lg': props.size === 'large',\n 'p-avatar-xl': props.size === 'xlarge'\n }\n ],\n fallback: 'p-avatar-label',\n icon: 'p-avatar-icon'\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarGroupInstance } from '@primereact/types/shared/avatar';\n\nexport const groupStyles = createStyles<AvatarGroupInstance>({\n name: 'avatargroup',\n classes: {\n root: 'p-avatar-group'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,uBACA,CACI,iBAAkBA,EAAM,OAAS,KACjC,kBAAmBA,EAAM,QAAU,SACnC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAClC,CACJ,EACA,SAAU,iBACV,KAAM,eACV,CACJ,CAAC,ECpBD,OAAS,gBAAAC,MAAoB,2BAGtB,IAAMC,EAAcD,EAAkC,CACzD,KAAM,cACN,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","style","styles","props","createStyles","groupStyles"]}
1
+ {"version":3,"sources":["../../src/avatar/Avatar.style.ts","../../src/avatar/AvatarGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarRootInstance } from '@primereact/types/shared/avatar';\nimport { style } from '@primeuix/styles/avatar';\n\nexport const styles = createStyles<AvatarRootInstance>({\n name: 'avatar',\n style,\n classes: {\n root: ({ props }) => [\n 'p-avatar p-component',\n {\n 'p-avatar-image': props.image != null,\n 'p-avatar-circle': props.shape === 'circle',\n 'p-avatar-lg': props.size === 'large',\n 'p-avatar-xl': props.size === 'xlarge'\n }\n ],\n fallback: 'p-avatar-label',\n icon: 'p-avatar-icon'\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarGroupInstance } from '@primereact/types/shared/avatar';\n\nexport const groupStyles = createStyles<AvatarGroupInstance>({\n name: 'avatargroup',\n classes: {\n root: 'p-avatar-group'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,uBACA,CACI,iBAAkBA,EAAM,OAAS,KACjC,kBAAmBA,EAAM,QAAU,SACnC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAClC,CACJ,EACA,SAAU,iBACV,KAAM,eACV,CACJ,CAAC,ECpBD,OAAS,gBAAAC,MAAoB,2BAGtB,IAAMC,EAAcD,EAAkC,CACzD,KAAM,cACN,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","style","styles","props","createStyles","groupStyles"]}
package/badge/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export * from './Badge.style';
2
- export * from './OverlayBadge.style';
package/badge/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{createStyles as a}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/badge";import{isEmpty as r,isNotEmpty as s}from"@primeuix/utils/object";var n=a({name:"badge",style:t,classes:{root:({props:e})=>["p-badge p-component",{"p-badge-circle":e.shape==="circle"&&s(e.children),"p-badge-dot":r(e.children),"p-badge-sm":e.size==="small","p-badge-lg":e.size==="large","p-badge-xl":e.size==="xlarge","p-badge-info":e.severity==="info","p-badge-success":e.severity==="success","p-badge-warn":e.severity==="warn","p-badge-danger":e.severity==="danger","p-badge-secondary":e.severity==="secondary","p-badge-contrast":e.severity==="contrast"}]}});import{createStyles as d}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/overlaybadge";var b=d({name:"overlaybadge",style:o,classes:{root:"p-overlaybadge"}});export{b as overlayStyles,n as styles};
1
+ import{createStyles as a}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/badge";import{isEmpty as r,isNotEmpty as s}from"@primeuix/utils/object";var g=a({name:"badge",style:t,classes:{root:({props:e})=>["p-badge p-component",{"p-badge-circle":e.shape==="circle"&&s(e.children),"p-badge-dot":r(e.children),"p-badge-sm":e.size==="small","p-badge-lg":e.size==="large","p-badge-xl":e.size==="xlarge","p-badge-info":e.severity==="info","p-badge-success":e.severity==="success","p-badge-warn":e.severity==="warn","p-badge-danger":e.severity==="danger","p-badge-secondary":e.severity==="secondary","p-badge-contrast":e.severity==="contrast"}]}});export{g as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/badge/Badge.style.ts","../../src/badge/OverlayBadge.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BadgeInstance } from '@primereact/types/shared/badge';\nimport { style } from '@primeuix/styles/badge';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils/object';\n\nexport const styles = createStyles<BadgeInstance>({\n name: 'badge',\n style,\n classes: {\n root: ({ props }) => [\n 'p-badge p-component',\n {\n 'p-badge-circle': props.shape === 'circle' && isNotEmpty(props.children),\n 'p-badge-dot': isEmpty(props.children),\n 'p-badge-sm': props.size === 'small',\n 'p-badge-lg': props.size === 'large',\n 'p-badge-xl': props.size === 'xlarge',\n 'p-badge-info': props.severity === 'info',\n 'p-badge-success': props.severity === 'success',\n 'p-badge-warn': props.severity === 'warn',\n 'p-badge-danger': props.severity === 'danger',\n 'p-badge-secondary': props.severity === 'secondary',\n 'p-badge-contrast': props.severity === 'contrast'\n }\n ]\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { OverlayBadgeInstance } from '@primereact/types/shared/badge';\nimport { style } from '@primeuix/styles/overlaybadge';\n\nexport const overlayStyles = createStyles<OverlayBadgeInstance>({\n name: 'overlaybadge',\n style,\n classes: {\n root: 'p-overlaybadge'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBACtB,OAAS,WAAAC,EAAS,cAAAC,MAAkB,yBAE7B,IAAMC,EAASJ,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAI,CAAM,IAAM,CACjB,sBACA,CACI,iBAAkBA,EAAM,QAAU,UAAYF,EAAWE,EAAM,QAAQ,EACvE,cAAeH,EAAQG,EAAM,QAAQ,EACrC,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,SAC7B,eAAgBA,EAAM,WAAa,OACnC,kBAAmBA,EAAM,WAAa,UACtC,eAAgBA,EAAM,WAAa,OACnC,iBAAkBA,EAAM,WAAa,SACrC,oBAAqBA,EAAM,WAAa,YACxC,mBAAoBA,EAAM,WAAa,UAC3C,CACJ,CACJ,CACJ,CAAC,EC1BD,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAAgBF,EAAmC,CAC5D,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","style","isEmpty","isNotEmpty","styles","props","createStyles","style","overlayStyles"]}
1
+ {"version":3,"sources":["../../src/badge/Badge.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BadgeInstance } from '@primereact/types/shared/badge';\nimport { style } from '@primeuix/styles/badge';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils/object';\n\nexport const styles = createStyles<BadgeInstance>({\n name: 'badge',\n style,\n classes: {\n root: ({ props }) => [\n 'p-badge p-component',\n {\n 'p-badge-circle': props.shape === 'circle' && isNotEmpty(props.children),\n 'p-badge-dot': isEmpty(props.children),\n 'p-badge-sm': props.size === 'small',\n 'p-badge-lg': props.size === 'large',\n 'p-badge-xl': props.size === 'xlarge',\n 'p-badge-info': props.severity === 'info',\n 'p-badge-success': props.severity === 'success',\n 'p-badge-warn': props.severity === 'warn',\n 'p-badge-danger': props.severity === 'danger',\n 'p-badge-secondary': props.severity === 'secondary',\n 'p-badge-contrast': props.severity === 'contrast'\n }\n ]\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBACtB,OAAS,WAAAC,EAAS,cAAAC,MAAkB,yBAE7B,IAAMC,EAASJ,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAI,CAAM,IAAM,CACjB,sBACA,CACI,iBAAkBA,EAAM,QAAU,UAAYF,EAAWE,EAAM,QAAQ,EACvE,cAAeH,EAAQG,EAAM,QAAQ,EACrC,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,SAC7B,eAAgBA,EAAM,WAAa,OACnC,kBAAmBA,EAAM,WAAa,UACtC,eAAgBA,EAAM,WAAa,OACnC,iBAAkBA,EAAM,WAAa,SACrC,oBAAqBA,EAAM,WAAa,YACxC,mBAAoBA,EAAM,WAAa,UAC3C,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","isEmpty","isNotEmpty","styles","props"]}
package/base/index.mjs CHANGED
@@ -17,5 +17,26 @@ import{style as e}from"@primeuix/styles/base";var t=`
17
17
  overflow: hidden;
18
18
  padding-right: dt('scrollbar.width');
19
19
  }
20
+
21
+ /* For PrimeReact Motion */
22
+ .p-toggleable-content-enter-from,
23
+ .p-toggleable-content-leave-to {
24
+ max-height: 0;
25
+ }
26
+
27
+ .p-toggleable-content-enter-to,
28
+ .p-toggleable-content-leave-from {
29
+ max-height: var(--pui-motion-height, 1000px);
30
+ }
31
+
32
+ .p-toggleable-content-leave-active {
33
+ overflow: hidden;
34
+ transition: max-height 200ms ease-out;
35
+ }
36
+
37
+ .p-toggleable-content-enter-active {
38
+ overflow: hidden;
39
+ transition: max-height 200ms ease-out;
40
+ }
20
41
  `,i={name:"base",css:t,style:e,classes:{},inlineStyles:{}};export{i as styles};
21
42
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/base/Base.style.ts"],"sourcesContent":["import type { StylesOptions } from '@primereact/types/styles';\nimport { style } from '@primeuix/styles/base';\n\nconst css = /*css*/ `\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0;\n pointer-events: none;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n padding-right: dt('scrollbar.width');\n}\n`;\n\nexport const styles = {\n name: 'base',\n css,\n style,\n classes: {},\n inlineStyles: {}\n} satisfies StylesOptions;\n"],"mappings":"AACA,OAAS,SAAAA,MAAa,wBAEtB,IAAMC,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBPC,EAAS,CAClB,KAAM,OACN,IAAAD,EACA,MAAAD,EACA,QAAS,CAAC,EACV,aAAc,CAAC,CACnB","names":["style","css","styles"]}
1
+ {"version":3,"sources":["../../src/base/Base.style.ts"],"sourcesContent":["import type { StylesOptions } from '@primereact/types/styles';\nimport { style } from '@primeuix/styles/base';\n\nconst css = /*css*/ `\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n opacity: 0;\n overflow: hidden;\n padding: 0;\n pointer-events: none;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n padding-right: dt('scrollbar.width');\n}\n\n/* For PrimeReact Motion */\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n max-height: 0;\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n max-height: var(--pui-motion-height, 1000px);\n}\n\n.p-toggleable-content-leave-active {\n overflow: hidden;\n transition: max-height 200ms ease-out;\n}\n\n.p-toggleable-content-enter-active {\n overflow: hidden;\n transition: max-height 200ms ease-out;\n}\n`;\n\nexport const styles = {\n name: 'base',\n css,\n style,\n classes: {},\n inlineStyles: {}\n} satisfies StylesOptions;\n"],"mappings":"AACA,OAAS,SAAAA,MAAa,wBAEtB,IAAMC,EAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0CPC,EAAS,CAClB,KAAM,OACN,IAAAD,EACA,MAAAD,EACA,QAAS,CAAC,EACV,aAAc,CAAC,CACnB","names":["style","css","styles"]}
@@ -0,0 +1,15 @@
1
+ import type { BreadcrumbRootInstance } from '@primereact/types/shared/breadcrumb';
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<BreadcrumbRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<BreadcrumbRootInstance>;
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 './Breadcrumb.style';
@@ -0,0 +1,29 @@
1
+ import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/breadcrumb";var o=`
2
+ ${t}
3
+
4
+ .p-breadcrumb-item a {
5
+ text-decoration: none;
6
+ display: flex;
7
+ align-items: center;
8
+ gap: dt('breadcrumb.item.gap');
9
+ transition:
10
+ background dt('breadcrumb.transition.duration'),
11
+ color dt('breadcrumb.transition.duration'),
12
+ outline-color dt('breadcrumb.transition.duration'),
13
+ box-shadow dt('breadcrumb.transition.duration');
14
+ border-radius: dt('breadcrumb.item.border.radius');
15
+ outline-color: transparent;
16
+ color: dt('breadcrumb.item.color');
17
+ }
18
+
19
+ .p-breadcrumb-item a:focus-visible {
20
+ box-shadow: dt('breadcrumb.item.focus.ring.shadow');
21
+ outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
22
+ outline-offset: dt('breadcrumb.item.focus.ring.offset');
23
+ }
24
+
25
+ .p-breadcrumb-item a:hover{
26
+ color: dt('breadcrumb.item.hover.color');
27
+ }
28
+ `,b=e({name:"breadcrumb",style:o,classes:{root:"p-breadcrumb p-component",list:"p-breadcrumb-list",item:({context:r})=>["p-breadcrumb-item",{"p-disabled":r.disabled}],separator:"p-breadcrumb-separator",icon:"p-breadcrumb-separator-icon"}});export{b as styles};
29
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/breadcrumb/Breadcrumb.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BreadcrumbRootInstance } from '@primereact/types/shared/breadcrumb';\nimport { style } from '@primeuix/styles/breadcrumb';\n\nconst _style = /*css*/ `\n ${style}\n\n .p-breadcrumb-item a {\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: dt('breadcrumb.item.gap');\n transition:\n background dt('breadcrumb.transition.duration'),\n color dt('breadcrumb.transition.duration'),\n outline-color dt('breadcrumb.transition.duration'),\n box-shadow dt('breadcrumb.transition.duration');\n border-radius: dt('breadcrumb.item.border.radius');\n outline-color: transparent;\n color: dt('breadcrumb.item.color');\n }\n\n .p-breadcrumb-item a:focus-visible {\n box-shadow: dt('breadcrumb.item.focus.ring.shadow');\n outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');\n outline-offset: dt('breadcrumb.item.focus.ring.offset');\n }\n\n .p-breadcrumb-item a:hover{\n color: dt('breadcrumb.item.hover.color');\n }\n`;\n\nexport const styles = createStyles<BreadcrumbRootInstance>({\n name: 'breadcrumb',\n style: _style,\n classes: {\n root: 'p-breadcrumb p-component',\n list: 'p-breadcrumb-list',\n item: ({ context }) => [\n 'p-breadcrumb-item',\n {\n 'p-disabled': context.disabled\n }\n ],\n separator: 'p-breadcrumb-separator',\n icon: 'p-breadcrumb-separator-icon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEtB,IAAMC,EAAiB;AAAA,MACjBD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BEE,EAASH,EAAqC,CACvD,KAAM,aACN,MAAOE,EACP,QAAS,CACL,KAAM,2BACN,KAAM,oBACN,KAAM,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACnB,oBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,yBACX,KAAM,6BACV,CACJ,CAAC","names":["createStyles","style","_style","styles","context"]}
package/button/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export * from './Button.style';
2
- export * from './ButtonGroup.style';
package/button/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/button";var r=o({name:"button",style:e,classes:{root:({instance:n,props:t})=>["p-button p-component",{"p-button-icon-only":t.iconOnly,"p-button-loading":t.loading,"p-button-link":t.variant==="link",[`p-button-${t.severity}`]:t.severity,"p-button-raised":t.raised,"p-button-rounded":t.rounded,"p-button-text":t.variant==="text","p-button-outlined":t.variant==="outlined","p-button-sm":t.size==="small","p-button-lg":t.size==="large","p-button-plain":t.plain,"p-button-fluid":n.hasFluid}],loadingIcon:"p-button-loading-icon",icon:({props:n})=>["p-button-icon",{[`p-button-icon-${n.iconPos}`]:n.label}],label:"p-button-label"}});import{createStyles as u}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/buttongroup";var p=u({name:"buttongroup",style:i,classes:{root:"p-buttongroup p-component"}});export{p as groupStyles,r as styles};
1
+ import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/button";var a=o({name:"button",style:e,classes:{root:({instance:n,props:t})=>["p-button p-component",{"p-button-icon-only":t.iconOnly,"p-button-loading":t.loading,"p-button-link":t.variant==="link",[`p-button-${t.severity}`]:t.severity,"p-button-raised":t.raised,"p-button-rounded":t.rounded,"p-button-text":t.variant==="text","p-button-outlined":t.variant==="outlined","p-button-sm":t.size==="small","p-button-lg":t.size==="large","p-button-plain":t.plain,"p-button-fluid":n.hasFluid}],loadingIcon:"p-button-loading-icon",icon:({props:n})=>["p-button-icon",{[`p-button-icon-${n.iconPos}`]:n.label}],label:"p-button-label"}});export{a as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/button/Button.style.ts","../../src/button/ButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ButtonInstance } from '@primereact/types/shared/button';\nimport { style } from '@primeuix/styles/button';\n\nexport const styles = createStyles<ButtonInstance>({\n name: 'button',\n style,\n classes: {\n root: ({ instance, props }) => [\n 'p-button p-component',\n {\n 'p-button-icon-only': props.iconOnly,\n 'p-button-loading': props.loading,\n 'p-button-link': props.variant === 'link',\n [`p-button-${props.severity}`]: props.severity,\n 'p-button-raised': props.raised,\n 'p-button-rounded': props.rounded,\n 'p-button-text': props.variant === 'text',\n 'p-button-outlined': props.variant === 'outlined',\n 'p-button-sm': props.size === 'small',\n 'p-button-lg': props.size === 'large',\n 'p-button-plain': props.plain,\n 'p-button-fluid': instance.hasFluid\n }\n ],\n loadingIcon: 'p-button-loading-icon',\n icon: ({ props }) => [\n 'p-button-icon',\n {\n [`p-button-icon-${props.iconPos}`]: props.label\n }\n ],\n label: 'p-button-label'\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { ButtonGroupInstance } from '@primereact/types/shared/button';\nimport { style } from '@primeuix/styles/buttongroup';\n\nexport const groupStyles = createStyles<ButtonGroupInstance>({\n name: 'buttongroup',\n style,\n classes: {\n root: 'p-buttongroup p-component'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAM,CAC3B,uBACA,CACI,qBAAsBA,EAAM,SAC5B,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,CAAC,YAAYA,EAAM,QAAQ,EAAE,EAAGA,EAAM,SACtC,kBAAmBA,EAAM,OACzB,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,oBAAqBA,EAAM,UAAY,WACvC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAC9B,iBAAkBA,EAAM,MACxB,iBAAkBD,EAAS,QAC/B,CACJ,EACA,YAAa,wBACb,KAAM,CAAC,CAAE,MAAAC,CAAM,IAAM,CACjB,gBACA,CACI,CAAC,iBAAiBA,EAAM,OAAO,EAAE,EAAGA,EAAM,KAC9C,CACJ,EACA,MAAO,gBACX,CACJ,CAAC,EClCD,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAAcF,EAAkC,CACzD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,2BACV,CACJ,CAAC","names":["createStyles","style","styles","instance","props","createStyles","style","groupStyles"]}
1
+ {"version":3,"sources":["../../src/button/Button.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ButtonInstance } from '@primereact/types/shared/button';\nimport { style } from '@primeuix/styles/button';\n\nexport const styles = createStyles<ButtonInstance>({\n name: 'button',\n style,\n classes: {\n root: ({ instance, props }) => [\n 'p-button p-component',\n {\n 'p-button-icon-only': props.iconOnly,\n 'p-button-loading': props.loading,\n 'p-button-link': props.variant === 'link',\n [`p-button-${props.severity}`]: props.severity,\n 'p-button-raised': props.raised,\n 'p-button-rounded': props.rounded,\n 'p-button-text': props.variant === 'text',\n 'p-button-outlined': props.variant === 'outlined',\n 'p-button-sm': props.size === 'small',\n 'p-button-lg': props.size === 'large',\n 'p-button-plain': props.plain,\n 'p-button-fluid': instance.hasFluid\n }\n ],\n loadingIcon: 'p-button-loading-icon',\n icon: ({ props }) => [\n 'p-button-icon',\n {\n [`p-button-icon-${props.iconPos}`]: props.label\n }\n ],\n label: 'p-button-label'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAM,CAC3B,uBACA,CACI,qBAAsBA,EAAM,SAC5B,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,CAAC,YAAYA,EAAM,QAAQ,EAAE,EAAGA,EAAM,SACtC,kBAAmBA,EAAM,OACzB,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,oBAAqBA,EAAM,UAAY,WACvC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAC9B,iBAAkBA,EAAM,MACxB,iBAAkBD,EAAS,QAC/B,CACJ,EACA,YAAa,wBACb,KAAM,CAAC,CAAE,MAAAC,CAAM,IAAM,CACjB,gBACA,CACI,CAAC,iBAAiBA,EAAM,OAAO,EAAE,EAAGA,EAAM,KAC9C,CACJ,EACA,MAAO,gBACX,CACJ,CAAC","names":["createStyles","style","styles","instance","props"]}
@@ -1,5 +1,5 @@
1
- import type { ButtonGroupInstance } from '@primereact/types/shared/button';
2
- export declare const groupStyles: {
1
+ import type { ButtonGroupInstance } from '@primereact/types/shared/buttongroup';
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 './ButtonGroup.style';
@@ -0,0 +1,2 @@
1
+ import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/buttongroup";var p=t({name:"buttongroup",style:o,classes:{root:"p-buttongroup p-component"}});export{p as styles};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/buttongroup/ButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ButtonGroupInstance } from '@primereact/types/shared/buttongroup';\nimport { style } from '@primeuix/styles/buttongroup';\n\nexport const styles = createStyles<ButtonGroupInstance>({\n name: 'buttongroup',\n style,\n classes: {\n root: 'p-buttongroup p-component'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,2BACV,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { CardInstance } from '@primereact/types/shared/card';
1
+ import type { CardRootInstance } from '@primereact/types/shared/card';
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<CardInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<CardInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<CardRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<CardRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/card/Card.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CardInstance } from '@primereact/types/shared/card';\nimport { style } from '@primeuix/styles/card';\n\nexport const styles = createStyles<CardInstance>({\n name: 'card',\n style,\n classes: {\n root: 'p-card p-component',\n header: 'p-card-header',\n body: 'p-card-body',\n caption: 'p-card-caption',\n title: 'p-card-title',\n subtitle: 'p-card-subtitle',\n content: 'p-card-content',\n footer: 'p-card-footer'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,qBACN,OAAQ,gBACR,KAAM,cACN,QAAS,iBACT,MAAO,eACP,SAAU,kBACV,QAAS,iBACT,OAAQ,eACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
1
+ {"version":3,"sources":["../../src/card/Card.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CardRootInstance } from '@primereact/types/shared/card';\nimport { style } from '@primeuix/styles/card';\n\nexport const styles = createStyles<CardRootInstance>({\n name: 'card',\n style,\n classes: {\n root: 'p-card p-component',\n header: 'p-card-header',\n body: 'p-card-body',\n caption: 'p-card-caption',\n title: 'p-card-title',\n subtitle: 'p-card-subtitle',\n content: 'p-card-content',\n footer: 'p-card-footer'\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,qBACN,OAAQ,gBACR,KAAM,cACN,QAAS,iBACT,MAAO,eACP,SAAU,kBACV,QAAS,iBACT,OAAQ,eACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -0,0 +1,15 @@
1
+ import type { CarouselRootInstance } from '@primereact/types/shared/carousel';
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<CarouselRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<CarouselRootInstance>;
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 './Carousel.style';
@@ -0,0 +1,49 @@
1
+ import{createStyles as t}from"@primereact/styles/utils";var r=`
2
+
3
+ .p-carousel-indicator-list {
4
+ display: flex;
5
+ flex-direction: row;
6
+ justify-content: center;
7
+ flex-wrap: wrap;
8
+ padding: dt('carousel.indicator.list.padding');
9
+ gap: dt('carousel.indicator.list.gap');
10
+ margin: 0;
11
+ list-style: none;
12
+ }
13
+
14
+ .p-carousel-indicator-button {
15
+ display: flex;
16
+ align-items: center;
17
+ justify-content: center;
18
+ background: dt('carousel.indicator.background');
19
+ width: dt('carousel.indicator.width');
20
+ height: dt('carousel.indicator.height');
21
+ border: 0 none;
22
+ transition:
23
+ background dt('carousel.transition.duration'),
24
+ color dt('carousel.transition.duration'),
25
+ outline-color dt('carousel.transition.duration'),
26
+ box-shadow dt('carousel.transition.duration');
27
+ outline-color: transparent;
28
+ border-radius: dt('carousel.indicator.border.radius');
29
+ padding: 0;
30
+ margin: 0;
31
+ user-select: none;
32
+ cursor: pointer;
33
+ }
34
+
35
+ .p-carousel-indicator-button:focus-visible {
36
+ box-shadow: dt('carousel.indicator.focus.ring.shadow');
37
+ outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');
38
+ outline-offset: dt('carousel.indicator.focus.ring.offset');
39
+ }
40
+
41
+ .p-carousel-indicator-button:hover {
42
+ background: dt('carousel.indicator.hover.background');
43
+ }
44
+
45
+ .p-carousel-indicator-active.p-carousel-indicator-button {
46
+ background: dt('carousel.indicator.active.background');
47
+ }
48
+ `,a=t({name:"carousel",style:r,classes:{root:"p-carousel p-component",viewport:"p-carousel-viewport",content:({context:o})=>["p-carousel-content",o.orientation==="vertical"?"p-carousel-content-vertical":"p-carousel-content-horizontal"],item:"p-carousel-item",indicators:"p-carousel-indicator-list",indicator:({context:o})=>["p-carousel-indicator-button",o.active?"p-carousel-indicator-active":""],prev:({context:o})=>[{"p-disabled":o.disabled}],next:({context:o})=>[{"p-disabled":o.disabled}]}});export{a as styles};
49
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/carousel/Carousel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CarouselRootInstance } from '@primereact/types/shared/carousel';\n\nconst theme = `\n\n.p-carousel-indicator-list {\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n padding: dt('carousel.indicator.list.padding');\n gap: dt('carousel.indicator.list.gap');\n margin: 0;\n list-style: none;\n}\n\n.p-carousel-indicator-button {\n display: flex;\n align-items: center;\n justify-content: center;\n background: dt('carousel.indicator.background');\n width: dt('carousel.indicator.width');\n height: dt('carousel.indicator.height');\n border: 0 none;\n transition:\n background dt('carousel.transition.duration'),\n color dt('carousel.transition.duration'),\n outline-color dt('carousel.transition.duration'),\n box-shadow dt('carousel.transition.duration');\n outline-color: transparent;\n border-radius: dt('carousel.indicator.border.radius');\n padding: 0;\n margin: 0;\n user-select: none;\n cursor: pointer;\n}\n\n.p-carousel-indicator-button:focus-visible {\n box-shadow: dt('carousel.indicator.focus.ring.shadow');\n outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');\n outline-offset: dt('carousel.indicator.focus.ring.offset');\n}\n\n.p-carousel-indicator-button:hover {\n background: dt('carousel.indicator.hover.background');\n}\n\n.p-carousel-indicator-active.p-carousel-indicator-button {\n background: dt('carousel.indicator.active.background');\n}\n`;\n\nexport const styles = createStyles<CarouselRootInstance>({\n name: 'carousel',\n style: theme,\n classes: {\n root: 'p-carousel p-component',\n viewport: 'p-carousel-viewport',\n content: ({ context }) => ['p-carousel-content', context.orientation === 'vertical' ? 'p-carousel-content-vertical' : 'p-carousel-content-horizontal'],\n item: 'p-carousel-item',\n indicators: 'p-carousel-indicator-list',\n indicator: ({ context }) => ['p-carousel-indicator-button', context.active ? 'p-carousel-indicator-active' : ''],\n prev: ({ context }) => [\n {\n 'p-disabled': context.disabled\n }\n ],\n next: ({ context }) => [\n {\n 'p-disabled': context.disabled\n }\n ]\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,EAiDDC,EAASF,EAAmC,CACrD,KAAM,WACN,MAAOC,EACP,QAAS,CACL,KAAM,yBACN,SAAU,sBACV,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,qBAAsBA,EAAQ,cAAgB,WAAa,8BAAgC,+BAA+B,EACrJ,KAAM,kBACN,WAAY,4BACZ,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+BA,EAAQ,OAAS,8BAAgC,EAAE,EAC/G,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","theme","styles","context"]}
@@ -1,10 +1,10 @@
1
- import type { CheckboxInstance } from '@primereact/types/shared/checkbox';
1
+ import type { CheckboxRootInstance } from '@primereact/types/shared/checkbox';
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<CheckboxInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<CheckboxInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<CheckboxRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<CheckboxRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -1,2 +1 @@
1
1
  export * from './Checkbox.style';
2
- export * from './CheckboxGroup.style';
@@ -1,2 +1,2 @@
1
- import{createStyles as r}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/checkbox";var m=r({name:"checkbox",style:i,classes:{root:({props:e,state:t,instance:p})=>{var o,c;return["p-checkbox p-component",{"p-checkbox-checked":t.checked,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-variant-filled":((c=e.variant)!=null?c:(o=p.$primereact.config)==null?void 0:o.inputVariant)==="filled","p-checkbox-sm p-inputfield-sm":e.size==="small","p-checkbox-lg p-inputfield-lg":e.size==="large"}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}});import{createStyles as n}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/checkboxgroup";var k=n({name:"checkboxgroup",style:a,classes:{root:"p-checkbox-group p-component"}});export{k as groupStyles,m as styles};
1
+ import{createStyles as a}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/checkbox";var r=a({name:"checkbox",style:n,classes:{root:({props:e,state:i,instance:t})=>{var c,o;return["p-checkbox p-component",{"p-checkbox-checked":i.checked,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-variant-filled":((o=e.variant)!=null?o:(c=t.$primereact.config)==null?void 0:c.inputVariant)==="filled","p-checkbox-sm p-inputfield-sm":e.size==="small","p-checkbox-lg p-inputfield-lg":e.size==="large"}]},box:"p-checkbox-box",input:"p-checkbox-input",indicator:"p-checkbox-icon"}});export{r as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/checkbox/Checkbox.style.ts","../../src/checkbox/CheckboxGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CheckboxInstance } from '@primereact/types/shared/checkbox';\nimport { style } from '@primeuix/styles/checkbox';\n\nexport const styles = createStyles<CheckboxInstance>({\n name: 'checkbox',\n style,\n classes: {\n root: ({ props, state, instance }) => [\n 'p-checkbox p-component',\n {\n 'p-checkbox-checked': state.checked,\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid,\n 'p-variant-filled': (props.variant ?? instance.$primereact.config?.inputVariant) === 'filled',\n 'p-checkbox-sm p-inputfield-sm': props.size === 'small',\n 'p-checkbox-lg p-inputfield-lg': props.size === 'large'\n }\n ],\n box: 'p-checkbox-box',\n input: 'p-checkbox-input',\n icon: 'p-checkbox-icon'\n }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport { CheckboxGroupInstance } from '@primereact/types/shared/checkbox';\nimport { style } from '@primeuix/styles/checkboxgroup';\n\nexport const groupStyles = createStyles<CheckboxGroupInstance>({\n name: 'checkboxgroup',\n style,\n classes: {\n root: 'p-checkbox-group p-component'\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,CAAC,CAAE,MAAAE,EAAO,MAAAC,EAAO,SAAAC,CAAS,IAAG,CAR3C,IAAAC,EAAAC,EAQ8C,OAClC,yBACA,CACI,qBAAsBH,EAAM,QAC5B,aAAcD,EAAM,SACpB,YAAaA,EAAM,QACnB,qBAAqBI,EAAAJ,EAAM,UAAN,KAAAI,GAAiBD,EAAAD,EAAS,YAAY,SAArB,YAAAC,EAA6B,gBAAkB,SACrF,gCAAiCH,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,OACpD,CACJ,GACA,IAAK,iBACL,MAAO,mBACP,KAAM,iBACV,CACJ,CAAC,ECvBD,OAAS,gBAAAK,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,iCAEf,IAAMC,EAAcF,EAAoC,CAC3D,KAAM,gBACN,MAAAC,EACA,QAAS,CACL,KAAM,8BACV,CACJ,CAAC","names":["createStyles","style","styles","props","state","instance","_a","_b","createStyles","style","groupStyles"]}
1
+ {"version":3,"sources":["../../src/checkbox/Checkbox.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CheckboxRootInstance } from '@primereact/types/shared/checkbox';\nimport { style } from '@primeuix/styles/checkbox';\n\nexport const styles = createStyles<CheckboxRootInstance>({\n name: 'checkbox',\n style,\n classes: {\n root: ({ props, state, instance }) => [\n 'p-checkbox p-component',\n {\n 'p-checkbox-checked': state.checked,\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid,\n 'p-variant-filled': (props.variant ?? instance.$primereact.config?.inputVariant) === 'filled',\n 'p-checkbox-sm p-inputfield-sm': props.size === 'small',\n 'p-checkbox-lg p-inputfield-lg': props.size === 'large'\n }\n ],\n box: 'p-checkbox-box',\n input: 'p-checkbox-input',\n indicator: 'p-checkbox-icon'\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,EAAO,MAAAC,EAAO,SAAAC,CAAS,IAAG,CAR3C,IAAAC,EAAAC,EAQ8C,OAClC,yBACA,CACI,qBAAsBH,EAAM,QAC5B,aAAcD,EAAM,SACpB,YAAaA,EAAM,QACnB,qBAAqBI,EAAAJ,EAAM,UAAN,KAAAI,GAAiBD,EAAAD,EAAS,YAAY,SAArB,YAAAC,EAA6B,gBAAkB,SACrF,gCAAiCH,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,OACpD,CACJ,GACA,IAAK,iBACL,MAAO,mBACP,UAAW,iBACf,CACJ,CAAC","names":["createStyles","style","styles","props","state","instance","_a","_b"]}
@@ -1,5 +1,5 @@
1
- import { CheckboxGroupInstance } from '@primereact/types/shared/checkbox';
2
- export declare const groupStyles: {
1
+ import type { CheckboxGroupInstance } from '@primereact/types/shared/checkboxgroup';
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 './CheckboxGroup.style';
@@ -0,0 +1,2 @@
1
+ import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/checkboxgroup";var p=o({name:"checkboxgroup",style:e,classes:{root:"p-checkbox-group p-component"}});export{p as styles};
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/checkboxgroup/CheckboxGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CheckboxGroupInstance } from '@primereact/types/shared/checkboxgroup';\nimport { style } from '@primeuix/styles/checkboxgroup';\n\nexport const styles = createStyles<CheckboxGroupInstance>({\n name: 'checkboxgroup',\n style,\n classes: {\n root: 'p-checkbox-group p-component'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,iCAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,gBACN,MAAAC,EACA,QAAS,CACL,KAAM,8BACV,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { ChipInstance } from '@primereact/types/shared/chip';
1
+ import type { ChipRootInstance } from '@primereact/types/shared/chip';
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<ChipInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<ChipInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<ChipRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<ChipRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
package/chip/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{createStyles as e}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/chip";var i=e({name:"chip",style:p,classes:{root:"p-chip p-component",image:"p-chip-image",icon:"p-chip-icon",label:"p-chip-label",removeIcon:"p-chip-remove-icon"}});export{i as styles};
1
+ import{createStyles as e}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/chip";var c=e({name:"chip",style:o,classes:{root:"p-chip p-component",image:"p-chip-image",icon:"p-chip-icon",label:"p-chip-label",removeIcon:"p-chip-remove-icon"}});export{c as styles};
2
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/chip/Chip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ChipInstance } from '@primereact/types/shared/chip';\nimport { style } from '@primeuix/styles/chip';\n\nexport const styles = createStyles<ChipInstance>({\n name: 'chip',\n style,\n classes: {\n root: 'p-chip p-component',\n image: 'p-chip-image',\n icon: 'p-chip-icon',\n label: 'p-chip-label',\n removeIcon: 'p-chip-remove-icon'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,qBACN,MAAO,eACP,KAAM,cACN,MAAO,eACP,WAAY,oBAChB,CACJ,CAAC","names":["createStyles","style","styles"]}
1
+ {"version":3,"sources":["../../src/chip/Chip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ChipRootInstance } from '@primereact/types/shared/chip';\nimport { style } from '@primeuix/styles/chip';\n\nexport const styles = createStyles<ChipRootInstance>({\n name: 'chip',\n style,\n classes: {\n root: 'p-chip p-component',\n image: 'p-chip-image',\n icon: 'p-chip-icon',\n label: 'p-chip-label',\n removeIcon: 'p-chip-remove-icon'\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,qBACN,MAAO,eACP,KAAM,cACN,MAAO,eACP,WAAY,oBAChB,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { AccordionPanelInstance } from '@primereact/types/shared/accordion';
2
- export declare const panelStyles: {
1
+ import type { ColorPickerRootInstance } from '@primereact/types/shared/colorpicker';
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<AccordionPanelInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<AccordionPanelInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<ColorPickerRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<ColorPickerRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -0,0 +1 @@
1
+ export * from './ColorPicker.style';