@pantograph/styles 0.0.4 → 0.0.5

package/dist/accordion.css

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

package/dist/accordion.js

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

package/dist/accordion.umd.cjs

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