@pantograph/styles 0.0.1 → 0.0.2

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 (206) hide show
  1. package/dist/accordion.d.ts +3 -2
  2. package/dist/accordion.js +6 -3
  3. package/dist/accordion.umd.cjs +8 -3
  4. package/dist/alert.d.ts +3 -2
  5. package/dist/alert.js +6 -3
  6. package/dist/alert.umd.cjs +8 -3
  7. package/dist/alert_dialog.d.ts +3 -2
  8. package/dist/alert_dialog.js +6 -3
  9. package/dist/alert_dialog.umd.cjs +8 -3
  10. package/dist/avatar.d.ts +3 -2
  11. package/dist/avatar.js +6 -3
  12. package/dist/avatar.umd.cjs +8 -3
  13. package/dist/badge.d.ts +3 -2
  14. package/dist/badge.js +6 -3
  15. package/dist/badge.umd.cjs +8 -3
  16. package/dist/blanket.d.ts +3 -2
  17. package/dist/blanket.js +6 -3
  18. package/dist/blanket.umd.cjs +8 -3
  19. package/dist/breadcrumb.d.ts +3 -2
  20. package/dist/breadcrumb.js +6 -3
  21. package/dist/breadcrumb.umd.cjs +8 -3
  22. package/dist/button.d.ts +3 -2
  23. package/dist/button.js +6 -3
  24. package/dist/button.umd.cjs +8 -3
  25. package/dist/card.d.ts +3 -2
  26. package/dist/card.js +6 -3
  27. package/dist/card.umd.cjs +8 -3
  28. package/dist/checkbox.d.ts +3 -2
  29. package/dist/checkbox.js +6 -3
  30. package/dist/checkbox.umd.cjs +8 -3
  31. package/dist/chip.d.ts +3 -2
  32. package/dist/chip.js +6 -3
  33. package/dist/chip.umd.cjs +8 -3
  34. package/dist/chip_group.d.ts +3 -2
  35. package/dist/chip_group.js +6 -3
  36. package/dist/chip_group.umd.cjs +8 -3
  37. package/dist/color_picker.d.ts +3 -2
  38. package/dist/color_picker.js +6 -3
  39. package/dist/color_picker.umd.cjs +8 -3
  40. package/dist/color_swatch.d.ts +3 -2
  41. package/dist/color_swatch.js +6 -3
  42. package/dist/color_swatch.umd.cjs +8 -3
  43. package/dist/color_swatch_group.d.ts +3 -2
  44. package/dist/color_swatch_group.js +6 -3
  45. package/dist/color_swatch_group.umd.cjs +8 -3
  46. package/dist/color_trigger.d.ts +3 -2
  47. package/dist/color_trigger.js +6 -3
  48. package/dist/color_trigger.umd.cjs +8 -3
  49. package/dist/combobox.d.ts +3 -2
  50. package/dist/combobox.js +6 -3
  51. package/dist/combobox.umd.cjs +8 -3
  52. package/dist/comment.d.ts +3 -2
  53. package/dist/comment.js +6 -3
  54. package/dist/comment.umd.cjs +8 -3
  55. package/dist/data_table.css +1 -1
  56. package/dist/data_table.d.ts +3 -2
  57. package/dist/data_table.js +7 -4
  58. package/dist/data_table.umd.cjs +9 -4
  59. package/dist/dialog.d.ts +3 -2
  60. package/dist/dialog.js +6 -3
  61. package/dist/dialog.umd.cjs +8 -3
  62. package/dist/divider.d.ts +3 -2
  63. package/dist/divider.js +6 -3
  64. package/dist/divider.umd.cjs +8 -3
  65. package/dist/drop_zone.d.ts +3 -2
  66. package/dist/drop_zone.js +6 -3
  67. package/dist/drop_zone.umd.cjs +8 -3
  68. package/dist/empty.d.ts +3 -2
  69. package/dist/empty.js +6 -3
  70. package/dist/empty.umd.cjs +8 -3
  71. package/dist/form_item.d.ts +5 -0
  72. package/dist/{form.js → form_item.js} +6 -3
  73. package/dist/{form.umd.cjs → form_item.umd.cjs} +9 -4
  74. package/dist/form_validation.d.ts +3 -2
  75. package/dist/form_validation.js +6 -3
  76. package/dist/form_validation.umd.cjs +8 -3
  77. package/dist/go_picker.d.ts +3 -2
  78. package/dist/go_picker.js +6 -3
  79. package/dist/go_picker.umd.cjs +8 -3
  80. package/dist/graphical_object_group.d.ts +5 -0
  81. package/dist/{go_group.js → graphical_object_group.js} +6 -3
  82. package/dist/{go_group.umd.cjs → graphical_object_group.umd.cjs} +9 -4
  83. package/dist/hover_card.d.ts +3 -2
  84. package/dist/hover_card.js +6 -3
  85. package/dist/hover_card.umd.cjs +8 -3
  86. package/dist/icon.d.ts +3 -2
  87. package/dist/icon.js +6 -3
  88. package/dist/icon.umd.cjs +8 -3
  89. package/dist/image.d.ts +3 -2
  90. package/dist/image.js +6 -3
  91. package/dist/image.umd.cjs +8 -3
  92. package/dist/indent_level.d.ts +3 -2
  93. package/dist/indent_level.js +6 -3
  94. package/dist/indent_level.umd.cjs +8 -3
  95. package/dist/index.css +1 -1
  96. package/dist/index.d.ts +5 -4
  97. package/dist/index.js +6 -5
  98. package/dist/index.umd.cjs +15 -12
  99. package/dist/input.d.ts +3 -2
  100. package/dist/input.js +6 -3
  101. package/dist/input.umd.cjs +8 -3
  102. package/dist/kbd.d.ts +3 -2
  103. package/dist/kbd.js +6 -3
  104. package/dist/kbd.umd.cjs +8 -3
  105. package/dist/label.d.ts +3 -2
  106. package/dist/label.js +6 -3
  107. package/dist/label.umd.cjs +8 -3
  108. package/dist/link.d.ts +3 -2
  109. package/dist/link.js +6 -3
  110. package/dist/link.umd.cjs +8 -3
  111. package/dist/menu.d.ts +3 -2
  112. package/dist/menu.js +6 -3
  113. package/dist/menu.umd.cjs +8 -3
  114. package/dist/menu_item.css +1 -1
  115. package/dist/menu_item.d.ts +3 -2
  116. package/dist/menu_item.js +7 -4
  117. package/dist/menu_item.umd.cjs +9 -4
  118. package/dist/page_indicator.d.ts +3 -2
  119. package/dist/page_indicator.js +6 -3
  120. package/dist/page_indicator.umd.cjs +8 -3
  121. package/dist/pagination.d.ts +3 -2
  122. package/dist/pagination.js +6 -3
  123. package/dist/pagination.umd.cjs +8 -3
  124. package/dist/popover.d.ts +3 -2
  125. package/dist/popover.js +6 -3
  126. package/dist/popover.umd.cjs +8 -3
  127. package/dist/progress.d.ts +3 -2
  128. package/dist/progress.js +6 -3
  129. package/dist/progress.umd.cjs +8 -3
  130. package/dist/radio_group.d.ts +5 -0
  131. package/dist/{radio.js → radio_group.js} +6 -3
  132. package/dist/{radio.umd.cjs → radio_group.umd.cjs} +9 -4
  133. package/dist/scroll_container.d.ts +3 -2
  134. package/dist/scroll_container.js +6 -3
  135. package/dist/scroll_container.umd.cjs +8 -3
  136. package/dist/segmented.css +1 -1
  137. package/dist/segmented.d.ts +3 -2
  138. package/dist/segmented.js +7 -4
  139. package/dist/segmented.umd.cjs +9 -4
  140. package/dist/select.d.ts +3 -2
  141. package/dist/select.js +6 -3
  142. package/dist/select.umd.cjs +8 -3
  143. package/dist/shortcut.d.ts +3 -2
  144. package/dist/shortcut.js +6 -3
  145. package/dist/shortcut.umd.cjs +8 -3
  146. package/dist/skeleton.d.ts +3 -2
  147. package/dist/skeleton.js +6 -3
  148. package/dist/skeleton.umd.cjs +8 -3
  149. package/dist/sort_placeholder.d.ts +5 -0
  150. package/dist/{sortPlaceholder.js → sort_placeholder.js} +6 -3
  151. package/dist/{sortPlaceholder.umd.cjs → sort_placeholder.umd.cjs} +9 -4
  152. package/dist/spinner.d.ts +3 -2
  153. package/dist/spinner.js +6 -3
  154. package/dist/spinner.umd.cjs +8 -3
  155. package/dist/steps.d.ts +3 -2
  156. package/dist/steps.js +6 -3
  157. package/dist/steps.umd.cjs +8 -3
  158. package/dist/switch.d.ts +3 -2
  159. package/dist/switch.js +6 -3
  160. package/dist/switch.umd.cjs +8 -3
  161. package/dist/table.d.ts +3 -2
  162. package/dist/table.js +6 -3
  163. package/dist/table.umd.cjs +8 -3
  164. package/dist/tabs.d.ts +3 -2
  165. package/dist/tabs.js +6 -3
  166. package/dist/tabs.umd.cjs +8 -3
  167. package/dist/tbody.d.ts +3 -2
  168. package/dist/tbody.js +6 -3
  169. package/dist/tbody.umd.cjs +8 -3
  170. package/dist/tcell.d.ts +3 -2
  171. package/dist/tcell.js +6 -3
  172. package/dist/tcell.umd.cjs +8 -3
  173. package/dist/textarea.d.ts +3 -2
  174. package/dist/textarea.js +6 -3
  175. package/dist/textarea.umd.cjs +8 -3
  176. package/dist/tfoot.d.ts +3 -2
  177. package/dist/tfoot.js +6 -3
  178. package/dist/tfoot.umd.cjs +8 -3
  179. package/dist/thead.d.ts +3 -2
  180. package/dist/thead.js +6 -3
  181. package/dist/thead.umd.cjs +8 -3
  182. package/dist/toast.d.ts +3 -2
  183. package/dist/toast.js +6 -3
  184. package/dist/toast.umd.cjs +8 -3
  185. package/dist/tooltip.css +1 -0
  186. package/dist/tooltip.d.ts +5 -0
  187. package/dist/tooltip.js +7 -0
  188. package/dist/tooltip.umd.cjs +12 -0
  189. package/dist/tr.d.ts +3 -2
  190. package/dist/tr.js +6 -3
  191. package/dist/tr.umd.cjs +8 -3
  192. package/dist/tree.d.ts +3 -2
  193. package/dist/tree.js +6 -3
  194. package/dist/tree.umd.cjs +8 -3
  195. package/dist/upload.d.ts +3 -2
  196. package/dist/upload.js +6 -3
  197. package/dist/upload.umd.cjs +8 -3
  198. package/package.json +4 -4
  199. package/dist/form.d.ts +0 -4
  200. package/dist/go_group.d.ts +0 -4
  201. package/dist/radio.d.ts +0 -4
  202. package/dist/sortPlaceholder.d.ts +0 -4
  203. /package/dist/{form.css → form_item.css} +0 -0
  204. /package/dist/{go_group.css → graphical_object_group.css} +0 -0
  205. /package/dist/{radio.css → radio_group.css} +0 -0
  206. /package/dist/{sortPlaceholder.css → sort_placeholder.css} +0 -0
