sate-lib 1.97.0 → 1.99.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/badge/badge.styles_module.css +1 -1
- package/lib/components/button/button.styles_module.css +1 -1
- package/lib/components/filter-chip/filter-chip.styles_module.css +1 -1
- package/lib/components/menu-item/menu-item.styles_module.css +1 -1
- package/lib/components/search-input/search-input.styles_module.css +1 -1
- package/lib/components/segmented-control/segmented-control.styles_module.css +1 -1
- package/lib/components/tabs/tabs.styles_module.css +1 -1
- package/lib/components/text-fields/text-area/text-area.js +1 -1
- package/lib/components/text-fields/text-field/text-field.d.ts +6 -3
- package/lib/components/text-fields/text-field/text-field.d.ts.map +1 -1
- package/lib/components/text-fields/text-field/text-field.js +1 -1
- package/lib/components/text-fields/text-field/text-field.styles_module.css +1 -1
- package/lib/components/text-fields/text-field-group/text-field-group.d.ts +20 -0
- package/lib/components/text-fields/text-field-group/text-field-group.d.ts.map +1 -0
- package/lib/components/text-fields/text-field-group/text-field-group.js +1 -0
- package/lib/components/text-fields/text-field-group/text-field-group.styles.module.js +1 -0
- package/lib/components/text-fields/text-field-group/text-field-group.styles_module.css +1 -0
- package/lib/components/text-fields/text-field-password/password-check.styles_module.css +1 -1
- package/lib/components/text-fields/text-field-password/text-field-password.d.ts +5 -2
- package/lib/components/text-fields/text-field-password/text-field-password.d.ts.map +1 -1
- package/lib/components/text-fields/text-field-password/text-field-password.js +1 -1
- package/lib/components/text-fields/text-field-password/text-field-password.styles.module.js +1 -1
- package/lib/components/text-fields/text-field-password/text-field-password.styles_module.css +1 -1
- package/lib/components/text-fields/text-fields.styles_module.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.badge-AenA5o{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-2,.125rem)var(--spacing-size-6,.375rem);border-radius:var(--radius-radii-full,62.5rem);justify-content:center;align-items:center;display:inline-flex}.iconOnly-uPLh5M{padding:var(--spacing-size-4,.25rem)var(--spacing-size-6,.375rem)}.default-uYFdY2{color:var(--color-content-secondary,#646464);background:
|
|
1
|
+
.badge-AenA5o{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-2,.125rem)var(--spacing-size-6,.375rem);border-radius:var(--radius-radii-full,62.5rem);justify-content:center;align-items:center;display:inline-flex}.iconOnly-uPLh5M{padding:var(--spacing-size-4,.25rem)var(--spacing-size-6,.375rem)}.default-uYFdY2{color:var(--color-content-secondary,#646464);background:rgb(from var(--color-background-neutral)r g b/.04)}.informative-uBHnzR{color:var(--color-sentiment-informative-primary,#0880ea);background:var(--color-sentiment-informative-secondary,#e1f0ff)}.warning-rDWm3V{color:var(--color-sentiment-warning-content,#775f28);background:var(--color-sentiment-warning-secondary,#fff3d0)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button-dWV52U{border-radius:var(--radius-radii-14,.875rem);will-change:transform;border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s ease-in-out,color .2s ease-in-out,outline .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:relative;transform:scale(1);&:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fff0),0 0 0 4px var(--color-content-primary,#202020)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U.disabled-or6BkM{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background:var(--color-interactive-accent,#202020)url(../../assets/images/noise_white_v2.webp);background-size:60px;position:relative;overflow:hidden;&:hover{background-color:var(--color-interactive-accent-hover,#000)}&:active{background-color:var(--color-interactive-accent-active,#202020)}}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid
|
|
1
|
+
.button-dWV52U{border-radius:var(--radius-radii-14,.875rem);will-change:transform;border:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .2s ease-in-out,color .2s ease-in-out,outline .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out;display:flex;position:relative;transform:scale(1);&:focus-visible{box-shadow:0 0 0 2px var(--color-background-screen,#fff0),0 0 0 4px var(--color-content-primary,#202020)}}.directionRight-kW0Joo{flex-direction:row-reverse}.button-dWV52U.disabled-or6BkM{pointer-events:none;opacity:.38}.filled-FpNFjd{color:var(--color-interactive-control,#fff);background:var(--color-interactive-accent,#202020)url(../../assets/images/noise_white_v2.webp);background-size:60px;position:relative;overflow:hidden;&:hover{background-color:var(--color-interactive-accent-hover,#000)}&:active{background-color:var(--color-interactive-accent-active,#202020)}}.outlined-QtvRsh{color:var(--color-interactive-primary,#646464);outline:1px solid rgb(from var(--color-interactive-secondary,#0000002b)r g b/.17);outline-offset:-1px;background-color:#0000;&:hover{background-color:rgb(from var(--color-background-screen-hover,#0000000a)r g b/.04)}&:active{background-color:rgb(from var(--color-background-screen-active,#0000000a)/r g b .04)}}.text-qf5rbY{color:var(--color-interactive-primary,#646464);background-color:#0000;&:hover,&:active{background-color:rgb(from var(--color-background-screen-hover,#0000000a)r g b/.04)}}.toned-yMdhhl{color:var(--color-interactive-primary,#646464);background-color:rgb(from var(--color-background-neutral,#0000000a)r g b/.04);&:hover,&:active{background-color:rgb(from var(--color-background-neutral-hover,#00000014)r g b/.08)}&:focus-visible{background-color:#fff0}}.lightOnContent-ZxiAH4{color:var(--color-fixed-content-on-light,#202020);background-color:rgb(from var(--color-fixed-elevated-light,#ffffffe0)r g b/.88);backdrop-filter:blur(8px);&:hover{background-color:rgb(from var(--color-fixed-elevated-light-hover,#fffffff5)r g b/.96)}&:active{background-color:rgb(from var(--color-fixed-elevated-light-active,#ffffffe0)r g b/.88)}}.darkOnContent-gXMY2B{color:var(--color-fixed-content-on-dark,#fff);background-color:rgb(from var(--color-fixed-elevated-dark,#0000009e)r g b/.62);backdrop-filter:blur(8px);&:hover{background-color:rgb(from var(--color-fixed-elevated-dark-hover,#000000bd)r g b/.74)}&:active{background-color:rgb(from var(--color-fixed-elevated-dark-active,#0000009e)r g b/.62)}}.small-uxUptY{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem);&:active{transform:scale(.92)}}.small-uxUptY.icon-EPzHvF{padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)}.small-uxUptY.directionRight-kW0Joo{padding:var(--spacing-size-6,.375rem)var(--spacing-size-8,.5rem)var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.medium-iwhjuP{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem);&:active{transform:scale(.96)}}.medium-iwhjuP.icon-EPzHvF{padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)}.medium-iwhjuP.directionRight-kW0Joo{padding:var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.large-N1qL9e{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);&:active{transform:scale(.96)}}.large-N1qL9e.icon-EPzHvF{padding:var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem)var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)}.large-N1qL9e.directionRight-kW0Joo{padding:var(--spacing-size-12,.75rem)var(--spacing-size-16,1rem)var(--spacing-size-12,.75rem)var(--spacing-size-24,1.5rem);padding-inline-end:var(--spacing-size-16,1rem)}.buttonLinkIcon-aJEk59{justify-content:center;align-items:center;min-width:24px;display:flex;& svg{fill:rgb(from var(--color-interactive-secondary,#0000002b)r g b/.17);transition:fill .2s ease-in-out}}.buttonLink-LVetss{gap:var(--spacing-size-4,.25rem);grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;min-width:10rem;display:grid;&:hover{& .buttonLinkIcon-aJEk59{& svg{fill:rgb(from var(--color-interactive-secondary-hover,#00000073)r g b/.45)}}}}.buttonLinksmall-SwFNka{padding:var(--spacing-size-6,.375rem);&:active{transform:scale(.92)}}.buttonLinkmedium-KLCmNU{padding:var(--spacing-size-8,.5rem);&:active{transform:scale(.96)}}.buttonLinklarge-S_zg3N{padding:var(--spacing-size-12,.75rem);&:active{transform:scale(.96)}}.buttonIcon-oaPhS4{border-radius:50%}.icon-xSmall-m4F4Zf{width:1.5rem;height:1.5rem;&:active{transform:scale(.92)}}.icon-small-XGYMxY{width:2rem;height:2rem;&:active{transform:scale(.92)}}.icon-medium-UoYPBj{width:2.5rem;height:2.5rem;&:active{transform:scale(.96)}}.indicator-XuVE2f{visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.label-ju16m4,.icon-EPzHvF{visibility:visible;opacity:1}.loading-BHYlLw{pointer-events:none;& .indicator-XuVE2f{visibility:visible;opacity:1}& .label-ju16m4,& .icon-EPzHvF{visibility:hidden;opacity:0}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-uRpYCn{flex-wrap:wrap;gap:.5rem;display:flex}.item-jeQt6W{all:unset;color:var(--color-content-primary,#202020);cursor:pointer;user-select:none;outline-offset:-2px;border-radius:var(--radius-radii-full,62.5rem);box-shadow:inset 0 0 0 1px
|
|
1
|
+
.root-uRpYCn{flex-wrap:wrap;gap:.5rem;display:flex}.item-jeQt6W{all:unset;color:var(--color-content-primary,#202020);cursor:pointer;user-select:none;outline-offset:-2px;border-radius:var(--radius-radii-full,62.5rem);box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary)r g b/.17);will-change:transform;outline:2px solid #0000;justify-content:center;align-items:center;transition:transform .2s ease-in-out,outline .2s ease-in-out,border .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out;display:flex;transform:scale(1);&:hover{box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary-hover)r g b/.45)}&:active{box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary-active)r g b/.88)}&:focus-visible{background-color:var(--color-background-screen,#fdfdf9);box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary)r g b/.17),0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 4px var(--color-content-primary,#202020)}&:disabled{pointer-events:none;opacity:.38}}.medium-BI_kmg{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-8,.5rem)var(--spacing-size-16,1rem)}.medium-BI_kmg:active{transform:scale(.96)}.small-kECRMe{gap:var(--spacing-size-4,.25rem);padding:var(--spacing-size-6,.375rem)var(--spacing-size-12,.75rem)}.small-kECRMe:active{transform:scale(.96)}.medium-BI_kmg.hasIcon-TvpyCQ{padding-inline-start:var(--spacing-size-12,.75rem)}.small-kECRMe.hasIcon-TvpyCQ{padding-inline-start:var(--spacing-size-8,.5rem)}.selected-qNAROD{outline-color:rgb(from var(--color-interactive-secondary-active)r g b/.88);background-color:rgb(from var(--color-background-neutral)r g b/.04);&:hover{background-color:rgb(from var(--color-background-neutral-hover)r g b/.08)}&:active{background-color:rgb(var(--color-background-neutral-active)r g b/.08)}&:focus-visible{background-color:rgb(from var(--color-background-neutral)r g b/.04)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.icon-kXyR0s{display:flex;position:absolute;top:.25rem;left:0;&:before{content:"";border-radius:50%;width:1.75rem;height:1.75rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.root-NJVW0G{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-4,.25rem)var(--spacing-size-12,.75rem)var(--spacing-size-4,.25rem)var(--spacing-size-8,.5rem);cursor:pointer;border-radius:.5rem;align-items:flex-start;transition:background-color .2s ease-in-out;display:flex;&:hover{& .icon-kXyR0s:before{background-color:
|
|
1
|
+
.icon-kXyR0s{display:flex;position:absolute;top:.25rem;left:0;&:before{content:"";border-radius:50%;width:1.75rem;height:1.75rem;transition:background-color .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.root-NJVW0G{gap:var(--spacing-size-8,.5rem);padding:var(--spacing-size-4,.25rem)var(--spacing-size-12,.75rem)var(--spacing-size-4,.25rem)var(--spacing-size-8,.5rem);cursor:pointer;border-radius:.5rem;align-items:flex-start;transition:background-color .2s ease-in-out;display:flex;&:hover{& .icon-kXyR0s:before{background-color:rgb(from var(--color-background-screen-active)r g b/.04)}}}.content-Uf0iNQ{flex:1;padding-left:1.25rem;position:relative}.header-u15xam{gap:var(--spacing-size-8,.5rem);align-items:center;display:flex}.nameWrapper-VFCc75{gap:var(--spacing-size-4,.25rem);align-items:center;display:flex}.badges-dFGqqm{gap:.125rem;display:flex}.dots-HNeJes{background-color:currentColor;flex-grow:1;align-self:flex-end;height:1px;margin-bottom:.38rem;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 21 1%27%3E%3Cpath stroke=%27%23fff%27 stroke-dasharray=%270.2 4%27 stroke-linecap=%27round%27 d=%27M.5.5h20%27/%3E%3C/svg%3E") 50%/auto 100% repeat-x}.description-o3HdRB{color:var(--color-content-secondary,#646464)}.prices-Tw4RPd{flex-direction:column;display:flex}.priceItem-DnKDL_{justify-content:space-between;display:flex}.priceLabel-vAqSq7{color:var(--color-content-tertiary,gray);padding-right:.5rem}.priceValue-zmDzqI{color:var(--color-content-primary,#202020)}.special-kgUByS{padding:var(--spacing-size-12,12px)var(--spacing-size-16,16px);margin:var(--spacing-size-16,16px)var(--spacing-size-12,12px);border:1px solid rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-24,1.5rem);flex-direction:column;align-items:center;& .content-Uf0iNQ{gap:var(--spacing-size-8,.5rem);flex-direction:column;padding-left:0;display:flex}& .header-u15xam{gap:var(--spacing-size-4,.25rem);flex-direction:column}& .dots-HNeJes{display:none}& .description-o3HdRB{text-align:center}& .icon-kXyR0s{width:1.75rem;height:1.75rem;color:var(--color-content-primary,#202020);background:var(--color-background-screen,#fdfdf9);border-radius:var(--radius-radii-full,62.5rem);padding:.5rem;top:-13px;left:50%;transform:translate(-50%,-50%)}}.special-kgUByS.active-bKWozD .icon-kXyR0s{background:#ebebeb}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px
|
|
1
|
+
.root-HwKkFw{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.container-cV4bnv{display:flex;position:relative}.container-cV4bnv svg{color:var(--color-content-secondary,#646464)}.input-PxLark{all:unset;width:100%;color:var(--color-content-primary,#202020);outline-offset:-2px;border-radius:var(--radius-radii-14,.875rem);outline:2px solid #0000;transition:background .2s ease-in-out,box-shadow .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,outline .2s ease-in-out}.input-PxLark:focus-visible{outline:2px solid var(--color-interactive-primary,#646464)}.input-PxLark::placeholder{color:var(--color-content-tertiary,gray)}.outlined-jAJzW6{background:var(--color-background-input-primary,#fff);box-shadow:inset 0 0 0 1px rgb(from var(--color-shadow-inner,#20202024)r g b/.14);&:hover{box-shadow:inset 0 0 0 1px rgb(from var(--color-interactive-secondary-hover,#00000073)r g b/.45)}}.filled-IQyZd1{background:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14)}.filled-IQyZd1:hover{background:rgb(from var(--color-background-neutral-hover,#00000014)r g b/.08)}.clearButton-BLjcG2{all:unset;pointer-events:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .2s;display:flex;transform:scale(.8)}.clearButton-BLjcG2[data-visible=true]{pointer-events:auto;opacity:1;transform:scale(1)}.leftIcon-HWDNl3,.actionIcons-AI4p_c{position:absolute;top:50%;transform:translateY(-50%)}.actionIcons-AI4p_c{right:calc(var(--spacing-size-8,.5rem) + .5rem);gap:.5rem;display:flex}.leftIcon-HWDNl3{left:var(--spacing-size-8,.5rem)}.supportingText-PZMuMX{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);color:var(--color-content-secondary,#646464);display:flex}.disabled-w7X_A6{pointer-events:none;opacity:.38}.small-NbX064 .input-PxLark{height:2rem;padding:0 2.17rem 0 2rem}.small-NbX064 .actionIcons-AI4p_c{right:calc(var(--spacing-size-6,.375rem) + .3rem)}.medium-V98iUj .input-PxLark{height:2.5rem;padding:0 2.7rem 0 2.13rem}.large-kuCvxs .input-PxLark{height:3.5rem;padding:0 2.7rem 0 2.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-ZurdY9{padding:var(--spacing-size-4,.25rem);background-color:
|
|
1
|
+
.root-ZurdY9{padding:var(--spacing-size-4,.25rem);background-color:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);border-radius:var(--radius-radii-14,.875rem);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14);border:0;align-items:center;display:flex}.item-KyXK8s{color:var(--color-interactive-primary,#646464);cursor:pointer;border-radius:var(--radius-radii-10,.625rem);border:none;position:relative}.item-KyXK8s:not(:first-child):before{content:"";background-color:rgb(from var(--color-border-overlay)r g b/.11);border-radius:var(--radius-radii-full,62.5rem);width:.0625rem;height:1rem;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-KyXK8s:has(.itemInput-qor_CK:checked):before,.item-KyXK8s:has(.itemInput-qor_CK:checked)+.item-KyXK8s:before{opacity:0}.itemLabel-hLhyLk{cursor:pointer;border-radius:var(--radius-radii-10,.625rem);background-color:#0000;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:1rem;transition:color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative;&:hover{color:var(--color-interactive-primary-hover,#202020)}}.itemLabel-hLhyLk:after{pointer-events:none;content:"";border:2px solid var(--color-content-primary,#202020);border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;inset:-2px;transform:scale(.98)}.withIcon-bg61Z_{padding-left:.5rem}.itemInput-qor_CK:checked+.itemLabel-hLhyLk{color:var(--color-interactive-accent,#202020);background-color:var(--color-background-elevated,#fdfdf9);box-shadow:var(--box-shadow-2);font-weight:500}.itemInput-qor_CK:focus-visible+.itemLabel-hLhyLk:after{opacity:1;transform:scale(1)}.itemInput-qor_CK{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.disabled-enBWjG{pointer-events:none;opacity:.38}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-wFb9L4{border:0;display:flex;position:relative}.legend-t_QXe1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-s2hjvj{pointer-events:none;opacity:0;position:absolute}.item-gtuTCb{all:unset;padding:var(--spacing-size-8,.5rem);color:var(--color-content-tertiary,gray);white-space:nowrap;cursor:pointer;user-select:none;will-change:transform;border-radius:0;transition:font-weight .1s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.item-gtuTCb:hover{color:var(--color-content-primary,#202020)}.itemWrap-irLkGn{box-shadow:inset 0 -1px 0
|
|
1
|
+
.root-wFb9L4{border:0;display:flex;position:relative}.legend-t_QXe1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-s2hjvj{pointer-events:none;opacity:0;position:absolute}.item-gtuTCb{all:unset;padding:var(--spacing-size-8,.5rem);color:var(--color-content-tertiary,gray);white-space:nowrap;cursor:pointer;user-select:none;will-change:transform;border-radius:0;transition:font-weight .1s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.item-gtuTCb:hover{color:var(--color-content-primary,#202020)}.itemWrap-irLkGn{box-shadow:inset 0 -1px 0 rgb(from var(--color-border-overlay,#000)r g b/.15);transition:box-shadow .2s ease-in-out;display:flex}.input-s2hjvj:checked+.item-gtuTCb{color:var(--color-content-primary,#202020);font-weight:500}.itemWrap-irLkGn:has(.input-s2hjvj:checked){box-shadow:inset 0 -2px 0 var(--color-content-primary,#202020)}.itemWrap-irLkGn:has(.input-s2hjvj:focus-visible){box-shadow:inset 0 0 0 2px var(--color-background-screen,#fdfdf9),0 0 0 2px var(--color-content-primary,#202020)}.input-s2hjvj:disabled+.item-gtuTCb{pointer-events:none;opacity:.38}.root-wFb9L4[data-size=medium] .item-gtuTCb{padding:var(--spacing-size-10,.625rem)var(--spacing-size-16,1rem)}.root-wFb9L4[data-size=small] .item-gtuTCb{padding:var(--spacing-size-8,.5rem)}.root-wFb9L4[data-size=medium] .item-gtuTCb:active{transform:scale(.96)}.root-wFb9L4[data-size=small] .item-gtuTCb:active{transform:scale(.92)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as r,useState as t}from"react";import{Icon as l}from"../../icon/icon.js";import{Typography as n}from"../../typography/typography.js";import i from"../text-fields.styles.module.js";import o from"./text-area.styles.module.js";let s=(e,a)=>{let r=e?.length??0;return`${r}/${a}`};function m({name:m,label:d,error:c,className:p,supportingText:h,resize:u,inputProps:f}){let[g,y]=t(f?.defaultValue
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as r,useState as t}from"react";import{Icon as l}from"../../icon/icon.js";import{Typography as n}from"../../typography/typography.js";import i from"../text-fields.styles.module.js";import o from"./text-area.styles.module.js";let s=(e,a)=>{let r=e?.length??0;return`${r}/${a}`};function m({name:m,label:d,error:c,className:p,supportingText:h,resize:u,inputProps:f}){let[g,y]=t("string"==typeof f?.defaultValue?f.defaultValue:""),x=r(),N=g.length>0;return a("div",{className:[i.root,f?.disabled&&i.disabled,u&&o.resize,c&&i.error,p].filter(Boolean).join(" "),children:[a("div",{className:[i.baseContainer,o.containerArea,(N||!!f?.placeholder)&&i.filled].filter(Boolean).join(" "),children:[d&&e("label",{className:i.label,htmlFor:x,children:d}),e("textarea",{...f,className:`${i.baseInput} ${o.inputArea}`,id:x,name:m,onChange:e=>{y(e.target.value),f?.onChange?.(e)},value:g}),u&&e(l,{className:o.handle,name:"Notches",size:16})]}),a("div",{className:o.supportingTextContainer,children:[h&&a(n,{as:"span",className:i.supportText,palette:"grey",variant:"bodySmall",children:[e("span",{children:e(l,{"aria-hidden":"true",name:c?"WarningCircle-fill":"Info",size:16})}),h]}),e(n,{as:"span",className:o.counter,palette:"grey",variant:"bodySmall",children:s(g,f?.maxLength??250)})]})]})}export{m as TextArea,s as getCharCount};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { InputHTMLAttributes } from "react";
|
|
1
|
+
import type { CSSProperties, InputHTMLAttributes } from "react";
|
|
2
|
+
import { type IconName } from "../../icon/icon";
|
|
2
3
|
import type { FieldShape } from "../types";
|
|
3
4
|
export interface TextFieldProps {
|
|
4
5
|
name: string;
|
|
@@ -6,11 +7,13 @@ export interface TextFieldProps {
|
|
|
6
7
|
error?: boolean;
|
|
7
8
|
className?: string;
|
|
8
9
|
supportingText?: string;
|
|
9
|
-
|
|
10
|
+
showTailingIcon?: boolean;
|
|
11
|
+
tailingIcon?: IconName;
|
|
10
12
|
tailingIconHandle?: () => void;
|
|
11
13
|
shape?: FieldShape;
|
|
12
14
|
prefix?: boolean;
|
|
15
|
+
customStyles?: CSSProperties;
|
|
13
16
|
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
|
14
17
|
}
|
|
15
|
-
export declare function TextField({ name, label, error, className, supportingText, tailingIcon, tailingIconHandle, shape, prefix, inputProps, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export declare function TextField({ name, label, error, className, supportingText, showTailingIcon, tailingIcon, tailingIconHandle, shape, prefix, customStyles, inputProps, }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
16
19
|
//# sourceMappingURL=text-field.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/text-fields/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/text-fields/text-field/text-field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,WAAW,cAAc;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,cAAc,EACd,eAAuB,EACvB,WAAoB,EACpB,iBAAiB,EACjB,KAAa,EACb,MAAM,EACN,YAAY,EACZ,UAAU,GACV,EAAE,cAAc,2CAiFhB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l,useState as i}from"react";import{ButtonIcon as t}from"../../button/button-icon.js";import{Icon as r}from"../../icon/icon.js";import{Typography as o}from"../../typography/typography.js";import n from"../text-fields.styles.module.js";import s from"./text-field.styles.module.js";function d({name:d,label:m,error:c,className:p,supportingText:f,
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useId as l,useState as i}from"react";import{ButtonIcon as t}from"../../button/button-icon.js";import{Icon as r}from"../../icon/icon.js";import{Typography as o}from"../../typography/typography.js";import n from"../text-fields.styles.module.js";import s from"./text-field.styles.module.js";function d({name:d,label:m,error:c,className:p,supportingText:f,showTailingIcon:u=!1,tailingIcon:h="Info",tailingIconHandle:b,shape:g="all",prefix:y,customStyles:j,inputProps:x}){let[v,N]=i("string"==typeof x?.defaultValue?x.defaultValue:""),C=l(),I=v.length>0;return a("div",{className:[n.root,x?.disabled&&n.disabled,c&&n.error,p].filter(Boolean).join(" "),style:j,children:[a("div",{className:[n.baseContainer,n[`shape-${g}`],(I||!!x?.placeholder)&&n.filled].filter(Boolean).join(" "),children:[m&&e("label",{className:n.label,htmlFor:C,children:m}),y&&e("span",{className:n.prefix,children:"\xa3"}),e("input",{...x,className:`${n.baseInput} ${s.input}`,id:C,name:d,onChange:e=>{N(e.target.value),x?.onChange?.(e)},value:v}),u&&e("div",{className:n.tailingIcon,children:e(t,{"aria-label":"More information",disabled:!!x?.disabled,icon:h,onClick:b,size:"small",variant:"text"})})]}),f&&a(o,{as:"span",className:n.supportText,palette:"grey",variant:"bodySmall",children:[e("span",{children:e(r,{"aria-hidden":"true",name:c?"WarningCircle-fill":"Info",size:16})}),f]})]})}export{d as TextField};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-XeHXoi{padding-top:1.31rem;padding-bottom:.44rem;&[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}&[type=number]{-moz-appearance:textfield}}
|
|
1
|
+
.input-XeHXoi{padding-top:1.31rem;padding-bottom:.44rem;&[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}&[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}&[type=number]{-moz-appearance:textfield}&:-webkit-autofill{background-color:#0000;-webkit-box-shadow:inset 0 0 0 1000px #f5f5f5}&:-webkit-autofill:hover{background-color:#0000;-webkit-box-shadow:inset 0 0 0 1000px #f5f5f5}&:-webkit-autofill:focus{background-color:#0000;-webkit-box-shadow:inset 0 0 0 1000px #f5f5f5}}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { CSSProperties } from "react";
|
|
2
|
+
import { type TextFieldProps } from "../text-field/text-field";
|
|
3
|
+
import { type TextFieldPasswordProps } from "../text-field-password/text-field-password";
|
|
4
|
+
type BaseField = {
|
|
5
|
+
variant?: "text" | "password";
|
|
6
|
+
};
|
|
7
|
+
export type TextFieldGroupItem = (BaseField & {
|
|
8
|
+
variant?: "text";
|
|
9
|
+
} & TextFieldProps) | (BaseField & {
|
|
10
|
+
variant: "password";
|
|
11
|
+
} & TextFieldPasswordProps);
|
|
12
|
+
export type TextFieldGroupProps = {
|
|
13
|
+
style?: CSSProperties;
|
|
14
|
+
supportingText?: string;
|
|
15
|
+
error?: boolean;
|
|
16
|
+
fields: TextFieldGroupItem[];
|
|
17
|
+
};
|
|
18
|
+
export declare function TextFieldGroup({ style, supportingText, error, fields, }: TextFieldGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=text-field-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-field-group.d.ts","sourceRoot":"","sources":["../../../../src/components/text-fields/text-field-group/text-field-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAEN,KAAK,sBAAsB,EAC3B,MAAM,4CAA4C,CAAC;AAGpD,KAAK,SAAS,GAAG;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC3B,CAAC,SAAS,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,cAAc,CAAC,GACnD,CAAC,SAAS,GAAG;IAAE,OAAO,EAAE,UAAU,CAAA;CAAE,GAAG,sBAAsB,CAAC,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,kBAAkB,EAAE,CAAC;CAC7B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,cAAc,EACd,KAAK,EACL,MAAM,GACN,EAAE,mBAAmB,2CAqCrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Icon as t}from"../../icon/icon.js";import{Typography as i}from"../../typography/typography.js";import{TextField as o}from"../text-field/text-field.js";import{TextFieldPassword as a}from"../text-field-password/text-field-password.js";import p from"./text-field-group.styles.module.js";function s({style:s,supportingText:m,error:n,fields:l}){return e("div",{style:s,children:[l.map((e,t)=>"password"===e.variant?r(a,{...e},`${e.name}-${t}`):r(o,{...e},`${e.name}-${t}`)),m&&e(i,{as:"span",className:`${p.supportText} ${n?p.error:""}`,palette:"grey",variant:"bodySmall",children:[r("span",{children:r(t,{"aria-hidden":"true",name:n?"WarningCircle-fill":"Info",size:16})}),m]})]})}export{s as TextFieldGroup};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./text-field-group.styles_module.css";let e={supportText:"supportText-zYxM4s",error:"error-sgpd8_"};export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.supportText-zYxM4s{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);margin-top:var(--spacing-size-8,.5rem);text-wrap:balance;display:flex}.error-sgpd8_{color:var(--color-sentiment-negative-primary,#c62a2f)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.background-LDgDY6{fill:#0000;transition:fill .2s ease-in-out}.ring-_B09dI{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transform-origin:11px 13px;transition:stroke .2s ease-in-out,stroke-dashoffset .2s ease-in-out;transform:rotate(-90deg)}.check-pZ_rrm{stroke:#fff}.svg-ZItE89{overflow:visible;&[data-status=default]{& .ring-_B09dI{stroke:
|
|
1
|
+
.background-LDgDY6{fill:#0000;transition:fill .2s ease-in-out}.ring-_B09dI{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transform-origin:11px 13px;transition:stroke .2s ease-in-out,stroke-dashoffset .2s ease-in-out;transform:rotate(-90deg)}.check-pZ_rrm{stroke:#fff}.svg-ZItE89{overflow:visible;&[data-status=default]{& .ring-_B09dI{stroke:rgb(from var(--color-background-neutral-active,#00000014)r g b/.08);stroke-dashoffset:0}& .background-LDgDY6{fill:rgb(from var(--color-background-neutral,#0000000a)r g b/.04)}}&[data-status=weak]{& .ring-_B09dI{stroke:var(--color-sentiment-negative-primary,#c62a2f);stroke-dashoffset:70px}& .background-LDgDY6{fill:var(--color-sentiment-negative-secondary,#ffe5e5)}}&[data-status=mid]{& .ring-_B09dI{stroke:var(--color-sentiment-negative-primary,#c62a2f);stroke-dashoffset:20px}& .background-LDgDY6{fill:var(--color-sentiment-negative-secondary,#ffe5e5)}}&[data-status=valid]{& .ring-_B09dI{stroke:#0000;stroke-dashoffset:0}& .background-LDgDY6{fill:var(--color-sentiment-positive-primary,#006d43)}}}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { InputHTMLAttributes } from "react";
|
|
1
|
+
import type { CSSProperties, InputHTMLAttributes } from "react";
|
|
2
|
+
import type { FieldShape } from "../types";
|
|
2
3
|
export type Status = "default" | "weak" | "mid" | "valid";
|
|
3
4
|
export interface TextFieldPasswordProps {
|
|
4
5
|
name: string;
|
|
@@ -8,7 +9,9 @@ export interface TextFieldPasswordProps {
|
|
|
8
9
|
supportingText?: string;
|
|
9
10
|
action?: "create" | "default";
|
|
10
11
|
status?: Status;
|
|
12
|
+
customStyles?: CSSProperties;
|
|
13
|
+
shape?: FieldShape;
|
|
11
14
|
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
|
12
15
|
}
|
|
13
|
-
export declare function TextFieldPassword({ name, label, error, className, supportingText, action, status, inputProps, }: TextFieldPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function TextFieldPassword({ name, label, error, className, supportingText, action, status, customStyles, shape, inputProps, }: TextFieldPasswordProps): import("react/jsx-runtime").JSX.Element;
|
|
14
17
|
//# sourceMappingURL=text-field-password.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field-password.d.ts","sourceRoot":"","sources":["../../../../src/components/text-fields/text-field-password/text-field-password.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"text-field-password.d.ts","sourceRoot":"","sources":["../../../../src/components/text-fields/text-field-password/text-field-password.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAS3C,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAE1D,MAAM,WAAW,sBAAsB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CACnD;AAED,wBAAgB,iBAAiB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,cAAc,EACd,MAAkB,EAClB,MAAkB,EAClB,YAAY,EACZ,KAAa,EACb,UAAU,GACV,EAAE,sBAAsB,2CAwFxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Suspense as t,lazy as
|
|
1
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Suspense as t,lazy as l,useId as r,useState as s}from"react";import{ButtonIcon as o}from"../../button/button-icon.js";import{Icon as i}from"../../icon/icon.js";import{Typography as n}from"../../typography/typography.js";import d from"../text-fields.styles.module.js";import p from"./text-field-password.styles.module.js";let m=l(()=>import("./password-check.js").then(e=>({default:e.PasswordCheck})));function c({name:l,label:c,error:h,className:u,supportingText:f,action:y="default",status:b="default",customStyles:g,shape:x="all",inputProps:j}){let[w,v]=s(""),[C,N]=s(!1),T=r(),k=w.length>0;return a("div",{className:[d.root,j?.disabled&&d.disabled,h&&d.error,u].filter(Boolean).join(" "),style:g,children:[a("div",{className:[d.baseContainer,d[`shape-${x}`],(k||!!j?.placeholder)&&d.filled].filter(Boolean).join(" "),children:[c&&e("label",{className:d.label,htmlFor:T,children:c}),e("input",{...j,className:`${d.baseInput} ${p.input}`,id:T,name:l,onChange:e=>{v(e.target.value),j?.onChange?.(e)},type:C?"text":"password",value:w}),e("div",{className:d.tailingIcon,children:e(o,{"aria-label":C?"Hide password":"Show password","aria-pressed":C,icon:C?"EyeSlash":"Eye",onClick:()=>N(e=>!e),size:"small",variant:"text"})})]}),"create"===y&&e(t,{children:e(m,{status:b,style:d.supportText,supportingText:f})}),"default"===y&&f&&a(n,{as:"span",className:d.supportText,palette:"grey",variant:"bodySmall",children:[e("span",{children:e(i,{"aria-hidden":"true",name:h?"WarningCircle-fill":"Info",size:16})}),f]})]})}export{c as TextFieldPassword};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./text-field-password.styles_module.css";let t={input:"input-iU0q3E"
|
|
1
|
+
import"./text-field-password.styles_module.css";let t={input:"input-iU0q3E"};export{t as default};
|
package/lib/components/text-fields/text-field-password/text-field-password.styles_module.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.input-iU0q3E{padding-top:1.31rem;padding-bottom:.44rem}
|
|
1
|
+
.input-iU0q3E{padding-top:1.31rem;padding-bottom:.44rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.root-ptgWHu{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.label-oNE7iK{top:.88rem;left:var(--spacing-size-12,.75rem);text-overflow:ellipsis;width:100%;font-family:var(--typescale-text-field-input-font,"Golos UI");font-size:var(--typescale-text-field-input-font-size,1rem);font-style:normal;font-weight:400;line-height:var(--typescale-text-field-input-line-height,1.25rem);color:var(--color-interactive-primary,#646464);letter-spacing:var(--typescale-text-field-input-letter-spacing,-.0125rem);text-wrap:nowrap;pointer-events:none;transform-origin:0 0;will-change:transform;padding-right:1rem;transition:transform .2s ease-in-out,font-size .2s ease-in-out,line-height .2s ease-in-out,top .2s ease-in-out,color .2s ease-in-out;position:absolute;overflow:hidden}.baseContainer-f_HXrT{--r:var(--radius-radii-14,.875rem);width:100%;padding:0 var(--spacing-size-8,.5rem)0 var(--spacing-size-12,.75rem);outline-offset:-2px;background-color:
|
|
1
|
+
.root-ptgWHu{gap:var(--spacing-size-8,.5rem);flex-direction:column;display:flex}.label-oNE7iK{top:.88rem;left:var(--spacing-size-12,.75rem);text-overflow:ellipsis;width:100%;font-family:var(--typescale-text-field-input-font,"Golos UI");font-size:var(--typescale-text-field-input-font-size,1rem);font-style:normal;font-weight:400;line-height:var(--typescale-text-field-input-line-height,1.25rem);color:var(--color-interactive-primary,#646464);letter-spacing:var(--typescale-text-field-input-letter-spacing,-.0125rem);text-wrap:nowrap;pointer-events:none;transform-origin:0 0;will-change:transform;padding-right:1rem;transition:transform .2s ease-in-out,font-size .2s ease-in-out,line-height .2s ease-in-out,top .2s ease-in-out,color .2s ease-in-out;position:absolute;overflow:hidden}.baseContainer-f_HXrT{--r:var(--radius-radii-14,.875rem);width:100%;padding:0 var(--spacing-size-8,.5rem)0 var(--spacing-size-12,.75rem);outline-offset:-2px;background-color:rgb(from var(--color-background-input-secondary,#0000000a)r g b/.04);box-shadow:inset 0 0 1px 0 rgb(from var(--color-shadow-inner,#202020)r g b/.14);outline:2px solid #0000;align-items:center;transition:outline-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:relative;overflow:hidden}.prefix-fHZx0a{visibility:hidden;padding-top:1.31rem;padding-right:var(--spacing-size-4,.25rem);color:var(--color-interactive-primary,#646464);opacity:0;padding-bottom:.44rem;transition:opacity .2s ease-in-out,visibility 0s ease-in-out .2s}.baseContainer-f_HXrT:focus-within .prefix-fHZx0a,.filled-l6Gkez .prefix-fHZx0a{visibility:visible;opacity:1;transition:opacity .2s ease-in-out,visibility}.baseContainer-f_HXrT:focus-within{outline-color:var(--color-interactive-primary,#646464)}.baseContainer-f_HXrT:focus-within .label-oNE7iK,.filled-l6Gkez .label-oNE7iK{font-size:var(--typescale-text-field-label-font-size,.75rem);line-height:var(--typescale-text-field-label-line-height,.875rem);top:.44rem}@supports selector(.baseContainer:has(.baseInput:focus-visible)){.baseContainer-f_HXrT:focus-within{outline-color:#0000}.baseContainer-f_HXrT:has(.baseInput-m_MI8c:focus-visible){outline-color:var(--color-interactive-primary,#646464)}}.baseInput-m_MI8c{height:3rem;font-family:var(--typescale-text-field-input-font,"Golos UI");font-size:var(--typescale-text-field-input-font-size,1rem);font-style:normal;font-weight:400;line-height:var(--typescale-text-field-input-line-height,1.25rem);color:var(--color-content-primary,#202020);letter-spacing:var(--typescale-text-field-input-letter-spacing,-.0125rem);background:0 0;flex:1;&::placeholder{color:var(--color-content-tertiary,gray)}}.supportText-Zbxe5O{gap:var(--spacing-size-8,.5rem);padding-left:var(--spacing-size-8,.5rem);text-wrap:balance;display:flex}.disabled-Nvy7EK{pointer-events:none;opacity:.38}.tailingIcon-EfoylM{display:flex}.error-wzeFZr{& .label-oNE7iK,& .supportText-Zbxe5O{color:var(--color-sentiment-negative-primary,#c62a2f)}& .baseContainer-f_HXrT,& .baseContainer-f_HXrT:has(.baseInput-m_MI8c:focus-visible){outline-color:var(--color-sentiment-negative-primary,#c62a2f);background-color:var(--color-sentiment-negative-secondary,#ffe5e5)}}.shape-all-uuXBui{border-radius:var(--r)}.shape-none-GPw0Vd{border-radius:0}.shape-top-zdQa9W{border-top-left-radius:var(--r);border-top-right-radius:var(--r)}.shape-bottom-hBBE1m{border-bottom-right-radius:var(--r);border-bottom-left-radius:var(--r)}.shape-left-Jg7MgK{border-top-left-radius:var(--r);border-bottom-left-radius:var(--r)}.shape-right-fXeJdX{border-top-right-radius:var(--r);border-bottom-right-radius:var(--r)}.shape-top_left-omJPnb{border-top-left-radius:var(--r)}.shape-top_right-AXvVzj{border-top-right-radius:var(--r)}.shape-bottom_left-JlSu1Y{border-bottom-left-radius:var(--r)}.shape-bottom_right-OyzqgI{border-bottom-right-radius:var(--r)}
|