@pantograph/styles 0.0.17 → 0.0.18

package/dist/list_view.css

@@ -0,0 +1 @@
+.pc_list_view,.pc_list_view__item{min-width:fit-content}.pc_list_view__item .pc_list_view__item__content__wrapper{padding:var(--pt-dimension-0, 0px)!important}.pc_list_view__item .pc_list_view__item__header__content{position:sticky;inset-inline-start:var(--pt-dimension-0, 0px)}.pc_list_view__item .pc_list_view__item__expand{position:sticky;inset-inline-end:var(--pt-dimension-0, 0px)}.pc_list_view__item .pc_list_view__item__header{position:sticky;z-index:4;top:var(--ptc-list-view-offset-top, 0px)}

package/dist/list_view.d.ts

@@ -0,0 +1,5 @@
+declare const listViewId: string;
+declare const addListViewCss: () => void;
+declare const removeListViewCss: () => void;
+declare const listViewCss: string;
+export { listViewId, addListViewCss, removeListViewCss, listViewCss };

package/dist/list_view.js

@@ -0,0 +1,7 @@
+import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
+const cssText = ".pc_list_view,.pc_list_view__item{min-width:fit-content}.pc_list_view__item .pc_list_view__item__content__wrapper{padding:var(--pt-dimension-0, 0px)!important}.pc_list_view__item .pc_list_view__item__header__content{position:sticky;inset-inline-start:var(--pt-dimension-0, 0px)}.pc_list_view__item .pc_list_view__item__expand{position:sticky;inset-inline-end:var(--pt-dimension-0, 0px)}.pc_list_view__item .pc_list_view__item__header{position:sticky;z-index:4;top:var(--ptc-list-view-offset-top, 0px)}\n";
+const listViewId = `${prefix}s-list_view`;
+const addListViewCss = () => addCssToHead(listViewId, cssText);
+const removeListViewCss = () => removeCssFromHead(listViewId);
+const listViewCss = cssText;
+export { listViewId, addListViewCss, removeListViewCss, listViewCss };

package/dist/list_view.umd.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
+const cssText = ".pc_list_view,.pc_list_view__item{min-width:fit-content}.pc_list_view__item .pc_list_view__item__content__wrapper{padding:var(--pt-dimension-0, 0px)!important}.pc_list_view__item .pc_list_view__item__header__content{position:sticky;inset-inline-start:var(--pt-dimension-0, 0px)}.pc_list_view__item .pc_list_view__item__expand{position:sticky;inset-inline-end:var(--pt-dimension-0, 0px)}.pc_list_view__item .pc_list_view__item__header{position:sticky;z-index:4;top:var(--ptc-list-view-offset-top, 0px)}\n";
+const listViewId = `${prefix}s-list_view`;
+const addListViewCss = () => addCssToHead(listViewId, cssText);
+const removeListViewCss = () => removeCssFromHead(listViewId);
+const listViewCss = cssText;
+exports.listViewId = listViewId;
+exports.addListViewCss = addListViewCss;
+exports.removeListViewCss = removeListViewCss;
+exports.listViewCss = listViewCss;

package/dist/menu_item.css