package/dist/comment.umd.cjs CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
4
  const cssText = ".pc_comment__file_list{flex-direction:row!important;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)!important}.pc_comment__file_list .pc_comment__file_item{max-width:200px}.pc_comment{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);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_comment .pc_comment__header{position:relative;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-400, 8px)}.pc_comment .pc_comment__header .pc_comment__header__content{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__author{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}.pc_comment .pc_comment__header .pc_comment__header__content .pc_comment__datetime{--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_comment .pc_comment__header .pc_comment__actions:not([data-state=open]){display:none}.pc_comment .pc_comment__body{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-2000, 40px)}.pc_comment .pc_comment__body .pc_comment__content{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment .pc_comment__body .pc_comment__content p{margin:var(--pt-dimension-0, 0px)}.pc_comment .pc_comment__body .pc_comment__content a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__content span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment .pc_comment__body .pc_comment__reactions{display:flex;flex-wrap:wrap;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies{position:relative;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-inline-start:var(--pt-dimension-200, 4px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__header .pc_comment__replies__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__icon{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_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__content{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-inline-start:50px}.pc_comment .pc_comment__body .pc_comment__replies .pc_comment__replies__line{position:absolute;width:1px;height:100%;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));height:calc(100% - 26px);top:26px;inset-inline-start:14px}.pc_comment:hover:not(:has(.pc_comment:hover)){--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_comment:hover:not(:has(.pc_comment:hover))>.pc_comment__header .pc_comment__actions{display:flex;align-items:center}[style*=\"direction: ltr\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(ltr) .pc_comment__replies--open .pc_comment__replies__icon,[dir=ltr] .pc_comment__replies--open .pc_comment__replies__icon,.ltr .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:90deg;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}[style*=\"direction: rtl\"] .pc_comment__replies--open .pc_comment__replies__icon,:dir(rtl) .pc_comment__replies--open .pc_comment__replies__icon,[dir=rtl] .pc_comment__replies--open .pc_comment__replies__icon,.rtl .pc_comment__replies--open .pc_comment__replies__icon{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-90deg;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_comment__trigger{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);display:flex;cursor:pointer;align-items:center;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_comment__trigger:not([disabled]){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_comment__trigger: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_comment__trigger:not([disabled]):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-target),var(--ptu-text-opacity))}.pc_comment__trigger:not([disabled]):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_comment__trigger[disabled]{--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br),var(--ptu-border-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_comment__trigger .pc_comment__trigger__text{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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_comment__editor{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-400, 8px)}.pc_comment__editor[data-focus=true]{--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_comment__editor .pc_comment__editor__editor{--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;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__editor .pc_comment__editor__editor p{margin:var(--pt-dimension-0, 0px)}.pc_comment__editor .pc_comment__editor__editor a{cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity))}.pc_comment__editor .pc_comment__editor__editor span.mention{display:inline-block;--ptu-text-opacity:1;color:rgba(var(--pt-blue-fg),var(--ptu-text-opacity));box-decoration-break:clone;-webkit-box-decoration-break:clone}.pc_comment__editor .pc_comment__editor__editor .tiptap{min-height:56px;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_comment__editor .pc_comment__editor__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--pt-dimension-300, 6px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__actions,.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{display:flex;align-items:center}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__send_actions{gap:var(--pt-dimension-200, 4px)}.pc_comment__editor .pc_comment__editor__footer .pc_comment__editor__kbd_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_comment__editor .pc_comment__editor__footer .pc_comment__editor__divider{margin-left:var(--pt-dimension-200, 4px);margin-right:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_comment__reaction_users{display:flex;flex-direction:column;overflow:hidden;min-width:200px;max-width:220px;max-height:145px;font-family:\"notocoloremoji\",var(--pt-font-family)}.pc_comment__reaction_users .pc_comment__reaction_users__header{border-bottom-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;padding:var(--pt-dimension-500, 10px);--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_comment__reaction_users .pc_comment__reaction_users__list{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-300, 6px);overflow:auto;padding:var(--pt-dimension-300, 6px)}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar{width:4px;height:4px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_comment__reaction_users .pc_comment__reaction_users__list::-webkit-scrollbar-thumb:hover,.pc_comment__reaction_users .pc_comment__reaction_users__list ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}.pc_comment__reaction_users .pc_comment__reaction_users__item{height:var(--pt-dimension-1400, 28px);min-height:var(--pt-dimension-1400, 28px);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;padding:var(--pt-dimension-200, 4px)}.pc_comment__reaction_users .pc_comment__reaction_users__item .pc_comment__reaction_users__name{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}\n";
5
- const addCommentCss = () => addCssToHead(`${prefix}s-comment`, cssText);
5
+ const commentId = `${prefix}s-comment`;
6
+ const addCommentCss = () => addCssToHead(commentId, cssText);
7
+ const removeCommentCss = () => removeCssFromHead(commentId);
8
+ const commentCss = cssText;
9
+ exports.commentId = commentId;
6
10
  exports.addCommentCss = addCommentCss;
7
- exports.commentCss = cssText;
11
+ exports.removeCommentCss = removeCommentCss;
12
+ exports.commentCss = commentCss;
package/dist/data_table.css CHANGED
@@ -1 +1 @@
1
- .pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;max-width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}
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)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;max-width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}
package/dist/data_table.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- declare const cssText: string;
1
+ declare const dataTableId: string;
2
2
  declare const addDataTableCss: () => void;
3
+ declare const removeDataTableCss: () => void;
3
4
  declare const dataTableCss: string;
