@react-spectrum/s2 1.1.0 → 1.2.0

package/dist/ListView.css

@@ -0,0 +1,740 @@
+@layer _.a {
+  ._Bb12 {
+    isolation: isolate;
+  }
+
+  .__ca12 {
+    -webkit-tap-highlight-color: #0000;
+  }
+
+  ._Nb12 {
+    overflow-x: clip;
+  }
+
+  .Pb12 {
+    overflow-y: clip;
+  }
+
+  ._Ka12 {
+    outline-offset: -1px;
+  }
+
+  ._4c12 {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  .Ma12 {
+    min-height: 0;
+  }
+
+  .Na12 {
+    min-width: 0;
+  }
+
+  ._Na12 {
+    overflow-x: auto;
+  }
+
+  .Pa12 {
+    overflow-y: auto;
+  }
+
+  .gX12 {
+    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
+  }
+
+  .iq12 {
+    border-color: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
+  }
+
+  .-Ev4N4b-Zd12 {
+    --trailing-icon-width: auto;
+  }
+
+  .qh12 {
+    column-gap: 0;
+  }
+
+  .Sd12 {
+    padding-inline-start: 0;
+  }
+
+  .Rd12 {
+    padding-inline-end: 0;
+  }
+
+  .Tt12 {
+    padding-top: 8px;
+  }
+
+  .Qt12 {
+    padding-bottom: 8px;
+  }
+
+  .g912 {
+    background-color: #0000;
+  }
+
+  .po12 {
+    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
+  }
+
+  ._Pc12 {
+    position: relative;
+  }
+
+  .z2mU12 {
+    grid-column-start: 1;
+  }
+
+  .yzZKy12 {
+    grid-column-end: -1;
+  }
+
+  .se12 {
+    display: grid;
+  }
+
+  .C91zTN12 {
+    grid-template-areas: ". checkmark icon label actions actionmenu trailing-icon ."
+                         ". . . description actions actionmenu trailing-icon .";
+  }
+
+  .DIVIQId12 {
+    grid-template-columns: calc(2.5rem * 3 / 8) auto auto minmax(0, 1fr) auto auto var(--trailing-icon-width) calc(2.5rem * 3 / 8);
+  }
+
+  .Exumf9b12 {
+    grid-template-rows: 1fr auto;
+  }
+
+  .ea12 {
+    align-items: baseline;
+  }
+
+  .Mh12 {
+    min-height: calc(2.5rem * var(--s2-scale));
+  }
+
+  .MODqQub12 {
+    min-height: calc(3.125rem * var(--s2-scale));
+  }
+
+  ._Xa12 {
+    text-decoration: none;
+  }
+
+  .ri12 {
+    cursor: default;
+  }
+
+  .ry12 {
+    cursor: pointer;
+  }
+
+  .-EH8uVb-iw12 {
+    --borderColor: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #5681ff);
+  }
+
+  .-EH8uVb-iq12 {
+    --borderColor: var(--lightningcss-light, #dadada) var(--lightningcss-dark, #393939);
+  }
+
+  ._Le12 {
+    outline-style: none;
+  }
+
+  ._Lf12 {
+    outline-style: solid;
+  }
+
+  .Oh12 {
+    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
+  }
+
+  ._Mc12 {
+    outline-width: 2px;
+  }
+
+  ._Kb12 {
+    outline-offset: -2px;
+  }
+
+  ._Pa12 {
+    position: absolute;
+  }
+
+  ._9a12 {
+    z-index: -1;
+  }
+
+  .WLPOtrc12 {
+    top: -1px;
+  }
+
+  .Wr12 {
+    top: 0;
+  }
+
+  ._Er12 {
+    left: 0;
+  }
+
+  ._Rr12 {
+    right: 0;
+  }
+
+  ._lr12 {
+    bottom: 0;
+  }
+
+  ._lLPOtrc12 {
+    bottom: -1px;
+  }
+
+  .gs9yXOb12 {
+    background-color: var(--rowBackgroundColor);
+  }
+
+  .gVQkD8c12 {
+    background-color: var(--lightningcss-light, #1313130d) var(--lightningcss-dark, #f2f2f20d);
+  }
+
+  .g7IonAe12 {
+    background-color: var(--lightningcss-light, #1313131a) var(--lightningcss-dark, #f2f2f21a);
+  }
+
+  .gj1B7i12 {
+    background-color: var(--lightningcss-light, #eee) var(--lightningcss-dark, #212121);
+  }
+
+  .gRfT7e12 {
+    background-color: var(--lightningcss-light, #e7e7e7) var(--lightningcss-dark, #282828);
+  }
+
+  .glzvDBe12 {
+    background-color: var(--lightningcss-light, #ebefff) var(--lightningcss-dark, #181c29);
+  }
+
+  .gaZwDBe12 {
+    background-color: var(--lightningcss-light, #e2e8fe) var(--lightningcss-dark, #1b2235);
+  }
+
+  .od12 {
+    border-start-start-radius: 0;
+  }
+
+  .ob12 {
+    border-start-start-radius: .5rem;
+  }
+
+  .nd12 {
+    border-start-end-radius: 0;
+  }
+
+  .nb12 {
+    border-start-end-radius: .5rem;
+  }
+
+  .kd12 {
+    border-end-start-radius: 0;
+  }
+
+  .kb12 {
+    border-end-start-radius: .5rem;
+  }
+
+  .jd12 {
+    border-end-end-radius: 0;
+  }
+
+  .jb12 {
+    border-end-end-radius: .5rem;
+  }
+
+  ._kb12 {
+    border-top-width: 1px;
+  }
+
+  ._ka12 {
+    border-top-width: 0;
+  }
+
+  .hb12 {
+    border-bottom-width: 1px;
+  }
+
+  .ha12 {
+    border-bottom-width: 0;
+  }
+
+  .ma12 {
+    border-inline-start-width: 0;
+  }
+
+  .mb12 {
+    border-inline-start-width: 1px;
+  }
+
+  .la12 {
+    border-inline-end-width: 0;
+  }
+
+  .lb12 {
+    border-inline-end-width: 1px;
+  }
+
+  ._jf12 {
+    border-style: solid;
+  }
+
+  .iA12 {
+    border-color: #0000;
+  }
+
+  .i4pzfu12 {
+    border-color: var(--borderColor);
+  }
+
+  .zv6x9r12 {
+    grid-column-start: label;
+  }
+
+  .yv6x9r12 {
+    grid-column-end: label;
+  }
+
+  .Bv6x9r12 {
+    grid-row-start: label;
+  }
+
+  .Av6x9r12 {
+    grid-row-end: label;
+  }
+
+  .uk12 {
+    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+  }
+
+  .-_6BNtrc-c12 {
+    --fs: pow(1.125, 0);
+  }
+
+  .-_6BNtrc-a12 {
+    --fs: pow(1.125, -2);
+  }
+
+  .-_6BNtrc-d12 {
+    --fs: pow(1.125, 1);
+  }
+
+  .-_6BNtrc-e12 {
+    --fs: pow(1.125, 2);
+  }
+
+  ._Fd12 {
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
+  }
+
+  .p40ub4c12 {
+    color: inherit;
+  }
+
+  .z9u7zPc12 {
+    grid-column-start: description;
+  }
+
+  .y9u7zPc12 {
+    grid-column-end: description;
+  }
+
+  .B9u7zPc12 {
+    grid-row-start: description;
+  }
+
+  .A9u7zPc12 {
+    grid-row-end: description;
+  }
+
+  ._Nc12 {
+    overflow-x: hidden;
+  }
+
+  .Pc12 {
+    overflow-y: hidden;
+  }
+
+  ._Yb12 {
+    text-overflow: ellipsis;
+  }
+
+  ._7c12 {
+    white-space: nowrap;
+  }
+
+  ._7b12 {
+    white-space: normal;
+  }
+
+  .uk12 {
+    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
+  }
+
+  .-_6BNtrc-b12 {
+    --fs: pow(1.125, -1);
+  }
+
+  .vx12 {
+    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
+  }
+
+  .xb12 {
+    font-weight: 400;
+  }
+
+  ._xa12 {
+    font-synthesis-weight: none;
+  }
+
+  ._Fd12 {
+    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
+  }
+
+  .pv12 {
+    color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #afafaf);
+  }
+
+  .pt12 {
+    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
+  }
+
+  .pp12 {
+    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
+  }
+
+  .Yd12 {
+    transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
+  }
+
+  .Xb12 {
+    transition-duration: .15s;
+  }
+
+  ._2b12 {
+    transition-timing-function: cubic-bezier(.45, 0, .4, 1);
+  }
+
+  .sb12 {
+    display: block;
+  }
+
+  .ZuUmpre12 {
+    width: 1.42857em;
+  }
+
+  .FuUmpre12 {
+    height: 1.42857em;
+  }
+
+  .z2U5Crc12 {
+    grid-column-start: icon;
+  }
+
+  .y2U5Crc12 {
+    grid-column-end: icon;
+  }
+
+  .B2U5Crc12 {
+    grid-row-start: icon;
+  }
+
+  .Ht12 {
+    margin-inline-end: .428571em;
+  }
+
+  .oa12 {
+    border-start-start-radius: .25rem;
+  }
+
+  .na12 {
+    border-start-end-radius: .25rem;
+  }
+
+  .ka12 {
+    border-end-start-radius: .25rem;
+  }
+
+  .ja12 {
+    border-end-end-radius: .25rem;
+  }
+
+  .ZC12 {
+    width: calc(2rem * var(--s2-scale));
+  }
+
+  .fa12 {
+    aspect-ratio: 1;
+  }
+
+  ._Hb12 {
+    object-fit: cover;
+  }
+
+  .zkG38H12 {
+    grid-column-start: actions;
+  }
+
+  .ykG38H12 {
+    grid-column-end: actions;
+  }
+
+  .BkG38H12 {
+    grid-row-start: actions;
+  }
+
+  .__Ac12 {
+    justify-self: end;
+  }
+
+  .z6Nrfjc12 {
+    grid-column-start: actionmenu;
+  }
+
+  .y6Nrfjc12 {
+    grid-column-end: actionmenu;
+  }
+
+  .B6Nrfjc12 {
+    grid-row-start: actionmenu;
+  }
+
+  .z2CW8rb12 {
+    grid-column-start: checkmark;
+  }
+
+  .y2CW8rb12 {
+    grid-column-end: checkmark;
+  }
+
+  .B2CW8rb12 {
+    grid-row-start: checkmark;
+  }
+
+  .Hv12 {
+    margin-inline-end: .5rem;
+  }
+
+  ._6c12 {
+    visibility: visible;
+  }
+
+  ._6b12 {
+    visibility: hidden;
+  }
+
+  .znWsohc12 {
+    grid-column-start: trailing-icon;
+  }
+
+  .ynWsohc12 {
+    grid-column-end: trailing-icon;
+  }
+
+  .BnWsohc12 {
+    grid-row-start: trailing-icon;
+  }
+
+  .AvoofG12 {
+    grid-row-end: span 2;
+  }
+
+  ._dc12 {
+    align-self: center;
+  }
+
+  .It12 {
+    margin-inline-start: .428571em;
+  }
+
+  .TuNalie12 {
+    padding-top: .25rem;
+  }
+
+  .QuNalie12 {
+    padding-bottom: .25rem;
+  }
+
+  .SuNalie12 {
+    padding-inline-start: .25rem;
+  }
+
+  .RuNalie12 {
+    padding-inline-end: .25rem;
+  }
+
+  .sd12 {
+    display: flex;
+  }
+
+  .eb12 {
+    align-items: center;
+  }
+
+  ._Ca12 {
+    justify-content: center;
+  }
+
+  .Za12 {
+    width: 100%;
+  }
+
+  .Fb12 {
+    height: 100%;
+  }
+
+  ._oa12 {
+    box-sizing: border-box;
+  }
+
+  .Tf12 {
+    padding-top: 16px;
+  }
+
+  .Qf12 {
+    padding-bottom: 16px;
+  }
+
+  .Sf12 {
+    padding-inline-start: 16px;
+  }
+
+  .Rf12 {
+    padding-inline-end: 16px;
+  }
+
+  .-Z4Pn4c-b12 {
+    --scaleX: 1;
+  }
+
+  .-Z4Pn4c-a12 {
+    --scaleX: -1;
+  }
+
+  .-_04Pn4c-b12 {
+    --scaleY: 1;
+  }
+
+  .-_04Pn4c-a12 {
+    --scaleY: -1;
+  }
+
+  .__Ha12 {
+    scale: var(--scaleX, 1) var(--scaleY, 1);
+  }
+
+  .-_8sjo0b-t5ZbAob12 {
+    --iconPrimary: currentColor;
+  }
+}
+
+@layer _.b {
+  .-Ev4N4b-1bNH0cZuUmpre12:has([data-has-trailing-icon]) [role="row"] {
+    --trailing-icon-width: 1.42857em;
+  }
+
+  .UDNKd2dai5a012:has([slot="description"]) {
+    row-gap: .0625rem;
+  }
+
+  .ucJ9TBTb12:lang(ar) {
+    font-family: adobe-clean-arabic, myriad-arabic, ui-sans-serif, system-ui, sans-serif;
+  }
+
+  ._FnuYUweb12:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+    line-height: 1.5;
+  }
+}
+
+@layer _.b.l {
+  @media (forced-colors: active) {
+    .plc12 {
+      color: graytext;
+    }
+
+    .-EH8uVb-lia12 {
+      --borderColor: ButtonBorder;
+    }
+
+    .Olc12 {
+      outline-color: highlight;
+    }
+
+    .gla12 {
+      background-color: background;
+    }
+  }
+}
+
+@layer _.c {
+  .ud3Euai12:lang(he) {
+    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
+  }
+}
+
+@layer _.d {
+  .uea12:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
+}
+
+@layer _.e {
+  .ugb12:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
+}
+
+@layer _.f {
+  .uhd12:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
+}
+
+@layer _.g {
+  .uje12: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 {
+  .u2NhKxcl12:lang(zh-HK) {
+    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
+}
+
+@layer _.i {
+  .uic12: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.s {
+  @media not ((hover: hover) and (pointer: fine)) {
+    .Hsu12 {
+      margin-inline-end: .470588em;
+    }
+
+    .Isu12 {
+      margin-inline-start: .470588em;
+    }
+  }
+}
+/*# sourceMappingURL=ListView.css.map */