@@ -1 +1 @@
-.pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:not(:has(.pc_sub_menu__items .pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected).pc_sub_menu__trigger:active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active:not(:has(.pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:inline-flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{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_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{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_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{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_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{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_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{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_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);display:inline-block;height:100%}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--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_sub_menu{width:100%}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger.pc_menu_item--selected:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}
+.pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:not(:has(.pc_sub_menu__items .pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected).pc_sub_menu__trigger:active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active:not(:has(.pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{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_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{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_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{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_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{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_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{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_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);height:100%;display:flex}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--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_sub_menu{width:100%}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger.pc_menu_item--selected:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}

package/dist/menu_item.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:not(:has(.pc_sub_menu__items .pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected).pc_sub_menu__trigger:active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active:not(:has(.pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:inline-flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{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_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{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_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{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_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{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_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{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_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);display:inline-block;height:100%}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--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_sub_menu{width:100%}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger.pc_menu_item--selected:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}\n";
+const cssText = ".pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:not(:has(.pc_sub_menu__items .pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected).pc_sub_menu__trigger:active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active:not(:has(.pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{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_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{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_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{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_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{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_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{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_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);height:100%;display:flex}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--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_sub_menu{width:100%}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger.pc_menu_item--selected:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}\n";
 const menuItemId = `${prefix}s-menu_item`;
 const addMenuItemCss = () => addCssToHead(menuItemId, cssText);
 const removeMenuItemCss = () => removeCssFromHead(menuItemId);

package/dist/menu_item.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = ".pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:not(:has(.pc_sub_menu__items .pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected).pc_sub_menu__trigger:active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active:not(:has(.pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:inline-flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{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_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{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_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{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_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{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_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{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_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);display:inline-block;height:100%}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:inline-flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--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_sub_menu{width:100%}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger.pc_menu_item--selected:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}\n";
+const cssText = ".pc_menu_item{box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;outline:0;display:flex;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-property:all;background:var(--ptc-menuitem-bg)}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):hover,.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:not(:has(.pc_sub_menu__items .pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-bg-trigger));--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style):not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected).pc_sub_menu__trigger:active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle));--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):hover,.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-highlighted],.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled)[data-hover]{--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--selected:not(.pc_menu_item--danger):not(.pc_menu_item--disabled):active:not(:has(.pc_menu_item:active)){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled){--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):not(:hover):not(:active){--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-danger-fg))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):hover{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-target))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--danger:not(.pc_menu_item--disabled):active{--ptc-menuitem-bg: rgba(var(--pt-danger-fill-subtle-trigger));--ptc-menuitem-fg: rgba(var(--pt-danger-fg-trigger))}.pc_menu_item:not(.pc_menu_item--static-style).pc_menu_item--disabled{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}.pc_menu_item.pc_menu_item--static-style{--ptc-menuitem-bg: var(--pt-alpha-gray-0);--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_menu_item>.pc_menu_item__content{display:flex;flex-direction:column;flex:1 1 0%;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ptc-menuitem-description)}.pc_menu_item>.pc_menu_item__content>.pc_menu_item__title{color:var(--ptc-menuitem-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_menu_item.pc_menu_item--hover-trailing .pc_menu_item__trailing{display:none}.pc_menu_item.pc_menu_item--hover-trailing:hover .pc_menu_item__trailing{display:flex}.pc_menu_item:not(.pc_menu_item--disabled):not(.pc_menu_item--static-style){cursor:pointer}.pc_menu_item.pc_menu_item--sm{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-sm, 4px);padding:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--sm:not(.pc_menu_item--description){height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px)}.pc_menu_item.pc_menu_item--sm.pc_menu_item--description{height:42px;min-height:42px;max-height:42px}.pc_menu_item.pc_menu_item--sm>.pc_menu_item__content{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_menu_item.pc_menu_item--md{gap:var(--pt-dimension-200, 4px);border-radius:var(--pt-roundness-md, 6px);padding:var(--pt-dimension-300, 6px)}.pc_menu_item.pc_menu_item--md:not(.pc_menu_item--description){height:var(--pt-dimension-1600, 32px);min-height:var(--pt-dimension-1600, 32px);max-height:var(--pt-dimension-1600, 32px)}.pc_menu_item.pc_menu_item--md.pc_menu_item--description{height:50px;min-height:50px;max-height:50px}.pc_menu_item.pc_menu_item--md>.pc_menu_item__content{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_menu_item.pc_menu_item--md>.pc_menu_item__content>.pc_menu_item__description{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_menu_item.pc_menu_item--lg{gap:var(--pt-dimension-300, 6px);border-radius:var(--pt-roundness-lg, 8px);padding:var(--pt-dimension-400, 8px)}.pc_menu_item.pc_menu_item--lg:not(.pc_menu_item--description){height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px)}.pc_menu_item.pc_menu_item--lg.pc_menu_item--description{height:54px;min-height:54px;max-height:54px}.pc_menu_item.pc_menu_item--lg>.pc_menu_item__content{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_menu_item.pc_menu_item--lg>.pc_menu_item__content .pc_menu_item__description{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_menu_item>.pc_menu_item__leading{color:var(--ptc-menuitem-fg);height:100%;display:flex}.pc_menu_item>.pc_menu_item__leading>.pc_menu_item__leading_content{display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item>.pc_menu_item__branch{--ptu-text-opacity:1;color:rgba(var(--pt-gray-9),var(--ptu-text-opacity))}.pc_menu_item>.pc_menu_item__trailing{color:var(--ptc-menuitem-fg);display:flex;align-items:center;gap:var(--pt-dimension-200, 4px)}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading{align-items:center}.pc_menu_item.pc_menu_item--leading-center>.pc_menu_item__leading>.pc_menu_item__leading_content{height:100%}.pc_menu_item:not(.pc_menu_item--un-focusable):not(.pc_menu_item--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_sub_menu{width:100%}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):not(.pc_menu_item--selected):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-bg-target));--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu[data-state=open]>.pc_sub_menu__trigger.pc_menu_item--selected:not(.pc_menu_item--disabled):not(.pc_menu_item--danger):active:has(.pc_sub_menu__items .pc_menu_item:active){--ptc-menuitem-bg: rgba(var(--pt-primary-fill-subtle-target));--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_sub_menu__items{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_sub_menu__items .pc_sub_menu,.pc_menu .pc_sub_menu{width:100%}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node:not(.pc_tree__node--active):not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):not(:hover):not([data-highlighted]):not([data-hover]):not(:active) .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg));--ptc-menuitem-description: rgba(var(--pt-fg-subtle))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):hover .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-highlighted] .pc_menu_item,.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled)[data-hover] .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-target));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-target))}.pc_tree__node.pc_tree__node--active:not(.pc_tree__node--disabled):active .pc_menu_item{--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-primary-fg-trigger));--ptc-menuitem-description: rgba(var(--pt-fg-subtle-trigger))}.pc_tree__node.pc_tree__node--disabled .pc_menu_item{cursor:not-allowed;--ptc-menuitem-bg: transparent;--ptc-menuitem-fg: rgba(var(--pt-disable-fg));--ptc-menuitem-description: rgba(var(--pt-disable-fg))}\n";
 const menuItemId = `${prefix}s-menu_item`;
 const addMenuItemCss = () => addCssToHead(menuItemId, cssText);
 const removeMenuItemCss = () => removeCssFromHead(menuItemId);

package/dist/progress.css

@@ -1 +1 @@
-@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{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);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);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);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);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);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}
+@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{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);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--3xsm{width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);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);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);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);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;display:flex;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}

package/dist/progress.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{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);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);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);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);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);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}\n";
+const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{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);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--3xsm{width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);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);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);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);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;display:flex;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}\n";
 const progressId = `${prefix}s-progress`;
 const addProgressCss = () => addCssToHead(progressId, cssText);
 const removeProgressCss = () => removeCssFromHead(progressId);

