@pantograph/styles 0.0.1

package/dist/accordion.css

@@ -0,0 +1 @@
+.pc_accordion{width:100%;display:flex;flex-direction:column;gap:var(--ptc-accordion-gap)}.pc_accordion.pc_accordion--sm{--ptc-accordion-gap: var(--pt-dimension-200);--ptc-accordion-roundness: var(--pt-roundness-sm);--ptc-accordion-header-gap: var(--pt-dimension-100);--ptc-accordion-header-px: var(--pt-dimension-200);--ptc-accordion-header-py: var(--pt-dimension-100);--ptc-accordion-content-p: var(--pt-dimension-200);--ptc-accordion-header-h: var(--pt-size-sm)}.pc_accordion.pc_accordion--sm .pc_accordion__item__title{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_accordion.pc_accordion--md{--ptc-accordion-gap: var(--pt-dimension-200);--ptc-accordion-roundness: var(--pt-roundness-md);--ptc-accordion-header-gap: var(--pt-dimension-200);--ptc-accordion-header-px: var(--pt-dimension-300);--ptc-accordion-header-py: var(--pt-dimension-200);--ptc-accordion-content-p: var(--pt-dimension-300);--ptc-accordion-header-h: var(--pt-size-md)}.pc_accordion.pc_accordion--md .pc_accordion__item__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}.pc_accordion.pc_accordion--lg{--ptc-accordion-gap: var(--pt-dimension-300);--ptc-accordion-roundness: var(--pt-roundness-lg);--ptc-accordion-header-gap: var(--pt-dimension-200);--ptc-accordion-header-px: var(--pt-dimension-400);--ptc-accordion-header-py: var(--pt-dimension-400);--ptc-accordion-content-p: var(--pt-dimension-400);--ptc-accordion-header-h: var(--pt-size-lg)}.pc_accordion.pc_accordion--lg .pc_accordion__item__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_accordion.pc_accordion--bordered .pc_accordion__item{border-width:1px;border-style:solid;border-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=closed] .pc_accordion__item__header{border-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open]{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open]:not(:hover) .pc_accordion__item__header{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open] .pc_accordion__item__header{border-top-left-radius:var(--ptc-accordion-roundness);border-top-right-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item:not(:hover){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity))}.pc_accordion:not(.pc_accordion--bordered) .pc_accordion__item__header{border-radius:var(--ptc-accordion-roundness)}.pc_accordion .pc_accordion__item{box-sizing:border-box;width:100%;display:flex;flex-direction:column}.pc_accordion .pc_accordion__item:hover .pc_accordion__item__header{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__expand{box-sizing:border-box;border-radius:var(--pt-roundness-sm, 4px);outline:0}.pc_accordion .pc_accordion__item .pc_accordion__item__expand>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:not(:disabled):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item[data-state=open] .pc_accordion__item__expand>*{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-180deg;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_accordion .pc_accordion__item .pc_accordion__item__header{box-sizing:border-box;width:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;gap:var(--ptc-accordion-header-gap);outline:0;height:var(--ptc-accordion-header-h);padding:var(--ptc-accordion-header-py) var(--ptc-accordion-header-px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__header:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__header:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_accordion .pc_accordion__item .pc_accordion__item__header .pc_accordion__item__header__wrapper{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;gap:var(--ptc-accordion-header-gap);box-sizing:border-box;height:100%;flex:1 1 0%}.pc_accordion .pc_accordion__item .pc_accordion__item__header .pc_accordion__item__leading{height:100%;display:flex;align-items:center;justify-content:center}.pc_accordion .pc_accordion__item .pc_accordion__item__header:disabled .pc_accordion__item__expand{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__content{box-sizing:border-box;overflow:hidden}.pc_accordion .pc_accordion__item .pc_accordion__item__content .pc_accordion__item__content__wrapper{padding:var(--ptc-accordion-content-p)}.pc_accordion .pc_accordion__item .pc_accordion__item__content:not([data-opened])[data-state=closed]{animation:slideUp .3s ease both}.pc_accordion .pc_accordion__item .pc_accordion__item__content:not([data-opened])[data-state=open]{animation:slideDown .3s ease both}.pc_accordion .pc_accordion__item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideDown{0%{height:0;opacity:0}to{height:var(--reka-accordion-content-height);opacity:1}}@keyframes slideUp{0%{height:var(--reka-accordion-content-height);opacity:1}to{height:0;opacity:0}}

package/dist/accordion.d.ts

@@ -0,0 +1,4 @@
+declare const cssText: string;
+declare const addAccordionCss: () => void;
+declare const accordionCss: string;
+export { addAccordionCss, accordionCss };

package/dist/accordion.js

@@ -0,0 +1,4 @@
+import { addCssToHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_accordion{width:100%;display:flex;flex-direction:column;gap:var(--ptc-accordion-gap)}.pc_accordion.pc_accordion--sm{--ptc-accordion-gap: var(--pt-dimension-200);--ptc-accordion-roundness: var(--pt-roundness-sm);--ptc-accordion-header-gap: var(--pt-dimension-100);--ptc-accordion-header-px: var(--pt-dimension-200);--ptc-accordion-header-py: var(--pt-dimension-100);--ptc-accordion-content-p: var(--pt-dimension-200);--ptc-accordion-header-h: var(--pt-size-sm)}.pc_accordion.pc_accordion--sm .pc_accordion__item__title{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_accordion.pc_accordion--md{--ptc-accordion-gap: var(--pt-dimension-200);--ptc-accordion-roundness: var(--pt-roundness-md);--ptc-accordion-header-gap: var(--pt-dimension-200);--ptc-accordion-header-px: var(--pt-dimension-300);--ptc-accordion-header-py: var(--pt-dimension-200);--ptc-accordion-content-p: var(--pt-dimension-300);--ptc-accordion-header-h: var(--pt-size-md)}.pc_accordion.pc_accordion--md .pc_accordion__item__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}.pc_accordion.pc_accordion--lg{--ptc-accordion-gap: var(--pt-dimension-300);--ptc-accordion-roundness: var(--pt-roundness-lg);--ptc-accordion-header-gap: var(--pt-dimension-200);--ptc-accordion-header-px: var(--pt-dimension-400);--ptc-accordion-header-py: var(--pt-dimension-400);--ptc-accordion-content-p: var(--pt-dimension-400);--ptc-accordion-header-h: var(--pt-size-lg)}.pc_accordion.pc_accordion--lg .pc_accordion__item__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_accordion.pc_accordion--bordered .pc_accordion__item{border-width:1px;border-style:solid;border-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=closed] .pc_accordion__item__header{border-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open]{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open]:not(:hover) .pc_accordion__item__header{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open] .pc_accordion__item__header{border-top-left-radius:var(--ptc-accordion-roundness);border-top-right-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item:not(:hover){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity))}.pc_accordion:not(.pc_accordion--bordered) .pc_accordion__item__header{border-radius:var(--ptc-accordion-roundness)}.pc_accordion .pc_accordion__item{box-sizing:border-box;width:100%;display:flex;flex-direction:column}.pc_accordion .pc_accordion__item:hover .pc_accordion__item__header{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__expand{box-sizing:border-box;border-radius:var(--pt-roundness-sm, 4px);outline:0}.pc_accordion .pc_accordion__item .pc_accordion__item__expand>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:not(:disabled):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item[data-state=open] .pc_accordion__item__expand>*{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-180deg;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_accordion .pc_accordion__item .pc_accordion__item__header{box-sizing:border-box;width:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;gap:var(--ptc-accordion-header-gap);outline:0;height:var(--ptc-accordion-header-h);padding:var(--ptc-accordion-header-py) var(--ptc-accordion-header-px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__header:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__header:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_accordion .pc_accordion__item .pc_accordion__item__header .pc_accordion__item__header__wrapper{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;gap:var(--ptc-accordion-header-gap);box-sizing:border-box;height:100%;flex:1 1 0%}.pc_accordion .pc_accordion__item .pc_accordion__item__header .pc_accordion__item__leading{height:100%;display:flex;align-items:center;justify-content:center}.pc_accordion .pc_accordion__item .pc_accordion__item__header:disabled .pc_accordion__item__expand{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__content{box-sizing:border-box;overflow:hidden}.pc_accordion .pc_accordion__item .pc_accordion__item__content .pc_accordion__item__content__wrapper{padding:var(--ptc-accordion-content-p)}.pc_accordion .pc_accordion__item .pc_accordion__item__content:not([data-opened])[data-state=closed]{animation:slideUp .3s ease both}.pc_accordion .pc_accordion__item .pc_accordion__item__content:not([data-opened])[data-state=open]{animation:slideDown .3s ease both}.pc_accordion .pc_accordion__item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideDown{0%{height:0;opacity:0}to{height:var(--reka-accordion-content-height);opacity:1}}@keyframes slideUp{0%{height:var(--reka-accordion-content-height);opacity:1}to{height:0;opacity:0}}\n";
+export const addAccordionCss = () => addCssToHead(`${prefix}s-accordion`, cssText);
+export const accordionCss = cssText;

package/dist/accordion.umd.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_accordion{width:100%;display:flex;flex-direction:column;gap:var(--ptc-accordion-gap)}.pc_accordion.pc_accordion--sm{--ptc-accordion-gap: var(--pt-dimension-200);--ptc-accordion-roundness: var(--pt-roundness-sm);--ptc-accordion-header-gap: var(--pt-dimension-100);--ptc-accordion-header-px: var(--pt-dimension-200);--ptc-accordion-header-py: var(--pt-dimension-100);--ptc-accordion-content-p: var(--pt-dimension-200);--ptc-accordion-header-h: var(--pt-size-sm)}.pc_accordion.pc_accordion--sm .pc_accordion__item__title{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_accordion.pc_accordion--md{--ptc-accordion-gap: var(--pt-dimension-200);--ptc-accordion-roundness: var(--pt-roundness-md);--ptc-accordion-header-gap: var(--pt-dimension-200);--ptc-accordion-header-px: var(--pt-dimension-300);--ptc-accordion-header-py: var(--pt-dimension-200);--ptc-accordion-content-p: var(--pt-dimension-300);--ptc-accordion-header-h: var(--pt-size-md)}.pc_accordion.pc_accordion--md .pc_accordion__item__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}.pc_accordion.pc_accordion--lg{--ptc-accordion-gap: var(--pt-dimension-300);--ptc-accordion-roundness: var(--pt-roundness-lg);--ptc-accordion-header-gap: var(--pt-dimension-200);--ptc-accordion-header-px: var(--pt-dimension-400);--ptc-accordion-header-py: var(--pt-dimension-400);--ptc-accordion-content-p: var(--pt-dimension-400);--ptc-accordion-header-h: var(--pt-size-lg)}.pc_accordion.pc_accordion--lg .pc_accordion__item__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_accordion.pc_accordion--bordered .pc_accordion__item{border-width:1px;border-style:solid;border-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=closed] .pc_accordion__item__header{border-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open]{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open]:not(:hover) .pc_accordion__item__header{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item[data-state=open] .pc_accordion__item__header{border-top-left-radius:var(--ptc-accordion-roundness);border-top-right-radius:var(--ptc-accordion-roundness)}.pc_accordion.pc_accordion--bordered .pc_accordion__item:not(:hover){--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity))}.pc_accordion.pc_accordion--bordered .pc_accordion__item:hover{--ptu-border-opacity:1;border-color:rgba(var(--pt-br-target),var(--ptu-border-opacity))}.pc_accordion:not(.pc_accordion--bordered) .pc_accordion__item__header{border-radius:var(--ptc-accordion-roundness)}.pc_accordion .pc_accordion__item{box-sizing:border-box;width:100%;display:flex;flex-direction:column}.pc_accordion .pc_accordion__item:hover .pc_accordion__item__header{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__expand{box-sizing:border-box;border-radius:var(--pt-roundness-sm, 4px);outline:0}.pc_accordion .pc_accordion__item .pc_accordion__item__expand>*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:not(:disabled):hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:not(:disabled):focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_accordion .pc_accordion__item .pc_accordion__item__expand:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item[data-state=open] .pc_accordion__item__expand>*{--ptu-rotate-x:0;--ptu-rotate-y:0;--ptu-rotate-z:0;--ptu-rotate:-180deg;transform:translate(var(--ptu-translate-x)) translateY(var(--ptu-translate-y)) translateZ(var(--ptu-translate-z)) rotate(var(--ptu-rotate)) rotateX(var(--ptu-rotate-x)) rotateY(var(--ptu-rotate-y)) rotate(var(--ptu-rotate-z)) skew(var(--ptu-skew-x)) skewY(var(--ptu-skew-y)) scaleX(var(--ptu-scale-x)) scaleY(var(--ptu-scale-y)) scaleZ(var(--ptu-scale-z))}.pc_accordion .pc_accordion__item .pc_accordion__item__header{box-sizing:border-box;width:100%;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;gap:var(--ptc-accordion-header-gap);outline:0;height:var(--ptc-accordion-header-h);padding:var(--ptc-accordion-header-py) var(--ptc-accordion-header-px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__header:hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__header:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}.pc_accordion .pc_accordion__item .pc_accordion__item__header .pc_accordion__item__header__wrapper{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;gap:var(--ptc-accordion-header-gap);box-sizing:border-box;height:100%;flex:1 1 0%}.pc_accordion .pc_accordion__item .pc_accordion__item__header .pc_accordion__item__leading{height:100%;display:flex;align-items:center;justify-content:center}.pc_accordion .pc_accordion__item .pc_accordion__item__header:disabled .pc_accordion__item__expand{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_accordion .pc_accordion__item .pc_accordion__item__content{box-sizing:border-box;overflow:hidden}.pc_accordion .pc_accordion__item .pc_accordion__item__content .pc_accordion__item__content__wrapper{padding:var(--ptc-accordion-content-p)}.pc_accordion .pc_accordion__item .pc_accordion__item__content:not([data-opened])[data-state=closed]{animation:slideUp .3s ease both}.pc_accordion .pc_accordion__item .pc_accordion__item__content:not([data-opened])[data-state=open]{animation:slideDown .3s ease both}.pc_accordion .pc_accordion__item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideDown{0%{height:0;opacity:0}to{height:var(--reka-accordion-content-height);opacity:1}}@keyframes slideUp{0%{height:var(--reka-accordion-content-height);opacity:1}to{height:0;opacity:0}}\n";
+const addAccordionCss = () => addCssToHead(`${prefix}s-accordion`, cssText);
+exports.addAccordionCss = addAccordionCss;
+exports.accordionCss = cssText;

package/dist/alert.css

@@ -0,0 +1 @@
+.pc_alert{width:100%;height:fit-content;display:flex;align-items:flex-start;gap:var(--pt-dimension-300, 6px);overflow:hidden;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-600, 12px);background:var(--ptc-alert-bg);border-color:var(--ptc-alert-br)}.pc_alert.pc_alert--info{--ptc-alert-fg: rgba(var(--pt-sky-fg));--ptc-alert-bg: rgba(var(--pt-sky-fill-subtle));--ptc-alert-br: rgba(var(--pt-info-br-subtle))}.pc_alert.pc_alert--danger{--ptc-alert-fg: rgba(var(--pt-danger-fg));--ptc-alert-bg: rgba(var(--pt-danger-fill-subtle));--ptc-alert-br: rgba(var(--pt-danger-subtle-br))}.pc_alert.pc_alert--success{--ptc-alert-fg: rgba(var(--pt-success-fg));--ptc-alert-bg: rgba(var(--pt-success-fill-subtle));--ptc-alert-br: rgba(var(--pt-success-br-subtle))}.pc_alert.pc_alert--warning{--ptc-alert-fg: rgba(var(--pt-warning-fg));--ptc-alert-bg: rgba(var(--pt-warning-fill-subtle));--ptc-alert-br: rgba(var(--pt-warning-br-subtle))}.pc_alert.pc_alert--hint{--ptc-alert-fg: rgba(var(--pt-gray-fg));--ptc-alert-bg: rgba(var(--pt-gray-fill-subtle));--ptc-alert-br: rgba(var(--pt-gray-br-subtle))}.pc_alert .pc_alert__body{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px)}.pc_alert .pc_alert__body .pc_alert__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_alert .pc_alert__body .pc_alert__description{min-height:var(--pt-size-sm, 24px);display:flex;align-items:center;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_alert .pc_alert__body .pc_alert__action{margin-top:var(--pt-dimension-200, 4px)}.pc_alert .pc_alert__icon{color:var(--ptc-alert-fg)}

package/dist/alert.d.ts

@@ -0,0 +1,4 @@
+declare const cssText: string;
+declare const addAlertCss: () => void;
+declare const alertCss: string;
+export { addAlertCss, alertCss };

package/dist/alert.js

@@ -0,0 +1,4 @@
+import { addCssToHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_alert{width:100%;height:fit-content;display:flex;align-items:flex-start;gap:var(--pt-dimension-300, 6px);overflow:hidden;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-600, 12px);background:var(--ptc-alert-bg);border-color:var(--ptc-alert-br)}.pc_alert.pc_alert--info{--ptc-alert-fg: rgba(var(--pt-sky-fg));--ptc-alert-bg: rgba(var(--pt-sky-fill-subtle));--ptc-alert-br: rgba(var(--pt-info-br-subtle))}.pc_alert.pc_alert--danger{--ptc-alert-fg: rgba(var(--pt-danger-fg));--ptc-alert-bg: rgba(var(--pt-danger-fill-subtle));--ptc-alert-br: rgba(var(--pt-danger-subtle-br))}.pc_alert.pc_alert--success{--ptc-alert-fg: rgba(var(--pt-success-fg));--ptc-alert-bg: rgba(var(--pt-success-fill-subtle));--ptc-alert-br: rgba(var(--pt-success-br-subtle))}.pc_alert.pc_alert--warning{--ptc-alert-fg: rgba(var(--pt-warning-fg));--ptc-alert-bg: rgba(var(--pt-warning-fill-subtle));--ptc-alert-br: rgba(var(--pt-warning-br-subtle))}.pc_alert.pc_alert--hint{--ptc-alert-fg: rgba(var(--pt-gray-fg));--ptc-alert-bg: rgba(var(--pt-gray-fill-subtle));--ptc-alert-br: rgba(var(--pt-gray-br-subtle))}.pc_alert .pc_alert__body{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px)}.pc_alert .pc_alert__body .pc_alert__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_alert .pc_alert__body .pc_alert__description{min-height:var(--pt-size-sm, 24px);display:flex;align-items:center;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_alert .pc_alert__body .pc_alert__action{margin-top:var(--pt-dimension-200, 4px)}.pc_alert .pc_alert__icon{color:var(--ptc-alert-fg)}\n";
+export const addAlertCss = () => addCssToHead(`${prefix}s-alert`, cssText);
+export const alertCss = cssText;

package/dist/alert.umd.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_alert{width:100%;height:fit-content;display:flex;align-items:flex-start;gap:var(--pt-dimension-300, 6px);overflow:hidden;border-width:1px;border-radius:var(--pt-roundness-lg, 8px);border-style:solid;padding:var(--pt-dimension-600, 12px);background:var(--ptc-alert-bg);border-color:var(--ptc-alert-br)}.pc_alert.pc_alert--info{--ptc-alert-fg: rgba(var(--pt-sky-fg));--ptc-alert-bg: rgba(var(--pt-sky-fill-subtle));--ptc-alert-br: rgba(var(--pt-info-br-subtle))}.pc_alert.pc_alert--danger{--ptc-alert-fg: rgba(var(--pt-danger-fg));--ptc-alert-bg: rgba(var(--pt-danger-fill-subtle));--ptc-alert-br: rgba(var(--pt-danger-subtle-br))}.pc_alert.pc_alert--success{--ptc-alert-fg: rgba(var(--pt-success-fg));--ptc-alert-bg: rgba(var(--pt-success-fill-subtle));--ptc-alert-br: rgba(var(--pt-success-br-subtle))}.pc_alert.pc_alert--warning{--ptc-alert-fg: rgba(var(--pt-warning-fg));--ptc-alert-bg: rgba(var(--pt-warning-fill-subtle));--ptc-alert-br: rgba(var(--pt-warning-br-subtle))}.pc_alert.pc_alert--hint{--ptc-alert-fg: rgba(var(--pt-gray-fg));--ptc-alert-bg: rgba(var(--pt-gray-fill-subtle));--ptc-alert-br: rgba(var(--pt-gray-br-subtle))}.pc_alert .pc_alert__body{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px)}.pc_alert .pc_alert__body .pc_alert__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_alert .pc_alert__body .pc_alert__description{min-height:var(--pt-size-sm, 24px);display:flex;align-items:center;--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_alert .pc_alert__body .pc_alert__action{margin-top:var(--pt-dimension-200, 4px)}.pc_alert .pc_alert__icon{color:var(--ptc-alert-fg)}\n";
+const addAlertCss = () => addCssToHead(`${prefix}s-alert`, cssText);
+exports.addAlertCss = addAlertCss;
+exports.alertCss = cssText;

package/dist/alert_dialog.css

@@ -0,0 +1 @@
+.pc_alert_dialog{gap:var(--pt-dimension-600, 12px);padding:var(--pt-dimension-800, 16px)}.pc_alert_dialog .pc_alert_dialog__title_wrapper{height:var(--pt-size-md, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_alert_dialog .pc_alert_dialog__title{margin:var(--pt-dimension-0, 0px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_alert_dialog .pc_alert_dialog__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_alert_dialog .pc_alert_dialog__actions{display:flex;align-items:center;justify-content:flex-end}

package/dist/alert_dialog.d.ts

@@ -0,0 +1,4 @@
+declare const cssText: string;
+declare const addAlertDialogCss: () => void;
+declare const alertDialogCss: string;
+export { addAlertDialogCss, alertDialogCss };

package/dist/alert_dialog.js

@@ -0,0 +1,4 @@
+import { addCssToHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_alert_dialog{gap:var(--pt-dimension-600, 12px);padding:var(--pt-dimension-800, 16px)}.pc_alert_dialog .pc_alert_dialog__title_wrapper{height:var(--pt-size-md, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_alert_dialog .pc_alert_dialog__title{margin:var(--pt-dimension-0, 0px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_alert_dialog .pc_alert_dialog__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_alert_dialog .pc_alert_dialog__actions{display:flex;align-items:center;justify-content:flex-end}\n";
+export const addAlertDialogCss = () => addCssToHead(`${prefix}s-alert_dialog`, cssText);
+export const alertDialogCss = cssText;

package/dist/alert_dialog.umd.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_alert_dialog{gap:var(--pt-dimension-600, 12px);padding:var(--pt-dimension-800, 16px)}.pc_alert_dialog .pc_alert_dialog__title_wrapper{height:var(--pt-size-md, 32px);display:flex;align-items:center;gap:var(--pt-dimension-400, 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_alert_dialog .pc_alert_dialog__title{margin:var(--pt-dimension-0, 0px);--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-800, 16px);line-height:var(--pt-lineheight-5, 18px);letter-spacing:0}.pc_alert_dialog .pc_alert_dialog__description{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_alert_dialog .pc_alert_dialog__actions{display:flex;align-items:center;justify-content:flex-end}\n";
+const addAlertDialogCss = () => addCssToHead(`${prefix}s-alert_dialog`, cssText);
+exports.addAlertDialogCss = addAlertDialogCss;
+exports.alertDialogCss = cssText;

package/dist/avatar.css

@@ -0,0 +1 @@
+.pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;cursor:pointer;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.d.ts

@@ -0,0 +1,4 @@
+declare const cssText: string;
+declare const addAvatarCss: () => void;
+declare const avatarCss: string;
+export { addAvatarCss, avatarCss };

package/dist/avatar.js

@@ -0,0 +1,4 @@
+import { addCssToHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;cursor:pointer;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";
+export const addAvatarCss = () => addCssToHead(`${prefix}s-avatar`, cssText);
+export const avatarCss = cssText;

package/dist/avatar.umd.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_avatar{position:relative;box-sizing:border-box;aspect-ratio:1/1;display:inline-flex;cursor:pointer;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";
+const addAvatarCss = () => addCssToHead(`${prefix}s-avatar`, cssText);
+exports.addAvatarCss = addAvatarCss;
+exports.avatarCss = cssText;

package/dist/badge.css

@@ -0,0 +1 @@
+.pc_badge{box-sizing:border-box;overflow:hidden;caret-color:transparent;color:var(--ptc-badge-fg);background:var(--ptc-badge-bg)}.pc_badge.pc_badge--2xsm{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px)}.pc_badge.pc_badge--xsm{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px)}.pc_badge.pc_badge--xsm,.pc_badge.pc_badge--2xsm{gap:var(--pt-dimension-100, 2px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_badge.pc_badge--md{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);gap:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_badge.pc_badge--tiny{width:var(--pt-dimension-600, 12px);height:var(--pt-dimension-600, 12px);min-width:var(--pt-dimension-600, 12px);max-width:var(--pt-dimension-600, 12px);min-height:var(--pt-dimension-600, 12px);max-height:var(--pt-dimension-600, 12px)}.pc_badge.pc_badge--tinier{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px)}.pc_badge.pc_badge--minify{border-radius:var(--pt-roundness-full, 88px)}.pc_badge.pc_badge--pill{width:fit-content;display:flex;align-items:center;justify-content:center}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon{padding-left:var(--pt-dimension-0, 0px);padding-right:var(--pt-dimension-0, 0px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--2xsm{width:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--xsm{width:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--sm{width:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--md{width:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px)}.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--2xsm,.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--xsm{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--md{padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--2xsm{padding-inline-start:var(--pt-dimension-100, 2px);padding-inline-end:var(--pt-dimension-200, 4px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--xsm{padding-inline-start:var(--pt-dimension-200, 4px);padding-inline-end:var(--pt-dimension-300, 6px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--md{padding-inline-start:var(--pt-dimension-400, 8px);padding-inline-end:var(--pt-dimension-600, 12px)}.pc_badge.pc_badge--rect{display:flex;align-items:center;justify-content:center;padding-left:var(--pt-dimension-0, 0px);padding-right:var(--pt-dimension-0, 0px)}.pc_badge.pc_badge--rect:not(.pc_badge--md){border-radius:var(--pt-roundness-sm, 4px)}.pc_badge.pc_badge--rect.pc_badge--md{width:var(--pt-size-md, 32px);height:var(--pt-size-md, 32px);min-width:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-width:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_badge.pc_badge--rect.pc_badge--2xsm{width:var(--pt-size-2xsm, 16px);height:var(--pt-size-2xsm, 16px);min-width:var(--pt-size-2xsm, 16px);min-height:var(--pt-size-2xsm, 16px);max-width:var(--pt-size-2xsm, 16px);max-height:var(--pt-size-2xsm, 16px)}.pc_badge.pc_badge--rect.pc_badge--xsm{width:var(--pt-size-xsm, 20px);height:var(--pt-size-xsm, 20px);min-width:var(--pt-size-xsm, 20px);min-height:var(--pt-size-xsm, 20px);max-width:var(--pt-size-xsm, 20px);max-height:var(--pt-size-xsm, 20px)}.pc_badge.pc_badge--rect.pc_badge--sm{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pc_badge.pc_badge--pill{border-radius:var(--pt-roundness-full, 88px)}.pc_badge--br{box-sizing:border-box;border:1px solid var(--ptc-badge-br, transparent)}

package/dist/badge.d.ts

@@ -0,0 +1,4 @@
+declare const cssText: string;
+declare const addBadgeCss: () => void;
+declare const badgeCss: string;
+export { addBadgeCss, badgeCss };

package/dist/badge.js

@@ -0,0 +1,4 @@
+import { addCssToHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_badge{box-sizing:border-box;overflow:hidden;caret-color:transparent;color:var(--ptc-badge-fg);background:var(--ptc-badge-bg)}.pc_badge.pc_badge--2xsm{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px)}.pc_badge.pc_badge--xsm{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px)}.pc_badge.pc_badge--xsm,.pc_badge.pc_badge--2xsm{gap:var(--pt-dimension-100, 2px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_badge.pc_badge--md{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);gap:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_badge.pc_badge--tiny{width:var(--pt-dimension-600, 12px);height:var(--pt-dimension-600, 12px);min-width:var(--pt-dimension-600, 12px);max-width:var(--pt-dimension-600, 12px);min-height:var(--pt-dimension-600, 12px);max-height:var(--pt-dimension-600, 12px)}.pc_badge.pc_badge--tinier{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px)}.pc_badge.pc_badge--minify{border-radius:var(--pt-roundness-full, 88px)}.pc_badge.pc_badge--pill{width:fit-content;display:flex;align-items:center;justify-content:center}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon{padding-left:var(--pt-dimension-0, 0px);padding-right:var(--pt-dimension-0, 0px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--2xsm{width:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--xsm{width:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--sm{width:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--md{width:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px)}.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--2xsm,.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--xsm{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--md{padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--2xsm{padding-inline-start:var(--pt-dimension-100, 2px);padding-inline-end:var(--pt-dimension-200, 4px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--xsm{padding-inline-start:var(--pt-dimension-200, 4px);padding-inline-end:var(--pt-dimension-300, 6px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--md{padding-inline-start:var(--pt-dimension-400, 8px);padding-inline-end:var(--pt-dimension-600, 12px)}.pc_badge.pc_badge--rect{display:flex;align-items:center;justify-content:center;padding-left:var(--pt-dimension-0, 0px);padding-right:var(--pt-dimension-0, 0px)}.pc_badge.pc_badge--rect:not(.pc_badge--md){border-radius:var(--pt-roundness-sm, 4px)}.pc_badge.pc_badge--rect.pc_badge--md{width:var(--pt-size-md, 32px);height:var(--pt-size-md, 32px);min-width:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-width:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_badge.pc_badge--rect.pc_badge--2xsm{width:var(--pt-size-2xsm, 16px);height:var(--pt-size-2xsm, 16px);min-width:var(--pt-size-2xsm, 16px);min-height:var(--pt-size-2xsm, 16px);max-width:var(--pt-size-2xsm, 16px);max-height:var(--pt-size-2xsm, 16px)}.pc_badge.pc_badge--rect.pc_badge--xsm{width:var(--pt-size-xsm, 20px);height:var(--pt-size-xsm, 20px);min-width:var(--pt-size-xsm, 20px);min-height:var(--pt-size-xsm, 20px);max-width:var(--pt-size-xsm, 20px);max-height:var(--pt-size-xsm, 20px)}.pc_badge.pc_badge--rect.pc_badge--sm{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pc_badge.pc_badge--pill{border-radius:var(--pt-roundness-full, 88px)}.pc_badge--br{box-sizing:border-box;border:1px solid var(--ptc-badge-br, transparent)}\n";
+export const addBadgeCss = () => addCssToHead(`${prefix}s-badge`, cssText);
+export const badgeCss = cssText;

package/dist/badge.umd.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_badge{box-sizing:border-box;overflow:hidden;caret-color:transparent;color:var(--ptc-badge-fg);background:var(--ptc-badge-bg)}.pc_badge.pc_badge--2xsm{height:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px)}.pc_badge.pc_badge--xsm{height:var(--pt-dimension-1000, 20px);min-height:var(--pt-dimension-1000, 20px);max-height:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px)}.pc_badge.pc_badge--xsm,.pc_badge.pc_badge--2xsm{gap:var(--pt-dimension-100, 2px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_badge.pc_badge--md{height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);gap:var(--pt-dimension-200, 4px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_badge.pc_badge--tiny{width:var(--pt-dimension-600, 12px);height:var(--pt-dimension-600, 12px);min-width:var(--pt-dimension-600, 12px);max-width:var(--pt-dimension-600, 12px);min-height:var(--pt-dimension-600, 12px);max-height:var(--pt-dimension-600, 12px)}.pc_badge.pc_badge--tinier{width:var(--pt-dimension-300, 6px);height:var(--pt-dimension-300, 6px);min-width:var(--pt-dimension-300, 6px);max-width:var(--pt-dimension-300, 6px);min-height:var(--pt-dimension-300, 6px);max-height:var(--pt-dimension-300, 6px)}.pc_badge.pc_badge--minify{border-radius:var(--pt-roundness-full, 88px)}.pc_badge.pc_badge--pill{width:fit-content;display:flex;align-items:center;justify-content:center}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon{padding-left:var(--pt-dimension-0, 0px);padding-right:var(--pt-dimension-0, 0px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--2xsm{width:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--xsm{width:var(--pt-dimension-1000, 20px);min-width:var(--pt-dimension-1000, 20px);max-width:var(--pt-dimension-1000, 20px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--sm{width:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px)}.pc_badge.pc_badge--pill:not(.pc_badge--text).pc_badge--icon.pc_badge--md{width:var(--pt-dimension-1600, 32px);min-width:var(--pt-dimension-1600, 32px);max-width:var(--pt-dimension-1600, 32px)}.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--2xsm,.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--xsm{padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_badge.pc_badge--pill:not(.pc_badge--icon).pc_badge--text.pc_badge--md{padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--2xsm{padding-inline-start:var(--pt-dimension-100, 2px);padding-inline-end:var(--pt-dimension-200, 4px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--xsm{padding-inline-start:var(--pt-dimension-200, 4px);padding-inline-end:var(--pt-dimension-300, 6px)}.pc_badge.pc_badge--pill.pc_badge--icon.pc_badge--text.pc_badge--md{padding-inline-start:var(--pt-dimension-400, 8px);padding-inline-end:var(--pt-dimension-600, 12px)}.pc_badge.pc_badge--rect{display:flex;align-items:center;justify-content:center;padding-left:var(--pt-dimension-0, 0px);padding-right:var(--pt-dimension-0, 0px)}.pc_badge.pc_badge--rect:not(.pc_badge--md){border-radius:var(--pt-roundness-sm, 4px)}.pc_badge.pc_badge--rect.pc_badge--md{width:var(--pt-size-md, 32px);height:var(--pt-size-md, 32px);min-width:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-width:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_badge.pc_badge--rect.pc_badge--2xsm{width:var(--pt-size-2xsm, 16px);height:var(--pt-size-2xsm, 16px);min-width:var(--pt-size-2xsm, 16px);min-height:var(--pt-size-2xsm, 16px);max-width:var(--pt-size-2xsm, 16px);max-height:var(--pt-size-2xsm, 16px)}.pc_badge.pc_badge--rect.pc_badge--xsm{width:var(--pt-size-xsm, 20px);height:var(--pt-size-xsm, 20px);min-width:var(--pt-size-xsm, 20px);min-height:var(--pt-size-xsm, 20px);max-width:var(--pt-size-xsm, 20px);max-height:var(--pt-size-xsm, 20px)}.pc_badge.pc_badge--rect.pc_badge--sm{width:var(--pt-size-sm, 24px);height:var(--pt-size-sm, 24px);min-width:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-width:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px)}.pc_badge.pc_badge--pill{border-radius:var(--pt-roundness-full, 88px)}.pc_badge--br{box-sizing:border-box;border:1px solid var(--ptc-badge-br, transparent)}\n";
+const addBadgeCss = () => addCssToHead(`${prefix}s-badge`, cssText);
+exports.addBadgeCss = addBadgeCss;
+exports.badgeCss = cssText;

package/dist/blanket.css

@@ -0,0 +1 @@
+.pc_blanket{pointer-events:auto;inset-inline-start:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);background-color:var(--pt-alpha-gray-4);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pc_blanket[data-screen]{position:fixed;width:100vw;height:100vh}.pc_blanket:not([data-screen]){position:absolute;width:100%;height:100%}

package/dist/blanket.d.ts

@@ -0,0 +1,4 @@
+declare const cssText: string;
+declare const addBlanketCss: () => void;
+declare const blanketCss: string;
+export { addBlanketCss, blanketCss };

package/dist/blanket.js

@@ -0,0 +1,4 @@
+import { addCssToHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_blanket{pointer-events:auto;inset-inline-start:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);background-color:var(--pt-alpha-gray-4);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pc_blanket[data-screen]{position:fixed;width:100vw;height:100vh}.pc_blanket:not([data-screen]){position:absolute;width:100%;height:100%}\n";
+export const addBlanketCss = () => addCssToHead(`${prefix}s-blanket`, cssText);
+export const blanketCss = cssText;

package/dist/blanket.umd.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_blanket{pointer-events:auto;inset-inline-start:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);background-color:var(--pt-alpha-gray-4);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.pc_blanket[data-screen]{position:fixed;width:100vw;height:100vh}.pc_blanket:not([data-screen]){position:absolute;width:100%;height:100%}\n";
+const addBlanketCss = () => addCssToHead(`${prefix}s-blanket`, cssText);
+exports.addBlanketCss = addBlanketCss;
+exports.blanketCss = cssText;

package/dist/breadcrumb.css

@@ -0,0 +1 @@
+.pc_breadcrumb{box-sizing:border-box;display:inline-flex;align-items:center}.pc_breadcrumb.pc_breadcrumb--md{--ptc-breadcrumb-h: var(--pt-size-md);--ptc-breadcrumb-content-min-h: var(--pt-dimension-1400)}.pc_breadcrumb.pc_breadcrumb--md .pc_breadcrumb__item__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}.pc_breadcrumb.pc_breadcrumb--lg{--ptc-breadcrumb-h: var(--pt-size-lg);--ptc-breadcrumb-content-min-h: var(--pt-dimension-1400)}.pc_breadcrumb.pc_breadcrumb--lg .pc_breadcrumb__item__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_breadcrumb .pc_breadcrumb__list{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:inline-flex;align-items:center;padding:var(--pt-dimension-0, 0px)}.pc_breadcrumb .pc_breadcrumb__item{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);text-decoration:none;height:var(--ptc-breadcrumb-h);min-height:var(--ptc-breadcrumb-h);max-height:var(--ptc-breadcrumb-h)}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content{box-sizing:border-box;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);outline-width:var(--pt-stroke-0, 0px);min-height:var(--ptc-breadcrumb-content-min-h);height:var(--ptc-breadcrumb-content-min-h)}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content .pc_breadcrumb__item__title{box-sizing:border-box;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_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content .pc_breadcrumb__item__leading{box-sizing:border-box;display:inline-flex;align-items:center}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__separator{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item.pc_breadcrumb__item--current .pc_breadcrumb__item__content{height:var(--pt-size-md, 32px);gap:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_breadcrumb .pc_breadcrumb__item.pc_breadcrumb__item--current .pc_breadcrumb__item__content .pc_breadcrumb__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current){padding-inline-end:var(--pt-dimension-200, 4px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content{padding:var(--pt-dimension-200, 4px)}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:not(:hover){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}

package/dist/breadcrumb.d.ts

@@ -0,0 +1,4 @@
+declare const cssText: string;
+declare const addBreadcrumbCss: () => void;
+declare const breadcrumbCss: string;
+export { addBreadcrumbCss, breadcrumbCss };

package/dist/breadcrumb.js

@@ -0,0 +1,4 @@
+import { addCssToHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_breadcrumb{box-sizing:border-box;display:inline-flex;align-items:center}.pc_breadcrumb.pc_breadcrumb--md{--ptc-breadcrumb-h: var(--pt-size-md);--ptc-breadcrumb-content-min-h: var(--pt-dimension-1400)}.pc_breadcrumb.pc_breadcrumb--md .pc_breadcrumb__item__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}.pc_breadcrumb.pc_breadcrumb--lg{--ptc-breadcrumb-h: var(--pt-size-lg);--ptc-breadcrumb-content-min-h: var(--pt-dimension-1400)}.pc_breadcrumb.pc_breadcrumb--lg .pc_breadcrumb__item__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_breadcrumb .pc_breadcrumb__list{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:inline-flex;align-items:center;padding:var(--pt-dimension-0, 0px)}.pc_breadcrumb .pc_breadcrumb__item{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);text-decoration:none;height:var(--ptc-breadcrumb-h);min-height:var(--ptc-breadcrumb-h);max-height:var(--ptc-breadcrumb-h)}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content{box-sizing:border-box;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);outline-width:var(--pt-stroke-0, 0px);min-height:var(--ptc-breadcrumb-content-min-h);height:var(--ptc-breadcrumb-content-min-h)}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content .pc_breadcrumb__item__title{box-sizing:border-box;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_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content .pc_breadcrumb__item__leading{box-sizing:border-box;display:inline-flex;align-items:center}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__separator{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item.pc_breadcrumb__item--current .pc_breadcrumb__item__content{height:var(--pt-size-md, 32px);gap:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_breadcrumb .pc_breadcrumb__item.pc_breadcrumb__item--current .pc_breadcrumb__item__content .pc_breadcrumb__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current){padding-inline-end:var(--pt-dimension-200, 4px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content{padding:var(--pt-dimension-200, 4px)}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:not(:hover){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}\n";
+export const addBreadcrumbCss = () => addCssToHead(`${prefix}s-breadcrumb`, cssText);
+export const breadcrumbCss = cssText;

package/dist/breadcrumb.umd.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_breadcrumb{box-sizing:border-box;display:inline-flex;align-items:center}.pc_breadcrumb.pc_breadcrumb--md{--ptc-breadcrumb-h: var(--pt-size-md);--ptc-breadcrumb-content-min-h: var(--pt-dimension-1400)}.pc_breadcrumb.pc_breadcrumb--md .pc_breadcrumb__item__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}.pc_breadcrumb.pc_breadcrumb--lg{--ptc-breadcrumb-h: var(--pt-size-lg);--ptc-breadcrumb-content-min-h: var(--pt-dimension-1400)}.pc_breadcrumb.pc_breadcrumb--lg .pc_breadcrumb__item__title{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_breadcrumb .pc_breadcrumb__list{margin:var(--pt-dimension-0, 0px);box-sizing:border-box;display:inline-flex;align-items:center;padding:var(--pt-dimension-0, 0px)}.pc_breadcrumb .pc_breadcrumb__item{box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px);text-decoration:none;height:var(--ptc-breadcrumb-h);min-height:var(--ptc-breadcrumb-h);max-height:var(--ptc-breadcrumb-h)}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content{box-sizing:border-box;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-lg, 8px);outline-width:var(--pt-stroke-0, 0px);min-height:var(--ptc-breadcrumb-content-min-h);height:var(--ptc-breadcrumb-content-min-h)}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content .pc_breadcrumb__item__title{box-sizing:border-box;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_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__content .pc_breadcrumb__item__leading{box-sizing:border-box;display:inline-flex;align-items:center}.pc_breadcrumb .pc_breadcrumb__item .pc_breadcrumb__item__separator{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item.pc_breadcrumb__item--current .pc_breadcrumb__item__content{height:var(--pt-size-md, 32px);gap:var(--pt-dimension-200, 4px);padding-left:var(--pt-dimension-200, 4px);padding-right:var(--pt-dimension-200, 4px)}.pc_breadcrumb .pc_breadcrumb__item.pc_breadcrumb__item--current .pc_breadcrumb__item__content .pc_breadcrumb__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current){padding-inline-end:var(--pt-dimension-200, 4px);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content{padding:var(--pt-dimension-200, 4px)}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:not(:hover){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:hover{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_breadcrumb .pc_breadcrumb__item:not(.pc_breadcrumb__item--current) .pc_breadcrumb__item__content:focus{--ptu-shadow:0 0 0 var(--pt-stroke-30) var(--ptu-shadow-color, var(--pt-shadow-color, rgba(var(--pt-focus-br))));box-shadow:var(--ptu-ring-offset-shadow),var(--ptu-ring-shadow),var(--ptu-shadow)}\n";
+const addBreadcrumbCss = () => addCssToHead(`${prefix}s-breadcrumb`, cssText);
+exports.addBreadcrumbCss = addBreadcrumbCss;
+exports.breadcrumbCss = cssText;