@tempoxyz/ds 0.2.6 → 0.3.0

package/dist/web/components/Surface.css

@@ -1 +1 @@
-.z_tds_2f_web-jv6_qA0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z_tds_2f_web-jv6_qA1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qA2{&+*{margin-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-jv6_qA3{font-family:var(--z-tds_2f_web-typography-copy-15-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z_tds_2f_web-jv6_qA4{font-size:var(--z-tds_2f_web-typography-copy-15-fontSize,15px)}.z_tds_2f_web-jv6_qA5{font-weight:var(--z-tds_2f_web-typography-copy-15-fontWeight,450)}.z_tds_2f_web-jv6_qA6{letter-spacing:var(--z-tds_2f_web-typography-copy-15-letterSpacing,-.13px)}.z_tds_2f_web-jv6_qA7{line-height:var(--z-tds_2f_web-typography-copy-15-lineHeight,24px)}.z_tds_2f_web-jv6_qA8{align-items:center}.z_tds_2f_web-jv6_qA9{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-jv6_qAa{display:flex}.z_tds_2f_web-jv6_qAb{justify-content:space-between}.z_tds_2f_web-jv6_qAc{margin-block-end:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-jv6_qAd{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qAe{&>[data-variant=text]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_20,-1.25rem)}}.z_tds_2f_web-jv6_qAf{&>[data-variant=text][data-size=small]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qAg{&>[data-variant=text][data-size=large]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}.z_tds_2f_web-jv6_qAh{[data-surface-size=medium]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}.z_tds_2f_web-jv6_qAi{[data-surface-size=small]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qAj{align-items:flex-start}.z_tds_2f_web-jv6_qAk{flex-direction:column}.z_tds_2f_web-jv6_qAl{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-jv6_qAm{&>:is(a,button){appearance:none}}.z_tds_2f_web-jv6_qAn{&>:is(a,button){background-color:#0000}}.z_tds_2f_web-jv6_qAo{&>:is(a,button){border:none}}.z_tds_2f_web-jv6_qAp{&>:is(a,button){border-radius:var(--z-tds_2f_web-radius-2,.125rem)}}.z_tds_2f_web-jv6_qAq{&>:is(a,button){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z_tds_2f_web-jv6_qAr{&>:is(a,button){cursor:pointer}}.z_tds_2f_web-jv6_qAs{&>:is(a,button){font:inherit}}.z_tds_2f_web-jv6_qAt{&>:is(a,button){outline-color:#0000}}.z_tds_2f_web-jv6_qAu{&>:is(a,button){outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-jv6_qAv{&>:is(a,button){outline-style:solid}}.z_tds_2f_web-jv6_qAw{&>:is(a,button){outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}.z_tds_2f_web-jv6_qAx{&>:is(a,button){padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-jv6_qAy{&>:is(a,button){text-decoration-color:#0000}}.z_tds_2f_web-jv6_qAz{&>:is(a,button){text-decoration-line:underline}}.z_tds_2f_web-jv6_qA10{&>:is(a,button){text-decoration-thickness:1px}}.z_tds_2f_web-jv6_qA11{&>:is(a,button){text-underline-offset:4px}}.z_tds_2f_web-jv6_qA12{&>:is(a,button){transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-jv6_qA13{&>:is(a,button){transition-property:color,outline-color,text-decoration-color}}.z_tds_2f_web-jv6_qA14{&>:is(a,button){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-jv6_qA15{&>:is(a,button):hover{text-decoration-color:currentColor}}.z_tds_2f_web-jv6_qA16{&>:is(a,button):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-jv6_qA17{font-family:var(--z-tds_2f_web-typography-label-16-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z_tds_2f_web-jv6_qA18{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}.z_tds_2f_web-jv6_qA19{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}.z_tds_2f_web-jv6_qA1a{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}.z_tds_2f_web-jv6_qA1b{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}.z_tds_2f_web-jv6_qA1c{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z_tds_2f_web-jv6_qA1d{box-sizing:border-box}.z_tds_2f_web-jv6_qA1e{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-jv6_qA1f{display:block}.z_tds_2f_web-jv6_qA1g{outline-color:#0000}.z_tds_2f_web-jv6_qA1h{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-jv6_qA1i{outline-style:solid}.z_tds_2f_web-jv6_qA1j{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-jv6_qA1k{text-align:start}.z_tds_2f_web-jv6_qA1l{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-jv6_qA1m{transition-property:background-color,opacity,outline-color,outline-offset,scale}.z_tds_2f_web-jv6_qA1n{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-jv6_qA1o{font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z_tds_2f_web-jv6_qA1p{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z_tds_2f_web-jv6_qA1q{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z_tds_2f_web-jv6_qA1r{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z_tds_2f_web-jv6_qA1s{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z_tds_2f_web-jv6_qA1t{&:is(button,a[href],[role=button]){border:none}}.z_tds_2f_web-jv6_qA1u{&:is(button,a[href],[role=button]){cursor:pointer}}.z_tds_2f_web-jv6_qA1v{&:is(button,a[href],[role=button]){text-decoration:none}}.z_tds_2f_web-jv6_qA1w{&:is(button,a[href],[role=button]){width:100%}}.z_tds_2f_web-jv6_qA1x{&:is(button,a[href],[role=button]):hover:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-100,light-dark(#f2f2f2,#1f1e1e))}}.z_tds_2f_web-jv6_qA1y{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-200,light-dark(#ebebeb,#252424))}}.z_tds_2f_web-jv6_qA1z{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-jv6_qA20{&:is(button,a[href],[role=button]):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-jv6_qA21{&:is(button,a[href],[role=button]):focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-jv6_qA22{&:has(>[data-rows]){overflow:hidden}}.z_tds_2f_web-jv6_qA23{&:has(>table){overflow:clip}}.z_tds_2f_web-jv6_qA24{&>table:last-child>caption{padding-block-end:0}}.z_tds_2f_web-jv6_qA25{&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{height:auto}}.z_tds_2f_web-jv6_qA26{&>table[data-size=large]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-18,1.125rem)}}.z_tds_2f_web-jv6_qA27{&>table[data-size=medium]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-jv6_qA28{&>table[data-size=small]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-jv6_qA29{&:disabled,&[aria-disabled=true]{cursor:default}}.z_tds_2f_web-jv6_qA2a{&:disabled,&[aria-disabled=true]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-jv6_qA2b{&:disabled,&[aria-disabled=true]{pointer-events:none}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-jv6_qA2c{transition-property:background-color,opacity,outline-color}.z_tds_2f_web-jv6_qA2d{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:none}}}.z_tds_2f_web-jv6_qA2e{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-jv6_qA2f{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-jv6_qA2g{&:where([data-size=large]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2h{&:where([data-size=large]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA2i{&:where([data-size=large]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2j{&:where([data-size=large]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2k{&:where([data-size=large]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-48,3rem))}}}.z_tds_2f_web-jv6_qA2l{&:where([data-size=large]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2m{&:where([data-size=large]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2n{&:where([data-size=large]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2o{&:where([data-size=large]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2p{&:where([data-size=large]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2q{&:where([data-size=large]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2r{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-jv6_qA2s{&:where([data-size=medium]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-jv6_qA2t{&:where([data-size=medium]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA2u{&:where([data-size=medium]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}}.z_tds_2f_web-jv6_qA2v{&:where([data-size=medium]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA2w{&:where([data-size=medium]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA2x{&:where([data-size=medium]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-32,2rem))}}}.z_tds_2f_web-jv6_qA2y{&:where([data-size=medium]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA2z{&:where([data-size=medium]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA30{&:where([data-size=medium]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA31{&:where([data-size=medium]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA32{&:where([data-size=medium]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA33{&:where([data-size=medium]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA34{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-jv6_qA35{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-jv6_qA36{&:where([data-size=small]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA37{&:where([data-size=small]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_6,-.375rem)}}}.z_tds_2f_web-jv6_qA38{&:where([data-size=small]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA39{&:where([data-size=small]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA3a{&:where([data-size=small]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-24,1.5rem))}}}.z_tds_2f_web-jv6_qA3b{&:where([data-size=small]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3c{&:where([data-size=small]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3d{&:where([data-size=small]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA3e{&:where([data-size=small]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3f{&:where([data-size=small]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA3g{&:where([data-size=small]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3h{align-items:center}.z_tds_2f_web-jv6_qA3i{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-jv6_qA3j{display:flex}.z_tds_2f_web-jv6_qA3k{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qA3l{&>svg{flex-shrink:0}}.z_tds_2f_web-jv6_qA3m{&>svg{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z_tds_2f_web-jv6_qA3n{font-family:var(--z-tds_2f_web-typography-heading-20-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z_tds_2f_web-jv6_qA3o{font-size:var(--z-tds_2f_web-typography-heading-20-fontSize,20px)}.z_tds_2f_web-jv6_qA3p{font-weight:var(--z-tds_2f_web-typography-heading-20-fontWeight,600)}.z_tds_2f_web-jv6_qA3q{letter-spacing:var(--z-tds_2f_web-typography-heading-20-letterSpacing,-.33px)}.z_tds_2f_web-jv6_qA3r{line-height:var(--z-tds_2f_web-typography-heading-20-lineHeight,26px)}
+.z_tds_2f_web-jv6_qA0{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}.z_tds_2f_web-jv6_qA1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qA2{&+*{margin-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-jv6_qA3{font-family:var(--z-tds_2f_web-typography-body-b1-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-jv6_qA4{font-size:var(--z-tds_2f_web-typography-body-b1-fontSize,16px)}.z_tds_2f_web-jv6_qA5{font-weight:var(--z-tds_2f_web-typography-body-b1-fontWeight,400)}.z_tds_2f_web-jv6_qA6{letter-spacing:var(--z-tds_2f_web-typography-body-b1-letterSpacing,.12px)}.z_tds_2f_web-jv6_qA7{line-height:var(--z-tds_2f_web-typography-body-b1-lineHeight,22px)}.z_tds_2f_web-jv6_qA8{align-items:center}.z_tds_2f_web-jv6_qA9{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-jv6_qAa{display:flex}.z_tds_2f_web-jv6_qAb{justify-content:space-between}.z_tds_2f_web-jv6_qAc{margin-block-end:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-jv6_qAd{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qAe{&>[data-variant=tertiary]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}.z_tds_2f_web-jv6_qAf{&>[data-variant=tertiary][data-size=small]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}.z_tds_2f_web-jv6_qAg{&>[data-variant=tertiary][data-size=xsmall]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qAh{[data-surface-size=medium]>&>[data-variant=tertiary]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}.z_tds_2f_web-jv6_qAi{[data-surface-size=small]>&>[data-variant=tertiary]:is([data-size=small],[data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qAj{align-items:flex-start}.z_tds_2f_web-jv6_qAk{flex-direction:column}.z_tds_2f_web-jv6_qAl{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-jv6_qAm{&>:is(a,button){appearance:none}}.z_tds_2f_web-jv6_qAn{&>:is(a,button){background-color:#0000}}.z_tds_2f_web-jv6_qAo{&>:is(a,button){border:none}}.z_tds_2f_web-jv6_qAp{&>:is(a,button){border-radius:var(--z-tds_2f_web-radius-3xs,calc(.25rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-jv6_qAq{&>:is(a,button){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-jv6_qAr{&>:is(a,button){cursor:pointer}}.z_tds_2f_web-jv6_qAs{&>:is(a,button){font:inherit}}.z_tds_2f_web-jv6_qAt{&>:is(a,button){outline-color:#0000}}.z_tds_2f_web-jv6_qAu{&>:is(a,button){outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-jv6_qAv{&>:is(a,button){outline-style:solid}}.z_tds_2f_web-jv6_qAw{&>:is(a,button){outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}.z_tds_2f_web-jv6_qAx{&>:is(a,button){padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-jv6_qAy{&>:is(a,button){text-decoration-color:#0000}}.z_tds_2f_web-jv6_qAz{&>:is(a,button){text-decoration-line:underline}}.z_tds_2f_web-jv6_qA10{&>:is(a,button){text-decoration-thickness:1px}}.z_tds_2f_web-jv6_qA11{&>:is(a,button){text-underline-offset:4px}}.z_tds_2f_web-jv6_qA12{&>:is(a,button){transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-jv6_qA13{&>:is(a,button){transition-property:color,outline-color,text-decoration-color}}.z_tds_2f_web-jv6_qA14{&>:is(a,button){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-jv6_qA15{&>:is(a,button):hover{text-decoration-color:currentColor}}.z_tds_2f_web-jv6_qA16{&>:is(a,button):focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-jv6_qA17{font-family:var(--z-tds_2f_web-typography-body-b1Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-jv6_qA18{font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}.z_tds_2f_web-jv6_qA19{font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}.z_tds_2f_web-jv6_qA1a{letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}.z_tds_2f_web-jv6_qA1b{line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}.z_tds_2f_web-jv6_qA1c{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-jv6_qA1d{border-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-jv6_qA1e{border-style:solid}.z_tds_2f_web-jv6_qA1f{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}.z_tds_2f_web-jv6_qA1g{box-sizing:border-box}.z_tds_2f_web-jv6_qA1h{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-jv6_qA1i{display:block}.z_tds_2f_web-jv6_qA1j{outline-color:#0000}.z_tds_2f_web-jv6_qA1k{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-jv6_qA1l{outline-style:solid}.z_tds_2f_web-jv6_qA1m{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-jv6_qA1n{text-align:start}.z_tds_2f_web-jv6_qA1o{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-jv6_qA1p{transition-property:background-color,opacity,outline-color,outline-offset,scale}.z_tds_2f_web-jv6_qA1q{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-jv6_qA1r{font-family:var(--z-tds_2f_web-typography-body-b2-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-jv6_qA1s{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-jv6_qA1t{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-jv6_qA1u{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-jv6_qA1v{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-jv6_qA1w{&:is(button,a[href],[role=button]){cursor:pointer}}.z_tds_2f_web-jv6_qA1x{&:is(button,a[href],[role=button]){text-decoration:none}}.z_tds_2f_web-jv6_qA1y{&:is(button,a[href],[role=button]){width:100%}}.z_tds_2f_web-jv6_qA1z{&:is(button,a[href],[role=button]):hover:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-jv6_qA20{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}.z_tds_2f_web-jv6_qA21{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-jv6_qA22{&:is(button,a[href],[role=button]):focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-jv6_qA23{&:is(button,a[href],[role=button]):focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-jv6_qA24{&:has(>table){border-style:none}}.z_tds_2f_web-jv6_qA25{&:has(>table){overflow:clip}}.z_tds_2f_web-jv6_qA26{&>table{margin-inline:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qA27{&>table{width:calc(100% + var(--z-tds_2f_web-spacing-24,1.5rem))}}.z_tds_2f_web-jv6_qA28{&>table:last-child>caption{padding-block-end:0}}.z_tds_2f_web-jv6_qA29{&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qA2a{&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{height:auto}}.z_tds_2f_web-jv6_qA2b{&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-jv6_qA2c{&>table[data-size=large]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-jv6_qA2d{&>table[data-size=medium]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-jv6_qA2e{&>table[data-size=small]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-jv6_qA2f{&:disabled,&[aria-disabled=true]{cursor:default}}.z_tds_2f_web-jv6_qA2g{&:disabled,&[aria-disabled=true]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-jv6_qA2h{&:disabled,&[aria-disabled=true]{pointer-events:none}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-jv6_qA2i{transition-property:background-color,opacity,outline-color}.z_tds_2f_web-jv6_qA2j{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:none}}}.z_tds_2f_web-jv6_qA2k{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-md,calc(1.5rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-jv6_qA2l{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-jv6_qA2m{&:where([data-size=large]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2n{&:where([data-size=large]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2o{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-jv6_qA2p{&:where([data-size=medium]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-jv6_qA2q{&:where([data-size=medium]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA2r{&:where([data-size=medium]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA2s{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-jv6_qA2t{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-jv6_qA2u{&:where([data-size=small]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA2v{&:where([data-size=small]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA2w{align-items:center}.z_tds_2f_web-jv6_qA2x{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-jv6_qA2y{display:flex}.z_tds_2f_web-jv6_qA2z{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qA30{&>svg{flex-shrink:0}}.z_tds_2f_web-jv6_qA31{&>svg{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z_tds_2f_web-jv6_qA32{[data-surface-size]:has(>table)>&,[data-surface-size]:has(>table)>*>&{font-family:var(--z-tds_2f_web-typography-heading-h3-fontFamily,var(--z-tds_2f_web-fontFamily-heading,Pilat, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif))}}.z_tds_2f_web-jv6_qA33{[data-surface-size]:has(>table)>&,[data-surface-size]:has(>table)>*>&{font-size:var(--z-tds_2f_web-typography-heading-h3-fontSize,20px)}}.z_tds_2f_web-jv6_qA34{[data-surface-size]:has(>table)>&,[data-surface-size]:has(>table)>*>&{font-weight:var(--z-tds_2f_web-typography-heading-h3-fontWeight,500)}}.z_tds_2f_web-jv6_qA35{[data-surface-size]:has(>table)>&,[data-surface-size]:has(>table)>*>&{letter-spacing:var(--z-tds_2f_web-typography-heading-h3-letterSpacing,-.3px)}}.z_tds_2f_web-jv6_qA36{[data-surface-size]:has(>table)>&,[data-surface-size]:has(>table)>*>&{line-height:var(--z-tds_2f_web-typography-heading-h3-lineHeight,23px)}}.z_tds_2f_web-jv6_qA37{font-family:var(--z-tds_2f_web-typography-body-b2Strong-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-jv6_qA38{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-jv6_qA39{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-jv6_qA3a{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-jv6_qA3b{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}

package/dist/web/components/Surface.d.ts

@@ -2,14 +2,15 @@ import { useRender } from '@base-ui/react/use-render';
 import type { ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
 /**
- * A card container that renders a `div` by default. Pass `render` to swap the element, such as a
- * `section`, `button` or link. A `button`, `a[href]` or `role="button"` surface gains hover, press
- * and focus-visible styles and spans the full width.
+ * A card container that renders a `div` with a 1px border inside its edge by default. Pass
+ * `render` to swap the element, such as a `section`, `button` or link. A `button`, `a[href]` or
+ * `role="button"` surface gains hover, press and focus-visible styles and spans the full width.
  *
- * - `size` sets the corner radius and padding together.
+ * - `size` sets the corner radius and padding together, at the same value.
  * - Name the card with `Surface.Title`, which renders an `h2`, so headings keep the card navigable.
  * - A pressable surface should hold no other interactive controls, since nested targets conflict.
- * - A direct child `table` or `Rows` bleeds into the padding, so row fills reach the edges.
+ * - A direct child `table` bleeds 12px into the padding at the sides and the bottom, as rows pad
+ *   their cells, so its text stays on the content edge. The surface draws no border around it.
  *
  * @example
  * <Surface>
@@ -31,7 +32,10 @@ export declare namespace Surface {
     namespace Description {
         type Props = ComponentPropsWithRef<'p'> & zyzz.Props.Variants<typeof styles.description>;
     }
-    /** A row above the content holding a `Surface.Title` and, at the end, any actions. */
+    /**
+     * A row above the content holding a `Surface.Title` and, at the end, any actions, with 20px of
+     * space below it.
+     */
     function Header(props: Header.Props): import("react").JSX.Element;
     namespace Header {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.header>;
@@ -48,7 +52,10 @@ export declare namespace Surface {
          */
         disabled?: boolean | undefined;
     };
-    /** The card heading, rendered as an `h2`. A leading `svg` icon renders at 24px. */
+    /**
+     * The card heading, rendered as an `h2`. A leading `svg` icon renders at 24px. In a surface that
+     * holds a direct child `table`, the title renders at the size of a section heading.
+     */
     function Title(props: Title.Props): import("react").JSX.Element;
     namespace Title {
         type Props = ComponentPropsWithRef<'h2'> & zyzz.Props.Variants<typeof styles.title>;
@@ -57,14 +64,14 @@ export declare namespace Surface {
 declare namespace styles {
     const description: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly color: "gray.900";
+            readonly color: "content.secondary";
             readonly margin: "0";
             readonly selectors: {
                 readonly '& + *': {
                     readonly marginBlockStart: "24";
                 };
             };
-            readonly typography: "copy.15";
+            readonly typography: "body.b1";
         };
     }, "react">;
     const header: zyzz.variants.ReturnType<{
@@ -73,22 +80,22 @@ declare namespace styles {
             readonly columnGap: "16";
             readonly display: "flex";
             readonly justifyContent: "space-between";
-            readonly marginBlockEnd: "16";
+            readonly marginBlockEnd: "20";
             readonly minWidth: "0";
             readonly selectors: {
-                readonly '& > [data-variant="text"]:not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-20";
+                readonly '& > [data-variant="tertiary"]:not([data-shape="icon"]):last-child': {
+                    readonly marginInlineEnd: "-24";
                 };
-                readonly '& > [data-variant="text"][data-size="small"]:not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-12";
+                readonly '& > [data-variant="tertiary"][data-size="small"]:not([data-shape="icon"]):last-child': {
+                    readonly marginInlineEnd: "-16";
                 };
-                readonly '& > [data-variant="text"][data-size="large"]:not([data-shape="icon"]):last-child': {
-                    readonly marginInlineEnd: "-24";
+                readonly '& > [data-variant="tertiary"][data-size="xsmall"]:not([data-shape="icon"]):last-child': {
+                    readonly marginInlineEnd: "-12";
                 };
-                readonly '[data-surface-size="medium"] > & > [data-variant="text"]:is([data-size="medium"], [data-size="large"]):not([data-shape="icon"]):last-child': {
+                readonly '[data-surface-size="medium"] > & > [data-variant="tertiary"]:is([data-size="medium"], [data-size="large"]):not([data-shape="icon"]):last-child': {
                     readonly marginInlineEnd: "-16";
                 };
-                readonly '[data-surface-size="small"] > & > [data-variant="text"]:is([data-size="medium"], [data-size="large"]):not([data-shape="icon"]):last-child': {
+                readonly '[data-surface-size="small"] > & > [data-variant="tertiary"]:is([data-size="small"], [data-size="medium"], [data-size="large"]):not([data-shape="icon"]):last-child': {
                     readonly marginInlineEnd: "-12";
                 };
             };
@@ -105,8 +112,8 @@ declare namespace styles {
                     readonly appearance: "none !custom";
                     readonly backgroundColor: "transparent !custom";
                     readonly border: "none !custom";
-                    readonly borderRadius: "2";
-                    readonly color: "foreground";
+                    readonly borderRadius: "3xs";
+                    readonly color: "content.primary";
                     readonly cursor: "pointer";
                     readonly font: "inherit !custom";
                     readonly outlineColor: "transparent !custom";
@@ -126,17 +133,20 @@ declare namespace styles {
                     readonly textDecorationColor: "currentColor !custom";
                 };
                 readonly '& > :is(a, button):focus-visible': {
-                    readonly outlineColor: "blue.700";
+                    readonly outlineColor: "border.focus";
                 };
             };
-            readonly typography: "label.16.strong";
+            readonly typography: "body.b1Strong";
         };
     }, "react">;
     const surface: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly backgroundColor: "background.surface";
+            readonly backgroundColor: "background.elevated";
+            readonly borderColor: "line.secondary";
+            readonly borderStyle: "solid";
+            readonly borderWidth: "regular";
             readonly boxSizing: "border-box";
-            readonly color: "foreground";
+            readonly color: "content.primary";
             readonly display: "block";
             readonly outlineColor: "transparent !custom";
             readonly outlineOffset: "0";
@@ -146,39 +156,44 @@ declare namespace styles {
             readonly transitionDuration: "160";
             readonly transitionProperty: "background-color, opacity, outline-color, outline-offset, scale";
             readonly transitionTimingFunction: "snappy";
-            readonly typography: "copy.14";
+            readonly typography: "body.b2";
             readonly selectors: {
                 readonly '&:is(button, a[href], [role="button"])': {
-                    readonly border: "none !custom";
                     readonly cursor: "pointer";
                     readonly textDecoration: "none !custom";
                     readonly width: "100% !custom";
                 };
                 readonly '&:is(button, a[href], [role="button"]):hover:not(:disabled, [aria-disabled="true"])': {
-                    readonly backgroundColor: "gray.100";
+                    readonly backgroundColor: "container.regular";
                 };
                 readonly '&:is(button, a[href], [role="button"]):active:not(:disabled, [aria-disabled="true"])': {
-                    readonly backgroundColor: "gray.200";
+                    readonly backgroundColor: "container.strong";
                     readonly scale: "press";
                 };
                 readonly '&:is(button, a[href], [role="button"]):focus-visible': {
-                    readonly outlineColor: "blue.700";
+                    readonly outlineColor: "border.focus";
                     readonly outlineOffset: "2";
                 };
-                readonly '&:has(> [data-rows])': {
-                    readonly overflow: "hidden";
-                };
                 readonly '&:has(> table)': {
+                    readonly borderStyle: "none";
                     readonly overflow: "clip !custom";
                 };
+                readonly '& > table': {
+                    readonly marginInline: "-12";
+                    readonly width: `calc(100% + ${string}) !custom`;
+                };
                 readonly '& > table:last-child > caption': {
                     readonly paddingBlockEnd: "0px !custom";
                 };
+                readonly '& > table:last-child:not(:has(> caption))': {
+                    readonly marginBlockEnd: "-12";
+                };
                 readonly '& > table:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
                     readonly height: "auto !custom";
+                    readonly paddingBlockEnd: "12";
                 };
                 readonly '& > table[data-size="large"]:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                    readonly paddingBlockStart: "18";
+                    readonly paddingBlockStart: "20";
                 };
                 readonly '& > table[data-size="medium"]:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
                     readonly paddingBlockStart: "10";
@@ -207,120 +222,39 @@ declare namespace styles {
         readonly variants: {
             readonly size: {
                 readonly large: {
-                    readonly borderRadius: "16";
+                    readonly borderRadius: "md";
                     readonly padding: "24";
                     readonly selectors: {
-                        readonly '& > table, & > [data-rows]': {
-                            readonly marginInline: "-24";
-                        };
-                        readonly '& > [data-rows]': {
-                            readonly marginBlock: "-12";
-                        };
-                        readonly '& > [data-rows]:first-child': {
-                            readonly marginBlockStart: "-24";
-                        };
-                        readonly '& > [data-rows]:last-child': {
-                            readonly marginBlockEnd: "-24";
-                        };
-                        readonly '& > table': {
-                            readonly width: `calc(100% + ${string}) !custom`;
-                        };
-                        readonly '& > table > caption, & > table tr > :first-child': {
-                            readonly paddingInlineStart: "24";
-                        };
-                        readonly '& > table tr > :last-child': {
-                            readonly paddingInlineEnd: "24";
-                        };
                         readonly '& > table:first-child:has(> thead)': {
                             readonly marginBlockStart: "-24";
                         };
                         readonly '& > table:first-child > thead > tr:first-child > th': {
                             readonly paddingBlockStart: "24";
                         };
-                        readonly '& > table:last-child:not(:has(> caption))': {
-                            readonly marginBlockEnd: "-24";
-                        };
-                        readonly '& > table:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                            readonly paddingBlockEnd: "24";
-                        };
                     };
                 };
                 readonly medium: {
-                    readonly borderRadius: "12";
+                    readonly borderRadius: "sm";
                     readonly padding: "16";
                     readonly selectors: {
-                        readonly '& > table, & > [data-rows]': {
-                            readonly marginInline: "-16";
-                        };
-                        readonly '& > [data-rows]': {
-                            readonly marginBlock: "-8";
-                        };
-                        readonly '& > [data-rows]:first-child': {
-                            readonly marginBlockStart: "-16";
-                        };
-                        readonly '& > [data-rows]:last-child': {
-                            readonly marginBlockEnd: "-16";
-                        };
-                        readonly '& > table': {
-                            readonly width: `calc(100% + ${string}) !custom`;
-                        };
-                        readonly '& > table > caption, & > table tr > :first-child': {
-                            readonly paddingInlineStart: "16";
-                        };
-                        readonly '& > table tr > :last-child': {
-                            readonly paddingInlineEnd: "16";
-                        };
                         readonly '& > table:first-child:has(> thead)': {
                             readonly marginBlockStart: "-16";
                         };
                         readonly '& > table:first-child > thead > tr:first-child > th': {
                             readonly paddingBlockStart: "16";
                         };
-                        readonly '& > table:last-child:not(:has(> caption))': {
-                            readonly marginBlockEnd: "-16";
-                        };
-                        readonly '& > table:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                            readonly paddingBlockEnd: "16";
-                        };
                     };
                 };
                 readonly small: {
-                    readonly borderRadius: "8";
+                    readonly borderRadius: "xs";
                     readonly padding: "12";
                     readonly selectors: {
-                        readonly '& > table, & > [data-rows]': {
-                            readonly marginInline: "-12";
-                        };
-                        readonly '& > [data-rows]': {
-                            readonly marginBlock: "-6";
-                        };
-                        readonly '& > [data-rows]:first-child': {
-                            readonly marginBlockStart: "-12";
-                        };
-                        readonly '& > [data-rows]:last-child': {
-                            readonly marginBlockEnd: "-12";
-                        };
-                        readonly '& > table': {
-                            readonly width: `calc(100% + ${string}) !custom`;
-                        };
-                        readonly '& > table > caption, & > table tr > :first-child': {
-                            readonly paddingInlineStart: "12";
-                        };
-                        readonly '& > table tr > :last-child': {
-                            readonly paddingInlineEnd: "12";
-                        };
                         readonly '& > table:first-child:has(> thead)': {
                             readonly marginBlockStart: "-12";
                         };
                         readonly '& > table:first-child > thead > tr:first-child > th': {
                             readonly paddingBlockStart: "12";
                         };
-                        readonly '& > table:last-child:not(:has(> caption))': {
-                            readonly marginBlockEnd: "-12";
-                        };
-                        readonly '& > table:last-child:not(:has(> caption)) > tbody > tr:last-child > td': {
-                            readonly paddingBlockEnd: "12";
-                        };
                     };
                 };
             };
@@ -329,7 +263,7 @@ declare namespace styles {
     const title: zyzz.variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
-            readonly color: "foreground";
+            readonly color: "content.primary";
             readonly columnGap: "12";
             readonly display: "flex";
             readonly margin: "0";
@@ -339,8 +273,11 @@ declare namespace styles {
                     readonly flexShrink: "0 !custom";
                     readonly fontSize: "24";
                 };
+                readonly '[data-surface-size]:has(> table) > &, [data-surface-size]:has(> table) > * > &': {
+                    readonly typography: "heading.h3";
+                };
             };
-            readonly typography: "heading.20";
+            readonly typography: "body.b2Strong";
         };
     }, "react">;
 }

package/dist/web/components/Surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,8FAc3C;AAED,yBAAiB,OAAO,CAAC;IACvB,yFAAyF;IACzF,SAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BAInD;IAED,UAAiB,WAAW,CAAC;QAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;KAChG;IAED,sFAAsF;IACtF,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC7F;IAED,gFAAgF;IAChF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC5F;IAED,KAAY,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG;QAC3C;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC/B,CAAA;IAEH,mFAAmF;IACnF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC3F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,WAAW;;;;;;;;;;;eAUvB,CAAA;IAEM,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;eA6BlB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoCjB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA0JnB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;eAcjB,CAAA;CACF"}
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAGjC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,8FAc3C;AAED,yBAAiB,OAAO,CAAC;IACvB,yFAAyF;IACzF,SAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BAInD;IAED,UAAiB,WAAW,CAAC;QAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;KAChG;IAED;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAIzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC7F;IAED,gFAAgF;IAChF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC5F;IAED,KAAY,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG;QAC3C;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC/B,CAAA;IAEH;;;OAGG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC3F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,WAAW;;;;;;;;;;;eAUvB,CAAA;IAEM,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;eA6BlB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoCjB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoHnB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;;;eAoBjB,CAAA;CACF"}

package/dist/web/components/Surface.js

@@ -2,14 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useRender } from '@base-ui/react/use-render';
 import { variants, vars } from '../zyzz.config.js';
 /**
- * A card container that renders a `div` by default. Pass `render` to swap the element, such as a
- * `section`, `button` or link. A `button`, `a[href]` or `role="button"` surface gains hover, press
- * and focus-visible styles and spans the full width.
+ * A card container that renders a `div` with a 1px border inside its edge by default. Pass
+ * `render` to swap the element, such as a `section`, `button` or link. A `button`, `a[href]` or
+ * `role="button"` surface gains hover, press and focus-visible styles and spans the full width.
  *
- * - `size` sets the corner radius and padding together.
+ * - `size` sets the corner radius and padding together, at the same value.
  * - Name the card with `Surface.Title`, which renders an `h2`, so headings keep the card navigable.
  * - A pressable surface should hold no other interactive controls, since nested targets conflict.
- * - A direct child `table` or `Rows` bleeds into the padding, so row fills reach the edges.
+ * - A direct child `table` bleeds 12px into the padding at the sides and the bottom, as rows pad
+ *   their cells, so its text stays on the content edge. The surface draws no border around it.
  *
  * @example
  * <Surface>
@@ -45,7 +46,10 @@ export function Surface(props) {
         return _jsx("p", { ...attributes, ...styles.description({ className, style: props.style, vars }) });
     }
     Surface.Description = Description;
-    /** A row above the content holding a `Surface.Title` and, at the end, any actions. */
+    /**
+     * A row above the content holding a `Surface.Title` and, at the end, any actions, with 20px of
+     * space below it.
+     */
     function Header(props) {
         const { className, vars, ...attributes } = props;
         return _jsx("div", { ...attributes, ...styles.header({ className, style: props.style, vars }) });
@@ -57,7 +61,10 @@ export function Surface(props) {
         return _jsx("div", { ...attributes, ...styles.links({ className, style: props.style, vars }) });
     }
     Surface.Links = Links;
-    /** The card heading, rendered as an `h2`. A leading `svg` icon renders at 24px. */
+    /**
+     * The card heading, rendered as an `h2`. A leading `svg` icon renders at 24px. In a surface that
+     * holds a direct child `table`, the title renders at the size of a section heading.
+     */
     function Title(props) {
         const { className, vars, ...attributes } = props;
         return _jsx("h2", { ...attributes, ...styles.title({ className, style: props.style, vars }) });
@@ -69,8 +76,8 @@ var styles;
     styles.description = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA0 z_tds_2f_web-jv6_qA1 z_tds_2f_web-jv6_qA2 z_tds_2f_web-jv6_qA3 z_tds_2f_web-jv6_qA4 z_tds_2f_web-jv6_qA5 z_tds_2f_web-jv6_qA6 z_tds_2f_web-jv6_qA7"+" "+external:"z_tds_2f_web-jv6_qA0 z_tds_2f_web-jv6_qA1 z_tds_2f_web-jv6_qA2 z_tds_2f_web-jv6_qA3 z_tds_2f_web-jv6_qA4 z_tds_2f_web-jv6_qA5 z_tds_2f_web-jv6_qA6 z_tds_2f_web-jv6_qA7",result=inline?{className,style:inline}:{className};let value;return result});
     styles.header = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA8 z_tds_2f_web-jv6_qA9 z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAb z_tds_2f_web-jv6_qAc z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qAe z_tds_2f_web-jv6_qAf z_tds_2f_web-jv6_qAg z_tds_2f_web-jv6_qAh z_tds_2f_web-jv6_qAi"+" "+external:"z_tds_2f_web-jv6_qA8 z_tds_2f_web-jv6_qA9 z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAb z_tds_2f_web-jv6_qAc z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qAe z_tds_2f_web-jv6_qAf z_tds_2f_web-jv6_qAg z_tds_2f_web-jv6_qAh z_tds_2f_web-jv6_qAi",result=inline?{className,style:inline}:{className};let value;return result});
     styles.links = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qAj z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAk z_tds_2f_web-jv6_qAl z_tds_2f_web-jv6_qAm z_tds_2f_web-jv6_qAn z_tds_2f_web-jv6_qAo z_tds_2f_web-jv6_qAp z_tds_2f_web-jv6_qAq z_tds_2f_web-jv6_qAr z_tds_2f_web-jv6_qAs z_tds_2f_web-jv6_qAt z_tds_2f_web-jv6_qAu z_tds_2f_web-jv6_qAv z_tds_2f_web-jv6_qAw z_tds_2f_web-jv6_qAx z_tds_2f_web-jv6_qAy z_tds_2f_web-jv6_qAz z_tds_2f_web-jv6_qA10 z_tds_2f_web-jv6_qA11 z_tds_2f_web-jv6_qA12 z_tds_2f_web-jv6_qA13 z_tds_2f_web-jv6_qA14 z_tds_2f_web-jv6_qA15 z_tds_2f_web-jv6_qA16 z_tds_2f_web-jv6_qA17 z_tds_2f_web-jv6_qA18 z_tds_2f_web-jv6_qA19 z_tds_2f_web-jv6_qA1a z_tds_2f_web-jv6_qA1b"+" "+external:"z_tds_2f_web-jv6_qAj z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAk z_tds_2f_web-jv6_qAl z_tds_2f_web-jv6_qAm z_tds_2f_web-jv6_qAn z_tds_2f_web-jv6_qAo z_tds_2f_web-jv6_qAp z_tds_2f_web-jv6_qAq z_tds_2f_web-jv6_qAr z_tds_2f_web-jv6_qAs z_tds_2f_web-jv6_qAt z_tds_2f_web-jv6_qAu z_tds_2f_web-jv6_qAv z_tds_2f_web-jv6_qAw z_tds_2f_web-jv6_qAx z_tds_2f_web-jv6_qAy z_tds_2f_web-jv6_qAz z_tds_2f_web-jv6_qA10 z_tds_2f_web-jv6_qA11 z_tds_2f_web-jv6_qA12 z_tds_2f_web-jv6_qA13 z_tds_2f_web-jv6_qA14 z_tds_2f_web-jv6_qA15 z_tds_2f_web-jv6_qA16 z_tds_2f_web-jv6_qA17 z_tds_2f_web-jv6_qA18 z_tds_2f_web-jv6_qA19 z_tds_2f_web-jv6_qA1a z_tds_2f_web-jv6_qA1b",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.surface = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA1c z_tds_2f_web-jv6_qA1d z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA1f z_tds_2f_web-jv6_qA1g z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA1i z_tds_2f_web-jv6_qA1j z_tds_2f_web-jv6_qA1k z_tds_2f_web-jv6_qA1l z_tds_2f_web-jv6_qA1m z_tds_2f_web-jv6_qA1n z_tds_2f_web-jv6_qA1o z_tds_2f_web-jv6_qA1p z_tds_2f_web-jv6_qA1q z_tds_2f_web-jv6_qA1r z_tds_2f_web-jv6_qA1s z_tds_2f_web-jv6_qA1t z_tds_2f_web-jv6_qA1u z_tds_2f_web-jv6_qA1v z_tds_2f_web-jv6_qA1w z_tds_2f_web-jv6_qA1x z_tds_2f_web-jv6_qA1y z_tds_2f_web-jv6_qA1z z_tds_2f_web-jv6_qA20 z_tds_2f_web-jv6_qA21 z_tds_2f_web-jv6_qA22 z_tds_2f_web-jv6_qA23 z_tds_2f_web-jv6_qA24 z_tds_2f_web-jv6_qA25 z_tds_2f_web-jv6_qA26 z_tds_2f_web-jv6_qA27 z_tds_2f_web-jv6_qA28 z_tds_2f_web-jv6_qA29 z_tds_2f_web-jv6_qA2a z_tds_2f_web-jv6_qA2b z_tds_2f_web-jv6_qA2c z_tds_2f_web-jv6_qA2d z_tds_2f_web-jv6_qA2e z_tds_2f_web-jv6_qA2f z_tds_2f_web-jv6_qA2g z_tds_2f_web-jv6_qA2h z_tds_2f_web-jv6_qA2i z_tds_2f_web-jv6_qA2j z_tds_2f_web-jv6_qA2k z_tds_2f_web-jv6_qA2l z_tds_2f_web-jv6_qA2m z_tds_2f_web-jv6_qA2n z_tds_2f_web-jv6_qA2o z_tds_2f_web-jv6_qA2p z_tds_2f_web-jv6_qA2q z_tds_2f_web-jv6_qA2r z_tds_2f_web-jv6_qA2s z_tds_2f_web-jv6_qA2t z_tds_2f_web-jv6_qA2u z_tds_2f_web-jv6_qA2v z_tds_2f_web-jv6_qA2w z_tds_2f_web-jv6_qA2x z_tds_2f_web-jv6_qA2y z_tds_2f_web-jv6_qA2z z_tds_2f_web-jv6_qA30 z_tds_2f_web-jv6_qA31 z_tds_2f_web-jv6_qA32 z_tds_2f_web-jv6_qA33 z_tds_2f_web-jv6_qA34 z_tds_2f_web-jv6_qA35 z_tds_2f_web-jv6_qA36 z_tds_2f_web-jv6_qA37 z_tds_2f_web-jv6_qA38 z_tds_2f_web-jv6_qA39 z_tds_2f_web-jv6_qA3a z_tds_2f_web-jv6_qA3b z_tds_2f_web-jv6_qA3c z_tds_2f_web-jv6_qA3d z_tds_2f_web-jv6_qA3e z_tds_2f_web-jv6_qA3f z_tds_2f_web-jv6_qA3g"+" "+external:"z_tds_2f_web-jv6_qA1c z_tds_2f_web-jv6_qA1d z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA1f z_tds_2f_web-jv6_qA1g z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA1i z_tds_2f_web-jv6_qA1j z_tds_2f_web-jv6_qA1k z_tds_2f_web-jv6_qA1l z_tds_2f_web-jv6_qA1m z_tds_2f_web-jv6_qA1n z_tds_2f_web-jv6_qA1o z_tds_2f_web-jv6_qA1p z_tds_2f_web-jv6_qA1q z_tds_2f_web-jv6_qA1r z_tds_2f_web-jv6_qA1s z_tds_2f_web-jv6_qA1t z_tds_2f_web-jv6_qA1u z_tds_2f_web-jv6_qA1v z_tds_2f_web-jv6_qA1w z_tds_2f_web-jv6_qA1x z_tds_2f_web-jv6_qA1y z_tds_2f_web-jv6_qA1z z_tds_2f_web-jv6_qA20 z_tds_2f_web-jv6_qA21 z_tds_2f_web-jv6_qA22 z_tds_2f_web-jv6_qA23 z_tds_2f_web-jv6_qA24 z_tds_2f_web-jv6_qA25 z_tds_2f_web-jv6_qA26 z_tds_2f_web-jv6_qA27 z_tds_2f_web-jv6_qA28 z_tds_2f_web-jv6_qA29 z_tds_2f_web-jv6_qA2a z_tds_2f_web-jv6_qA2b z_tds_2f_web-jv6_qA2c z_tds_2f_web-jv6_qA2d z_tds_2f_web-jv6_qA2e z_tds_2f_web-jv6_qA2f z_tds_2f_web-jv6_qA2g z_tds_2f_web-jv6_qA2h z_tds_2f_web-jv6_qA2i z_tds_2f_web-jv6_qA2j z_tds_2f_web-jv6_qA2k z_tds_2f_web-jv6_qA2l z_tds_2f_web-jv6_qA2m z_tds_2f_web-jv6_qA2n z_tds_2f_web-jv6_qA2o z_tds_2f_web-jv6_qA2p z_tds_2f_web-jv6_qA2q z_tds_2f_web-jv6_qA2r z_tds_2f_web-jv6_qA2s z_tds_2f_web-jv6_qA2t z_tds_2f_web-jv6_qA2u z_tds_2f_web-jv6_qA2v z_tds_2f_web-jv6_qA2w z_tds_2f_web-jv6_qA2x z_tds_2f_web-jv6_qA2y z_tds_2f_web-jv6_qA2z z_tds_2f_web-jv6_qA30 z_tds_2f_web-jv6_qA31 z_tds_2f_web-jv6_qA32 z_tds_2f_web-jv6_qA33 z_tds_2f_web-jv6_qA34 z_tds_2f_web-jv6_qA35 z_tds_2f_web-jv6_qA36 z_tds_2f_web-jv6_qA37 z_tds_2f_web-jv6_qA38 z_tds_2f_web-jv6_qA39 z_tds_2f_web-jv6_qA3a z_tds_2f_web-jv6_qA3b z_tds_2f_web-jv6_qA3c z_tds_2f_web-jv6_qA3d z_tds_2f_web-jv6_qA3e z_tds_2f_web-jv6_qA3f z_tds_2f_web-jv6_qA3g",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="large";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
-    styles.title = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA3h z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA3i z_tds_2f_web-jv6_qA3j z_tds_2f_web-jv6_qA3k z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qA3l z_tds_2f_web-jv6_qA3m z_tds_2f_web-jv6_qA3n z_tds_2f_web-jv6_qA3o z_tds_2f_web-jv6_qA3p z_tds_2f_web-jv6_qA3q z_tds_2f_web-jv6_qA3r"+" "+external:"z_tds_2f_web-jv6_qA3h z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA3i z_tds_2f_web-jv6_qA3j z_tds_2f_web-jv6_qA3k z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qA3l z_tds_2f_web-jv6_qA3m z_tds_2f_web-jv6_qA3n z_tds_2f_web-jv6_qA3o z_tds_2f_web-jv6_qA3p z_tds_2f_web-jv6_qA3q z_tds_2f_web-jv6_qA3r",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.surface = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA1c z_tds_2f_web-jv6_qA1d z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA1f z_tds_2f_web-jv6_qA1g z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA1i z_tds_2f_web-jv6_qA1j z_tds_2f_web-jv6_qA1k z_tds_2f_web-jv6_qA1l z_tds_2f_web-jv6_qA1m z_tds_2f_web-jv6_qA1n z_tds_2f_web-jv6_qA1o z_tds_2f_web-jv6_qA1p z_tds_2f_web-jv6_qA1q z_tds_2f_web-jv6_qA1r z_tds_2f_web-jv6_qA1s z_tds_2f_web-jv6_qA1t z_tds_2f_web-jv6_qA1u z_tds_2f_web-jv6_qA1v z_tds_2f_web-jv6_qA1w z_tds_2f_web-jv6_qA1x z_tds_2f_web-jv6_qA1y z_tds_2f_web-jv6_qA1z z_tds_2f_web-jv6_qA20 z_tds_2f_web-jv6_qA21 z_tds_2f_web-jv6_qA22 z_tds_2f_web-jv6_qA23 z_tds_2f_web-jv6_qA24 z_tds_2f_web-jv6_qA25 z_tds_2f_web-jv6_qA26 z_tds_2f_web-jv6_qA27 z_tds_2f_web-jv6_qA28 z_tds_2f_web-jv6_qA29 z_tds_2f_web-jv6_qA2a z_tds_2f_web-jv6_qA2b z_tds_2f_web-jv6_qA2c z_tds_2f_web-jv6_qA2d z_tds_2f_web-jv6_qA2e z_tds_2f_web-jv6_qA2f z_tds_2f_web-jv6_qA2g z_tds_2f_web-jv6_qA2h z_tds_2f_web-jv6_qA2i z_tds_2f_web-jv6_qA2j z_tds_2f_web-jv6_qA2k z_tds_2f_web-jv6_qA2l z_tds_2f_web-jv6_qA2m z_tds_2f_web-jv6_qA2n z_tds_2f_web-jv6_qA2o z_tds_2f_web-jv6_qA2p z_tds_2f_web-jv6_qA2q z_tds_2f_web-jv6_qA2r z_tds_2f_web-jv6_qA2s z_tds_2f_web-jv6_qA2t z_tds_2f_web-jv6_qA2u z_tds_2f_web-jv6_qA2v"+" "+external:"z_tds_2f_web-jv6_qA1c z_tds_2f_web-jv6_qA1d z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA1f z_tds_2f_web-jv6_qA1g z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA1i z_tds_2f_web-jv6_qA1j z_tds_2f_web-jv6_qA1k z_tds_2f_web-jv6_qA1l z_tds_2f_web-jv6_qA1m z_tds_2f_web-jv6_qA1n z_tds_2f_web-jv6_qA1o z_tds_2f_web-jv6_qA1p z_tds_2f_web-jv6_qA1q z_tds_2f_web-jv6_qA1r z_tds_2f_web-jv6_qA1s z_tds_2f_web-jv6_qA1t z_tds_2f_web-jv6_qA1u z_tds_2f_web-jv6_qA1v z_tds_2f_web-jv6_qA1w z_tds_2f_web-jv6_qA1x z_tds_2f_web-jv6_qA1y z_tds_2f_web-jv6_qA1z z_tds_2f_web-jv6_qA20 z_tds_2f_web-jv6_qA21 z_tds_2f_web-jv6_qA22 z_tds_2f_web-jv6_qA23 z_tds_2f_web-jv6_qA24 z_tds_2f_web-jv6_qA25 z_tds_2f_web-jv6_qA26 z_tds_2f_web-jv6_qA27 z_tds_2f_web-jv6_qA28 z_tds_2f_web-jv6_qA29 z_tds_2f_web-jv6_qA2a z_tds_2f_web-jv6_qA2b z_tds_2f_web-jv6_qA2c z_tds_2f_web-jv6_qA2d z_tds_2f_web-jv6_qA2e z_tds_2f_web-jv6_qA2f z_tds_2f_web-jv6_qA2g z_tds_2f_web-jv6_qA2h z_tds_2f_web-jv6_qA2i z_tds_2f_web-jv6_qA2j z_tds_2f_web-jv6_qA2k z_tds_2f_web-jv6_qA2l z_tds_2f_web-jv6_qA2m z_tds_2f_web-jv6_qA2n z_tds_2f_web-jv6_qA2o z_tds_2f_web-jv6_qA2p z_tds_2f_web-jv6_qA2q z_tds_2f_web-jv6_qA2r z_tds_2f_web-jv6_qA2s z_tds_2f_web-jv6_qA2t z_tds_2f_web-jv6_qA2u z_tds_2f_web-jv6_qA2v",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="large";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    styles.title = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA2w z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA2x z_tds_2f_web-jv6_qA2y z_tds_2f_web-jv6_qA2z z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qA30 z_tds_2f_web-jv6_qA31 z_tds_2f_web-jv6_qA32 z_tds_2f_web-jv6_qA33 z_tds_2f_web-jv6_qA34 z_tds_2f_web-jv6_qA35 z_tds_2f_web-jv6_qA36 z_tds_2f_web-jv6_qA37 z_tds_2f_web-jv6_qA38 z_tds_2f_web-jv6_qA39 z_tds_2f_web-jv6_qA3a z_tds_2f_web-jv6_qA3b"+" "+external:"z_tds_2f_web-jv6_qA2w z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA2x z_tds_2f_web-jv6_qA2y z_tds_2f_web-jv6_qA2z z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qA30 z_tds_2f_web-jv6_qA31 z_tds_2f_web-jv6_qA32 z_tds_2f_web-jv6_qA33 z_tds_2f_web-jv6_qA34 z_tds_2f_web-jv6_qA35 z_tds_2f_web-jv6_qA36 z_tds_2f_web-jv6_qA37 z_tds_2f_web-jv6_qA38 z_tds_2f_web-jv6_qA39 z_tds_2f_web-jv6_qA3a z_tds_2f_web-jv6_qA3b",result=inline?{className,style:inline}:{className};let value;return result});
 })(styles || (styles = {}));
 //# sourceMappingURL=Surface.js.map
 import './Surface.css';

package/dist/web/components/Surface.js.map

@@ -1 +1 @@
-{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../src/web/components/Surface.tsx"],"names":[],"mappings":"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"}