sate-lib
Version:
A lightweight and modular React component library designed for modern web interfaces. **SATE Lib** powers the [sate.menu](https://sate.menu) platform with reusable, scalable, and themeable UI components.
1 lines • 2.62 kB
CSS
.root-pyZY98{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-lbapOX{position:relative}.container-lbapOX svg{color:var(--color-content-secondary,#646464)}.input-qIobsm{all:unset;border-radius:var(--radius-radii-12,.75rem);outline-offset:-2px;font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-large-font-size,1rem);font-weight:400;line-height:var(--typescale-body-large-line-height,1.5rem);letter-spacing:var(--typescale-body-large-letter-spacing,-.0125rem);outline:2px solid #0000;padding:0 4.5rem 0 2.5rem;transition:background .2s,border .2s,outline .2s}.input-qIobsm:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-qIobsm[data-has-value=true]{color:var(--color-content-primary,#202020)}.input-qIobsm[data-has-value=false]{color:var(--color-content-tertiary,gray)}.outlined-BYG0l6{background:var(--color-background-input-primary,#fff);border:1px solid color-mix(in srgb,var(--color-interactive-secondary,#0000002b)17%,transparent)}.outlined-BYG0l6:hover{border:1px solid color-mix(in srgb,var(--color-interactive-secondary-hover,#00000073)45%,transparent)}.filled-MMj8V_{background:color-mix(in srgb,var(--color-background-neutral,#0000000a)4%,transparent);border:1px solid #0000}.filled-MMj8V_:hover{background:color-mix(in srgb,var(--color-background-neutral-hover,#00000014)8%,transparent)}.clearButton-nSejyH{all:unset;cursor:pointer;opacity:0;pointer-events:none;z-index:1;transition:opacity .2s;display:flex;right:2.5rem}.clearButton-nSejyH[data-visible=true]{opacity:1;pointer-events:auto}.leftIcon-YsP8Ve,.rightIcon-CZZaRi,.clearButton-nSejyH{position:absolute;top:50%;transform:translateY(-50%)}.leftIcon-YsP8Ve{left:var(--spacing-size-8,.5rem)}.rightIcon-CZZaRi{right:calc(var(--spacing-size-8,.5rem) + .3125rem)}.supportingText-uTaQfI{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);font-family:var(--typescale-display-font-secondary,"Golos UI");font-size:var(--typescale-body-small-font-size,.75rem);font-weight:400;line-height:var(--typescale-body-small-line-height,1rem);letter-spacing:var(--typescale-body-small-letter-spacing,-.0125rem);display:flex}.disabled-xFBfue{opacity:.38;pointer-events:none}.small-klP5_W input{height:2rem;padding:0 1.87rem 0 2rem}.small-klP5_W .leftIcon-YsP8Ve,.small-klP5_W .rightIcon-CZZaRi,.small-klP5_W .clearButton-nSejyH svg{width:16px;height:16px}.medium-tXvZs0 input{height:2.5rem;padding:0 2.5rem 0 2.12rem}.medium-tXvZs0 .leftIcon-YsP8Ve{width:18px;height:18px}.large-i1pgMt input{height:3.5rem}