@pantograph/styles 0.0.7 → 0.0.9

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 (60) hide show
  1. package/dist/avatar.css +1 -1
  2. package/dist/avatar.js +1 -1
  3. package/dist/avatar.umd.cjs +1 -1
  4. package/dist/banner.css +1 -0
  5. package/dist/banner.d.ts +5 -0
  6. package/dist/banner.js +7 -0
  7. package/dist/banner.umd.cjs +12 -0
  8. package/dist/combobox.css +1 -1
  9. package/dist/combobox.js +1 -1
  10. package/dist/combobox.umd.cjs +1 -1
  11. package/dist/comment.css +1 -1
  12. package/dist/comment.js +1 -1
  13. package/dist/comment.umd.cjs +1 -1
  14. package/dist/data_table.css +1 -1
  15. package/dist/data_table.js +1 -1
  16. package/dist/data_table.umd.cjs +1 -1
  17. package/dist/index.css +1 -1
  18. package/dist/index.d.ts +1 -0
  19. package/dist/index.js +2 -1
  20. package/dist/index.umd.cjs +4 -1
  21. package/dist/input.css +1 -1
  22. package/dist/input.js +1 -1
  23. package/dist/input.umd.cjs +1 -1
  24. package/dist/link.css +1 -1
  25. package/dist/link.js +1 -1
  26. package/dist/link.umd.cjs +1 -1
  27. package/dist/pin_input.css +1 -1
  28. package/dist/pin_input.js +1 -1
  29. package/dist/pin_input.umd.cjs +1 -1
  30. package/dist/select.css +1 -1
  31. package/dist/select.js +1 -1
  32. package/dist/select.umd.cjs +1 -1
  33. package/dist/steps.css +1 -1
  34. package/dist/steps.js +1 -1
  35. package/dist/steps.umd.cjs +1 -1
  36. package/dist/table.css +1 -1
  37. package/dist/table.js +1 -1
  38. package/dist/table.umd.cjs +1 -1
  39. package/dist/tbody.css +1 -1
  40. package/dist/tbody.js +1 -1
  41. package/dist/tbody.umd.cjs +1 -1
  42. package/dist/tcell.css +1 -1
  43. package/dist/tcell.js +1 -1
  44. package/dist/tcell.umd.cjs +1 -1
  45. package/dist/textarea.css +1 -1
  46. package/dist/textarea.js +1 -1
  47. package/dist/textarea.umd.cjs +1 -1
  48. package/dist/tfoot.css +1 -1
  49. package/dist/tfoot.js +1 -1
  50. package/dist/tfoot.umd.cjs +1 -1
  51. package/dist/thead.css +1 -1
  52. package/dist/thead.js +1 -1
  53. package/dist/thead.umd.cjs +1 -1
  54. package/dist/tooltip.css +1 -1
  55. package/dist/tooltip.js +1 -1
  56. package/dist/tooltip.umd.cjs +1 -1
  57. package/dist/tr.css +1 -1
  58. package/dist/tr.js +1 -1
  59. package/dist/tr.umd.cjs +1 -1
  60. package/package.json +1 -1
