dap-design-system/dist/components/accordion/accordion.scss.js

Official design system for the DÁP (dap.gov.hu)

const o = '*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{--dds-accordion-border: var(--dds-border-width-base) solid var(--dds-border-neutral-divider);--dds-accordion-border-radius: var(--dds-radius-base);--dds-accordion-background-color: var(--dds-background-neutral-subtle);--dds-accordion-text-color: var(--dds-text-neutral-strong);--dds-accordion-hover-background: var(--dds-background-neutral-base);--dds-accordion-active-background: var(--dds-background-neutral-medium);--dds-accordion-icon-background: var(--dds-transparent-black-subtle);--dds-accordion-icon-color: var(--dds-icon-neutral-base);--dds-accordion-icon-hover-background: var(--dds-transparent-black-base);--dds-accordion-icon-active-background: var(--dds-transparent-black-strong);--dds-accordion-icon-hover-color: var(--dds-icon-neutral-strong);--dds-accordion-icon-active-color: var(--dds-icon-neutral-strong);--dds-accordion-content-color: var(--dds-text-text-neutral);--dds-accordion-transition-duration: var(--dds-transition-fast);--dds-accordion-transition-timing: var(--dds-easing-ease-in-out);--dds-accordion-divider-color: var(--dds-border-neutral-divider)}.accordion{display:flex;flex-direction:column;align-items:start;max-width:100%;overflow-x:hidden;overflow-y:hidden;border:var(--dds-accordion-border);border-radius:var(--dds-accordion-border-radius);background-color:var(--dds-accordion-background-color)}.accordion--collapsed{margin-bottom:0;padding-right:0;padding-left:0;border-radius:0;border-radius:var(--dds-radius-base);border-color:transparent}.accordion--collapsed:not(.accordion--last-item):after,.accordion--clean-collapsed:not(.accordion--last-item):after{content:"";display:block;width:calc(100% - 2 * var(--dds-spacing-400));margin:0 var(--dds-spacing-400);border-bottom:var(--dds-border-width-base) solid var(--dds-accordion-divider-color)}.accordion--clean,.accordion--clean-collapsed{margin-bottom:0;padding-right:0;padding-left:0;border-radius:0;border-color:transparent;background-color:transparent}.accordion--clean .accordion__heading:hover,.accordion--clean .accordion__heading:active,.accordion--clean-collapsed .accordion__heading:hover,.accordion--clean-collapsed .accordion__heading:active{background-color:transparent;text-decoration:underline}.accordion__heading{display:flex;flex-direction:row;flex-grow:1;width:100%;margin:0;border-radius:var(--dds-accordion-border-radius);color:var(--dds-accordion-text-color);font-size:var(--dds-font-base);font-weight:700;line-height:var(--dds-font-line-height-base);cursor:pointer}.accordion__heading:hover{background-color:var(--dds-accordion-hover-background)}.accordion__heading:active{background-color:var(--dds-accordion-active-background)}.accordion__heading:has(:focus-visible){outline-color:var(--dds-focus-outer-ring);outline-offset:-1px;outline-style:solid;outline-width:var(--dds-border-width-xlarge)}.accordion__heading-content{display:flex;width:100%}.accordion__heading-text{color:var(--dds-accordion-text-color)}.accordion--sm .accordion__heading-content{font-size:var(--dds-font-base)}.accordion--sm .accordion__button{padding:var(--dds-spacing-400)}.accordion--lg .accordion__heading-content{font-size:var(--dds-font-lg)}.accordion--lg .accordion__button{padding:var(--dds-spacing-400) var(--dds-spacing-600)}.accordion__icon-wrapper{display:flex;flex-shrink:0;align-items:center;align-self:flex-start;justify-content:center;transition:background-color var(--dds-accordion-transition-duration) var(--dds-accordion-transition-timing),color var(--dds-accordion-transition-duration) var(--dds-accordion-transition-timing);border:var(--dds-accordion-border-width) solid var(--dds-border-neutral-transparent-interactive);border-radius:100%;background-color:var(--dds-accordion-icon-background)}.accordion__icon-wrapper ::part(icon){transition:color var(--dds-accordion-transition-duration) var(--dds-accordion-transition-timing);color:var(--dds-accordion-icon-color)}.accordion__icon-wrapper:hover{background-color:var(--dds-accordion-icon-hover-background)}.accordion__icon-wrapper:hover ::part(icon){color:var(--dds-accordion-icon-hover-color)}.accordion__icon-wrapper:active{background-color:var(--dds-accordion-icon-active-background)}.accordion__icon-wrapper:active ::part(icon){color:var(--dds-accordion-icon-active-color)}.accordion--sm .accordion__icon-wrapper{width:var(--dds-spacing-600);height:var(--dds-spacing-600)}.accordion--lg .accordion__icon-wrapper{width:var(--dds-spacing-800);height:var(--dds-spacing-800)}.accordion--icon-left .accordion__icon-wrapper{order:0;margin-right:var(--dds-spacing-300)}.accordion--icon-right .accordion__icon-wrapper{order:1;margin-right:0;margin-left:var(--dds-spacing-300)}.accordion__icon-closed{display:inline-flex}.accordion__icon-opened,.accordion--opened .accordion__icon-closed{display:none}.accordion--opened .accordion__icon-opened{display:inline-flex}.accordion__button{display:flex;flex:1;align-items:center;padding:0;border:0;border-radius:1rem;background:transparent;font-size:inherit;font-weight:inherit;text-align:left;cursor:pointer}.accordion--icon-right .accordion__button{justify-content:space-between}.accordion__content{display:none;width:100%;block-size:0;padding:0 var(--dds-spacing-400);overflow:hidden;transition-property:block-size,opacity,padding;transition-duration:var(--dds-accordion-transition-duration);transition-timing-function:var(--dds-accordion-transition-timing);transition-behavior:allow-discrete;opacity:0;color:var(--dds-accordion-content-color)}.accordion--opened .accordion__content{display:block;block-size:auto;opacity:1}@starting-style{.accordion--opened .accordion__content{block-size:0;opacity:0}}.accordion--sm.accordion--opened .accordion__content{padding:var(--dds-spacing-200) var(--dds-spacing-400) var(--dds-spacing-400) var(--dds-spacing-400)}.accordion--lg.accordion--opened .accordion__content{padding:var(--dds-spacing-200) var(--dds-spacing-600) var(--dds-spacing-600) var(--dds-spacing-600)}.accordion-content__container{width:100%;min-width:0;padding:var(--dds-spacing-100);overflow:auto hidden}.accordion-content__container>*:last-of-type{margin-bottom:0;padding-bottom:0}.accordion-content__container dap-ds-table{display:table;width:max-content;min-width:100%;table-layout:auto}';
export {
  o as default
};
//# sourceMappingURL=accordion.scss.js.map