@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/tooltip/index.mjs CHANGED
@@ -1,64 +1,62 @@
1
1
  import{createStyles as t}from"@primereact/styles/utils";var o=`
2
- .p-tooltip2 {
3
- /*transform: scale(0.95);*/
4
- /*opacity: 0;*/
5
- transform-origin: var(--placer-transform-origin);
6
- max-width: dt('tooltip.max.width');
7
- background: dt('tooltip.background');
8
- color: dt('tooltip.color');
9
- padding: dt('tooltip.padding');
10
- box-shadow: dt('tooltip.shadow');
11
- border-radius: dt('tooltip.border.radius');
12
- }
13
-
14
- .p-tooltip2-text {
15
- white-space: pre-line;
16
- word-break: break-word;
17
- }
18
-
19
- .p-tooltip2-arrow {
20
- display: block;
21
- clip-path: polygon(0 100%, 0 0, 100% 100%);
22
- border-bottom-left-radius: 2px;
23
- width: 0.5rem;
24
- height: 0.5rem;
25
- background: dt('tooltip.background');
26
- }
27
-
28
- .p-tooltip2-arrow[data-side='right'] {
29
- transform: translateX(50%) rotate(45deg);
2
+ .p-tooltip-popup {
3
+ position: relative;
4
+ background: dt('tooltip.background');
5
+ border-radius: dt('tooltip.border.radius');
6
+ padding: dt('tooltip.padding');
7
+ max-width: dt('tooltip.max.width');
8
+ font-weight: dt('tooltip.font.weight');
9
+ font-size: dt('tooltip.font.size');
10
+ color: dt('tooltip.color');
11
+ transform-origin: var(--px-transform-origin);
12
+ box-shadow: dt('tooltip.shadow');
13
+ opacity: 1;
14
+ scale: 1;
15
+ transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), scale 250ms cubic-bezier(0.16, 1, 0.3, 1);
16
+
17
+ &[data-enter-from],
18
+ &[data-leave-to] {
19
+ opacity: 0;
20
+ scale: 0.93;
30
21
  }
31
22
 
32
- .p-tooltip2-arrow[data-side='left'] {
33
- transform: translateX(-50%) rotate(-135deg);
23
+ &[data-instant] {
24
+ transition-duration: 0s !important;
34
25
  }
26
+ }
35
27
 
36
- .p-tooltip2-arrow[data-side='top'] {
37
- transform: translateY(-50%) rotate(-45deg);
38
- }
28
+ .p-tooltip-arrow {
29
+ position: absolute;
30
+ background: dt('tooltip.background');
31
+ width:0.5rem;
32
+ height:0.5rem;
33
+ border-bottom-left-radius: 3px;
34
+ clip-path: polygon(0 100%, 0 0, 100% 100%);
39
35
 
40
- .p-tooltip2-arrow[data-side='bottom'] {
41
- transform: translateY(50%) rotate(135deg);
36
+ &[data-side='top']{
37
+ left: var(--px-placer-arrow-x);
38
+ bottom: -0.25rem;
39
+ transform: translateX(-50%) rotate(-45deg);
42
40
  }
43
41
 
44
- .p-placer-content-enter-from,
45
- .p-placer-content-leave-to {
46
- opacity: 0;
47
- transform: scale(0.9);
42
+ &[data-side='bottom']{
43
+ left: var(--px-placer-arrow-x);
44
+ top: -0.25rem;
45
+ transform: translateX(-50%) rotate(135deg);
48
46
  }
49
47
 
50
- .p-placer-content-enter-to,
51
- .p-placer-content-leave-from {
52
- opacity: 1;
53
- transform: scale(1);
48
+ &[data-side='left']{
49
+ top: var(--px-placer-arrow-y);
50
+ right: -0.25rem;
51
+ transform: translateY(-50%) rotate(-135deg);
54
52
  }
55
53
 
56
- .p-placer-content-leave-active,
57
- .p-placer-content-enter-active {
58
- transition:
59
- opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),
60
- transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
54
+ &[data-side='right']{
55
+ top: var(--px-placer-arrow-y);
56
+ left: -0.25rem;
57
+ transform: translateY(-50%) rotate(45deg);
61
58
  }
59
+ }
62
60
 
63
- `,e=t({name:"tooltip",style:o,classes:{root:()=>["p-tooltip2 p-component"],arrow:"p-tooltip2-arrow",text:"p-tooltip2-text"}});export{e as styles};
61
+ `,a=t({name:"tooltip",style:o,classes:{root:"p-tooltip p-component",popup:"p-tooltip-popup",positioner:"p-tooltip-positioner",arrow:"p-tooltip-arrow",manager:"p-tooltip-manager"}});export{a as styles};
64
62
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/tooltip/Tooltip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TooltipInstance } from '@primereact/types/shared/tooltip';\n\nconst style = `\n .p-tooltip2 {\n /*transform: scale(0.95);*/\n /*opacity: 0;*/\n transform-origin: var(--placer-transform-origin);\n max-width: dt('tooltip.max.width');\n background: dt('tooltip.background');\n color: dt('tooltip.color');\n padding: dt('tooltip.padding');\n box-shadow: dt('tooltip.shadow');\n border-radius: dt('tooltip.border.radius');\n }\n\n .p-tooltip2-text {\n white-space: pre-line;\n word-break: break-word;\n }\n\n .p-tooltip2-arrow {\n display: block;\n clip-path: polygon(0 100%, 0 0, 100% 100%);\n border-bottom-left-radius: 2px;\n width: 0.5rem;\n height: 0.5rem;\n background: dt('tooltip.background');\n }\n\n .p-tooltip2-arrow[data-side='right'] {\n transform: translateX(50%) rotate(45deg);\n }\n\n .p-tooltip2-arrow[data-side='left'] {\n transform: translateX(-50%) rotate(-135deg);\n }\n\n .p-tooltip2-arrow[data-side='top'] {\n transform: translateY(-50%) rotate(-45deg);\n }\n\n .p-tooltip2-arrow[data-side='bottom'] {\n transform: translateY(50%) rotate(135deg);\n }\n\n .p-placer-content-enter-from,\n .p-placer-content-leave-to {\n opacity: 0;\n transform: scale(0.9);\n }\n\n .p-placer-content-enter-to,\n .p-placer-content-leave-from {\n opacity: 1;\n transform: scale(1);\n }\n\n .p-placer-content-leave-active,\n .p-placer-content-enter-active {\n transition:\n opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 250ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n`;\n\nexport const styles = createStyles<TooltipInstance>({\n name: 'tooltip',\n style,\n classes: {\n root: () => {\n return ['p-tooltip2 p-component'];\n },\n arrow: 'p-tooltip2-arrow',\n text: 'p-tooltip2-text'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgEDC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,IACK,CAAC,wBAAwB,EAEpC,MAAO,mBACP,KAAM,iBACV,CACJ,CAAC","names":["createStyles","style","styles"]}
1
+ {"version":3,"sources":["../../src/tooltip/Tooltip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TooltipRootInstance } from '@primereact/types/primitive/tooltip';\n\nconst style = /*css*/ `\n.p-tooltip-popup {\n position: relative;\n background: dt('tooltip.background');\n border-radius: dt('tooltip.border.radius');\n padding: dt('tooltip.padding');\n max-width: dt('tooltip.max.width');\n font-weight: dt('tooltip.font.weight');\n font-size: dt('tooltip.font.size');\n color: dt('tooltip.color');\n transform-origin: var(--px-transform-origin);\n box-shadow: dt('tooltip.shadow');\n opacity: 1;\n scale: 1;\n transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), scale 250ms cubic-bezier(0.16, 1, 0.3, 1);\n\n &[data-enter-from],\n &[data-leave-to] {\n opacity: 0;\n scale: 0.93;\n }\n\n &[data-instant] {\n transition-duration: 0s !important;\n }\n}\n\n.p-tooltip-arrow {\n position: absolute;\n background: dt('tooltip.background');\n width:0.5rem;\n height:0.5rem;\n border-bottom-left-radius: 3px;\n clip-path: polygon(0 100%, 0 0, 100% 100%);\n\n &[data-side='top']{\n left: var(--px-placer-arrow-x);\n bottom: -0.25rem;\n transform: translateX(-50%) rotate(-45deg);\n }\n\n &[data-side='bottom']{\n left: var(--px-placer-arrow-x);\n top: -0.25rem;\n transform: translateX(-50%) rotate(135deg);\n }\n\n &[data-side='left']{\n top: var(--px-placer-arrow-y);\n right: -0.25rem;\n transform: translateY(-50%) rotate(-135deg);\n }\n\n &[data-side='right']{\n top: var(--px-placer-arrow-y);\n left: -0.25rem;\n transform: translateY(-50%) rotate(45deg);\n }\n}\n\n`;\n\nexport const styles = createStyles<TooltipRootInstance>({\n name: 'tooltip',\n style,\n classes: {\n root: 'p-tooltip p-component',\n popup: 'p-tooltip-popup',\n positioner: 'p-tooltip-positioner',\n arrow: 'p-tooltip-arrow',\n manager: 'p-tooltip-manager'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8DTC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,wBACN,MAAO,kBACP,WAAY,uBACZ,MAAO,kBACP,QAAS,mBACb,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1,10 +1,10 @@
1
- import type { OrgChartInstance } from '@primereact/types/shared/orgchart';
1
+ import type { TreeRootInstance } from '@primereact/types/primitive/tree';
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<OrgChartInstance> | undefined;
7
- inlineStyles: import("@primereact/types/styles").InlineStylesType<OrgChartInstance>;
6
+ classes: import("@primereact/types/styles").ClassesType<TreeRootInstance> | undefined;
7
+ inlineStyles: import("@primereact/types/styles").InlineStylesType<TreeRootInstance>;
8
8
  baseStyles: {
9
9
  name: string;
10
10
  css: string;
@@ -0,0 +1 @@
1
+ export * from './Tree.style';
package/tree/index.mjs ADDED
@@ -0,0 +1,39 @@
1
+ import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/tree";var d=`
2
+ ${o}
3
+
4
+ /* For PrimeReact */
5
+ .p-tree-nodes {
6
+ display: flex;
7
+ list-style-type: none;
8
+ flex-direction: column;
9
+ gap: dt('tree.gap');
10
+ margin: 0;
11
+ padding: 0;
12
+ }
13
+
14
+ .p-tree-node > .p-tree-node-content {
15
+ margin-inline-start: calc(dt('tree.indent') * (var(--px-tree-node-level, 1) - 1));
16
+ }
17
+
18
+ .p-tree-node-toggle-spacer {
19
+ display: inline-flex;
20
+ flex-shrink: 0;
21
+ width: dt('tree.node.toggle.button.size');
22
+ height: dt('tree.node.toggle.button.size');
23
+ }
24
+
25
+ .p-tree[data-dragover] {
26
+ outline: 1px dashed dt('primary.color');
27
+ outline-offset: -1px;
28
+ }
29
+
30
+ .p-tree-node-content[data-dragging] {
31
+ outline: 1px dashed dt('primary.color');
32
+ outline-offset: -1px;
33
+ }
34
+
35
+ .p-tree-node-content[data-part="drag-image"] {
36
+ background: dt('tree.background');
37
+ }
38
+ `,a=t({name:"tree",style:d,classes:{root:({props:r})=>["p-tree p-component",{"p-tree-selectable":r.selectionMode!=null}],filter:"p-tree-filter",header:"p-tree-header",footer:"p-tree-footer",nodes:"p-tree-nodes",node:({context:r})=>["p-tree-node",{"p-tree-node-leaf":r==null?void 0:r.leaf}],content:({props:r,context:e})=>["p-tree-node-content",{"p-tree-node-selectable":e==null?void 0:e.selectable,"p-tree-node-selected":r.selectionMode==="checkbox"?r.highlightOnSelect&&(e==null?void 0:e.checked):e==null?void 0:e.selected,"p-tree-node-dragover":e==null?void 0:e.isNodeDropActive}],toggle:"p-tree-node-toggle",toggleIndicator:"p-tree-node-toggle-indicator",toggleSpacer:"p-tree-node-toggle-spacer",label:"p-tree-node-label",selection:"p-tree-node-selection",empty:"p-tree-empty-message",dropIndicator:"p-tree-node-drop-point",loading:"p-tree-mask p-overlay-mask"}});export{a as styles};
39
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../src/tree/Tree.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TreeRootInstance } from '@primereact/types/primitive/tree';\nimport { style as tree_style } from '@primeuix/styles/tree';\n\nconst style = /*css*/ `\n${tree_style}\n\n/* For PrimeReact */\n.p-tree-nodes {\n display: flex;\n list-style-type: none;\n flex-direction: column;\n gap: dt('tree.gap');\n margin: 0;\n padding: 0;\n}\n\n.p-tree-node > .p-tree-node-content {\n margin-inline-start: calc(dt('tree.indent') * (var(--px-tree-node-level, 1) - 1));\n}\n\n.p-tree-node-toggle-spacer {\n display: inline-flex;\n flex-shrink: 0;\n width: dt('tree.node.toggle.button.size');\n height: dt('tree.node.toggle.button.size');\n}\n\n.p-tree[data-dragover] {\n outline: 1px dashed dt('primary.color');\n outline-offset: -1px;\n}\n\n.p-tree-node-content[data-dragging] {\n outline: 1px dashed dt('primary.color');\n outline-offset: -1px;\n}\n\n.p-tree-node-content[data-part=\"drag-image\"] {\n background: dt('tree.background');\n}\n`;\n\nexport const styles = createStyles<TreeRootInstance>({\n name: 'tree',\n style,\n classes: {\n root: ({ props }) => [\n 'p-tree p-component',\n {\n 'p-tree-selectable': props.selectionMode != null\n }\n ],\n filter: 'p-tree-filter',\n header: 'p-tree-header',\n footer: 'p-tree-footer',\n nodes: 'p-tree-nodes',\n node: ({ context }) => [\n 'p-tree-node',\n {\n 'p-tree-node-leaf': context?.leaf\n }\n ],\n content: ({ props, context }) => [\n 'p-tree-node-content',\n {\n 'p-tree-node-selectable': context?.selectable,\n 'p-tree-node-selected': props.selectionMode === 'checkbox' ? props.highlightOnSelect && context?.checked : context?.selected,\n 'p-tree-node-dragover': context?.isNodeDropActive\n }\n ],\n toggle: 'p-tree-node-toggle',\n toggleIndicator: 'p-tree-node-toggle-indicator',\n toggleSpacer: 'p-tree-node-toggle-spacer',\n label: 'p-tree-node-label',\n selection: 'p-tree-node-selection',\n empty: 'p-tree-empty-message',\n dropIndicator: 'p-tree-node-drop-point',\n loading: 'p-tree-mask p-overlay-mask'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAkB,wBAEpC,IAAMC,EAAgB;AAAA,EACpBD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsCCE,EAASH,EAA+B,CACjD,KAAM,OACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,oBAAqBA,EAAM,eAAiB,IAChD,CACJ,EACA,OAAQ,gBACR,OAAQ,gBACR,OAAQ,gBACR,MAAO,eACP,KAAM,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACnB,cACA,CACI,mBAAoBA,GAAA,YAAAA,EAAS,IACjC,CACJ,EACA,QAAS,CAAC,CAAE,MAAAD,EAAO,QAAAC,CAAQ,IAAM,CAC7B,sBACA,CACI,yBAA0BA,GAAA,YAAAA,EAAS,WACnC,uBAAwBD,EAAM,gBAAkB,WAAaA,EAAM,oBAAqBC,GAAA,YAAAA,EAAS,SAAUA,GAAA,YAAAA,EAAS,SACpH,uBAAwBA,GAAA,YAAAA,EAAS,gBACrC,CACJ,EACA,OAAQ,qBACR,gBAAiB,+BACjB,aAAc,4BACd,MAAO,oBACP,UAAW,wBACX,MAAO,uBACP,cAAe,yBACf,QAAS,4BACb,CACJ,CAAC","names":["createStyles","tree_style","style","styles","props","context"]}
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2025 PrimeTek
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
@@ -1 +0,0 @@
1
- export * from './ColorPicker.style';
@@ -1,122 +0,0 @@
1
- import{createStyles as o}from"@primereact/styles/utils";var e=`
2
- .p-color-picker-area{
3
- position: relative;
4
- aspect-ratio: 4 / 3;
5
- border-radius: 0.5rem;
6
- background: var(--area-background);
7
- touch-action: none;
8
- forced-color-adjust: none;
9
- }
10
-
11
- .p-color-picker-area-thumb{
12
- width: 1rem;
13
- height: 1rem;
14
- position: absolute;
15
- z-index: 1;
16
- border-radius: 999px;
17
- touch-action: none;
18
- forced-color-adjust: none;
19
- border: 3px solid rgb(255,255,255);
20
- cursor: pointer;
21
- transform: translate(-50%, -50%);
22
- top: var(--thumb-position-top) ;
23
- left: var(--thumb-position-left);
24
- background: var(--thumb-background);
25
- box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
26
- }
27
-
28
- .p-color-picker-area-background{
29
- position: absolute;
30
- inset: 0;
31
- z-index: 0;
32
- border-radius: inherit;
33
- pointer-events: none;
34
- background: var(--area-gradient);
35
- user-select: none;
36
- touch-action: none;
37
- forced-color-adjust: none;
38
- box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));
39
- }
40
-
41
- .p-color-picker-slider{
42
- position:relative;
43
- border-radius: 0.25rem;
44
- forced-color-adjust: none;
45
- touch-action: none;
46
- }
47
-
48
- .p-color-picker-slider-horizontal{
49
- height: 1rem;
50
- width: auto;
51
- touch-action: pan-x;
52
- }
53
-
54
-
55
- .p-color-picker-slider-vertical{
56
- height: auto;
57
- width: 1rem;
58
- touch-action: pan-y;
59
- }
60
-
61
- .p-color-picker-slider-thumb{
62
- width: 1rem;
63
- height: 1rem;
64
- position: absolute;
65
- z-index: 1;
66
- border-radius: 999px;
67
- touch-action: none;
68
- transform: translate(-50%, -50%);
69
- top: var(--thumb-position-top);
70
- left: var(--thumb-position-left);
71
- background: var(--thumb-background);
72
- border: 3px solid rgb(255,255,255);
73
- cursor: pointer;
74
- box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
75
- }
76
-
77
- .p-color-picker-slider-track{
78
- position: absolute;
79
- inset: 0;
80
- z-index: 0;
81
- border-radius: inherit;
82
- pointer-events: none;
83
- user-select: none;
84
- touch-action: none;
85
- box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));
86
- background: var(--slider-background);
87
- }
88
-
89
- .p-color-picker-transparency-grid{
90
- position: absolute;
91
- inset: 0;
92
- z-index: 0;
93
- background: conic-gradient(var(--p-surface-100) 0deg, var(--p-surface-100) 25%, transparent 0deg, transparent 50%, var(--p-surface-100) 0deg, var(--p-surface-100) 75%, transparent 0deg);
94
- background-size: 0.5rem 0.5rem;
95
- background-color: rgb(255, 255, 255);
96
- border-radius: inherit;
97
- pointer-events: none;
98
- user-select: none;
99
- touch-action: none;
100
- }
101
-
102
- .p-color-picker-swatch{
103
- width: 2.25rem;
104
- height: 2.25rem;
105
- border-radius: 0.375rem;
106
- position: relative;
107
- }
108
-
109
- .p-color-picker-swatch-background{
110
- background: var(--swatch-background);
111
- box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));
112
- position: absolute;
113
- inset: 0;
114
- z-index: 0;
115
- border-radius: inherit;
116
- pointer-events: none;
117
- user-select: none;
118
- touch-action: none;
119
- forced-color-adjust: none;
120
- }
121
- `,t=o({name:"colorpicker",style:e,classes:{area:"p-color-picker-area",areaThumb:({context:r})=>["p-color-picker-area-thumb",{"p-disabled":r.disabled}],areaBackground:"p-color-picker-area-background",slider:({context:r})=>["p-color-picker-slider",`p-color-picker-slider-${r.orientation}`],sliderThumb:({context:r})=>["p-color-picker-slider-thumb",{"p-disabled":r.disabled}],sliderTrack:"p-color-picker-slider-track",transparencyGrid:"p-color-picker-transparency-grid",swatch:"p-color-picker-swatch",swatchBackground:"p-color-picker-swatch-background"}});export{t as styles};
122
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/colorpicker/ColorPicker.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ColorPickerInstance } from '@primereact/types/shared/colorpicker';\n// import { style } from '@primeuix/styles/colorpicker';\n\nconst theme = `\n .p-color-picker-area{\n position: relative;\n aspect-ratio: 4 / 3;\n border-radius: 0.5rem;\n background: var(--area-background);\n touch-action: none;\n forced-color-adjust: none;\n }\n\n .p-color-picker-area-thumb{\n width: 1rem;\n height: 1rem;\n position: absolute;\n z-index: 1;\n border-radius: 999px;\n touch-action: none;\n forced-color-adjust: none;\n border: 3px solid rgb(255,255,255);\n cursor: pointer;\n transform: translate(-50%, -50%);\n top: var(--thumb-position-top) ;\n left: var(--thumb-position-left);\n background: var(--thumb-background);\n box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n }\n\n .p-color-picker-area-background{\n position: absolute;\n inset: 0;\n z-index: 0;\n border-radius: inherit;\n pointer-events: none;\n background: var(--area-gradient);\n user-select: none;\n touch-action: none;\n forced-color-adjust: none;\n box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));\n }\n\n .p-color-picker-slider{\n position:relative;\n border-radius: 0.25rem;\n forced-color-adjust: none;\n touch-action: none;\n }\n\n .p-color-picker-slider-horizontal{\n height: 1rem;\n width: auto;\n touch-action: pan-x;\n }\n\n\n .p-color-picker-slider-vertical{\n height: auto;\n width: 1rem;\n touch-action: pan-y;\n }\n\n .p-color-picker-slider-thumb{\n width: 1rem;\n height: 1rem;\n position: absolute;\n z-index: 1;\n border-radius: 999px;\n touch-action: none;\n transform: translate(-50%, -50%);\n top: var(--thumb-position-top);\n left: var(--thumb-position-left);\n background: var(--thumb-background);\n border: 3px solid rgb(255,255,255);\n cursor: pointer;\n box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n }\n\n .p-color-picker-slider-track{\n position: absolute;\n inset: 0;\n z-index: 0;\n border-radius: inherit;\n pointer-events: none;\n user-select: none;\n touch-action: none;\n box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));\n background: var(--slider-background);\n }\n\n .p-color-picker-transparency-grid{\n position: absolute;\n inset: 0;\n z-index: 0;\n background: conic-gradient(var(--p-surface-100) 0deg, var(--p-surface-100) 25%, transparent 0deg, transparent 50%, var(--p-surface-100) 0deg, var(--p-surface-100) 75%, transparent 0deg);\n background-size: 0.5rem 0.5rem;\n background-color: rgb(255, 255, 255);\n border-radius: inherit;\n pointer-events: none;\n user-select: none;\n touch-action: none;\n }\n\n .p-color-picker-swatch{\n width: 2.25rem;\n height: 2.25rem;\n border-radius: 0.375rem;\n position: relative;\n }\n\n .p-color-picker-swatch-background{\n background: var(--swatch-background);\n box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));\n position: absolute;\n inset: 0;\n z-index: 0;\n border-radius: inherit;\n pointer-events: none;\n user-select: none;\n touch-action: none;\n forced-color-adjust: none;\n }\n`;\n\nexport const styles = createStyles<ColorPickerInstance>({\n name: 'colorpicker',\n style: theme,\n classes: {\n area: 'p-color-picker-area',\n areaThumb: ({ context }) => ['p-color-picker-area-thumb', { 'p-disabled': context.disabled }],\n areaBackground: 'p-color-picker-area-background',\n slider: ({ context }) => ['p-color-picker-slider', `p-color-picker-slider-${context.orientation}`],\n sliderThumb: ({ context }) => ['p-color-picker-slider-thumb', { 'p-disabled': context.disabled }],\n sliderTrack: 'p-color-picker-slider-track',\n transparencyGrid: 'p-color-picker-transparency-grid',\n swatch: 'p-color-picker-swatch',\n swatchBackground: 'p-color-picker-swatch-background'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAI7B,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,EA0HDC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAOC,EACP,QAAS,CACL,KAAM,sBACN,UAAW,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,4BAA6B,CAAE,aAAcA,EAAQ,QAAS,CAAC,EAC5F,eAAgB,iCAChB,OAAQ,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,wBAAyB,yBAAyBA,EAAQ,WAAW,EAAE,EACjG,YAAa,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+B,CAAE,aAAcA,EAAQ,QAAS,CAAC,EAChG,YAAa,8BACb,iBAAkB,mCAClB,OAAQ,wBACR,iBAAkB,kCACtB,CACJ,CAAC","names":["createStyles","theme","styles","context"]}
@@ -1 +0,0 @@
1
- export * from './ConfirmDialog.style';
@@ -1,2 +0,0 @@
1
- import{createStyles as o}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/confirmdialog";var e=o({name:"confirmdialog",style:i,classes:{root:"p-confirmdialog",trigger:"p-confirmdialog-trigger-button",icon:"p-confirmdialog-icon",message:"p-confirmdialog-message",close:"p-confirmdialog-reject-button",action:"p-confirmdialog-accept-button"}});export{e as styles};
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/confirmdialog/ConfirmDialog.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ConfirmDialogInstance } from '@primereact/types/shared/confirmdialog';\nimport { style } from '@primeuix/styles/confirmdialog';\n\nexport const styles = createStyles<ConfirmDialogInstance>({\n name: 'confirmdialog',\n style,\n classes: {\n root: 'p-confirmdialog',\n trigger: 'p-confirmdialog-trigger-button',\n icon: 'p-confirmdialog-icon',\n message: 'p-confirmdialog-message',\n close: 'p-confirmdialog-reject-button',\n action: 'p-confirmdialog-accept-button'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,iCAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,gBACN,MAAAC,EACA,QAAS,CACL,KAAM,kBACN,QAAS,iCACT,KAAM,uBACN,QAAS,0BACT,MAAO,gCACP,OAAQ,+BACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1 +0,0 @@
1
- export * from './ConfirmPopup.style';
@@ -1,2 +0,0 @@
1
- import{createStyles as p}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/confirmpopup";var r=p({name:"confirmpopup",style:o,classes:{root:"p-confirmpopup p-component",content:"p-confirmpopup-content",icon:"p-confirmpopup-icon",message:"p-confirmpopup-message",footer:"p-confirmpopup-footer",reject:"p-confirmpopup-reject-button",accept:"p-confirmpopup-accept-button"}});export{r as styles};
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/confirmpopup/ConfirmPopup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ConfirmPopupInstance } from '@primereact/types/shared/confirmpopup';\nimport { style } from '@primeuix/styles/confirmpopup';\n\nexport const styles = createStyles<ConfirmPopupInstance>({\n name: 'confirmpopup',\n style,\n classes: {\n root: 'p-confirmpopup p-component',\n content: 'p-confirmpopup-content',\n icon: 'p-confirmpopup-icon',\n message: 'p-confirmpopup-message',\n footer: 'p-confirmpopup-footer',\n reject: 'p-confirmpopup-reject-button',\n accept: 'p-confirmpopup-accept-button'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,6BACN,QAAS,yBACT,KAAM,sBACN,QAAS,yBACT,OAAQ,wBACR,OAAQ,+BACR,OAAQ,8BACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1 +0,0 @@
1
- export * from './ImageCompare.style';
@@ -1,2 +0,0 @@
1
- import{createStyles as e}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/imagecompare";var o=e({name:"imagecompare",style:r,classes:{root:"p-imagecompare",slider:"p-imagecompare-slider"}});export{o as styles};
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/imagecompare/ImageCompare.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ImageCompareInstance } from '@primereact/types/shared/imagecompare';\nimport { style } from '@primeuix/styles/imagecompare';\n\nexport const styles = createStyles<ImageCompareInstance>({\n name: 'imagecompare',\n style,\n classes: {\n root: 'p-imagecompare',\n slider: 'p-imagecompare-slider'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,iBACN,OAAQ,uBACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
@@ -1 +0,0 @@
1
- export * from './OrgChart.style';
@@ -1,185 +0,0 @@
1
- import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/organizationchart";var a=`
2
- ${r}
3
-
4
- .p-orgchart{
5
- width: 100%;
6
- overflow: auto;
7
- padding: 1rem 0;
8
- }
9
-
10
- .p-orgchart-subtree{
11
- position: relative;
12
- display: flex;
13
- padding-inline-start: 0;
14
- margin: 0;
15
- padding-top: calc(var(--gap-y) * 1px * 2/3);
16
- gap: calc(var(--gap-x) * 1px);
17
- }
18
-
19
- .p-orgchart-subtree-root{
20
- padding-top: 0;
21
- }
22
-
23
- .p-orgchart-subtree-root::before {
24
- content: none !important;
25
- }
26
-
27
- .p-orgchart-subtree::before {
28
- content: "";
29
- position: absolute;
30
- top: 0;
31
- height: calc(var(--gap-y) * 1px * 2/3);
32
- box-sizing: border-box;
33
- left: calc(50% - 1px / 2);
34
- width: 0;
35
- border-left: 1px solid dt('organizationchart.connector.color');
36
- }
37
-
38
- .p-orgchart-tree {
39
- flex-shrink: 0;
40
- text-align: center;
41
- list-style-type: none;
42
- margin: 0 auto;
43
- position: relative;
44
- padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;
45
- }
46
-
47
- .p-orgchart-tree::before,
48
- .p-orgchart-tree::after {
49
- content: "";
50
- position: absolute;
51
- height: calc(var(--gap-y) * 1px * 1/3);
52
- width: calc(50% + calc(var(--gap-x) / 2 * 1px));
53
- top: 0;
54
- right: 50%;
55
- border-top: 1px solid dt('organizationchart.connector.color');
56
- box-sizing: border-box;
57
- }
58
-
59
- .p-orgchart-tree::after {
60
- left: 50%;
61
- border-left: 1px solid dt('organizationchart.connector.color');
62
- }
63
-
64
- .p-orgchart-tree:only-of-type {
65
- padding: 0;
66
- }
67
-
68
- .p-orgchart-tree:only-of-type::before,
69
- .p-orgchart-tree:only-of-type::after {
70
- display: none;
71
- }
72
-
73
- .p-orgchart-tree:first-of-type::before {
74
- border: none;
75
- }
76
-
77
- .p-orgchart-tree:first-of-type::after {
78
- border-radius: dt('organizationchart.connector.border.radius') 0 0 0;
79
- }
80
-
81
- .p-orgchart-tree:last-of-type::before {
82
- border-right: 1px solid dt('organizationchart.connector.color');
83
- border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;
84
- }
85
-
86
- .p-orgchart-tree:last-of-type::after {
87
- border: 0 none;
88
- }
89
-
90
- .p-orgchart-node {
91
- position: relative;
92
- min-width: 4rem;
93
- width: fit-content;
94
- margin: 0 auto;
95
- background: dt('organizationchart.node.background');
96
- border: 1px solid dt('organizationchart.node.border.color');
97
- border-radius: dt('organizationchart.node.border.radius');
98
- color: dt('organizationchart.node.color');
99
- transition:
100
- background dt('organizationchart.transition.duration'),
101
- border-color dt('organizationchart.transition.duration'),
102
- color dt('organizationchart.transition.duration'),
103
- box-shadow dt('organizationchart.transition.duration');
104
- }
105
-
106
- .p-orgchart-node-content{
107
- display: flex;
108
- align-items: center;
109
- justify-content: center;
110
- padding: dt('organizationchart.node.padding');
111
- }
112
-
113
- .p-orgchart-node[data-selectable="true"]:not([data-selected="true"]):hover {
114
- background: dt('organizationchart.node.hover.background');
115
- color: dt('organizationchart.node.hover.color');
116
- }
117
-
118
- .p-orgchart-node[data-selectable="true"][data-selected="true"] {
119
- background: dt('organizationchart.node.selected.background');
120
- color: dt('organizationchart.node.selected.color');
121
- }
122
-
123
- .p-orgchart-node[data-selectable="true"] {
124
- cursor: pointer;
125
- user-select: none;
126
- }
127
-
128
- .p-orgchart-collapse-button{
129
- pointer-events: auto;
130
- padding: 0.1rem 0.3rem;
131
- gap: 0.2rem;
132
- position: absolute;
133
- z-index:2;
134
- font-size: 0.75rem;
135
- bottom: 0;
136
- left: 50%;
137
- transform: translateX(-50%) translateY(50%);
138
- cursor: pointer;
139
- user-select: none;
140
- background: dt('organizationchart.node.toggle.button.background');
141
- color: dt('organizationchart.node.toggle.button.color');
142
- border-radius: 99999px;
143
- border: 1px solid dt('organizationchart.node.toggle.button.border.color');
144
- display: inline-flex;
145
- justify-content: center;
146
- align-items: center;
147
- outline-color: transparent;
148
- box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
149
- transition:
150
- background dt('organizationchart.transition.duration'),
151
- color dt('organizationchart.transition.duration'),
152
- border-color dt('organizationchart.transition.duration'),
153
- outline-color dt('organizationchart.transition.duration'),
154
- box-shadow dt('organizationchart.transition.duration');
155
- }
156
-
157
- .p-orgchart-node[data-collapsible="true"][data-collapsed="false"] .p-orgchart-collapse-button{
158
- bottom: 0;
159
- transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));
160
- }
161
-
162
- .p-orgchart-node:focus-visible{
163
- box-shadow: dt('breadcrumb.item.focus.ring.shadow');
164
- outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
165
- outline-offset: dt('breadcrumb.item.focus.ring.offset');
166
- }
167
-
168
- .p-orgchart-collapse-button:hover {
169
- background: dt('organizationchart.node.toggle.button.hover.background');
170
- color: dt('organizationchart.node.toggle.button.hover.color');
171
- }
172
-
173
- .p-orgchart-collapse-button:focus-visible {
174
- box-shadow: dt('breadcrumb.item.focus.ring.shadow');
175
- outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
176
- outline-offset: dt('breadcrumb.item.focus.ring.offset');
177
- }
178
-
179
- .p-orgchart-collapse-button > svg{
180
- width: 0.65rem !important;
181
- height: 0.65rem !important;
182
- }
183
-
184
- `,i=t({name:"organizationchart",style:a,classes:{root:"p-orgchart p-component",tree:"p-orgchart-tree",subtree:({context:o})=>["p-orgchart-subtree",{"p-orgchart-subtree-root":o==null?void 0:o.root}],node:"p-orgchart-node",nodeContent:"p-orgchart-node-content",collapseButton:"p-orgchart-collapse-button"}});export{i as styles};
185
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/orgchart/OrgChart.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { OrgChartInstance } from '@primereact/types/shared/orgchart';\nimport { style } from '@primeuix/styles/organizationchart';\n\nconst theme = `\n${style}\n\n.p-orgchart{\n width: 100%;\n overflow: auto;\n padding: 1rem 0;\n}\n\n.p-orgchart-subtree{\n position: relative;\n display: flex;\n padding-inline-start: 0;\n margin: 0;\n padding-top: calc(var(--gap-y) * 1px * 2/3);\n gap: calc(var(--gap-x) * 1px);\n}\n\n.p-orgchart-subtree-root{\n padding-top: 0;\n}\n\n.p-orgchart-subtree-root::before {\n content: none !important;\n}\n\n.p-orgchart-subtree::before {\n content: \"\";\n position: absolute;\n top: 0;\n height: calc(var(--gap-y) * 1px * 2/3);\n box-sizing: border-box;\n left: calc(50% - 1px / 2);\n width: 0;\n border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree {\n flex-shrink: 0;\n text-align: center;\n list-style-type: none;\n margin: 0 auto;\n position: relative;\n padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;\n}\n\n.p-orgchart-tree::before,\n.p-orgchart-tree::after {\n content: \"\";\n position: absolute;\n height: calc(var(--gap-y) * 1px * 1/3);\n width: calc(50% + calc(var(--gap-x) / 2 * 1px));\n top: 0;\n right: 50%;\n border-top: 1px solid dt('organizationchart.connector.color');\n box-sizing: border-box;\n}\n\n.p-orgchart-tree::after {\n left: 50%;\n border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree:only-of-type {\n padding: 0;\n}\n\n.p-orgchart-tree:only-of-type::before,\n.p-orgchart-tree:only-of-type::after {\n display: none;\n}\n\n.p-orgchart-tree:first-of-type::before {\n border: none;\n}\n\n.p-orgchart-tree:first-of-type::after {\n border-radius: dt('organizationchart.connector.border.radius') 0 0 0;\n}\n\n.p-orgchart-tree:last-of-type::before {\n border-right: 1px solid dt('organizationchart.connector.color');\n border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;\n}\n\n.p-orgchart-tree:last-of-type::after {\n border: 0 none;\n}\n\n.p-orgchart-node {\n position: relative;\n min-width: 4rem;\n width: fit-content;\n margin: 0 auto;\n background: dt('organizationchart.node.background');\n border: 1px solid dt('organizationchart.node.border.color');\n border-radius: dt('organizationchart.node.border.radius');\n color: dt('organizationchart.node.color');\n transition:\n background dt('organizationchart.transition.duration'),\n border-color dt('organizationchart.transition.duration'),\n color dt('organizationchart.transition.duration'),\n box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node-content{\n display: flex;\n align-items: center;\n justify-content: center;\n padding: dt('organizationchart.node.padding');\n}\n\n.p-orgchart-node[data-selectable=\"true\"]:not([data-selected=\"true\"]):hover {\n background: dt('organizationchart.node.hover.background');\n color: dt('organizationchart.node.hover.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"][data-selected=\"true\"] {\n background: dt('organizationchart.node.selected.background');\n color: dt('organizationchart.node.selected.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"] {\n cursor: pointer;\n user-select: none;\n}\n\n.p-orgchart-collapse-button{\n pointer-events: auto;\n padding: 0.1rem 0.3rem;\n gap: 0.2rem;\n position: absolute;\n z-index:2;\n font-size: 0.75rem;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%) translateY(50%);\n cursor: pointer;\n user-select: none;\n background: dt('organizationchart.node.toggle.button.background');\n color: dt('organizationchart.node.toggle.button.color');\n border-radius: 99999px;\n border: 1px solid dt('organizationchart.node.toggle.button.border.color');\n display: inline-flex;\n justify-content: center;\n align-items: center;\n outline-color: transparent;\n box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n transition:\n background dt('organizationchart.transition.duration'),\n color dt('organizationchart.transition.duration'),\n border-color dt('organizationchart.transition.duration'),\n outline-color dt('organizationchart.transition.duration'),\n box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node[data-collapsible=\"true\"][data-collapsed=\"false\"] .p-orgchart-collapse-button{\n bottom: 0;\n transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));\n}\n\n.p-orgchart-node: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-orgchart-collapse-button:hover {\n background: dt('organizationchart.node.toggle.button.hover.background');\n color: dt('organizationchart.node.toggle.button.hover.color');\n}\n\n.p-orgchart-collapse-button: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-orgchart-collapse-button > svg{\n width: 0.65rem !important;\n height: 0.65rem !important;\n}\n\n`;\n\nexport const styles = createStyles<OrgChartInstance>({\n name: 'organizationchart',\n style: theme,\n classes: {\n root: 'p-orgchart p-component',\n tree: 'p-orgchart-tree',\n subtree: ({ context }) => [\n 'p-orgchart-subtree',\n {\n 'p-orgchart-subtree-root': context?.root\n }\n ],\n node: 'p-orgchart-node',\n nodeContent: 'p-orgchart-node-content',\n collapseButton: 'p-orgchart-collapse-button'\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,qCAEtB,IAAMC,EAAQ;AAAA,EACZD,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwLME,EAASH,EAA+B,CACjD,KAAM,oBACN,MAAOE,EACP,QAAS,CACL,KAAM,yBACN,KAAM,kBACN,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACtB,qBACA,CACI,0BAA2BA,GAAA,YAAAA,EAAS,IACxC,CACJ,EACA,KAAM,kBACN,YAAa,0BACb,eAAgB,4BACpB,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}
package/switch/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './Switch.style';
package/switch/index.mjs DELETED
@@ -1,2 +0,0 @@
1
- import{createStyles as i}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/toggleswitch";var l=i({name:"toggleswitch",style:o,classes:{root:({state:e,props:t})=>["p-toggleswitch p-component",{"p-toggleswitch-checked":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid}],input:"p-toggleswitch-input",control:"p-toggleswitch-slider",thumb:"p-toggleswitch-handle"},inlineStyles:{root:{position:"relative"}}});export{l as styles};
2
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/switch/Switch.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SwitchInstance } from '@primereact/types/shared/switch';\nimport { style } from '@primeuix/styles/toggleswitch';\n\nexport const styles = createStyles<SwitchInstance>({\n name: 'toggleswitch',\n style,\n classes: {\n root: ({ state, props }) => [\n 'p-toggleswitch p-component',\n {\n 'p-toggleswitch-checked': state.checked,\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid\n }\n ],\n input: 'p-toggleswitch-input',\n control: 'p-toggleswitch-slider',\n thumb: 'p-toggleswitch-handle'\n },\n inlineStyles: {\n root: { position: 'relative' }\n }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,6BACA,CACI,yBAA0BD,EAAM,QAChC,aAAcC,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,MAAO,uBACP,QAAS,wBACT,MAAO,uBACX,EACA,aAAc,CACV,KAAM,CAAE,SAAU,UAAW,CACjC,CACJ,CAAC","names":["createStyles","style","styles","state","props"]}