@react-spectrum/s2
Version:
Spectrum 2 UI components in React
727 lines (554 loc) • 10.2 kB
CSS
@layer _.a {
.__ca91 {
-webkit-tap-highlight-color: #0000;
}
._Nb91 {
overflow-x: clip;
}
.Pb91 {
overflow-y: clip;
}
._4c91 {
-webkit-user-select: none;
user-select: none;
}
.Ma91 {
min-height: 0;
}
.wb91 {
font-variation-settings: "wght" 400;
}
.xb91 {
font-weight: 400;
}
._Na91 {
overflow-x: auto;
}
.Pa91 {
overflow-y: auto;
}
.gX91 {
background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
}
.mb91 {
border-inline-start-width: 1px;
}
._Ka91 {
outline-offset: -1px;
}
.od91 {
border-start-start-radius: 0;
}
.nd91 {
border-start-end-radius: 0;
}
.kd91 {
border-end-start-radius: 0;
}
.jd91 {
border-end-end-radius: 0;
}
._Um91 {
scroll-padding-top: 2rem;
}
._Tk91 {
scroll-padding-inline-start: 2.5rem;
}
._lr91 {
bottom: 0;
}
._Ar91 {
inset-inline-start: 0;
}
._zr91 {
inset-inline-end: 0;
}
.F40ub4c91 {
height: inherit;
}
.Na91 {
min-width: 0;
}
.Hv91 {
margin-inline-end: .5rem;
}
.Ht91 {
margin-inline-end: .428571em;
}
._5b91 {
vertical-align: bottom;
}
._Lf91 {
outline-style: solid;
}
._Kb91 {
outline-offset: -2px;
}
._Mc91 {
outline-width: 2px;
}
.Oh91 {
outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
}
.of91 {
border-start-start-radius: 6px;
}
.nf91 {
border-start-end-radius: 6px;
}
.kf91 {
border-end-start-radius: 6px;
}
.jf91 {
border-end-end-radius: 6px;
}
._Cg91 {
justify-content: start;
}
._Ca91 {
justify-content: center;
}
._Cb91 {
justify-content: end;
}
.ug91 {
font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
}
.wd91 {
font-variation-settings: "wght" 700;
}
.xd91 {
font-weight: 700;
}
._xa91 {
font-synthesis-weight: none;
}
.sjBAxlb91 {
display: var(--resizerDisplay);
}
.sb91 {
display: block;
}
.Zj91 {
width: calc(.75rem * var(--s2-scale));
}
._zdYbyj91 {
inset-inline-end: -.375rem;
}
.rt91 {
cursor: none;
}
.rj91 {
cursor: e-resize;
}
.rF91 {
cursor: w-resize;
}
.rk91 {
cursor: ew-resize;
}
.gE91 {
background-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
}
.g5qAiPc91 {
background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #345bf8);
}
.Fc91 {
height: 100vh;
}
.Ze91 {
width: calc(.0625rem * var(--s2-scale));
}
.Zf91 {
width: calc(.125rem * var(--s2-scale));
}
._AWJpoB91 {
inset-inline-start: .375rem;
}
._ua91 {
flex-grow: 0;
}
._vb91 {
flex-shrink: 1;
}
._sd91 {
flex-basis: auto;
}
._Sd91 {
rotate: 90deg;
}
.It91 {
margin-inline-start: .428571em;
}
.NXJkxGe91 {
min-width: 1.14286em;
}
._va91 {
flex-shrink: 0;
}
.-_8sjo0b-t5ZbAob91 {
--iconPrimary: currentColor;
}
._Pa91 {
position: absolute;
}
.Wr91 {
top: 0;
}
._AlhfIS91 {
inset-inline-start: -.0625rem;
}
.ZXJkxGe91 {
width: 1.14286em;
}
.FXJkxGe91 {
height: 1.14286em;
}
.t5qAiPc91 {
fill: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #345bf8);
}
.-_8sjo0b-tw91 {
--iconPrimary: white;
}
.Nn91 {
min-width: calc(8rem * var(--s2-scale));
}
.JLPOtrc91 {
margin-top: -1px;
}
.-xLp2wc-sk91 {
--resizerDisplay: none;
}
.-xLp2wc-sb91 {
--resizerDisplay: block;
}
.IC91 {
margin-inline-start: 1rem;
}
._kb91 {
border-top-width: 1px;
}
.gL91 {
background-color: var(--lightningcss-light, #f3f3f3) var(--lightningcss-dark, #222);
}
.hXMFGYc91 {
border-bottom-width: var(--h);
}
._kJ8iPYd91 {
border-top-width: var(--_k);
}
.lb91 {
border-inline-end-width: 1px;
}
._je91 {
border-style: none;
}
.po91 {
color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
}
.Tu7Fubd91 {
padding-top: calc((var(--M) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
}
.Qu7Fubd91 {
padding-bottom: calc((var(--M) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
}
.MAyFGYc91 {
min-height: var(--M);
}
.vd91 {
font-size: .875rem;
}
.va91 {
font-size: .6875rem;
}
.vb91 {
font-size: .75rem;
}
.vp91 {
font-size: 1rem;
}
.vg91 {
font-size: 1.125rem;
}
.eb91 {
align-items: center;
}
.sd91 {
display: flex;
}
.-M_-Mh91 {
--M: calc(2.5rem * var(--s2-scale));
}
.-M_-Mi91 {
--M: calc(2rem * var(--s2-scale));
}
.-M_-Mk91 {
--M: calc(3rem * var(--s2-scale));
}
.-_k_-_ka91 {
--_k: 0px;
}
.-h_-hb91 {
--h: 1px;
}
.iA91 {
border-color: #0000;
}
.ha91 {
border-bottom-width: 0;
}
.pt91 {
color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.Sf91 {
padding-inline-start: 16px;
}
.Rf91 {
padding-inline-end: 16px;
}
._cb91 {
align-content: center;
}
.FBJsHLe91 {
height: calc(100% - 1px);
}
._Nc91 {
overflow-x: hidden;
}
.Pc91 {
overflow-y: hidden;
}
._Yb91 {
text-overflow: ellipsis;
}
._7c91 {
white-space: nowrap;
}
._7b91 {
white-space: normal;
}
._Wd91 {
text-align: start;
}
._Wa91 {
text-align: center;
}
._Wb91 {
text-align: end;
}
.Za91 {
width: 100%;
}
._Bb91 {
isolation: isolate;
}
.Tp91 {
padding-top: 4px;
}
.Td91 {
padding-top: 0;
}
.Qp91 {
padding-bottom: 4px;
}
.Qd91 {
padding-bottom: 0;
}
.Sp91 {
padding-inline-start: 4px;
}
.Sd91 {
padding-inline-start: 0;
}
.Rp91 {
padding-inline-end: 4px;
}
.Rd91 {
padding-inline-end: 0;
}
.Jb91 {
margin-top: -.25rem;
}
.Jy91 {
margin-top: 0;
}
.Gb91 {
margin-bottom: -.25rem;
}
.Gy91 {
margin-bottom: 0;
}
.Ib91 {
margin-inline-start: -.25rem;
}
.Iy91 {
margin-inline-start: 0;
}
.Hb91 {
margin-inline-end: -.25rem;
}
.Hy91 {
margin-inline-end: 0;
}
.g991 {
background-color: #0000;
}
.Fb91 {
height: 100%;
}
._Pc91 {
position: relative;
}
._oa91 {
box-sizing: border-box;
}
.gs9yXOb91 {
background-color: var(--rowBackgroundColor);
}
.-qH4xad-gX91 {
--rowBackgroundColor: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
}
.-qH4xad-gEzkoQe91 {
--rowBackgroundColor: var(--s2-container-bg);
}
.-qH4xad-gj1B7i91 {
--rowBackgroundColor: var(--lightningcss-light, #eee) var(--lightningcss-dark, #212121);
}
.-qH4xad-gRfT7e91 {
--rowBackgroundColor: var(--lightningcss-light, #e7e7e7) var(--lightningcss-dark, #282828);
}
.-qH4xad-gJpow3b91 {
--rowBackgroundColor: var(--lightningcss-light, #ebefff) var(--lightningcss-dark, #151828);
}
.-qH4xad-gT9rOHd91 {
--rowBackgroundColor: var(--lightningcss-light, #e2e8fe) var(--lightningcss-dark, #161c34);
}
.-_34HbNb-Oh91 {
--rowFocusIndicatorColor: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
}
._Le91 {
outline-style: none;
}
._ka91 {
border-top-width: 0;
}
.hb91 {
border-bottom-width: 1px;
}
.ma91 {
border-inline-start-width: 0;
}
.la91 {
border-inline-end-width: 0;
}
._jf91 {
border-style: solid;
}
.iq91 {
border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
}
._yb91 {
forced-color-adjust: none;
}
.hFh6wc:before {
content: "";
z-index: 3;
background-color: var(--rowFocusIndicatorColor);
width: 3px;
height: 100%;
margin-block-end: 1px;
margin-inline-end: -3px;
display: inline-block;
position: sticky;
inset-inline-start: 0;
}
}
@layer _.b {
.uch91:lang(ar) {
font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
}
}
@layer _.c {
.udi91:lang(he) {
font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
}
}
@layer _.d {
.uea91:lang(ja) {
font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
}
}
@layer _.e {
.ugb91:lang(ko) {
font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
}
}
@layer _.f {
.uhd91:lang(zh) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
}
}
@layer _.g {
.uje91:lang(zh-hant) {
font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
}
}
@layer _.h {
.uic91:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
}
}
@layer _.b.l {
@media (forced-colors: active) {
.gla91 {
background-color: background;
}
.gle91 {
background-color: highlight;
}
.tla91 {
fill: highlight;
}
.-_8sjo0b-lt8pvGJ91 {
--iconPrimary: HighlightText;
}
.plb91 {
color: buttontext;
}
.-qH4xad-lga91 {
--rowBackgroundColor: Background;
}
.-_34HbNb-lOc91 {
--rowFocusIndicatorColor: Highlight;
}
.ila91 {
border-color: buttonborder;
}
}
}
@layer _.b.s {
@media not ((hover: hover) and (pointer: fine)) {
.Hsu91 {
margin-inline-end: .470588em;
}
.Isu91 {
margin-inline-start: .470588em;
}
.vsf91 {
font-size: 1.0625rem;
}
.vsc91 {
font-size: .8125rem;
}
.vse91 {
font-size: .9375rem;
}
.vsh91 {
font-size: 1.1875rem;
}
.vsj91 {
font-size: 1.375rem;
}
}
}
/*# sourceMappingURL=TableView.css.map */