package/dist/select.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_select__trigger{box-sizing:border-box;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;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-select-trigger-bg);color:var(--ptc-select-trigger-fg);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-select-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-select-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-select-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-select-roundness));min-width:var(--ptc-select-trigger-min-w);min-height:var(--ptc-select-trigger-height)}.pc_select__trigger.pc_select__trigger--sm{gap:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-select-roundness: var(--pt-roundness-sm);--ptc-select-trigger-height: var(--pt-dimension-1200);--ptc-select-trigger-leading-height: var(--pt-dimension-800);--ptc-select-trigger-padding: var(--pt-dimension-200);--ptc-select-trigger-multiple-padding: var(--pt-dimension-100)}.pc_select__trigger.pc_select__trigger--sm.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2200)}.pc_select__trigger.pc_select__trigger--md{gap: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;--ptc-select-roundness: var(--pt-roundness-md);--ptc-select-trigger-height: var(--pt-dimension-1600);--ptc-select-trigger-leading-height: var(--pt-dimension-1000);--ptc-select-trigger-padding: var(--pt-dimension-300);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--md.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2800)}.pc_select__trigger.pc_select__trigger--lg{gap:var(--pt-dimension-300, 6px);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-select-roundness: var(--pt-roundness-lg);--ptc-select-trigger-height: var(--pt-dimension-2000);--ptc-select-trigger-leading-height: var(--pt-dimension-1200);--ptc-select-trigger-padding: var(--pt-dimension-400);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--lg.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-3200)}.pc_select__trigger:not(.pc_select__trigger--content-fit){--ptc-select-trigger-min-w: 220px}.pc_select__trigger:not(.pc_select__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_select__trigger.pc_select__trigger--content-fit{width:fit-content}.pc_select__trigger:not(.pc_select__trigger--multiple){padding-top:calc(var(--ptc-select-trigger-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-padding) - 1px);padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-padding)}.pc_select__trigger.pc_select__trigger--multiple{padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-multiple-padding);padding-top:calc(var(--ptc-select-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-multiple-padding) - 1px)}.pc_select__trigger:not(.pc_select__trigger--wrapped){height:var(--ptc-select-trigger-height);max-height:var(--ptc-select-trigger-height)}.pc_select__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-select-trigger-bg: rgba(var(--pt-bg))}.pc_select__trigger:not(:disabled):not([disabled=true]):not(.pc_select__trigger--filled){--ptc-select-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--filled{--ptc-select-trigger-fg: rgba(var(--pt-fg));--ptc-select-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]):focus,.pc_select__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_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover){--ptc-select-trigger-br: rgba(var(--pt-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):hover{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--error{z-index:1}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--error:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-danger-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--error:hover{--ptc-select-trigger-br: rgba(var(--pt-danger-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--warning:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-warning-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--warning:hover{--ptc-select-trigger-br: rgba(var(--pt-warning-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--success:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-success-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--success:hover{--ptc-select-trigger-br: rgba(var(--pt-success-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:focus,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-state=open]{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:disabled,.pc_select__trigger[disabled=true]{cursor:not-allowed;--ptc-select-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_select__trigger:disabled.pc_select__trigger--bordered,.pc_select__trigger[disabled=true].pc_select__trigger--bordered{--ptc-select-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_select__trigger:disabled:not(.pc_select__trigger--filled),.pc_select__trigger[disabled=true]:not(.pc_select__trigger--filled){--ptc-select-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_select__trigger:disabled.pc_select__trigger--filled,.pc_select__trigger[disabled=true].pc_select__trigger--filled{--ptc-select-trigger-fg: rgba(var(--pt-disable-fg));--ptc-select-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_select__trigger:not(.pc_select__trigger--filled){--ptc-select-trigger-trailing: var(--ptc-select-trigger-fg)}.pc_select__trigger:not(.pc_select__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_select__trigger.pc_select__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-select-trigger-br)}.pc_select__trigger .pc_select__trigger__content{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_select__trigger .pc_select__trigger__leading{color:var(--ptc-select-trigger-fg)}.pc_select__trigger .pc_select__trigger__trailing{color:var(--ptc-select-trigger-trailing)}.pc_select__trigger .pc_select__trigger__leading,.pc_select__trigger .pc_select__trigger__trailing{height:var(--ptc-select-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_select__trigger .pc_select__trigger__tag__close{pointer-events:auto}.pc_select__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);--ptc-select-trigger-min-w: 220px}.pc_select__popup.pc_select__popup--sm{border-radius:var(--pt-roundness-sm, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area{padding:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--md{border-radius:var(--pt-roundness-md, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area{padding:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--lg{border-radius:var(--pt-roundness-lg, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area{padding:var(--pt-dimension-400, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__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_select__popup .pc_select__options{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center}.pc_select__popup .pc_select__scroll_area{box-sizing:border-box;max-height:var(--ptc-select-popup-height);min-width:var(--ptc-select-trigger-min-w);width:var(--ptc-select-popup-width, var(--reka-select-trigger-width))!important}.pc_select__popup .pc_select__skeleton{width:100%!important}.pc_select__popup .pc_select__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_select__popup .pc_select__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_select__popup .pc_select__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_select__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option .pc_select__option__text{display:flex;flex:1 1 0%;align-items:center}.pc_select__option .pc_select__option__leading{display:flex;align-items:center}.pc_select__option.pc_select__option--sm{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1200, 24px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px);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_select__option.pc_select__option--sm .pc_select__option__leading{height:var(--pt-dimension-800, 16px)}.pc_select__option.pc_select__option--md{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_select__option.pc_select__option--md .pc_select__option__leading{height:var(--pt-dimension-1000, 20px)}.pc_select__option.pc_select__option--lg{--ptc-select-option-gap: var(--pt-dimension-300);height:var(--pt-dimension-2000, 40px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);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_select__option.pc_select__option--lg .pc_select__option__leading{height:var(--pt-dimension-1200, 24px)}.pc_select__option .pc_select__option__content{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option:not([data-disabled]):not([aria-disabled=true]){cursor:pointer}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked]:not(:hover):not([data-highlighted]):not(:active){background-color:var(--pt-alpha-gray-0);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked]:hover,.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked]:active{--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_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked]:not(:hover):not([data-highlighted]):not(:active){--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked]:hover,.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-trigger),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_select__option[data-disabled],.pc_select__option[aria-disabled=true]{cursor:not-allowed}.pc_select__option[data-disabled][data-state=unchecked],.pc_select__option[aria-disabled=true][data-state=unchecked]{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_select__option[data-disabled][data-state=checked],.pc_select__option[aria-disabled=true][data-state=checked]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}\n";
2
+ const cssText = ".pc_select__trigger{box-sizing:border-box;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-align:start;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-select-trigger-bg);color:var(--ptc-select-trigger-fg);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-select-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-select-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-select-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-select-roundness));min-width:var(--ptc-select-trigger-min-w);min-height:var(--ptc-select-trigger-height)}.pc_select__trigger.pc_select__trigger--sm{gap:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-select-roundness: var(--pt-roundness-sm);--ptc-select-trigger-height: var(--pt-dimension-1200);--ptc-select-trigger-leading-height: var(--pt-dimension-800);--ptc-select-trigger-padding: var(--pt-dimension-200);--ptc-select-trigger-multiple-padding: var(--pt-dimension-100)}.pc_select__trigger.pc_select__trigger--sm.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2200)}.pc_select__trigger.pc_select__trigger--md{gap: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;--ptc-select-roundness: var(--pt-roundness-md);--ptc-select-trigger-height: var(--pt-dimension-1600);--ptc-select-trigger-leading-height: var(--pt-dimension-1000);--ptc-select-trigger-padding: var(--pt-dimension-300);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--md.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2800)}.pc_select__trigger.pc_select__trigger--lg{gap:var(--pt-dimension-300, 6px);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-select-roundness: var(--pt-roundness-lg);--ptc-select-trigger-height: var(--pt-dimension-2000);--ptc-select-trigger-leading-height: var(--pt-dimension-1200);--ptc-select-trigger-padding: var(--pt-dimension-400);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--lg.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-3200)}.pc_select__trigger:not(.pc_select__trigger--content-fit){--ptc-select-trigger-min-w: 220px}.pc_select__trigger:not(.pc_select__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_select__trigger.pc_select__trigger--content-fit{width:fit-content}.pc_select__trigger:not(.pc_select__trigger--multiple){padding-top:calc(var(--ptc-select-trigger-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-padding) - 1px);padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-padding)}.pc_select__trigger.pc_select__trigger--multiple{padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-multiple-padding);padding-top:calc(var(--ptc-select-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-multiple-padding) - 1px)}.pc_select__trigger:not(.pc_select__trigger--wrapped){height:var(--ptc-select-trigger-height);max-height:var(--ptc-select-trigger-height)}.pc_select__trigger:not(:disabled):not([disabled=true]),.pc_select__trigger[data-readonly]{--ptc-select-trigger-bg: rgba(var(--pt-bg))}.pc_select__trigger:not(:disabled):not([disabled=true]):not([data-readonly]),.pc_select__trigger[data-readonly]:not([data-readonly]){cursor:pointer}.pc_select__trigger:not(:disabled):not([disabled=true])[data-readonly],.pc_select__trigger[data-readonly][data-readonly]{cursor:text}.pc_select__trigger:not(:disabled):not([disabled=true]):not(.pc_select__trigger--filled),.pc_select__trigger[data-readonly]:not(.pc_select__trigger--filled){--ptc-select-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--filled,.pc_select__trigger[data-readonly].pc_select__trigger--filled{--ptc-select-trigger-fg: rgba(var(--pt-fg));--ptc-select-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]):not([data-readonly]):focus,.pc_select__trigger[data-readonly]:not([data-readonly]):focus,.pc_select__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-state=open],.pc_select__trigger[data-readonly]:not([data-readonly])[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_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly][data-readonly][data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly][data-readonly][data-readonly]{--ptc-select-trigger-br: rgba(var(--pt-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-danger-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:hover{--ptc-select-trigger-br: rgba(var(--pt-danger-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-warning-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:hover{--ptc-select-trigger-br: rgba(var(--pt-warning-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-success-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:hover{--ptc-select-trigger-br: rgba(var(--pt-success-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-readonly]):focus,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-readonly]):focus,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-readonly])[data-state=open],.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-readonly])[data-state=open]{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:disabled:not([data-readonly]),.pc_select__trigger[disabled=true]:not([data-readonly]){cursor:not-allowed;--ptc-select-trigger-bg: rgba(var(--pt-disable-fill-subtle));--ptc-select-trigger-fg: rgba(var(--pt-disable-fg));--ptc-select-trigger-trailing: rgba(var(--pt-disable-fg))}.pc_select__trigger:disabled:not([data-readonly]).pc_select__trigger--bordered,.pc_select__trigger[disabled=true]:not([data-readonly]).pc_select__trigger--bordered{--ptc-select-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_select__trigger:disabled .pc_select__trigger__content,.pc_select__trigger[disabled=true] .pc_select__trigger__content{pointer-events:none}.pc_select__trigger:disabled[data-readonly],.pc_select__trigger[disabled=true][data-readonly]{cursor:text}.pc_select__trigger:not(.pc_select__trigger--filled){--ptc-select-trigger-trailing: var(--ptc-select-trigger-fg)}.pc_select__trigger:not(.pc_select__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_select__trigger.pc_select__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-select-trigger-br)}.pc_select__trigger .pc_select__trigger__content{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_select__trigger .pc_select__trigger__leading{color:var(--ptc-select-trigger-fg)}.pc_select__trigger .pc_select__trigger__trailing{color:var(--ptc-select-trigger-trailing)}.pc_select__trigger .pc_select__trigger__leading,.pc_select__trigger .pc_select__trigger__trailing{height:var(--ptc-select-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_select__trigger .pc_select__trigger__tag__close{pointer-events:auto}.pc_select__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);--ptc-select-trigger-min-w: 220px}.pc_select__popup.pc_select__popup--sm{border-radius:var(--pt-roundness-sm, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area{padding:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--md{border-radius:var(--pt-roundness-md, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area{padding:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--lg{border-radius:var(--pt-roundness-lg, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area{padding:var(--pt-dimension-400, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__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_select__popup .pc_select__options{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center}.pc_select__popup .pc_select__scroll_area{box-sizing:border-box;max-height:var(--ptc-select-popup-height);min-width:var(--ptc-select-trigger-min-w);width:var(--ptc-select-popup-width, var(--reka-select-trigger-width))!important}.pc_select__popup .pc_select__skeleton{width:100%!important}.pc_select__popup .pc_select__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_select__popup .pc_select__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_select__popup .pc_select__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_select__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option .pc_select__option__text{display:flex;flex:1 1 0%;align-items:center}.pc_select__option .pc_select__option__leading{display:flex;align-items:center}.pc_select__option.pc_select__option--sm{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1200, 24px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px);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_select__option.pc_select__option--sm .pc_select__option__leading{height:var(--pt-dimension-800, 16px)}.pc_select__option.pc_select__option--md{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_select__option.pc_select__option--md .pc_select__option__leading{height:var(--pt-dimension-1000, 20px)}.pc_select__option.pc_select__option--lg{--ptc-select-option-gap: var(--pt-dimension-300);height:var(--pt-dimension-2000, 40px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);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_select__option.pc_select__option--lg .pc_select__option__leading{height:var(--pt-dimension-1200, 24px)}.pc_select__option .pc_select__option__content{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option:not([data-disabled]){cursor:pointer}.pc_select__option:not([data-disabled])[data-state=unchecked]:not(:hover):not([data-highlighted]):not(:active){background-color:var(--pt-alpha-gray-0);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=unchecked]:hover,.pc_select__option:not([data-disabled])[data-state=unchecked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=unchecked]:active{--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_select__option:not([data-disabled])[data-state=checked]:not(:hover):not([data-highlighted]):not(:active){--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=checked]:hover,.pc_select__option:not([data-disabled])[data-state=checked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-trigger),var(--ptu-text-opacity))}.pc_select__option:not([data-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_select__option[data-disabled]{cursor:not-allowed}.pc_select__option[data-disabled][data-state=unchecked]{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_select__option[data-disabled][data-state=checked]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}\n";
3
3
  const selectId = `${prefix}s-select`;
4
4
  const addSelectCss = () => addCssToHead(selectId, cssText);
5
5
  const removeSelectCss = () => removeCssFromHead(selectId);
package/dist/select.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_select__trigger{box-sizing:border-box;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;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-select-trigger-bg);color:var(--ptc-select-trigger-fg);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-select-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-select-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-select-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-select-roundness));min-width:var(--ptc-select-trigger-min-w);min-height:var(--ptc-select-trigger-height)}.pc_select__trigger.pc_select__trigger--sm{gap:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-select-roundness: var(--pt-roundness-sm);--ptc-select-trigger-height: var(--pt-dimension-1200);--ptc-select-trigger-leading-height: var(--pt-dimension-800);--ptc-select-trigger-padding: var(--pt-dimension-200);--ptc-select-trigger-multiple-padding: var(--pt-dimension-100)}.pc_select__trigger.pc_select__trigger--sm.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2200)}.pc_select__trigger.pc_select__trigger--md{gap: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;--ptc-select-roundness: var(--pt-roundness-md);--ptc-select-trigger-height: var(--pt-dimension-1600);--ptc-select-trigger-leading-height: var(--pt-dimension-1000);--ptc-select-trigger-padding: var(--pt-dimension-300);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--md.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2800)}.pc_select__trigger.pc_select__trigger--lg{gap:var(--pt-dimension-300, 6px);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-select-roundness: var(--pt-roundness-lg);--ptc-select-trigger-height: var(--pt-dimension-2000);--ptc-select-trigger-leading-height: var(--pt-dimension-1200);--ptc-select-trigger-padding: var(--pt-dimension-400);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--lg.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-3200)}.pc_select__trigger:not(.pc_select__trigger--content-fit){--ptc-select-trigger-min-w: 220px}.pc_select__trigger:not(.pc_select__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_select__trigger.pc_select__trigger--content-fit{width:fit-content}.pc_select__trigger:not(.pc_select__trigger--multiple){padding-top:calc(var(--ptc-select-trigger-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-padding) - 1px);padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-padding)}.pc_select__trigger.pc_select__trigger--multiple{padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-multiple-padding);padding-top:calc(var(--ptc-select-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-multiple-padding) - 1px)}.pc_select__trigger:not(.pc_select__trigger--wrapped){height:var(--ptc-select-trigger-height);max-height:var(--ptc-select-trigger-height)}.pc_select__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-select-trigger-bg: rgba(var(--pt-bg))}.pc_select__trigger:not(:disabled):not([disabled=true]):not(.pc_select__trigger--filled){--ptc-select-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--filled{--ptc-select-trigger-fg: rgba(var(--pt-fg));--ptc-select-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]):focus,.pc_select__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_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover){--ptc-select-trigger-br: rgba(var(--pt-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):hover{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--error{z-index:1}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--error:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-danger-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--error:hover{--ptc-select-trigger-br: rgba(var(--pt-danger-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--warning:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-warning-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--warning:hover{--ptc-select-trigger-br: rgba(var(--pt-warning-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--success:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-success-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not(:focus):not([data-state=open]).pc_select__trigger--success:hover{--ptc-select-trigger-br: rgba(var(--pt-success-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:focus,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-state=open]{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:disabled,.pc_select__trigger[disabled=true]{cursor:not-allowed;--ptc-select-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_select__trigger:disabled.pc_select__trigger--bordered,.pc_select__trigger[disabled=true].pc_select__trigger--bordered{--ptc-select-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_select__trigger:disabled:not(.pc_select__trigger--filled),.pc_select__trigger[disabled=true]:not(.pc_select__trigger--filled){--ptc-select-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_select__trigger:disabled.pc_select__trigger--filled,.pc_select__trigger[disabled=true].pc_select__trigger--filled{--ptc-select-trigger-fg: rgba(var(--pt-disable-fg));--ptc-select-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_select__trigger:not(.pc_select__trigger--filled){--ptc-select-trigger-trailing: var(--ptc-select-trigger-fg)}.pc_select__trigger:not(.pc_select__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_select__trigger.pc_select__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-select-trigger-br)}.pc_select__trigger .pc_select__trigger__content{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_select__trigger .pc_select__trigger__leading{color:var(--ptc-select-trigger-fg)}.pc_select__trigger .pc_select__trigger__trailing{color:var(--ptc-select-trigger-trailing)}.pc_select__trigger .pc_select__trigger__leading,.pc_select__trigger .pc_select__trigger__trailing{height:var(--ptc-select-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_select__trigger .pc_select__trigger__tag__close{pointer-events:auto}.pc_select__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);--ptc-select-trigger-min-w: 220px}.pc_select__popup.pc_select__popup--sm{border-radius:var(--pt-roundness-sm, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area{padding:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--md{border-radius:var(--pt-roundness-md, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area{padding:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--lg{border-radius:var(--pt-roundness-lg, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area{padding:var(--pt-dimension-400, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__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_select__popup .pc_select__options{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center}.pc_select__popup .pc_select__scroll_area{box-sizing:border-box;max-height:var(--ptc-select-popup-height);min-width:var(--ptc-select-trigger-min-w);width:var(--ptc-select-popup-width, var(--reka-select-trigger-width))!important}.pc_select__popup .pc_select__skeleton{width:100%!important}.pc_select__popup .pc_select__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_select__popup .pc_select__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_select__popup .pc_select__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_select__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option .pc_select__option__text{display:flex;flex:1 1 0%;align-items:center}.pc_select__option .pc_select__option__leading{display:flex;align-items:center}.pc_select__option.pc_select__option--sm{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1200, 24px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px);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_select__option.pc_select__option--sm .pc_select__option__leading{height:var(--pt-dimension-800, 16px)}.pc_select__option.pc_select__option--md{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_select__option.pc_select__option--md .pc_select__option__leading{height:var(--pt-dimension-1000, 20px)}.pc_select__option.pc_select__option--lg{--ptc-select-option-gap: var(--pt-dimension-300);height:var(--pt-dimension-2000, 40px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);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_select__option.pc_select__option--lg .pc_select__option__leading{height:var(--pt-dimension-1200, 24px)}.pc_select__option .pc_select__option__content{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option:not([data-disabled]):not([aria-disabled=true]){cursor:pointer}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked]:not(:hover):not([data-highlighted]):not(:active){background-color:var(--pt-alpha-gray-0);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked]:hover,.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=unchecked]:active{--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_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked]:not(:hover):not([data-highlighted]):not(:active){--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked]:hover,.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true])[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-trigger),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled]):not([aria-disabled=true]):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_select__option[data-disabled],.pc_select__option[aria-disabled=true]{cursor:not-allowed}.pc_select__option[data-disabled][data-state=unchecked],.pc_select__option[aria-disabled=true][data-state=unchecked]{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_select__option[data-disabled][data-state=checked],.pc_select__option[aria-disabled=true][data-state=checked]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}\n";
4
+ const cssText = ".pc_select__trigger{box-sizing:border-box;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-align:start;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-select-trigger-bg);color:var(--ptc-select-trigger-fg);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-select-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-select-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-select-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-select-roundness));min-width:var(--ptc-select-trigger-min-w);min-height:var(--ptc-select-trigger-height)}.pc_select__trigger.pc_select__trigger--sm{gap:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-select-roundness: var(--pt-roundness-sm);--ptc-select-trigger-height: var(--pt-dimension-1200);--ptc-select-trigger-leading-height: var(--pt-dimension-800);--ptc-select-trigger-padding: var(--pt-dimension-200);--ptc-select-trigger-multiple-padding: var(--pt-dimension-100)}.pc_select__trigger.pc_select__trigger--sm.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2200)}.pc_select__trigger.pc_select__trigger--md{gap: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;--ptc-select-roundness: var(--pt-roundness-md);--ptc-select-trigger-height: var(--pt-dimension-1600);--ptc-select-trigger-leading-height: var(--pt-dimension-1000);--ptc-select-trigger-padding: var(--pt-dimension-300);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--md.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-2800)}.pc_select__trigger.pc_select__trigger--lg{gap:var(--pt-dimension-300, 6px);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-select-roundness: var(--pt-roundness-lg);--ptc-select-trigger-height: var(--pt-dimension-2000);--ptc-select-trigger-leading-height: var(--pt-dimension-1200);--ptc-select-trigger-padding: var(--pt-dimension-400);--ptc-select-trigger-multiple-padding: var(--pt-dimension-200)}.pc_select__trigger.pc_select__trigger--lg.pc_select__trigger--content-fit{--ptc-select-trigger-min-w: var(--pt-dimension-3200)}.pc_select__trigger:not(.pc_select__trigger--content-fit){--ptc-select-trigger-min-w: 220px}.pc_select__trigger:not(.pc_select__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_select__trigger.pc_select__trigger--content-fit{width:fit-content}.pc_select__trigger:not(.pc_select__trigger--multiple){padding-top:calc(var(--ptc-select-trigger-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-padding) - 1px);padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-padding)}.pc_select__trigger.pc_select__trigger--multiple{padding-inline-end:var(--ptc-select-trigger-padding);padding-inline-start:var(--ptc-select-trigger-multiple-padding);padding-top:calc(var(--ptc-select-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-select-trigger-multiple-padding) - 1px)}.pc_select__trigger:not(.pc_select__trigger--wrapped){height:var(--ptc-select-trigger-height);max-height:var(--ptc-select-trigger-height)}.pc_select__trigger:not(:disabled):not([disabled=true]),.pc_select__trigger[data-readonly]{--ptc-select-trigger-bg: rgba(var(--pt-bg))}.pc_select__trigger:not(:disabled):not([disabled=true]):not([data-readonly]),.pc_select__trigger[data-readonly]:not([data-readonly]){cursor:pointer}.pc_select__trigger:not(:disabled):not([disabled=true])[data-readonly],.pc_select__trigger[data-readonly][data-readonly]{cursor:text}.pc_select__trigger:not(:disabled):not([disabled=true]):not(.pc_select__trigger--filled),.pc_select__trigger[data-readonly]:not(.pc_select__trigger--filled){--ptc-select-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--filled,.pc_select__trigger[data-readonly].pc_select__trigger--filled{--ptc-select-trigger-fg: rgba(var(--pt-fg));--ptc-select-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_select__trigger:not(:disabled):not([disabled=true]):not([data-readonly]):focus,.pc_select__trigger[data-readonly]:not([data-readonly]):focus,.pc_select__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-state=open],.pc_select__trigger[data-readonly]:not([data-readonly])[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_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning)[data-readonly],.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly][data-readonly][data-readonly],.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly][data-readonly][data-readonly]{--ptc-select-trigger-br: rgba(var(--pt-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly]:not(.pc_select__trigger--error):not(.pc_select__trigger--success):not(.pc_select__trigger--warning):not([data-readonly]):hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-danger-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--error:hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--error:hover{--ptc-select-trigger-br: rgba(var(--pt-danger-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-warning-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--warning:hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--warning:hover{--ptc-select-trigger-br: rgba(var(--pt-warning-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:not(:hover),.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:not(:hover),.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:not(:hover){--ptc-select-trigger-br: rgba(var(--pt-success-br))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_select__trigger--success:hover,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:hover,.pc_select__trigger[data-readonly].pc_select__trigger--bordered[data-readonly].pc_select__trigger--success:hover{--ptc-select-trigger-br: rgba(var(--pt-success-br-target))}.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-readonly]):focus,.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-readonly]):focus,.pc_select__trigger:not(:disabled):not([disabled=true]).pc_select__trigger--bordered:not([data-readonly])[data-state=open],.pc_select__trigger[data-readonly].pc_select__trigger--bordered:not([data-readonly])[data-state=open]{--ptc-select-trigger-br: rgba(var(--pt-primary-6))}.pc_select__trigger:disabled:not([data-readonly]),.pc_select__trigger[disabled=true]:not([data-readonly]){cursor:not-allowed;--ptc-select-trigger-bg: rgba(var(--pt-disable-fill-subtle));--ptc-select-trigger-fg: rgba(var(--pt-disable-fg));--ptc-select-trigger-trailing: rgba(var(--pt-disable-fg))}.pc_select__trigger:disabled:not([data-readonly]).pc_select__trigger--bordered,.pc_select__trigger[disabled=true]:not([data-readonly]).pc_select__trigger--bordered{--ptc-select-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_select__trigger:disabled .pc_select__trigger__content,.pc_select__trigger[disabled=true] .pc_select__trigger__content{pointer-events:none}.pc_select__trigger:disabled[data-readonly],.pc_select__trigger[disabled=true][data-readonly]{cursor:text}.pc_select__trigger:not(.pc_select__trigger--filled){--ptc-select-trigger-trailing: var(--ptc-select-trigger-fg)}.pc_select__trigger:not(.pc_select__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_select__trigger.pc_select__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-select-trigger-br)}.pc_select__trigger .pc_select__trigger__content{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_select__trigger .pc_select__trigger__leading{color:var(--ptc-select-trigger-fg)}.pc_select__trigger .pc_select__trigger__trailing{color:var(--ptc-select-trigger-trailing)}.pc_select__trigger .pc_select__trigger__leading,.pc_select__trigger .pc_select__trigger__trailing{height:var(--ptc-select-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_select__trigger .pc_select__trigger__tag__close{pointer-events:auto}.pc_select__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);--ptc-select-trigger-min-w: 220px}.pc_select__popup.pc_select__popup--sm{border-radius:var(--pt-roundness-sm, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area{padding:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-200, 4px)}.pc_select__popup.pc_select__popup--sm .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--md{border-radius:var(--pt-roundness-md, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area{padding:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--md .pc_select__scroll_area .pc_select__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_select__popup.pc_select__popup--lg{border-radius:var(--pt-roundness-lg, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area{padding:var(--pt-dimension-400, 8px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__options{gap:var(--pt-dimension-300, 6px)}.pc_select__popup.pc_select__popup--lg .pc_select__scroll_area .pc_select__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_select__popup .pc_select__options{box-sizing:border-box;width:100%;display:flex;flex-direction:column;align-items:center}.pc_select__popup .pc_select__scroll_area{box-sizing:border-box;max-height:var(--ptc-select-popup-height);min-width:var(--ptc-select-trigger-min-w);width:var(--ptc-select-popup-width, var(--reka-select-trigger-width))!important}.pc_select__popup .pc_select__skeleton{width:100%!important}.pc_select__popup .pc_select__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_select__popup .pc_select__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_select__popup .pc_select__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_select__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option .pc_select__option__text{display:flex;flex:1 1 0%;align-items:center}.pc_select__option .pc_select__option__leading{display:flex;align-items:center}.pc_select__option.pc_select__option--sm{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1200, 24px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px);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_select__option.pc_select__option--sm .pc_select__option__leading{height:var(--pt-dimension-800, 16px)}.pc_select__option.pc_select__option--md{--ptc-select-option-gap: var(--pt-dimension-200);height:var(--pt-dimension-1600, 32px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_select__option.pc_select__option--md .pc_select__option__leading{height:var(--pt-dimension-1000, 20px)}.pc_select__option.pc_select__option--lg{--ptc-select-option-gap: var(--pt-dimension-300);height:var(--pt-dimension-2000, 40px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px);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_select__option.pc_select__option--lg .pc_select__option__leading{height:var(--pt-dimension-1200, 24px)}.pc_select__option .pc_select__option__content{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0;gap:var(--ptc-select-option-gap)}.pc_select__option:not([data-disabled]){cursor:pointer}.pc_select__option:not([data-disabled])[data-state=unchecked]:not(:hover):not([data-highlighted]):not(:active){background-color:var(--pt-alpha-gray-0);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=unchecked]:hover,.pc_select__option:not([data-disabled])[data-state=unchecked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=unchecked]:active{--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_select__option:not([data-disabled])[data-state=checked]:not(:hover):not([data-highlighted]):not(:active){--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=checked]:hover,.pc_select__option:not([data-disabled])[data-state=checked][data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_select__option:not([data-disabled])[data-state=checked]:active{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-fill-subtle-trigger),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-trigger),var(--ptu-text-opacity))}.pc_select__option:not([data-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_select__option[data-disabled]{cursor:not-allowed}.pc_select__option[data-disabled][data-state=unchecked]{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_select__option[data-disabled][data-state=checked]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-disable-fill),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}\n";
5
5
  const selectId = `${prefix}s-select`;
6
6
  const addSelectCss = () => addCssToHead(selectId, cssText);
7
7
  const removeSelectCss = () => removeCssFromHead(selectId);
package/dist/steps.css CHANGED
@@ -1 +1 @@
1
- .pc_steps{display:grid;gap:var(--pt-dimension-200, 4px)}.pc_steps.pc_steps--vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.pc_steps__step{display:flex;gap:var(--pt-dimension-400, 8px);outline:0}.pc_steps__step:not(.pc_steps__step--vertical){display:flex;flex-direction:column}.pc_steps__step:not(.pc_steps__step--vertical) .pc_steps__step__line{height:var(--pt-dimension-100, 2px);min-height:var(--pt-dimension-100, 2px);width:100%}.pc_steps__step.pc_steps__step--vertical{flex-direction:row;align-items:center}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__line{height:100%;min-height:var(--pt-dimension-1000, 20px);width:var(--pt-dimension-100, 2px);min-width:var(--pt-dimension-100, 2px)}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__container{padding-top:var(--pt-dimension-300, 6px);padding-bottom:var(--pt-dimension-300, 6px)}.pc_steps__step.pc_steps__step--completed{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fill))}.pc_steps__step:not(.pc_steps__step--completed) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: "transparent"}.pc_steps__step[data-completed]{--ptc-steps-step-line-bg: rgba(var(--pt-primary-br))}.pc_steps__step:not([data-completed]){--ptc-steps-step-line-bg: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--current{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-primary-fg));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--upcoming{--ptc-steps-step-title-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--error{--ptc-steps-step-title-fg: rgba(var(--pt-danger-fg))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-danger-fg));--ptc-steps-step-br: rgba(var(--pt-danger-br))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-danger-fg))}.pc_steps__step .pc_steps__step__leading{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-full, 88px);background:var(--ptc-steps-step-bg);color:var(--ptc-steps-step-fg)}.pc_steps__step .pc_steps__step__leading .pc_steps__step__leading__number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_steps__step .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-width:1px;border-style:solid;border-color:var(--ptc-steps-step-br)}.pc_steps__step .pc_steps__step__line{background:var(--ptc-steps-step-line-bg)}.pc_steps__step .pc_steps__step__container{width:100%;display:flex;gap:var(--pt-dimension-300, 6px)}.pc_steps__step .pc_steps__step__content{flex:1 1 0%;text-align:start;max-width:calc(100% - var(--pt-dimension-1000) - var(--pt-dimension-300))}.pc_steps__step .pc_steps__step__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:var(--pt-dimension-100, 2px);padding-bottom:var(--pt-dimension-100, 2px);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;color:var(--ptc-steps-step-title-fg)}.pc_steps__step .pc_steps__step__description{width:100%;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_steps__step:disabled{cursor:not-allowed}.pc_steps__step:not(:disabled){cursor:pointer}
1
+ .pc_steps{display:grid;gap:var(--pt-dimension-200, 4px)}.pc_steps.pc_steps--vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.pc_steps__step{display:flex;gap:var(--pt-dimension-400, 8px);outline:0}.pc_steps__step:not(.pc_steps__step--vertical){display:flex;flex-direction:column}.pc_steps__step:not(.pc_steps__step--vertical) .pc_steps__step__line{height:var(--pt-dimension-100, 2px);min-height:var(--pt-dimension-100, 2px);width:100%}.pc_steps__step.pc_steps__step--vertical{flex-direction:row;align-items:center}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__line{height:100%;min-height:var(--pt-dimension-1000, 20px);width:var(--pt-dimension-100, 2px);min-width:var(--pt-dimension-100, 2px)}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__container{padding-top:var(--pt-dimension-300, 6px);padding-bottom:var(--pt-dimension-300, 6px)}.pc_steps__step.pc_steps__step--completed{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fill))}.pc_steps__step:not(.pc_steps__step--completed):not(.pc_steps__step--current) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: "transparent"}.pc_steps__step[data-completed]{--ptc-steps-step-line-bg: rgba(var(--pt-primary-br))}.pc_steps__step:not([data-completed]):not(.pc_steps__step--current){--ptc-steps-step-line-bg: rgba(var(--pt-br))}.pc_steps__step:not([data-completed]).pc_steps__step--current{--ptc-steps-step-line-bg: rgba(var(--pt-primary-0))}.pc_steps__step.pc_steps__step--current{--ptc-steps-step-title-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__title{font-weight:700!important}.pc_steps__step.pc_steps__step--upcoming{--ptc-steps-step-title-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-style:dashed;--ptc-steps-step-fg: rgba(var(--pt-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step:not(.pc_steps__step--upcoming) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-style:solid}.pc_steps__step.pc_steps__step--error{--ptc-steps-step-title-fg: rgba(var(--pt-danger-fg))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-danger-fg));--ptc-steps-step-br: rgba(var(--pt-danger-br))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-danger-fg))}.pc_steps__step .pc_steps__step__leading{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-full, 88px);background:var(--ptc-steps-step-bg);color:var(--ptc-steps-step-fg)}.pc_steps__step .pc_steps__step__leading .pc_steps__step__leading__number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_steps__step .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-width:1px;border-style:solid;border-color:var(--ptc-steps-step-br)}.pc_steps__step .pc_steps__step__line{background:var(--ptc-steps-step-line-bg)}.pc_steps__step .pc_steps__step__container{width:100%;display:flex;gap:var(--pt-dimension-300, 6px)}.pc_steps__step .pc_steps__step__content{flex:1 1 0%;text-align:start;max-width:calc(100% - var(--pt-dimension-1000) - var(--pt-dimension-300))}.pc_steps__step .pc_steps__step__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:var(--pt-dimension-100, 2px);padding-bottom:var(--pt-dimension-100, 2px);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;color:var(--ptc-steps-step-title-fg)}.pc_steps__step .pc_steps__step__description{width:100%;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_steps__step:disabled{cursor:not-allowed}.pc_steps__step:not(:disabled){cursor:pointer}
package/dist/steps.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_steps{display:grid;gap:var(--pt-dimension-200, 4px)}.pc_steps.pc_steps--vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.pc_steps__step{display:flex;gap:var(--pt-dimension-400, 8px);outline:0}.pc_steps__step:not(.pc_steps__step--vertical){display:flex;flex-direction:column}.pc_steps__step:not(.pc_steps__step--vertical) .pc_steps__step__line{height:var(--pt-dimension-100, 2px);min-height:var(--pt-dimension-100, 2px);width:100%}.pc_steps__step.pc_steps__step--vertical{flex-direction:row;align-items:center}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__line{height:100%;min-height:var(--pt-dimension-1000, 20px);width:var(--pt-dimension-100, 2px);min-width:var(--pt-dimension-100, 2px)}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__container{padding-top:var(--pt-dimension-300, 6px);padding-bottom:var(--pt-dimension-300, 6px)}.pc_steps__step.pc_steps__step--completed{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fill))}.pc_steps__step:not(.pc_steps__step--completed) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: \"transparent\"}.pc_steps__step[data-completed]{--ptc-steps-step-line-bg: rgba(var(--pt-primary-br))}.pc_steps__step:not([data-completed]){--ptc-steps-step-line-bg: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--current{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-primary-fg));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--upcoming{--ptc-steps-step-title-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--error{--ptc-steps-step-title-fg: rgba(var(--pt-danger-fg))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-danger-fg));--ptc-steps-step-br: rgba(var(--pt-danger-br))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-danger-fg))}.pc_steps__step .pc_steps__step__leading{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-full, 88px);background:var(--ptc-steps-step-bg);color:var(--ptc-steps-step-fg)}.pc_steps__step .pc_steps__step__leading .pc_steps__step__leading__number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_steps__step .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-width:1px;border-style:solid;border-color:var(--ptc-steps-step-br)}.pc_steps__step .pc_steps__step__line{background:var(--ptc-steps-step-line-bg)}.pc_steps__step .pc_steps__step__container{width:100%;display:flex;gap:var(--pt-dimension-300, 6px)}.pc_steps__step .pc_steps__step__content{flex:1 1 0%;text-align:start;max-width:calc(100% - var(--pt-dimension-1000) - var(--pt-dimension-300))}.pc_steps__step .pc_steps__step__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:var(--pt-dimension-100, 2px);padding-bottom:var(--pt-dimension-100, 2px);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;color:var(--ptc-steps-step-title-fg)}.pc_steps__step .pc_steps__step__description{width:100%;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_steps__step:disabled{cursor:not-allowed}.pc_steps__step:not(:disabled){cursor:pointer}\n";
2
+ const cssText = ".pc_steps{display:grid;gap:var(--pt-dimension-200, 4px)}.pc_steps.pc_steps--vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.pc_steps__step{display:flex;gap:var(--pt-dimension-400, 8px);outline:0}.pc_steps__step:not(.pc_steps__step--vertical){display:flex;flex-direction:column}.pc_steps__step:not(.pc_steps__step--vertical) .pc_steps__step__line{height:var(--pt-dimension-100, 2px);min-height:var(--pt-dimension-100, 2px);width:100%}.pc_steps__step.pc_steps__step--vertical{flex-direction:row;align-items:center}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__line{height:100%;min-height:var(--pt-dimension-1000, 20px);width:var(--pt-dimension-100, 2px);min-width:var(--pt-dimension-100, 2px)}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__container{padding-top:var(--pt-dimension-300, 6px);padding-bottom:var(--pt-dimension-300, 6px)}.pc_steps__step.pc_steps__step--completed{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fill))}.pc_steps__step:not(.pc_steps__step--completed):not(.pc_steps__step--current) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: \"transparent\"}.pc_steps__step[data-completed]{--ptc-steps-step-line-bg: rgba(var(--pt-primary-br))}.pc_steps__step:not([data-completed]):not(.pc_steps__step--current){--ptc-steps-step-line-bg: rgba(var(--pt-br))}.pc_steps__step:not([data-completed]).pc_steps__step--current{--ptc-steps-step-line-bg: rgba(var(--pt-primary-0))}.pc_steps__step.pc_steps__step--current{--ptc-steps-step-title-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__title{font-weight:700!important}.pc_steps__step.pc_steps__step--upcoming{--ptc-steps-step-title-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-style:dashed;--ptc-steps-step-fg: rgba(var(--pt-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step:not(.pc_steps__step--upcoming) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-style:solid}.pc_steps__step.pc_steps__step--error{--ptc-steps-step-title-fg: rgba(var(--pt-danger-fg))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-danger-fg));--ptc-steps-step-br: rgba(var(--pt-danger-br))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-danger-fg))}.pc_steps__step .pc_steps__step__leading{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-full, 88px);background:var(--ptc-steps-step-bg);color:var(--ptc-steps-step-fg)}.pc_steps__step .pc_steps__step__leading .pc_steps__step__leading__number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_steps__step .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-width:1px;border-style:solid;border-color:var(--ptc-steps-step-br)}.pc_steps__step .pc_steps__step__line{background:var(--ptc-steps-step-line-bg)}.pc_steps__step .pc_steps__step__container{width:100%;display:flex;gap:var(--pt-dimension-300, 6px)}.pc_steps__step .pc_steps__step__content{flex:1 1 0%;text-align:start;max-width:calc(100% - var(--pt-dimension-1000) - var(--pt-dimension-300))}.pc_steps__step .pc_steps__step__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:var(--pt-dimension-100, 2px);padding-bottom:var(--pt-dimension-100, 2px);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;color:var(--ptc-steps-step-title-fg)}.pc_steps__step .pc_steps__step__description{width:100%;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_steps__step:disabled{cursor:not-allowed}.pc_steps__step:not(:disabled){cursor:pointer}\n";
3
3
  const stepsId = `${prefix}s-steps`;
4
4
  const addStepsCss = () => addCssToHead(stepsId, cssText);
5
5
  const removeStepsCss = () => removeCssFromHead(stepsId);
package/dist/steps.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_steps{display:grid;gap:var(--pt-dimension-200, 4px)}.pc_steps.pc_steps--vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.pc_steps__step{display:flex;gap:var(--pt-dimension-400, 8px);outline:0}.pc_steps__step:not(.pc_steps__step--vertical){display:flex;flex-direction:column}.pc_steps__step:not(.pc_steps__step--vertical) .pc_steps__step__line{height:var(--pt-dimension-100, 2px);min-height:var(--pt-dimension-100, 2px);width:100%}.pc_steps__step.pc_steps__step--vertical{flex-direction:row;align-items:center}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__line{height:100%;min-height:var(--pt-dimension-1000, 20px);width:var(--pt-dimension-100, 2px);min-width:var(--pt-dimension-100, 2px)}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__container{padding-top:var(--pt-dimension-300, 6px);padding-bottom:var(--pt-dimension-300, 6px)}.pc_steps__step.pc_steps__step--completed{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fill))}.pc_steps__step:not(.pc_steps__step--completed) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: \"transparent\"}.pc_steps__step[data-completed]{--ptc-steps-step-line-bg: rgba(var(--pt-primary-br))}.pc_steps__step:not([data-completed]){--ptc-steps-step-line-bg: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--current{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-primary-fg));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--upcoming{--ptc-steps-step-title-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--error{--ptc-steps-step-title-fg: rgba(var(--pt-danger-fg))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-danger-fg));--ptc-steps-step-br: rgba(var(--pt-danger-br))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-danger-fg))}.pc_steps__step .pc_steps__step__leading{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-full, 88px);background:var(--ptc-steps-step-bg);color:var(--ptc-steps-step-fg)}.pc_steps__step .pc_steps__step__leading .pc_steps__step__leading__number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_steps__step .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-width:1px;border-style:solid;border-color:var(--ptc-steps-step-br)}.pc_steps__step .pc_steps__step__line{background:var(--ptc-steps-step-line-bg)}.pc_steps__step .pc_steps__step__container{width:100%;display:flex;gap:var(--pt-dimension-300, 6px)}.pc_steps__step .pc_steps__step__content{flex:1 1 0%;text-align:start;max-width:calc(100% - var(--pt-dimension-1000) - var(--pt-dimension-300))}.pc_steps__step .pc_steps__step__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:var(--pt-dimension-100, 2px);padding-bottom:var(--pt-dimension-100, 2px);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;color:var(--ptc-steps-step-title-fg)}.pc_steps__step .pc_steps__step__description{width:100%;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_steps__step:disabled{cursor:not-allowed}.pc_steps__step:not(:disabled){cursor:pointer}\n";
4
+ const cssText = ".pc_steps{display:grid;gap:var(--pt-dimension-200, 4px)}.pc_steps.pc_steps--vertical{grid-template-columns:repeat(1,minmax(0,1fr))}.pc_steps__step{display:flex;gap:var(--pt-dimension-400, 8px);outline:0}.pc_steps__step:not(.pc_steps__step--vertical){display:flex;flex-direction:column}.pc_steps__step:not(.pc_steps__step--vertical) .pc_steps__step__line{height:var(--pt-dimension-100, 2px);min-height:var(--pt-dimension-100, 2px);width:100%}.pc_steps__step.pc_steps__step--vertical{flex-direction:row;align-items:center}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__line{height:100%;min-height:var(--pt-dimension-1000, 20px);width:var(--pt-dimension-100, 2px);min-width:var(--pt-dimension-100, 2px)}.pc_steps__step.pc_steps__step--vertical .pc_steps__step__container{padding-top:var(--pt-dimension-300, 6px);padding-bottom:var(--pt-dimension-300, 6px)}.pc_steps__step.pc_steps__step--completed{--ptc-steps-step-title-fg: rgba(var(--pt-fg))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--completed .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fill))}.pc_steps__step:not(.pc_steps__step--completed):not(.pc_steps__step--current) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: \"transparent\"}.pc_steps__step[data-completed]{--ptc-steps-step-line-bg: rgba(var(--pt-primary-br))}.pc_steps__step:not([data-completed]):not(.pc_steps__step--current){--ptc-steps-step-line-bg: rgba(var(--pt-br))}.pc_steps__step:not([data-completed]).pc_steps__step--current{--ptc-steps-step-line-bg: rgba(var(--pt-primary-0))}.pc_steps__step.pc_steps__step--current{--ptc-steps-step-title-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-bg: rgba(var(--pt-primary-fill));--ptc-steps-step-fg: rgba(var(--pt-primary-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-primary-br))}.pc_steps__step.pc_steps__step--current .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-primary-fg))}.pc_steps__step.pc_steps__step--current .pc_steps__step__title{font-weight:700!important}.pc_steps__step.pc_steps__step--upcoming{--ptc-steps-step-title-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-style:dashed;--ptc-steps-step-fg: rgba(var(--pt-fg-subtle));--ptc-steps-step-br: rgba(var(--pt-br))}.pc_steps__step.pc_steps__step--upcoming .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-fg-subtle))}.pc_steps__step:not(.pc_steps__step--upcoming) .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-style:solid}.pc_steps__step.pc_steps__step--error{--ptc-steps-step-title-fg: rgba(var(--pt-danger-fg))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading:not(.pc_steps__step__leading--icon){--ptc-steps-step-fg: rgba(var(--pt-danger-fg));--ptc-steps-step-br: rgba(var(--pt-danger-br))}.pc_steps__step.pc_steps__step--error .pc_steps__step__leading.pc_steps__step__leading--icon{--ptc-steps-step-fg: rgba(var(--pt-danger-fg))}.pc_steps__step .pc_steps__step__leading{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-full, 88px);background:var(--ptc-steps-step-bg);color:var(--ptc-steps-step-fg)}.pc_steps__step .pc_steps__step__leading .pc_steps__step__leading__number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_steps__step .pc_steps__step__leading:not(.pc_steps__step__leading--icon){border-width:1px;border-style:solid;border-color:var(--ptc-steps-step-br)}.pc_steps__step .pc_steps__step__line{background:var(--ptc-steps-step-line-bg)}.pc_steps__step .pc_steps__step__container{width:100%;display:flex;gap:var(--pt-dimension-300, 6px)}.pc_steps__step .pc_steps__step__content{flex:1 1 0%;text-align:start;max-width:calc(100% - var(--pt-dimension-1000) - var(--pt-dimension-300))}.pc_steps__step .pc_steps__step__title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:var(--pt-dimension-100, 2px);padding-bottom:var(--pt-dimension-100, 2px);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;color:var(--ptc-steps-step-title-fg)}.pc_steps__step .pc_steps__step__description{width:100%;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_steps__step:disabled{cursor:not-allowed}.pc_steps__step:not(:disabled){cursor:pointer}\n";
5
5
  const stepsId = `${prefix}s-steps`;
6
6
  const addStepsCss = () => addCssToHead(stepsId, cssText);
7
7
  const removeStepsCss = () => removeCssFromHead(stepsId);
package/dist/table.css CHANGED
@@ -1 +1 @@
1
- .pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}
1
+ .pc_table{box-sizing:border-box}.pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}
package/dist/table.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}\n";
2
+ const cssText = ".pc_table{box-sizing:border-box}.pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}\n";
3
3
  const tableId = `${prefix}s-table`;
4
4
  const addTableCss = () => addCssToHead(tableId, cssText);
5
5
  const removeTableCss = () => removeCssFromHead(tableId);
package/dist/table.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}\n";
4
+ const cssText = ".pc_table{box-sizing:border-box}.pc_table--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}\n";
5
5
  const tableId = `${prefix}s-table`;
6
6
  const addTableCss = () => addCssToHead(tableId, cssText);
7
7
  const removeTableCss = () => removeCssFromHead(tableId);
package/dist/tbody.css CHANGED
@@ -1 +1 @@
1
- .pc_table__tbody{border-width:var(--pt-stroke-0, 0px)}
1
+ .pc_table__tbody{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}
package/dist/tbody.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_table__tbody{border-width:var(--pt-stroke-0, 0px)}\n";
2
+ const cssText = ".pc_table__tbody{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}\n";
3
3
  const tbodyId = `${prefix}s-tbody`;
4
4
  const addTbodyCss = () => addCssToHead(tbodyId, cssText);
5
5
  const removeTbodyCss = () => removeCssFromHead(tbodyId);
package/dist/tbody.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_table__tbody{border-width:var(--pt-stroke-0, 0px)}\n";
4
+ const cssText = ".pc_table__tbody{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}\n";
5
5
  const tbodyId = `${prefix}s-tbody`;
6
6
  const addTbodyCss = () => addCssToHead(tbodyId, cssText);
7
7
  const removeTbodyCss = () => removeCssFromHead(tbodyId);
package/dist/tcell.css CHANGED
@@ -1 +1 @@
1
- .pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:"";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}
1
+ .pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:"";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}
package/dist/tcell.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
2
+ const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
3
3
  const tcellId = `${prefix}s-tcell`;
4
4
  const addTcellCss = () => addCssToHead(tcellId, cssText);
5
5
  const removeTcellCss = () => removeCssFromHead(tcellId);
package/dist/tcell.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
4
+ const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
5
5
  const tcellId = `${prefix}s-tcell`;
6
6
  const addTcellCss = () => addCssToHead(tcellId, cssText);
7
7
  const removeTcellCss = () => removeCssFromHead(tcellId);
package/dist/textarea.css CHANGED
@@ -1 +1 @@
1
- .pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle));--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):hover{--ptc-textarea-fg: rgba(var(--pt-fg-target))}.pc_textarea:not(:disabled):not([data-disabled=true]):focus,.pc_textarea:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>") no-repeat center;border:0;display:block;width:8px;height:8px}
1
+ .pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>") no-repeat center;border:0;display:block;width:8px;height:8px}
package/dist/textarea.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle));--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):hover{--ptc-textarea-fg: rgba(var(--pt-fg-target))}.pc_textarea:not(:disabled):not([data-disabled=true]):focus,.pc_textarea:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center;border:0;display:block;width:8px;height:8px}\n";
2
+ const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center;border:0;display:block;width:8px;height:8px}\n";
3
3
  const textareaId = `${prefix}s-textarea`;
4
4
  const addTextareaCss = () => addCssToHead(textareaId, cssText);
5
5
  const removeTextareaCss = () => removeCssFromHead(textareaId);
package/dist/textarea.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle));--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):hover{--ptc-textarea-fg: rgba(var(--pt-fg-target))}.pc_textarea:not(:disabled):not([data-disabled=true]):focus,.pc_textarea:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center;border:0;display:block;width:8px;height:8px}\n";
4
+ const cssText = ".pc_textarea{box-sizing:border-box;display:block;min-width:var(--pt-dimension-0, 0px);width:100%;outline:0;color:var(--ptc-textarea-fg);background:var(--ptc-textarea-bg);min-height:var(--ptc-textarea-min-h);height:var(--ptc-textarea-h);padding-bottom:var(--ptc-textarea-py);padding-top:var(--ptc-textarea-py);padding-right:var(--ptc-textarea-px);padding-left:var(--ptc-textarea-px);max-height:var(--ptc-textarea-max-h)}.pc_textarea:not(:disabled):not([data-disabled=true]){--ptc-textarea-bg: rgba(var(--pt-bg));--ptc-textarea-trailing: rgba(var(--pt-fg-subtle))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false]){--ptc-textarea-placeholder: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=true]{--ptc-textarea-fg: rgba(var(--pt-fg))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-fg-color=false])[data-fill=false]{--ptc-textarea-fg: rgba(var(--pt-gray-5))}.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_textarea:disabled,.pc_textarea[data-disabled=true]{cursor:not-allowed;--ptc-textarea-bg: rgba(var(--pt-gray-05));--ptc-textarea-fg: rgba(var(--pt-disable-fg));--ptc-textarea-trailing: rgba(var(--pt-disable-fg));--ptc-textarea-placeholder: rgba(var(--pt-disable-fg))}.pc_textarea.pc_textarea--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-textarea-br)}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):not(.pc_textarea--error):not(.pc_textarea--success):not(.pc_textarea--warning):not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]){z-index:1}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-danger-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--error:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-danger-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-warning-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--warning:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-warning-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-textarea-br: rgba(var(--pt-success-br))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]).pc_textarea--success:not(:focus):not([data-focus=true]):hover{--ptc-textarea-br: rgba(var(--pt-success-br-target))}.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus,.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly])[data-focus=true],.pc_textarea.pc_textarea--bordered:not(:disabled):not([data-disabled=true]):not([data-readonly]):focus-visible{--ptc-textarea-br: rgba(var(--pt-primary-6))}.pc_textarea.pc_textarea--bordered[data-readonly]{--ptc-textarea-br: rgba(var(--pt-br))}.pc_textarea.pc_textarea--bordered:disabled,.pc_textarea.pc_textarea--bordered[data-disabled=true]{--ptc-textarea-br: rgba(var(--pt-gray-1))}.pc_textarea:not(.pc_textarea--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_textarea.pc_textarea--sm,.pc_textarea.pc_textarea--md{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-100)}.pc_textarea.pc_textarea--sm{--ptc-textarea-min-h: var(--pt-dimension-1200);--ptc-textarea-h: calc(var(--pt-dimension-2000) + var(--pt-dimension-300));border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_textarea.pc_textarea--md{--ptc-textarea-min-h: var(--pt-dimension-1600);--ptc-textarea-h: calc(var(--pt-dimension-2400) + var(--pt-dimension-300));border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea.pc_textarea--lg{--ptc-textarea-px: var(--pt-dimension-200);--ptc-textarea-py: var(--pt-dimension-200);--ptc-textarea-min-h: var(--pt-dimension-2000);--ptc-textarea-h: calc(var(--pt-dimension-2800) + var(--pt-dimension-300));border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_textarea:not(.pc_textarea--auto-size){resize:vertical}.pc_textarea.pc_textarea--auto-size{resize:none}.pc_textarea:-moz-autofill,.pc_textarea:-webkit-autofill,.pc_textarea:-webkit-autofill:hover,.pc_textarea:-webkit-autofill:focus,.pc_textarea:-webkit-autofill:active,.pc_textarea:autofill,.pc_textarea:autofill:hover,.pc_textarea:autofill:focus{color:var(--ptc-textarea-fg)!important;-webkit-text-fill-color:var(--ptc-textarea-fg)!important;caret-color:var(--ptc-textarea-fg)!important;background-color:var(--ptc-textarea-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-textarea-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-textarea-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_textarea:-moz-autofill::placeholder,.pc_textarea:-webkit-autofill::placeholder,.pc_textarea:-webkit-autofill:hover::placeholder,.pc_textarea:-webkit-autofill:focus::placeholder,.pc_textarea:-webkit-autofill:active::placeholder,.pc_textarea:autofill::placeholder,.pc_textarea:autofill:hover::placeholder,.pc_textarea:autofill:focus::placeholder{color:var(--ptc-textarea-placeholder)!important;-webkit-text-fill-color:var(--ptc-textarea-placeholder)!important}.pc_textarea::placeholder{color:var(--ptc-textarea-placeholder);-webkit-text-fill-color:var(--ptc-textarea-placeholder)}.pc_textarea::-webkit-scrollbar,.pc_textarea ::-webkit-scrollbar{width:4px;height:4px}.pc_textarea::-webkit-scrollbar-thumb,.pc_textarea ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_textarea::-webkit-scrollbar-thumb:hover,.pc_textarea ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_textarea{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_textarea::-webkit-resizer{background:url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M1 6.65686L6.65685 1.00001' stroke='%236E737C' stroke-linecap='round'/><path d='M4 6.82843L6.82843 4' stroke='%236E737C' stroke-linecap='round'/></svg>\") no-repeat center;border:0;display:block;width:8px;height:8px}\n";
5
5
  const textareaId = `${prefix}s-textarea`;
6
6
  const addTextareaCss = () => addCssToHead(textareaId, cssText);
7
7
  const removeTextareaCss = () => removeCssFromHead(textareaId);
package/dist/tfoot.css CHANGED
@@ -1 +1 @@
1
- .pc_table__tfoot{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}
1
+ .pc_table__tfoot{box-sizing:border-box;--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}
package/dist/tfoot.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_table__tfoot{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}\n";
2
+ const cssText = ".pc_table__tfoot{box-sizing:border-box;--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}\n";
3
3
  const tfootId = `${prefix}s-tfoot`;
4
4
  const addTfootCss = () => addCssToHead(tfootId, cssText);
5
5
  const removeTfootCss = () => removeCssFromHead(tfootId);
package/dist/tfoot.umd.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
- const cssText = ".pc_table__tfoot{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}\n";
4
+ const cssText = ".pc_table__tfoot{box-sizing:border-box;--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg)}.pc_table__tfoot--sticky{position:sticky;bottom:var(--pt-dimension-0, 0px);z-index:3}.pc_table__tfoot--sticky:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);z-index:3;width:100%;height:1px;--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pc_table__tfoot:not(.pc_table__tfoot--sticky){border-width:var(--pt-stroke-0, 0px);border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}\n";
5
5
  const tfootId = `${prefix}s-tfoot`;
6
6
  const addTfootCss = () => addCssToHead(tfootId, cssText);
7
7
  const removeTfootCss = () => removeCssFromHead(tfootId);
package/dist/thead.css CHANGED
@@ -1 +1 @@
1
- .pc_table__thead{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg);border-width:var(--pt-stroke-0, 0px);border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_table__thead--sticky{position:sticky;top:var(--pt-dimension-0, 0px);z-index:3;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_table__thead--sticky:not(.pc_table__thead--hide-shadow){--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}
1
+ .pc_table__thead{--ptc-cell-bg: rgba(var(--pt-bg));background:var(--ptc-cell-bg);box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_table__thead--sticky{position:sticky;top:var(--pt-dimension-0, 0px);z-index:3;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_table__thead--sticky:not(.pc_table__thead--hide-shadow){--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}