package/dist/progress.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{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);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);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);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);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);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}\n";
+const cssText = "@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(-300%)}}.pc_progress{display:flex;flex-direction:column;gap:var(--pt-dimension-200, 4px)}.pc_progress.pc_progress--circle{width:fit-content;display:inline-flex;align-items:center;justify-content:center}.pc_progress.pc_progress--line{width:100%;display:flex}.pc_progress.pc_progress--progress{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--error{--ptu-text-opacity:1;color:rgba(var(--pt-danger-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--warning{--ptu-text-opacity:1;color:rgba(var(--pt-warning-fill),var(--ptu-text-opacity))}.pc_progress.pc_progress--success{--ptu-text-opacity:1;color:rgba(var(--pt-success-fill),var(--ptu-text-opacity))}.pc_progress .pc_progress__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--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-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_progress .pc_progress__helper_text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend{display:flex;gap:var(--pt-dimension-300, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-600, 12px);line-height:var(--pt-lineheight-7, 14px);letter-spacing:0}.pc_progress .pc_progress__legend .pc_progress__legend__item{display:flex;align-items:center;gap:var(--pt-dimension-100, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__indicator{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);border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__title{--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_progress .pc_progress__legend .pc_progress__legend__item .pc_progress__legend__item__percent{--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle{position:relative;aspect-ratio:1/1}.pc_progress .pc_progress__circle.pc_progress__circle--2xsm{width:var(--pt-dimension-800, 16px);height:var(--pt-dimension-800, 16px);min-width:var(--pt-dimension-800, 16px);min-height:var(--pt-dimension-800, 16px);max-width:var(--pt-dimension-800, 16px);max-height:var(--pt-dimension-800, 16px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--3xsm{width:var(--pt-dimension-700, 14px);height:var(--pt-dimension-700, 14px);min-width:var(--pt-dimension-700, 14px);min-height:var(--pt-dimension-700, 14px);max-width:var(--pt-dimension-700, 14px);max-height:var(--pt-dimension-700, 14px);--ptc-progress-content-offset: var(--pt-dimension-050)}.pc_progress .pc_progress__circle.pc_progress__circle--xsm{width:var(--pt-dimension-1000, 20px);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);max-width:var(--pt-dimension-1000, 20px);--ptc-progress-content-offset: var(--pt-dimension-150)}.pc_progress .pc_progress__circle.pc_progress__circle--sm{width:var(--pt-dimension-1200, 24px);height:var(--pt-dimension-1200, 24px);min-height:var(--pt-dimension-1200, 24px);max-height:var(--pt-dimension-1200, 24px);min-width:var(--pt-dimension-1200, 24px);max-width:var(--pt-dimension-1200, 24px);--ptc-progress-content-offset: var(--pt-dimension-200)}.pc_progress .pc_progress__circle.pc_progress__circle--md{width:var(--pt-dimension-1600, 32px);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);max-width:var(--pt-dimension-1600, 32px);--ptc-progress-content-offset: var(--pt-dimension-300)}.pc_progress .pc_progress__circle.pc_progress__circle--lg{width:var(--pt-dimension-2000, 40px);height:var(--pt-dimension-2000, 40px);min-height:var(--pt-dimension-2000, 40px);max-height:var(--pt-dimension-2000, 40px);min-width:var(--pt-dimension-2000, 40px);max-width:var(--pt-dimension-2000, 40px);--ptc-progress-content-offset: var(--pt-dimension-400)}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--trail{--ptu-stroke-opacity:1;stroke:rgba(var(--pt-gray-fill-subtle),var(--ptu-stroke-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__path.pc_progress__circle__path--indeterminate{--ptu-text-opacity:1;color:rgba(var(--pt-primary-5),var(--ptu-text-opacity))}.pc_progress .pc_progress__circle .pc_progress__circle__content{position:absolute;box-sizing:border-box;aspect-ratio:1/1;display:flex;overflow:hidden;--ptc-progress-circle-content-size: calc(100% - calc(var(--ptc-progress-content-offset) * 2));width:var(--ptc-progress-circle-content-size);min-width:var(--ptc-progress-circle-content-size);max-width:var(--ptc-progress-circle-content-size);top:var(--ptc-progress-content-offset);inset-inline-start:var(--ptc-progress-content-offset)}.pc_progress .pc_progress__line{box-sizing:border-box;width:100%;height:var(--pt-dimension-200, 4px);min-height:var(--pt-dimension-200, 4px);max-height:var(--pt-dimension-200, 4px);overflow:hidden;--ptu-bg-opacity:1;background-color:rgba(var(--pt-gray-fill-subtle),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line:not(.pc_progress__line--not-rounded){border-radius:var(--pt-roundness-full, 88px)}.pc_progress .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{width:var(--pt-dimension-0, 0px);min-width:var(--pt-dimension-0, 0px)}.pc_progress .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{width:33.3333333333%;min-width:33.3333333333%;max-width:33.3333333333%;border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-5),var(--ptu-bg-opacity))}.pc_progress .pc_progress__line .pc_progress__line__value{box-sizing:border-box;height:100%;display:flex;overflow:hidden}.pc_progress .pc_progress__line .pc_progress__line__value .pc_progress__line__value__step{height:100%}.pc_progress:not(.pc_progress--no-transition) .pc_progress__line:not(.pc_progress__line--indeterminate) .pc_progress__line__value{transition-timing-function:linear;transition:width;transition-duration:calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress:not(.pc_progress--no-transition) .pc_progress__circle .pc_progress__circle__path:not(.pc_progress__circle__path--trail):not(.pc_progress__circle__path--indeterminate){transition-timing-function:linear;transition:stroke-dashoffset calc(var(--ptc-progress-animation-duration) * 1s),stroke-dasharray calc(var(--ptc-progress-animation-duration) * 1s),stroke calc(var(--ptc-progress-animation-duration) * 1s),stroke-width .06s calc(var(--ptc-progress-animation-duration) * 1s),opacity calc(var(--ptc-progress-animation-duration) * 1s)}.pc_progress .pc_progress__line_content{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_progress .pc_progress__line_validation_box .pc_progress__divider{min-height:var(--pt-dimension-400, 8px);height:var(--pt-dimension-400, 8px);max-height:var(--pt-dimension-400, 8px)}.pc_progress[dir=rtl] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-rtl infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}.pc_progress[dir=ltr] .pc_progress__line.pc_progress__line--indeterminate .pc_progress__line__value{animation:indeterminate-loop-ltr infinite calc(var(--ptc-progress-animation-duration) * 2s) linear}\n";
 const progressId = `${prefix}s-progress`;
 const addProgressCss = () => addCssToHead(progressId, cssText);
 const removeProgressCss = () => removeCssFromHead(progressId);

