@pantograph/styles 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/dist/accordion.css +1 -0
  2. package/dist/accordion.d.ts +4 -0
  3. package/dist/accordion.js +4 -0
  4. package/dist/accordion.umd.cjs +7 -0
  5. package/dist/alert.css +1 -0
  6. package/dist/alert.d.ts +4 -0
  7. package/dist/alert.js +4 -0
  8. package/dist/alert.umd.cjs +7 -0
  9. package/dist/alert_dialog.css +1 -0
  10. package/dist/alert_dialog.d.ts +4 -0
  11. package/dist/alert_dialog.js +4 -0
  12. package/dist/alert_dialog.umd.cjs +7 -0
  13. package/dist/avatar.css +1 -0
  14. package/dist/avatar.d.ts +4 -0
  15. package/dist/avatar.js +4 -0
  16. package/dist/avatar.umd.cjs +7 -0
  17. package/dist/badge.css +1 -0
  18. package/dist/badge.d.ts +4 -0
  19. package/dist/badge.js +4 -0
  20. package/dist/badge.umd.cjs +7 -0
  21. package/dist/blanket.css +1 -0
  22. package/dist/blanket.d.ts +4 -0
  23. package/dist/blanket.js +4 -0
  24. package/dist/blanket.umd.cjs +7 -0
  25. package/dist/breadcrumb.css +1 -0
  26. package/dist/breadcrumb.d.ts +4 -0
  27. package/dist/breadcrumb.js +4 -0
  28. package/dist/breadcrumb.umd.cjs +7 -0
  29. package/dist/button.css +1 -0
  30. package/dist/button.d.ts +4 -0
  31. package/dist/button.js +4 -0
  32. package/dist/button.umd.cjs +7 -0
  33. package/dist/card.css +1 -0
  34. package/dist/card.d.ts +4 -0
  35. package/dist/card.js +4 -0
  36. package/dist/card.umd.cjs +7 -0
  37. package/dist/checkbox.css +1 -0
  38. package/dist/checkbox.d.ts +4 -0
  39. package/dist/checkbox.js +4 -0
  40. package/dist/checkbox.umd.cjs +7 -0
  41. package/dist/chip.css +1 -0
  42. package/dist/chip.d.ts +4 -0
  43. package/dist/chip.js +4 -0
  44. package/dist/chip.umd.cjs +7 -0
  45. package/dist/chip_group.css +1 -0
  46. package/dist/chip_group.d.ts +4 -0
  47. package/dist/chip_group.js +4 -0
  48. package/dist/chip_group.umd.cjs +7 -0
  49. package/dist/color_picker.css +1 -0
  50. package/dist/color_picker.d.ts +4 -0
  51. package/dist/color_picker.js +4 -0
  52. package/dist/color_picker.umd.cjs +7 -0
  53. package/dist/color_swatch.css +1 -0
  54. package/dist/color_swatch.d.ts +4 -0
  55. package/dist/color_swatch.js +4 -0
  56. package/dist/color_swatch.umd.cjs +7 -0
  57. package/dist/color_swatch_group.css +1 -0
  58. package/dist/color_swatch_group.d.ts +4 -0
  59. package/dist/color_swatch_group.js +4 -0
  60. package/dist/color_swatch_group.umd.cjs +7 -0
  61. package/dist/color_trigger.css +1 -0
  62. package/dist/color_trigger.d.ts +4 -0
  63. package/dist/color_trigger.js +4 -0
  64. package/dist/color_trigger.umd.cjs +7 -0
  65. package/dist/combobox.css +1 -0
  66. package/dist/combobox.d.ts +4 -0
  67. package/dist/combobox.js +4 -0
  68. package/dist/combobox.umd.cjs +7 -0
  69. package/dist/comment.css +1 -0
  70. package/dist/comment.d.ts +4 -0
  71. package/dist/comment.js +4 -0
  72. package/dist/comment.umd.cjs +7 -0
  73. package/dist/data_table.css +1 -0
  74. package/dist/data_table.d.ts +4 -0
  75. package/dist/data_table.js +4 -0
  76. package/dist/data_table.umd.cjs +7 -0
  77. package/dist/dialog.css +1 -0
  78. package/dist/dialog.d.ts +4 -0
  79. package/dist/dialog.js +4 -0
  80. package/dist/dialog.umd.cjs +7 -0
  81. package/dist/divider.css +1 -0
  82. package/dist/divider.d.ts +4 -0
  83. package/dist/divider.js +4 -0
  84. package/dist/divider.umd.cjs +7 -0
  85. package/dist/drop_zone.css +1 -0
  86. package/dist/drop_zone.d.ts +4 -0
  87. package/dist/drop_zone.js +4 -0
  88. package/dist/drop_zone.umd.cjs +7 -0
  89. package/dist/empty.css +1 -0
  90. package/dist/empty.d.ts +4 -0
  91. package/dist/empty.js +4 -0
  92. package/dist/empty.umd.cjs +7 -0
  93. package/dist/form.css +1 -0
  94. package/dist/form.d.ts +4 -0
  95. package/dist/form.js +4 -0
  96. package/dist/form.umd.cjs +7 -0
  97. package/dist/form_validation.css +1 -0
  98. package/dist/form_validation.d.ts +4 -0
  99. package/dist/form_validation.js +4 -0
  100. package/dist/form_validation.umd.cjs +7 -0
  101. package/dist/go_group.css +1 -0
  102. package/dist/go_group.d.ts +4 -0
  103. package/dist/go_group.js +4 -0
  104. package/dist/go_group.umd.cjs +7 -0
  105. package/dist/go_picker.css +1 -0
  106. package/dist/go_picker.d.ts +4 -0
  107. package/dist/go_picker.js +4 -0
  108. package/dist/go_picker.umd.cjs +7 -0
  109. package/dist/hover_card.css +1 -0
  110. package/dist/hover_card.d.ts +4 -0
  111. package/dist/hover_card.js +4 -0
  112. package/dist/hover_card.umd.cjs +7 -0
  113. package/dist/icon.css +1 -0
  114. package/dist/icon.d.ts +4 -0
  115. package/dist/icon.js +4 -0
  116. package/dist/icon.umd.cjs +7 -0
  117. package/dist/image.css +1 -0
  118. package/dist/image.d.ts +4 -0
  119. package/dist/image.js +4 -0
  120. package/dist/image.umd.cjs +7 -0
  121. package/dist/indent_level.css +1 -0
  122. package/dist/indent_level.d.ts +4 -0
  123. package/dist/indent_level.js +4 -0
  124. package/dist/indent_level.umd.cjs +7 -0
  125. package/dist/index.css +1 -0
  126. package/dist/index.d.ts +66 -0
  127. package/dist/index.js +66 -0
  128. package/dist/index.umd.cjs +193 -0
  129. package/dist/input.css +1 -0
  130. package/dist/input.d.ts +4 -0
  131. package/dist/input.js +4 -0
  132. package/dist/input.umd.cjs +7 -0
  133. package/dist/kbd.css +1 -0
  134. package/dist/kbd.d.ts +4 -0
  135. package/dist/kbd.js +4 -0
  136. package/dist/kbd.umd.cjs +7 -0
  137. package/dist/label.css +1 -0
  138. package/dist/label.d.ts +4 -0
  139. package/dist/label.js +4 -0
  140. package/dist/label.umd.cjs +7 -0
  141. package/dist/link.css +1 -0
  142. package/dist/link.d.ts +4 -0
  143. package/dist/link.js +4 -0
  144. package/dist/link.umd.cjs +7 -0
  145. package/dist/menu.css +1 -0
  146. package/dist/menu.d.ts +4 -0
  147. package/dist/menu.js +4 -0
  148. package/dist/menu.umd.cjs +7 -0
  149. package/dist/menu_item.css +1 -0
  150. package/dist/menu_item.d.ts +4 -0
  151. package/dist/menu_item.js +4 -0
  152. package/dist/menu_item.umd.cjs +7 -0
  153. package/dist/page_indicator.css +1 -0
  154. package/dist/page_indicator.d.ts +4 -0
  155. package/dist/page_indicator.js +4 -0
  156. package/dist/page_indicator.umd.cjs +7 -0
  157. package/dist/pagination.css +1 -0
  158. package/dist/pagination.d.ts +4 -0
  159. package/dist/pagination.js +4 -0
  160. package/dist/pagination.umd.cjs +7 -0
  161. package/dist/popover.css +1 -0
  162. package/dist/popover.d.ts +4 -0
  163. package/dist/popover.js +4 -0
  164. package/dist/popover.umd.cjs +7 -0
  165. package/dist/progress.css +1 -0
  166. package/dist/progress.d.ts +4 -0
  167. package/dist/progress.js +4 -0
  168. package/dist/progress.umd.cjs +7 -0
  169. package/dist/radio.css +1 -0
  170. package/dist/radio.d.ts +4 -0
  171. package/dist/radio.js +4 -0
  172. package/dist/radio.umd.cjs +7 -0
  173. package/dist/scroll_container.css +1 -0
  174. package/dist/scroll_container.d.ts +4 -0
  175. package/dist/scroll_container.js +4 -0
  176. package/dist/scroll_container.umd.cjs +7 -0
  177. package/dist/segmented.css +1 -0
  178. package/dist/segmented.d.ts +4 -0
  179. package/dist/segmented.js +4 -0
  180. package/dist/segmented.umd.cjs +7 -0
  181. package/dist/select.css +1 -0
  182. package/dist/select.d.ts +4 -0
  183. package/dist/select.js +4 -0
  184. package/dist/select.umd.cjs +7 -0
  185. package/dist/shortcut.css +1 -0
  186. package/dist/shortcut.d.ts +4 -0
  187. package/dist/shortcut.js +4 -0
  188. package/dist/shortcut.umd.cjs +7 -0
  189. package/dist/skeleton.css +1 -0
  190. package/dist/skeleton.d.ts +4 -0
  191. package/dist/skeleton.js +4 -0
  192. package/dist/skeleton.umd.cjs +7 -0
  193. package/dist/sortPlaceholder.css +1 -0
  194. package/dist/sortPlaceholder.d.ts +4 -0
  195. package/dist/sortPlaceholder.js +4 -0
  196. package/dist/sortPlaceholder.umd.cjs +7 -0
  197. package/dist/spinner.css +1 -0
  198. package/dist/spinner.d.ts +4 -0
  199. package/dist/spinner.js +4 -0
  200. package/dist/spinner.umd.cjs +7 -0
  201. package/dist/steps.css +1 -0
  202. package/dist/steps.d.ts +4 -0
  203. package/dist/steps.js +4 -0
  204. package/dist/steps.umd.cjs +7 -0
  205. package/dist/switch.css +1 -0
  206. package/dist/switch.d.ts +4 -0
  207. package/dist/switch.js +4 -0
  208. package/dist/switch.umd.cjs +7 -0
  209. package/dist/table.css +1 -0
  210. package/dist/table.d.ts +4 -0
  211. package/dist/table.js +4 -0
  212. package/dist/table.umd.cjs +7 -0
  213. package/dist/tabs.css +1 -0
  214. package/dist/tabs.d.ts +4 -0
  215. package/dist/tabs.js +4 -0
  216. package/dist/tabs.umd.cjs +7 -0
  217. package/dist/tbody.css +1 -0
  218. package/dist/tbody.d.ts +4 -0
  219. package/dist/tbody.js +4 -0
  220. package/dist/tbody.umd.cjs +7 -0
  221. package/dist/tcell.css +1 -0
  222. package/dist/tcell.d.ts +4 -0
  223. package/dist/tcell.js +4 -0
  224. package/dist/tcell.umd.cjs +7 -0
  225. package/dist/textarea.css +1 -0
  226. package/dist/textarea.d.ts +4 -0
  227. package/dist/textarea.js +4 -0
  228. package/dist/textarea.umd.cjs +7 -0
  229. package/dist/tfoot.css +1 -0
  230. package/dist/tfoot.d.ts +4 -0
  231. package/dist/tfoot.js +4 -0
  232. package/dist/tfoot.umd.cjs +7 -0
  233. package/dist/thead.css +1 -0
  234. package/dist/thead.d.ts +4 -0
  235. package/dist/thead.js +4 -0
  236. package/dist/thead.umd.cjs +7 -0
  237. package/dist/toast.css +1 -0
  238. package/dist/toast.d.ts +4 -0
  239. package/dist/toast.js +4 -0
  240. package/dist/toast.umd.cjs +7 -0
  241. package/dist/tr.css +1 -0
  242. package/dist/tr.d.ts +4 -0
  243. package/dist/tr.js +4 -0
  244. package/dist/tr.umd.cjs +7 -0
  245. package/dist/tree.css +1 -0
  246. package/dist/tree.d.ts +4 -0
  247. package/dist/tree.js +4 -0
  248. package/dist/tree.umd.cjs +7 -0
  249. package/dist/upload.css +1 -0
  250. package/dist/upload.d.ts +4 -0
  251. package/dist/upload.js +4 -0
  252. package/dist/upload.umd.cjs +7 -0
  253. package/package.json +39 -0