4
- export { addDataTableCss, dataTableCss };
5
+ export { dataTableId, addDataTableCss, removeDataTableCss, dataTableCss };
package/dist/data_table.js CHANGED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;max-width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
3
- export const addDataTableCss = () => addCssToHead(`${prefix}s-data_table`, cssText);
4
- export const dataTableCss = cssText;
1
+ import { addCssToHead, removeCssFromHead, 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)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;max-width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
3
+ const dataTableId = `${prefix}s-data_table`;
4
+ const addDataTableCss = () => addCssToHead(dataTableId, cssText);
5
+ const removeDataTableCss = () => removeCssFromHead(dataTableId);
6
+ const dataTableCss = cssText;
7
+ export { dataTableId, addDataTableCss, removeDataTableCss, dataTableCss };
package/dist/data_table.umd.cjs CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;max-width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
5
- const addDataTableCss = () => addCssToHead(`${prefix}s-data_table`, cssText);
3
+ const { addCssToHead, removeCssFromHead, 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)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--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)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;max-width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{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}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
5
+ const dataTableId = `${prefix}s-data_table`;
6
+ const addDataTableCss = () => addCssToHead(dataTableId, cssText);
7
+ const removeDataTableCss = () => removeCssFromHead(dataTableId);
8
+ const dataTableCss = cssText;
9
+ exports.dataTableId = dataTableId;
6
10
  exports.addDataTableCss = addDataTableCss;
7
- exports.dataTableCss = cssText;
11
+ exports.removeDataTableCss = removeDataTableCss;
12
+ exports.dataTableCss = dataTableCss;
package/dist/dialog.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- declare const cssText: string;
1
+ declare const dialogId: string;
2
2
  declare const addDialogCss: () => void;
3
+ declare const removeDialogCss: () => void;
3
4
  declare const dialogCss: string;