package/dist/tabs.css

@@ -1 +1 @@
-.pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}
+.pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}

package/dist/tabs.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
+const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
 const tabsId = `${prefix}s-tabs`;
 const addTabsCss = () => addCssToHead(tabsId, cssText);
 const removeTabsCss = () => removeCssFromHead(tabsId);

package/dist/tabs.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
+const cssText = ".pc_sort_placeholder{box-sizing:border-box;height:100%;min-width:var(--pt-dimension-4800, 96px);flex:1 1 0%;border-width:1px;border-style:solid;--ptu-border-opacity:1;border-color:rgba(var(--pt-br),var(--ptu-border-opacity));border-style:dashed;--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-secondary),var(--ptu-bg-opacity))}.pc_sort_placeholder.pc_sort_placeholder--sm{height:var(--pt-size-sm, 24px);min-height:var(--pt-size-sm, 24px);max-height:var(--pt-size-sm, 24px);border-radius:var(--pt-roundness-sm, 4px)}.pc_sort_placeholder.pc_sort_placeholder--md{height:var(--pt-size-md, 32px);min-height:var(--pt-size-md, 32px);max-height:var(--pt-size-md, 32px);border-radius:var(--pt-roundness-md, 6px)}.pc_sort_placeholder.pc_sort_placeholder--lg{height:var(--pt-size-lg, 40px);min-height:var(--pt-size-lg, 40px);max-height:var(--pt-size-lg, 40px);border-radius:var(--pt-roundness-lg, 8px)}.pc_tabs{height:var(--ptc-tab-height);position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__underline{position:absolute;inset-inline-start:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__wrapper{display:flex;flex:1 1 0%;align-items:center;gap:var(--pt-dimension-200, 4px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__wrapper .pc_tabs__container{position:relative;display:flex}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper{position:relative;flex:1 1 0%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__right_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);right:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll__wrapper .pc_tabs__left_scroll{position:absolute;top:var(--pt-dimension-0, 0px);bottom:var(--pt-dimension-0, 0px);left:var(--pt-dimension-0, 0px);z-index:1;display:flex;align-items:center;padding:var(--pt-dimension-200, 4px)}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll{position:relative;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll::-webkit-scrollbar{display:none}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container{position:relative;width:100%;overflow:hidden}.pc_tabs .pc_tabs__wrapper .pc_tabs__scroll .pc_tabs__indicator__container .pc_tabs__indicator{position:absolute;bottom:1px;z-index:1;box-sizing:border-box;height:var(--pt-dimension-050, 1px);border-radius:var(--pt-roundness-full, 88px);--ptu-bg-opacity:1;background-color:rgba(var(--pt-primary-br),var(--ptu-bg-opacity));transition-duration:.3s;width:var(--reka-tabs-indicator-size);left:var(--reka-tabs-indicator-position)}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions{display:flex;align-items:center}.pc_tabs .pc_tabs__wrapper .pc_tabs__actions_divider{height:var(--pt-dimension-800, 16px)}.pc_tabs .pc_tabs__fixed_actions{display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--ptc-tab-action-p)}.pc_tabs.pc_tabs--md{--ptc-tab-px: var(--pt-dimension-400);--ptc-tab-gap: var(--pt-dimension-200);--ptc-tab-action-p: var(--pt-dimension-300);--ptc-tab-height: var(--pt-size-md);--ptc-tab-leding-size: var(--pt-size-xsm);--ptc-tab-content-height: var(--pt-size-sm);--ptc-tab-loading-w: 98px}.pc_tabs.pc_tabs--md .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs.pc_tabs--lg{--ptc-tab-px: var(--pt-dimension-600);--ptc-tab-gap: var(--pt-dimension-300);--ptc-tab-action-p: var(--pt-dimension-200);--ptc-tab-height: var(--pt-size-lg);--ptc-tab-leding-size: var(--pt-size-sm);--ptc-tab-content-height: var(--pt-size-md);--ptc-tab-loading-w: 128px}.pc_tabs.pc_tabs--lg .pc_tabs__trigger__text{font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-medium, medium);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0}.pc_tabs .pc_tabs__sort_placeholder{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);padding-left:var(--pt-dimension-100, 2px);padding-right:var(--pt-dimension-100, 2px)}.pc_tabs .pc_tabs__trigger{box-sizing:border-box;display:flex;-webkit-user-select:none;user-select:none;align-items:center;border-width:var(--pt-stroke-0, 0px);background-color:transparent;padding:var(--pt-dimension-0, 0px);outline:0;height:var(--ptc-tab-height);min-height:var(--ptc-tab-height);max-height:var(--ptc-tab-height)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content{position:relative;box-sizing:border-box;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--pt-roundness-md, 6px);height:var(--ptc-tab-content-height);gap:var(--ptc-tab-gap);padding:var(--pt-dimension-200) var(--ptc-tab-px)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__content .pc_tabs__trigger__skeleton{width:100%!important}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__trailing{display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--ptc-tab-leding-size);min-width:var(--ptc-tab-leding-size);max-width:var(--ptc-tab-leding-size);height:var(--ptc-tab-leding-size);min-height:var(--ptc-tab-leding-size);max-height:var(--ptc-tab-leding-size)}.pc_tabs .pc_tabs__trigger .pc_tabs__trigger__action{position:absolute;top:var(--pt-dimension-0, 0px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;inset-inline-end:calc(var(--ptc-tab-content-height) * -1);width:var(--ptc-tab-content-height);min-width:var(--ptc-tab-content-height);max-width:var(--ptc-tab-content-height);height:var(--ptc-tab-content-height);min-height:var(--ptc-tab-content-height);max-height:var(--ptc-tab-content-height)}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled){cursor:pointer}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):not(:disabled):hover .pc_tabs__trigger__content{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity))}.pc_tabs .pc_tabs__trigger:not(.pc_tabs__trigger--loading):hover .pc_tabs__trigger__action{inset-inline-end:var(--pt-dimension-0, 0px)}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=true]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-primary-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled){--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger[aria-selected=false]:not(:disabled):hover{--ptu-text-opacity:1;color:rgba(var(--pt-fg-target),var(--ptu-text-opacity))}.pc_tabs .pc_tabs__trigger:disabled{--ptu-text-opacity:1;color:rgba(var(--pt-disable-fg),var(--ptu-text-opacity))}.pc_tabs.pc_tabs--block .pc_tabs__scroll{overflow-x:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__container{min-width:var(--pt-dimension-0, 0px)!important;overflow:hidden}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger{justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% / var(--ptc-tabs-count))}.pc_tabs.pc_tabs--block .pc_tabs__scroll .pc_tabs__trigger .pc_tabs__trigger__content{width:100%;align-items:center;justify-content:center}.pc_tabs:not(.pc_tabs--block) .pc_tabs__scroll__wrapper{max-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__indicator__container{min-width:fit-content}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading{cursor:not-allowed}.pc_tabs:not(.pc_tabs--block) .pc_tabs__trigger--loading .pc_tabs__trigger__content{width:var(--ptc-tab-loading-w);min-width:var(--ptc-tab-loading-w);max-width:var(--ptc-tab-loading-w)}\n";
 const tabsId = `${prefix}s-tabs`;
 const addTabsCss = () => addCssToHead(tabsId, cssText);
 const removeTabsCss = () => removeCssFromHead(tabsId);

