@pine-ds/core 3.23.0 → 3.24.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 (563) hide show
  1. package/components/index.d.ts +2 -0
  2. package/components/index.js +1 -0
  3. package/components/index.js.map +1 -1
  4. package/components/mock-pds-modal.js +1 -1
  5. package/components/pds-alert.js +1 -1
  6. package/components/pds-alert.js.map +1 -1
  7. package/components/pds-button2.js +5 -0
  8. package/components/pds-button2.js.map +1 -1
  9. package/components/pds-container.d.ts +11 -0
  10. package/components/pds-container.js +61 -0
  11. package/components/pds-container.js.map +1 -0
  12. package/components/pds-copytext.js +1 -1
  13. package/components/pds-divider.js +1 -1
  14. package/components/pds-dropdown-menu-item.js +1 -1
  15. package/components/pds-dropdown-menu-separator.js +1 -1
  16. package/components/pds-dropdown-menu.js +1 -1
  17. package/components/pds-filter.js +1 -1
  18. package/components/pds-filters.js +1 -1
  19. package/components/pds-image.js +2 -2
  20. package/components/pds-input.js +1 -1
  21. package/components/pds-link2.js +2 -2
  22. package/components/pds-loader2.js +1 -1
  23. package/components/pds-modal-content.js +2 -2
  24. package/components/pds-modal-footer.js +1 -1
  25. package/components/pds-modal-header.js +1 -1
  26. package/components/pds-modal.js +3 -3
  27. package/components/pds-multiselect.js +3 -3
  28. package/components/pds-popover.js +1 -1
  29. package/components/pds-progress.js +1 -1
  30. package/components/pds-property.js +1 -1
  31. package/components/pds-radio-group.js +3 -3
  32. package/components/pds-radio.js +3 -3
  33. package/components/pds-row.js +1 -1
  34. package/components/pds-select.js +1 -1
  35. package/components/pds-sortable-item.js +1 -1
  36. package/components/pds-sortable.js +1 -1
  37. package/components/pds-switch.js +3 -3
  38. package/components/pds-tab.js +3 -3
  39. package/components/pds-table-body.js +1 -1
  40. package/components/pds-table-cell2.js +2 -2
  41. package/components/pds-table-head-cell2.js +2 -2
  42. package/components/pds-table-head.js +1 -1
  43. package/components/pds-table-row.js +1 -1
  44. package/components/pds-tabpanel.js +1 -1
  45. package/components/pds-tabs.js +1 -1
  46. package/components/pds-text2.js +1 -1
  47. package/components/pds-textarea.js +4 -4
  48. package/components/pds-toast.js +3 -3
  49. package/components/pds-tooltip.js +2 -2
  50. package/dist/cjs/{index-CI0W8NCh.js → index-D5emBryO.js} +3 -3
  51. package/dist/cjs/index-D5emBryO.js.map +1 -0
  52. package/dist/cjs/loader.cjs.js +2 -2
  53. package/dist/cjs/mock-pds-modal.cjs.entry.js +2 -2
  54. package/dist/cjs/pds-accordion.cjs.entry.js +1 -1
  55. package/dist/cjs/pds-alert.cjs.entry.js +2 -2
  56. package/dist/cjs/pds-alert.entry.cjs.js.map +1 -1
  57. package/dist/cjs/pds-avatar.cjs.entry.js +1 -1
  58. package/dist/cjs/pds-box.cjs.entry.js +1 -1
  59. package/dist/cjs/pds-button.cjs.entry.js +6 -1
  60. package/dist/cjs/pds-button.entry.cjs.js.map +1 -1
  61. package/dist/cjs/pds-checkbox.cjs.entry.js +1 -1
  62. package/dist/cjs/pds-chip.cjs.entry.js +1 -1
  63. package/dist/cjs/pds-combobox.cjs.entry.js +1 -1
  64. package/dist/cjs/pds-container.cjs.entry.js +37 -0
  65. package/dist/cjs/pds-container.entry.cjs.js.map +1 -0
  66. package/dist/cjs/pds-copytext.cjs.entry.js +2 -2
  67. package/dist/cjs/pds-divider.cjs.entry.js +2 -2
  68. package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +2 -2
  69. package/dist/cjs/pds-dropdown-menu-separator.cjs.entry.js +2 -2
  70. package/dist/cjs/pds-dropdown-menu.cjs.entry.js +2 -2
  71. package/dist/cjs/pds-filter.cjs.entry.js +2 -2
  72. package/dist/cjs/pds-filters.cjs.entry.js +2 -2
  73. package/dist/cjs/pds-icon.cjs.entry.js +1 -1
  74. package/dist/cjs/pds-image.cjs.entry.js +3 -3
  75. package/dist/cjs/pds-input.cjs.entry.js +2 -2
  76. package/dist/cjs/pds-link.cjs.entry.js +3 -3
  77. package/dist/cjs/pds-loader.cjs.entry.js +2 -2
  78. package/dist/cjs/pds-modal-content.cjs.entry.js +3 -3
  79. package/dist/cjs/pds-modal-footer.cjs.entry.js +2 -2
  80. package/dist/cjs/pds-modal-header.cjs.entry.js +2 -2
  81. package/dist/cjs/pds-modal.cjs.entry.js +4 -4
  82. package/dist/cjs/pds-multiselect.cjs.entry.js +4 -4
  83. package/dist/cjs/pds-popover.cjs.entry.js +2 -2
  84. package/dist/cjs/pds-progress.cjs.entry.js +2 -2
  85. package/dist/cjs/pds-property.cjs.entry.js +2 -2
  86. package/dist/cjs/pds-radio-group.cjs.entry.js +4 -4
  87. package/dist/cjs/pds-radio.cjs.entry.js +4 -4
  88. package/dist/cjs/pds-row.cjs.entry.js +2 -2
  89. package/dist/cjs/pds-select.cjs.entry.js +2 -2
  90. package/dist/cjs/pds-sortable-item.cjs.entry.js +2 -2
  91. package/dist/cjs/pds-sortable.cjs.entry.js +2 -2
  92. package/dist/cjs/pds-switch.cjs.entry.js +4 -4
  93. package/dist/cjs/pds-tab.cjs.entry.js +4 -4
  94. package/dist/cjs/pds-table-body.cjs.entry.js +2 -2
  95. package/dist/cjs/pds-table-cell.cjs.entry.js +3 -3
  96. package/dist/cjs/pds-table-head-cell.cjs.entry.js +3 -3
  97. package/dist/cjs/pds-table-head.cjs.entry.js +2 -2
  98. package/dist/cjs/pds-table-row.cjs.entry.js +2 -2
  99. package/dist/cjs/pds-table.cjs.entry.js +1 -1
  100. package/dist/cjs/pds-tabpanel.cjs.entry.js +2 -2
  101. package/dist/cjs/pds-tabs.cjs.entry.js +2 -2
  102. package/dist/cjs/pds-text.cjs.entry.js +2 -2
  103. package/dist/cjs/pds-textarea.cjs.entry.js +5 -5
  104. package/dist/cjs/pds-toast.cjs.entry.js +4 -4
  105. package/dist/cjs/pds-tooltip.cjs.entry.js +3 -3
  106. package/dist/cjs/pine-core.cjs.js +2 -2
  107. package/dist/collection/collection-manifest.json +1 -0
  108. package/dist/collection/components/pds-alert/pds-alert.tokens.css +43 -0
  109. package/dist/collection/components/pds-button/pds-button.js +5 -0
  110. package/dist/collection/components/pds-button/pds-button.js.map +1 -1
  111. package/dist/collection/components/pds-container/pds-container.css +26 -0
  112. package/dist/collection/components/pds-container/pds-container.js +112 -0
  113. package/dist/collection/components/pds-container/pds-container.js.map +1 -0
  114. package/dist/collection/components/pds-container/stories/pds-container.stories.js +89 -0
  115. package/dist/collection/components/pds-copytext/pds-copytext.js +1 -1
  116. package/dist/collection/components/pds-divider/pds-divider.js +1 -1
  117. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.js +1 -1
  118. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-separator/pds-dropdown-menu-separator.js +1 -1
  119. package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +1 -1
  120. package/dist/collection/components/pds-filters/pds-filter/pds-filter.js +1 -1
  121. package/dist/collection/components/pds-filters/pds-filters.js +1 -1
  122. package/dist/collection/components/pds-image/pds-image.js +2 -2
  123. package/dist/collection/components/pds-input/pds-input.js +1 -1
  124. package/dist/collection/components/pds-link/pds-link.js +2 -2
  125. package/dist/collection/components/pds-loader/pds-loader.js +1 -1
  126. package/dist/collection/components/pds-modal/pds-modal-content/pds-modal-content.js +2 -2
  127. package/dist/collection/components/pds-modal/pds-modal-footer/pds-modal-footer.js +1 -1
  128. package/dist/collection/components/pds-modal/pds-modal-header/pds-modal-header.js +1 -1
  129. package/dist/collection/components/pds-modal/pds-modal.js +3 -3
  130. package/dist/collection/components/pds-modal/test/mock-pds-modal.js +1 -1
  131. package/dist/collection/components/pds-multiselect/pds-multiselect.js +3 -3
  132. package/dist/collection/components/pds-popover/pds-popover.js +1 -1
  133. package/dist/collection/components/pds-progress/pds-progress.js +1 -1
  134. package/dist/collection/components/pds-property/pds-property.js +1 -1
  135. package/dist/collection/components/pds-radio/pds-radio.js +3 -3
  136. package/dist/collection/components/pds-radio-group/pds-radio-group.js +3 -3
  137. package/dist/collection/components/pds-row/pds-row.js +1 -1
  138. package/dist/collection/components/pds-select/pds-select.js +1 -1
  139. package/dist/collection/components/pds-sortable/pds-sortable-item/pds-sortable-item.js +1 -1
  140. package/dist/collection/components/pds-sortable/pds-sortable.js +1 -1
  141. package/dist/collection/components/pds-switch/pds-switch.js +3 -3
  142. package/dist/collection/components/pds-table/pds-table-body/pds-table-body.js +1 -1
  143. package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.js +2 -2
  144. package/dist/collection/components/pds-table/pds-table-head/pds-table-head.js +1 -1
  145. package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +2 -2
  146. package/dist/collection/components/pds-table/pds-table-row/pds-table-row.js +1 -1
  147. package/dist/collection/components/pds-tabs/pds-tab/pds-tab.js +3 -3
  148. package/dist/collection/components/pds-tabs/pds-tabpanel/pds-tabpanel.js +1 -1
  149. package/dist/collection/components/pds-tabs/pds-tabs.js +1 -1
  150. package/dist/collection/components/pds-text/pds-text.js +1 -1
  151. package/dist/collection/components/pds-textarea/pds-textarea.js +4 -4
  152. package/dist/collection/components/pds-toast/pds-toast.js +3 -3
  153. package/dist/collection/components/pds-tooltip/pds-tooltip.js +2 -2
  154. package/dist/docs.json +125 -1
  155. package/dist/esm/{index-DHPhrb5T.js → index-DgugD5OF.js} +3 -3
  156. package/dist/esm/index-DgugD5OF.js.map +1 -0
  157. package/dist/esm/loader.js +3 -3
  158. package/dist/esm/mock-pds-modal.entry.js +2 -2
  159. package/dist/esm/pds-accordion.entry.js +1 -1
  160. package/dist/esm/pds-alert.entry.js +2 -2
  161. package/dist/esm/pds-alert.entry.js.map +1 -1
  162. package/dist/esm/pds-avatar.entry.js +1 -1
  163. package/dist/esm/pds-box.entry.js +1 -1
  164. package/dist/esm/pds-button.entry.js +6 -1
  165. package/dist/esm/pds-button.entry.js.map +1 -1
  166. package/dist/esm/pds-checkbox.entry.js +1 -1
  167. package/dist/esm/pds-chip.entry.js +1 -1
  168. package/dist/esm/pds-combobox.entry.js +1 -1
  169. package/dist/esm/pds-container.entry.js +35 -0
  170. package/dist/esm/pds-container.entry.js.map +1 -0
  171. package/dist/esm/pds-copytext.entry.js +2 -2
  172. package/dist/esm/pds-divider.entry.js +2 -2
  173. package/dist/esm/pds-dropdown-menu-item.entry.js +2 -2
  174. package/dist/esm/pds-dropdown-menu-separator.entry.js +2 -2
  175. package/dist/esm/pds-dropdown-menu.entry.js +2 -2
  176. package/dist/esm/pds-filter.entry.js +2 -2
  177. package/dist/esm/pds-filters.entry.js +2 -2
  178. package/dist/esm/pds-icon.entry.js +1 -1
  179. package/dist/esm/pds-image.entry.js +3 -3
  180. package/dist/esm/pds-input.entry.js +2 -2
  181. package/dist/esm/pds-link.entry.js +3 -3
  182. package/dist/esm/pds-loader.entry.js +2 -2
  183. package/dist/esm/pds-modal-content.entry.js +3 -3
  184. package/dist/esm/pds-modal-footer.entry.js +2 -2
  185. package/dist/esm/pds-modal-header.entry.js +2 -2
  186. package/dist/esm/pds-modal.entry.js +4 -4
  187. package/dist/esm/pds-multiselect.entry.js +4 -4
  188. package/dist/esm/pds-popover.entry.js +2 -2
  189. package/dist/esm/pds-progress.entry.js +2 -2
  190. package/dist/esm/pds-property.entry.js +2 -2
  191. package/dist/esm/pds-radio-group.entry.js +4 -4
  192. package/dist/esm/pds-radio.entry.js +4 -4
  193. package/dist/esm/pds-row.entry.js +2 -2
  194. package/dist/esm/pds-select.entry.js +2 -2
  195. package/dist/esm/pds-sortable-item.entry.js +2 -2
  196. package/dist/esm/pds-sortable.entry.js +2 -2
  197. package/dist/esm/pds-switch.entry.js +4 -4
  198. package/dist/esm/pds-tab.entry.js +4 -4
  199. package/dist/esm/pds-table-body.entry.js +2 -2
  200. package/dist/esm/pds-table-cell.entry.js +3 -3
  201. package/dist/esm/pds-table-head-cell.entry.js +3 -3
  202. package/dist/esm/pds-table-head.entry.js +2 -2
  203. package/dist/esm/pds-table-row.entry.js +2 -2
  204. package/dist/esm/pds-table.entry.js +1 -1
  205. package/dist/esm/pds-tabpanel.entry.js +2 -2
  206. package/dist/esm/pds-tabs.entry.js +2 -2
  207. package/dist/esm/pds-text.entry.js +2 -2
  208. package/dist/esm/pds-textarea.entry.js +5 -5
  209. package/dist/esm/pds-toast.entry.js +4 -4
  210. package/dist/esm/pds-tooltip.entry.js +3 -3
  211. package/dist/esm/pine-core.js +3 -3
  212. package/dist/esm-es5/index-DgugD5OF.js +3 -0
  213. package/dist/esm-es5/index-DgugD5OF.js.map +1 -0
  214. package/dist/esm-es5/loader.js +1 -1
  215. package/dist/esm-es5/mock-pds-modal.entry.js +1 -1
  216. package/dist/esm-es5/pds-accordion.entry.js +1 -1
  217. package/dist/esm-es5/pds-alert.entry.js +1 -1
  218. package/dist/esm-es5/pds-alert.entry.js.map +1 -1
  219. package/dist/esm-es5/pds-avatar.entry.js +1 -1
  220. package/dist/esm-es5/pds-box.entry.js +1 -1
  221. package/dist/esm-es5/pds-button.entry.js +1 -1
  222. package/dist/esm-es5/pds-button.entry.js.map +1 -1
  223. package/dist/esm-es5/pds-checkbox.entry.js +1 -1
  224. package/dist/esm-es5/pds-chip.entry.js +1 -1
  225. package/dist/esm-es5/pds-combobox.entry.js +2 -2
  226. package/dist/esm-es5/pds-container.entry.js +2 -0
  227. package/dist/esm-es5/pds-container.entry.js.map +1 -0
  228. package/dist/esm-es5/pds-copytext.entry.js +1 -1
  229. package/dist/esm-es5/pds-divider.entry.js +1 -1
  230. package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
  231. package/dist/esm-es5/pds-dropdown-menu-separator.entry.js +1 -1
  232. package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
  233. package/dist/esm-es5/pds-filter.entry.js +1 -1
  234. package/dist/esm-es5/pds-filters.entry.js +1 -1
  235. package/dist/esm-es5/pds-icon.entry.js +1 -1
  236. package/dist/esm-es5/pds-image.entry.js +1 -1
  237. package/dist/esm-es5/pds-input.entry.js +1 -1
  238. package/dist/esm-es5/pds-link.entry.js +1 -1
  239. package/dist/esm-es5/pds-loader.entry.js +1 -1
  240. package/dist/esm-es5/pds-modal-content.entry.js +1 -1
  241. package/dist/esm-es5/pds-modal-footer.entry.js +1 -1
  242. package/dist/esm-es5/pds-modal-header.entry.js +1 -1
  243. package/dist/esm-es5/pds-modal.entry.js +1 -1
  244. package/dist/esm-es5/pds-multiselect.entry.js +1 -1
  245. package/dist/esm-es5/pds-popover.entry.js +1 -1
  246. package/dist/esm-es5/pds-progress.entry.js +1 -1
  247. package/dist/esm-es5/pds-property.entry.js +1 -1
  248. package/dist/esm-es5/pds-radio-group.entry.js +1 -1
  249. package/dist/esm-es5/pds-radio.entry.js +1 -1
  250. package/dist/esm-es5/pds-row.entry.js +1 -1
  251. package/dist/esm-es5/pds-select.entry.js +1 -1
  252. package/dist/esm-es5/pds-sortable-item.entry.js +1 -1
  253. package/dist/esm-es5/pds-sortable.entry.js +2 -2
  254. package/dist/esm-es5/pds-switch.entry.js +1 -1
  255. package/dist/esm-es5/pds-tab.entry.js +1 -1
  256. package/dist/esm-es5/pds-table-body.entry.js +1 -1
  257. package/dist/esm-es5/pds-table-cell.entry.js +1 -1
  258. package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
  259. package/dist/esm-es5/pds-table-head.entry.js +1 -1
  260. package/dist/esm-es5/pds-table-row.entry.js +1 -1
  261. package/dist/esm-es5/pds-table.entry.js +1 -1
  262. package/dist/esm-es5/pds-tabpanel.entry.js +1 -1
  263. package/dist/esm-es5/pds-tabs.entry.js +1 -1
  264. package/dist/esm-es5/pds-text.entry.js +1 -1
  265. package/dist/esm-es5/pds-textarea.entry.js +1 -1
  266. package/dist/esm-es5/pds-toast.entry.js +1 -1
  267. package/dist/esm-es5/pds-tooltip.entry.js +1 -1
  268. package/dist/esm-es5/pine-core.js +1 -1
  269. package/dist/pine-core/{p-48a6762b.system.entry.js → p-0388f3e1.system.entry.js} +2 -2
  270. package/dist/pine-core/{p-33e8d130.entry.js → p-03926d00.entry.js} +2 -2
  271. package/dist/pine-core/{p-d5d9cf28.entry.js → p-03e88bde.entry.js} +2 -2
  272. package/dist/pine-core/{p-d3e64f4e.system.entry.js → p-09827b7b.system.entry.js} +3 -3
  273. package/dist/pine-core/{p-f64ea4f7.entry.js → p-0a4707b8.entry.js} +2 -2
  274. package/dist/pine-core/{p-645564d9.entry.js → p-0be2b5af.entry.js} +2 -2
  275. package/dist/pine-core/{p-41382eb3.system.entry.js → p-0dd25018.system.entry.js} +2 -2
  276. package/dist/pine-core/{p-adbe19c7.system.entry.js → p-0e144510.system.entry.js} +2 -2
  277. package/dist/pine-core/{p-f86fbde7.entry.js → p-0e88b9e8.entry.js} +2 -2
  278. package/dist/pine-core/{p-499dcb3b.system.entry.js → p-173900fe.system.entry.js} +2 -2
  279. package/dist/pine-core/{p-75dc3a1f.entry.js → p-179f2687.entry.js} +2 -2
  280. package/dist/pine-core/p-17f536fe.entry.js +2 -0
  281. package/dist/pine-core/{p-eec6b183.system.entry.js → p-21f92ead.system.entry.js} +2 -2
  282. package/dist/pine-core/{p-27ccbd3f.entry.js → p-230606be.entry.js} +2 -2
  283. package/dist/pine-core/{p-c78a7729.entry.js → p-230c360e.entry.js} +2 -2
  284. package/dist/pine-core/p-23f4a834.system.entry.js +2 -0
  285. package/dist/pine-core/p-23f4a834.system.entry.js.map +1 -0
  286. package/dist/pine-core/{p-82f9a81a.entry.js → p-23f99ae0.entry.js} +2 -2
  287. package/dist/pine-core/{p-cdd8175e.entry.js → p-24c47b6e.entry.js} +2 -2
  288. package/dist/pine-core/{p-781bdbf7.system.entry.js → p-2744531f.system.entry.js} +2 -2
  289. package/dist/pine-core/p-3092b4cf.entry.js +2 -0
  290. package/dist/pine-core/p-3092b4cf.entry.js.map +1 -0
  291. package/dist/pine-core/{p-fa62518b.entry.js → p-30973c73.entry.js} +2 -2
  292. package/dist/pine-core/{p-e1402563.system.entry.js → p-3261ca06.system.entry.js} +2 -2
  293. package/dist/pine-core/{p-7dfb5b1f.system.entry.js → p-391dcc54.system.entry.js} +2 -2
  294. package/dist/pine-core/p-391dcc54.system.entry.js.map +1 -0
  295. package/dist/pine-core/{p-91200079.system.entry.js → p-39cd6169.system.entry.js} +2 -2
  296. package/dist/pine-core/{p-61943627.system.entry.js → p-40e3129d.system.entry.js} +2 -2
  297. package/dist/pine-core/{p-52d1a7a1.system.entry.js → p-42660908.system.entry.js} +2 -2
  298. package/dist/pine-core/{p-b2a5b6ae.system.entry.js → p-42d449ef.system.entry.js} +2 -2
  299. package/dist/pine-core/{p-3f8e9f3f.entry.js → p-45f39906.entry.js} +2 -2
  300. package/dist/pine-core/{p-Cw6YcRuA.system.js.map → p-4RbkT-4n.system.js.map} +1 -1
  301. package/dist/pine-core/{p-b3c50d38.entry.js → p-4ef40e46.entry.js} +2 -2
  302. package/dist/pine-core/{p-8f3d6de0.entry.js → p-4f8de670.entry.js} +2 -2
  303. package/dist/pine-core/{p-2058a93a.entry.js → p-54a9b03a.entry.js} +2 -2
  304. package/dist/pine-core/{p-67b78dd8.system.entry.js → p-54df0ad1.system.entry.js} +2 -2
  305. package/dist/pine-core/{p-c6682c9d.system.entry.js → p-5539b141.system.entry.js} +2 -2
  306. package/dist/pine-core/{p-16bf3993.system.entry.js → p-55e850a8.system.entry.js} +2 -2
  307. package/dist/pine-core/{p-96c4106f.entry.js → p-57df9565.entry.js} +2 -2
  308. package/dist/pine-core/{p-48a646d8.entry.js → p-5a5b4ab8.entry.js} +3 -3
  309. package/dist/pine-core/{p-9ea92b46.entry.js → p-5c64764b.entry.js} +2 -2
  310. package/dist/pine-core/{p-9d2e89e5.entry.js → p-60815dd1.entry.js} +2 -2
  311. package/dist/pine-core/{p-e47524a6.entry.js → p-611b1256.entry.js} +2 -2
  312. package/dist/pine-core/{p-0d7eddea.system.entry.js → p-647f9864.system.entry.js} +2 -2
  313. package/dist/pine-core/{p-14cceca6.entry.js → p-67756adb.entry.js} +2 -2
  314. package/dist/pine-core/{p-519d9af1.system.entry.js → p-69f53e4d.system.entry.js} +2 -2
  315. package/dist/pine-core/{p-a61e92c3.system.entry.js → p-6c2db3fa.system.entry.js} +2 -2
  316. package/dist/pine-core/{p-3e96ea38.system.entry.js → p-707e19af.system.entry.js} +2 -2
  317. package/dist/pine-core/{p-ccf46b90.entry.js → p-726f3947.entry.js} +2 -2
  318. package/dist/pine-core/p-72918478.entry.js +2 -0
  319. package/dist/pine-core/{p-ed125c22.system.entry.js → p-77929a62.system.entry.js} +2 -2
  320. package/dist/pine-core/{p-98b493e5.entry.js → p-7babada1.entry.js} +2 -2
  321. package/dist/pine-core/p-7f7cd54c.system.entry.js +2 -0
  322. package/dist/pine-core/{p-8be316b4.system.entry.js → p-7f9909ee.system.entry.js} +2 -2
  323. package/dist/pine-core/{p-d8698ac5.entry.js → p-8067095b.entry.js} +3 -3
  324. package/dist/pine-core/{p-a55bc143.system.entry.js → p-8502e648.system.entry.js} +2 -2
  325. package/dist/pine-core/p-857f5bba.entry.js +2 -0
  326. package/dist/pine-core/{p-536451ee.entry.js → p-8b71fd72.entry.js} +2 -2
  327. package/dist/pine-core/p-8d1cc70e.system.entry.js +2 -0
  328. package/dist/pine-core/{p-2a185f0b.system.entry.js → p-92f296a3.system.entry.js} +2 -2
  329. package/dist/pine-core/p-96b609c3.entry.js +2 -0
  330. package/dist/pine-core/{p-b6465152.entry.js.map → p-96b609c3.entry.js.map} +1 -1
  331. package/dist/pine-core/{p-182b5617.system.entry.js → p-96cc703a.system.entry.js} +2 -2
  332. package/dist/pine-core/{p-1855322f.entry.js → p-9b6a70b7.entry.js} +2 -2
  333. package/dist/pine-core/{p-a6b01b1e.entry.js → p-9ba01afe.entry.js} +2 -2
  334. package/dist/pine-core/p-9cb18d50.system.entry.js +2 -0
  335. package/dist/pine-core/{p-40734388.entry.js → p-9e4d448f.entry.js} +2 -2
  336. package/dist/pine-core/{p-C2pSDIG-.system.js.map → p-B8_sE91r.system.js.map} +1 -1
  337. package/dist/pine-core/{p-Ob6d9Y86.system.js.map → p-BCj3Pqhe.system.js.map} +1 -1
  338. package/dist/pine-core/{p-D32r9DeF.system.js.map → p-BHIlil3I.system.js.map} +1 -1
  339. package/dist/pine-core/{p-Dq_WxIls.system.js.map → p-BIeE3p6o.system.js.map} +1 -1
  340. package/dist/pine-core/{p-DpOZDNuz.system.js.map → p-BZToZN3B.system.js.map} +1 -1
  341. package/dist/pine-core/p-BbuTTos7.system.js.map +1 -0
  342. package/dist/pine-core/{p-C6TsH_RJ.system.js.map → p-BbvW_CBL.system.js.map} +1 -1
  343. package/dist/pine-core/{p-DOdbcaFd.system.js.map → p-Bd9sMbXw.system.js.map} +1 -1
  344. package/dist/pine-core/{p-59--X9ih.system.js.map → p-BeRmTY98.system.js.map} +1 -1
  345. package/dist/pine-core/{p-CyOICl1j.system.js.map → p-Br9NgHnL.system.js.map} +1 -1
  346. package/dist/pine-core/{p-CI57amJO.system.js.map → p-BsoxjrRK.system.js.map} +1 -1
  347. package/dist/pine-core/{p-BUEOyE3W.system.js.map → p-Buf4EdHt.system.js.map} +1 -1
  348. package/dist/pine-core/{p-BTrLNF2B.system.js.map → p-BxonANqX.system.js.map} +1 -1
  349. package/dist/pine-core/{p-DNbBVaLv.system.js.map → p-Bynxlopm.system.js.map} +1 -1
  350. package/dist/pine-core/{p-BQsz2Ppb.system.js.map → p-C03R7FZv.system.js.map} +1 -1
  351. package/dist/pine-core/{p-CP845yj_.system.js.map → p-C1PQgahj.system.js.map} +1 -1
  352. package/dist/pine-core/{p-BpespFXE.system.js.map → p-C5nO4zps.system.js.map} +1 -1
  353. package/dist/pine-core/{p-C4-dix13.system.js.map → p-C5o2YF82.system.js.map} +1 -1
  354. package/dist/pine-core/{p-CjvjDEg9.system.js.map → p-CBFhigZb.system.js.map} +1 -1
  355. package/dist/pine-core/{p-Be6iza_Y.system.js.map → p-CWWPfGzp.system.js.map} +1 -1
  356. package/dist/pine-core/p-Cd1r5glT.system.js +3 -0
  357. package/dist/pine-core/p-Cd1r5glT.system.js.map +1 -0
  358. package/dist/pine-core/{p-DmUcUg32.system.js.map → p-CiVqzPUt.system.js.map} +1 -1
  359. package/dist/pine-core/{p-BOuz9091.system.js.map → p-CnS7JOrE.system.js.map} +1 -1
  360. package/dist/pine-core/{p-PMiwIPVl.system.js.map → p-Co3JLySa.system.js.map} +1 -1
  361. package/dist/pine-core/{p-f7d9bZ8U.system.js.map → p-CozIBrS2.system.js.map} +1 -1
  362. package/dist/pine-core/{p-KVyVRPM1.system.js.map → p-CvAkhP3X.system.js.map} +1 -1
  363. package/dist/pine-core/{p-e7dY1RIu.system.js.map → p-CzooU5nP.system.js.map} +1 -1
  364. package/dist/pine-core/{p-C9msrPdv.system.js.map → p-D-ugJ_Vb.system.js.map} +1 -1
  365. package/dist/pine-core/{p-5KztFcgn.system.js.map → p-D8Jy1X-i.system.js.map} +1 -1
  366. package/dist/pine-core/{p-DMF-DSOl.system.js.map → p-D9m0torX.system.js.map} +1 -1
  367. package/dist/pine-core/{p-DZLD6m8S.system.js.map → p-DKrAolNL.system.js.map} +1 -1
  368. package/dist/pine-core/{p-BMoAGblt.system.js.map → p-DYxb0HtA.system.js.map} +1 -1
  369. package/dist/pine-core/{p-DAxrTjDa.system.js.map → p-DZ2D-r2g.system.js.map} +1 -1
  370. package/dist/pine-core/{p-ssoi7rVs.system.js.map → p-DbekLgeQ.system.js.map} +1 -1
  371. package/dist/pine-core/p-DgugD5OF.js +3 -0
  372. package/dist/{esm/index-DHPhrb5T.js.map → pine-core/p-DgugD5OF.js.map} +1 -1
  373. package/dist/pine-core/{p-WysX4rk5.system.js.map → p-DsahHuq2.system.js.map} +1 -1
  374. package/dist/pine-core/{p-CHDzBR_K.system.js.map → p-DwDmfw9W.system.js.map} +1 -1
  375. package/dist/pine-core/{p-CXhVuzyx.system.js.map → p-NOwphlXM.system.js.map} +1 -1
  376. package/dist/pine-core/{p--XSKe449.system.js.map → p-QCoEC6bt.system.js.map} +1 -1
  377. package/dist/pine-core/{p-BR1tCsTx.system.js.map → p-QhNaWlKc.system.js.map} +1 -1
  378. package/dist/pine-core/{p-BR9D7jOC.system.js.map → p-Rc2xglVQ.system.js.map} +1 -1
  379. package/dist/pine-core/{p-CYraaUrg.system.js.map → p-U11kcmQt.system.js.map} +1 -1
  380. package/dist/pine-core/{p-Dp80V3ht.system.js.map → p-X-_QFsqW.system.js.map} +1 -1
  381. package/dist/pine-core/{p-BOuxAvbi.system.js.map → p-YQUlAibS.system.js.map} +1 -1
  382. package/dist/pine-core/{p-B5fynusC.system.js.map → p-ZfPiYr6Z.system.js.map} +1 -1
  383. package/dist/pine-core/{p-3XkugpdY.system.js.map → p-_O99x0uU.system.js.map} +1 -1
  384. package/dist/pine-core/{p-f352e850.entry.js → p-a1c8b41b.entry.js} +2 -2
  385. package/dist/pine-core/{p-fa4c5b6b.system.entry.js → p-a2f7beec.system.entry.js} +3 -3
  386. package/dist/pine-core/p-a53561cd.system.entry.js +2 -0
  387. package/dist/pine-core/p-a571cf06.system.entry.js +2 -0
  388. package/dist/pine-core/p-a60560b3.system.entry.js +2 -0
  389. package/dist/pine-core/{p-244f0325.system.entry.js → p-a9ab40e0.system.entry.js} +2 -2
  390. package/dist/pine-core/{p-ce47aaaa.system.entry.js → p-aca15b0e.system.entry.js} +2 -2
  391. package/dist/pine-core/{p-CG-bCfvj.system.js.map → p-ar9ZYqmc.system.js.map} +1 -1
  392. package/dist/pine-core/{p-13f28e2a.system.entry.js → p-b10f808b.system.entry.js} +2 -2
  393. package/dist/pine-core/{p-0f990fae.system.entry.js → p-b2548217.system.entry.js} +2 -2
  394. package/dist/pine-core/{p-4c7055bb.system.entry.js → p-bdf72bf1.system.entry.js} +2 -2
  395. package/dist/pine-core/{p-95af50ed.entry.js → p-c58100b9.entry.js} +2 -2
  396. package/dist/pine-core/{p-bc7a4275.system.entry.js → p-c8fa81f8.system.entry.js} +2 -2
  397. package/dist/pine-core/{p-Bb4REZL1.system.js.map → p-cFoJhW1l.system.js.map} +1 -1
  398. package/dist/pine-core/p-cae7b9c3.entry.js +2 -0
  399. package/dist/pine-core/{p-583c3ac5.entry.js → p-ce720bfc.entry.js} +2 -2
  400. package/dist/pine-core/{p-46e11e20.entry.js → p-cf135908.entry.js} +2 -2
  401. package/dist/pine-core/{p-c9ced0ee.entry.js → p-cff05483.entry.js} +2 -2
  402. package/dist/pine-core/{p-kR80YJVM.system.js.map → p-cm65m7sx.system.js.map} +1 -1
  403. package/dist/pine-core/p-d472ad6a.system.entry.js +2 -0
  404. package/dist/pine-core/{p-4d2e9e8d.system.entry.js.map → p-d472ad6a.system.entry.js.map} +1 -1
  405. package/dist/pine-core/{p-a720a925.entry.js → p-d8d73a39.entry.js} +2 -2
  406. package/dist/pine-core/{p-e73b5859.entry.js → p-d90cd1b9.entry.js} +2 -2
  407. package/dist/pine-core/p-d90cd1b9.entry.js.map +1 -0
  408. package/dist/pine-core/p-daf68bad.entry.js +2 -0
  409. package/dist/pine-core/{p-caf01891.entry.js.map → p-daf68bad.entry.js.map} +1 -1
  410. package/dist/pine-core/{p-a1d58592.entry.js → p-db6d3b2c.entry.js} +2 -2
  411. package/dist/pine-core/p-df7f26bc.entry.js +2 -0
  412. package/dist/pine-core/{p-773d1b8d.entry.js → p-df932a4f.entry.js} +2 -2
  413. package/dist/pine-core/{p-8f48fa0b.system.entry.js → p-e220638d.system.entry.js} +2 -2
  414. package/dist/pine-core/{p-e776269e.system.entry.js → p-e23d362f.system.entry.js} +2 -2
  415. package/dist/pine-core/{p-ec32c44f.system.entry.js → p-e2e2ec2a.system.entry.js} +2 -2
  416. package/dist/pine-core/p-e5a45329.entry.js +2 -0
  417. package/dist/pine-core/{p-a3543531.entry.js.map → p-e5a45329.entry.js.map} +1 -1
  418. package/dist/pine-core/{p-16b7a61d.entry.js → p-e6471ada.entry.js} +2 -2
  419. package/dist/pine-core/{p-a85e565c.system.entry.js → p-ea229386.system.entry.js} +2 -2
  420. package/dist/pine-core/{p-fe2ba477.entry.js → p-eacb5f93.entry.js} +2 -2
  421. package/dist/pine-core/{p-e017b42e.system.entry.js → p-ef13e073.system.entry.js} +2 -2
  422. package/dist/pine-core/{p-ab2c2298.system.entry.js → p-f14161da.system.entry.js} +2 -2
  423. package/dist/pine-core/{p-6939924a.system.entry.js → p-f1f6d593.system.entry.js} +2 -2
  424. package/dist/pine-core/{p-98d82bf0.system.entry.js → p-f260b20f.system.entry.js} +2 -2
  425. package/dist/pine-core/p-f40123a0.entry.js +2 -0
  426. package/dist/pine-core/{p-aa331370.entry.js.map → p-f40123a0.entry.js.map} +1 -1
  427. package/dist/pine-core/{p-8c7fdaf5.system.entry.js → p-f9a7e38c.system.entry.js} +2 -2
  428. package/dist/pine-core/{p-32e54df7.entry.js → p-fce808ec.entry.js} +2 -2
  429. package/dist/pine-core/{p-d6c72b79.system.entry.js → p-fde51521.system.entry.js} +2 -2
  430. package/dist/pine-core/{p-DwSw16ZT.system.js.map → p-mdynSWU3.system.js.map} +1 -1
  431. package/dist/pine-core/{p-IEIIi5zq.system.js.map → p-p0pHH2bh.system.js.map} +1 -1
  432. package/dist/pine-core/p-tz7Wp4Pc.system.js +2 -0
  433. package/dist/pine-core/{p-JAVnELnm.system.js.map → p-tz7Wp4Pc.system.js.map} +1 -1
  434. package/dist/pine-core/{p-DM7CGpRH.system.js.map → p-uQTY4qb6.system.js.map} +1 -1
  435. package/dist/pine-core/pds-alert.entry.esm.js.map +1 -1
  436. package/dist/pine-core/pds-button.entry.esm.js.map +1 -1
  437. package/dist/pine-core/pds-container.entry.esm.js.map +1 -0
  438. package/dist/pine-core/pine-core.css +1 -1
  439. package/dist/pine-core/pine-core.esm.js +1 -1
  440. package/dist/pine-core/pine-core.js +1 -1
  441. package/dist/types/components/pds-container/pds-container.d.ts +22 -0
  442. package/dist/types/components.d.ts +41 -0
  443. package/dist/vscode.html-data.json +70 -20
  444. package/hydrate/index.js +115 -63
  445. package/hydrate/index.mjs +115 -63
  446. package/package.json +2 -2
  447. package/dist/cjs/index-CI0W8NCh.js.map +0 -1
  448. package/dist/esm-es5/index-DHPhrb5T.js +0 -3
  449. package/dist/esm-es5/index-DHPhrb5T.js.map +0 -1
  450. package/dist/pine-core/p-0582a3b3.entry.js +0 -2
  451. package/dist/pine-core/p-4175a61c.system.entry.js +0 -2
  452. package/dist/pine-core/p-4d2e9e8d.system.entry.js +0 -2
  453. package/dist/pine-core/p-5453ff49.system.entry.js +0 -2
  454. package/dist/pine-core/p-5D9wXQuJ.system.js +0 -3
  455. package/dist/pine-core/p-5D9wXQuJ.system.js.map +0 -1
  456. package/dist/pine-core/p-5f391ebf.entry.js +0 -2
  457. package/dist/pine-core/p-74392e33.system.entry.js +0 -2
  458. package/dist/pine-core/p-7dfb5b1f.system.entry.js.map +0 -1
  459. package/dist/pine-core/p-902818eb.system.entry.js +0 -2
  460. package/dist/pine-core/p-DHPhrb5T.js +0 -3
  461. package/dist/pine-core/p-DHPhrb5T.js.map +0 -1
  462. package/dist/pine-core/p-JAVnELnm.system.js +0 -2
  463. package/dist/pine-core/p-a3543531.entry.js +0 -2
  464. package/dist/pine-core/p-aa331370.entry.js +0 -2
  465. package/dist/pine-core/p-b6465152.entry.js +0 -2
  466. package/dist/pine-core/p-bc462592.system.entry.js +0 -2
  467. package/dist/pine-core/p-c6dd00b1.entry.js +0 -2
  468. package/dist/pine-core/p-caf01891.entry.js +0 -2
  469. package/dist/pine-core/p-d845fd1d.system.entry.js +0 -2
  470. package/dist/pine-core/p-e6097fd3.entry.js +0 -2
  471. package/dist/pine-core/p-e73b5859.entry.js.map +0 -1
  472. package/dist/pine-core/p-fc0df65c.entry.js +0 -2
  473. /package/dist/pine-core/{p-48a6762b.system.entry.js.map → p-0388f3e1.system.entry.js.map} +0 -0
  474. /package/dist/pine-core/{p-33e8d130.entry.js.map → p-03926d00.entry.js.map} +0 -0
  475. /package/dist/pine-core/{p-d5d9cf28.entry.js.map → p-03e88bde.entry.js.map} +0 -0
  476. /package/dist/pine-core/{p-d3e64f4e.system.entry.js.map → p-09827b7b.system.entry.js.map} +0 -0
  477. /package/dist/pine-core/{p-f64ea4f7.entry.js.map → p-0a4707b8.entry.js.map} +0 -0
  478. /package/dist/pine-core/{p-645564d9.entry.js.map → p-0be2b5af.entry.js.map} +0 -0
  479. /package/dist/pine-core/{p-41382eb3.system.entry.js.map → p-0dd25018.system.entry.js.map} +0 -0
  480. /package/dist/pine-core/{p-adbe19c7.system.entry.js.map → p-0e144510.system.entry.js.map} +0 -0
  481. /package/dist/pine-core/{p-f86fbde7.entry.js.map → p-0e88b9e8.entry.js.map} +0 -0
  482. /package/dist/pine-core/{p-499dcb3b.system.entry.js.map → p-173900fe.system.entry.js.map} +0 -0
  483. /package/dist/pine-core/{p-75dc3a1f.entry.js.map → p-179f2687.entry.js.map} +0 -0
  484. /package/dist/pine-core/{p-fc0df65c.entry.js.map → p-17f536fe.entry.js.map} +0 -0
  485. /package/dist/pine-core/{p-eec6b183.system.entry.js.map → p-21f92ead.system.entry.js.map} +0 -0
  486. /package/dist/pine-core/{p-27ccbd3f.entry.js.map → p-230606be.entry.js.map} +0 -0
  487. /package/dist/pine-core/{p-c78a7729.entry.js.map → p-230c360e.entry.js.map} +0 -0
  488. /package/dist/pine-core/{p-82f9a81a.entry.js.map → p-23f99ae0.entry.js.map} +0 -0
  489. /package/dist/pine-core/{p-cdd8175e.entry.js.map → p-24c47b6e.entry.js.map} +0 -0
  490. /package/dist/pine-core/{p-781bdbf7.system.entry.js.map → p-2744531f.system.entry.js.map} +0 -0
  491. /package/dist/pine-core/{p-fa62518b.entry.js.map → p-30973c73.entry.js.map} +0 -0
  492. /package/dist/pine-core/{p-e1402563.system.entry.js.map → p-3261ca06.system.entry.js.map} +0 -0
  493. /package/dist/pine-core/{p-91200079.system.entry.js.map → p-39cd6169.system.entry.js.map} +0 -0
  494. /package/dist/pine-core/{p-61943627.system.entry.js.map → p-40e3129d.system.entry.js.map} +0 -0
  495. /package/dist/pine-core/{p-52d1a7a1.system.entry.js.map → p-42660908.system.entry.js.map} +0 -0
  496. /package/dist/pine-core/{p-b2a5b6ae.system.entry.js.map → p-42d449ef.system.entry.js.map} +0 -0
  497. /package/dist/pine-core/{p-3f8e9f3f.entry.js.map → p-45f39906.entry.js.map} +0 -0
  498. /package/dist/pine-core/{p-b3c50d38.entry.js.map → p-4ef40e46.entry.js.map} +0 -0
  499. /package/dist/pine-core/{p-8f3d6de0.entry.js.map → p-4f8de670.entry.js.map} +0 -0
  500. /package/dist/pine-core/{p-2058a93a.entry.js.map → p-54a9b03a.entry.js.map} +0 -0
  501. /package/dist/pine-core/{p-67b78dd8.system.entry.js.map → p-54df0ad1.system.entry.js.map} +0 -0
  502. /package/dist/pine-core/{p-c6682c9d.system.entry.js.map → p-5539b141.system.entry.js.map} +0 -0
  503. /package/dist/pine-core/{p-16bf3993.system.entry.js.map → p-55e850a8.system.entry.js.map} +0 -0
  504. /package/dist/pine-core/{p-96c4106f.entry.js.map → p-57df9565.entry.js.map} +0 -0
  505. /package/dist/pine-core/{p-48a646d8.entry.js.map → p-5a5b4ab8.entry.js.map} +0 -0
  506. /package/dist/pine-core/{p-9ea92b46.entry.js.map → p-5c64764b.entry.js.map} +0 -0
  507. /package/dist/pine-core/{p-9d2e89e5.entry.js.map → p-60815dd1.entry.js.map} +0 -0
  508. /package/dist/pine-core/{p-e47524a6.entry.js.map → p-611b1256.entry.js.map} +0 -0
  509. /package/dist/pine-core/{p-0d7eddea.system.entry.js.map → p-647f9864.system.entry.js.map} +0 -0
  510. /package/dist/pine-core/{p-14cceca6.entry.js.map → p-67756adb.entry.js.map} +0 -0
  511. /package/dist/pine-core/{p-519d9af1.system.entry.js.map → p-69f53e4d.system.entry.js.map} +0 -0
  512. /package/dist/pine-core/{p-a61e92c3.system.entry.js.map → p-6c2db3fa.system.entry.js.map} +0 -0
  513. /package/dist/pine-core/{p-3e96ea38.system.entry.js.map → p-707e19af.system.entry.js.map} +0 -0
  514. /package/dist/pine-core/{p-ccf46b90.entry.js.map → p-726f3947.entry.js.map} +0 -0
  515. /package/dist/pine-core/{p-e6097fd3.entry.js.map → p-72918478.entry.js.map} +0 -0
  516. /package/dist/pine-core/{p-ed125c22.system.entry.js.map → p-77929a62.system.entry.js.map} +0 -0
  517. /package/dist/pine-core/{p-98b493e5.entry.js.map → p-7babada1.entry.js.map} +0 -0
  518. /package/dist/pine-core/{p-4175a61c.system.entry.js.map → p-7f7cd54c.system.entry.js.map} +0 -0
  519. /package/dist/pine-core/{p-8be316b4.system.entry.js.map → p-7f9909ee.system.entry.js.map} +0 -0
  520. /package/dist/pine-core/{p-d8698ac5.entry.js.map → p-8067095b.entry.js.map} +0 -0
  521. /package/dist/pine-core/{p-a55bc143.system.entry.js.map → p-8502e648.system.entry.js.map} +0 -0
  522. /package/dist/pine-core/{p-c6dd00b1.entry.js.map → p-857f5bba.entry.js.map} +0 -0
  523. /package/dist/pine-core/{p-536451ee.entry.js.map → p-8b71fd72.entry.js.map} +0 -0
  524. /package/dist/pine-core/{p-74392e33.system.entry.js.map → p-8d1cc70e.system.entry.js.map} +0 -0
  525. /package/dist/pine-core/{p-2a185f0b.system.entry.js.map → p-92f296a3.system.entry.js.map} +0 -0
  526. /package/dist/pine-core/{p-182b5617.system.entry.js.map → p-96cc703a.system.entry.js.map} +0 -0
  527. /package/dist/pine-core/{p-1855322f.entry.js.map → p-9b6a70b7.entry.js.map} +0 -0
  528. /package/dist/pine-core/{p-a6b01b1e.entry.js.map → p-9ba01afe.entry.js.map} +0 -0
  529. /package/dist/pine-core/{p-5453ff49.system.entry.js.map → p-9cb18d50.system.entry.js.map} +0 -0
  530. /package/dist/pine-core/{p-40734388.entry.js.map → p-9e4d448f.entry.js.map} +0 -0
  531. /package/dist/pine-core/{p-f352e850.entry.js.map → p-a1c8b41b.entry.js.map} +0 -0
  532. /package/dist/pine-core/{p-fa4c5b6b.system.entry.js.map → p-a2f7beec.system.entry.js.map} +0 -0
  533. /package/dist/pine-core/{p-d845fd1d.system.entry.js.map → p-a53561cd.system.entry.js.map} +0 -0
  534. /package/dist/pine-core/{p-902818eb.system.entry.js.map → p-a571cf06.system.entry.js.map} +0 -0
  535. /package/dist/pine-core/{p-bc462592.system.entry.js.map → p-a60560b3.system.entry.js.map} +0 -0
  536. /package/dist/pine-core/{p-244f0325.system.entry.js.map → p-a9ab40e0.system.entry.js.map} +0 -0
  537. /package/dist/pine-core/{p-ce47aaaa.system.entry.js.map → p-aca15b0e.system.entry.js.map} +0 -0
  538. /package/dist/pine-core/{p-13f28e2a.system.entry.js.map → p-b10f808b.system.entry.js.map} +0 -0
  539. /package/dist/pine-core/{p-0f990fae.system.entry.js.map → p-b2548217.system.entry.js.map} +0 -0
  540. /package/dist/pine-core/{p-4c7055bb.system.entry.js.map → p-bdf72bf1.system.entry.js.map} +0 -0
  541. /package/dist/pine-core/{p-95af50ed.entry.js.map → p-c58100b9.entry.js.map} +0 -0
  542. /package/dist/pine-core/{p-bc7a4275.system.entry.js.map → p-c8fa81f8.system.entry.js.map} +0 -0
  543. /package/dist/pine-core/{p-5f391ebf.entry.js.map → p-cae7b9c3.entry.js.map} +0 -0
  544. /package/dist/pine-core/{p-583c3ac5.entry.js.map → p-ce720bfc.entry.js.map} +0 -0
  545. /package/dist/pine-core/{p-46e11e20.entry.js.map → p-cf135908.entry.js.map} +0 -0
  546. /package/dist/pine-core/{p-c9ced0ee.entry.js.map → p-cff05483.entry.js.map} +0 -0
  547. /package/dist/pine-core/{p-a720a925.entry.js.map → p-d8d73a39.entry.js.map} +0 -0
  548. /package/dist/pine-core/{p-a1d58592.entry.js.map → p-db6d3b2c.entry.js.map} +0 -0
  549. /package/dist/pine-core/{p-0582a3b3.entry.js.map → p-df7f26bc.entry.js.map} +0 -0
  550. /package/dist/pine-core/{p-773d1b8d.entry.js.map → p-df932a4f.entry.js.map} +0 -0
  551. /package/dist/pine-core/{p-8f48fa0b.system.entry.js.map → p-e220638d.system.entry.js.map} +0 -0
  552. /package/dist/pine-core/{p-e776269e.system.entry.js.map → p-e23d362f.system.entry.js.map} +0 -0
  553. /package/dist/pine-core/{p-ec32c44f.system.entry.js.map → p-e2e2ec2a.system.entry.js.map} +0 -0
  554. /package/dist/pine-core/{p-16b7a61d.entry.js.map → p-e6471ada.entry.js.map} +0 -0
  555. /package/dist/pine-core/{p-a85e565c.system.entry.js.map → p-ea229386.system.entry.js.map} +0 -0
  556. /package/dist/pine-core/{p-fe2ba477.entry.js.map → p-eacb5f93.entry.js.map} +0 -0
  557. /package/dist/pine-core/{p-e017b42e.system.entry.js.map → p-ef13e073.system.entry.js.map} +0 -0
  558. /package/dist/pine-core/{p-ab2c2298.system.entry.js.map → p-f14161da.system.entry.js.map} +0 -0
  559. /package/dist/pine-core/{p-6939924a.system.entry.js.map → p-f1f6d593.system.entry.js.map} +0 -0
  560. /package/dist/pine-core/{p-98d82bf0.system.entry.js.map → p-f260b20f.system.entry.js.map} +0 -0
  561. /package/dist/pine-core/{p-8c7fdaf5.system.entry.js.map → p-f9a7e38c.system.entry.js.map} +0 -0
  562. /package/dist/pine-core/{p-32e54df7.entry.js.map → p-fce808ec.entry.js.map} +0 -0
  563. /package/dist/pine-core/{p-d6c72b79.system.entry.js.map → p-fde51521.system.entry.js.map} +0 -0
