UNPKG

dap-design-system

Version:

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

6 lines (5 loc) 5.74 kB
const d = "*,*: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}}:root{--dds-form-label-font-weight: var(--dds-font-weight-bold);--dds-form-label-line-height: var(--dds-font-line-height-xlarge);--dds-form-label-color: var(--dds-text-neutral-base);--dds-form-label-disabled-color: var(--dds-text-neutral-disabled);--dds-form-label-required-color: var(--dds-text-negative-subtle);--dds-form-label-optional-color: var(--dds-text-neutral-subtle);--dds-form-label-margin-bottom: var(--dds-spacing-200)}dap-ds-form-label .dds-label{display:block;margin-bottom:var(--dds-form-label-margin-bottom);color:var(--dds-form-label-color);font-weight:var(--dds-form-label-font-weight);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label--no-margin{margin-bottom:0}dap-ds-form-label .dds-label--hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}dap-ds-form-label .dds-label--disabled{color:var(--dds-form-label-disabled-color)}dap-ds-form-label .dds-label--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label--sm{font-size:var(--dds-font-base)}dap-ds-form-label .dds-label--lg{font-size:var(--dds-font-lg)}dap-ds-form-label .dds-label--subtle{font-weight:var(--dds-font-weight-medium)}dap-ds-form-label .dds-label .dds-label__required-indicator{order:2;color:var(--dds-form-label-required-color);font-weight:var(--dds-font-weight-bold);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator{order:3;color:var(--dds-form-label-optional-color);font-weight:var(--dds-font-weight-medium);line-height:var(--dds-form-label-line-height)}dap-ds-form-label .dds-label .dds-label__optional-indicator--xs{font-size:var(--dds-font-sm)}dap-ds-form-label .dds-label .dds-label__optional-indicator--lg{font-size:var(--dds-font-lg)}.label-container{display:flex;align-items:center;justify-content:space-between}.label--has-description{margin-bottom:var(--dds-spacing-200)}dap-ds-form-label+dap-ds-typography{display:block}.info-button{fill:var(--dds-button-subtle-icon-neutral-enabled);color:var(--dds-button-subtle-icon-neutral-enabled)}:host{--dds-file-input-holder-margin: var(--dds-spacing-400) 0 0 0;--dds-file-input-dropzone-padding: var(--dds-spacing-800);--dds-file-input-dropzone-border: var(--dds-border-width-base) dashed var(--dds-border-neutral-subtle);--dds-file-input-dropzone-border-radius: var(--dds-radius-base);--dds-file-input-dropzone-background: var(--dds-background-neutral-base);--dds-file-input-dropzone-border-hover: var(--dds-border-width-base) dashed var(--dds-border-neutral-medium);--dds-file-input-dropzone-background-hover: var( --dds-background-neutral-base );--dds-file-input-dropzone-border-dragover: var(--dds-border-width-base) dashed var(--dds-border-neutral-medium);--dds-file-input-dropzone-background-dragover: var( --dds-background-neutral-medium );--dds-file-input-dropzone-border-disabled: var(--dds-border-width-base) dashed var(--dds-border-neutral-disabled);--dds-file-input-dropzone-gap: var(--dds-spacing-300);--dds-file-input-dropzone-accept-color: var(--dds-color-text-secondary)}.input__holder{position:relative;margin:var(--dds-file-input-holder-margin)}.input__control:focus-visible+.input__button::part(base){outline-style:solid}.dropzone{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);margin:var(--dds-file-input-holder-margin);padding:var(--dds-file-input-dropzone-padding);border:var(--dds-file-input-dropzone-border);border-radius:var(--dds-file-input-dropzone-border-radius);background:var(--dds-file-input-dropzone-background);cursor:pointer}.dropzone:hover{border:var(--dds-file-input-dropzone-border-hover);background:var(--dds-file-input-dropzone-background-hover)}.dropzone:focus-visible{outline-style:solid}.dropzone--dragover{border:var(--dds-file-input-dropzone-border-dragover);background:var(--dds-file-input-dropzone-background-dragover)}.dropzone--disabled{border:var(--dds-file-input-dropzone-border-disabled);cursor:not-allowed}.dropzone--disabled:hover{border:var(--dds-file-input-dropzone-border-disabled)}.dropzone__content{display:flex;flex-direction:column;align-items:center;gap:var(--dds-file-input-dropzone-gap);text-align:center}.dropzone__accept{color:var(--dds-file-input-dropzone-accept-color)}"; export { d as default }; //# sourceMappingURL=file-input.scss.js.map