package/dist/chip.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_chip{box-sizing:border-box;display:inline-flex;align-items:center;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;gap:var(--ptc-chip-gap);position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;border-width:1px;border-style:solid}.pc_chip.pc_chip--xsm{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pc_chip.pc_chip--sm{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_chip.pc_chip--xsm,.pc_chip.pc_chip--sm{--ptc-chip-gap: var(--pt-dimension-100);border-radius:var(--pt-roundness-sm, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_chip.pc_chip--xsm .pc_chip__text,.pc_chip.pc_chip--sm .pc_chip__text{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);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_chip.pc_chip--md,.pc_chip:not(.pc_chip--sm):not(.pc_chip--xsm){--ptc-chip-gap: var(--pt-dimension-200);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding-left:var(--pt-dimension-300, 6px);padding-right:var(--pt-dimension-300, 6px)}.pc_chip.pc_chip--md .pc_chip__text,.pc_chip:not(.pc_chip--sm):not(.pc_chip--xsm) .pc_chip__text{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);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_chip .pc_chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_chip .pc_chip__actions{display:inline-flex;align-items:center;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;gap:var(--ptc-chip-gap)}.pc_chip.pc_chip--overlay-actions{min-width:var(--pt-dimension-2000, 40px)}.pc_chip.pc_chip--overlay-actions .pc_chip__actions{position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);height:100%;--ptu-translate-x:100%;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_chip.pc_chip--overlay-actions.pc_chip--xsm .pc_chip__actions{padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_chip.pc_chip--overlay-actions.pc_chip--sm .pc_chip__actions{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_chip.pc_chip--overlay-actions.pc_chip--md .pc_chip__actions{padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_chip.pc_chip--overlay-actions:hover .pc_chip__actions{--ptu-translate-x:var(--pt-dimension-0, 0px);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));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_chip .pc_chip__close_icon{cursor:pointer}.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon:not(:hover):not(:active),.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon.pc_chip--readonly{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon:not(.pc_chip--readonly):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon:not(.pc_chip--readonly):active{--ptu-text-opacity:1;color:rgba(var(--pt-fg-trigger),var(--ptu-text-opacity))}.pc_chip.pc_chip--selected:not(.pc_chip--yellow){--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(:hover):not(:active),.pc_chip.pc_chip--default.pc_chip--readonly{--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),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--default.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):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-target),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):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-trigger),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--gray:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--gray:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-4),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-3),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-8),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-3),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected{--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg-subtle),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--gray.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--gray.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--yellow:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-yellow-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--yellow:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-yellow-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-yellow-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fg-subtle),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--yellow.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--yellow.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--red:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-red-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--red:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-red-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-red-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--red.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--red.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--orange:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-orange-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--orange:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-orange-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-orange-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--orange.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--orange.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--blue:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-blue-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--blue:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-blue-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-blue-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--blue.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--blue.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--lime:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-lime-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--lime:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-lime-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-lime-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--lime.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--lime.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--green:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-green-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--green:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-green-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-green-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--green.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--green.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--cyan:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-cyan-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--cyan:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-cyan-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-cyan-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--cyan.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--cyan.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--sky:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-sky-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--sky:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-sky-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-sky-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--sky.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--sky.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--violet:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-violet-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--violet:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-violet-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-violet-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--violet.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--violet.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--pink:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-pink-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--pink:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-pink-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-pink-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--pink.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--pink.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--teal:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-teal-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--teal:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-teal-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-teal-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--teal.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--teal.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--amber:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amber-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amber:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amber-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amber-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--amber.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amber.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fuchsia-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fuchsia-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fuchsia-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--fuchsia.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--fuchsia.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--amethyst:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amethyst-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amethyst:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amethyst-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amethyst-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--amethyst.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amethyst.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--mallard:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-mallard-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--mallard:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-mallard-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-mallard-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--mallard.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--mallard.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--ocean:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-ocean-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--ocean:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-ocean-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-ocean-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--ocean.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--ocean.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--primary:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--primary:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--primary.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--primary.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity))}\n";
3
+ export const addChipCss = () => addCssToHead(`${prefix}s-chip`, cssText);
4
+ export const chipCss = cssText;
package/dist/chip.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_chip{box-sizing:border-box;display:inline-flex;align-items:center;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;gap:var(--ptc-chip-gap);position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;border-width:1px;border-style:solid}.pc_chip.pc_chip--xsm{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pc_chip.pc_chip--sm{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_chip.pc_chip--xsm,.pc_chip.pc_chip--sm{--ptc-chip-gap: var(--pt-dimension-100);border-radius:var(--pt-roundness-sm, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_chip.pc_chip--xsm .pc_chip__text,.pc_chip.pc_chip--sm .pc_chip__text{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);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_chip.pc_chip--md,.pc_chip:not(.pc_chip--sm):not(.pc_chip--xsm){--ptc-chip-gap: var(--pt-dimension-200);height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding-left:var(--pt-dimension-300, 6px);padding-right:var(--pt-dimension-300, 6px)}.pc_chip.pc_chip--md .pc_chip__text,.pc_chip:not(.pc_chip--sm):not(.pc_chip--xsm) .pc_chip__text{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);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_chip .pc_chip__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_chip .pc_chip__actions{display:inline-flex;align-items:center;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;gap:var(--ptc-chip-gap)}.pc_chip.pc_chip--overlay-actions{min-width:var(--pt-dimension-2000, 40px)}.pc_chip.pc_chip--overlay-actions .pc_chip__actions{position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);height:100%;--ptu-translate-x:100%;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_chip.pc_chip--overlay-actions.pc_chip--xsm .pc_chip__actions{padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_chip.pc_chip--overlay-actions.pc_chip--sm .pc_chip__actions{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_chip.pc_chip--overlay-actions.pc_chip--md .pc_chip__actions{padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_chip.pc_chip--overlay-actions:hover .pc_chip__actions{--ptu-translate-x:var(--pt-dimension-0, 0px);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));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_chip .pc_chip__close_icon{cursor:pointer}.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon:not(:hover):not(:active),.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon.pc_chip--readonly{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon:not(.pc_chip--readonly):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_chip:not(.pc_chip--selected) .pc_chip__close_icon:not(.pc_chip--readonly):active{--ptu-text-opacity:1;color:rgba(var(--pt-fg-trigger),var(--ptu-text-opacity))}.pc_chip.pc_chip--selected:not(.pc_chip--yellow){--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg-subtle-trigger),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(:hover):not(:active),.pc_chip.pc_chip--default.pc_chip--readonly{--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),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--default.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):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-target),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):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-trigger),var(--ptu-text-opacity))}.pc_chip.pc_chip--default:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-trigger),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--gray:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--gray:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-4),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-3),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-8),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-3),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected{--ptu-text-opacity:1;color:rgba(var(--pt-gray-fg-subtle),var(--ptu-text-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--gray.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--gray.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--gray.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--yellow:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-yellow-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--yellow:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-yellow-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-yellow-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fg-subtle),var(--ptu-text-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--yellow.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--yellow.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-yellow-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--yellow.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-yellow-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--red:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-red-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--red:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-red-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-red-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--red:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--red.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--red.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-red-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--red.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-red-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--orange:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-orange-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--orange:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-orange-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-orange-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--orange:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--orange.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--orange.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--orange.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-orange-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--blue:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-blue-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--blue:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-blue-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-blue-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--blue:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--blue.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--blue.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--blue.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-blue-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--lime:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-lime-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--lime:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-lime-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-lime-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--lime:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--lime.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--lime.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--lime.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-lime-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--green:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-green-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--green:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-green-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-green-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--green:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--green.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--green.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-green-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--green.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-green-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--cyan:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-cyan-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--cyan:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-cyan-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-cyan-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--cyan:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--cyan.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--cyan.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--cyan.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-cyan-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--sky:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-sky-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--sky:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-sky-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-sky-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--sky:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--sky.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--sky.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--sky.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-sky-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--violet:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-violet-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--violet:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-violet-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-violet-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--violet:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--violet.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--violet.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--violet.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-violet-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--pink:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-pink-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--pink:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-pink-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-pink-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--pink:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--pink.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--pink.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--pink.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-pink-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--teal:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-teal-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--teal:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-teal-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-teal-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--teal:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--teal.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--teal.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--teal.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-teal-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--amber:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amber-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amber:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amber-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amber-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--amber:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--amber.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amber.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amber.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amber-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fuchsia-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fuchsia-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fuchsia-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--fuchsia:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--fuchsia.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--fuchsia.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--fuchsia.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-fuchsia-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--amethyst:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amethyst-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amethyst:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amethyst-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-amethyst-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--amethyst:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--amethyst.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--amethyst.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--amethyst.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-amethyst-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--mallard:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-mallard-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--mallard:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-mallard-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-mallard-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--mallard:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--mallard.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--mallard.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--mallard.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-mallard-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--ocean:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-ocean-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--ocean:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-ocean-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-ocean-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--ocean:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--ocean.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--ocean.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--ocean.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-ocean-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(:hover):not(:active),.pc_chip.pc_chip--primary:not(.pc_chip--selected).pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-1),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--primary:not(.pc_chip--selected).pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-0),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-6),var(--ptu-text-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-3),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-7),var(--ptu-text-opacity))}.pc_chip.pc_chip--primary:not(.pc_chip--selected):not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-2),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(:hover):not(:active),.pc_chip.pc_chip--primary.pc_chip--selected.pc_chip--readonly{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-5),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(:hover):not(:active) .pc_chip__actions,.pc_chip.pc_chip--primary.pc_chip--selected.pc_chip--readonly .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-6),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):hover .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-6),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-7),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity))}.pc_chip.pc_chip--primary.pc_chip--selected:not(.pc_chip--readonly):active .pc_chip__actions{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-7),var(--ptu-bg-opacity))}\n";
5
+ const addChipCss = () => addCssToHead(`${prefix}s-chip`, cssText);
6
+ exports.addChipCss = addChipCss;
7
+ exports.chipCss = cssText;
package/dist/chip_group.css ADDED
@@ -0,0 +1 @@
1
+ .pc_chip_group{display:flex}.pc_chip_group:not(.pc_chip_group--no-wrap){flex-wrap:wrap}.pc_chip_group .pc_chip_group__truncate{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-style:solid}.pc_chip_group .pc_chip_group__truncate:not(:hover){--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br-subtle),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-primary-fg),var(--ptu-text-opacity))}.pc_chip_group .pc_chip_group__truncate:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-6),var(--ptu-text-opacity))}.pc_chip_group.pc_chip_group--sm .pc_chip_group__truncate,.pc_chip_group.pc_chip_group--xsm .pc_chip_group__truncate{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_chip_group.pc_chip_group--xsm{gap:var(--pt-dimension-100, 2px)}.pc_chip_group.pc_chip_group--xsm .pc_chip_group__truncate{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);padding-left:var(--pt-dimension-050, 1px);padding-right:var(--pt-dimension-050, 1px)}.pc_chip_group.pc_chip_group--sm{gap:var(--pt-dimension-200, 4px)}.pc_chip_group.pc_chip_group--sm .pc_chip_group__truncate{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_chip_group.pc_chip_group--md{gap:var(--pt-dimension-300, 6px)}.pc_chip_group.pc_chip_group--md .pc_chip_group__truncate{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);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}
package/dist/chip_group.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addChipGroupCss: () => void;
3
+ declare const chipGroupCss: string;
4
+ export { addChipGroupCss, chipGroupCss };
package/dist/chip_group.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_chip_group{display:flex}.pc_chip_group:not(.pc_chip_group--no-wrap){flex-wrap:wrap}.pc_chip_group .pc_chip_group__truncate{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-style:solid}.pc_chip_group .pc_chip_group__truncate:not(:hover){--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br-subtle),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-primary-fg),var(--ptu-text-opacity))}.pc_chip_group .pc_chip_group__truncate:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-6),var(--ptu-text-opacity))}.pc_chip_group.pc_chip_group--sm .pc_chip_group__truncate,.pc_chip_group.pc_chip_group--xsm .pc_chip_group__truncate{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_chip_group.pc_chip_group--xsm{gap:var(--pt-dimension-100, 2px)}.pc_chip_group.pc_chip_group--xsm .pc_chip_group__truncate{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);padding-left:var(--pt-dimension-050, 1px);padding-right:var(--pt-dimension-050, 1px)}.pc_chip_group.pc_chip_group--sm{gap:var(--pt-dimension-200, 4px)}.pc_chip_group.pc_chip_group--sm .pc_chip_group__truncate{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_chip_group.pc_chip_group--md{gap:var(--pt-dimension-300, 6px)}.pc_chip_group.pc_chip_group--md .pc_chip_group__truncate{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);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}\n";
3
+ export const addChipGroupCss = () => addCssToHead(`${prefix}s-chip_group`, cssText);
4
+ export const chipGroupCss = cssText;
package/dist/chip_group.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_chip_group{display:flex}.pc_chip_group:not(.pc_chip_group--no-wrap){flex-wrap:wrap}.pc_chip_group .pc_chip_group__truncate{box-sizing:border-box;display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;border-style:solid}.pc_chip_group .pc_chip_group__truncate:not(:hover){--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-br-subtle),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-primary-fg),var(--ptu-text-opacity))}.pc_chip_group .pc_chip_group__truncate:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-2),var(--ptu-border-opacity));--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-6),var(--ptu-text-opacity))}.pc_chip_group.pc_chip_group--sm .pc_chip_group__truncate,.pc_chip_group.pc_chip_group--xsm .pc_chip_group__truncate{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_chip_group.pc_chip_group--xsm{gap:var(--pt-dimension-100, 2px)}.pc_chip_group.pc_chip_group--xsm .pc_chip_group__truncate{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);padding-left:var(--pt-dimension-050, 1px);padding-right:var(--pt-dimension-050, 1px)}.pc_chip_group.pc_chip_group--sm{gap:var(--pt-dimension-200, 4px)}.pc_chip_group.pc_chip_group--sm .pc_chip_group__truncate{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_chip_group.pc_chip_group--md{gap:var(--pt-dimension-300, 6px)}.pc_chip_group.pc_chip_group--md .pc_chip_group__truncate{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px);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}\n";
5
+ const addChipGroupCss = () => addCssToHead(`${prefix}s-chip_group`, cssText);
6
+ exports.addChipGroupCss = addChipGroupCss;
7
+ exports.chipGroupCss = cssText;
package/dist/color_picker.css ADDED
@@ -0,0 +1 @@
1
+ .pc_color_picker{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);width:220px;min-width:220px;max-width:220px}.pc_color_picker *,.pc_color_picker *:before,.pc_color_picker *:after{box-sizing:border-box}.pc_color_picker button::-moz-focus-inner{border:none;padding:0}.pc_color_picker .pc_color_picker__space{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px);width:220px;min-width:220px;max-width:220px;height:120px;min-height:120px;max-height:120px}.pc_color_picker .pc_color_picker__thumb{box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;padding:var(--pt-dimension-0, 0px);--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0;margin-left:calc(-1 * calc(var(--pt-dimension-700) / 2));margin-bottom:calc(-1 * calc(var(--pt-dimension-700) / 2))}.pc_color_picker .pc_color_picker__sliders{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_color_picker .pc_color_picker__slider{-webkit-appearance:none;margin:var(--pt-dimension-0, 0px);display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider:focus{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-moz-range-track{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-webkit-slider-runnable-track{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-ms-track{outline:0}.pc_color_picker .pc_color_picker__slider::-webkit-slider-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0;-webkit-appearance:none}.pc_color_picker .pc_color_picker__slider::-moz-range-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_color_picker .pc_color_picker__slider::-ms-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_color_picker .pc_color_picker__slider::-moz-focus-outer{border:none}.pc_color_picker .pc_color_picker__slider::-moz-range-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider::-webkit-slider-runnable-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider::-ms-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-webkit-slider-runnable-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-moz-range-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-ms-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha{background-color:transparent;background-size:var(--pt-dimension-700);background-position:0 0,calc(var(--pt-dimension-700) / 2) calc(var(--pt-dimension-700) / 2);background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__inputs{width:100%;height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);display:flex;gap:var(--pt-dimension-200, 4px)}
package/dist/color_picker.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addColorPickerCss: () => void;
3
+ declare const colorPickerCss: string;
4
+ export { addColorPickerCss, colorPickerCss };
package/dist/color_picker.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_color_picker{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);width:220px;min-width:220px;max-width:220px}.pc_color_picker *,.pc_color_picker *:before,.pc_color_picker *:after{box-sizing:border-box}.pc_color_picker button::-moz-focus-inner{border:none;padding:0}.pc_color_picker .pc_color_picker__space{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px);width:220px;min-width:220px;max-width:220px;height:120px;min-height:120px;max-height:120px}.pc_color_picker .pc_color_picker__thumb{box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;padding:var(--pt-dimension-0, 0px);--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0;margin-left:calc(-1 * calc(var(--pt-dimension-700) / 2));margin-bottom:calc(-1 * calc(var(--pt-dimension-700) / 2))}.pc_color_picker .pc_color_picker__sliders{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_color_picker .pc_color_picker__slider{-webkit-appearance:none;margin:var(--pt-dimension-0, 0px);display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider:focus{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-moz-range-track{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-webkit-slider-runnable-track{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-ms-track{outline:0}.pc_color_picker .pc_color_picker__slider::-webkit-slider-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0;-webkit-appearance:none}.pc_color_picker .pc_color_picker__slider::-moz-range-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_color_picker .pc_color_picker__slider::-ms-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_color_picker .pc_color_picker__slider::-moz-focus-outer{border:none}.pc_color_picker .pc_color_picker__slider::-moz-range-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider::-webkit-slider-runnable-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider::-ms-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-webkit-slider-runnable-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-moz-range-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-ms-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha{background-color:transparent;background-size:var(--pt-dimension-700);background-position:0 0,calc(var(--pt-dimension-700) / 2) calc(var(--pt-dimension-700) / 2);background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__inputs{width:100%;height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);display:flex;gap:var(--pt-dimension-200, 4px)}\n";
3
+ export const addColorPickerCss = () => addCssToHead(`${prefix}s-color_picker`, cssText);
4
+ export const colorPickerCss = cssText;
package/dist/color_picker.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_color_picker{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--pt-dimension-400, 8px);width:220px;min-width:220px;max-width:220px}.pc_color_picker *,.pc_color_picker *:before,.pc_color_picker *:after{box-sizing:border-box}.pc_color_picker button::-moz-focus-inner{border:none;padding:0}.pc_color_picker .pc_color_picker__space{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px);width:220px;min-width:220px;max-width:220px;height:120px;min-height:120px;max-height:120px}.pc_color_picker .pc_color_picker__thumb{box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;padding:var(--pt-dimension-0, 0px);--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0;margin-left:calc(-1 * calc(var(--pt-dimension-700) / 2));margin-bottom:calc(-1 * calc(var(--pt-dimension-700) / 2))}.pc_color_picker .pc_color_picker__sliders{display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_color_picker .pc_color_picker__slider{-webkit-appearance:none;margin:var(--pt-dimension-0, 0px);display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider:focus{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-moz-range-track{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-webkit-slider-runnable-track{outline:0}.pc_color_picker .pc_color_picker__slider:focus::-ms-track{outline:0}.pc_color_picker .pc_color_picker__slider::-webkit-slider-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0;-webkit-appearance:none}.pc_color_picker .pc_color_picker__slider::-moz-range-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_color_picker .pc_color_picker__slider::-ms-thumb{isolation:isolate;box-sizing:border-box;width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);border-width:2px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-full, 88px);border-style:solid;background-color:transparent;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2),0 var(--pt-dimension-200) var(--pt-dimension-400) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);outline:0}.pc_color_picker .pc_color_picker__slider::-moz-focus-outer{border:none}.pc_color_picker .pc_color_picker__slider::-moz-range-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider::-webkit-slider-runnable-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider::-ms-track{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:block;width:100%;height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);overflow:hidden;border-radius:var(--pt-roundness-full, 88px);border-style:none;background-image:none;padding:var(--pt-dimension-0, 0px);outline:0}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-webkit-slider-runnable-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-moz-range-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--hue::-ms-track{background-image:linear-gradient(to right,#fb0101,#fbc100,#13f414,#0629f6,#e700d1,#fb0000)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha{background-color:transparent;background-size:var(--pt-dimension-700);background-position:0 0,calc(var(--pt-dimension-700) / 2) calc(var(--pt-dimension-700) / 2);background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%,#eee)}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-webkit-slider-runnable-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-moz-range-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__slider.pc_color_picker__slider--alpha::-ms-track{background-image:linear-gradient(to right,transparent,var(--ptc-color-picker-color))}.pc_color_picker .pc_color_picker__inputs{width:100%;height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);display:flex;gap:var(--pt-dimension-200, 4px)}\n";
5
+ const addColorPickerCss = () => addCssToHead(`${prefix}s-color_picker`, cssText);
6
+ exports.addColorPickerCss = addColorPickerCss;
7
+ exports.colorPickerCss = cssText;
package/dist/color_swatch.css ADDED
@@ -0,0 +1 @@
1
+ .pc_color_swatch{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;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_color_swatch:not([disabled=true]){cursor:pointer}.pc_color_swatch[disabled=true]{cursor:not-allowed}.pc_color_swatch.pc_color_swatch--md{width:var(--pt-size-md, 32px);height:var(--pt-size-md, 32px);min-width:var(--pt-size-md, 32px);max-width: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_color_swatch.pc_color_swatch--md.pc_color_swatch--color:before{border-radius:var(--pt-roundness-md, 6px)}.pc_color_swatch.pc_color_swatch--md.pc_color_swatch--remover{padding:var(--pt-dimension-300, 6px)}.pc_color_swatch.pc_color_swatch--sm{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);border-radius:var(--pt-roundness-sm, 4px)}.pc_color_swatch.pc_color_swatch--sm.pc_color_swatch--color:before{border-radius:var(--pt-roundness-sm, 4px)}.pc_color_swatch.pc_color_swatch--sm.pc_color_swatch--remover{padding:var(--pt-dimension-300, 6px)}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:before{content:""}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:hover{--ptc-color-swatch-br: rgba(var(--pt-primary-6))}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:active{--ptc-color-swatch-br: rgba(var(--pt-primary-7))}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:not(:hover):not(:active){--ptc-color-swatch-br: rgba(var(--pt-primary-5))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):hover{--ptc-color-swatch-br: rgba(var(--pt-gray-3))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):active{--ptc-color-swatch-br: rgba(var(--pt-gray-4))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):active:before,.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):hover:before{content:""}.pc_color_swatch.pc_color_swatch--color:before{position:absolute;inset-inline-start:calc(var(--pt-dimension-100, 2px) * -1);top:calc(var(--pt-dimension-100, 2px) * -1);box-sizing:border-box;border-width:1px;border-style:solid;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;--ptc-color-swatch-size: calc(100% + var(--pt-dimension-200));width:var(--ptc-color-swatch-size);min-width:var(--ptc-color-swatch-size);max-width:var(--ptc-color-swatch-size);height:var(--ptc-color-swatch-size);min-height:var(--ptc-color-swatch-size);max-height:var(--ptc-color-swatch-size);border-color:var(--ptc-color-swatch-br)}.pc_color_swatch.pc_color_swatch--remover{border-width:1px;border-style:solid;color:var(--ptc-color-swatch-svg);border-color:var(--ptc-color-swatch-br)}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:not(:hover):not(:active){--ptc-color-swatch-br: rgba(var(--pt-primary-5))}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:hover{--ptc-color-swatch-br: rgba(var(--pt-primary-6))}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:active{--ptc-color-swatch-br: rgba(var(--pt-primary-7))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not(:hover):not(:active),.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected)[disabled=true]{--ptc-color-swatch-br: rgba(var(--pt-gray-2))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not([disabled=true]):hover{--ptc-color-swatch-br: rgba(var(--pt-gray-3))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not([disabled=true]):active{--ptc-color-swatch-br: rgba(var(--pt-gray-4))}.pc_color_swatch.pc_color_swatch--remover:not(:hover):not(:active){--ptc-color-swatch-svg: rgba(var(--pt-red-5))}.pc_color_swatch.pc_color_swatch--remover:hover{--ptc-color-swatch-svg: rgba(var(--pt-red-6))}.pc_color_swatch.pc_color_swatch--remover:active{--ptc-color-swatch-svg: rgba(var(--pt-red-7))}
package/dist/color_swatch.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addColorSwatchCss: () => void;
3
+ declare const colorSwatchCss: string;
4
+ export { addColorSwatchCss, colorSwatchCss };
package/dist/color_swatch.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_color_swatch{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;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_color_swatch:not([disabled=true]){cursor:pointer}.pc_color_swatch[disabled=true]{cursor:not-allowed}.pc_color_swatch.pc_color_swatch--md{width:var(--pt-size-md, 32px);height:var(--pt-size-md, 32px);min-width:var(--pt-size-md, 32px);max-width: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_color_swatch.pc_color_swatch--md.pc_color_swatch--color:before{border-radius:var(--pt-roundness-md, 6px)}.pc_color_swatch.pc_color_swatch--md.pc_color_swatch--remover{padding:var(--pt-dimension-300, 6px)}.pc_color_swatch.pc_color_swatch--sm{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);border-radius:var(--pt-roundness-sm, 4px)}.pc_color_swatch.pc_color_swatch--sm.pc_color_swatch--color:before{border-radius:var(--pt-roundness-sm, 4px)}.pc_color_swatch.pc_color_swatch--sm.pc_color_swatch--remover{padding:var(--pt-dimension-300, 6px)}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:before{content:\"\"}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:hover{--ptc-color-swatch-br: rgba(var(--pt-primary-6))}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:active{--ptc-color-swatch-br: rgba(var(--pt-primary-7))}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:not(:hover):not(:active){--ptc-color-swatch-br: rgba(var(--pt-primary-5))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):hover{--ptc-color-swatch-br: rgba(var(--pt-gray-3))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):active{--ptc-color-swatch-br: rgba(var(--pt-gray-4))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):active:before,.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):hover:before{content:\"\"}.pc_color_swatch.pc_color_swatch--color:before{position:absolute;inset-inline-start:calc(var(--pt-dimension-100, 2px) * -1);top:calc(var(--pt-dimension-100, 2px) * -1);box-sizing:border-box;border-width:1px;border-style:solid;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;--ptc-color-swatch-size: calc(100% + var(--pt-dimension-200));width:var(--ptc-color-swatch-size);min-width:var(--ptc-color-swatch-size);max-width:var(--ptc-color-swatch-size);height:var(--ptc-color-swatch-size);min-height:var(--ptc-color-swatch-size);max-height:var(--ptc-color-swatch-size);border-color:var(--ptc-color-swatch-br)}.pc_color_swatch.pc_color_swatch--remover{border-width:1px;border-style:solid;color:var(--ptc-color-swatch-svg);border-color:var(--ptc-color-swatch-br)}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:not(:hover):not(:active){--ptc-color-swatch-br: rgba(var(--pt-primary-5))}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:hover{--ptc-color-swatch-br: rgba(var(--pt-primary-6))}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:active{--ptc-color-swatch-br: rgba(var(--pt-primary-7))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not(:hover):not(:active),.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected)[disabled=true]{--ptc-color-swatch-br: rgba(var(--pt-gray-2))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not([disabled=true]):hover{--ptc-color-swatch-br: rgba(var(--pt-gray-3))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not([disabled=true]):active{--ptc-color-swatch-br: rgba(var(--pt-gray-4))}.pc_color_swatch.pc_color_swatch--remover:not(:hover):not(:active){--ptc-color-swatch-svg: rgba(var(--pt-red-5))}.pc_color_swatch.pc_color_swatch--remover:hover{--ptc-color-swatch-svg: rgba(var(--pt-red-6))}.pc_color_swatch.pc_color_swatch--remover:active{--ptc-color-swatch-svg: rgba(var(--pt-red-7))}\n";
3
+ export const addColorSwatchCss = () => addCssToHead(`${prefix}s-color_swatch`, cssText);
4
+ export const colorSwatchCss = cssText;
package/dist/color_swatch.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_color_swatch{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;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_color_swatch:not([disabled=true]){cursor:pointer}.pc_color_swatch[disabled=true]{cursor:not-allowed}.pc_color_swatch.pc_color_swatch--md{width:var(--pt-size-md, 32px);height:var(--pt-size-md, 32px);min-width:var(--pt-size-md, 32px);max-width: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_color_swatch.pc_color_swatch--md.pc_color_swatch--color:before{border-radius:var(--pt-roundness-md, 6px)}.pc_color_swatch.pc_color_swatch--md.pc_color_swatch--remover{padding:var(--pt-dimension-300, 6px)}.pc_color_swatch.pc_color_swatch--sm{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);border-radius:var(--pt-roundness-sm, 4px)}.pc_color_swatch.pc_color_swatch--sm.pc_color_swatch--color:before{border-radius:var(--pt-roundness-sm, 4px)}.pc_color_swatch.pc_color_swatch--sm.pc_color_swatch--remover{padding:var(--pt-dimension-300, 6px)}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:before{content:\"\"}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:hover{--ptc-color-swatch-br: rgba(var(--pt-primary-6))}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:active{--ptc-color-swatch-br: rgba(var(--pt-primary-7))}.pc_color_swatch.pc_color_swatch--color.pc_color_swatch--selected:not(:hover):not(:active){--ptc-color-swatch-br: rgba(var(--pt-primary-5))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):hover{--ptc-color-swatch-br: rgba(var(--pt-gray-3))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):active{--ptc-color-swatch-br: rgba(var(--pt-gray-4))}.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):active:before,.pc_color_swatch.pc_color_swatch--color:not(.pc_color_swatch--selected):not([disabled=true]):hover:before{content:\"\"}.pc_color_swatch.pc_color_swatch--color:before{position:absolute;inset-inline-start:calc(var(--pt-dimension-100, 2px) * -1);top:calc(var(--pt-dimension-100, 2px) * -1);box-sizing:border-box;border-width:1px;border-style:solid;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;--ptc-color-swatch-size: calc(100% + var(--pt-dimension-200));width:var(--ptc-color-swatch-size);min-width:var(--ptc-color-swatch-size);max-width:var(--ptc-color-swatch-size);height:var(--ptc-color-swatch-size);min-height:var(--ptc-color-swatch-size);max-height:var(--ptc-color-swatch-size);border-color:var(--ptc-color-swatch-br)}.pc_color_swatch.pc_color_swatch--remover{border-width:1px;border-style:solid;color:var(--ptc-color-swatch-svg);border-color:var(--ptc-color-swatch-br)}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:not(:hover):not(:active){--ptc-color-swatch-br: rgba(var(--pt-primary-5))}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:hover{--ptc-color-swatch-br: rgba(var(--pt-primary-6))}.pc_color_swatch.pc_color_swatch--remover.pc_color_swatch--selected:active{--ptc-color-swatch-br: rgba(var(--pt-primary-7))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not(:hover):not(:active),.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected)[disabled=true]{--ptc-color-swatch-br: rgba(var(--pt-gray-2))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not([disabled=true]):hover{--ptc-color-swatch-br: rgba(var(--pt-gray-3))}.pc_color_swatch.pc_color_swatch--remover:not(.pc_color_swatch--selected):not([disabled=true]):active{--ptc-color-swatch-br: rgba(var(--pt-gray-4))}.pc_color_swatch.pc_color_swatch--remover:not(:hover):not(:active){--ptc-color-swatch-svg: rgba(var(--pt-red-5))}.pc_color_swatch.pc_color_swatch--remover:hover{--ptc-color-swatch-svg: rgba(var(--pt-red-6))}.pc_color_swatch.pc_color_swatch--remover:active{--ptc-color-swatch-svg: rgba(var(--pt-red-7))}\n";
5
+ const addColorSwatchCss = () => addCssToHead(`${prefix}s-color_swatch`, cssText);
6
+ exports.addColorSwatchCss = addColorSwatchCss;
7
+ exports.colorSwatchCss = cssText;
package/dist/color_swatch_group.css ADDED
@@ -0,0 +1 @@
1
+ .pc_color_swatch_group{width:fit-content;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_color_swatch_group .pc_color_swatch_group__header{--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity))}.pc_color_swatch_group.pc_color_swatch_group--md .pc_color_swatch_group__colors{gap:var(--pt-dimension-300, 6px)}.pc_color_swatch_group.pc_color_swatch_group--md .pc_color_swatch_group__header{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_color_swatch_group.pc_color_swatch_group--sm .pc_color_swatch_group__colors{gap:var(--pt-dimension-200, 4px)}.pc_color_swatch_group.pc_color_swatch_group--sm .pc_color_swatch_group__header{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_color_swatch_group .pc_color_swatch_group__colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:fit-content}
package/dist/color_swatch_group.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addColorSwatchGroupCss: () => void;
3
+ declare const colorSwatchGroupCss: string;
4
+ export { addColorSwatchGroupCss, colorSwatchGroupCss };
package/dist/color_swatch_group.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_color_swatch_group{width:fit-content;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_color_swatch_group .pc_color_swatch_group__header{--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity))}.pc_color_swatch_group.pc_color_swatch_group--md .pc_color_swatch_group__colors{gap:var(--pt-dimension-300, 6px)}.pc_color_swatch_group.pc_color_swatch_group--md .pc_color_swatch_group__header{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_color_swatch_group.pc_color_swatch_group--sm .pc_color_swatch_group__colors{gap:var(--pt-dimension-200, 4px)}.pc_color_swatch_group.pc_color_swatch_group--sm .pc_color_swatch_group__header{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_color_swatch_group .pc_color_swatch_group__colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:fit-content}\n";
3
+ export const addColorSwatchGroupCss = () => addCssToHead(`${prefix}s-color_swatch_group`, cssText);
4
+ export const colorSwatchGroupCss = cssText;
package/dist/color_swatch_group.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_color_swatch_group{width:fit-content;display:flex;flex-direction:column;gap:var(--pt-dimension-300, 6px)}.pc_color_swatch_group .pc_color_swatch_group__header{--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity))}.pc_color_swatch_group.pc_color_swatch_group--md .pc_color_swatch_group__colors{gap:var(--pt-dimension-300, 6px)}.pc_color_swatch_group.pc_color_swatch_group--md .pc_color_swatch_group__header{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_color_swatch_group.pc_color_swatch_group--sm .pc_color_swatch_group__colors{gap:var(--pt-dimension-200, 4px)}.pc_color_swatch_group.pc_color_swatch_group--sm .pc_color_swatch_group__header{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_color_swatch_group .pc_color_swatch_group__colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:fit-content}\n";
5
+ const addColorSwatchGroupCss = () => addCssToHead(`${prefix}s-color_swatch_group`, cssText);
6
+ exports.addColorSwatchGroupCss = addColorSwatchGroupCss;
7
+ exports.colorSwatchGroupCss = cssText;
package/dist/color_trigger.css ADDED
@@ -0,0 +1 @@
1
+ .pc_color_trigger{box-sizing:border-box;width:fit-content;display:inline-flex;align-items:center;outline:0}.pc_color_trigger.pc_color_trigger--lg{height:var(--pt-dimension-2000, 40px);gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_color_trigger.pc_color_trigger--lg:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);justify-content:center}.pc_color_trigger.pc_color_trigger--md{height:var(--pt-dimension-1600, 32px);gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_color_trigger.pc_color_trigger--md:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);justify-content:center}.pc_color_trigger.pc_color_trigger--sm{height:var(--pt-dimension-1200, 24px);gap:var(--pt-dimension-100, 2px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_color_trigger.pc_color_trigger--sm:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);justify-content:center}.pc_color_trigger:not(:disabled){cursor:pointer}.pc_color_trigger:not(:disabled):not(:hover):not(:active){--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity))}.pc_color_trigger:not(:disabled):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_color_trigger:not(:disabled):active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-7),var(--ptu-text-opacity))}.pc_color_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_color_trigger:disabled{cursor:not-allowed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-05),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-4),var(--ptu-text-opacity))}.pc_color_trigger:not(.pc_color_trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_color_trigger.pc_color_trigger--bordered{border-width:1px;border-style:solid}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):not(:hover):not(:active){--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-3),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-4),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:disabled{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-1),var(--ptu-border-opacity))}
package/dist/color_trigger.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addColorTriggerCss: () => void;
3
+ declare const colorTriggerCss: string;
4
+ export { addColorTriggerCss, colorTriggerCss };
package/dist/color_trigger.js ADDED
@@ -0,0 +1,4 @@
1
+ import { addCssToHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_color_trigger{box-sizing:border-box;width:fit-content;display:inline-flex;align-items:center;outline:0}.pc_color_trigger.pc_color_trigger--lg{height:var(--pt-dimension-2000, 40px);gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_color_trigger.pc_color_trigger--lg:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);justify-content:center}.pc_color_trigger.pc_color_trigger--md{height:var(--pt-dimension-1600, 32px);gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_color_trigger.pc_color_trigger--md:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);justify-content:center}.pc_color_trigger.pc_color_trigger--sm{height:var(--pt-dimension-1200, 24px);gap:var(--pt-dimension-100, 2px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_color_trigger.pc_color_trigger--sm:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);justify-content:center}.pc_color_trigger:not(:disabled){cursor:pointer}.pc_color_trigger:not(:disabled):not(:hover):not(:active){--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity))}.pc_color_trigger:not(:disabled):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_color_trigger:not(:disabled):active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-7),var(--ptu-text-opacity))}.pc_color_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_color_trigger:disabled{cursor:not-allowed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-05),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-4),var(--ptu-text-opacity))}.pc_color_trigger:not(.pc_color_trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_color_trigger.pc_color_trigger--bordered{border-width:1px;border-style:solid}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):not(:hover):not(:active){--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-3),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-4),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:disabled{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-1),var(--ptu-border-opacity))}\n";
3
+ export const addColorTriggerCss = () => addCssToHead(`${prefix}s-color_trigger`, cssText);
4
+ export const colorTriggerCss = cssText;
package/dist/color_trigger.umd.cjs ADDED
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_color_trigger{box-sizing:border-box;width:fit-content;display:inline-flex;align-items:center;outline:0}.pc_color_trigger.pc_color_trigger--lg{height:var(--pt-dimension-2000, 40px);gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_color_trigger.pc_color_trigger--lg:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);justify-content:center}.pc_color_trigger.pc_color_trigger--md{height:var(--pt-dimension-1600, 32px);gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_color_trigger.pc_color_trigger--md:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);justify-content:center}.pc_color_trigger.pc_color_trigger--sm{height:var(--pt-dimension-1200, 24px);gap:var(--pt-dimension-100, 2px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_color_trigger.pc_color_trigger--sm:not(.pc_color_trigger--suffix-icon){width:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);justify-content:center}.pc_color_trigger:not(:disabled){cursor:pointer}.pc_color_trigger:not(:disabled):not(:hover):not(:active){--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-0),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-5),var(--ptu-text-opacity))}.pc_color_trigger:not(:disabled):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_color_trigger:not(:disabled):active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-2),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-7),var(--ptu-text-opacity))}.pc_color_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_color_trigger:disabled{cursor:not-allowed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-05),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-4),var(--ptu-text-opacity))}.pc_color_trigger:not(.pc_color_trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_color_trigger.pc_color_trigger--bordered{border-width:1px;border-style:solid}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):not(:hover):not(:active){--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-3),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:not(:disabled):active{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-4),var(--ptu-border-opacity))}.pc_color_trigger.pc_color_trigger--bordered:disabled{--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-1),var(--ptu-border-opacity))}\n";
5
+ const addColorTriggerCss = () => addCssToHead(`${prefix}s-color_trigger`, cssText);
6
+ exports.addColorTriggerCss = addColorTriggerCss;
7
+ exports.colorTriggerCss = cssText;
package/dist/combobox.css ADDED
@@ -0,0 +1 @@
1
+ .pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;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;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{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_combobox__trigger.pc_combobox__trigger--md{border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{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_combobox__trigger.pc_combobox__trigger--lg{border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{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_combobox__trigger:not(.pc_combobox__trigger--content-fit){width:100%;--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--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_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{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))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--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);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{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_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{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_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{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_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}
package/dist/combobox.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare const cssText: string;
2
+ declare const addComboboxCss: () => void;
3
+ declare const comboboxCss: string;
4
+ export { addComboboxCss, comboboxCss };