4
- export { addDialogCss, dialogCss };
5
+ export { dialogId, addDialogCss, removeDialogCss, dialogCss };
package/dist/dialog.js CHANGED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
2
  const cssText = ".pc_dialog{pointer-events:none;position:absolute;inset:var(--pt-dimension-0, 0px);width:100%;height:100%;align-items:center;overflow:hidden}.pc_dialog__wrapper{pointer-events:none;position:fixed;inset:var(--pt-dimension-0, 0px)}.pc_dialog[data-screen]{--ptc-dialog-default-max-h: 80vh;--ptc-dialog-default-min-h: 30px;--ptc-dialog-default-max-w: 90vw}.pc_dialog[data-screen]:not(.pc_grid__container){position:fixed;height:100vh;width:100vw}.pc_dialog[data-screen].pc_dialog--modal{--ptc-dialog-default-h: 30vh}.pc_dialog:not([data-screen]){--ptc-dialog-default-max-h: 80%;--ptc-dialog-default-min-h: 30px;--ptc-dialog-default-max-w: 90%}.pc_dialog:not([data-screen]).pc_dialog--modal{--ptc-dialog-default-h: 30%}.pc_dialog.pc_dialog--modal .pc_dialog__content{position:relative;border-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--modal:not(.pc_dialog--fullscreen) .pc_dialog__content{max-height:var(--ptc-dialog-max-h, var(--ptc-dialog-default-max-h));min-height:var(--ptc-dialog-min-h, var(--ptc-dialog-default-min-h));height:var(--ptc-dialog-h, var(--ptc-dialog-default-h))}.pc_dialog.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--custom .pc_dialog__content{width:var(--ptc-dialog-w);min-width:var(--ptc-dialog-min-w, 0);max-width:var(--ptc-dialog-max-w, var(--ptc-dialog-default-max-w))}.pc_dialog.pc_dialog--modal:not(.pc_dialog--fullscreen):not(.pc_dialog--custom) .pc_dialog__content{grid-column:var(--ptc-dialog-grid-start) / span var(--ptc-dialog-grid-span)}.pc_dialog.pc_dialog--modal.pc_dialog--custom{display:flex;justify-content:center}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--custom .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content{position:absolute}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--custom.pc_dialog--start .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--custom.pc_dialog--end .pc_dialog__content{top:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start .pc_dialog__content{border-start-end-radius:var(--pt-roundness-xlg, 12px);border-end-end-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start:not(.pc_dialog--custom) .pc_dialog__content{margin-inline-start:calc(var(--pt-dimension-800, 16px) * -1)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start.pc_dialog--custom .pc_dialog__content{inset-inline-start:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end .pc_dialog__content{border-end-start-radius:var(--pt-roundness-xlg, 12px);border-start-start-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end:not(.pc_dialog--custom) .pc_dialog__content{margin-inline-end:calc(var(--pt-dimension-800, 16px) * -1)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end.pc_dialog--custom .pc_dialog__content{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start:not(.pc_dialog--custom) .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end:not(.pc_dialog--custom) .pc_dialog__content{grid-column:var(--ptc-dialog-grid-start) / span var(--ptc-dialog-grid-span)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start.pc_dialog--custom .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end.pc_dialog--custom .pc_dialog__content{width:var(--ptc-dialog-w);min-width:var(--ptc-dialog-min-w, 0);max-width:var(--ptc-dialog-max-w, var(--ptc-dialog-default-max-w))}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end .pc_dialog__content{height:100%}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content{top:var(--pt-dimension-0, 0px);border-bottom-left-radius:var(--pt-roundness-xlg, 12px);border-bottom-right-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content .pc_dialog__swipe_trigger{bottom:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content{bottom:var(--pt-dimension-0, 0px);border-top-left-radius:var(--pt-roundness-xlg, 12px);border-top-right-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content .pc_dialog__swipe_trigger{top:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content{width:100%;max-height:var(--ptc-dialog-max-h, var(--ptc-dialog-default-max-h));min-height:var(--ptc-dialog-min-h, var(--ptc-dialog-default-min-h));height:var(--ptc-dialog-h, var(--ptc-dialog-default-h))}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content .pc_dialog__swipe_trigger,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content .pc_dialog__swipe_trigger{position:absolute;left:50%;box-sizing:content-box;width:64px;height:var(--pt-dimension-100, 2px);cursor:pointer;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));transform:translate(-50%);border:4px solid rgba(var(--pt-bg))}.pc_dialog.pc_dialog--drawer .pc_dialog__content:not(.pc_dialog__content--swiping){transition-property:transform,visibility,opacity;backface-visibility:hidden;will-change:transform,visibility,opacity;transition-duration:.25s;transition-timing-function:ease}.pc_dialog.pc_dialog--drawer .pc_dialog__content.pc_dialog__content--swiping{transform:translateY(calc(var(--ptc-dialog-swipe-transform, 0) * 1px))}.pc_dialog .pc_dialog__content{pointer-events:auto;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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);outline:0}.pc_dialog .pc_dialog__blanket{z-index:0}.pc_dialog.pc_dialog--fullscreen .pc_dialog__content{height:100%;width:100%;overflow:hidden;border-radius:0}.pc_dialog .pc_dialog__header{display:flex;flex-direction:column;gap:var(--pt-dimension-100, 2px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding-left:var(--pt-dimension-800, 16px);padding-right:var(--pt-dimension-800, 16px);padding-top:var(--pt-dimension-400, 8px)}.pc_dialog .pc_dialog__title_wrapper{height:var(--pt-size-md, 32px);display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-300, 6px)}.pc_dialog .pc_dialog__title{margin:var(--pt-dimension-0, 0px);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-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_dialog .pc_dialog__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_dialog .pc_dialog__actions{width:fit-content;display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_dialog .pc_dialog__body{flex:1 1 0%;overflow:auto}.pc_dialog .pc_dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-400, 8px);border-top-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-top-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));padding:var(--pt-dimension-800, 16px)}.pc_dialog.pc_dialog--frameless .pc_dialog__actions{position:absolute;inset-inline-end:var(--pt-dimension-800, 16px);top:var(--pt-dimension-800, 16px);z-index:1}.pc_dialog.pc_dialog--frameless .pc_dialog__body{padding:0}.pc_dialog:not(.pc_dialog--frameless) .pc_dialog__body{padding:var(--pt-dimension-800, 16px)}[dir=rtl]{--ptc-dialog-rtl-transform-ratio: -1}.pc_dialog--side-x-enter-active .pc_dialog__blanket,.pc_dialog--side-x-leave-active .pc_dialog__blanket{transition:opacity .25s ease}.pc_dialog--side-x-enter-from .pc_dialog__content,.pc_dialog--side-x-leave-to .pc_dialog__content{visibility:hidden;opacity:0;transform:translate(calc(var(--ptc-dialog-transform-ratio, 1) * var(--ptc-dialog-rtl-transform-ratio, 1) * var(--ptc-dialog-transform)))}.pc_dialog--side-x-enter-from .pc_dialog__blanket,.pc_dialog--side-x-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--side-x-enter-to .pc_dialog__content,.pc_dialog--side-x-leave-from .pc_dialog__content{visibility:visible;opacity:1;transform:translate(0)}.pc_dialog--side-x-enter-to .pc_dialog__blanket,.pc_dialog--side-x-leave-from .pc_dialog__blanket{opacity:1}.pc_dialog--side-y-enter-active .pc_dialog__blanket,.pc_dialog--side-y-leave-active .pc_dialog__blanket{transition:opacity .25s ease}.pc_dialog--side-y-enter-from .pc_dialog__content,.pc_dialog--side-y-leave-to .pc_dialog__content{visibility:hidden;opacity:0;transform:translateY(calc(var(--ptc-dialog-transform-ratio, 1) * var(--ptc-dialog-transform)))}.pc_dialog--side-y-enter-from .pc_dialog__blanket,.pc_dialog--side-y-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--side-y-enter-to .pc_dialog__content,.pc_dialog--side-y-leave-from .pc_dialog__content{visibility:visible;opacity:1;transform:translateY(calc(var(--ptc-dialog-swipe-transform, 0) * 1px))}.pc_dialog--side-y-enter-to .pc_dialog__blanket,.pc_dialog--side-y-leave-from .pc_dialog__blanket{opacity:1}.pc_dialog--fade-enter-active .pc_dialog__content,.pc_dialog--fade-leave-active .pc_dialog__content{transition-property:opacity,transform;backface-visibility:hidden;will-change:transform,opacity;transition-duration:.2s;transition-timing-function:ease-out}.pc_dialog--fade-enter-active .pc_dialog__blanket,.pc_dialog--fade-leave-active .pc_dialog__blanket{transition:opacity .2s ease-out}.pc_dialog--fade-enter-from .pc_dialog__content,.pc_dialog--fade-leave-to .pc_dialog__content{opacity:0;transform:translateY(calc(-1 * var(--ptc-dialog-transform)))}.pc_dialog--fade-enter-from .pc_dialog__blanket,.pc_dialog--fade-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--fade-enter-to .pc_dialog__content,.pc_dialog--fade-leave-from .pc_dialog__content{opacity:1;transform:translateY(0)}.pc_dialog--fade-enter-to .pc_dialog__blanket,.pc_dialog--fade-leave-from .pc_dialog__blanket{opacity:1}@media (max-width: 767px){.pc_dialog--as-drawer-in-mobile.pc_dialog,.pc_dialog--as-drawer-in-mobile>.pc_dialog{display:block;padding-inline-start:var(--pt-dimension-0, 0px);padding-inline-end:var(--pt-dimension-0, 0px)}.pc_dialog--as-drawer-in-mobile .pc_dialog__content{position:absolute!important;inset-inline-start:var(--pt-dimension-0, 0px)!important;bottom:var(--pt-dimension-0, 0px)!important;width:100%!important;max-width:100%!important;border-top-left-radius:var(--pt-roundness-xlg, 12px)!important;border-top-right-radius:var(--pt-roundness-xlg, 12px)!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;min-height:var(--ptc-dialog-mobile-drawer-min-h, var(--ptc-dialog-min-h, var(--ptc-dialog-default-min-h)))!important;height:var(--ptc-dialog-mobile-drawer-h, var(--ptc-dialog-h, var(--ptc-dialog-default-h)))!important;max-height:var(--ptc-dialog-mobile-drawer-max-h, var(--ptc-dialog-max-h, var(--ptc-dialog-default-max-h)))!important}.pc_dialog--as-drawer-in-mobile.pc_dialog--fullscreen{--ptc-dialog-transform-mobile-drawer: 20px}.pc_dialog--as-drawer-in-mobile:not(.pc_dialog--fullscreen){--ptc-dialog-transform-mobile-drawer: 100%}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-active .pc_dialog__content,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-active .pc_dialog__content{transition-property:transform,visibility,opacity!important;backface-visibility:hidden!important;will-change:transform,visibility,opacity!important;transition-duration:.25s!important;transition-timing-function:ease!important}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-active .pc_dialog__blanket,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-active .pc_dialog__blanket{transition:opacity .25s ease}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-from .pc_dialog__content,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-to .pc_dialog__content{visibility:hidden;opacity:0;transform:translateY(var(--ptc-dialog-transform-mobile-drawer))}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-from .pc_dialog__blanket,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-to .pc_dialog__content,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-from .pc_dialog__content{visibility:visible;opacity:1;transform:translateY(0)}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-to .pc_dialog__blanket,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-from .pc_dialog__blanket{opacity:1}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--sm,.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--md,.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--lg{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 4}.pc_dialog--drawer:not(.pc_dialog--fullscreen)[data-screen]{--ptc-dialog-default-h: 284px}.pc_dialog--drawer:not(.pc_dialog--fullscreen):not([data-screen]){--ptc-dialog-default-h: 40%}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--start,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--start,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 3}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--end,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--end,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--end{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 3}}@media (min-width: 768px) and (max-width: 1439px){.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--sm{--ptc-dialog-grid-start: 3;--ptc-dialog-grid-span: 4}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--md{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 6}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--lg{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 8}.pc_dialog--drawer:not(.pc_dialog--fullscreen)[data-screen]{--ptc-dialog-default-h: 540px}.pc_dialog--drawer:not(.pc_dialog--fullscreen):not([data-screen]){--ptc-dialog-default-h: 50%}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 4}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--end{--ptc-dialog-grid-start: 5;--ptc-dialog-grid-span: 4}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--end{--ptc-dialog-grid-start: 3;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 7}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--end{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 7}}@media (min-width: 1440px){.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--sm{--ptc-dialog-grid-start: 5;--ptc-dialog-grid-span: 4}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--md{--ptc-dialog-grid-start: 4;--ptc-dialog-grid-span: 6}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--lg{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 10}.pc_dialog--drawer:not(.pc_dialog--fullscreen)[data-screen]{--ptc-dialog-default-h: 540px}.pc_dialog--drawer:not(.pc_dialog--fullscreen):not([data-screen]){--ptc-dialog-default-h: 50%}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 3}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--end{--ptc-dialog-grid-start: 10;--ptc-dialog-grid-span: 3}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--end{--ptc-dialog-grid-start: 7;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 10}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--end{--ptc-dialog-grid-start: 3;--ptc-dialog-grid-span: 10}}\n";
