@pantograph/styles 0.0.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 (253) hide show
  1. package/dist/accordion.css +1 -0
  2. package/dist/accordion.d.ts +4 -0
  3. package/dist/accordion.js +4 -0
  4. package/dist/accordion.umd.cjs +7 -0
  5. package/dist/alert.css +1 -0
  6. package/dist/alert.d.ts +4 -0
  7. package/dist/alert.js +4 -0
  8. package/dist/alert.umd.cjs +7 -0
  9. package/dist/alert_dialog.css +1 -0
  10. package/dist/alert_dialog.d.ts +4 -0
  11. package/dist/alert_dialog.js +4 -0
  12. package/dist/alert_dialog.umd.cjs +7 -0
  13. package/dist/avatar.css +1 -0
  14. package/dist/avatar.d.ts +4 -0
  15. package/dist/avatar.js +4 -0
  16. package/dist/avatar.umd.cjs +7 -0
  17. package/dist/badge.css +1 -0
  18. package/dist/badge.d.ts +4 -0
  19. package/dist/badge.js +4 -0
  20. package/dist/badge.umd.cjs +7 -0
  21. package/dist/blanket.css +1 -0
  22. package/dist/blanket.d.ts +4 -0
  23. package/dist/blanket.js +4 -0
  24. package/dist/blanket.umd.cjs +7 -0
  25. package/dist/breadcrumb.css +1 -0
  26. package/dist/breadcrumb.d.ts +4 -0
  27. package/dist/breadcrumb.js +4 -0
  28. package/dist/breadcrumb.umd.cjs +7 -0
  29. package/dist/button.css +1 -0
  30. package/dist/button.d.ts +4 -0
  31. package/dist/button.js +4 -0
  32. package/dist/button.umd.cjs +7 -0
  33. package/dist/card.css +1 -0
  34. package/dist/card.d.ts +4 -0
  35. package/dist/card.js +4 -0
  36. package/dist/card.umd.cjs +7 -0
  37. package/dist/checkbox.css +1 -0
  38. package/dist/checkbox.d.ts +4 -0
  39. package/dist/checkbox.js +4 -0
  40. package/dist/checkbox.umd.cjs +7 -0
  41. package/dist/chip.css +1 -0
  42. package/dist/chip.d.ts +4 -0
  43. package/dist/chip.js +4 -0
  44. package/dist/chip.umd.cjs +7 -0
  45. package/dist/chip_group.css +1 -0
  46. package/dist/chip_group.d.ts +4 -0
  47. package/dist/chip_group.js +4 -0
  48. package/dist/chip_group.umd.cjs +7 -0
  49. package/dist/color_picker.css +1 -0
  50. package/dist/color_picker.d.ts +4 -0
  51. package/dist/color_picker.js +4 -0
  52. package/dist/color_picker.umd.cjs +7 -0
  53. package/dist/color_swatch.css +1 -0
  54. package/dist/color_swatch.d.ts +4 -0
  55. package/dist/color_swatch.js +4 -0
  56. package/dist/color_swatch.umd.cjs +7 -0
  57. package/dist/color_swatch_group.css +1 -0
  58. package/dist/color_swatch_group.d.ts +4 -0
  59. package/dist/color_swatch_group.js +4 -0
  60. package/dist/color_swatch_group.umd.cjs +7 -0
  61. package/dist/color_trigger.css +1 -0
  62. package/dist/color_trigger.d.ts +4 -0
  63. package/dist/color_trigger.js +4 -0
  64. package/dist/color_trigger.umd.cjs +7 -0
  65. package/dist/combobox.css +1 -0
  66. package/dist/combobox.d.ts +4 -0
  67. package/dist/combobox.js +4 -0
  68. package/dist/combobox.umd.cjs +7 -0
  69. package/dist/comment.css +1 -0
  70. package/dist/comment.d.ts +4 -0
  71. package/dist/comment.js +4 -0
  72. package/dist/comment.umd.cjs +7 -0
  73. package/dist/data_table.css +1 -0
  74. package/dist/data_table.d.ts +4 -0
  75. package/dist/data_table.js +4 -0
  76. package/dist/data_table.umd.cjs +7 -0
  77. package/dist/dialog.css +1 -0
  78. package/dist/dialog.d.ts +4 -0
  79. package/dist/dialog.js +4 -0
  80. package/dist/dialog.umd.cjs +7 -0
  81. package/dist/divider.css +1 -0
  82. package/dist/divider.d.ts +4 -0
  83. package/dist/divider.js +4 -0
  84. package/dist/divider.umd.cjs +7 -0
  85. package/dist/drop_zone.css +1 -0
  86. package/dist/drop_zone.d.ts +4 -0
  87. package/dist/drop_zone.js +4 -0
  88. package/dist/drop_zone.umd.cjs +7 -0
  89. package/dist/empty.css +1 -0
  90. package/dist/empty.d.ts +4 -0
  91. package/dist/empty.js +4 -0
  92. package/dist/empty.umd.cjs +7 -0
  93. package/dist/form.css +1 -0
  94. package/dist/form.d.ts +4 -0
  95. package/dist/form.js +4 -0
  96. package/dist/form.umd.cjs +7 -0
  97. package/dist/form_validation.css +1 -0
  98. package/dist/form_validation.d.ts +4 -0
  99. package/dist/form_validation.js +4 -0
  100. package/dist/form_validation.umd.cjs +7 -0
  101. package/dist/go_group.css +1 -0
  102. package/dist/go_group.d.ts +4 -0
  103. package/dist/go_group.js +4 -0
  104. package/dist/go_group.umd.cjs +7 -0
  105. package/dist/go_picker.css +1 -0
  106. package/dist/go_picker.d.ts +4 -0
  107. package/dist/go_picker.js +4 -0
  108. package/dist/go_picker.umd.cjs +7 -0
  109. package/dist/hover_card.css +1 -0
  110. package/dist/hover_card.d.ts +4 -0
  111. package/dist/hover_card.js +4 -0
  112. package/dist/hover_card.umd.cjs +7 -0
  113. package/dist/icon.css +1 -0
  114. package/dist/icon.d.ts +4 -0
  115. package/dist/icon.js +4 -0
  116. package/dist/icon.umd.cjs +7 -0
  117. package/dist/image.css +1 -0
  118. package/dist/image.d.ts +4 -0
  119. package/dist/image.js +4 -0
  120. package/dist/image.umd.cjs +7 -0
  121. package/dist/indent_level.css +1 -0
  122. package/dist/indent_level.d.ts +4 -0
  123. package/dist/indent_level.js +4 -0
  124. package/dist/indent_level.umd.cjs +7 -0
  125. package/dist/index.css +1 -0
  126. package/dist/index.d.ts +66 -0
  127. package/dist/index.js +66 -0
  128. package/dist/index.umd.cjs +193 -0
  129. package/dist/input.css +1 -0
  130. package/dist/input.d.ts +4 -0
  131. package/dist/input.js +4 -0
  132. package/dist/input.umd.cjs +7 -0
  133. package/dist/kbd.css +1 -0
  134. package/dist/kbd.d.ts +4 -0
  135. package/dist/kbd.js +4 -0
  136. package/dist/kbd.umd.cjs +7 -0
  137. package/dist/label.css +1 -0
  138. package/dist/label.d.ts +4 -0
  139. package/dist/label.js +4 -0
  140. package/dist/label.umd.cjs +7 -0
  141. package/dist/link.css +1 -0
  142. package/dist/link.d.ts +4 -0
  143. package/dist/link.js +4 -0
  144. package/dist/link.umd.cjs +7 -0
  145. package/dist/menu.css +1 -0
  146. package/dist/menu.d.ts +4 -0
  147. package/dist/menu.js +4 -0
  148. package/dist/menu.umd.cjs +7 -0
  149. package/dist/menu_item.css +1 -0
  150. package/dist/menu_item.d.ts +4 -0
  151. package/dist/menu_item.js +4 -0
  152. package/dist/menu_item.umd.cjs +7 -0
  153. package/dist/page_indicator.css +1 -0
  154. package/dist/page_indicator.d.ts +4 -0
  155. package/dist/page_indicator.js +4 -0
  156. package/dist/page_indicator.umd.cjs +7 -0
  157. package/dist/pagination.css +1 -0
  158. package/dist/pagination.d.ts +4 -0
  159. package/dist/pagination.js +4 -0
  160. package/dist/pagination.umd.cjs +7 -0
  161. package/dist/popover.css +1 -0
  162. package/dist/popover.d.ts +4 -0
  163. package/dist/popover.js +4 -0
  164. package/dist/popover.umd.cjs +7 -0
  165. package/dist/progress.css +1 -0
  166. package/dist/progress.d.ts +4 -0
  167. package/dist/progress.js +4 -0
  168. package/dist/progress.umd.cjs +7 -0
  169. package/dist/radio.css +1 -0
  170. package/dist/radio.d.ts +4 -0
  171. package/dist/radio.js +4 -0
  172. package/dist/radio.umd.cjs +7 -0
  173. package/dist/scroll_container.css +1 -0
  174. package/dist/scroll_container.d.ts +4 -0
  175. package/dist/scroll_container.js +4 -0
  176. package/dist/scroll_container.umd.cjs +7 -0
  177. package/dist/segmented.css +1 -0
  178. package/dist/segmented.d.ts +4 -0
  179. package/dist/segmented.js +4 -0
  180. package/dist/segmented.umd.cjs +7 -0
  181. package/dist/select.css +1 -0
  182. package/dist/select.d.ts +4 -0
  183. package/dist/select.js +4 -0
  184. package/dist/select.umd.cjs +7 -0
  185. package/dist/shortcut.css +1 -0
  186. package/dist/shortcut.d.ts +4 -0
  187. package/dist/shortcut.js +4 -0
  188. package/dist/shortcut.umd.cjs +7 -0
  189. package/dist/skeleton.css +1 -0
  190. package/dist/skeleton.d.ts +4 -0
  191. package/dist/skeleton.js +4 -0
  192. package/dist/skeleton.umd.cjs +7 -0
  193. package/dist/sortPlaceholder.css +1 -0
  194. package/dist/sortPlaceholder.d.ts +4 -0
  195. package/dist/sortPlaceholder.js +4 -0
  196. package/dist/sortPlaceholder.umd.cjs +7 -0
  197. package/dist/spinner.css +1 -0
  198. package/dist/spinner.d.ts +4 -0
  199. package/dist/spinner.js +4 -0
  200. package/dist/spinner.umd.cjs +7 -0
  201. package/dist/steps.css +1 -0
  202. package/dist/steps.d.ts +4 -0
  203. package/dist/steps.js +4 -0
  204. package/dist/steps.umd.cjs +7 -0
  205. package/dist/switch.css +1 -0
  206. package/dist/switch.d.ts +4 -0
  207. package/dist/switch.js +4 -0
  208. package/dist/switch.umd.cjs +7 -0
  209. package/dist/table.css +1 -0
  210. package/dist/table.d.ts +4 -0
  211. package/dist/table.js +4 -0
  212. package/dist/table.umd.cjs +7 -0
  213. package/dist/tabs.css +1 -0
  214. package/dist/tabs.d.ts +4 -0
  215. package/dist/tabs.js +4 -0
  216. package/dist/tabs.umd.cjs +7 -0
  217. package/dist/tbody.css +1 -0
  218. package/dist/tbody.d.ts +4 -0
  219. package/dist/tbody.js +4 -0
  220. package/dist/tbody.umd.cjs +7 -0
  221. package/dist/tcell.css +1 -0
  222. package/dist/tcell.d.ts +4 -0
  223. package/dist/tcell.js +4 -0
  224. package/dist/tcell.umd.cjs +7 -0
  225. package/dist/textarea.css +1 -0
  226. package/dist/textarea.d.ts +4 -0
  227. package/dist/textarea.js +4 -0
  228. package/dist/textarea.umd.cjs +7 -0
  229. package/dist/tfoot.css +1 -0
  230. package/dist/tfoot.d.ts +4 -0
  231. package/dist/tfoot.js +4 -0
  232. package/dist/tfoot.umd.cjs +7 -0
  233. package/dist/thead.css +1 -0
  234. package/dist/thead.d.ts +4 -0
  235. package/dist/thead.js +4 -0
  236. package/dist/thead.umd.cjs +7 -0
  237. package/dist/toast.css +1 -0
  238. package/dist/toast.d.ts +4 -0
  239. package/dist/toast.js +4 -0
  240. package/dist/toast.umd.cjs +7 -0
  241. package/dist/tr.css +1 -0
  242. package/dist/tr.d.ts +4 -0
  243. package/dist/tr.js +4 -0
  244. package/dist/tr.umd.cjs +7 -0
  245. package/dist/tree.css +1 -0
  246. package/dist/tree.d.ts +4 -0
  247. package/dist/tree.js +4 -0
  248. package/dist/tree.umd.cjs +7 -0
  249. package/dist/upload.css +1 -0
  250. package/dist/upload.d.ts +4 -0
  251. package/dist/upload.js +4 -0
  252. package/dist/upload.umd.cjs +7 -0
  253. package/package.json +39 -0
