@pantograph/styles 0.0.8 → 0.0.10
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.
- package/dist/avatar.css +1 -1
- package/dist/avatar.js +1 -1
- package/dist/avatar.umd.cjs +1 -1
- package/dist/banner.css +1 -0
- package/dist/banner.d.ts +5 -0
- package/dist/banner.js +7 -0
- package/dist/banner.umd.cjs +12 -0
- package/dist/combobox.css +1 -1
- package/dist/combobox.js +1 -1
- package/dist/combobox.umd.cjs +1 -1
- package/dist/data_table.css +1 -1
- package/dist/data_table.js +1 -1
- package/dist/data_table.umd.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -1
- package/dist/index.umd.cjs +4 -1
- package/dist/input.css +1 -1
- package/dist/input.js +1 -1
- package/dist/input.umd.cjs +1 -1
- package/dist/link.css +1 -1
- package/dist/link.js +1 -1
- package/dist/link.umd.cjs +1 -1
- package/dist/pin_input.css +1 -1
- package/dist/pin_input.js +1 -1
- package/dist/pin_input.umd.cjs +1 -1
- package/dist/select.css +1 -1
- package/dist/select.js +1 -1
- package/dist/select.umd.cjs +1 -1
- package/dist/steps.css +1 -1
- package/dist/steps.js +1 -1
- package/dist/steps.umd.cjs +1 -1
- package/dist/textarea.css +1 -1
- package/dist/textarea.js +1 -1
- package/dist/textarea.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/avatar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;
|
|
1
|
+
.pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_avatar.pc_avatar--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_avatar.pc_avatar--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pc_avatar.pc_avatar--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_avatar.pc_avatar--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_avatar.pc_avatar--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_avatar.pc_avatar--xlg{width:var(--pt-dimension-2400, 48px);height:var(--pt-dimension-2400, 48px);min-width:var(--pt-dimension-2400, 48px);max-width:var(--pt-dimension-2400, 48px);min-height:var(--pt-dimension-2400, 48px);max-height:var(--pt-dimension-2400, 48px)}.pc_avatar.pc_avatar--2xsm,.pc_avatar.pc_avatar--xsm,.pc_avatar.pc_avatar--sm{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_avatar.pc_avatar--md,.pc_avatar.pc_avatar--lg,.pc_avatar.pc_avatar--xlg{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_avatar .pc_avatar__image,.pc_avatar .pc_avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_avatar.pc_avatar--circle,.pc_avatar.pc_avatar--circle .pc_avatar__image,.pc_avatar.pc_avatar--circle .pc_avatar__fallback{border-radius:var(--pt-roundness-full, 88px)}.pc_avatar.pc_avatar--square,.pc_avatar.pc_avatar--square .pc_avatar__image,.pc_avatar.pc_avatar--square .pc_avatar__fallback{border-radius:var(--pt-roundness-sm, 4px)}.pc_avatar.pc_avatar--rect,.pc_avatar.pc_avatar--rect .pc_avatar__image,.pc_avatar.pc_avatar--rect .pc_avatar__fallback{border-radius:var(--pt-roundness-zero, 0px)}.pc_avatar .pc_avatar__image{aspect-ratio:1/1;object-fit:cover}.pc_avatar .pc_avatar__online{position:absolute;bottom:var(--pt-dimension-0, 0px);z-index:1;--ptu-outline-color-opacity:1;outline-color:rgba(var(--pt-gray-0),var(--ptu-outline-color-opacity));outline-style:solid}.pc_avatar--online-start .pc_avatar__online{inset-inline-start:var(--pt-dimension-0, 0px)}.pc_avatar--online-end .pc_avatar__online{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_avatar.pc_avatar--red{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-red-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--orange{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--blue{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--lime{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--green{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-green-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--cyan{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--sky{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--violet{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--pink{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--teal{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--amber{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--fuchsia{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--amethyst{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--mallard{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--ocean{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--primary{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--gray{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--white{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-0),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--gray-subtle{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity))}.pc_avatar__group{width:fit-content;display:flex;align-items:center}.pc_avatar__group.pc_avatar__group--gutter{gap:var(--pt-dimension-200, 4px)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child){z-index:1}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--sm,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--xsm,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--2xsm{margin-inline-start:calc(var(--pt-dimension-500, 10px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--md{margin-inline-start:calc(var(--pt-dimension-600, 12px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--lg,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--xlg{margin-inline-start:calc(var(--pt-dimension-700, 14px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:first-child{border-width:var(--pt-stroke-0, 0px)}
|
package/dist/avatar.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
|
|
2
|
-
const cssText = ".pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;
|
|
2
|
+
const cssText = ".pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_avatar.pc_avatar--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_avatar.pc_avatar--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pc_avatar.pc_avatar--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_avatar.pc_avatar--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_avatar.pc_avatar--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_avatar.pc_avatar--xlg{width:var(--pt-dimension-2400, 48px);height:var(--pt-dimension-2400, 48px);min-width:var(--pt-dimension-2400, 48px);max-width:var(--pt-dimension-2400, 48px);min-height:var(--pt-dimension-2400, 48px);max-height:var(--pt-dimension-2400, 48px)}.pc_avatar.pc_avatar--2xsm,.pc_avatar.pc_avatar--xsm,.pc_avatar.pc_avatar--sm{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_avatar.pc_avatar--md,.pc_avatar.pc_avatar--lg,.pc_avatar.pc_avatar--xlg{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_avatar .pc_avatar__image,.pc_avatar .pc_avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_avatar.pc_avatar--circle,.pc_avatar.pc_avatar--circle .pc_avatar__image,.pc_avatar.pc_avatar--circle .pc_avatar__fallback{border-radius:var(--pt-roundness-full, 88px)}.pc_avatar.pc_avatar--square,.pc_avatar.pc_avatar--square .pc_avatar__image,.pc_avatar.pc_avatar--square .pc_avatar__fallback{border-radius:var(--pt-roundness-sm, 4px)}.pc_avatar.pc_avatar--rect,.pc_avatar.pc_avatar--rect .pc_avatar__image,.pc_avatar.pc_avatar--rect .pc_avatar__fallback{border-radius:var(--pt-roundness-zero, 0px)}.pc_avatar .pc_avatar__image{aspect-ratio:1/1;object-fit:cover}.pc_avatar .pc_avatar__online{position:absolute;bottom:var(--pt-dimension-0, 0px);z-index:1;--ptu-outline-color-opacity:1;outline-color:rgba(var(--pt-gray-0),var(--ptu-outline-color-opacity));outline-style:solid}.pc_avatar--online-start .pc_avatar__online{inset-inline-start:var(--pt-dimension-0, 0px)}.pc_avatar--online-end .pc_avatar__online{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_avatar.pc_avatar--red{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-red-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--orange{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--blue{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--lime{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--green{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-green-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--cyan{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--sky{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--violet{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--pink{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--teal{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--amber{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--fuchsia{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--amethyst{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--mallard{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--ocean{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--primary{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--gray{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--white{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-0),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--gray-subtle{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity))}.pc_avatar__group{width:fit-content;display:flex;align-items:center}.pc_avatar__group.pc_avatar__group--gutter{gap:var(--pt-dimension-200, 4px)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child){z-index:1}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--sm,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--xsm,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--2xsm{margin-inline-start:calc(var(--pt-dimension-500, 10px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--md{margin-inline-start:calc(var(--pt-dimension-600, 12px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--lg,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--xlg{margin-inline-start:calc(var(--pt-dimension-700, 14px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:first-child{border-width:var(--pt-stroke-0, 0px)}\n";
|
|
3
3
|
const avatarId = `${prefix}s-avatar`;
|
|
4
4
|
const addAvatarCss = () => addCssToHead(avatarId, cssText);
|
|
5
5
|
const removeAvatarCss = () => removeCssFromHead(avatarId);
|
package/dist/avatar.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_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;
|
|
4
|
+
const cssText = ".pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-1),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-gray-6),var(--ptu-text-opacity))}.pc_avatar.pc_avatar--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px)}.pc_avatar.pc_avatar--xsm{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pc_avatar.pc_avatar--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_avatar.pc_avatar--md{width:var(--pt-dimension-1600, 32px);height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_avatar.pc_avatar--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_avatar.pc_avatar--xlg{width:var(--pt-dimension-2400, 48px);height:var(--pt-dimension-2400, 48px);min-width:var(--pt-dimension-2400, 48px);max-width:var(--pt-dimension-2400, 48px);min-height:var(--pt-dimension-2400, 48px);max-height:var(--pt-dimension-2400, 48px)}.pc_avatar.pc_avatar--2xsm,.pc_avatar.pc_avatar--xsm,.pc_avatar.pc_avatar--sm{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_avatar.pc_avatar--md,.pc_avatar.pc_avatar--lg,.pc_avatar.pc_avatar--xlg{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_avatar .pc_avatar__image,.pc_avatar .pc_avatar__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_avatar.pc_avatar--circle,.pc_avatar.pc_avatar--circle .pc_avatar__image,.pc_avatar.pc_avatar--circle .pc_avatar__fallback{border-radius:var(--pt-roundness-full, 88px)}.pc_avatar.pc_avatar--square,.pc_avatar.pc_avatar--square .pc_avatar__image,.pc_avatar.pc_avatar--square .pc_avatar__fallback{border-radius:var(--pt-roundness-sm, 4px)}.pc_avatar.pc_avatar--rect,.pc_avatar.pc_avatar--rect .pc_avatar__image,.pc_avatar.pc_avatar--rect .pc_avatar__fallback{border-radius:var(--pt-roundness-zero, 0px)}.pc_avatar .pc_avatar__image{aspect-ratio:1/1;object-fit:cover}.pc_avatar .pc_avatar__online{position:absolute;bottom:var(--pt-dimension-0, 0px);z-index:1;--ptu-outline-color-opacity:1;outline-color:rgba(var(--pt-gray-0),var(--ptu-outline-color-opacity));outline-style:solid}.pc_avatar--online-start .pc_avatar__online{inset-inline-start:var(--pt-dimension-0, 0px)}.pc_avatar--online-end .pc_avatar__online{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_avatar.pc_avatar--red{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-red-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--orange{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-orange-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--blue{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-blue-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--lime{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-lime-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--green{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-green-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--cyan{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-cyan-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--sky{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-sky-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--violet{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-violet-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--pink{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-pink-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--teal{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-teal-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--amber{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-amber-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--fuchsia{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-fuchsia-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--amethyst{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-amethyst-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--mallard{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-mallard-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--ocean{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-ocean-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--primary{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-primary-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--gray{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-5),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--white{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-0),var(--ptu-border-opacity))}.pc_avatar.pc_avatar--gray-subtle{border-width:var(--pt-stroke-10, 1px);border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-gray-2),var(--ptu-border-opacity))}.pc_avatar__group{width:fit-content;display:flex;align-items:center}.pc_avatar__group.pc_avatar__group--gutter{gap:var(--pt-dimension-200, 4px)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child){z-index:1}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--sm,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--xsm,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--2xsm{margin-inline-start:calc(var(--pt-dimension-500, 10px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--md{margin-inline-start:calc(var(--pt-dimension-600, 12px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--lg,.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:not(:first-child).pc_avatar--xlg{margin-inline-start:calc(var(--pt-dimension-700, 14px) * -1)}.pc_avatar__group:not(.pc_avatar__group--gutter) .pc_avatar:first-child{border-width:var(--pt-stroke-0, 0px)}\n";
|
|
5
5
|
const avatarId = `${prefix}s-avatar`;
|
|
6
6
|
const addAvatarCss = () => addCssToHead(avatarId, cssText);
|
|
7
7
|
const removeAvatarCss = () => removeCssFromHead(avatarId);
|
package/dist/banner.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.pc_banner{inset-inline-start:var(--pt-dimension-0, 0px);width:100%;min-height:var(--pt-dimension-2400, 48px);display:flex;align-items:flex-start;gap:var(--pt-dimension-300, 6px);overflow:hidden;padding-left:var(--pt-dimension-800, 16px);padding-right:var(--pt-dimension-800, 16px);padding-top:var(--pt-dimension-400, 8px);padding-bottom:var(--pt-dimension-400, 8px);background:var(--ptc-alert-bg)}.pc_banner.pc_banner--success-subtle{--ptc-alert-fg: rgba(var(--pt-success-fg));--ptc-alert-bg: rgba(var(--pt-success-fill-subtle))}.pc_banner.pc_banner--primary-subtle{--ptc-alert-fg: rgba(var(--pt-primary-fg));--ptc-alert-bg: rgba(var(--pt-primary-fill-subtle))}.pc_banner.pc_banner--danger-subtle{--ptc-alert-fg: rgba(var(--pt-danger-fg));--ptc-alert-bg: rgba(var(--pt-danger-fill-subtle))}.pc_banner.pc_banner--warning-subtle{--ptc-alert-fg: rgba(var(--pt-warning-fg));--ptc-alert-bg: rgba(var(--pt-warning-fill-subtle))}.pc_banner.pc_banner--info-subtle{--ptc-alert-fg: rgba(var(--pt-sky-fg));--ptc-alert-bg: rgba(var(--pt-sky-fill-subtle))}.pc_banner.pc_banner--neutral-subtle{--ptc-alert-fg: rgba(var(--pt-gray-fg));--ptc-alert-bg: rgba(var(--pt-gray-fill-subtle))}.pc_banner.pc_banner--primary{--ptc-link-color: rgba(var(--pt-primary-fg-subtle));--ptc-alert-fg: rgba(var(--pt-primary-fg-subtle));--ptc-alert-bg: rgba(var(--pt-primary-fill))}.pc_banner.pc_banner--danger{--ptc-link-color: rgba(var(--pt-danger-fg-subtle));--ptc-alert-fg: rgba(var(--pt-danger-fg-subtle));--ptc-alert-bg: rgba(var(--pt-danger-fill))}.pc_banner.pc_banner--warning{--ptc-link-color: rgba(var(--pt-warning-fg-subtle));--ptc-alert-fg: rgba(var(--pt-warning-fg-subtle));--ptc-alert-bg: rgba(var(--pt-warning-fill))}.pc_banner.pc_banner--info{--ptc-link-color: rgba(var(--pt-info-fg-subtle));--ptc-alert-fg: rgba(var(--pt-info-fg-subtle));--ptc-alert-bg: rgba(var(--pt-info-fill))}.pc_banner.pc_banner--success{--ptc-link-color: rgba(var(--pt-success-fg-subtle));--ptc-alert-fg: rgba(var(--pt-success-fg-subtle));--ptc-alert-bg: rgba(var(--pt-success-fill))}.pc_banner.pc_banner--neutral{--ptc-link-color: rgba(var(--pt-gray-fg-subtle));--ptc-alert-fg: rgba(var(--pt-gray-fg-subtle));--ptc-alert-bg: rgba(var(--pt-gray-fill))}.pc_banner .pc_banner__body{color:var(--ptc-alert-fg);min-height:var(--pt-size-md, 32px);display:flex;flex:1 1 0%;justify-content:center;gap:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__body .pc_banner__title{display:inline;white-space:pre-wrap;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_banner .pc_banner__action{margin-inline-start:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__actions{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__divider{height:var(--pt-dimension-800, 16px)}.pc_banner .pc_banner__link{margin-inline-start:var(--pt-dimension-400, 8px)}.pc_banner:not(.pc_banner--wrapped) .pc_banner__body{align-items:center}.pc_banner.pc_banner--absolute{position:absolute}.pc_banner.pc_banner--fixed{position:fixed}.pc_banner.pc_banner--top{top:calc(1px * var(--ptc-banner-offset, 0))}.pc_banner.pc_banner--bottom{bottom:calc(1px * var(--ptc-banner-offset, 0))}
|
package/dist/banner.d.ts
ADDED
package/dist/banner.js
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
|
|
2
|
+
const cssText = ".pc_banner{inset-inline-start:var(--pt-dimension-0, 0px);width:100%;min-height:var(--pt-dimension-2400, 48px);display:flex;align-items:flex-start;gap:var(--pt-dimension-300, 6px);overflow:hidden;padding-left:var(--pt-dimension-800, 16px);padding-right:var(--pt-dimension-800, 16px);padding-top:var(--pt-dimension-400, 8px);padding-bottom:var(--pt-dimension-400, 8px);background:var(--ptc-alert-bg)}.pc_banner.pc_banner--success-subtle{--ptc-alert-fg: rgba(var(--pt-success-fg));--ptc-alert-bg: rgba(var(--pt-success-fill-subtle))}.pc_banner.pc_banner--primary-subtle{--ptc-alert-fg: rgba(var(--pt-primary-fg));--ptc-alert-bg: rgba(var(--pt-primary-fill-subtle))}.pc_banner.pc_banner--danger-subtle{--ptc-alert-fg: rgba(var(--pt-danger-fg));--ptc-alert-bg: rgba(var(--pt-danger-fill-subtle))}.pc_banner.pc_banner--warning-subtle{--ptc-alert-fg: rgba(var(--pt-warning-fg));--ptc-alert-bg: rgba(var(--pt-warning-fill-subtle))}.pc_banner.pc_banner--info-subtle{--ptc-alert-fg: rgba(var(--pt-sky-fg));--ptc-alert-bg: rgba(var(--pt-sky-fill-subtle))}.pc_banner.pc_banner--neutral-subtle{--ptc-alert-fg: rgba(var(--pt-gray-fg));--ptc-alert-bg: rgba(var(--pt-gray-fill-subtle))}.pc_banner.pc_banner--primary{--ptc-link-color: rgba(var(--pt-primary-fg-subtle));--ptc-alert-fg: rgba(var(--pt-primary-fg-subtle));--ptc-alert-bg: rgba(var(--pt-primary-fill))}.pc_banner.pc_banner--danger{--ptc-link-color: rgba(var(--pt-danger-fg-subtle));--ptc-alert-fg: rgba(var(--pt-danger-fg-subtle));--ptc-alert-bg: rgba(var(--pt-danger-fill))}.pc_banner.pc_banner--warning{--ptc-link-color: rgba(var(--pt-warning-fg-subtle));--ptc-alert-fg: rgba(var(--pt-warning-fg-subtle));--ptc-alert-bg: rgba(var(--pt-warning-fill))}.pc_banner.pc_banner--info{--ptc-link-color: rgba(var(--pt-info-fg-subtle));--ptc-alert-fg: rgba(var(--pt-info-fg-subtle));--ptc-alert-bg: rgba(var(--pt-info-fill))}.pc_banner.pc_banner--success{--ptc-link-color: rgba(var(--pt-success-fg-subtle));--ptc-alert-fg: rgba(var(--pt-success-fg-subtle));--ptc-alert-bg: rgba(var(--pt-success-fill))}.pc_banner.pc_banner--neutral{--ptc-link-color: rgba(var(--pt-gray-fg-subtle));--ptc-alert-fg: rgba(var(--pt-gray-fg-subtle));--ptc-alert-bg: rgba(var(--pt-gray-fill))}.pc_banner .pc_banner__body{color:var(--ptc-alert-fg);min-height:var(--pt-size-md, 32px);display:flex;flex:1 1 0%;justify-content:center;gap:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__body .pc_banner__title{display:inline;white-space:pre-wrap;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_banner .pc_banner__action{margin-inline-start:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__actions{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__divider{height:var(--pt-dimension-800, 16px)}.pc_banner .pc_banner__link{margin-inline-start:var(--pt-dimension-400, 8px)}.pc_banner:not(.pc_banner--wrapped) .pc_banner__body{align-items:center}.pc_banner.pc_banner--absolute{position:absolute}.pc_banner.pc_banner--fixed{position:fixed}.pc_banner.pc_banner--top{top:calc(1px * var(--ptc-banner-offset, 0))}.pc_banner.pc_banner--bottom{bottom:calc(1px * var(--ptc-banner-offset, 0))}\n";
|
|
3
|
+
const bannerId = `${prefix}s-banner`;
|
|
4
|
+
const addBannerCss = () => addCssToHead(bannerId, cssText);
|
|
5
|
+
const removeBannerCss = () => removeCssFromHead(bannerId);
|
|
6
|
+
const bannerCss = cssText;
|
|
7
|
+
export { bannerId, addBannerCss, removeBannerCss, bannerCss };
|
|
@@ -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_banner{inset-inline-start:var(--pt-dimension-0, 0px);width:100%;min-height:var(--pt-dimension-2400, 48px);display:flex;align-items:flex-start;gap:var(--pt-dimension-300, 6px);overflow:hidden;padding-left:var(--pt-dimension-800, 16px);padding-right:var(--pt-dimension-800, 16px);padding-top:var(--pt-dimension-400, 8px);padding-bottom:var(--pt-dimension-400, 8px);background:var(--ptc-alert-bg)}.pc_banner.pc_banner--success-subtle{--ptc-alert-fg: rgba(var(--pt-success-fg));--ptc-alert-bg: rgba(var(--pt-success-fill-subtle))}.pc_banner.pc_banner--primary-subtle{--ptc-alert-fg: rgba(var(--pt-primary-fg));--ptc-alert-bg: rgba(var(--pt-primary-fill-subtle))}.pc_banner.pc_banner--danger-subtle{--ptc-alert-fg: rgba(var(--pt-danger-fg));--ptc-alert-bg: rgba(var(--pt-danger-fill-subtle))}.pc_banner.pc_banner--warning-subtle{--ptc-alert-fg: rgba(var(--pt-warning-fg));--ptc-alert-bg: rgba(var(--pt-warning-fill-subtle))}.pc_banner.pc_banner--info-subtle{--ptc-alert-fg: rgba(var(--pt-sky-fg));--ptc-alert-bg: rgba(var(--pt-sky-fill-subtle))}.pc_banner.pc_banner--neutral-subtle{--ptc-alert-fg: rgba(var(--pt-gray-fg));--ptc-alert-bg: rgba(var(--pt-gray-fill-subtle))}.pc_banner.pc_banner--primary{--ptc-link-color: rgba(var(--pt-primary-fg-subtle));--ptc-alert-fg: rgba(var(--pt-primary-fg-subtle));--ptc-alert-bg: rgba(var(--pt-primary-fill))}.pc_banner.pc_banner--danger{--ptc-link-color: rgba(var(--pt-danger-fg-subtle));--ptc-alert-fg: rgba(var(--pt-danger-fg-subtle));--ptc-alert-bg: rgba(var(--pt-danger-fill))}.pc_banner.pc_banner--warning{--ptc-link-color: rgba(var(--pt-warning-fg-subtle));--ptc-alert-fg: rgba(var(--pt-warning-fg-subtle));--ptc-alert-bg: rgba(var(--pt-warning-fill))}.pc_banner.pc_banner--info{--ptc-link-color: rgba(var(--pt-info-fg-subtle));--ptc-alert-fg: rgba(var(--pt-info-fg-subtle));--ptc-alert-bg: rgba(var(--pt-info-fill))}.pc_banner.pc_banner--success{--ptc-link-color: rgba(var(--pt-success-fg-subtle));--ptc-alert-fg: rgba(var(--pt-success-fg-subtle));--ptc-alert-bg: rgba(var(--pt-success-fill))}.pc_banner.pc_banner--neutral{--ptc-link-color: rgba(var(--pt-gray-fg-subtle));--ptc-alert-fg: rgba(var(--pt-gray-fg-subtle));--ptc-alert-bg: rgba(var(--pt-gray-fill))}.pc_banner .pc_banner__body{color:var(--ptc-alert-fg);min-height:var(--pt-size-md, 32px);display:flex;flex:1 1 0%;justify-content:center;gap:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__body .pc_banner__title{display:inline;white-space:pre-wrap;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_banner .pc_banner__action{margin-inline-start:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__actions{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pc_banner .pc_banner__divider{height:var(--pt-dimension-800, 16px)}.pc_banner .pc_banner__link{margin-inline-start:var(--pt-dimension-400, 8px)}.pc_banner:not(.pc_banner--wrapped) .pc_banner__body{align-items:center}.pc_banner.pc_banner--absolute{position:absolute}.pc_banner.pc_banner--fixed{position:fixed}.pc_banner.pc_banner--top{top:calc(1px * var(--ptc-banner-offset, 0))}.pc_banner.pc_banner--bottom{bottom:calc(1px * var(--ptc-banner-offset, 0))}\n";
|
|
5
|
+
const bannerId = `${prefix}s-banner`;
|
|
6
|
+
const addBannerCss = () => addCssToHead(bannerId, cssText);
|
|
7
|
+
const removeBannerCss = () => removeCssFromHead(bannerId);
|
|
8
|
+
const bannerCss = cssText;
|
|
9
|
+
exports.bannerId = bannerId;
|
|
10
|
+
exports.addBannerCss = addBannerCss;
|
|
11
|
+
exports.removeBannerCss = removeBannerCss;
|
|
12
|
+
exports.bannerCss = bannerCss;
|
package/dist/combobox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-combobox-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-combobox-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-combobox-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-combobox-roundness));min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-sm);--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-md);--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-lg);--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder);-webkit-text-fill-color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg);-webkit-text-fill-color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar{width:4px;height:4px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb:hover,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_combobox__popup .pc_combobox__scroll_area{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}
|
|
1
|
+
.pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-combobox-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-combobox-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-combobox-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-combobox-roundness));min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-sm);--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--md{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-md);--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--lg{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-lg);--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]),.pc_combobox__trigger[data-readonly]{--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly]),.pc_combobox__trigger[data-readonly]:not([data-readonly]){cursor:pointer}.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-readonly],.pc_combobox__trigger[data-readonly][data-readonly]{cursor:text}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled),.pc_combobox__trigger[data-readonly]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly]):focus,.pc_combobox__trigger[data-readonly]:not([data-readonly]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-focus=true],.pc_combobox__trigger[data-readonly]:not([data-readonly])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-state=open],.pc_combobox__trigger[data-readonly]:not([data-readonly])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly][data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly][data-readonly]{--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly]):focus,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly])[data-focus=true],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly])[data-state=open],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly])[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger:disabled:not([data-readonly]),.pc_combobox__trigger[disabled=true]:not([data-readonly]){cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]).pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true]:not([data-readonly]).pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]):not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not([data-readonly]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]).pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true]:not([data-readonly]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg))}.pc_combobox__trigger:disabled .pc_combobox__trigger__content,.pc_combobox__trigger[disabled=true] .pc_combobox__trigger__content{pointer-events:none}.pc_combobox__trigger:disabled [data-readonly],.pc_combobox__trigger[disabled=true] [data-readonly]{cursor:text}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);text-align:start;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;color:var(--ptc-input-fg)}.pc_combobox__trigger .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]){--ptc-input-fg: rgba(var(--pt-fg))}.pc_combobox__trigger .pc_combobox__input:not([data-content=true]):disabled,.pc_combobox__trigger .pc_combobox__input:not([data-content=true])[data-disabled=true]{--ptc-input-fg: rgba(var(--pt-disable-fg))}.pc_combobox__trigger .pc_combobox__input[data-content=true]:not([data-fill=true]){--ptc-input-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input[data-content=true] [data-fill=true]{--ptc-input-fg: rgba(var(--pt-fg))}.pc_combobox__trigger[data-state=open] .pc_combobox__input:not([data-content=true]){--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]):not([data-fill=true]){--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]) [data-fill=true]{--ptc-input-placeholder: rgba(var(--pt-fg))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):disabled,.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true])[data-disabled=true]{--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar{width:4px;height:4px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb:hover,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_combobox__popup .pc_combobox__scroll_area{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}
|
package/dist/combobox.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
|
|
2
|
-
const cssText = ".pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-combobox-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-combobox-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-combobox-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-combobox-roundness));min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-sm);--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-md);--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-lg);--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder);-webkit-text-fill-color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg);-webkit-text-fill-color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar{width:4px;height:4px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb:hover,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_combobox__popup .pc_combobox__scroll_area{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
|
|
2
|
+
const cssText = ".pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-combobox-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-combobox-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-combobox-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-combobox-roundness));min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-sm);--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--md{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-md);--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--lg{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-lg);--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]),.pc_combobox__trigger[data-readonly]{--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly]),.pc_combobox__trigger[data-readonly]:not([data-readonly]){cursor:pointer}.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-readonly],.pc_combobox__trigger[data-readonly][data-readonly]{cursor:text}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled),.pc_combobox__trigger[data-readonly]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly]):focus,.pc_combobox__trigger[data-readonly]:not([data-readonly]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-focus=true],.pc_combobox__trigger[data-readonly]:not([data-readonly])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-state=open],.pc_combobox__trigger[data-readonly]:not([data-readonly])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly][data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly][data-readonly]{--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly]):focus,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly])[data-focus=true],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly])[data-state=open],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly])[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger:disabled:not([data-readonly]),.pc_combobox__trigger[disabled=true]:not([data-readonly]){cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]).pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true]:not([data-readonly]).pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]):not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not([data-readonly]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]).pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true]:not([data-readonly]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg))}.pc_combobox__trigger:disabled .pc_combobox__trigger__content,.pc_combobox__trigger[disabled=true] .pc_combobox__trigger__content{pointer-events:none}.pc_combobox__trigger:disabled [data-readonly],.pc_combobox__trigger[disabled=true] [data-readonly]{cursor:text}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);text-align:start;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;color:var(--ptc-input-fg)}.pc_combobox__trigger .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]){--ptc-input-fg: rgba(var(--pt-fg))}.pc_combobox__trigger .pc_combobox__input:not([data-content=true]):disabled,.pc_combobox__trigger .pc_combobox__input:not([data-content=true])[data-disabled=true]{--ptc-input-fg: rgba(var(--pt-disable-fg))}.pc_combobox__trigger .pc_combobox__input[data-content=true]:not([data-fill=true]){--ptc-input-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input[data-content=true] [data-fill=true]{--ptc-input-fg: rgba(var(--pt-fg))}.pc_combobox__trigger[data-state=open] .pc_combobox__input:not([data-content=true]){--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]):not([data-fill=true]){--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]) [data-fill=true]{--ptc-input-placeholder: rgba(var(--pt-fg))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):disabled,.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true])[data-disabled=true]{--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar{width:4px;height:4px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb:hover,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_combobox__popup .pc_combobox__scroll_area{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
|
|
3
3
|
const comboboxId = `${prefix}s-combobox`;
|
|
4
4
|
const addComboboxCss = () => addCssToHead(comboboxId, cssText);
|
|
5
5
|
const removeComboboxCss = () => removeCssFromHead(comboboxId);
|
package/dist/combobox.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_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-combobox-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-combobox-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-combobox-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-combobox-roundness));min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-sm);--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--sm .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--md{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-md);--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--md .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger.pc_combobox__trigger--lg{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-lg);--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__input,.pc_combobox__trigger.pc_combobox__trigger--lg .pc_combobox__trigger__content__value{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]){cursor:pointer;--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:disabled,.pc_combobox__trigger[disabled=true]{cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled.pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger .pc_combobox__trigger__content__value{text-align:start}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__content__value{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);background-color:transparent;outline:0;color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):not(:hover){--ptc-combobox-input-fg: rgba(var(--pt-fg));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input:not(:disabled):not([data-disabled=true]):hover{--ptc-combobox-input-fg: rgba(var(--pt-fg-target));--ptc-combobox-input-placeholder: rgba(var(--pt-fg-subtle-target))}.pc_combobox__trigger .pc_combobox__input:disabled,.pc_combobox__trigger .pc_combobox__input[data-disabled=true]{--ptc-combobox-input-fg: rgba(var(--pt-disable-fg-subtle));--ptc-combobox-input-placeholder: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger .pc_combobox__input::placeholder{color:var(--ptc-combobox-input-placeholder);-webkit-text-fill-color:var(--ptc-combobox-input-placeholder)}.pc_combobox__trigger[data-state=closed] .pc_combobox__input.pc_combobox--value-placeholder input::placeholder{color:var(--ptc-combobox-input-fg);-webkit-text-fill-color:var(--ptc-combobox-input-fg)}.pc_combobox__trigger .pc_combobox__trigger__content__value:not(.pc_combobox--value-placeholder){color:rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar{width:4px;height:4px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb:hover,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_combobox__popup .pc_combobox__scroll_area{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
|
|
4
|
+
const cssText = ".pc_combobox__trigger{box-sizing:border-box;max-width:100%;display:inline-flex;-webkit-user-select:none;user-select:none;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline:0;background-color:var(--ptc-combobox-trigger-bg);color:var(--ptc-combobox-trigger-fg);gap:var(--ptc-combobox-trigger-gap);border-start-start-radius:var(--ptc-input-group-ss-radius, var(--ptc-combobox-roundness));border-start-end-radius:var(--ptc-input-group-se-radius, var(--ptc-combobox-roundness));border-end-start-radius:var(--ptc-input-group-es-radius, var(--ptc-combobox-roundness));border-end-end-radius:var(--ptc-input-group-ee-radius, var(--ptc-combobox-roundness));min-width:var(--ptc-combobox-trigger-min-w);min-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger.pc_combobox__trigger--sm{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-sm);--ptc-combobox-trigger-height: var(--pt-dimension-1200);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1000);--ptc-combobox-trigger-padding: var(--pt-dimension-200);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-100)}.pc_combobox__trigger.pc_combobox__trigger--sm.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2200)}.pc_combobox__trigger.pc_combobox__trigger--md{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-md);--ptc-combobox-trigger-height: var(--pt-dimension-1600);--ptc-combobox-trigger-gap: var(--pt-dimension-200);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1200);--ptc-combobox-trigger-padding: var(--pt-dimension-300);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200)}.pc_combobox__trigger.pc_combobox__trigger--md.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-2800)}.pc_combobox__trigger.pc_combobox__trigger--lg{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;--ptc-combobox-roundness: var(--pt-roundness-lg);--ptc-combobox-trigger-height: var(--pt-dimension-2000);--ptc-combobox-trigger-gap: var(--pt-dimension-300);--ptc-combobox-trigger-leading-height: var(--pt-dimension-1600);--ptc-combobox-trigger-padding: var(--pt-dimension-400);--ptc-combobox-trigger-multiple-padding: var(--pt-dimension-200);gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger.pc_combobox__trigger--lg.pc_combobox__trigger--content-fit{--ptc-combobox-trigger-min-w: var(--pt-dimension-3200)}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit){--ptc-combobox-trigger-min-w: 220px}.pc_combobox__trigger:not(.pc_combobox__trigger--content-fit):not(.pc_input_group__item){width:100%}.pc_combobox__trigger.pc_combobox__trigger--content-fit{width:fit-content}.pc_combobox__trigger:not(.pc_combobox__trigger--multiple){padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-padding)}.pc_combobox__trigger.pc_combobox__trigger--multiple{padding-inline-end:var(--ptc-combobox-trigger-padding);padding-inline-start:var(--ptc-combobox-trigger-multiple-padding);padding-top:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px);padding-bottom:calc(var(--ptc-combobox-trigger-multiple-padding) - 1px)}.pc_combobox__trigger:not(.pc_combobox__trigger--wrapped){height:var(--ptc-combobox-trigger-height);max-height:var(--ptc-combobox-trigger-height)}.pc_combobox__trigger:not(:disabled):not([disabled=true]),.pc_combobox__trigger[data-readonly]{--ptc-combobox-trigger-bg: rgba(var(--pt-bg))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly]),.pc_combobox__trigger[data-readonly]:not([data-readonly]){cursor:pointer}.pc_combobox__trigger:not(:disabled):not([disabled=true])[data-readonly],.pc_combobox__trigger[data-readonly][data-readonly]{cursor:text}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not(.pc_combobox__trigger--filled),.pc_combobox__trigger[data-readonly]:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--filled,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly]):focus,.pc_combobox__trigger[data-readonly]:not([data-readonly]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-focus=true],.pc_combobox__trigger[data-readonly]:not([data-readonly])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]):not([data-readonly])[data-state=open],.pc_combobox__trigger[data-readonly]:not([data-readonly])[data-state=open]{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly]:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning)[data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly][data-readonly],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly][data-readonly],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly][data-readonly]{--ptc-combobox-trigger-br: rgba(var(--pt-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not(.pc_combobox__trigger--error):not(.pc_combobox__trigger--success):not(.pc_combobox__trigger--warning):not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open])[data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly][data-readonly]:not([data-readonly]):hover{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-danger-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--error:hover{--ptc-combobox-trigger-br: rgba(var(--pt-danger-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-warning-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--warning:hover{--ptc-combobox-trigger-br: rgba(var(--pt-warning-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:not(:hover),.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:not(:hover){--ptc-combobox-trigger-br: rgba(var(--pt-success-br))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-focus=true]):not(:focus):not([data-state=open]):not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:hover,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered[data-readonly]:not([data-readonly]).pc_combobox__trigger--success:hover{--ptc-combobox-trigger-br: rgba(var(--pt-success-br-target))}.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly]):focus,.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly]):focus,.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly])[data-focus=true],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly])[data-focus=true],.pc_combobox__trigger:not(:disabled):not([disabled=true]).pc_combobox__trigger--bordered:not([data-readonly])[data-state=open],.pc_combobox__trigger[data-readonly].pc_combobox__trigger--bordered:not([data-readonly])[data-state=open]{--ptc-combobox-trigger-br: rgba(var(--pt-primary-6))}.pc_combobox__trigger:not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-trailing: var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger:not(.pc_combobox__trigger--bordered){border-width:var(--pt-stroke-0, 0px)}.pc_combobox__trigger.pc_combobox__trigger--bordered{border-width:1px;border-style:solid;border-color:var(--ptc-combobox-trigger-br)}.pc_combobox__trigger:not(.pc_combobox__trigger--filled).pc_combobox__trigger--header-search .pc_combobox__trigger__content{flex:1 1 0%}.pc_combobox__trigger.pc_combobox__trigger--wrapped,.pc_combobox__trigger.pc_combobox__trigger--wrapped .pc_combobox__trigger__content{flex-wrap:wrap}.pc_combobox__trigger .pc_combobox__trigger__content{display:flex;flex:1 1 0%;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:var(--ptc-combobox-trigger-gap)}.pc_combobox__trigger .pc_combobox__trigger__content .pc_combobox__trigger__tags{display:contents}.pc_combobox__trigger:disabled:not([data-readonly]),.pc_combobox__trigger[disabled=true]:not([data-readonly]){cursor:not-allowed;--ptc-combobox-trigger-bg: rgba(var(--pt-disable-fill-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]).pc_combobox__trigger--bordered,.pc_combobox__trigger[disabled=true]:not([data-readonly]).pc_combobox__trigger--bordered{--ptc-combobox-trigger-br: rgba(var(--pt-disable-br-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]):not(.pc_combobox__trigger--filled),.pc_combobox__trigger[disabled=true]:not([data-readonly]):not(.pc_combobox__trigger--filled){--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg-subtle))}.pc_combobox__trigger:disabled:not([data-readonly]).pc_combobox__trigger--filled,.pc_combobox__trigger[disabled=true]:not([data-readonly]).pc_combobox__trigger--filled{--ptc-combobox-trigger-fg: rgba(var(--pt-disable-fg));--ptc-combobox-trigger-trailing: rgba(var(--pt-disable-fg))}.pc_combobox__trigger:disabled .pc_combobox__trigger__content,.pc_combobox__trigger[disabled=true] .pc_combobox__trigger__content{pointer-events:none}.pc_combobox__trigger:disabled [data-readonly],.pc_combobox__trigger[disabled=true] [data-readonly]{cursor:text}.pc_combobox__trigger .pc_combobox__input{min-width:var(--pt-dimension-800, 16px);flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-width:var(--pt-stroke-0, 0px);text-align:start;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;color:var(--ptc-input-fg)}.pc_combobox__trigger .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]){--ptc-input-fg: rgba(var(--pt-fg))}.pc_combobox__trigger .pc_combobox__input:not([data-content=true]):disabled,.pc_combobox__trigger .pc_combobox__input:not([data-content=true])[data-disabled=true]{--ptc-input-fg: rgba(var(--pt-disable-fg))}.pc_combobox__trigger .pc_combobox__input[data-content=true]:not([data-fill=true]){--ptc-input-fg: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger .pc_combobox__input[data-content=true] [data-fill=true]{--ptc-input-fg: rgba(var(--pt-fg))}.pc_combobox__trigger[data-state=open] .pc_combobox__input:not([data-content=true]){--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]):not([data-fill=true]){--ptc-input-placeholder: rgba(var(--pt-fg-subtle))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):not(:disabled):not([data-disabled=true]) [data-fill=true]{--ptc-input-placeholder: rgba(var(--pt-fg))}.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true]):disabled,.pc_combobox__trigger[data-state=closed] .pc_combobox__input:not([data-content=true])[data-disabled=true]{--ptc-input-placeholder: rgba(var(--pt-disable-fg))}.pc_combobox__trigger .pc_combobox__trigger__leading{color:var(--ptc-combobox-trigger-fg)}.pc_combobox__trigger .pc_combobox__trigger__trailing{color:var(--ptc-combobox-trigger-trailing)}.pc_combobox__trigger .pc_combobox__trigger__leading,.pc_combobox__trigger .pc_combobox__trigger__trailing{height:var(--ptc-combobox-trigger-leading-height);min-height:var(--ptc-combobox-trigger-leading-height);max-height:var(--ptc-combobox-trigger-leading-height);display:flex;align-items:center;overflow:hidden}.pc_combobox__trigger .pc_combobox__trigger__tag__close{pointer-events:auto}.pc_combobox__popup{box-sizing:border-box;overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width));--ptc-combobox-trigger-min-w: 220px}.pc_combobox__popup.pc_combobox__popup--sm{--ptc-combobox-scroll-padding: var(--pt-dimension-200);--ptc-combobox-scroll-gap: var(--pt-dimension-200)}.pc_combobox__popup.pc_combobox__popup--sm .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--md{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-300)}.pc_combobox__popup.pc_combobox__popup--md .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup.pc_combobox__popup--lg{--ptc-combobox-scroll-padding: var(--pt-dimension-300);--ptc-combobox-scroll-gap: var(--pt-dimension-400)}.pc_combobox__popup.pc_combobox__popup--lg .pc_combobox__label{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_combobox__popup .pc_combobox__container{width:100%;height:100%;overflow:hidden}.pc_combobox__popup .pc_combobox__scroll_area{box-sizing:border-box;max-height:var(--ptc-combobox-popup-height);min-width:var(--ptc-combobox-trigger-min-w);width:var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width))}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar{width:4px;height:4px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb{cursor:pointer;background-color:rgba(var(--pt-gray-3));border-radius:2px}.pc_combobox__popup .pc_combobox__scroll_area::-webkit-scrollbar-thumb:hover,.pc_combobox__popup .pc_combobox__scroll_area ::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--pt-gray-4))}@supports not selector(::-webkit-scrollbar){.pc_combobox__popup .pc_combobox__scroll_area{scrollbar-width:thin;scrollbar-color:rgba(var(--pt-gray-4)) transparent}}.pc_combobox__popup .pc_combobox__scroll_area,.pc_combobox__popup .pc_combobox__footer,.pc_combobox__popup .pc_combobox__header{padding:var(--ptc-combobox-scroll-padding);gap:var(--ptc-combobox-scroll-gap)}.pc_combobox__popup .pc_combobox__options{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--ptc-combobox-scroll-gap);--ptc-combobox-options-side-padding: calc(calc(var(--ptc-combobox-scroll-padding) * 2) + 2px);min-width:calc(var(--ptc-combobox-trigger-min-w) - var(--ptc-combobox-options-side-padding));width:calc(var(--ptc-combobox-popup-width, var(--reka-popper-anchor-width)) - var(--ptc-combobox-options-side-padding))}.pc_combobox__popup .pc_combobox__skeleton{width:100%!important}.pc_combobox__popup .pc_combobox__lazy_loading{pointer-events:none;position:relative;height:var(--pt-dimension-0, 0px);width:100%}.pc_combobox__popup .pc_combobox__lazy_loading_trigger{position:absolute;top:calc(var(--pt-dimension-1200, 24px) * -1);width:100%;height:var(--pt-dimension-1200, 24px);padding:var(--pt-dimension-0, 0px)}.pc_combobox__popup .pc_combobox__label{width:100%;padding-top:var(--pt-dimension-200, 4px);padding-bottom:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px);--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_combobox__popup .pc_combobox__footer{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-top-width:1px;--ptu-border-opacity:1;--ptu-border-top-opacity:var(--ptu-border-opacity);border-top-color:rgba(var(--pt-br),var(--ptu-border-top-opacity));border-top-style:solid}.pc_combobox__popup .pc_combobox__header{box-sizing:border-box;width:100%;display:flex;flex-direction:column;border-bottom-width:1px;--ptu-border-opacity:1;--ptu-border-bottom-opacity:var(--ptu-border-opacity);border-bottom-color:rgba(var(--pt-br),var(--ptu-border-bottom-opacity));border-bottom-style:solid}.pc_combobox__option{box-sizing:border-box;width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-style:none;outline:0}\n";
|
|
5
5
|
const comboboxId = `${prefix}s-combobox`;
|
|
6
6
|
const addComboboxCss = () => addCssToHead(comboboxId, cssText);
|
|
7
7
|
const removeComboboxCss = () => removeCssFromHead(comboboxId);
|
package/dist/data_table.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)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}
|
|
1
|
+
.pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:"";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}
|
package/dist/data_table.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)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;min-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
|
|
2
|
+
const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__header__drag_handle{display:none;height:fit-content;cursor:grab}.pw_data_table__root{display:flex;flex-direction:column}.pw_data_table__root .pw_data_table__scroll_container{position:relative;flex:1 1 0%;overflow:hidden;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-radius:var(--pt-roundness-xlg, 12px);border-style:solid}.pw_data_table__root .pw_data_table__scroll_container .pw_data_table__scroll_area{width:100%;height:100%;flex:1 1 0%;border-radius:0}.pw_data_table__tr_drag_ghost{border-radius:var(--pt-roundness-lg, 8px);opacity:1!important;--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__tr_drag_ghost .pw_data_table{overflow:hidden;border-radius:var(--pt-roundness-lg, 8px)}.pw_data_table__tr_drag_ghost .pw_data_table__header__drag_handle{display:block}.pw_data_table__tr_drag_ghost__badge{position:absolute;inset-inline-start:calc(var(--pt-dimension-500, 10px) * -1);top:calc(var(--pt-dimension-500, 10px) * -1)}.pw_data_table{width:100%;min-height:var(--pt-dimension-0, 0px);max-height:100%;flex:1 1 0%;border-collapse:collapse;border-width:var(--pt-stroke-0, 0px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity))}.pw_data_table .pw_data_table__selection_space{width:var(--pt-dimension-1000, 20px);height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px)}.pw_data_table th{-webkit-user-select:none;user-select:none}.pw_data_table th:not([data-selection=true]) .pw_data_table__header__content{gap:var(--pt-dimension-200, 4px)}.pw_data_table th .pw_data_table__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);height:var(--ptc-cell-height)}.pw_data_table th .pw_data_table__header .pw_data_table__header__content{max-width:calc(100% - calc(var(--pt-dimension-1400) + var(--ptc-data-table-drage-trigger-w, 0px)));height:100%;width:100%;display:flex;flex:1 1 0%;align-items:center}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .pw_data_table__header__content__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th .pw_data_table__header .pw_data_table__header__content .hide_filter_action{display:none}.pw_data_table th .pw_data_table__header .pw_data_table__header__action{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pw_data_table th .pw_data_table__header .pw_data_table__header__action__hover[data-state=closed]{display:none}.pw_data_table th[data-has-children=true] .pw_data_table__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th[data-has-children=true] .pw_data_table__header .pw_data_table__header__content{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table th:hover[data-draggable=true]{--ptc-data-table-drage-trigger-w: var(--pt-dimension-1200)}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__header__drag_handle{display:block}.pw_data_table th:hover .pw_data_table__header .hide_filter_action,.pw_data_table th:hover .pw_data_table__header .pw_data_table__header__action__hover{display:flex}.pw_data_table th:hover:not([data-dragging]) .pw_data_table__resizer:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-br),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer{position:absolute;top:var(--pt-dimension-0, 0px);z-index:6;box-sizing:content-box;height:100%;cursor:col-resize;background-color:transparent}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:before{content:\"\";position:absolute;top:var(--pt-dimension-0, 0px);height:100%;width:var(--pt-dimension-050, 1px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last){inset-inline-end:calc(var(--pt-dimension-300, 6px) * -1);width:13px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:not(.pw_data_table__resizer--last):before{inset-inline-end:var(--pt-dimension-300, 6px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last{inset-inline-end:var(--pt-dimension-0, 0px);width:6px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer.pw_data_table__resizer--last:before{inset-inline-end:var(--pt-dimension-0, 0px)}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer:hover:before,.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]{pointer-events:auto;inset-inline-end:-50px;width:101px}.pw_data_table th:not([data-dragging]) .pw_data_table__resizer[data-resizing]:before{inset-inline-end:50px}.pw_data_table td .pw_data_table__selection{height:100%;display:flex;align-items:center}.pw_data_table td .pw_data_table__cell__expand{height:100%;width:100%;display:flex;align-items:center;gap:var(--pt-dimension-300, 6px)}.pw_data_table td .pw_data_table__cell__expand__content{flex:1 1 0%}.pw_data_table td .pw_data_table__cell__editing{padding:var(--pt-dimension-150, 3px)}.pw_data_table td.pc_table__td--wrap .pw_data_table__cell__expand__indent{height:calc(100% + calc(var(--pt-dimension-600) * 2))}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table td:not(.pc_table__td--wrap) .pw_data_table__cell__expand__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw_data_table.pw_data_table--empty{height:100%}.pw_data_table__action_cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pw_data_table__action_cell .pw_data_table__action_cell__hover{display:none}.pw_data_table tr:hover .pw_data_table__action_cell .pw_data_table__action_cell__hover{display:flex;gap:var(--pt-dimension-200, 4px)}.pw_data_table tr:hover:not([data-dragging]) td .pw_data_table__header__drag_handle{display:block}.pw_data_table tr.pw_data_table__tr_drag_placeholder td{padding:var(--pt-dimension-200, 4px)}.pw_data_table tr.pw_data_table__tr_drag_placeholder td .pc_sort_placeholder{min-height:var(--pt-dimension-0, 0px);height:100%}.pw_data_table__batch_actions{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);padding-inline-start:var(--pt-dimension-400, 8px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pw_data_table__batch_actions__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pw_data_table__batch_actions__divider{min-height:var(--pt-dimension-800, 16px)!important}.pw_data_table__batch_actions__actions{display:flex;align-items:center}.pw_data_table__th_drag_ghost{opacity:1!important}.pw_data_table__th_drag_ghost__container{height:100%;display:flex;flex-direction:column;justify-content:flex-end}.pw_data_table__th_drag_ghost__th{max-width:fit-content;min-width:140px;border-width:1px;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:solid;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg),var(--ptu-bg-opacity));--ptu-shadow:0px 0px var(--pt-dimension-100) 0px var(--pt-alpha-gray-2), 0 var(--pt-dimension-400) var(--pt-dimension-800) 0px var(--pt-alpha-gray-2);box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pw_data_table__th_drag_ghost__content{display:flex;align-items:center;padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}\n";
|
|
3
3
|
const dataTableId = `${prefix}s-data_table`;
|
|
4
4
|
const addDataTableCss = () => addCssToHead(dataTableId, cssText);
|
|
5
5
|
const removeDataTableCss = () => removeCssFromHead(dataTableId);
|