3
- export const addDialogCss = () => addCssToHead(`${prefix}s-dialog`, cssText);
4
- export const dialogCss = cssText;
3
+ const dialogId = `${prefix}s-dialog`;
4
+ const addDialogCss = () => addCssToHead(dialogId, cssText);
5
+ const removeDialogCss = () => removeCssFromHead(dialogId);
6
+ const dialogCss = cssText;
7
+ export { dialogId, addDialogCss, removeDialogCss, dialogCss };
package/dist/dialog.umd.cjs CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
4
  const cssText = ".pc_dialog{pointer-events:none;position:absolute;inset:var(--pt-dimension-0, 0px);width:100%;height:100%;align-items:center;overflow:hidden}.pc_dialog__wrapper{pointer-events:none;position:fixed;inset:var(--pt-dimension-0, 0px)}.pc_dialog[data-screen]{--ptc-dialog-default-max-h: 80vh;--ptc-dialog-default-min-h: 30px;--ptc-dialog-default-max-w: 90vw}.pc_dialog[data-screen]:not(.pc_grid__container){position:fixed;height:100vh;width:100vw}.pc_dialog[data-screen].pc_dialog--modal{--ptc-dialog-default-h: 30vh}.pc_dialog:not([data-screen]){--ptc-dialog-default-max-h: 80%;--ptc-dialog-default-min-h: 30px;--ptc-dialog-default-max-w: 90%}.pc_dialog:not([data-screen]).pc_dialog--modal{--ptc-dialog-default-h: 30%}.pc_dialog.pc_dialog--modal .pc_dialog__content{position:relative;border-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--modal:not(.pc_dialog--fullscreen) .pc_dialog__content{max-height:var(--ptc-dialog-max-h, var(--ptc-dialog-default-max-h));min-height:var(--ptc-dialog-min-h, var(--ptc-dialog-default-min-h));height:var(--ptc-dialog-h, var(--ptc-dialog-default-h))}.pc_dialog.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--custom .pc_dialog__content{width:var(--ptc-dialog-w);min-width:var(--ptc-dialog-min-w, 0);max-width:var(--ptc-dialog-max-w, var(--ptc-dialog-default-max-w))}.pc_dialog.pc_dialog--modal:not(.pc_dialog--fullscreen):not(.pc_dialog--custom) .pc_dialog__content{grid-column:var(--ptc-dialog-grid-start) / span var(--ptc-dialog-grid-span)}.pc_dialog.pc_dialog--modal.pc_dialog--custom{display:flex;justify-content:center}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--custom .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content{position:absolute}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--custom.pc_dialog--start .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--custom.pc_dialog--end .pc_dialog__content{top:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start .pc_dialog__content{border-start-end-radius:var(--pt-roundness-xlg, 12px);border-end-end-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start:not(.pc_dialog--custom) .pc_dialog__content{margin-inline-start:calc(var(--pt-dimension-800, 16px) * -1)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start.pc_dialog--custom .pc_dialog__content{inset-inline-start:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end .pc_dialog__content{border-end-start-radius:var(--pt-roundness-xlg, 12px);border-start-start-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end:not(.pc_dialog--custom) .pc_dialog__content{margin-inline-end:calc(var(--pt-dimension-800, 16px) * -1)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end.pc_dialog--custom .pc_dialog__content{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start:not(.pc_dialog--custom) .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end:not(.pc_dialog--custom) .pc_dialog__content{grid-column:var(--ptc-dialog-grid-start) / span var(--ptc-dialog-grid-span)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start.pc_dialog--custom .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end.pc_dialog--custom .pc_dialog__content{width:var(--ptc-dialog-w);min-width:var(--ptc-dialog-min-w, 0);max-width:var(--ptc-dialog-max-w, var(--ptc-dialog-default-max-w))}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--start .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--end .pc_dialog__content{height:100%}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content{top:var(--pt-dimension-0, 0px);border-bottom-left-radius:var(--pt-roundness-xlg, 12px);border-bottom-right-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content .pc_dialog__swipe_trigger{bottom:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content{bottom:var(--pt-dimension-0, 0px);border-top-left-radius:var(--pt-roundness-xlg, 12px);border-top-right-radius:var(--pt-roundness-xlg, 12px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content .pc_dialog__swipe_trigger{top:var(--pt-dimension-0, 0px)}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content{width:100%;max-height:var(--ptc-dialog-max-h, var(--ptc-dialog-default-max-h));min-height:var(--ptc-dialog-min-h, var(--ptc-dialog-default-min-h));height:var(--ptc-dialog-h, var(--ptc-dialog-default-h))}.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--bottom .pc_dialog__content .pc_dialog__swipe_trigger,.pc_dialog.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--top .pc_dialog__content .pc_dialog__swipe_trigger{position:absolute;left:50%;box-sizing:content-box;width:64px;height:var(--pt-dimension-100, 2px);cursor:pointer;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity));transform:translate(-50%);border:4px solid rgba(var(--pt-bg))}.pc_dialog.pc_dialog--drawer .pc_dialog__content:not(.pc_dialog__content--swiping){transition-property:transform,visibility,opacity;backface-visibility:hidden;will-change:transform,visibility,opacity;transition-duration:.25s;transition-timing-function:ease}.pc_dialog.pc_dialog--drawer .pc_dialog__content.pc_dialog__content--swiping{transform:translateY(calc(var(--ptc-dialog-swipe-transform, 0) * 1px))}.pc_dialog .pc_dialog__content{pointer-events:auto;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),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);outline:0}.pc_dialog .pc_dialog__blanket{z-index:0}.pc_dialog.pc_dialog--fullscreen .pc_dialog__content{height:100%;width:100%;overflow:hidden;border-radius:0}.pc_dialog .pc_dialog__header{display:flex;flex-direction:column;gap:var(--pt-dimension-100, 2px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));padding-left:var(--pt-dimension-800, 16px);padding-right:var(--pt-dimension-800, 16px);padding-top:var(--pt-dimension-400, 8px)}.pc_dialog .pc_dialog__title_wrapper{height:var(--pt-size-md, 32px);display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-300, 6px)}.pc_dialog .pc_dialog__title{margin:var(--pt-dimension-0, 0px);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-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_dialog .pc_dialog__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_dialog .pc_dialog__actions{width:fit-content;display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_dialog .pc_dialog__body{flex:1 1 0%;overflow:auto}.pc_dialog .pc_dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-400, 8px);border-top-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-top-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity));padding:var(--pt-dimension-800, 16px)}.pc_dialog.pc_dialog--frameless .pc_dialog__actions{position:absolute;inset-inline-end:var(--pt-dimension-800, 16px);top:var(--pt-dimension-800, 16px);z-index:1}.pc_dialog.pc_dialog--frameless .pc_dialog__body{padding:0}.pc_dialog:not(.pc_dialog--frameless) .pc_dialog__body{padding:var(--pt-dimension-800, 16px)}[dir=rtl]{--ptc-dialog-rtl-transform-ratio: -1}.pc_dialog--side-x-enter-active .pc_dialog__blanket,.pc_dialog--side-x-leave-active .pc_dialog__blanket{transition:opacity .25s ease}.pc_dialog--side-x-enter-from .pc_dialog__content,.pc_dialog--side-x-leave-to .pc_dialog__content{visibility:hidden;opacity:0;transform:translate(calc(var(--ptc-dialog-transform-ratio, 1) * var(--ptc-dialog-rtl-transform-ratio, 1) * var(--ptc-dialog-transform)))}.pc_dialog--side-x-enter-from .pc_dialog__blanket,.pc_dialog--side-x-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--side-x-enter-to .pc_dialog__content,.pc_dialog--side-x-leave-from .pc_dialog__content{visibility:visible;opacity:1;transform:translate(0)}.pc_dialog--side-x-enter-to .pc_dialog__blanket,.pc_dialog--side-x-leave-from .pc_dialog__blanket{opacity:1}.pc_dialog--side-y-enter-active .pc_dialog__blanket,.pc_dialog--side-y-leave-active .pc_dialog__blanket{transition:opacity .25s ease}.pc_dialog--side-y-enter-from .pc_dialog__content,.pc_dialog--side-y-leave-to .pc_dialog__content{visibility:hidden;opacity:0;transform:translateY(calc(var(--ptc-dialog-transform-ratio, 1) * var(--ptc-dialog-transform)))}.pc_dialog--side-y-enter-from .pc_dialog__blanket,.pc_dialog--side-y-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--side-y-enter-to .pc_dialog__content,.pc_dialog--side-y-leave-from .pc_dialog__content{visibility:visible;opacity:1;transform:translateY(calc(var(--ptc-dialog-swipe-transform, 0) * 1px))}.pc_dialog--side-y-enter-to .pc_dialog__blanket,.pc_dialog--side-y-leave-from .pc_dialog__blanket{opacity:1}.pc_dialog--fade-enter-active .pc_dialog__content,.pc_dialog--fade-leave-active .pc_dialog__content{transition-property:opacity,transform;backface-visibility:hidden;will-change:transform,opacity;transition-duration:.2s;transition-timing-function:ease-out}.pc_dialog--fade-enter-active .pc_dialog__blanket,.pc_dialog--fade-leave-active .pc_dialog__blanket{transition:opacity .2s ease-out}.pc_dialog--fade-enter-from .pc_dialog__content,.pc_dialog--fade-leave-to .pc_dialog__content{opacity:0;transform:translateY(calc(-1 * var(--ptc-dialog-transform)))}.pc_dialog--fade-enter-from .pc_dialog__blanket,.pc_dialog--fade-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--fade-enter-to .pc_dialog__content,.pc_dialog--fade-leave-from .pc_dialog__content{opacity:1;transform:translateY(0)}.pc_dialog--fade-enter-to .pc_dialog__blanket,.pc_dialog--fade-leave-from .pc_dialog__blanket{opacity:1}@media (max-width: 767px){.pc_dialog--as-drawer-in-mobile.pc_dialog,.pc_dialog--as-drawer-in-mobile>.pc_dialog{display:block;padding-inline-start:var(--pt-dimension-0, 0px);padding-inline-end:var(--pt-dimension-0, 0px)}.pc_dialog--as-drawer-in-mobile .pc_dialog__content{position:absolute!important;inset-inline-start:var(--pt-dimension-0, 0px)!important;bottom:var(--pt-dimension-0, 0px)!important;width:100%!important;max-width:100%!important;border-top-left-radius:var(--pt-roundness-xlg, 12px)!important;border-top-right-radius:var(--pt-roundness-xlg, 12px)!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;min-height:var(--ptc-dialog-mobile-drawer-min-h, var(--ptc-dialog-min-h, var(--ptc-dialog-default-min-h)))!important;height:var(--ptc-dialog-mobile-drawer-h, var(--ptc-dialog-h, var(--ptc-dialog-default-h)))!important;max-height:var(--ptc-dialog-mobile-drawer-max-h, var(--ptc-dialog-max-h, var(--ptc-dialog-default-max-h)))!important}.pc_dialog--as-drawer-in-mobile.pc_dialog--fullscreen{--ptc-dialog-transform-mobile-drawer: 20px}.pc_dialog--as-drawer-in-mobile:not(.pc_dialog--fullscreen){--ptc-dialog-transform-mobile-drawer: 100%}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-active .pc_dialog__content,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-active .pc_dialog__content{transition-property:transform,visibility,opacity!important;backface-visibility:hidden!important;will-change:transform,visibility,opacity!important;transition-duration:.25s!important;transition-timing-function:ease!important}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-active .pc_dialog__blanket,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-active .pc_dialog__blanket{transition:opacity .25s ease}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-from .pc_dialog__content,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-to .pc_dialog__content{visibility:hidden;opacity:0;transform:translateY(var(--ptc-dialog-transform-mobile-drawer))}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-from .pc_dialog__blanket,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-to .pc_dialog__blanket{opacity:0}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-to .pc_dialog__content,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-from .pc_dialog__content{visibility:visible;opacity:1;transform:translateY(0)}.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-enter-to .pc_dialog__blanket,.pc_dialog--as-drawer-in-mobile.pc_dialog--fade-leave-from .pc_dialog__blanket{opacity:1}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--sm,.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--md,.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--lg{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 4}.pc_dialog--drawer:not(.pc_dialog--fullscreen)[data-screen]{--ptc-dialog-default-h: 284px}.pc_dialog--drawer:not(.pc_dialog--fullscreen):not([data-screen]){--ptc-dialog-default-h: 40%}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--start,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--start,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 3}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--end,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--end,.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--end{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 3}}@media (min-width: 768px) and (max-width: 1439px){.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--sm{--ptc-dialog-grid-start: 3;--ptc-dialog-grid-span: 4}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--md{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 6}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--lg{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 8}.pc_dialog--drawer:not(.pc_dialog--fullscreen)[data-screen]{--ptc-dialog-default-h: 540px}.pc_dialog--drawer:not(.pc_dialog--fullscreen):not([data-screen]){--ptc-dialog-default-h: 50%}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 4}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--end{--ptc-dialog-grid-start: 5;--ptc-dialog-grid-span: 4}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--end{--ptc-dialog-grid-start: 3;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 7}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--end{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 7}}@media (min-width: 1440px){.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--sm{--ptc-dialog-grid-start: 5;--ptc-dialog-grid-span: 4}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--md{--ptc-dialog-grid-start: 4;--ptc-dialog-grid-span: 6}.pc_dialog--modal:not(.pc_dialog--fullscreen).pc_dialog--lg{--ptc-dialog-grid-start: 2;--ptc-dialog-grid-span: 10}.pc_dialog--drawer:not(.pc_dialog--fullscreen)[data-screen]{--ptc-dialog-default-h: 540px}.pc_dialog--drawer:not(.pc_dialog--fullscreen):not([data-screen]){--ptc-dialog-default-h: 50%}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 3}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--sm.pc_dialog--end{--ptc-dialog-grid-start: 10;--ptc-dialog-grid-span: 3}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--md.pc_dialog--end{--ptc-dialog-grid-start: 7;--ptc-dialog-grid-span: 6}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--start{--ptc-dialog-grid-start: 1;--ptc-dialog-grid-span: 10}.pc_dialog--drawer:not(.pc_dialog--fullscreen).pc_dialog--lg.pc_dialog--end{--ptc-dialog-grid-start: 3;--ptc-dialog-grid-span: 10}}\n";