package/dist/tbody.css

@@ -1 +1 @@
-.pc_table__tbody{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}
+.pc_table__tbody{position:relative;box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}

package/dist/tbody.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_table__tbody{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}\n";
+const cssText = ".pc_table__tbody{position:relative;box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}\n";
 const tbodyId = `${prefix}s-tbody`;
 const addTbodyCss = () => addCssToHead(tbodyId, cssText);
 const removeTbodyCss = () => removeCssFromHead(tbodyId);

package/dist/tbody.umd.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const { addCssToHead, removeCssFromHead, prefix } = require("@pantograph/tokens");
-const cssText = ".pc_table__tbody{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}\n";
+const cssText = ".pc_table__tbody{position:relative;box-sizing:border-box;border-width:var(--pt-stroke-0, 0px)}\n";
 const tbodyId = `${prefix}s-tbody`;
 const addTbodyCss = () => addCssToHead(tbodyId, cssText);
 const removeTbodyCss = () => removeCssFromHead(tbodyId);

package/dist/tcell.css

@@ -1 +1 @@
-.pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:"";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}
+.pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important;z-index:1;inset-inline-start:calc(var(--ptc-tcell-start) - var(--ptc-tcell-offset, 0px))}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:"";transform:translate(calc(100% * var(--ptc-tcell-shadow-ratio, 1)));box-shadow:inset calc(10px * var(--ptc-tcell-shadow-ratio, 1)) 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}