package/dist/esm-es5/pds-button.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";import{h as hasShadowDom}from"./utils-tJa4KYNO.js";import{f as addCircle,g as caretDown}from"./index-D4ys0pep.js";var pdsButtonCss=":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";var PdsButton=function(){function o(o){var r=this;registerInstance(this,o);this.pdsClick=createEvent(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.handleStartSlotChange=function(o){r.hasStartContent=o.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(o){r.hasEndContent=o.target.assignedElements({flatten:true}).length>0};this.handleClick=function(o){if(r.loading){o.preventDefault();return}if(r.disabled){o.preventDefault();return}if(!r.href&&r.type!="button"){if(hasShadowDom(r.el)){var t=r.el.closest("form");if(t){o.preventDefault();var e=document.createElement("button");e.type=r.type;e.style.display="none";t.appendChild(e);e.click();e.remove()}}}r.pdsClick.emit(o)}}o.prototype.handleFormKeyDown=function(o){if(o.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var r=o.target;if(!r||typeof r.matches!=="function"){return}var t=this.el.closest("form");if(!t||!r||!t.contains(r)){return}var e=r.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||r.matches("pds-input")||r.matches("pds-select")||r.matches("pds-switch")||r.matches("pds-checkbox")||r.matches("pds-radio");if(e){var n=Array.from(t.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=n.filter((function(o){if(o.tagName.toLowerCase()==="pds-button"){var r=o;return r.type==="submit"&&!r.disabled}else{return!o.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){o.preventDefault();this.el.click()}}};o.prototype.classNames=function(){var o=["pds-button"];if(this.variant){o.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){o.push("pds-button--"+this.size)}if(this.iconOnly){o.push("pds-button--icon-only")}if(this.loading){o.push("pds-button--loading")}return o.join(" ")};o.prototype.renderStartContent=function(){if(this.variant==="filter"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:addCircle,part:"icon","aria-hidden":"true"})}var o=this.icon&&this.variant!=="disclosure";if(Boolean(o)){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var r="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:r},h("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};o.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:caretDown,part:"caret","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:o},h("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};o.prototype.render=function(){var o=this;var r={class:this.classNames(),part:"button"};var t=function(){if(o.href){return Object.assign(Object.assign({},r),{download:o.download,href:o.disabled?null:o.href,target:o.target})}return Object.assign(Object.assign({},r),{"aria-busy":o.loading?"true":null,"aria-live":o.loading?"polite":null,disabled:o.disabled,name:o.name,type:o.type,value:o.value})};var e=this.href?"a":"button";var n=this.loading||this.iconOnly;var i=h("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),h("span",{class:"pds-button__text ".concat(n?"pds-button__text--hidden":""),part:"button-text"},h("slot",null)),this.loading&&h("span",{class:"pds-button__loader"},h("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return h(Host,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},h(e,Object.assign({},t()),i))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();PdsButton.style=pdsButtonCss;export{PdsButton as pds_button};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DgugD5OF.js";import{h as hasShadowDom}from"./utils-tJa4KYNO.js";import{f as addCircle,g as caretDown}from"./index-D4ys0pep.js";var pdsButtonCss=":host{--pds-button-background:var(--color-background-default);--pds-button-border:var(--pine-border);--pds-button-border-radius:var(--pine-border-radius-full);--pds-button-border-radius-start-end:var(--pine-border-radius-full);--pds-button-border-radius-start-start:var(--pine-border-radius-full);--pds-button-border-radius-end-end:var(--pine-border-radius-full);--pds-button-border-radius-end-start:var(--pine-border-radius-full);--pds-button-min-height:var(--pine-dimension-450);--pds-button-outline-offset:var(--pine-border-width);--color-border-default:transparent;--color-border-disabled:transparent;--color-border-focus:transparent;--color-border-hover:transparent;--button-loader-color:var(--color-text-default);display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host([full-width=true]){display:-ms-flexbox;display:flex;width:100%}:host([full-width=true]) a,:host([full-width=true]) button{-ms-flex-pack:center;justify-content:center;width:100%}:host([full-width=true]) .pds-button__content{-ms-flex-pack:center;justify-content:center;text-align:center}:host([loading=true]){cursor:wait;pointer-events:none}:host([disabled=true]){pointer-events:none}.pds-button{--pds-loader-color:var(--color-text-default);-ms-flex-align:center;align-items:center;background-color:var(--pds-button-background, var(--color-background-default));border:var(--pds-button-border);border-color:var(--color-border-default);border-radius:var(--pds-button-border-radius);border-end-end-radius:var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));border-end-start-radius:var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));border-start-end-radius:var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));border-start-start-radius:var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--color-text-default);cursor:pointer;display:-ms-flexbox;display:flex;font:var(--pine-typography-body-brand-label);letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-button-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);position:relative;text-decoration:none}.pds-button pds-icon{color:currentColor;fill:currentColor}.pds-button:hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover)}.pds-button:focus-visible{border-color:var(--color-border-focus);-webkit-box-shadow:var(--pds-button-box-shadow-focus, none);box-shadow:var(--pds-button-box-shadow-focus, none);outline:var(--pds-button-outline-focus, var(--pine-outline-focus));outline-offset:var(--pds-button-outline-offset)}.pds-button:disabled{background-color:var(--color-background-disabled);border-color:var(--color-border-disabled);color:var(--color-text-disabled);pointer-events:none}.pds-button--primary{--color-background-default:var(--pine-color-primary);--color-background-hover:var(--pine-color-primary-hover);--color-background-disabled:var(--pine-color-primary-disabled);--color-border-default:var(--pine-color-primary);--color-border-hover:var(--pine-color-primary-hover);--color-text-default:var(--pine-color-text-primary);--color-text-disabled:var(--pine-color-text-primary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--accent{--color-background-default:var(--pine-color-accent);--color-background-hover:var(--pine-color-accent-hover);--color-background-disabled:var(--pine-color-accent-disabled);--color-border-default:var(--pine-color-accent);--color-border-hover:var(--pine-color-accent-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-accent-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive{--color-background-default:var(--pine-color-danger);--color-background-hover:var(--pine-color-danger-hover);--color-background-disabled:var(--pine-color-danger-disabled);--color-border-default:var(--pine-color-danger);--color-border-hover:var(--pine-color-danger-hover);--color-text-default:var(--pine-color-white);--color-text-disabled:var(--pine-color-text-danger-disabled);--color-outline:var(--pine-color-focus-ring-danger);--button-loader-color:var(--pine-color-text-primary)}.pds-button--destructive:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.pds-button--secondary,.pds-button--disclosure{--color-background-default:var(--pine-color-secondary);--color-background-hover:var(--pine-color-secondary-hover);--color-background-disabled:var(--pine-color-secondary-disabled);--color-border-disabled:var(--pine-color-border-disabled);--color-border-focus:var(--pine-color-border);--color-border-hover:var(--pine-color-border-hover);--color-border-default:var(--pine-color-border);--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--secondary:hover,.pds-button--disclosure:hover{background-color:var(--pine-color-secondary-hover)}.pds-button--tertiary{--color-background-default:transparent;--color-background-hover:var(--pine-color-background-muted);--color-background-disabled:transparent;--color-border-default:transparent;--color-border-hover:var(--pine-color-background-muted);--color-border-disabled:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-disabled:var(--pine-color-text-secondary-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary)}.pds-button--filter{--color-background-default:var(--pine-color-background-container);--color-background-hover:var(--pine-color-background-subtle);--color-background-disabled:var(--pine-color-white);--color-border-default:transparent;--color-border-hover:transparent;--color-border-focus:transparent;--color-text-default:var(--pine-color-text-secondary);--color-text-hover:var(--pine-color-text-hover);--color-text-disabled:var(--pine-color-text-disabled);--color-outline:var(--pine-color-focus-ring);--button-loader-color:var(--pine-color-text-secondary);--pds-button-border-radius:var(--pine-dimension-125);--pds-button-border-radius-start-end:var(--pine-dimension-125);--pds-button-border-radius-start-start:var(--pine-dimension-125);--pds-button-border-radius-end-end:var(--pine-dimension-125);--pds-button-border-radius-end-start:var(--pine-dimension-125);padding:var(--pine-dimension-xs) var(--pine-dimension-sm)}.pds-button--filter:disabled{background-color:var(--pine-color-background-container)}.pds-button--filter:hover{color:var(--color-text-hover)}.pds-button--unstyled{--color-background-default:transparent;--color-background-hover:transparent;--color-background-disabled:transparent;--color-text-default:var(--pine-color-text);--button-loader-color:var(--pine-color-text);border-width:var(--pine-dimension-none);margin:var(--pine-dimension-none);min-height:auto;padding:var(--pine-dimension-none);width:inherit}.pds-button__content{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;gap:var(--pine-dimension-xs);position:relative;width:100%}.pds-button__icon{display:-ms-inline-flexbox;display:inline-flex}.pds-button__icon--empty{display:none}.pds-button__text{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}.pds-button__icon--hidden,.pds-button__text--hidden{opacity:0}.pds-button__loader{height:var(--pine-dimension-250);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--pine-dimension-250)}.pds-button--loading{cursor:wait;pointer-events:none}.pds-button--loading .pds-button__loader pds-loader{--loader-color:var(--button-loader-color)}.pds-button--small{min-height:var(--pine-dimension-400);padding:calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm)}.pds-button--micro{font-size:var(--pine-font-size-085);min-height:var(--pine-dimension-300);padding:var(--pine-dimension-025) var(--pine-dimension-xs)}.pds-button--icon-only{-ms-flex-align:center;align-items:center;border-radius:var(--pine-border-radius-full);height:var(--button-dimension);-ms-flex-pack:center;justify-content:center;min-height:var(--button-dimension);min-width:var(--button-dimension);padding:var(--pine-dimension-xs);width:var(--button-dimension)}.pds-button--icon-only .pds-button__content{height:100%;-ms-flex-pack:center;justify-content:center;width:100%}.pds-button--icon-only .pds-button__text--hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-button--icon-only.pds-button--small{height:var(--pine-dimension-400);min-height:var(--pine-dimension-400);min-width:var(--pine-dimension-400);padding:var(--pine-dimension-2xs);width:var(--pine-dimension-400)}.pds-button--icon-only.pds-button--micro{height:var(--pine-dimension-300);min-height:var(--pine-dimension-300);min-width:var(--pine-dimension-300);padding:var(--pine-dimension-3xs);width:var(--pine-dimension-300)}";var PdsButton=function(){function o(o){var r=this;registerInstance(this,o);this.pdsClick=createEvent(this,"pdsClick");this.disabled=false;this.fullWidth=false;this.icon=null;this.iconOnly=false;this.loading=false;this.type="button";this.size="default";this.variant="primary";this.hasStartContent=false;this.hasEndContent=false;this.handleStartSlotChange=function(o){r.hasStartContent=o.target.assignedElements({flatten:true}).length>0};this.handleEndSlotChange=function(o){r.hasEndContent=o.target.assignedElements({flatten:true}).length>0};this.handleClick=function(o){if(r.loading){o.preventDefault();return}if(r.disabled){o.preventDefault();return}if(!r.href&&r.type!="button"){if(hasShadowDom(r.el)){var t=r.el.closest("form");if(t){o.preventDefault();var e=document.createElement("button");e.type=r.type;e.style.display="none";t.appendChild(e);e.click();e.remove()}}}r.pdsClick.emit(o)}}o.prototype.handleFormKeyDown=function(o){if(o.defaultPrevented){return}if(o.key!=="Enter"||this.type!=="submit"||this.href||this.disabled){return}var r=o.target;if(!r||typeof r.matches!=="function"){return}var t=this.el.closest("form");if(!t||!r||!t.contains(r)){return}var e=r.matches('input:not([type="submit"]):not([type="button"]):not([type="reset"])')||r.matches("pds-input")||r.matches("pds-select")||r.matches("pds-switch")||r.matches("pds-checkbox")||r.matches("pds-radio");if(e){var n=Array.from(t.querySelectorAll('pds-button, button[type="submit"], input[type="submit"]'));var i=n.filter((function(o){if(o.tagName.toLowerCase()==="pds-button"){var r=o;return r.type==="submit"&&!r.disabled}else{return!o.hasAttribute("disabled")}}));if(i.length>0&&i[0]===this.el){o.preventDefault();this.el.click()}}};o.prototype.classNames=function(){var o=["pds-button"];if(this.variant){o.push("pds-button--"+this.variant)}if(this.size&&this.size!=="default"){o.push("pds-button--"+this.size)}if(this.iconOnly){o.push("pds-button--icon-only")}if(this.loading){o.push("pds-button--loading")}return o.join(" ")};o.prototype.renderStartContent=function(){if(this.variant==="filter"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:addCircle,part:"icon","aria-hidden":"true"})}var o=this.icon&&this.variant!=="disclosure";if(Boolean(o)){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",name:this.icon,part:"icon","aria-hidden":"true"})}var r="pds-button__icon".concat(this.hasStartContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:r},h("slot",{name:"start",onSlotchange:this.handleStartSlotChange}))};o.prototype.renderEndContent=function(){if(this.iconOnly){return null}if(this.variant==="disclosure"){return h("pds-icon",{class:this.loading?"pds-button__icon--hidden":"",icon:caretDown,part:"caret","aria-hidden":"true"})}var o="pds-button__icon".concat(this.hasEndContent?"":" pds-button__icon--empty").concat(this.loading?" pds-button__icon--hidden":"");return h("span",{class:o},h("slot",{name:"end",onSlotchange:this.handleEndSlotChange}))};o.prototype.render=function(){var o=this;var r={class:this.classNames(),part:"button"};var t=function(){if(o.href){return Object.assign(Object.assign({},r),{download:o.download,href:o.disabled?null:o.href,target:o.target})}return Object.assign(Object.assign({},r),{"aria-busy":o.loading?"true":null,"aria-live":o.loading?"polite":null,disabled:o.disabled,name:o.name,type:o.type,value:o.value})};var e=this.href?"a":"button";var n=this.loading||this.iconOnly;var i=h("div",{class:"pds-button__content",part:"button-content"},this.renderStartContent(),h("span",{class:"pds-button__text ".concat(n?"pds-button__text--hidden":""),part:"button-text"},h("slot",null)),this.loading&&h("span",{class:"pds-button__loader"},h("pds-loader",{"is-loading":true,size:"var(--pine-font-size-body-2xl)",variant:"spinner",exportparts:"loader-svg"},"Loading...")),this.renderEndContent());return h(Host,{"aria-disabled":this.disabled?"true":null,id:this.componentId,onClick:this.handleClick,variant:this.variant},h(e,Object.assign({},t()),i))};Object.defineProperty(o.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return o}();PdsButton.style=pdsButtonCss;export{PdsButton as pds_button};
2
2
  //# sourceMappingURL=pds-button.entry.js.map
package/dist/esm-es5/pds-button.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pds-button.entry.js","sources":["src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":[":host {\n --pds-button-background: var(--color-background-default);\n --pds-button-border: var(--pine-border);\n --pds-button-border-radius: var(--pine-border-radius-full);\n --pds-button-border-radius-start-end: var(--pine-border-radius-full);\n --pds-button-border-radius-start-start: var(--pine-border-radius-full);\n --pds-button-border-radius-end-end: var(--pine-border-radius-full);\n --pds-button-border-radius-end-start: var(--pine-border-radius-full);\n --pds-button-min-height: var(--pine-dimension-450);\n --pds-button-outline-offset: var(--pine-border-width);\n --color-border-default: transparent;\n --color-border-disabled: transparent;\n --color-border-focus: transparent;\n --color-border-hover: transparent;\n --button-loader-color: var(--color-text-default);\n\n display: inline-flex;\n vertical-align: middle;\n}\n\n:host([full-width=\"true\"]) {\n display: flex;\n width: 100%;\n\n a,\n button {\n justify-content: center;\n width: 100%;\n }\n\n .pds-button__content {\n justify-content: center;\n text-align: center;\n }\n}\n\n:host([loading=\"true\"]) {\n cursor: wait;\n pointer-events: none;\n}\n\n:host([disabled=\"true\"]) {\n pointer-events: none;\n}\n\n.pds-button {\n --pds-loader-color: var(--color-text-default);\n align-items: center;\n background-color: var(--pds-button-background, var(--color-background-default));\n border: var(--pds-button-border);\n border-color: var(--color-border-default);\n border-radius: var(--pds-button-border-radius);\n /* stylelint-disable-next-line order/properties-alphabetical-order */\n border-end-end-radius: var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));\n border-end-start-radius: var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));\n border-start-end-radius: var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));\n border-start-start-radius: var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));\n box-sizing: border-box;\n color: var(--color-text-default);\n cursor: pointer;\n display: flex;\n font: var(--pine-typography-body-brand-label);\n letter-spacing: var(--pine-letter-spacing);\n min-height: var(--pds-button-min-height);\n padding: calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);\n position: relative;\n text-decoration: none;\n\n pds-icon {\n color: currentColor;\n fill: currentColor;\n }\n\n &:hover {\n background-color: var(--color-background-hover);\n border-color: var(--color-border-hover);\n }\n\n &:focus-visible {\n border-color: var(--color-border-focus);\n box-shadow: var(--pds-button-box-shadow-focus, none);\n outline: var(--pds-button-outline-focus, var(--pine-outline-focus));\n outline-offset: var(--pds-button-outline-offset);\n }\n\n &:disabled {\n background-color: var(--color-background-disabled);\n border-color: var(--color-border-disabled);\n color: var(--color-text-disabled);\n pointer-events: none;\n }\n}\n\n.pds-button--primary {\n --color-background-default: var(--pine-color-primary);\n --color-background-hover: var(--pine-color-primary-hover);\n --color-background-disabled: var(--pine-color-primary-disabled);\n --color-border-default: var(--pine-color-primary);\n --color-border-hover: var(--pine-color-primary-hover);\n --color-text-default: var(--pine-color-text-primary);\n --color-text-disabled: var(--pine-color-text-primary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--accent {\n --color-background-default: var(--pine-color-accent);\n --color-background-hover: var(--pine-color-accent-hover);\n --color-background-disabled: var(--pine-color-accent-disabled);\n --color-border-default: var(--pine-color-accent);\n --color-border-hover: var(--pine-color-accent-hover);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n --color-text-default: var(--pine-color-white);\n --color-text-disabled: var(--pine-color-text-accent-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--destructive {\n --color-background-default: var(--pine-color-danger);\n --color-background-hover: var(--pine-color-danger-hover);\n --color-background-disabled: var(--pine-color-danger-disabled);\n --color-border-default: var(--pine-color-danger);\n --color-border-hover: var(--pine-color-danger-hover);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n --color-text-default: var(--pine-color-white);\n --color-text-disabled: var(--pine-color-text-danger-disabled);\n --color-outline: var(--pine-color-focus-ring-danger);\n --button-loader-color: var(--pine-color-text-primary);\n\n &:focus-visible {\n outline-color: var(--pine-color-focus-ring-danger);\n }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n --color-background-default: var(--pine-color-secondary);\n --color-background-hover: var(--pine-color-secondary-hover);\n --color-background-disabled: var(--pine-color-secondary-disabled);\n --color-border-disabled: var(--pine-color-border-disabled);\n --color-border-focus: var(--pine-color-border);\n --color-border-hover: var(--pine-color-border-hover);\n --color-border-default: var(--pine-color-border);\n --color-text-default: var(--pine-color-text-secondary);\n --color-text-disabled: var(--pine-color-text-secondary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-secondary);\n\n &:hover {\n background-color: var(--pine-color-secondary-hover);\n }\n}\n\n.pds-button--tertiary {\n --color-background-default: transparent;\n --color-background-hover: var(--pine-color-background-muted);\n --color-background-disabled: transparent;\n --color-border-default: transparent;\n --color-border-hover: var(--pine-color-background-muted);\n --color-border-disabled: transparent;\n --color-text-default: var(--pine-color-text-secondary);\n --color-text-disabled: var(--pine-color-text-secondary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-secondary);\n}\n\n.pds-button--filter {\n --color-background-default: var(--pine-color-background-container);\n --color-background-hover: var(--pine-color-background-subtle);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n --color-background-disabled: var(--pine-color-white);\n --color-border-default: transparent;\n --color-border-hover: transparent;\n --color-border-focus: transparent;\n --color-text-default: var(--pine-color-text-secondary);\n --color-text-hover: var(--pine-color-text-hover);\n --color-text-disabled: var(--pine-color-text-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-secondary);\n --pds-button-border-radius: var(--pine-dimension-125);\n --pds-button-border-radius-start-end: var(--pine-dimension-125);\n --pds-button-border-radius-start-start: var(--pine-dimension-125);\n --pds-button-border-radius-end-end: var(--pine-dimension-125);\n --pds-button-border-radius-end-start: var(--pine-dimension-125);\n padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n &:disabled {\n background-color: var(--pine-color-background-container);\n }\n\n &:hover {\n color: var(--color-text-hover);\n }\n}\n\n.pds-button--unstyled {\n --color-background-default: transparent;\n --color-background-hover: transparent;\n --color-background-disabled: transparent;\n --color-text-default: var(--pine-color-text);\n --button-loader-color: var(--pine-color-text);\n border-width: var(--pine-dimension-none);\n margin: var(--pine-dimension-none);\n min-height: auto;\n padding: var(--pine-dimension-none);\n width: inherit;\n}\n\n.pds-button__content {\n align-items: center;\n display: inline-flex;\n gap: var(--pine-dimension-xs);\n position: relative;\n width: 100%;\n}\n\n.pds-button__icon {\n display: inline-flex;\n\n &--empty {\n display: none;\n }\n}\n\n.pds-button__text {\n align-items: center;\n display: inline-flex;\n white-space: nowrap;\n}\n\n.pds-button__icon--hidden,\n.pds-button__text--hidden {\n opacity: 0;\n}\n\n.pds-button__loader {\n height: var(--pine-dimension-250);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: var(--pine-dimension-250);\n}\n\n.pds-button--loading {\n cursor: wait;\n pointer-events: none;\n\n .pds-button__loader {\n pds-loader {\n --loader-color: var(--button-loader-color);\n }\n }\n}\n\n.pds-button--small {\n min-height: var(--pine-dimension-400);\n padding: calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm);\n}\n\n.pds-button--micro {\n font-size: var(--pine-font-size-085);\n min-height: var(--pine-dimension-300);\n padding: var(--pine-dimension-025) var(--pine-dimension-xs);\n}\n\n\n.pds-button--icon-only {\n align-items: center;\n border-radius: var(--pine-border-radius-full);\n height: var(--button-dimension);\n justify-content: center;\n min-height: var(--button-dimension);\n min-width: var(--button-dimension);\n padding: var(--pine-dimension-xs);\n width: var(--button-dimension);\n\n .pds-button__content {\n height: 100%;\n justify-content: center;\n width: 100%;\n }\n\n .pds-button__text--hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 0 0, 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n\n &.pds-button--small {\n height: var(--pine-dimension-400);\n min-height: var(--pine-dimension-400);\n min-width: var(--pine-dimension-400);\n padding: var(--pine-dimension-2xs);\n width: var(--pine-dimension-400);\n }\n\n &.pds-button--micro {\n height: var(--pine-dimension-300);\n min-height: var(--pine-dimension-300);\n min-width: var(--pine-dimension-300);\n padding: var(--pine-dimension-3xs);\n width: var(--pine-dimension-300);\n }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Listen, Prop, State } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown, addCircle } from '@pine-ds/icons/icons';\n\n/**\n * @part button - Exposes the button element for styling.\n * @part button-content - Exposes the button content for styling.\n * @part button-text - Exposes the button text for styling.\n * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n * @part icon - Exposes the icon component for styling.\n * @part loader-svg - Exposes the loader SVG element for color customization. Appears only when loading.\n * @slot (default) - Button text.\n * @slot start - Content to display before the button text.\n * @slot end - Content to display after the button text.\n*/\n\n@Component({\n tag: 'pds-button',\n styleUrls: ['pds-button.scss'],\n shadow: true,\n})\nexport class PdsButton {\n @Element() el: HTMLPdsButtonElement;\n\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * Prompts the user to save the linked URL instead of navigating to it.\n * It can be used without a value to download with the default filename,\n * or with a string value to suggest a specific filename for the download.\n * Only applies when href is set.\n */\n @Prop() download?: string;\n\n /**\n * Determines the button's disabled state.\n * @defaultValue false\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /**\n * Determines if the button should take up the full width of its container.\n * @defaultValue false\n */\n @Prop() fullWidth? = false;\n\n /**\n * If provided, renders the component as an anchor (`<a>`) element instead of a button.\n * When using href, button-specific props (type, name, value, loading) will be ignored.\n */\n @Prop() href?: string;\n\n /**\n * Displays a leading icon in the button. DEPRECATED.\n * @defaultValue null\n * @deprecated Use `start` slot instead.\n */\n @Prop() icon?: string = null;\n\n /**\n * When true, displays only the icon and visually hides the text (keeping it accessible).\n */\n @Prop() iconOnly? = false;\n\n /**\n * Determines if the button is in a loading state.\n * When true, displays a loader and hides the button text.\n * @defaultValue false\n */\n @Prop() loading? = false;\n\n /**\n * Provides the button with a submittable name.\n */\n @Prop() name?: string;\n\n /**\n * Specifies where to open the linked document when href is provided.\n * Only applies when href is set.\n */\n @Prop() target?: '_blank' | '_self' | '_parent' | '_top';\n\n /**\n * Provides button with a type.\n * @defaultValue button\n */\n @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * Provides button with a submittable value\n */\n @Prop() value?: string;\n\n /**\n * Sets the size of the button.\n * @defaultValue default\n */\n @Prop() size?: 'default' | 'small' | 'micro' = 'default';\n\n /**\n * Sets the style variant of the button.\n * @defaultValue primary\n */\n @Prop() variant: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter' = 'primary';\n\n @State() hasStartContent = false;\n @State() hasEndContent = false;\n\n @Event() pdsClick: EventEmitter<Event>;\n\n /**\n * Listen for Enter key presses on form inputs to trigger submit\n */\n @Listen('keydown', { target: 'body' })\n\n handleFormKeyDown(event: KeyboardEvent) {\n // Only handle Enter key for submit buttons that are not disabled\n if (event.key !== 'Enter' || this.type !== 'submit' || this.href || this.disabled) {\n return;\n }\n\n const target = event.target as Element;\n\n // Ensure event.target is an Element with matches method before proceeding\n if (!target || typeof target.matches !== 'function') {\n return;\n }\n const form = this.el.closest('form');\n\n // Check if the Enter key was pressed in a form input within the same form\n if (!form || !target || !form.contains(target)) {\n return;\n }\n\n // Check if target is a form input element (exclude reset buttons)\n const isFormInput = target.matches('input:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"])') ||\n target.matches('pds-input') ||\n target.matches('pds-select') ||\n target.matches('pds-switch') ||\n target.matches('pds-checkbox') ||\n target.matches('pds-radio');\n\n if (isFormInput) {\n // Find all submit buttons in the form and check their actual properties\n const allSubmitButtons = Array.from(form.querySelectorAll('pds-button, button[type=\"submit\"], input[type=\"submit\"]'));\n const enabledSubmitButtons = allSubmitButtons.filter(button => {\n if (button.tagName.toLowerCase() === 'pds-button') {\n const pdsButton = button as HTMLPdsButtonElement;\n return pdsButton.type === 'submit' && !pdsButton.disabled;\n } else {\n return !button.hasAttribute('disabled');\n }\n });\n\n // Only synthesize click if this button is strictly the first enabled submit button\n if (enabledSubmitButtons.length > 0 && enabledSubmitButtons[0] === this.el) {\n event.preventDefault();\n this.el.click();\n }\n }\n }\n\n\n private handleStartSlotChange = (event: Event) => {\n this.hasStartContent = (event.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n };\n\n private handleEndSlotChange = (event: Event) => {\n this.hasEndContent = (event.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n };\n\n private handleClick = (ev: Event) => {\n if (this.loading) {\n ev.preventDefault();\n return;\n }\n\n // Prevent form submission for disabled buttons\n if (this.disabled) {\n ev.preventDefault();\n return;\n }\n\n if (!this.href && this.type != 'button') {\n // Handle form submission for Shadow DOM buttons\n if (hasShadowDom(this.el)) {\n const form = this.el.closest('form');\n if (form) {\n ev.preventDefault();\n\n const fakeButton = document.createElement('button');\n fakeButton.type = this.type;\n fakeButton.style.display = 'none';\n form.appendChild(fakeButton);\n fakeButton.click();\n fakeButton.remove();\n }\n }\n }\n this.pdsClick.emit(ev);\n };\n\n private classNames() {\n const classNames = ['pds-button'];\n\n if (this.variant) {\n classNames.push('pds-button--' + this.variant);\n }\n\n if (this.size && this.size !== 'default') {\n classNames.push('pds-button--' + this.size);\n }\n\n if (this.iconOnly) {\n classNames.push('pds-button--icon-only');\n }\n\n if (this.loading) {\n classNames.push('pds-button--loading');\n }\n\n return classNames.join(' ');\n }\n\n private renderStartContent() {\n if (this.variant === 'filter') {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={addCircle} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n );\n }\n\n // Deprecated icon prop still takes precedence over start slot\n const hasIcon = this.icon && this.variant !== 'disclosure';\n if (Boolean(hasIcon)) {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} name={this.icon} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n );\n }\n\n // Always render the start slot so slotted content is projected reliably.\n // The --empty class hides the wrapper when no content is slotted (prevents empty gap space).\n const startClasses = `pds-button__icon${this.hasStartContent ? '' : ' pds-button__icon--empty'}${this.loading ? ' pds-button__icon--hidden' : ''}`;\n return <span class={startClasses}><slot name=\"start\" onSlotchange={this.handleStartSlotChange} /></span>;\n }\n\n private renderEndContent() {\n if (this.iconOnly) {\n return null;\n }\n\n if (this.variant === 'disclosure') {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={caretDown} part=\"caret\" aria-hidden=\"true\"></pds-icon>\n );\n }\n\n // Always render the end slot so slotted content is projected reliably.\n // The --empty class hides the wrapper when no content is slotted (prevents empty gap space).\n const endClasses = `pds-button__icon${this.hasEndContent ? '' : ' pds-button__icon--empty'}${this.loading ? ' pds-button__icon--hidden' : ''}`;\n return <span class={endClasses}><slot name=\"end\" onSlotchange={this.handleEndSlotChange} /></span>;\n }\n\n render() {\n // Common props for both button and anchor elements\n const commonProps = {\n class: this.classNames(),\n part: 'button',\n };\n\n const attributes = () => {\n if (this.href) {\n return {\n // Anchor element props\n ...commonProps,\n download: this.download,\n href: this.disabled ? null : this.href,\n target: this.target,\n };\n }\n\n return {\n // Button element props\n ...commonProps,\n 'aria-busy': this.loading ? 'true' : null,\n 'aria-live': this.loading ? 'polite' : null,\n 'disabled': this.disabled,\n 'name': this.name,\n 'type': this.type,\n 'value': this.value,\n };\n };\n\n const ContentElement = this.href ? 'a' : 'button';\n\n // Hide text when loading or iconOnly is true\n const hideText = this.loading || this.iconOnly;\n\n const content = (\n <div class=\"pds-button__content\" part=\"button-content\">\n {this.renderStartContent()}\n\n <span class={`pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`} part=\"button-text\">\n <slot />\n </span>\n\n {this.loading && (\n <span class=\"pds-button__loader\">\n <pds-loader is-loading={true} size=\"var(--pine-font-size-body-2xl)\" variant=\"spinner\" exportparts=\"loader-svg\">\n Loading...\n </pds-loader>\n </span>\n )}\n\n {this.renderEndContent()}\n </div>\n );\n\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n id={this.componentId}\n onClick={this.handleClick}\n variant={this.variant}\n >\n <ContentElement {...attributes()}>\n {content}\n </ContentElement>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"pds-button.entry.js","sources":["src/components/pds-button/pds-button.scss?tag=pds-button&encapsulation=shadow","src/components/pds-button/pds-button.tsx"],"sourcesContent":[":host {\n --pds-button-background: var(--color-background-default);\n --pds-button-border: var(--pine-border);\n --pds-button-border-radius: var(--pine-border-radius-full);\n --pds-button-border-radius-start-end: var(--pine-border-radius-full);\n --pds-button-border-radius-start-start: var(--pine-border-radius-full);\n --pds-button-border-radius-end-end: var(--pine-border-radius-full);\n --pds-button-border-radius-end-start: var(--pine-border-radius-full);\n --pds-button-min-height: var(--pine-dimension-450);\n --pds-button-outline-offset: var(--pine-border-width);\n --color-border-default: transparent;\n --color-border-disabled: transparent;\n --color-border-focus: transparent;\n --color-border-hover: transparent;\n --button-loader-color: var(--color-text-default);\n\n display: inline-flex;\n vertical-align: middle;\n}\n\n:host([full-width=\"true\"]) {\n display: flex;\n width: 100%;\n\n a,\n button {\n justify-content: center;\n width: 100%;\n }\n\n .pds-button__content {\n justify-content: center;\n text-align: center;\n }\n}\n\n:host([loading=\"true\"]) {\n cursor: wait;\n pointer-events: none;\n}\n\n:host([disabled=\"true\"]) {\n pointer-events: none;\n}\n\n.pds-button {\n --pds-loader-color: var(--color-text-default);\n align-items: center;\n background-color: var(--pds-button-background, var(--color-background-default));\n border: var(--pds-button-border);\n border-color: var(--color-border-default);\n border-radius: var(--pds-button-border-radius);\n /* stylelint-disable-next-line order/properties-alphabetical-order */\n border-end-end-radius: var(--pds-button-border-radius-end-end, var(--pds-button-border-radius));\n border-end-start-radius: var(--pds-button-border-radius-end-start, var(--pds-button-border-radius));\n border-start-end-radius: var(--pds-button-border-radius-start-end, var(--pds-button-border-radius));\n border-start-start-radius: var(--pds-button-border-radius-start-start, var(--pds-button-border-radius));\n box-sizing: border-box;\n color: var(--color-text-default);\n cursor: pointer;\n display: flex;\n font: var(--pine-typography-body-brand-label);\n letter-spacing: var(--pine-letter-spacing);\n min-height: var(--pds-button-min-height);\n padding: calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-sm);\n position: relative;\n text-decoration: none;\n\n pds-icon {\n color: currentColor;\n fill: currentColor;\n }\n\n &:hover {\n background-color: var(--color-background-hover);\n border-color: var(--color-border-hover);\n }\n\n &:focus-visible {\n border-color: var(--color-border-focus);\n box-shadow: var(--pds-button-box-shadow-focus, none);\n outline: var(--pds-button-outline-focus, var(--pine-outline-focus));\n outline-offset: var(--pds-button-outline-offset);\n }\n\n &:disabled {\n background-color: var(--color-background-disabled);\n border-color: var(--color-border-disabled);\n color: var(--color-text-disabled);\n pointer-events: none;\n }\n}\n\n.pds-button--primary {\n --color-background-default: var(--pine-color-primary);\n --color-background-hover: var(--pine-color-primary-hover);\n --color-background-disabled: var(--pine-color-primary-disabled);\n --color-border-default: var(--pine-color-primary);\n --color-border-hover: var(--pine-color-primary-hover);\n --color-text-default: var(--pine-color-text-primary);\n --color-text-disabled: var(--pine-color-text-primary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--accent {\n --color-background-default: var(--pine-color-accent);\n --color-background-hover: var(--pine-color-accent-hover);\n --color-background-disabled: var(--pine-color-accent-disabled);\n --color-border-default: var(--pine-color-accent);\n --color-border-hover: var(--pine-color-accent-hover);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n --color-text-default: var(--pine-color-white);\n --color-text-disabled: var(--pine-color-text-accent-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-primary);\n}\n\n.pds-button--destructive {\n --color-background-default: var(--pine-color-danger);\n --color-background-hover: var(--pine-color-danger-hover);\n --color-background-disabled: var(--pine-color-danger-disabled);\n --color-border-default: var(--pine-color-danger);\n --color-border-hover: var(--pine-color-danger-hover);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n --color-text-default: var(--pine-color-white);\n --color-text-disabled: var(--pine-color-text-danger-disabled);\n --color-outline: var(--pine-color-focus-ring-danger);\n --button-loader-color: var(--pine-color-text-primary);\n\n &:focus-visible {\n outline-color: var(--pine-color-focus-ring-danger);\n }\n}\n\n.pds-button--secondary,\n.pds-button--disclosure {\n --color-background-default: var(--pine-color-secondary);\n --color-background-hover: var(--pine-color-secondary-hover);\n --color-background-disabled: var(--pine-color-secondary-disabled);\n --color-border-disabled: var(--pine-color-border-disabled);\n --color-border-focus: var(--pine-color-border);\n --color-border-hover: var(--pine-color-border-hover);\n --color-border-default: var(--pine-color-border);\n --color-text-default: var(--pine-color-text-secondary);\n --color-text-disabled: var(--pine-color-text-secondary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-secondary);\n\n &:hover {\n background-color: var(--pine-color-secondary-hover);\n }\n}\n\n.pds-button--tertiary {\n --color-background-default: transparent;\n --color-background-hover: var(--pine-color-background-muted);\n --color-background-disabled: transparent;\n --color-border-default: transparent;\n --color-border-hover: var(--pine-color-background-muted);\n --color-border-disabled: transparent;\n --color-text-default: var(--pine-color-text-secondary);\n --color-text-disabled: var(--pine-color-text-secondary-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-secondary);\n}\n\n.pds-button--filter {\n --color-background-default: var(--pine-color-background-container);\n --color-background-hover: var(--pine-color-background-subtle);\n /* stylelint-disable-next-line pine-design-system/prefer-semantic-tokens */\n --color-background-disabled: var(--pine-color-white);\n --color-border-default: transparent;\n --color-border-hover: transparent;\n --color-border-focus: transparent;\n --color-text-default: var(--pine-color-text-secondary);\n --color-text-hover: var(--pine-color-text-hover);\n --color-text-disabled: var(--pine-color-text-disabled);\n --color-outline: var(--pine-color-focus-ring);\n --button-loader-color: var(--pine-color-text-secondary);\n --pds-button-border-radius: var(--pine-dimension-125);\n --pds-button-border-radius-start-end: var(--pine-dimension-125);\n --pds-button-border-radius-start-start: var(--pine-dimension-125);\n --pds-button-border-radius-end-end: var(--pine-dimension-125);\n --pds-button-border-radius-end-start: var(--pine-dimension-125);\n padding: var(--pine-dimension-xs) var(--pine-dimension-sm);\n\n &:disabled {\n background-color: var(--pine-color-background-container);\n }\n\n &:hover {\n color: var(--color-text-hover);\n }\n}\n\n.pds-button--unstyled {\n --color-background-default: transparent;\n --color-background-hover: transparent;\n --color-background-disabled: transparent;\n --color-text-default: var(--pine-color-text);\n --button-loader-color: var(--pine-color-text);\n border-width: var(--pine-dimension-none);\n margin: var(--pine-dimension-none);\n min-height: auto;\n padding: var(--pine-dimension-none);\n width: inherit;\n}\n\n.pds-button__content {\n align-items: center;\n display: inline-flex;\n gap: var(--pine-dimension-xs);\n position: relative;\n width: 100%;\n}\n\n.pds-button__icon {\n display: inline-flex;\n\n &--empty {\n display: none;\n }\n}\n\n.pds-button__text {\n align-items: center;\n display: inline-flex;\n white-space: nowrap;\n}\n\n.pds-button__icon--hidden,\n.pds-button__text--hidden {\n opacity: 0;\n}\n\n.pds-button__loader {\n height: var(--pine-dimension-250);\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: var(--pine-dimension-250);\n}\n\n.pds-button--loading {\n cursor: wait;\n pointer-events: none;\n\n .pds-button__loader {\n pds-loader {\n --loader-color: var(--button-loader-color);\n }\n }\n}\n\n.pds-button--small {\n min-height: var(--pine-dimension-400);\n padding: calc(var(--pine-dimension-2xs) - var(--pine-border-width)) var(--pine-dimension-sm);\n}\n\n.pds-button--micro {\n font-size: var(--pine-font-size-085);\n min-height: var(--pine-dimension-300);\n padding: var(--pine-dimension-025) var(--pine-dimension-xs);\n}\n\n\n.pds-button--icon-only {\n align-items: center;\n border-radius: var(--pine-border-radius-full);\n height: var(--button-dimension);\n justify-content: center;\n min-height: var(--button-dimension);\n min-width: var(--button-dimension);\n padding: var(--pine-dimension-xs);\n width: var(--button-dimension);\n\n .pds-button__content {\n height: 100%;\n justify-content: center;\n width: 100%;\n }\n\n .pds-button__text--hidden {\n border: 0;\n clip: rect(0 0 0 0);\n clip-path: polygon(0 0, 0 0, 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n\n &.pds-button--small {\n height: var(--pine-dimension-400);\n min-height: var(--pine-dimension-400);\n min-width: var(--pine-dimension-400);\n padding: var(--pine-dimension-2xs);\n width: var(--pine-dimension-400);\n }\n\n &.pds-button--micro {\n height: var(--pine-dimension-300);\n min-height: var(--pine-dimension-300);\n min-width: var(--pine-dimension-300);\n padding: var(--pine-dimension-3xs);\n width: var(--pine-dimension-300);\n }\n}\n","import { Component, Element, Event, EventEmitter, Host, h, Listen, Prop, State } from '@stencil/core';\nimport { hasShadowDom } from '../../utils/utils';\n\nimport { caretDown, addCircle } from '@pine-ds/icons/icons';\n\n/**\n * @part button - Exposes the button element for styling.\n * @part button-content - Exposes the button content for styling.\n * @part button-text - Exposes the button text for styling.\n * @part caret - Exposes the caret icon component for styling. Appears only on the disclosure variant.\n * @part icon - Exposes the icon component for styling.\n * @part loader-svg - Exposes the loader SVG element for color customization. Appears only when loading.\n * @slot (default) - Button text.\n * @slot start - Content to display before the button text.\n * @slot end - Content to display after the button text.\n*/\n\n@Component({\n tag: 'pds-button',\n styleUrls: ['pds-button.scss'],\n shadow: true,\n})\nexport class PdsButton {\n @Element() el: HTMLPdsButtonElement;\n\n /**\n * A unique identifier used for the underlying component `id` attribute.\n */\n @Prop() componentId: string;\n\n /**\n * Prompts the user to save the linked URL instead of navigating to it.\n * It can be used without a value to download with the default filename,\n * or with a string value to suggest a specific filename for the download.\n * Only applies when href is set.\n */\n @Prop() download?: string;\n\n /**\n * Determines the button's disabled state.\n * @defaultValue false\n */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /**\n * Determines if the button should take up the full width of its container.\n * @defaultValue false\n */\n @Prop() fullWidth? = false;\n\n /**\n * If provided, renders the component as an anchor (`<a>`) element instead of a button.\n * When using href, button-specific props (type, name, value, loading) will be ignored.\n */\n @Prop() href?: string;\n\n /**\n * Displays a leading icon in the button. DEPRECATED.\n * @defaultValue null\n * @deprecated Use `start` slot instead.\n */\n @Prop() icon?: string = null;\n\n /**\n * When true, displays only the icon and visually hides the text (keeping it accessible).\n */\n @Prop() iconOnly? = false;\n\n /**\n * Determines if the button is in a loading state.\n * When true, displays a loader and hides the button text.\n * @defaultValue false\n */\n @Prop() loading? = false;\n\n /**\n * Provides the button with a submittable name.\n */\n @Prop() name?: string;\n\n /**\n * Specifies where to open the linked document when href is provided.\n * Only applies when href is set.\n */\n @Prop() target?: '_blank' | '_self' | '_parent' | '_top';\n\n /**\n * Provides button with a type.\n * @defaultValue button\n */\n @Prop() type?: 'button' | 'reset' | 'submit' = 'button';\n\n /**\n * Provides button with a submittable value\n */\n @Prop() value?: string;\n\n /**\n * Sets the size of the button.\n * @defaultValue default\n */\n @Prop() size?: 'default' | 'small' | 'micro' = 'default';\n\n /**\n * Sets the style variant of the button.\n * @defaultValue primary\n */\n @Prop() variant: 'primary' | 'secondary' | 'tertiary' | 'accent' | 'disclosure' | 'destructive' | 'unstyled' | 'filter' = 'primary';\n\n @State() hasStartContent = false;\n @State() hasEndContent = false;\n\n @Event() pdsClick: EventEmitter<Event>;\n\n /**\n * Listen for Enter key presses on form inputs to trigger submit\n */\n @Listen('keydown', { target: 'body' })\n\n handleFormKeyDown(event: KeyboardEvent) {\n // Skip if an earlier handler already canceled the event — matches the browser's\n // native implicit-submit behavior, which honors defaultPrevented.\n if (event.defaultPrevented) {\n return;\n }\n\n // Only handle Enter key for submit buttons that are not disabled\n if (event.key !== 'Enter' || this.type !== 'submit' || this.href || this.disabled) {\n return;\n }\n\n const target = event.target as Element;\n\n // Ensure event.target is an Element with matches method before proceeding\n if (!target || typeof target.matches !== 'function') {\n return;\n }\n const form = this.el.closest('form');\n\n // Check if the Enter key was pressed in a form input within the same form\n if (!form || !target || !form.contains(target)) {\n return;\n }\n\n // Check if target is a form input element (exclude reset buttons)\n const isFormInput = target.matches('input:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"])') ||\n target.matches('pds-input') ||\n target.matches('pds-select') ||\n target.matches('pds-switch') ||\n target.matches('pds-checkbox') ||\n target.matches('pds-radio');\n\n if (isFormInput) {\n // Find all submit buttons in the form and check their actual properties\n const allSubmitButtons = Array.from(form.querySelectorAll('pds-button, button[type=\"submit\"], input[type=\"submit\"]'));\n const enabledSubmitButtons = allSubmitButtons.filter(button => {\n if (button.tagName.toLowerCase() === 'pds-button') {\n const pdsButton = button as HTMLPdsButtonElement;\n return pdsButton.type === 'submit' && !pdsButton.disabled;\n } else {\n return !button.hasAttribute('disabled');\n }\n });\n\n // Only synthesize click if this button is strictly the first enabled submit button\n if (enabledSubmitButtons.length > 0 && enabledSubmitButtons[0] === this.el) {\n event.preventDefault();\n this.el.click();\n }\n }\n }\n\n\n private handleStartSlotChange = (event: Event) => {\n this.hasStartContent = (event.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n };\n\n private handleEndSlotChange = (event: Event) => {\n this.hasEndContent = (event.target as HTMLSlotElement).assignedElements({ flatten: true }).length > 0;\n };\n\n private handleClick = (ev: Event) => {\n if (this.loading) {\n ev.preventDefault();\n return;\n }\n\n // Prevent form submission for disabled buttons\n if (this.disabled) {\n ev.preventDefault();\n return;\n }\n\n if (!this.href && this.type != 'button') {\n // Handle form submission for Shadow DOM buttons\n if (hasShadowDom(this.el)) {\n const form = this.el.closest('form');\n if (form) {\n ev.preventDefault();\n\n const fakeButton = document.createElement('button');\n fakeButton.type = this.type;\n fakeButton.style.display = 'none';\n form.appendChild(fakeButton);\n fakeButton.click();\n fakeButton.remove();\n }\n }\n }\n this.pdsClick.emit(ev);\n };\n\n private classNames() {\n const classNames = ['pds-button'];\n\n if (this.variant) {\n classNames.push('pds-button--' + this.variant);\n }\n\n if (this.size && this.size !== 'default') {\n classNames.push('pds-button--' + this.size);\n }\n\n if (this.iconOnly) {\n classNames.push('pds-button--icon-only');\n }\n\n if (this.loading) {\n classNames.push('pds-button--loading');\n }\n\n return classNames.join(' ');\n }\n\n private renderStartContent() {\n if (this.variant === 'filter') {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={addCircle} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n );\n }\n\n // Deprecated icon prop still takes precedence over start slot\n const hasIcon = this.icon && this.variant !== 'disclosure';\n if (Boolean(hasIcon)) {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} name={this.icon} part=\"icon\" aria-hidden=\"true\"></pds-icon>\n );\n }\n\n // Always render the start slot so slotted content is projected reliably.\n // The --empty class hides the wrapper when no content is slotted (prevents empty gap space).\n const startClasses = `pds-button__icon${this.hasStartContent ? '' : ' pds-button__icon--empty'}${this.loading ? ' pds-button__icon--hidden' : ''}`;\n return <span class={startClasses}><slot name=\"start\" onSlotchange={this.handleStartSlotChange} /></span>;\n }\n\n private renderEndContent() {\n if (this.iconOnly) {\n return null;\n }\n\n if (this.variant === 'disclosure') {\n return (\n <pds-icon class={this.loading ? 'pds-button__icon--hidden' : ''} icon={caretDown} part=\"caret\" aria-hidden=\"true\"></pds-icon>\n );\n }\n\n // Always render the end slot so slotted content is projected reliably.\n // The --empty class hides the wrapper when no content is slotted (prevents empty gap space).\n const endClasses = `pds-button__icon${this.hasEndContent ? '' : ' pds-button__icon--empty'}${this.loading ? ' pds-button__icon--hidden' : ''}`;\n return <span class={endClasses}><slot name=\"end\" onSlotchange={this.handleEndSlotChange} /></span>;\n }\n\n render() {\n // Common props for both button and anchor elements\n const commonProps = {\n class: this.classNames(),\n part: 'button',\n };\n\n const attributes = () => {\n if (this.href) {\n return {\n // Anchor element props\n ...commonProps,\n download: this.download,\n href: this.disabled ? null : this.href,\n target: this.target,\n };\n }\n\n return {\n // Button element props\n ...commonProps,\n 'aria-busy': this.loading ? 'true' : null,\n 'aria-live': this.loading ? 'polite' : null,\n 'disabled': this.disabled,\n 'name': this.name,\n 'type': this.type,\n 'value': this.value,\n };\n };\n\n const ContentElement = this.href ? 'a' : 'button';\n\n // Hide text when loading or iconOnly is true\n const hideText = this.loading || this.iconOnly;\n\n const content = (\n <div class=\"pds-button__content\" part=\"button-content\">\n {this.renderStartContent()}\n\n <span class={`pds-button__text ${hideText ? 'pds-button__text--hidden' : ''}`} part=\"button-text\">\n <slot />\n </span>\n\n {this.loading && (\n <span class=\"pds-button__loader\">\n <pds-loader is-loading={true} size=\"var(--pine-font-size-body-2xl)\" variant=\"spinner\" exportparts=\"loader-svg\">\n Loading...\n </pds-loader>\n </span>\n )}\n\n {this.renderEndContent()}\n </div>\n );\n\n return (\n <Host\n aria-disabled={this.disabled ? 'true' : null}\n id={this.componentId}\n onClick={this.handleClick}\n variant={this.variant}\n >\n <ContentElement {...attributes()}>\n {content}\n </ContentElement>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
package/dist/esm-es5/pds-checkbox.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DHPhrb5T.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsCheckboxCss=':host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';var PdsCheckbox=function(){function e(e){var r=this;registerInstance(this,e);this.pdsCheckboxChange=createEvent(this,"pdsCheckboxChange");this.pdsCheckboxInput=createEvent(this,"pdsCheckboxInput");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.handleCheckboxChange=function(e){if(r.disabled){return}var i=e.target;r.checked=i.checked;r.updateFormValue();r.pdsCheckboxChange.emit({checked:i.checked,value:r.value})};this.handleInput=function(){r.pdsCheckboxInput.emit({checked:r.checked,value:r.value})}}e.prototype.updateIndeterminate=function(){this.indeterminate=undefined};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.indeterminate){e.push("is-indeterminate")}if(this.disabled){e.push("is-disabled")}return e.join(" ")};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.checkedChanged=function(){this.updateFormValue()};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};e.prototype.formStateRestoreCallback=function(e){if(e instanceof FormData){var r=this.value||"on";this.checked=e.get(this.name)===r}else if(typeof e==="string"){this.checked=e===(this.value||"on")}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};e.prototype.render=function(){return h(Host,{key:"d4a447aba6ffa638b0bf3ed7a5cfd4580168da79",class:this.classNames()},h("label",{key:"75fcd32809f736f8e4f6af2021f86d2c5b7bc110",htmlFor:this.componentId},h("input",Object.assign({key:"5238103a16bc1c6baf92b5802bca17db748a14b2",type:"checkbox","aria-describedby":assignDescription(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),h("span",{key:"0a652dc44e4c35d3a5484065f140a231a0d46424",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&h("div",{key:"76f40eba1d92ffcdb9946c8cc17714bda421a8a7",class:"pds-checkbox__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"ad05bf066a91bc934344c3696ec82ec6b9813c07",class:"pds-checkbox__message pds-checkbox__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"4d3f9dddea4be870323db41a6cc5d69a9be44d7d",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["updateIndeterminate","checkedChanged"]}},enumerable:false,configurable:true});return e}();PdsCheckbox.style=labelCss+pdsCheckboxCss;export{PdsCheckbox as pds_checkbox};
1
+ import{r as registerInstance,c as createEvent,h,H as Host,a as getElement}from"./index-DgugD5OF.js";import{e as exposeTypeProperty,i as isSpecTest,m as messageId,a as assignDescription}from"./form-C3xDZBme.js";import{b as danger}from"./index-D4ys0pep.js";import{i as inheritAriaAttributes}from"./attributes-C0M1gTKv.js";var labelCss=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";var pdsCheckboxCss=':host{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.is-invalid) input{border-color:var(--pine-color-border-danger)}:host(.is-invalid) input:checked{background:var(--pine-color-danger)}:host(.is-invalid) input:checked:hover{background:var(--pine-color-danger-hover);border-color:var(--pine-color-border-danger-hover)}:host(.is-invalid) input:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-invalid) label,:host(.is-invalid) .pds-checkbox__message--error{color:var(--pine-color-text-message-danger)}:host(.is-indeterminate) input{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}:host(.is-indeterminate) input:hover{background:var(--pine-color-accent);border-color:var(--pine-color-accent-hover)}:host(.is-indeterminate) input::after{border:1px solid var(--pine-color-white);-webkit-border-after:var(--pine-border-width-none);border-block-end:var(--pine-border-width-none);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(90deg) translate3d(-103%, 32%, 0);transform:rotate(90deg) translate3d(-103%, 32%, 0);width:4px}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-dimension-2xs);-ms-flex:none;flex:none;height:var(--pine-dimension-sm);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--pine-dimension-sm)}input:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input:checked::after{border:1px solid var(--pine-color-white);-webkit-border-before:var(--pine-border-width-none);border-block-start:var(--pine-border-width-none);-webkit-border-start:var(--pine-border-width-none);border-inline-start:var(--pine-border-width-none);content:"";display:block;height:7px;left:50%;position:absolute;top:50%;-webkit-transform:rotate(43deg) translate3d(-110%, -30%, 0);transform:rotate(43deg) translate3d(-110%, -30%, 0);width:4px}input:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input:disabled:checked{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled)}input:disabled:checked::after{border-color:var(--pine-color-border)}input:disabled+label{cursor:not-allowed}input:disabled~.pds-checkbox__message{color:var(--pine-color-text-disabled)}input:focus-visible{outline:var(--pine-outline-focus)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-checkbox__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-checkbox__message--error{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-checkbox__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';var PdsCheckbox=function(){function e(e){var r=this;registerInstance(this,e);this.pdsCheckboxChange=createEvent(this,"pdsCheckboxChange");this.pdsCheckboxInput=createEvent(this,"pdsCheckboxInput");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.handleCheckboxChange=function(e){if(r.disabled){return}var i=e.target;r.checked=i.checked;r.updateFormValue();r.pdsCheckboxChange.emit({checked:i.checked,value:r.value})};this.handleInput=function(){r.pdsCheckboxInput.emit({checked:r.checked,value:r.value})}}e.prototype.updateIndeterminate=function(){this.indeterminate=undefined};e.prototype.classNames=function(){var e=[];if(this.invalid){e.push("is-invalid")}if(this.indeterminate){e.push("is-indeterminate")}if(this.disabled){e.push("is-disabled")}return e.join(" ")};e.prototype.connectedCallback=function(){var e=this;if(this.el.attachInternals&&!this.internals){this.internals=this.el.attachInternals()}exposeTypeProperty(this.el,(function(){return e._type}))};e.prototype.componentDidLoad=function(){this.updateFormValue()};e.prototype.checkedChanged=function(){this.updateFormValue()};e.prototype.updateFormValue=function(){if(isSpecTest())return;if(this.internals&&this.internals.setFormValue){var e=this.checked?this.value||"on":null;this.internals.setFormValue(e)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}};e.prototype.formStateRestoreCallback=function(e){if(e instanceof FormData){var r=this.value||"on";this.checked=e.get(this.name)===r}else if(typeof e==="string"){this.checked=e===(this.value||"on")}};e.prototype.componentWillLoad=function(){this.inheritedAttributes=Object.assign({},inheritAriaAttributes(this.el))};e.prototype.render=function(){return h(Host,{key:"d4a447aba6ffa638b0bf3ed7a5cfd4580168da79",class:this.classNames()},h("label",{key:"75fcd32809f736f8e4f6af2021f86d2c5b7bc110",htmlFor:this.componentId},h("input",Object.assign({key:"5238103a16bc1c6baf92b5802bca17db748a14b2",type:"checkbox","aria-describedby":assignDescription(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,id:this.componentId,indeterminate:this.indeterminate,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleCheckboxChange,onInput:this.handleInput},this.inheritedAttributes)),h("span",{key:"0a652dc44e4c35d3a5484065f140a231a0d46424",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&h("div",{key:"76f40eba1d92ffcdb9946c8cc17714bda421a8a7",class:"pds-checkbox__message",id:messageId(this.componentId,"helper")},this.helperMessage),this.errorMessage&&h("div",{key:"ad05bf066a91bc934344c3696ec82ec6b9813c07",class:"pds-checkbox__message pds-checkbox__message--error",id:messageId(this.componentId,"error"),"aria-live":"assertive"},h("pds-icon",{key:"4d3f9dddea4be870323db41a6cc5d69a9be44d7d",icon:danger,size:"small"}),this.errorMessage))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["updateIndeterminate","checkedChanged"]}},enumerable:false,configurable:true});return e}();PdsCheckbox.style=labelCss+pdsCheckboxCss;export{PdsCheckbox as pds_checkbox};
2
2
  //# sourceMappingURL=pds-checkbox.entry.js.map
package/dist/esm-es5/pds-chip.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,c as createEvent,h,H as Host}from"./index-DHPhrb5T.js";import{d as downSmall,r as remove}from"./index-D4ys0pep.js";var pdsChipTokensCss=":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";var pdsChipCss=":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";var PdsChip=function(){function i(i){var n=this;registerInstance(this,i);this.pdsTagCloseClick=createEvent(this,"pdsTagCloseClick");this.dot=false;this.large=false;this.sentiment="neutral";this.variant="text";this.handleCloseClick=function(){n.pdsTagCloseClick.emit()}}Object.defineProperty(i.prototype,"effectiveSize",{get:function(){if(this.size!=null)return this.size;if(this.large)return"lg";return"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var n=this.effectiveSize;if(n&&n!=="md"){i.push("pds-chip--"+n)}var e=this.sentiment==="brand"?"text":this.variant;if(e){i.push("pds-chip--"+e)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this.effectiveVariant==="dropdown";var n=this.sentiment==="brand"?false:this.dot;var e=i?h("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),n&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null),h("pds-icon",{icon:downSmall,size:this.iconSize,"aria-hidden":"true"})):h("span",{class:"pds-chip__label"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),n&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null));return e};i.prototype.renderCloseButton=function(){var i=this;var n=this.removeUrl?"a":"button";var e=function(){if(i.removeUrl){var n={class:"pds-chip__close",href:i.removeUrl,"aria-label":"Remove"};if(i.removeTarget){n.target=i.removeTarget}if(i.removeHttpMethod){n["data-method"]=i.removeHttpMethod;n["data-turbo-method"]=i.removeHttpMethod}var e=[];if(i.removeTarget==="_blank"){e.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){e.push("nofollow")}if(e.length>0){n.rel=e.join(" ")}return n}return{class:"pds-chip__close",type:"button","aria-label":"Remove"}};return h(n,Object.assign({},e(),{onClick:this.handleCloseClick}),h("pds-icon",{icon:remove,size:this.iconSize}))};i.prototype.render=function(){return h(Host,{key:"1d75f8ea7583f53191467b568352664ea0313c79",class:this.classNames(),id:this.componentId},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};return i}();PdsChip.style=pdsChipTokensCss+pdsChipCss;export{PdsChip as pds_chip};
1
+ import{r as registerInstance,c as createEvent,h,H as Host}from"./index-DgugD5OF.js";import{d as downSmall,r as remove}from"./index-D4ys0pep.js";var pdsChipTokensCss=":host{--pine-chip-color-accent:var(--pine-color-purple-100);--pine-chip-color-accent-hover:var(--pine-color-purple-300);--pine-chip-color-accent-dot:var(--pine-color-purple-600);--pine-chip-color-danger:var(--pine-color-red-100);--pine-chip-color-danger-hover:var(--pine-color-red-300);--pine-chip-color-danger-dot:var(--pine-color-red-600);--pine-chip-color-info:var(--pine-color-blue-100);--pine-chip-color-info-hover:var(--pine-color-blue-300);--pine-chip-color-info-dot:var(--pine-color-blue-600);--pine-chip-color-neutral:var(--pine-color-grey-100);--pine-chip-color-neutral-hover:var(--pine-color-grey-300);--pine-chip-color-neutral-dot:var(--pine-color-grey-600);--pine-chip-color-success:var(--pine-color-green-100);--pine-chip-color-success-hover:var(--pine-color-green-300);--pine-chip-color-success-dot:var(--pine-color-green-600);--pine-chip-color-warning:var(--pine-color-yellow-100);--pine-chip-color-warning-hover:var(--pine-color-yellow-300);--pine-chip-color-warning-dot:var(--pine-color-yellow-600)}";var pdsChipCss=":host{--sizing-close:var(--pine-dimension-125);-ms-flex-align:center;align-items:center;border-radius:var(--pine-dimension-sm);display:-ms-inline-flexbox;display:inline-flex;padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--accent){background:var(--pine-chip-color-accent);border:var(--pine-border-width) solid var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent) .pds-chip__dot{background:var(--pine-chip-color-accent-dot)}:host(.pds-chip--accent) .pds-chip__label,:host(.pds-chip--accent) .pds-chip__button,:host(.pds-chip--accent) .pds-chip__close{color:var(--pine-color-text-accent);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--accent) .pds-chip__close:hover{background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--accent.pds-chip--dropdown:hover){background:var(--pine-chip-color-accent-hover)}:host(.pds-chip--danger){background:var(--pine-chip-color-danger);border:var(--pine-border-width) solid var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger) .pds-chip__dot{background:var(--pine-chip-color-danger-dot)}:host(.pds-chip--danger) .pds-chip__label,:host(.pds-chip--danger) .pds-chip__button,:host(.pds-chip--danger) .pds-chip__close{color:var(--pine-color-text-danger);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--danger) .pds-chip__close:hover{background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--danger.pds-chip--dropdown:hover){background:var(--pine-chip-color-danger-hover)}:host(.pds-chip--info){background:var(--pine-chip-color-info);border:var(--pine-border-width) solid var(--pine-chip-color-info-hover)}:host(.pds-chip--info) .pds-chip__dot{background:var(--pine-chip-color-info-dot)}:host(.pds-chip--info) .pds-chip__label,:host(.pds-chip--info) .pds-chip__button,:host(.pds-chip--info) .pds-chip__close{color:var(--pine-color-text-info);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--info) .pds-chip__close:hover{background:var(--pine-chip-color-info-hover)}:host(.pds-chip--info.pds-chip--dropdown:hover){background:var(--pine-chip-color-info-hover)}:host(.pds-chip--neutral){background:var(--pine-chip-color-neutral);border:var(--pine-border-width) solid var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral) .pds-chip__dot{background:var(--pine-chip-color-neutral-dot)}:host(.pds-chip--neutral) .pds-chip__label,:host(.pds-chip--neutral) .pds-chip__button,:host(.pds-chip--neutral) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--neutral) .pds-chip__close:hover{background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--neutral.pds-chip--dropdown:hover){background:var(--pine-chip-color-neutral-hover)}:host(.pds-chip--success){background:var(--pine-chip-color-success);border:var(--pine-border-width) solid var(--pine-chip-color-success-hover)}:host(.pds-chip--success) .pds-chip__dot{background:var(--pine-chip-color-success-dot)}:host(.pds-chip--success) .pds-chip__label,:host(.pds-chip--success) .pds-chip__button,:host(.pds-chip--success) .pds-chip__close{color:var(--pine-color-text-success);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--success) .pds-chip__close:hover{background:var(--pine-chip-color-success-hover)}:host(.pds-chip--success.pds-chip--dropdown:hover){background:var(--pine-chip-color-success-hover)}:host(.pds-chip--warning){background:var(--pine-chip-color-warning);border:var(--pine-border-width) solid var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning) .pds-chip__dot{background:var(--pine-chip-color-warning-dot)}:host(.pds-chip--warning) .pds-chip__label,:host(.pds-chip--warning) .pds-chip__button,:host(.pds-chip--warning) .pds-chip__close{color:var(--pine-color-text-warning);font-weight:var(--pine-font-weight-medium)}:host(.pds-chip--warning) .pds-chip__close:hover{background:var(--pine-chip-color-warning-hover)}:host(.pds-chip--warning.pds-chip--dropdown:hover){background:var(--pine-chip-color-warning-hover)}.pds-chip__dot{border:var(--pine-border-width) solid transparent;border-radius:var(--pine-border-radius-full);display:inline-block;height:var(--pine-dimension-2xs);-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs);width:var(--pine-dimension-2xs)}.pds-chip__label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__label,.pds-chip__button{font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--dropdown){padding:var(--pine-dimension-none)}.pds-chip__button{-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:var(--pine-dimension-none);border-radius:var(--pine-dimension-sm);cursor:pointer;display:-ms-flexbox;display:flex;padding:var(--pine-dimension-025) var(--pine-dimension-100)}.pds-chip__button:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-chip__button pds-icon:last-child{-webkit-margin-end:calc(var(--pine-dimension-025) * -1);margin-inline-end:calc(var(--pine-dimension-025) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-chip__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:var(--pine-border-radius-full);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--sizing-close);-webkit-margin-end:calc(var(--pine-dimension-xs) * -1);margin-inline-end:calc(var(--pine-dimension-xs) * -1);-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);padding:var(--sizing-close);position:relative;width:var(--sizing-close)}.pds-chip__close pds-icon{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.pds-chip__close:focus-visible{outline:var(--pine-outline-focus)}:host(.pds-chip--sm){--sizing-close:var(--pine-dimension-100);padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-100)}:host(.pds-chip--sm) .pds-chip__label,:host(.pds-chip--sm) .pds-chip__button{font:var(--pine-typography-body-sm-medium);letter-spacing:var(--pine-letter-spacing)}:host(.pds-chip--sm.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--sm.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--sm.pds-chip--brand) .pds-chip__label{padding:var(--pine-dimension-025) var(--pine-dimension-100)}:host(.pds-chip--lg){padding-block:var(--pine-dimension-025);padding-inline:var(--pine-dimension-150)}:host(.pds-chip--lg) .pds-chip__label,:host(.pds-chip--lg) .pds-chip__button{font-family:var(--pine-font-family-heading);font-size:var(--pine-font-size-heading-6);font-weight:var(--pine-font-weight-medium);letter-spacing:var(--pine-letter-spacing-heading-6)}:host(.pds-chip--lg.pds-chip--dropdown){padding:var(--pine-dimension-none)}:host(.pds-chip--lg.pds-chip--dropdown) .pds-chip__button{padding:var(--pine-dimension-025) var(--pine-dimension-150)}:host(.pds-chip--brand){background:-webkit-gradient(linear, left top, right top, from(#FF3E14), to(#6B62F2));background:linear-gradient(90deg, #FF3E14 0%, #6B62F2 100%);border:0;padding:1px;position:relative}:host(.pds-chip--brand) .pds-chip__label{background:rgba(255, 255, 255, 0.9);border-radius:calc(var(--pine-dimension-sm) - 1px);color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);padding:var(--pine-dimension-025) var(--pine-dimension-100);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__label pds-icon{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__button,:host(.pds-chip--brand) .pds-chip__close{color:var(--pine-color-grey-900);font-weight:var(--pine-font-weight-medium);position:relative;z-index:var(--pine-z-index-raised)}:host(.pds-chip--brand) .pds-chip__button pds-icon:first-child{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}:host(.pds-chip--brand) .pds-chip__close:hover{background:rgba(255, 255, 255, 0.8)}";var PdsChip=function(){function i(i){var n=this;registerInstance(this,i);this.pdsTagCloseClick=createEvent(this,"pdsTagCloseClick");this.dot=false;this.large=false;this.sentiment="neutral";this.variant="text";this.handleCloseClick=function(){n.pdsTagCloseClick.emit()}}Object.defineProperty(i.prototype,"effectiveSize",{get:function(){if(this.size!=null)return this.size;if(this.large)return"lg";return"md"},enumerable:false,configurable:true});i.prototype.classNames=function(){var i=["pds-chip"];var n=this.effectiveSize;if(n&&n!=="md"){i.push("pds-chip--"+n)}var e=this.sentiment==="brand"?"text":this.variant;if(e){i.push("pds-chip--"+e)}if(this.sentiment){i.push("pds-chip--"+this.sentiment)}return i.join(" ")};Object.defineProperty(i.prototype,"effectiveVariant",{get:function(){return this.sentiment==="brand"?"text":this.variant},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"iconSize",{get:function(){switch(this.effectiveSize){case"sm":return"10px";case"lg":return"14px";default:return"12px"}},enumerable:false,configurable:true});i.prototype.setChipContent=function(){var i=this.effectiveVariant==="dropdown";var n=this.sentiment==="brand"?false:this.dot;var e=i?h("button",{class:"pds-chip__button",type:"button",part:"button"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),n&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null),h("pds-icon",{icon:downSmall,size:this.iconSize,"aria-hidden":"true"})):h("span",{class:"pds-chip__label"},this.icon&&h("pds-icon",{icon:this.icon,size:this.iconSize,"aria-hidden":"true"}),n&&h("i",{class:"pds-chip__dot","aria-hidden":"true"}),h("slot",null));return e};i.prototype.renderCloseButton=function(){var i=this;var n=this.removeUrl?"a":"button";var e=function(){if(i.removeUrl){var n={class:"pds-chip__close",href:i.removeUrl,"aria-label":"Remove"};if(i.removeTarget){n.target=i.removeTarget}if(i.removeHttpMethod){n["data-method"]=i.removeHttpMethod;n["data-turbo-method"]=i.removeHttpMethod}var e=[];if(i.removeTarget==="_blank"){e.push("noopener","noreferrer")}if(i.removeHttpMethod&&i.removeHttpMethod!=="get"){e.push("nofollow")}if(e.length>0){n.rel=e.join(" ")}return n}return{class:"pds-chip__close",type:"button","aria-label":"Remove"}};return h(n,Object.assign({},e(),{onClick:this.handleCloseClick}),h("pds-icon",{icon:remove,size:this.iconSize}))};i.prototype.render=function(){return h(Host,{key:"1d75f8ea7583f53191467b568352664ea0313c79",class:this.classNames(),id:this.componentId},this.setChipContent(),this.effectiveVariant==="tag"&&this.renderCloseButton())};return i}();PdsChip.style=pdsChipTokensCss+pdsChipCss;export{PdsChip as pds_chip};
2
2
  //# sourceMappingURL=pds-chip.entry.js.map