@pantograph/styles 0.0.2 → 0.0.3

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 (24) hide show
  1. package/dist/dialog.css +1 -1
  2. package/dist/dialog.js +1 -1
  3. package/dist/dialog.umd.cjs +1 -1
  4. package/dist/index.css +1 -1
  5. package/dist/index.d.ts +1 -0
  6. package/dist/index.js +2 -1
  7. package/dist/index.umd.cjs +4 -1
  8. package/dist/input.css +1 -1
  9. package/dist/input.js +1 -1
  10. package/dist/input.umd.cjs +1 -1
  11. package/dist/select.css +1 -1
  12. package/dist/select.js +1 -1
  13. package/dist/select.umd.cjs +1 -1
  14. package/dist/stepper.css +1 -0
  15. package/dist/stepper.d.ts +5 -0
  16. package/dist/stepper.js +7 -0
  17. package/dist/stepper.umd.cjs +12 -0
  18. package/dist/tabs.css +1 -1
  19. package/dist/tabs.js +1 -1
  20. package/dist/tabs.umd.cjs +1 -1
  21. package/dist/textarea.css +1 -1
  22. package/dist/textarea.js +1 -1
  23. package/dist/textarea.umd.cjs +1 -1
  24. package/package.json +2 -2
package/dist/input.css CHANGED
@@ -1 +1 @@
1
- .pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);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;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--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_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);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_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);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_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg));--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target));--ptc-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input: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_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder)}.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}
1
+ .pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);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;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--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_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);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_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);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_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle));--ptc-input-placeholder: rgba(var(--pt-gray-5))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input: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_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg)}.pc_input .pc_input__input:-moz-autofill,.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg);-webkit-text-fill-color:var(--ptc-input-fg);caret-color:var(--ptc-input-fg);background-color:var(--ptc-input-bg);-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset;transition:background-color 5000s ease-in-out 0s}.pc_input .pc_input__input:-moz-autofill::placeholder,.pc_input .pc_input__input:-webkit-autofill::placeholder,.pc_input .pc_input__input:-webkit-autofill:hover::placeholder,.pc_input .pc_input__input:-webkit-autofill:focus::placeholder,.pc_input .pc_input__input:-webkit-autofill:active::placeholder,.pc_input .pc_input__input:autofill::placeholder,.pc_input .pc_input__input:autofill:hover::placeholder,.pc_input .pc_input__input:autofill:focus::placeholder{color:var(--ptc-input-placeholder);-webkit-text-fill-color:var(--ptc-input-placeholder)}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder);-webkit-text-fill-color:var(--ptc-input-placeholder)}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}
package/dist/input.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);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;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--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_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);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_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);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_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg));--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target));--ptc-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input: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_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder)}.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}\n";
2
+ const cssText = ".pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);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;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--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_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);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_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);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_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle));--ptc-input-placeholder: rgba(var(--pt-gray-5))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input: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_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg)}.pc_input .pc_input__input:-moz-autofill,.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg);-webkit-text-fill-color:var(--ptc-input-fg);caret-color:var(--ptc-input-fg);background-color:var(--ptc-input-bg);-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset;transition:background-color 5000s ease-in-out 0s}.pc_input .pc_input__input:-moz-autofill::placeholder,.pc_input .pc_input__input:-webkit-autofill::placeholder,.pc_input .pc_input__input:-webkit-autofill:hover::placeholder,.pc_input .pc_input__input:-webkit-autofill:focus::placeholder,.pc_input .pc_input__input:-webkit-autofill:active::placeholder,.pc_input .pc_input__input:autofill::placeholder,.pc_input .pc_input__input:autofill:hover::placeholder,.pc_input .pc_input__input:autofill:focus::placeholder{color:var(--ptc-input-placeholder);-webkit-text-fill-color:var(--ptc-input-placeholder)}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder);-webkit-text-fill-color:var(--ptc-input-placeholder)}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}\n";
3
3
  const inputId = `${prefix}s-input`;
4
4
  const addInputCss = () => addCssToHead(inputId, cssText);
5
5
  const removeInputCss = () => removeCssFromHead(inputId);