5
- const addDialogCss = () => addCssToHead(`${prefix}s-dialog`, cssText);
5
+ const dialogId = `${prefix}s-dialog`;
6
+ const addDialogCss = () => addCssToHead(dialogId, cssText);
7
+ const removeDialogCss = () => removeCssFromHead(dialogId);
8
+ const dialogCss = cssText;
9
+ exports.dialogId = dialogId;
6
10
  exports.addDialogCss = addDialogCss;
7
- exports.dialogCss = cssText;
11
+ exports.removeDialogCss = removeDialogCss;
12
+ exports.dialogCss = dialogCss;
package/dist/divider.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- declare const cssText: string;
1
+ declare const dividerId: string;
2
2
  declare const addDividerCss: () => void;
3
+ declare const removeDividerCss: () => void;
3
4
  declare const dividerCss: string;
4
- export { addDividerCss, dividerCss };
5
+ export { dividerId, addDividerCss, removeDividerCss, dividerCss };
package/dist/divider.js CHANGED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
2
  const cssText = ".pc_divider{display:flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-0, 0px)}.pc_divider.pc_divider--horizontal{width:100%;border-top-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pc_divider.pc_divider--vertical{min-height:100%;border-inline-start-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}\n";
3
- export const addDividerCss = () => addCssToHead(`${prefix}s-divider`, cssText);
4
- export const dividerCss = cssText;
3
+ const dividerId = `${prefix}s-divider`;
4
+ const addDividerCss = () => addCssToHead(dividerId, cssText);
5
+ const removeDividerCss = () => removeCssFromHead(dividerId);
6
+ const dividerCss = cssText;
7
+ export { dividerId, addDividerCss, removeDividerCss, dividerCss };
package/dist/divider.umd.cjs CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
4
  const cssText = ".pc_divider{display:flex;align-items:center;justify-content:center;border-width:var(--pt-stroke-0, 0px)}.pc_divider.pc_divider--horizontal{width:100%;border-top-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}.pc_divider.pc_divider--vertical{min-height:100%;border-inline-start-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid}\n";
5
- const addDividerCss = () => addCssToHead(`${prefix}s-divider`, cssText);
5
+ const dividerId = `${prefix}s-divider`;
6
+ const addDividerCss = () => addCssToHead(dividerId, cssText);
7
+ const removeDividerCss = () => removeCssFromHead(dividerId);
8
+ const dividerCss = cssText;
9
+ exports.dividerId = dividerId;
6
10
  exports.addDividerCss = addDividerCss;
7
- exports.dividerCss = cssText;
11
+ exports.removeDividerCss = removeDividerCss;
12
+ exports.dividerCss = dividerCss;
package/dist/drop_zone.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- declare const cssText: string;
1
+ declare const dropZoneId: string;
2
2
  declare const addDropZoneCss: () => void;
3
+ declare const removeDropZoneCss: () => void;
3
4
  declare const dropZoneCss: string;
4
- export { addDropZoneCss, dropZoneCss };
5
+ export { dropZoneId, addDropZoneCss, removeDropZoneCss, dropZoneCss };
package/dist/drop_zone.js CHANGED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
2
  const cssText = ".pc_drop_zone{box-sizing:border-box;display:flex;flex-direction:column;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_drop_zone.pc_drop_zone--sm{--ptc-drop-zone-gap: var(--pt-dimension-200);--ptc-drop-zone-p: var(--pt-dimension-1200);border-radius:var(--pt-roundness-sm, 4px)}.pc_drop_zone.pc_drop_zone--sm .pc_drop_zone__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_drop_zone.pc_drop_zone--sm .pc_drop_zone__description{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_drop_zone.pc_drop_zone--md{--ptc-drop-zone-gap: var(--pt-dimension-300);--ptc-drop-zone-p: var(--pt-dimension-1600);border-radius:var(--pt-roundness-md, 6px)}.pc_drop_zone.pc_drop_zone--md .pc_drop_zone__title{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_drop_zone.pc_drop_zone--md .pc_drop_zone__description{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_drop_zone.pc_drop_zone--lg{--ptc-drop-zone-gap: var(--pt-dimension-400);--ptc-drop-zone-p: var(--pt-dimension-2400);border-radius:var(--pt-roundness-lg, 8px)}.pc_drop_zone.pc_drop_zone--lg .pc_drop_zone__title{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_drop_zone.pc_drop_zone--lg .pc_drop_zone__description{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_drop_zone:not(.pc_drop_zone--overlay){gap:var(--ptc-drop-zone-gap);padding:var(--ptc-drop-zone-p);border-width:1px;border-style:solid;border-style:dashed}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]){cursor:pointer}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):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_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):not(.pc_drop_zone--active):not(:hover):not(:active){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):not(.pc_drop_zone--active):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):not(.pc_drop_zone--active):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--active{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--default .pc_drop_zone__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--default .pc_drop_zone__icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--default .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--placeholder .pc_drop_zone__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--placeholder .pc_drop_zone__icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--placeholder .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true]{cursor:not-allowed;--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br-subtle),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill-subtle),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true] .pc_drop_zone__title{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true] .pc_drop_zone__icon{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true] .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone.pc_drop_zone--overlay{position:absolute;inset:var(--pt-dimension-0, 0px);height:100%;width:100%;overflow:hidden}.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__content{box-sizing:border-box;display:flex;flex-direction:column;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;z-index:1;width:100%;height:100%;justify-content:center;gap:var(--ptc-drop-zone-gap);padding:var(--ptc-drop-zone-p)}.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__title,.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__icon,.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}\n";
