dap-design-system/dist/components/option-item/option-item.scss.js

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

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{display:block;--dds-option-item-padding-vertical: var(--dds-spacing-100);--dds-option-item-padding-horizontal: var(--dds-spacing-200);--dds-option-item-border-radius: var(--dds-radius-small, 4px);--dds-option-item-color: var(--dds-text-neutral-base);--dds-option-item-hover-bg: var(--dds-background-neutral-medium);--dds-option-item-active-bg: var(--dds-background-neutral-strong);--dds-option-item-disabled-color: var(--dds-text-neutral-disabled);--dds-option-item-high-contrast-border: var( --dds-border-neutral-transparent-interactive, #fff500 );--dds-option-item-selected-font-weight: var(--dds-font-weight-bold);--dds-option-item-xs-font-size: var(--dds-font-sm);--dds-option-item-lg-font-size: var(--dds-font-lg);--dds-option-item-selected-icon-width: var(--dds-spacing-400)}:host(:focus){outline:none}.option-item__high-contrast{display:inline-flex;position:absolute;box-sizing:border-box;flex:0 0 auto;width:100%;height:100%;margin:calc(var(--dds-option-item-padding-vertical) * -1) calc(var(--dds-option-item-padding-horizontal) * -1);border:var(--dds-border-width-large) solid var(--dds-option-item-high-contrast-border);border-radius:var(--dds-option-item-border-radius)}.option-item__high-contrast:hover{border-width:var(--dds-border-width-large)}.option-item__high-contrast:active{border-width:var(--dds-border-width-xlarge)}.option-item__high-contrast.input__control-high-contrast--disabled{border-color:var(--dds-border-neutral-transparent-disabled);background-color:var(--dds-button-primary-background-disabled);cursor:not-allowed}.option-item{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;position:relative;padding:var(--dds-option-item-padding-vertical) var(--dds-option-item-padding-horizontal);border-radius:var(--dds-option-item-border-radius);color:var(--dds-option-item-color);cursor:pointer}.option-item:hover{background-color:var(--dds-option-item-hover-bg)}.option-item:active{background-color:var(--dds-option-item-active-bg)}.option-item--focused{outline-style:solid}.option-item--selected{font-weight:var(--dds-option-item-selected-font-weight)}.option-item--disabled{color:var(--dds-option-item-disabled-color);cursor:not-allowed;pointer-events:none}.option-item--xs{font-size:var(--dds-option-item-xs-font-size)}.option-item--lg{font-size:var(--dds-option-item-lg-font-size)}.option-item__stack::part(base){flex-wrap:nowrap}.option-item__prefix,.option-item__suffix{display:none}.option-item__prefix--visible,.option-item__suffix--visible{display:block}.selected-icon{min-width:var(--dds-option-item-selected-icon-width)}.selected-icon-suffix{display:flex;min-width:var(--dds-option-item-selected-icon-width);margin-left:auto;text-align:right}";
export {
  t as default
};
//# sourceMappingURL=option-item.scss.js.map