package/dist/switch.css ADDED
@@ -0,0 +1 @@
1
+ .pc_switch{position:relative;overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;padding:var(--pt-dimension-100, 2px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;outline:0;--ptc-switch-inner-start-padding: calc(var(--ptc-switch-thumb-width) + var(--pt-dimension-200))}.pc_switch .pc_switch__inner{display:block;height:100%;overflow:hidden;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_switch .pc_switch__inner .pc_switch__inner__unchecked{margin-top:calc(var(--ptc-switch-thumb-height) * -1)}.pc_switch .pc_switch__inner .pc_switch__inner__checked,.pc_switch .pc_switch__inner .pc_switch__inner__unchecked{text-align:start;pointer-events:none;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;line-height:var(--ptc-switch-thumb-height);color:var(--ptc-switch-inner-color)}.pc_switch[data-state=checked] .pc_switch__thumb{inset-inline-start:calc(100% - calc(var(--ptc-switch-thumb-width) + var(--pt-dimension-100)))}.pc_switch[data-state=checked] .pc_switch__inner{padding-inline-end:var(--ptc-switch-inner-start-padding);padding-inline-start:var(--ptc-switch-inner-end-padding)}.pc_switch[data-state=checked] .pc_switch__inner .pc_switch__inner__checked{margin-inline-start:var(--pt-dimension-0, 0px);margin-inline-end:var(--pt-dimension-0, 0px)}.pc_switch[data-state=checked] .pc_switch__inner .pc_switch__inner__unchecked{margin-inline-start:calc(100% - calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) + calc(var(--ptc-switch-inner-start-padding) * 2));margin-inline-end:calc(-100% + calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) - calc(var(--ptc-switch-inner-start-padding) * 2))}.pc_switch[data-state=unchecked] .pc_switch__thumb{inset-inline-start:var(--pt-dimension-100, 2px)}.pc_switch[data-state=unchecked] .pc_switch__inner{padding-inline-start:var(--ptc-switch-inner-start-padding);padding-inline-end:var(--ptc-switch-inner-end-padding)}.pc_switch[data-state=unchecked] .pc_switch__inner .pc_switch__inner__unchecked{margin-inline-start:var(--pt-dimension-0, 0px);margin-inline-end:var(--pt-dimension-0, 0px)}.pc_switch[data-state=unchecked] .pc_switch__inner .pc_switch__inner__checked{margin-inline-start:calc(-100% + calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) - calc(var(--ptc-switch-inner-start-padding) * 2));margin-inline-end:calc(100% - calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) + calc(var(--ptc-switch-inner-start-padding) * 2))}.pc_switch.pc_switch--2xsm{min-width:var(--pt-dimension-1400, 28px);height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-switch-thumb-width: var(--pt-dimension-600);--ptc-switch-thumb-height: var(--pt-dimension-600);--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch.pc_switch--2xsm+.pc_switch__label{margin-inline-start:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_switch.pc_switch--xsm{min-width:var(--pt-dimension-1900, 38px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);--ptc-switch-thumb-width: var(--pt-dimension-800);--ptc-switch-thumb-height: var(--pt-dimension-800)}.pc_switch.pc_switch--xsm+.pc_switch__label{margin-inline-start:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_switch.pc_switch--sm{min-width:var(--pt-dimension-2400, 48px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);--ptc-switch-thumb-width: var(--pt-dimension-1000);--ptc-switch-thumb-height: var(--pt-dimension-1000)}.pc_switch.pc_switch--sm+.pc_switch__label{margin-inline-start:var(--pt-dimension-400, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_switch.pc_switch--xsm:not(.pc_switch--inner-icon):not(.pc_switch--inner-text),.pc_switch.pc_switch--sm:not(.pc_switch--inner-icon):not(.pc_switch--inner-text){--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch.pc_switch--xsm.pc_switch--inner-icon,.pc_switch.pc_switch--sm.pc_switch--inner-icon{--ptc-switch-inner-end-padding: var(--pt-dimension-100)}.pc_switch.pc_switch--xsm.pc_switch--inner-text,.pc_switch.pc_switch--sm.pc_switch--inner-text{--ptc-switch-inner-end-padding: var(--pt-dimension-200)}.pc_switch:not(:disabled){cursor:pointer}.pc_switch:not(:disabled) .pc_switch__thumb{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fg-subtle),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_switch:not(:disabled)[data-state=checked]{--ptc-switch-inner-color: rgba(var(--pt-primary-oncolor));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=checked]:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg-target))}.pc_switch:not(:disabled)[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg-trigger));--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch:not(:disabled)[data-state=unchecked]{--ptc-switch-inner-color: rgba(var(--pt-gray-6));--ptc-switch-thumb-color: rgba(var(--pt-gray-fg));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=unchecked]:hover{--ptc-switch-inner-color: rgba(var(--pt-gray-7));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=unchecked]:active{--ptc-switch-inner-color: rgba(var(--pt-gray-8));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-3),var(--ptu-bg-opacity));--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch:not(:disabled)+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-8))}.pc_switch:not(:disabled):hover+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-9))}.pc_switch:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_switch:not(:disabled):active+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-10))}.pc_switch:not(:disabled):active.pc_switch--2xsm{--ptc-switch-thumb-width: var(--pt-dimension-700)}.pc_switch:not(:disabled):active.pc_switch--xsm{--ptc-switch-thumb-width: var(--pt-dimension-1000)}.pc_switch:not(:disabled):active.pc_switch--sm{--ptc-switch-thumb-width: var(--pt-dimension-1200)}.pc_switch:disabled{cursor:not-allowed}.pc_switch:disabled+.pc_switch__label{cursor:not-allowed;--ptc-switch-label-color: rgba(var(--pt-gray-4))}.pc_switch:disabled[data-state=checked]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptc-switch-inner-color: rgba(var(--pt-gray-4));--ptc-switch-thumb-color: rgba(var(--pt-disable-fg))}.pc_switch:disabled[data-state=checked] .pc_switch__thumb{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fg-subtle),var(--ptu-bg-opacity))}.pc_switch:disabled[data-state=unchecked]{border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-fill),var(--ptu-border-opacity));background-color:transparent;--ptc-switch-inner-color: rgba(var(--pt-gray-3));--ptc-switch-thumb-color: rgba(var(--pt-disable-fg))}.pc_switch:disabled[data-state=unchecked] .pc_switch__thumb{inset-inline-start:1px;top:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill),var(--ptu-bg-opacity))}.pc_switch .pc_switch__thumb{position:absolute;top:var(--pt-dimension-100, 2px);display:block;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--pt-roundness-full, 88px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;width:var(--ptc-switch-thumb-width);min-width:var(--ptc-switch-thumb-width);max-width:var(--ptc-switch-thumb-width);height:var(--ptc-switch-thumb-height);min-height:var(--ptc-switch-thumb-height);max-height:var(--ptc-switch-thumb-height);color:var(--ptc-switch-thumb-color)}.pc_switch+.pc_switch__label{cursor:pointer;color:var(--ptc-switch-label-color)}.pc_switch__root{display:inline-flex;align-items:center}
package/dist/switch.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addSwitchCss: () => void;
3
+ declare const switchCss: string;
4
+ export { addSwitchCss, switchCss };
package/dist/switch.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_switch{position:relative;overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;padding:var(--pt-dimension-100, 2px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;outline:0;--ptc-switch-inner-start-padding: calc(var(--ptc-switch-thumb-width) + var(--pt-dimension-200))}.pc_switch .pc_switch__inner{display:block;height:100%;overflow:hidden;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_switch .pc_switch__inner .pc_switch__inner__unchecked{margin-top:calc(var(--ptc-switch-thumb-height) * -1)}.pc_switch .pc_switch__inner .pc_switch__inner__checked,.pc_switch .pc_switch__inner .pc_switch__inner__unchecked{text-align:start;pointer-events:none;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;line-height:var(--ptc-switch-thumb-height);color:var(--ptc-switch-inner-color)}.pc_switch[data-state=checked] .pc_switch__thumb{inset-inline-start:calc(100% - calc(var(--ptc-switch-thumb-width) + var(--pt-dimension-100)))}.pc_switch[data-state=checked] .pc_switch__inner{padding-inline-end:var(--ptc-switch-inner-start-padding);padding-inline-start:var(--ptc-switch-inner-end-padding)}.pc_switch[data-state=checked] .pc_switch__inner .pc_switch__inner__checked{margin-inline-start:var(--pt-dimension-0, 0px);margin-inline-end:var(--pt-dimension-0, 0px)}.pc_switch[data-state=checked] .pc_switch__inner .pc_switch__inner__unchecked{margin-inline-start:calc(100% - calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) + calc(var(--ptc-switch-inner-start-padding) * 2));margin-inline-end:calc(-100% + calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) - calc(var(--ptc-switch-inner-start-padding) * 2))}.pc_switch[data-state=unchecked] .pc_switch__thumb{inset-inline-start:var(--pt-dimension-100, 2px)}.pc_switch[data-state=unchecked] .pc_switch__inner{padding-inline-start:var(--ptc-switch-inner-start-padding);padding-inline-end:var(--ptc-switch-inner-end-padding)}.pc_switch[data-state=unchecked] .pc_switch__inner .pc_switch__inner__unchecked{margin-inline-start:var(--pt-dimension-0, 0px);margin-inline-end:var(--pt-dimension-0, 0px)}.pc_switch[data-state=unchecked] .pc_switch__inner .pc_switch__inner__checked{margin-inline-start:calc(-100% + calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) - calc(var(--ptc-switch-inner-start-padding) * 2));margin-inline-end:calc(100% - calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) + calc(var(--ptc-switch-inner-start-padding) * 2))}.pc_switch.pc_switch--2xsm{min-width:var(--pt-dimension-1400, 28px);height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-switch-thumb-width: var(--pt-dimension-600);--ptc-switch-thumb-height: var(--pt-dimension-600);--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch.pc_switch--2xsm+.pc_switch__label{margin-inline-start:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_switch.pc_switch--xsm{min-width:var(--pt-dimension-1900, 38px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);--ptc-switch-thumb-width: var(--pt-dimension-800);--ptc-switch-thumb-height: var(--pt-dimension-800)}.pc_switch.pc_switch--xsm+.pc_switch__label{margin-inline-start:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_switch.pc_switch--sm{min-width:var(--pt-dimension-2400, 48px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);--ptc-switch-thumb-width: var(--pt-dimension-1000);--ptc-switch-thumb-height: var(--pt-dimension-1000)}.pc_switch.pc_switch--sm+.pc_switch__label{margin-inline-start:var(--pt-dimension-400, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_switch.pc_switch--xsm:not(.pc_switch--inner-icon):not(.pc_switch--inner-text),.pc_switch.pc_switch--sm:not(.pc_switch--inner-icon):not(.pc_switch--inner-text){--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch.pc_switch--xsm.pc_switch--inner-icon,.pc_switch.pc_switch--sm.pc_switch--inner-icon{--ptc-switch-inner-end-padding: var(--pt-dimension-100)}.pc_switch.pc_switch--xsm.pc_switch--inner-text,.pc_switch.pc_switch--sm.pc_switch--inner-text{--ptc-switch-inner-end-padding: var(--pt-dimension-200)}.pc_switch:not(:disabled){cursor:pointer}.pc_switch:not(:disabled) .pc_switch__thumb{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fg-subtle),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_switch:not(:disabled)[data-state=checked]{--ptc-switch-inner-color: rgba(var(--pt-primary-oncolor));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=checked]:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg-target))}.pc_switch:not(:disabled)[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg-trigger));--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch:not(:disabled)[data-state=unchecked]{--ptc-switch-inner-color: rgba(var(--pt-gray-6));--ptc-switch-thumb-color: rgba(var(--pt-gray-fg));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=unchecked]:hover{--ptc-switch-inner-color: rgba(var(--pt-gray-7));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=unchecked]:active{--ptc-switch-inner-color: rgba(var(--pt-gray-8));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-3),var(--ptu-bg-opacity));--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch:not(:disabled)+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-8))}.pc_switch:not(:disabled):hover+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-9))}.pc_switch:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_switch:not(:disabled):active+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-10))}.pc_switch:not(:disabled):active.pc_switch--2xsm{--ptc-switch-thumb-width: var(--pt-dimension-700)}.pc_switch:not(:disabled):active.pc_switch--xsm{--ptc-switch-thumb-width: var(--pt-dimension-1000)}.pc_switch:not(:disabled):active.pc_switch--sm{--ptc-switch-thumb-width: var(--pt-dimension-1200)}.pc_switch:disabled{cursor:not-allowed}.pc_switch:disabled+.pc_switch__label{cursor:not-allowed;--ptc-switch-label-color: rgba(var(--pt-gray-4))}.pc_switch:disabled[data-state=checked]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptc-switch-inner-color: rgba(var(--pt-gray-4));--ptc-switch-thumb-color: rgba(var(--pt-disable-fg))}.pc_switch:disabled[data-state=checked] .pc_switch__thumb{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fg-subtle),var(--ptu-bg-opacity))}.pc_switch:disabled[data-state=unchecked]{border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-fill),var(--ptu-border-opacity));background-color:transparent;--ptc-switch-inner-color: rgba(var(--pt-gray-3));--ptc-switch-thumb-color: rgba(var(--pt-disable-fg))}.pc_switch:disabled[data-state=unchecked] .pc_switch__thumb{inset-inline-start:1px;top:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill),var(--ptu-bg-opacity))}.pc_switch .pc_switch__thumb{position:absolute;top:var(--pt-dimension-100, 2px);display:block;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--pt-roundness-full, 88px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;width:var(--ptc-switch-thumb-width);min-width:var(--ptc-switch-thumb-width);max-width:var(--ptc-switch-thumb-width);height:var(--ptc-switch-thumb-height);min-height:var(--ptc-switch-thumb-height);max-height:var(--ptc-switch-thumb-height);color:var(--ptc-switch-thumb-color)}.pc_switch+.pc_switch__label{cursor:pointer;color:var(--ptc-switch-label-color)}.pc_switch__root{display:inline-flex;align-items:center}\n";
3
+ export const addSwitchCss = () => addCssToHead(`${prefix}s-switch`, cssText);
4
+ export const switchCss = cssText;
package/dist/switch.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_switch{position:relative;overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;padding:var(--pt-dimension-100, 2px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;outline:0;--ptc-switch-inner-start-padding: calc(var(--ptc-switch-thumb-width) + var(--pt-dimension-200))}.pc_switch .pc_switch__inner{display:block;height:100%;overflow:hidden;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_switch .pc_switch__inner .pc_switch__inner__unchecked{margin-top:calc(var(--ptc-switch-thumb-height) * -1)}.pc_switch .pc_switch__inner .pc_switch__inner__checked,.pc_switch .pc_switch__inner .pc_switch__inner__unchecked{text-align:start;pointer-events:none;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;line-height:var(--ptc-switch-thumb-height);color:var(--ptc-switch-inner-color)}.pc_switch[data-state=checked] .pc_switch__thumb{inset-inline-start:calc(100% - calc(var(--ptc-switch-thumb-width) + var(--pt-dimension-100)))}.pc_switch[data-state=checked] .pc_switch__inner{padding-inline-end:var(--ptc-switch-inner-start-padding);padding-inline-start:var(--ptc-switch-inner-end-padding)}.pc_switch[data-state=checked] .pc_switch__inner .pc_switch__inner__checked{margin-inline-start:var(--pt-dimension-0, 0px);margin-inline-end:var(--pt-dimension-0, 0px)}.pc_switch[data-state=checked] .pc_switch__inner .pc_switch__inner__unchecked{margin-inline-start:calc(100% - calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) + calc(var(--ptc-switch-inner-start-padding) * 2));margin-inline-end:calc(-100% + calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) - calc(var(--ptc-switch-inner-start-padding) * 2))}.pc_switch[data-state=unchecked] .pc_switch__thumb{inset-inline-start:var(--pt-dimension-100, 2px)}.pc_switch[data-state=unchecked] .pc_switch__inner{padding-inline-start:var(--ptc-switch-inner-start-padding);padding-inline-end:var(--ptc-switch-inner-end-padding)}.pc_switch[data-state=unchecked] .pc_switch__inner .pc_switch__inner__unchecked{margin-inline-start:var(--pt-dimension-0, 0px);margin-inline-end:var(--pt-dimension-0, 0px)}.pc_switch[data-state=unchecked] .pc_switch__inner .pc_switch__inner__checked{margin-inline-start:calc(-100% + calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) - calc(var(--ptc-switch-inner-start-padding) * 2));margin-inline-end:calc(100% - calc(var(--ptc-switch-thumb-height) + var(--pt-dimension-200)) + calc(var(--ptc-switch-inner-start-padding) * 2))}.pc_switch.pc_switch--2xsm{min-width:var(--pt-dimension-1400, 28px);height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-switch-thumb-width: var(--pt-dimension-600);--ptc-switch-thumb-height: var(--pt-dimension-600);--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch.pc_switch--2xsm+.pc_switch__label{margin-inline-start:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_switch.pc_switch--xsm{min-width:var(--pt-dimension-1900, 38px);height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);--ptc-switch-thumb-width: var(--pt-dimension-800);--ptc-switch-thumb-height: var(--pt-dimension-800)}.pc_switch.pc_switch--xsm+.pc_switch__label{margin-inline-start:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_switch.pc_switch--sm{min-width:var(--pt-dimension-2400, 48px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);--ptc-switch-thumb-width: var(--pt-dimension-1000);--ptc-switch-thumb-height: var(--pt-dimension-1000)}.pc_switch.pc_switch--sm+.pc_switch__label{margin-inline-start:var(--pt-dimension-400, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_switch.pc_switch--xsm:not(.pc_switch--inner-icon):not(.pc_switch--inner-text),.pc_switch.pc_switch--sm:not(.pc_switch--inner-icon):not(.pc_switch--inner-text){--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch.pc_switch--xsm.pc_switch--inner-icon,.pc_switch.pc_switch--sm.pc_switch--inner-icon{--ptc-switch-inner-end-padding: var(--pt-dimension-100)}.pc_switch.pc_switch--xsm.pc_switch--inner-text,.pc_switch.pc_switch--sm.pc_switch--inner-text{--ptc-switch-inner-end-padding: var(--pt-dimension-200)}.pc_switch:not(:disabled){cursor:pointer}.pc_switch:not(:disabled) .pc_switch__thumb{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fg-subtle),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_switch:not(:disabled)[data-state=checked]{--ptc-switch-inner-color: rgba(var(--pt-primary-oncolor));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=checked]:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg-target))}.pc_switch:not(:disabled)[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity));--ptc-switch-thumb-color: rgba(var(--pt-primary-fg-trigger));--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch:not(:disabled)[data-state=unchecked]{--ptc-switch-inner-color: rgba(var(--pt-gray-6));--ptc-switch-thumb-color: rgba(var(--pt-gray-fg));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=unchecked]:hover{--ptc-switch-inner-color: rgba(var(--pt-gray-7));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_switch:not(:disabled)[data-state=unchecked]:active{--ptc-switch-inner-color: rgba(var(--pt-gray-8));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-3),var(--ptu-bg-opacity));--ptc-switch-inner-end-padding: var(--pt-dimension-0)}.pc_switch:not(:disabled)+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-8))}.pc_switch:not(:disabled):hover+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-9))}.pc_switch:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_switch:not(:disabled):active+.pc_switch__label{--ptc-switch-label-color: rgba(var(--pt-gray-10))}.pc_switch:not(:disabled):active.pc_switch--2xsm{--ptc-switch-thumb-width: var(--pt-dimension-700)}.pc_switch:not(:disabled):active.pc_switch--xsm{--ptc-switch-thumb-width: var(--pt-dimension-1000)}.pc_switch:not(:disabled):active.pc_switch--sm{--ptc-switch-thumb-width: var(--pt-dimension-1200)}.pc_switch:disabled{cursor:not-allowed}.pc_switch:disabled+.pc_switch__label{cursor:not-allowed;--ptc-switch-label-color: rgba(var(--pt-gray-4))}.pc_switch:disabled[data-state=checked]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptc-switch-inner-color: rgba(var(--pt-gray-4));--ptc-switch-thumb-color: rgba(var(--pt-disable-fg))}.pc_switch:disabled[data-state=checked] .pc_switch__thumb{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fg-subtle),var(--ptu-bg-opacity))}.pc_switch:disabled[data-state=unchecked]{border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-fill),var(--ptu-border-opacity));background-color:transparent;--ptc-switch-inner-color: rgba(var(--pt-gray-3));--ptc-switch-thumb-color: rgba(var(--pt-disable-fg))}.pc_switch:disabled[data-state=unchecked] .pc_switch__thumb{inset-inline-start:1px;top:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill),var(--ptu-bg-opacity))}.pc_switch .pc_switch__thumb{position:absolute;top:var(--pt-dimension-100, 2px);display:block;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--pt-roundness-full, 88px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;width:var(--ptc-switch-thumb-width);min-width:var(--ptc-switch-thumb-width);max-width:var(--ptc-switch-thumb-width);height:var(--ptc-switch-thumb-height);min-height:var(--ptc-switch-thumb-height);max-height:var(--ptc-switch-thumb-height);color:var(--ptc-switch-thumb-color)}.pc_switch+.pc_switch__label{cursor:pointer;color:var(--ptc-switch-label-color)}.pc_switch__root{display:inline-flex;align-items:center}\n";
5
+ const addSwitchCss = () => addCssToHead(`${prefix}s-switch`, cssText);
6
+ exports.addSwitchCss = addSwitchCss;
7
+ exports.switchCss = cssText;
package/dist/table.css ADDED
@@ -0,0 +1 @@
1
+ .pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}
package/dist/table.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTableCss: () => void;
3
+ declare const tableCss: string;
4
+ export { addTableCss, tableCss };
package/dist/table.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}\n";
3
+ export const addTableCss = () => addCssToHead(`${prefix}s-table`, cssText);
4
+ export const tableCss = cssText;
package/dist/table.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}\n";
5
+ const addTableCss = () => addCssToHead(`${prefix}s-table`, cssText);
6
+ exports.addTableCss = addTableCss;
7
+ exports.tableCss = cssText;
package/dist/tabs.css ADDED
@@ -0,0 +1 @@
1
+ .pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}
package/dist/tabs.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTabsCss: () => void;
3
+ declare const tabsCss: string;
4
+ export { addTabsCss, tabsCss };
package/dist/tabs.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
3
+ export const addTabsCss = () => addCssToHead(`${prefix}s-tabs`, cssText);
4
+ export const tabsCss = cssText;
package/dist/tabs.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
5
+ const addTabsCss = () => addCssToHead(`${prefix}s-tabs`, cssText);
6
+ exports.addTabsCss = addTabsCss;
7
+ exports.tabsCss = cssText;
package/dist/tbody.css ADDED
@@ -0,0 +1 @@
1
+ .pc_table__tbody{border-width:var(--pt-stroke-0, 0px)}
package/dist/tbody.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTbodyCss: () => void;
3
+ declare const tbodyCss: string;
4
+ export { addTbodyCss, tbodyCss };
package/dist/tbody.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_table__tbody{border-width:var(--pt-stroke-0, 0px)}\n";
3
+ export const addTbodyCss = () => addCssToHead(`${prefix}s-tbody`, cssText);
4
+ export const tbodyCss = cssText;
package/dist/tbody.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_table__tbody{border-width:var(--pt-stroke-0, 0px)}\n";
5
+ const addTbodyCss = () => addCssToHead(`${prefix}s-tbody`, cssText);
6
+ exports.addTbodyCss = addTbodyCss;
7
+ exports.tbodyCss = cssText;
package/dist/tcell.css ADDED
@@ -0,0 +1 @@
1
+ .pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:"";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}
package/dist/tcell.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTcellCss: () => void;
3
+ declare const tcellCss: string;
4
+ export { addTcellCss, tcellCss };
package/dist/tcell.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
3
+ export const addTcellCss = () => addCssToHead(`${prefix}s-tcell`, cssText);
4
+ export const tcellCss = cssText;
package/dist/tcell.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
5
+ const addTcellCss = () => addCssToHead(`${prefix}s-tcell`, cssText);
6
+ exports.addTcellCss = addTcellCss;
7
+ exports.tcellCss = cssText;
package/dist/textarea.css ADDED
@@ -0,0 +1 @@
1
+ .pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-textarea-fg: rgba(var(--pt-fg));--ptc-textarea-placeholder: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):hover{--ptc-textarea-fg: rgba(var(--pt-fg-target));--ptc-textarea-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_textarea:not(:disabled):not([data-disabled=true]):focus,.pc_textarea:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-resizer{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>") no-repeat center;border:0;display:block;width:8px;height:8px}
package/dist/textarea.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTextareaCss: () => void;
3
+ declare const textareaCss: string;
4
+ export { addTextareaCss, textareaCss };
package/dist/textarea.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-textarea-fg: rgba(var(--pt-fg));--ptc-textarea-placeholder: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):hover{--ptc-textarea-fg: rgba(var(--pt-fg-target));--ptc-textarea-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_textarea:not(:disabled):not([data-disabled=true]):focus,.pc_textarea:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center;border:0;display:block;width:8px;height:8px}\n";
3
+ export const addTextareaCss = () => addCssToHead(`${prefix}s-textarea`, cssText);
4
+ export const textareaCss = cssText;
package/dist/textarea.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-textarea-fg: rgba(var(--pt-fg));--ptc-textarea-placeholder: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):hover{--ptc-textarea-fg: rgba(var(--pt-fg-target));--ptc-textarea-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_textarea:not(:disabled):not([data-disabled=true]):focus,.pc_textarea:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center;border:0;display:block;width:8px;height:8px}\n";
5
+ const addTextareaCss = () => addCssToHead(`${prefix}s-textarea`, cssText);
6
+ exports.addTextareaCss = addTextareaCss;
7
+ exports.textareaCss = cssText;
package/dist/tfoot.css ADDED
@@ -0,0 +1 @@
1
+ .pc_table__tfoot{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}
package/dist/tfoot.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTfootCss: () => void;
3
+ declare const tfootCss: string;
4
+ export { addTfootCss, tfootCss };
package/dist/tfoot.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_table__tfoot{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}\n";
3
+ export const addTfootCss = () => addCssToHead(`${prefix}s-tfoot`, cssText);
4
+ export const tfootCss = cssText;
package/dist/tfoot.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_table__tfoot{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}\n";
5
+ const addTfootCss = () => addCssToHead(`${prefix}s-tfoot`, cssText);
6
+ exports.addTfootCss = addTfootCss;
7
+ exports.tfootCss = cssText;
package/dist/thead.css ADDED
@@ -0,0 +1 @@
1
+ .pc_table__thead{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg);border-width:var(--pt-stroke-0, 0px);border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_table__thead--sticky{position:sticky;top:var(--pt-dimension-0, 0px);z-index:3;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_table__thead--sticky:not(.pc_table__thead--hide-shadow){--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}
package/dist/thead.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTheadCss: () => void;
3
+ declare const theadCss: string;
4
+ export { addTheadCss, theadCss };
package/dist/thead.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_table__thead{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg);border-width:var(--pt-stroke-0, 0px);border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_table__thead--sticky{position:sticky;top:var(--pt-dimension-0, 0px);z-index:3;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_table__thead--sticky:not(.pc_table__thead--hide-shadow){--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}\n";
3
+ export const addTheadCss = () => addCssToHead(`${prefix}s-thead`, cssText);
4
+ export const theadCss = cssText;
package/dist/thead.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_table__thead{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg);border-width:var(--pt-stroke-0, 0px);border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_table__thead--sticky{position:sticky;top:var(--pt-dimension-0, 0px);z-index:3;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_table__thead--sticky:not(.pc_table__thead--hide-shadow){--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}\n";
5
+ const addTheadCss = () => addCssToHead(`${prefix}s-thead`, cssText);
6
+ exports.addTheadCss = addTheadCss;
7
+ exports.theadCss = cssText;
package/dist/toast.css ADDED
@@ -0,0 +1 @@
1
+ .pc_toast{pointer-events:auto;position:relative;display:flex;-webkit-user-select:none;user-select:none;gap:var(--pt-dimension-300, 6px);overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-600, 12px);--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:256px;width:448px}.pc_toast.pc_toast--info{--ptc-toast-fg: rgba(var(--pt-sky-fg));--ptc-toast-bg: rgba(var(--pt-sky-fill-subtle));--ptc-toast-br: rgba(var(--pt-info-br-subtle))}.pc_toast.pc_toast--success{--ptc-toast-fg: rgba(var(--pt-success-fg));--ptc-toast-bg: rgba(var(--pt-success-fill-subtle));--ptc-toast-br: rgba(var(--pt-success-br-subtle))}.pc_toast.pc_toast--warning{--ptc-toast-fg: rgba(var(--pt-warning-fg));--ptc-toast-bg: rgba(var(--pt-warning-fill-subtle));--ptc-toast-br: rgba(var(--pt-warning-br-subtle))}.pc_toast.pc_toast--error{--ptc-toast-fg: rgba(var(--pt-danger-fg));--ptc-toast-bg: rgba(var(--pt-danger-fill-subtle));--ptc-toast-br: rgba(var(--pt-danger-subtle-br))}.pc_toast .pc_toast__body{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-400, 8px);width:calc(100% - var(--pt-dimension-600) - var(--pt-dimension-400))}.pc_toast .pc_toast__content{width:100%;display:flex;flex-direction:column}.pc_toast .pc_toast__header{height:var(--pt-size-md, 32px);display:flex;align-items:flex-start;gap:var(--pt-dimension-400, 8px)}.pc_toast .pc_toast__header .pc_toast__title{height:var(--pt-size-md, 32px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;line-height:var(--pt-dimension-1600)}.pc_toast .pc_toast__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_toast .pc_toast__actions{display:flex;justify-content:flex-end;gap:var(--pt-dimension-300, 6px)}.pc_toast .pc_toast__icon{padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);color:var(--ptc-toast-fg)}.pc_toast .pc_toast__progress{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_toast .pc_toast__progress .pc_progress__line__value{animation-name:progressGrow;animation-timing-function:linear;animation-fill-mode:forwards;animation-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_toast.pc_toast--paused .pc_progress__line__value{animation-play-state:paused}@keyframes progressGrow{0%{width:0}to{width:100%}}
package/dist/toast.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addToastCss: () => void;
3
+ declare const toastCss: string;
4
+ export { addToastCss, toastCss };
package/dist/toast.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_toast{pointer-events:auto;position:relative;display:flex;-webkit-user-select:none;user-select:none;gap:var(--pt-dimension-300, 6px);overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-600, 12px);--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:256px;width:448px}.pc_toast.pc_toast--info{--ptc-toast-fg: rgba(var(--pt-sky-fg));--ptc-toast-bg: rgba(var(--pt-sky-fill-subtle));--ptc-toast-br: rgba(var(--pt-info-br-subtle))}.pc_toast.pc_toast--success{--ptc-toast-fg: rgba(var(--pt-success-fg));--ptc-toast-bg: rgba(var(--pt-success-fill-subtle));--ptc-toast-br: rgba(var(--pt-success-br-subtle))}.pc_toast.pc_toast--warning{--ptc-toast-fg: rgba(var(--pt-warning-fg));--ptc-toast-bg: rgba(var(--pt-warning-fill-subtle));--ptc-toast-br: rgba(var(--pt-warning-br-subtle))}.pc_toast.pc_toast--error{--ptc-toast-fg: rgba(var(--pt-danger-fg));--ptc-toast-bg: rgba(var(--pt-danger-fill-subtle));--ptc-toast-br: rgba(var(--pt-danger-subtle-br))}.pc_toast .pc_toast__body{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-400, 8px);width:calc(100% - var(--pt-dimension-600) - var(--pt-dimension-400))}.pc_toast .pc_toast__content{width:100%;display:flex;flex-direction:column}.pc_toast .pc_toast__header{height:var(--pt-size-md, 32px);display:flex;align-items:flex-start;gap:var(--pt-dimension-400, 8px)}.pc_toast .pc_toast__header .pc_toast__title{height:var(--pt-size-md, 32px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;line-height:var(--pt-dimension-1600)}.pc_toast .pc_toast__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_toast .pc_toast__actions{display:flex;justify-content:flex-end;gap:var(--pt-dimension-300, 6px)}.pc_toast .pc_toast__icon{padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);color:var(--ptc-toast-fg)}.pc_toast .pc_toast__progress{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_toast .pc_toast__progress .pc_progress__line__value{animation-name:progressGrow;animation-timing-function:linear;animation-fill-mode:forwards;animation-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_toast.pc_toast--paused .pc_progress__line__value{animation-play-state:paused}@keyframes progressGrow{0%{width:0}to{width:100%}}\n";
3
+ export const addToastCss = () => addCssToHead(`${prefix}s-toast`, cssText);
4
+ export const toastCss = cssText;
package/dist/toast.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_toast{pointer-events:auto;position:relative;display:flex;-webkit-user-select:none;user-select:none;gap:var(--pt-dimension-300, 6px);overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-600, 12px);--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:256px;width:448px}.pc_toast.pc_toast--info{--ptc-toast-fg: rgba(var(--pt-sky-fg));--ptc-toast-bg: rgba(var(--pt-sky-fill-subtle));--ptc-toast-br: rgba(var(--pt-info-br-subtle))}.pc_toast.pc_toast--success{--ptc-toast-fg: rgba(var(--pt-success-fg));--ptc-toast-bg: rgba(var(--pt-success-fill-subtle));--ptc-toast-br: rgba(var(--pt-success-br-subtle))}.pc_toast.pc_toast--warning{--ptc-toast-fg: rgba(var(--pt-warning-fg));--ptc-toast-bg: rgba(var(--pt-warning-fill-subtle));--ptc-toast-br: rgba(var(--pt-warning-br-subtle))}.pc_toast.pc_toast--error{--ptc-toast-fg: rgba(var(--pt-danger-fg));--ptc-toast-bg: rgba(var(--pt-danger-fill-subtle));--ptc-toast-br: rgba(var(--pt-danger-subtle-br))}.pc_toast .pc_toast__body{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-400, 8px);width:calc(100% - var(--pt-dimension-600) - var(--pt-dimension-400))}.pc_toast .pc_toast__content{width:100%;display:flex;flex-direction:column}.pc_toast .pc_toast__header{height:var(--pt-size-md, 32px);display:flex;align-items:flex-start;gap:var(--pt-dimension-400, 8px)}.pc_toast .pc_toast__header .pc_toast__title{height:var(--pt-size-md, 32px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;line-height:var(--pt-dimension-1600)}.pc_toast .pc_toast__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_toast .pc_toast__actions{display:flex;justify-content:flex-end;gap:var(--pt-dimension-300, 6px)}.pc_toast .pc_toast__icon{padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);color:var(--ptc-toast-fg)}.pc_toast .pc_toast__progress{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_toast .pc_toast__progress .pc_progress__line__value{animation-name:progressGrow;animation-timing-function:linear;animation-fill-mode:forwards;animation-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_toast.pc_toast--paused .pc_progress__line__value{animation-play-state:paused}@keyframes progressGrow{0%{width:0}to{width:100%}}\n";
5
+ const addToastCss = () => addCssToHead(`${prefix}s-toast`, cssText);
6
+ exports.addToastCss = addToastCss;
7
+ exports.toastCss = cssText;
package/dist/tr.css ADDED
@@ -0,0 +1 @@
1
+ .pc_table__tr{border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--ptc-cell-bg)}.pc_table__tr--empty{height:100%}.pc_table__tr--checked:not(.pc_table__tr--empty){--ptc-cell-bg: rgba(var(--pt-primary-0))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(odd){--ptc-cell-bg: rgba(var(--pt-bg-secondary))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(2n){--ptc-cell-bg: rgba(var(--pt-bg))}.pc_table__tr--lazy-load-observer{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px)}.pc_table__tr:hover .pc_table__td__hover_actions{display:flex;gap:var(--pt-dimension-200, 4px)}
package/dist/tr.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTrCss: () => void;
3
+ declare const trCss: string;
4
+ export { addTrCss, trCss };
package/dist/tr.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_table__tr{border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--ptc-cell-bg)}.pc_table__tr--empty{height:100%}.pc_table__tr--checked:not(.pc_table__tr--empty){--ptc-cell-bg: rgba(var(--pt-primary-0))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(odd){--ptc-cell-bg: rgba(var(--pt-bg-secondary))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(2n){--ptc-cell-bg: rgba(var(--pt-bg))}.pc_table__tr--lazy-load-observer{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px)}.pc_table__tr:hover .pc_table__td__hover_actions{display:flex;gap:var(--pt-dimension-200, 4px)}\n";
3
+ export const addTrCss = () => addCssToHead(`${prefix}s-tr`, cssText);
4
+ export const trCss = cssText;
package/dist/tr.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_table__tr{border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--ptc-cell-bg)}.pc_table__tr--empty{height:100%}.pc_table__tr--checked:not(.pc_table__tr--empty){--ptc-cell-bg: rgba(var(--pt-primary-0))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(odd){--ptc-cell-bg: rgba(var(--pt-bg-secondary))}.pc_table__tr--zebra:not(.pc_table__tr--empty):not(.pc_table__tr--checked):not(.pc_table__tr--lazy-load-observer):nth-child(2n){--ptc-cell-bg: rgba(var(--pt-bg))}.pc_table__tr--lazy-load-observer{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px)}.pc_table__tr:hover .pc_table__td__hover_actions{display:flex;gap:var(--pt-dimension-200, 4px)}\n";
5
+ const addTrCss = () => addCssToHead(`${prefix}s-tr`, cssText);
6
+ exports.addTrCss = addTrCss;
7
+ exports.trCss = cssText;
package/dist/tree.css ADDED
@@ -0,0 +1 @@
1
+ .pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tree{gap:var(--ptc-tree-gap)}.pc_tree .pc_tree__sort_placeholder{padding-inline-start:calc(var(--ptc-tree-node-padding-start) + var(--ptc-tree-node-draggable-size));width:100%;display:flex;align-items:center}.pc_tree:not(.pc_tree--inline-node){display:flex;flex-direction:column}.pc_tree:not(.pc_tree--inline-node) .pc_tree__node{display:flex}.pc_tree.pc_tree--inline-node{width:fit-content;height:fit-content;display:flex;flex-direction:column}.pc_tree.pc_tree--inline-node .pc_tree__node{width:fit-content;display:inline-flex}.pc_tree.pc_tree--gap-none{--ptc-tree-gap: 0px}.pc_tree.pc_tree--gap-sm{--ptc-tree-gap: var(--pt-dimension-200)}.pc_tree.pc_tree--gap-md{--ptc-tree-gap: var(--pt-dimension-300)}.pc_tree.pc_tree--gap-lg{--ptc-tree-gap: var(--pt-dimension-400)}.pc_tree .pc_tree__node{padding-inline-start:var(--ptc-tree-node-padding-start);height:var(--ptc-tree-node-height);min-height:var(--ptc-tree-node-height);max-height:var(--ptc-tree-node-height);-webkit-user-select:none;user-select:none;align-items:center;outline:0}.pc_tree .pc_tree__node .pc_tree__node__indent .pc_indent_level__item:not(.pc_indent_level--expand){--ptc-tree-item-indent-h: calc(var(--ptc-tree-node-height) + var(--ptc-tree-gap));margin-top:calc(-2 * var(--ptc-tree-gap));height:var(--ptc-tree-item-indent-h);min-height:var(--ptc-tree-item-indent-h);max-height:var(--ptc-tree-item-indent-h)}.pc_tree .pc_tree__node .pc_tree__node__title{padding-inline-start:var(--pt-dimension-200, 4px)}.pc_tree .pc_tree__node__slot{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_tree.pc_tree--dragging{padding-bottom:var(--pt-dimension-1000, 20px)}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled){cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-0),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active:hover,.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-2),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active):hover,.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active)[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active):active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled) .pc_tree__node__draggable .pc_tree__node__draggable__icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node.pc_tree__node--disabled.pc_tree__node--active{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tree.pc_tree--sm{--ptc-tree-node-height: var(--pt-size-sm);--ptc-tree-node-padding-start: var(--pt-dimension-200);--ptc-tree-node-draggable-size: var(--pt-dimension-800)}.pc_tree.pc_tree--sm .pc_tree__node,.pc_tree.pc_tree--sm .pc_tree__node__slot{border-radius:var(--pt-roundness-sm, 4px)}.pc_tree.pc_tree--md{--ptc-tree-node-height: var(--pt-size-md);--ptc-tree-node-padding-start: var(--pt-dimension-300);--ptc-tree-node-draggable-size: var(--pt-dimension-1000)}.pc_tree.pc_tree--md .pc_tree__node,.pc_tree.pc_tree--md .pc_tree__node__slot{border-radius:var(--pt-roundness-md, 6px)}.pc_tree.pc_tree--lg{--ptc-tree-node-height: var(--pt-size-lg);--ptc-tree-node-padding-start: var(--pt-dimension-400);--ptc-tree-node-draggable-size: var(--pt-dimension-1000)}.pc_tree.pc_tree--lg .pc_tree__node,.pc_tree.pc_tree--lg .pc_tree__node__slot{border-radius:var(--pt-roundness-lg, 8px)}.pc_tree__node__draggable{display:flex;align-items:center;justify-content:center;width:var(--ptc-tree-node-draggable-size);min-width:var(--ptc-tree-node-draggable-size)}@media (min-width: 768px){.pc_tree__node .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:none}.pc_tree__node:hover .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:flex;cursor:grab}}@media (max-width: 767.9px){.pc_tree__node .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:flex;cursor:grab}}.pc_tree--disabled .pc_tree__node__draggable,.pc_tree__node--disabled .pc_tree__node__draggable{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tree--disabled .pc_tree__node__draggable>.pc_tree__node__draggable__icon,.pc_tree__node--disabled .pc_tree__node__draggable>.pc_tree__node__draggable__icon{cursor:not-allowed!important}
package/dist/tree.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addTreeCss: () => void;
3
+ declare const treeCss: string;
4
+ export { addTreeCss, treeCss };
package/dist/tree.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tree{gap:var(--ptc-tree-gap)}.pc_tree .pc_tree__sort_placeholder{padding-inline-start:calc(var(--ptc-tree-node-padding-start) + var(--ptc-tree-node-draggable-size));width:100%;display:flex;align-items:center}.pc_tree:not(.pc_tree--inline-node){display:flex;flex-direction:column}.pc_tree:not(.pc_tree--inline-node) .pc_tree__node{display:flex}.pc_tree.pc_tree--inline-node{width:fit-content;height:fit-content;display:flex;flex-direction:column}.pc_tree.pc_tree--inline-node .pc_tree__node{width:fit-content;display:inline-flex}.pc_tree.pc_tree--gap-none{--ptc-tree-gap: 0px}.pc_tree.pc_tree--gap-sm{--ptc-tree-gap: var(--pt-dimension-200)}.pc_tree.pc_tree--gap-md{--ptc-tree-gap: var(--pt-dimension-300)}.pc_tree.pc_tree--gap-lg{--ptc-tree-gap: var(--pt-dimension-400)}.pc_tree .pc_tree__node{padding-inline-start:var(--ptc-tree-node-padding-start);height:var(--ptc-tree-node-height);min-height:var(--ptc-tree-node-height);max-height:var(--ptc-tree-node-height);-webkit-user-select:none;user-select:none;align-items:center;outline:0}.pc_tree .pc_tree__node .pc_tree__node__indent .pc_indent_level__item:not(.pc_indent_level--expand){--ptc-tree-item-indent-h: calc(var(--ptc-tree-node-height) + var(--ptc-tree-gap));margin-top:calc(-2 * var(--ptc-tree-gap));height:var(--ptc-tree-item-indent-h);min-height:var(--ptc-tree-item-indent-h);max-height:var(--ptc-tree-item-indent-h)}.pc_tree .pc_tree__node .pc_tree__node__title{padding-inline-start:var(--pt-dimension-200, 4px)}.pc_tree .pc_tree__node__slot{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_tree.pc_tree--dragging{padding-bottom:var(--pt-dimension-1000, 20px)}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled){cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-0),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active:hover,.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-2),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active):hover,.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active)[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active):active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled) .pc_tree__node__draggable .pc_tree__node__draggable__icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node.pc_tree__node--disabled.pc_tree__node--active{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tree.pc_tree--sm{--ptc-tree-node-height: var(--pt-size-sm);--ptc-tree-node-padding-start: var(--pt-dimension-200);--ptc-tree-node-draggable-size: var(--pt-dimension-800)}.pc_tree.pc_tree--sm .pc_tree__node,.pc_tree.pc_tree--sm .pc_tree__node__slot{border-radius:var(--pt-roundness-sm, 4px)}.pc_tree.pc_tree--md{--ptc-tree-node-height: var(--pt-size-md);--ptc-tree-node-padding-start: var(--pt-dimension-300);--ptc-tree-node-draggable-size: var(--pt-dimension-1000)}.pc_tree.pc_tree--md .pc_tree__node,.pc_tree.pc_tree--md .pc_tree__node__slot{border-radius:var(--pt-roundness-md, 6px)}.pc_tree.pc_tree--lg{--ptc-tree-node-height: var(--pt-size-lg);--ptc-tree-node-padding-start: var(--pt-dimension-400);--ptc-tree-node-draggable-size: var(--pt-dimension-1000)}.pc_tree.pc_tree--lg .pc_tree__node,.pc_tree.pc_tree--lg .pc_tree__node__slot{border-radius:var(--pt-roundness-lg, 8px)}.pc_tree__node__draggable{display:flex;align-items:center;justify-content:center;width:var(--ptc-tree-node-draggable-size);min-width:var(--ptc-tree-node-draggable-size)}@media (min-width: 768px){.pc_tree__node .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:none}.pc_tree__node:hover .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:flex;cursor:grab}}@media (max-width: 767.9px){.pc_tree__node .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:flex;cursor:grab}}.pc_tree--disabled .pc_tree__node__draggable,.pc_tree__node--disabled .pc_tree__node__draggable{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tree--disabled .pc_tree__node__draggable>.pc_tree__node__draggable__icon,.pc_tree__node--disabled .pc_tree__node__draggable>.pc_tree__node__draggable__icon{cursor:not-allowed!important}\n";
3
+ export const addTreeCss = () => addCssToHead(`${prefix}s-tree`, cssText);
4
+ export const treeCss = cssText;
package/dist/tree.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tree{gap:var(--ptc-tree-gap)}.pc_tree .pc_tree__sort_placeholder{padding-inline-start:calc(var(--ptc-tree-node-padding-start) + var(--ptc-tree-node-draggable-size));width:100%;display:flex;align-items:center}.pc_tree:not(.pc_tree--inline-node){display:flex;flex-direction:column}.pc_tree:not(.pc_tree--inline-node) .pc_tree__node{display:flex}.pc_tree.pc_tree--inline-node{width:fit-content;height:fit-content;display:flex;flex-direction:column}.pc_tree.pc_tree--inline-node .pc_tree__node{width:fit-content;display:inline-flex}.pc_tree.pc_tree--gap-none{--ptc-tree-gap: 0px}.pc_tree.pc_tree--gap-sm{--ptc-tree-gap: var(--pt-dimension-200)}.pc_tree.pc_tree--gap-md{--ptc-tree-gap: var(--pt-dimension-300)}.pc_tree.pc_tree--gap-lg{--ptc-tree-gap: var(--pt-dimension-400)}.pc_tree .pc_tree__node{padding-inline-start:var(--ptc-tree-node-padding-start);height:var(--ptc-tree-node-height);min-height:var(--ptc-tree-node-height);max-height:var(--ptc-tree-node-height);-webkit-user-select:none;user-select:none;align-items:center;outline:0}.pc_tree .pc_tree__node .pc_tree__node__indent .pc_indent_level__item:not(.pc_indent_level--expand){--ptc-tree-item-indent-h: calc(var(--ptc-tree-node-height) + var(--ptc-tree-gap));margin-top:calc(-2 * var(--ptc-tree-gap));height:var(--ptc-tree-item-indent-h);min-height:var(--ptc-tree-item-indent-h);max-height:var(--ptc-tree-item-indent-h)}.pc_tree .pc_tree__node .pc_tree__node__title{padding-inline-start:var(--pt-dimension-200, 4px)}.pc_tree .pc_tree__node__slot{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_tree.pc_tree--dragging{padding-bottom:var(--pt-dimension-1000, 20px)}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled){cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-0),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active:hover,.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled).pc_tree__node--active:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-2),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active):hover,.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active)[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):not(.pc_tree__node--active):active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node:not(.pc_tree__node--disabled) .pc_tree__node__draggable .pc_tree__node__draggable__icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_tree.pc_tree--selectable:not(.pc_tree--disabled):not(.pc_tree--dragging) .pc_tree__node.pc_tree__node--disabled.pc_tree__node--active{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tree.pc_tree--sm{--ptc-tree-node-height: var(--pt-size-sm);--ptc-tree-node-padding-start: var(--pt-dimension-200);--ptc-tree-node-draggable-size: var(--pt-dimension-800)}.pc_tree.pc_tree--sm .pc_tree__node,.pc_tree.pc_tree--sm .pc_tree__node__slot{border-radius:var(--pt-roundness-sm, 4px)}.pc_tree.pc_tree--md{--ptc-tree-node-height: var(--pt-size-md);--ptc-tree-node-padding-start: var(--pt-dimension-300);--ptc-tree-node-draggable-size: var(--pt-dimension-1000)}.pc_tree.pc_tree--md .pc_tree__node,.pc_tree.pc_tree--md .pc_tree__node__slot{border-radius:var(--pt-roundness-md, 6px)}.pc_tree.pc_tree--lg{--ptc-tree-node-height: var(--pt-size-lg);--ptc-tree-node-padding-start: var(--pt-dimension-400);--ptc-tree-node-draggable-size: var(--pt-dimension-1000)}.pc_tree.pc_tree--lg .pc_tree__node,.pc_tree.pc_tree--lg .pc_tree__node__slot{border-radius:var(--pt-roundness-lg, 8px)}.pc_tree__node__draggable{display:flex;align-items:center;justify-content:center;width:var(--ptc-tree-node-draggable-size);min-width:var(--ptc-tree-node-draggable-size)}@media (min-width: 768px){.pc_tree__node .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:none}.pc_tree__node:hover .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:flex;cursor:grab}}@media (max-width: 767.9px){.pc_tree__node .pc_tree__node__draggable>.pc_tree__node__draggable__icon{display:flex;cursor:grab}}.pc_tree--disabled .pc_tree__node__draggable,.pc_tree__node--disabled .pc_tree__node__draggable{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tree--disabled .pc_tree__node__draggable>.pc_tree__node__draggable__icon,.pc_tree__node--disabled .pc_tree__node__draggable>.pc_tree__node__draggable__icon{cursor:not-allowed!important}\n";
5
+ const addTreeCss = () => addCssToHead(`${prefix}s-tree`, cssText);
6
+ exports.addTreeCss = addTreeCss;
7
+ exports.treeCss = cssText;
package/dist/upload.css ADDED
@@ -0,0 +1 @@
1
+ .pc_upload__list{width:100%}.pc_upload__list.pc_upload__list--card{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_upload__list.pc_upload__list--image{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--md{--ptc-upload-item-gap: var(--pt-dimension-200);--ptc-upload-item-padding: var(--pt-dimension-200);--ptc-upload-item-roundness: var(--pt-roundness-md);--ptc-upload-image-roundness: var(--pt-roundness-sm);--ptc-upload-item-height: var(--pt-size-md)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--lg{--ptc-upload-item-gap: var(--pt-dimension-300);--ptc-upload-item-padding: var(--pt-dimension-400);--ptc-upload-item-roundness: var(--pt-roundness-lg);--ptc-upload-image-roundness: var(--pt-roundness-md);--ptc-upload-item-height: var(--pt-size-lg)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--xlg{--ptc-upload-item-gap: var(--pt-dimension-300);--ptc-upload-item-padding: var(--pt-dimension-400);--ptc-upload-item-roundness: var(--pt-roundness-lg);--ptc-upload-image-roundness: var(--pt-roundness-md);--ptc-upload-item-height: var(--pt-size-xlg)}.pc_upload__list .pc_upload__list__item:not(.pc_upload__list__item--paused):not(.pc_upload__list__item--error){--ptc-upload-border: rgba(var(--pt-br))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--paused{--ptc-upload-border: rgba(var(--pt-warning-br))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--error{--ptc-upload-border: rgba(var(--pt-danger-br))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card{box-sizing:border-box;width:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-upload-item-gap);padding:var(--ptc-upload-item-padding);border-radius:var(--ptc-upload-item-roundness);min-height:var(--ptc-upload-item-height);height:var(--ptc-upload-item-height);max-height:var(--ptc-upload-item-height);border-color:var(--ptc-upload-border)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__thumb{aspect-ratio:1/1;height:100%;object-fit:cover}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__progress{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--md .pc_upload__list__item__content{display:flex;gap:var(--pt-dimension-200, 4px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card:not(.pc_upload__list__item--md) .pc_upload__list__item__content{display:flex;flex-direction:column;gap:var(--pt-dimension-100, 2px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__content{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__content .pc_upload__list__item__title{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__content .pc_upload__list__item__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__percent{overflow:clip}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--outline{border-width:1px;border-style:solid}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--outline:not(:hover){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card:not(.pc_upload__list__item--outline){--ptc-upload-border: var(--pt-alpha-gray-0);background-color:var(--pt-alpha-gray-0)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--done:hover,.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--error:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image{position:relative;aspect-ratio:1/1;border-width:1px;border-style:solid;padding:var(--pt-dimension-100, 2px);min-height:var(--ptc-upload-item-height);height:var(--ptc-upload-item-height);max-height:var(--ptc-upload-item-height);border-radius:var(--ptc-upload-item-roundness);border-color:var(--ptc-upload-border)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image .pc_upload__list__item__image{border-radius:var(--ptc-upload-image-roundness)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image.pc_upload__list__item--waiting{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image .pc_upload__list__item__progress{position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);inset-inline-start:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);width:100%;height:100%}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image .pc_upload__list__item__cancel{visibility:hidden;position:absolute;inset-inline-end:calc(var(--pt-dimension-600, 12px) * -1);top:calc(var(--pt-dimension-600, 12px) * -1);z-index:1;border-radius:var(--pt-roundness-full, 88px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image:hover .pc_upload__list__item__cancel{visibility:visible}
package/dist/upload.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addUploadCss: () => void;
3
+ declare const uploadCss: string;
4
+ export { addUploadCss, uploadCss };
package/dist/upload.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_upload__list{width:100%}.pc_upload__list.pc_upload__list--card{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_upload__list.pc_upload__list--image{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--md{--ptc-upload-item-gap: var(--pt-dimension-200);--ptc-upload-item-padding: var(--pt-dimension-200);--ptc-upload-item-roundness: var(--pt-roundness-md);--ptc-upload-image-roundness: var(--pt-roundness-sm);--ptc-upload-item-height: var(--pt-size-md)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--lg{--ptc-upload-item-gap: var(--pt-dimension-300);--ptc-upload-item-padding: var(--pt-dimension-400);--ptc-upload-item-roundness: var(--pt-roundness-lg);--ptc-upload-image-roundness: var(--pt-roundness-md);--ptc-upload-item-height: var(--pt-size-lg)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--xlg{--ptc-upload-item-gap: var(--pt-dimension-300);--ptc-upload-item-padding: var(--pt-dimension-400);--ptc-upload-item-roundness: var(--pt-roundness-lg);--ptc-upload-image-roundness: var(--pt-roundness-md);--ptc-upload-item-height: var(--pt-size-xlg)}.pc_upload__list .pc_upload__list__item:not(.pc_upload__list__item--paused):not(.pc_upload__list__item--error){--ptc-upload-border: rgba(var(--pt-br))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--paused{--ptc-upload-border: rgba(var(--pt-warning-br))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--error{--ptc-upload-border: rgba(var(--pt-danger-br))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card{box-sizing:border-box;width:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-upload-item-gap);padding:var(--ptc-upload-item-padding);border-radius:var(--ptc-upload-item-roundness);min-height:var(--ptc-upload-item-height);height:var(--ptc-upload-item-height);max-height:var(--ptc-upload-item-height);border-color:var(--ptc-upload-border)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__thumb{aspect-ratio:1/1;height:100%;object-fit:cover}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__progress{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--md .pc_upload__list__item__content{display:flex;gap:var(--pt-dimension-200, 4px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card:not(.pc_upload__list__item--md) .pc_upload__list__item__content{display:flex;flex-direction:column;gap:var(--pt-dimension-100, 2px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__content{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__content .pc_upload__list__item__title{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__content .pc_upload__list__item__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card .pc_upload__list__item__percent{overflow:clip}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--outline{border-width:1px;border-style:solid}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--outline:not(:hover){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card:not(.pc_upload__list__item--outline){--ptc-upload-border: var(--pt-alpha-gray-0);background-color:var(--pt-alpha-gray-0)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--done:hover,.pc_upload__list .pc_upload__list__item.pc_upload__list__item--card.pc_upload__list__item--error:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image{position:relative;aspect-ratio:1/1;border-width:1px;border-style:solid;padding:var(--pt-dimension-100, 2px);min-height:var(--ptc-upload-item-height);height:var(--ptc-upload-item-height);max-height:var(--ptc-upload-item-height);border-radius:var(--ptc-upload-item-roundness);border-color:var(--ptc-upload-border)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image .pc_upload__list__item__image{border-radius:var(--ptc-upload-image-roundness)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image.pc_upload__list__item--waiting{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image .pc_upload__list__item__progress{position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);inset-inline-start:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);width:100%;height:100%}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image .pc_upload__list__item__cancel{visibility:hidden;position:absolute;inset-inline-end:calc(var(--pt-dimension-600, 12px) * -1);top:calc(var(--pt-dimension-600, 12px) * -1);z-index:1;border-radius:var(--pt-roundness-full, 88px)}.pc_upload__list .pc_upload__list__item.pc_upload__list__item--image:hover .pc_upload__list__item__cancel{visibility:visible}\n";
3
+ export const addUploadCss = () => addCssToHead(`${prefix}s-upload`, cssText);
4
+ export const uploadCss = cssText;