package/dist/input.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_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);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;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--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_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);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_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);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_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg));--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target));--ptc-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input: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_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg);color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder)}.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg)!important;-webkit-text-fill-color:var(--ptc-input-fg)!important;caret-color:var(--ptc-input-fg)!important;background-color:var(--ptc-input-bg)!important;-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset!important;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s!important}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}\n";
4
+ const cssText = ".pc_input{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);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;color:var(--ptc-input-fg);background:var(--ptc-input-bg)}.pc_input .pc_input__number_steps{grid-template-rows:repeat(2,minmax(0,1fr));display:none;height:100%}.pc_input .pc_input__number_steps .pc_input__number_steps__down,.pc_input .pc_input__number_steps .pc_input__number_steps__up{display:flex;justify-content:center;border-width:var(--pt-stroke-0, 0px);outline:0}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]),.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]){cursor:pointer;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));width:var(--ptc-input-step-w);min-width:var(--ptc-input-step-w);max-width:var(--ptc-input-step-w)}.pc_input .pc_input__number_steps .pc_input__number_steps__down:not([data-disabled=true]):hover,.pc_input .pc_input__number_steps .pc_input__number_steps__up:not([data-disabled=true]):hover{--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_input .pc_input__number_steps .pc_input__number_steps__down[data-disabled=true],.pc_input .pc_input__number_steps .pc_input__number_steps__up[data-disabled=true]{cursor:not-allowed;--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_input .pc_input__number_steps .pc_input__number_steps__down{align-items:flex-start}.pc_input .pc_input__number_steps .pc_input__number_steps__up{align-items:flex-end}.pc_input.pc_input--sm{--ptc-input-h: var(--pt-dimension-1200);--ptc-input-roundness: var(--pt-roundness-sm);--ptc-input-px: var(--pt-dimension-200);--ptc-input-step-w: var(--pt-dimension-1000)}.pc_input.pc_input--sm .pc_input__input{height:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_input.pc_input--sm .pc_input__leading,.pc_input.pc_input--sm .pc_input__trailing{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-500, 10px);line-height:var(--pt-lineheight-8, 12px);letter-spacing:0}.pc_input.pc_input--md{--ptc-input-h: var(--pt-dimension-1600);--ptc-input-roundness: var(--pt-roundness-md);--ptc-input-px: var(--pt-dimension-300);--ptc-input-step-w: var(--pt-dimension-1200)}.pc_input.pc_input--md .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--md .pc_input__leading,.pc_input.pc_input--md .pc_input__trailing{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);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_input.pc_input--lg{--ptc-input-h: var(--pt-dimension-2000);--ptc-input-px: var(--pt-dimension-400);--ptc-input-roundness: var(--pt-roundness-lg);--ptc-input-step-w: var(--pt-dimension-1600)}.pc_input.pc_input--lg .pc_input__input{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_input.pc_input--lg .pc_input__leading,.pc_input.pc_input--lg .pc_input__trailing{height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);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_input:not(.pc_input--simple){border-radius:var(--ptc-input-roundness);height:var(--ptc-input-h);min-height:var(--ptc-input-h);max-height:var(--ptc-input-h);padding-inline-start:var(--ptc-input-px)}.pc_input:not(.pc_input--simple):not(.pc_input--steps),.pc_input:not(.pc_input--simple).pc_input--steps:not(:hover){padding-inline-end:var(--ptc-input-px)}.pc_input:not(.pc_input--content-fit){width:100%}.pc_input.pc_input--content-fit .pc_input__input{field-sizing:content}.pc_input .pc_input__input{outline:0}.pc_input:not(:disabled):not([data-disabled=true]){--ptc-input-bg: rgba(var(--pt-bg));--ptc-input-trailing: rgba(var(--pt-fg-subtle));--ptc-input-placeholder: rgba(var(--pt-gray-5))}.pc_input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-input-fg: rgba(var(--pt-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover{--ptc-input-fg: rgba(var(--pt-fg-target))}.pc_input:not(:disabled):not([data-disabled=true]):focus,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input: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_input:disabled,.pc_input[data-disabled=true]{cursor:not-allowed;--ptc-input-bg: rgba(var(--pt-gray-05));--ptc-input-fg: rgba(var(--pt-disable-fg));--ptc-input-trailing: rgba(var(--pt-disable-fg));--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_input:not(:disabled):not([data-disabled=true]):hover .pc_input__number_steps{display:grid}.pc_input:not(:disabled):not([data-disabled=true]):focus.pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true])[data-focus=true].pc_input--simple,.pc_input:not(:disabled):not([data-disabled=true]):focus-visible.pc_input--simple{box-shadow:none}.pc_input.pc_input--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-input-br)}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):not(.pc_input--error):not(.pc_input--success):not(.pc_input--warning):not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-danger-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--error:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-danger-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-warning-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--warning:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-warning-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):not(:hover){--ptc-input-br: rgba(var(--pt-success-br))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]).pc_input--success:not(:focus):not([data-focus=true]):hover{--ptc-input-br: rgba(var(--pt-success-br-target))}.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus,.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true])[data-focus=true],.pc_input.pc_input--bordered:not(:disabled):not([data-disabled=true]):focus-visible{--ptc-input-br: rgba(var(--pt-primary-6))}.pc_input.pc_input--bordered:disabled,.pc_input.pc_input--bordered[data-disabled=true]{--ptc-input-br: rgba(var(--pt-gray-1))}.pc_input:not(.pc_input--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_input .pc_input__input{box-sizing:border-box;min-width:64px;flex-shrink:1;flex-grow:1;overflow:hidden;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;color:var(--ptc-input-fg)}.pc_input .pc_input__input:-moz-autofill,.pc_input .pc_input__input:-webkit-autofill,.pc_input .pc_input__input:-webkit-autofill:hover,.pc_input .pc_input__input:-webkit-autofill:focus,.pc_input .pc_input__input:-webkit-autofill:active,.pc_input .pc_input__input:autofill,.pc_input .pc_input__input:autofill:hover,.pc_input .pc_input__input:autofill:focus{color:var(--ptc-input-fg);-webkit-text-fill-color:var(--ptc-input-fg);caret-color:var(--ptc-input-fg);background-color:var(--ptc-input-bg);-webkit-box-shadow:0 0 0px 1000px var(--ptc-input-bg) inset;box-shadow:0 0 0 1000px var(--ptc-input-bg) inset;transition:background-color 5000s ease-in-out 0s}.pc_input .pc_input__input:-moz-autofill::placeholder,.pc_input .pc_input__input:-webkit-autofill::placeholder,.pc_input .pc_input__input:-webkit-autofill:hover::placeholder,.pc_input .pc_input__input:-webkit-autofill:focus::placeholder,.pc_input .pc_input__input:-webkit-autofill:active::placeholder,.pc_input .pc_input__input:autofill::placeholder,.pc_input .pc_input__input:autofill:hover::placeholder,.pc_input .pc_input__input:autofill:focus::placeholder{color:var(--ptc-input-placeholder);-webkit-text-fill-color:var(--ptc-input-placeholder)}.pc_input .pc_input__input::placeholder{color:var(--ptc-input-placeholder);-webkit-text-fill-color:var(--ptc-input-placeholder)}.pc_input .pc_input__input_value{pointer-events:none;visibility:hidden;position:absolute;inset:var(--pt-dimension-0, 0px);display:inline;width:fit-content;opacity:0}.pc_input .pc_input__leading,.pc_input .pc_input__trailing{height:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_input .pc_input__leading{color:var(--ptc-input-fg)}.pc_input .pc_input__trailing{gap:var(--pt-dimension-200, 4px);color:var(--ptc-input-trailing)}.pc_input .pc_input__trailing .pc_input__clear_icon{cursor:pointer}.pc_input .pc_input__divider{height:var(--pt-dimension-700, 14px);min-height:unset}\n";
5
5
  const inputId = `${prefix}s-input`;