package/dist/tcell.js

@@ -1,5 +1,5 @@
 import { addCssToHead, removeCssFromHead, prefix } from "@pantograph/tokens";
-const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(100%);box-shadow:inset 10px 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
+const cssText = ".pc_table__td,.pc_table__th{box-sizing:border-box;border-width:var(--pt-stroke-0, 0px);border-style:none;padding:var(--pt-dimension-0, 0px);font-family:var(--pt-font-family);font-weight:var(--pt-font-weight-regular, regular);font-size:var(--pt-dimension-700, 14px);line-height:var(--pt-lineheight-6, 16px);letter-spacing:0;min-height:var(--ptc-cell-height);height:var(--ptc-cell-height)}.pc_table__td:not(.pc_table__td--no-px),.pc_table__th:not(.pc_table__td--no-px){padding-left:var(--pt-dimension-400, 8px);padding-right:var(--pt-dimension-400, 8px)}.pc_table__td--lg,.pc_table__th--lg{--ptc-cell-height: var(--pt-size-lg);--ptc-hover-cell-action-offset: var(--pt-dimension-200)}.pc_table__td--xlg,.pc_table__th--xlg{--ptc-cell-height: var(--pt-size-xlg);--ptc-hover-cell-action-offset: var(--pt-dimension-400)}.pc_table__td--fixed,.pc_table__th--fixed{background:var(--ptc-cell-bg);position:sticky!important;z-index:1;inset-inline-start:calc(var(--ptc-tcell-start) - var(--ptc-tcell-offset, 0px))}.pc_table__td--after-shadow,.pc_table__th--after-shadow{overflow:visible!important}.pc_table__td--after-shadow:after,.pc_table__th--after-shadow:after{content:\"\";transform:translate(calc(100% * var(--ptc-tcell-shadow-ratio, 1)));box-shadow:inset calc(10px * var(--ptc-tcell-shadow-ratio, 1)) 0 8px -8px var(--pt-alpha-gray-2);pointer-events:none;position:absolute;inset-inline-end:var(--pt-dimension-0, 0px);top:var(--pt-dimension-0, 0px);z-index:4;height:100%;width:30px;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer){--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):not(.pc_table__td--fixed){position:relative}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__ellipse--h-full{height:100%}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer).pc_table__td--wrap:not(.pc_table__td--no-py){padding-top:var(--pt-dimension-600, 12px);padding-bottom:var(--pt-dimension-600, 12px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__absolute_action{position:absolute;top:var(--pt-dimension-0, 0px);display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--pt-dimension-200, 4px)}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer) .pc_table__td__hover_actions{display:none}.pc_table__td:not(.pc_table__td--empty):not(.pc_table__td--lazy-load-observer):hover .pc_table__td__absolute_action{display:flex;align-items:center;gap:var(--pt-dimension-300, 6px);top:var(--ptc-hover-cell-action-offset);inset-inline-end:var(--ptc-hover-cell-action-offset)}.pc_table__td--lazy-load-observer:not(.pc_table__td--empty){position:absolute;width:100%;padding:var(--pt-dimension-0, 0px);top:calc(var(--ptc-cell-height) * -1)}.pc_table__td__empty{display:flex;align-items:center;justify-content:center}.pc_table__th{width:fit-content;text-align:start;--ptu-text-opacity:1;color:rgba(var(--pt-fg-subtle),var(--ptu-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pc_table__th:not(.pc_table__th--fixed){position:relative}.pc_table__th__content{height:100%;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--pt-dimension-200, 4px)}.pc_table__th:not([data-dragging]):hover,.pc_table__th:not([data-dragging])[data-highlighted]{--ptu-bg-opacity:1;background-color:rgba(var(--pt-bg-target),var(--ptu-bg-opacity));--ptu-text-opacity:1;color:rgba(var(--pt-fg),var(--ptu-text-opacity))}\n";
 const tcellId = `${prefix}s-tcell`;
 const addTcellCss = () => addCssToHead(tcellId, cssText);
 const removeTcellCss = () => removeCssFromHead(tcellId);