3
- export const addDropZoneCss = () => addCssToHead(`${prefix}s-drop_zone`, cssText);
4
- export const dropZoneCss = cssText;
3
+ const dropZoneId = `${prefix}s-drop_zone`;
4
+ const addDropZoneCss = () => addCssToHead(dropZoneId, cssText);
5
+ const removeDropZoneCss = () => removeCssFromHead(dropZoneId);
6
+ const dropZoneCss = cssText;
7
+ export { dropZoneId, addDropZoneCss, removeDropZoneCss, dropZoneCss };
package/dist/drop_zone.umd.cjs CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
4
  const cssText = ".pc_drop_zone{box-sizing:border-box;display:flex;flex-direction:column;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0}.pc_drop_zone.pc_drop_zone--sm{--ptc-drop-zone-gap: var(--pt-dimension-200);--ptc-drop-zone-p: var(--pt-dimension-1200);border-radius:var(--pt-roundness-sm, 4px)}.pc_drop_zone.pc_drop_zone--sm .pc_drop_zone__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_drop_zone.pc_drop_zone--sm .pc_drop_zone__description{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_drop_zone.pc_drop_zone--md{--ptc-drop-zone-gap: var(--pt-dimension-300);--ptc-drop-zone-p: var(--pt-dimension-1600);border-radius:var(--pt-roundness-md, 6px)}.pc_drop_zone.pc_drop_zone--md .pc_drop_zone__title{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_drop_zone.pc_drop_zone--md .pc_drop_zone__description{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_drop_zone.pc_drop_zone--lg{--ptc-drop-zone-gap: var(--pt-dimension-400);--ptc-drop-zone-p: var(--pt-dimension-2400);border-radius:var(--pt-roundness-lg, 8px)}.pc_drop_zone.pc_drop_zone--lg .pc_drop_zone__title{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_drop_zone.pc_drop_zone--lg .pc_drop_zone__description{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_drop_zone:not(.pc_drop_zone--overlay){gap:var(--ptc-drop-zone-gap);padding:var(--ptc-drop-zone-p);border-width:1px;border-style:solid;border-style:dashed}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]){cursor:pointer}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):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_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):not(.pc_drop_zone--active):not(:hover):not(:active){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):not(.pc_drop_zone--active):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]):not(.pc_drop_zone--active):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-trigger),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--active{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--default .pc_drop_zone__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--default .pc_drop_zone__icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--default .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--placeholder .pc_drop_zone__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--placeholder .pc_drop_zone__icon{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay):not([disabled=true]).pc_drop_zone--placeholder .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true]{cursor:not-allowed;--ptu-border-opacity:1;border-color:rgba(var(--pt-disable-br-subtle),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill-subtle),var(--ptu-bg-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true] .pc_drop_zone__title{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true] .pc_drop_zone__icon{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_drop_zone:not(.pc_drop_zone--overlay)[disabled=true] .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg-subtle),var(--ptu-text-opacity))}.pc_drop_zone.pc_drop_zone--overlay{position:absolute;inset:var(--pt-dimension-0, 0px);height:100%;width:100%;overflow:hidden}.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__content{box-sizing:border-box;display:flex;flex-direction:column;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;z-index:1;width:100%;height:100%;justify-content:center;gap:var(--ptc-drop-zone-gap);padding:var(--ptc-drop-zone-p)}.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__title,.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__icon,.pc_drop_zone.pc_drop_zone--overlay .pc_drop_zone__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}\n";
5
- const addDropZoneCss = () => addCssToHead(`${prefix}s-drop_zone`, cssText);
5
+ const dropZoneId = `${prefix}s-drop_zone`;
6
+ const addDropZoneCss = () => addCssToHead(dropZoneId, cssText);
7
+ const removeDropZoneCss = () => removeCssFromHead(dropZoneId);
8
+ const dropZoneCss = cssText;
9
+ exports.dropZoneId = dropZoneId;
6
10
  exports.addDropZoneCss = addDropZoneCss;
7
- exports.dropZoneCss = cssText;
11
+ exports.removeDropZoneCss = removeDropZoneCss;
12
+ exports.dropZoneCss = dropZoneCss;
package/dist/empty.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- declare const cssText: string;
1
+ declare const emptyId: string;
2
2
  declare const addEmptyCss: () => void;
3
+ declare const removeEmptyCss: () => void;
3
4
  declare const emptyCss: string;
4
- export { addEmptyCss, emptyCss };
5
+ export { emptyId, addEmptyCss, removeEmptyCss, emptyCss };
package/dist/empty.js CHANGED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
2
  const cssText = ".pc_empty{display:flex;flex-direction:column;align-items:center;text-align:center}.pc_empty.pc_empty--simple{gap:var(--pt-dimension-300, 6px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_empty.pc_empty--simple .pc_empty__title{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_empty.pc_empty--simple .pc_empty__image{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px)}.pc_empty.pc_empty--advance{gap:var(--pt-dimension-200, 4px)}.pc_empty.pc_empty--advance .pc_empty__image{width:108px;min-width:108px;max-width:108px;height:88px;min-height:88px;max-height:88px}.pc_empty.pc_empty--advance .pc_empty__content{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px)}.pc_empty.pc_empty--advance .pc_empty__content .pc_empty__text{display:flex;flex-direction:column;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_empty.pc_empty--advance .pc_empty__content .pc_empty__text .pc_empty__title{--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}.pc_empty.pc_empty--advance .pc_empty__content .pc_empty__text .pc_empty__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_empty.pc_empty--advance .pc_empty__content .pc_empty__actions{width:100%;display:flex;justify-content:center;gap:var(--pt-dimension-300, 6px)}\n";
3
- export const addEmptyCss = () => addCssToHead(`${prefix}s-empty`, cssText);
4
- export const emptyCss = cssText;
3
+ const emptyId = `${prefix}s-empty`;
4
+ const addEmptyCss = () => addCssToHead(emptyId, cssText);
5
+ const removeEmptyCss = () => removeCssFromHead(emptyId);
6
+ const emptyCss = cssText;
7
+ export { emptyId, addEmptyCss, removeEmptyCss, emptyCss };
package/dist/empty.umd.cjs CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
4
  const cssText = ".pc_empty{display:flex;flex-direction:column;align-items:center;text-align:center}.pc_empty.pc_empty--simple{gap:var(--pt-dimension-300, 6px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_empty.pc_empty--simple .pc_empty__title{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_empty.pc_empty--simple .pc_empty__image{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px)}.pc_empty.pc_empty--advance{gap:var(--pt-dimension-200, 4px)}.pc_empty.pc_empty--advance .pc_empty__image{width:108px;min-width:108px;max-width:108px;height:88px;min-height:88px;max-height:88px}.pc_empty.pc_empty--advance .pc_empty__content{display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px)}.pc_empty.pc_empty--advance .pc_empty__content .pc_empty__text{display:flex;flex-direction:column;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_empty.pc_empty--advance .pc_empty__content .pc_empty__text .pc_empty__title{--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}.pc_empty.pc_empty--advance .pc_empty__content .pc_empty__text .pc_empty__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_empty.pc_empty--advance .pc_empty__content .pc_empty__actions{width:100%;display:flex;justify-content:center;gap:var(--pt-dimension-300, 6px)}\n";