6
6
  const addInputCss = () => addCssToHead(inputId, cssText);
7
7
  const removeInputCss = () => removeCssFromHead(inputId);
package/dist/select.css CHANGED
@@ -1 +1 @@
1
- .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);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);border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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){width:100%;--ptc-select-trigger-min-w: 220px}.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: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))}.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))}
1
+ .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);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);border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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){width:100%;--ptc-select-trigger-min-w: 220px}.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: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))}
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);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);border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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){width:100%;--ptc-select-trigger-min-w: 220px}.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: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))}.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;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);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);border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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){width:100%;--ptc-select-trigger-min-w: 220px}.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: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";
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);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);border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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){width:100%;--ptc-select-trigger-min-w: 220px}.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: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))}.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;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);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);border-radius:var(--pt-roundness-sm, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-md, 6px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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);border-radius:var(--pt-roundness-lg, 8px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-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){width:100%;--ptc-select-trigger-min-w: 220px}.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: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";
5
5
  const selectId = `${prefix}s-select`;
6
6
  const addSelectCss = () => addCssToHead(selectId, cssText);
7
7
  const removeSelectCss = () => removeCssFromHead(selectId);
package/dist/stepper.css ADDED
@@ -0,0 +1 @@
1
+ .pc_stepper{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_stepper .pc_stepper__value{display:flex;align-items:center;justify-content:center;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_stepper.pc_stepper--sm .pc_stepper__value{min-width:var(--pt-size-sm, 24px);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_stepper.pc_stepper--md .pc_stepper__value{min-width:var(--pt-size-md, 32px);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_stepper.pc_stepper--lg .pc_stepper__value{min-width:var(--pt-size-lg, 40px);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}
package/dist/stepper.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ declare const stepperId: string;
2
+ declare const addStepperCss: () => void;
3
+ declare const removeStepperCss: () => void;
4
+ declare const stepperCss: string;
5
+ export { stepperId, addStepperCss, removeStepperCss, stepperCss };
package/dist/stepper.js ADDED
@@ -0,0 +1,7 @@
1
+ import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
+ const cssText = ".pc_stepper{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_stepper .pc_stepper__value{display:flex;align-items:center;justify-content:center;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_stepper.pc_stepper--sm .pc_stepper__value{min-width:var(--pt-size-sm, 24px);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_stepper.pc_stepper--md .pc_stepper__value{min-width:var(--pt-size-md, 32px);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_stepper.pc_stepper--lg .pc_stepper__value{min-width:var(--pt-size-lg, 40px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
3
+ const stepperId = `${prefix}s-stepper`;
4
+ const addStepperCss = () => addCssToHead(stepperId, cssText);
5
+ const removeStepperCss = () => removeCssFromHead(stepperId);
6
+ const stepperCss = cssText;
7
+ export { stepperId, addStepperCss, removeStepperCss, stepperCss };
package/dist/stepper.umd.cjs ADDED
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
4
+ const cssText = ".pc_stepper{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_stepper .pc_stepper__value{display:flex;align-items:center;justify-content:center;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_stepper.pc_stepper--sm .pc_stepper__value{min-width:var(--pt-size-sm, 24px);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_stepper.pc_stepper--md .pc_stepper__value{min-width:var(--pt-size-md, 32px);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_stepper.pc_stepper--lg .pc_stepper__value{min-width:var(--pt-size-lg, 40px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}\n";
5
+ const stepperId = `${prefix}s-stepper`;
6
+ const addStepperCss = () => addCssToHead(stepperId, cssText);
7
+ const removeStepperCss = () => removeCssFromHead(stepperId);
8
+ const stepperCss = cssText;
9
+ exports.stepperId = stepperId;
10
+ exports.addStepperCss = addStepperCss;
11
+ exports.removeStepperCss = removeStepperCss;
12
+ exports.stepperCss = stepperCss;
package/dist/tabs.css CHANGED
@@ -1 +1 @@
1
- .pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}
1
+ .pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}
package/dist/tabs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
2
- const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
2
+ const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
3
3
  const tabsId = `${prefix}s-tabs`;
4
4
  const addTabsCss = () => addCssToHead(tabsId, cssText);
5
5
  const removeTabsCss = () => removeCssFromHead(tabsId);
package/dist/tabs.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_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
4
+ const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
5
5
  const tabsId = `${prefix}s-tabs`;
6
6
  const addTabsCss = () => addCssToHead(tabsId, cssText);
7
7
  const removeTabsCss = () => removeCssFromHead(tabsId);