dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
6 lines (5 loc) • 5.53 kB
JavaScript
const t = "*,*: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-list-item-gap: var(--dds-spacing-200);--dds-list-item-content-gap: var(--dds-spacing-200);--dds-list-item-horizontal-gap: var(--dds-spacing-300);--dds-list-item-vertical-gap: var(--dds-spacing-200);--dds-list-item-icon-size: var(--dds-spacing-600);--dds-list-item-number-size: 20px;--dds-list-item-actions-gap: var(--dds-spacing-400);--dds-list-item-actions-padding: var(--dds-spacing-100);--dds-card-hover-border-color: var(--dds-border-brand-base);--dds-card-shadow: none;--dds-card-hover-shadow: none;--dds-card-transition-duration: var(--dds-transition-medium);--dds-card-transition-timing: var(--dds-easing-ease-in-out);--dds-list-item-background-base: var(--dds-background-neutral-base);--dds-list-item-background-subtle: var(--dds-background-neutral-subtle);--dds-list-item-background-medium: var(--dds-background-neutral-medium);--dds-list-item-background-strong: var(--dds-background-neutral-strong);--dds-list-item-icon-brand: var(--dds-icon-brand-subtle);--dds-list-item-icon-neutral: var(--dds-icon-neutral-base);--dds-list-item-icon-positive: var(--dds-icon-positive-subtle);--dds-list-item-icon-negative: var(--dds-icon-negative-subtle);--dds-list-item-title-color: var(--dds-text-neutral-strong);--dds-list-item-description-color: var(--dds-text-neutral-base);--dds-list-item-number-text-color: var(--dds-text-neutral-inverted)}.list-item{display:flex;align-items:start;width:100%;gap:var(--dds-list-item-gap);border-radius:var(--dds-radius-base)}.list-item::part(base){width:100%}.list-item--base::part(base){background-color:var(--dds-list-item-background-base)}.list-item--none::part(base){border-radius:0;background-color:transparent}.list-item--subtle::part(base){background-color:var(--dds-list-item-background-subtle)}.list-item--medium::part(base){background-color:var(--dds-list-item-background-medium)}.list-item--strong::part(base){background-color:var(--dds-list-item-background-strong)}.list-item--brand .list-item__icon{color:var(--dds-list-item-icon-brand)}.list-item--neutral .list-item__icon{color:var(--dds-list-item-icon-neutral)}.list-item--positive .list-item__icon{color:var(--dds-list-item-icon-positive)}.list-item--negative .list-item__icon{color:var(--dds-list-item-icon-negative)}.list-item--number .list-item__icon{display:flex;align-items:center;justify-content:center;width:var(--dds-list-item-number-size);min-width:var(--dds-list-item-number-size);height:var(--dds-list-item-number-size);border-radius:999px;color:var(--dds-list-item-number-text-color);font-size:var(--dds-font-xs);font-weight:600}.list-item--number .list-item__icon--neutral{background-color:var(--dds-list-item-icon-neutral)}.list-item--number .list-item__icon--positive{background-color:var(--dds-list-item-icon-positive)}.list-item--number .list-item__icon--negative{background-color:var(--dds-list-item-icon-negative)}.list-item--number .list-item__icon--brand{background-color:var(--dds-list-item-icon-brand)}.list-item__icon-container{flex:0 0 var(--dds-spacing-500)}.list-item__iteractive-indicator{place-self:center flex-end}.list-item--horizontal .list-item__container{display:flex;align-items:flex-start;gap:var(--dds-list-item-horizontal-gap)}.list-item--vertical .list-item__container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--dds-list-item-vertical-gap)}.list-item__icon{min-width:var(--dds-list-item-icon-size);margin-top:1px}.list-item__content{display:flex;flex-direction:column;width:100%;line-height:var(--dds-font-line-height-xlarge);gap:var(--dds-list-item-content-gap)}.list-item__title{color:var(--dds-list-item-title-color);font-size:var(--dds-font-base);font-weight:var(--dds-font-weight-bold)}.list-item__description{color:var(--dds-list-item-description-color);font-size:var(--dds-font-base);font-weight:var(--dds-font-weight-medium)}.list-item__actions{display:flex;padding-top:var(--dds-list-item-actions-padding);font-weight:var(--dds-font-weight-bold);gap:var(--dds-list-item-actions-gap);line-height:150%}dap-ds-card[nopadding] dap-ds-card-content::part(base){padding:0}dap-ds-card-content::part(base){padding:var(--dds-spacing-400)}";
export {
t as default
};
//# sourceMappingURL=list-item.scss.js.map