5
- const addEmptyCss = () => addCssToHead(`${prefix}s-empty`, cssText);
5
+ const emptyId = `${prefix}s-empty`;
6
+ const addEmptyCss = () => addCssToHead(emptyId, cssText);
7
+ const removeEmptyCss = () => removeCssFromHead(emptyId);
8
+ const emptyCss = cssText;
9
+ exports.emptyId = emptyId;
6
10
  exports.addEmptyCss = addEmptyCss;
7
- exports.emptyCss = cssText;
11
+ exports.removeEmptyCss = removeEmptyCss;
12
+ exports.emptyCss = emptyCss;
package/dist/form_item.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare const formItemId: string;
2
+ declare const addFormItemCss: () => void;
3
+ declare const removeFormItemCss: () => void;
4
+ declare const formItemCss: string;
5
+ export { formItemId, addFormItemCss, removeFormItemCss, formItemCss };
package/dist/{form.js → form_item.js} RENAMED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
2
  const cssText = ".pc_form__item{display:flex;flex-direction:column}.pc_form__item.pc_form__item--sm,.pc_form__item.pc_form__item--sm .pc_form__item__explanation{gap:var(--pt-dimension-200, 4px)}.pc_form__item.pc_form__item--md,.pc_form__item.pc_form__item--md .pc_form__item__explanation{gap:var(--pt-dimension-300, 6px)}.pc_form__item.pc_form__item--lg,.pc_form__item.pc_form__item--lg .pc_form__item__explanation{gap:var(--pt-dimension-400, 8px)}.pc_form__item .pc_form__item__caption{--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}\n";
3
- export const addFormCss = () => addCssToHead(`${prefix}s-form`, cssText);
4
- export const formCss = cssText;
3
+ const formItemId = `${prefix}s-form_item`;
4
+ const addFormItemCss = () => addCssToHead(formItemId, cssText);
5
+ const removeFormItemCss = () => removeCssFromHead(formItemId);
6
+ const formItemCss = cssText;
7
+ export { formItemId, addFormItemCss, removeFormItemCss, formItemCss };
package/dist/{form.umd.cjs → form_item.umd.cjs} RENAMED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
4
  const cssText = ".pc_form__item{display:flex;flex-direction:column}.pc_form__item.pc_form__item--sm,.pc_form__item.pc_form__item--sm .pc_form__item__explanation{gap:var(--pt-dimension-200, 4px)}.pc_form__item.pc_form__item--md,.pc_form__item.pc_form__item--md .pc_form__item__explanation{gap:var(--pt-dimension-300, 6px)}.pc_form__item.pc_form__item--lg,.pc_form__item.pc_form__item--lg .pc_form__item__explanation{gap:var(--pt-dimension-400, 8px)}.pc_form__item .pc_form__item__caption{--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}\n";
5
- const addFormCss = () => addCssToHead(`${prefix}s-form`, cssText);
6
- exports.addFormCss = addFormCss;
7
- exports.formCss = cssText;
5
+ const formItemId = `${prefix}s-form_item`;
6
+ const addFormItemCss = () => addCssToHead(formItemId, cssText);
7
+ const removeFormItemCss = () => removeCssFromHead(formItemId);
8
+ const formItemCss = cssText;
9
+ exports.formItemId = formItemId;
10
+ exports.addFormItemCss = addFormItemCss;
11
+ exports.removeFormItemCss = removeFormItemCss;
12
+ exports.formItemCss = formItemCss;
package/dist/form_validation.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- declare const cssText: string;
1
+ declare const formValidationId: string;
2
2
  declare const addFormValidationCss: () => void;
3
+ declare const removeFormValidationCss: () => void;
3
4
  declare const formValidationCss: string;
4
- export { addFormValidationCss, formValidationCss };
5
+ export { formValidationId, addFormValidationCss, removeFormValidationCss, formValidationCss };
package/dist/form_validation.js CHANGED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
2
  const cssText = ".pc_form_validation{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);padding-inline-start:var(--pt-dimension-100, 2px);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;color:var(--ptc-form-validation-color)}.pc_form_validation.pc_form_validation--error{--ptc-form-validation-color: rgba(var(--pt-danger-fg))}.pc_form_validation.pc_form_validation--success{--ptc-form-validation-color: rgba(var(--pt-success-fg))}.pc_form_validation.pc_form_validation--warning{--ptc-form-validation-color: rgba(var(--pt-warning-fg))}\n";
3
- export const addFormValidationCss = () => addCssToHead(`${prefix}s-form_validation`, cssText);
4
- export const formValidationCss = cssText;
3
+ const formValidationId = `${prefix}s-form_validation`;
4
+ const addFormValidationCss = () => addCssToHead(formValidationId, cssText);
5
+ const removeFormValidationCss = () => removeCssFromHead(formValidationId);
6
+ const formValidationCss = cssText;
7
+ export { formValidationId, addFormValidationCss, removeFormValidationCss, formValidationCss };
package/dist/form_validation.umd.cjs CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- const { addCssToHead, prefix } = require("@pantograph/tokens");
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
4
  const cssText = ".pc_form_validation{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);padding-inline-start:var(--pt-dimension-100, 2px);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;color:var(--ptc-form-validation-color)}.pc_form_validation.pc_form_validation--error{--ptc-form-validation-color: rgba(var(--pt-danger-fg))}.pc_form_validation.pc_form_validation--success{--ptc-form-validation-color: rgba(var(--pt-success-fg))}.pc_form_validation.pc_form_validation--warning{--ptc-form-validation-color: rgba(var(--pt-warning-fg))}\n";
5
- const addFormValidationCss = () => addCssToHead(`${prefix}s-form_validation`, cssText);
5
+ const formValidationId = `${prefix}s-form_validation`;
6
+ const addFormValidationCss = () => addCssToHead(formValidationId, cssText);
7
+ const removeFormValidationCss = () => removeCssFromHead(formValidationId);
8
+ const formValidationCss = cssText;
9
+ exports.formValidationId = formValidationId;
6
10
  exports.addFormValidationCss = addFormValidationCss;
7
- exports.formValidationCss = cssText;
11
+ exports.removeFormValidationCss = removeFormValidationCss;
12
+ exports.formValidationCss = formValidationCss;
package/dist/go_picker.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- declare const cssText: string;
1
+ declare const goPickerId: string;
2
2
  declare const addGoPickerCss: () => void;
3
+ declare const removeGoPickerCss: () => void;
3
4
  declare const goPickerCss: string;
4
- export { addGoPickerCss, goPickerCss };
5
+ export { goPickerId, addGoPickerCss, removeGoPickerCss, goPickerCss };
package/dist/go_picker.js CHANGED
@@ -1,4 +1,7 @@
1
- import { addCssToHead, prefix } from "@pantograph/tokens";
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
2
  const cssText = ".pc_go_picker__trigger_emoji{font-size:var(--pt-size-3xsm, 14px);line-height:1}.pc_go_picker__emoji{font-size:var(--pt-size-xsm, 20px);line-height:1}.pc_go_picker__color_swatch_loading{width:var(--pt-dimension-1600, 32px)!important;height:var(--pt-dimension-1600, 32px)!important}.pc_go_picker__content{width:381px;min-width:381px;max-width:381px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.pc_go_picker__content .pc_go_picker__header{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_go_picker__content .pc_go_picker__header .pc_go_picker__group{display:flex;align-items:center;justify-content:space-between}.pc_go_picker__content .pc_go_picker__header .pc_go_picker__search{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pc_go_picker__content .pc_go_picker__scroll_container{max-height:184px}.pc_go_picker__content .pc_go_picker__empty{height:184px;min-height:184px;max-height:184px;justify-content:center}.pc_go_picker__content .pc_go_picker__grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--pt-dimension-300, 6px);padding:2px}.pc_go_picker__colors{display:flex;flex-direction:column;gap:var(--pt-dimension-600, 12px)}\n";
3
- export const addGoPickerCss = () => addCssToHead(`${prefix}s-go_picker`, cssText);
4
- export const goPickerCss = cssText;
3
+ const goPickerId = `${prefix}s-go_picker`;
4
+ const addGoPickerCss = () => addCssToHead(goPickerId, cssText);
5
+ const removeGoPickerCss = () => removeCssFromHead(goPickerId);
6
+ const goPickerCss = cssText;
7
+ export { goPickerId, addGoPickerCss, removeGoPickerCss, goPickerCss };