@tempoxyz/ds 0.2.5 → 0.3.0

package/dist/web/components/Tabs.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-bg-0{background-color:var(--z-tds_2f_web-color-background-indicator,light-dark(#fff,#ffffff29))}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-box-shadow-1{box-shadow:var(--z-tds_2f_web-shadow-raised,0 1px 2px #0000000f, 0 1px 1px #0000000a)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-h-2{height:var(--active-tab-height)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-inset-block-start-3{inset-block-start:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-inset-inline-start-4{inset-inline-start:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-pointer-events-5{pointer-events:none}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-position-6{position:absolute}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-translate-7{translate:var(--active-tab-left) var(--active-tab-top)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-duration-8{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-property-9{transition-property:height,translate,width}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-timing-function-10{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-w-11{width:var(--active-tab-width)}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-property-12{transition-property:none}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-bg-0{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-box-sizing-1{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-display-2{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-max-width-3{max-width:100%}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-overflow-x-4{overflow-x:auto}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-p-5{padding:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-position-6{position:relative}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-display-7{&:where([data-expand=true]){display:flex}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-flex-8{&:where([data-expand=true]){&>[role=tab]{flex:1}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-9{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-h-10{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-11{&:where([data-size=large]){&>*{border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-padding-inline-12{&:where([data-size=large]){&>[role=tab]{padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-font-family-13{&:where([data-size=large]){&>[role=tab]{font-family:var(--z-tds_2f_web-typography-button-16-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-tds_2f_web_2f_tabs_2f_list-font-size-14{&:where([data-size=large]){&>[role=tab]{font-size:var(--z-tds_2f_web-typography-button-16-fontSize,16px)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-font-weight-15{&:where([data-size=large]){&>[role=tab]{font-weight:var(--z-tds_2f_web-typography-button-16-fontWeight,500)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-letter-spacing-16{&:where([data-size=large]){&>[role=tab]{letter-spacing:var(--z-tds_2f_web-typography-button-16-letterSpacing,-.18px)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-line-height-17{&:where([data-size=large]){&>[role=tab]{line-height:var(--z-tds_2f_web-typography-button-16-lineHeight,20px)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-18{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-h-19{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-20{&:where([data-size=medium]){&>*{border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-21{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-h-22{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-23{&:where([data-size=small]){&>*{border-radius:var(--z-tds_2f_web-radius-4,.25rem)}}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-margin-block-start-0{margin-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-color-1{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-offset-2{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-style-3{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-width-4{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-duration-5{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-property-6{transition-property:outline-color,outline-offset}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-timing-function-7{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-color-8{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-offset-9{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-property-10{transition-property:outline-color}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-bg-1{background-color:#0000}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-border-2{border:none}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-text-3{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-column-gap-4{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-cursor-5{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-display-6{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-h-7{height:100%}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-justify-content-8{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-padding-inline-9{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-transition-property-10{transition-property:color,outline-color,outline-offset,scale}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-font-family-11{font-family:var(--z-tds_2f_web-typography-button-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-tds_2f_web_2f_tabs_2f_tab-font-size-12{font-size:var(--z-tds_2f_web-typography-button-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-font-weight-13{font-weight:var(--z-tds_2f_web-typography-button-14-fontWeight,500)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-letter-spacing-14{letter-spacing:var(--z-tds_2f_web-typography-button-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-line-height-15{line-height:var(--z-tds_2f_web-typography-button-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-user-select-16{user-select:none}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-white-space-17{white-space:nowrap}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-z-index-18{z-index:1}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-scale-19{&:active:not([data-disabled]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-text-20{&:hover:not([data-disabled]){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-text-21{&[data-active]{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-cursor-22{&[data-disabled]{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-opacity-23{&[data-disabled]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-transition-property-24{transition-property:color,outline-color}.z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-scale-25{&:active:not([data-disabled]){scale:none}}}
+.z_tds_2f_web-Se8MBR0{background-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-Se8MBR1{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-Se8MBR2{corner-shape:round}.z_tds_2f_web-Se8MBR3{height:var(--z-tds_2f_web-spacing-2,.125rem)}.z_tds_2f_web-Se8MBR4{inset-block-start:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-Se8MBR5{inset-inline-start:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-Se8MBR6{pointer-events:none}.z_tds_2f_web-Se8MBR7{position:absolute}.z_tds_2f_web-Se8MBR8{translate:var(--active-tab-left) calc(var(--active-tab-top) + var(--active-tab-height) - var(--z-tds_2f_web-spacing-2,.125rem))}.z_tds_2f_web-Se8MBR9{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z_tds_2f_web-Se8MBRa{transition-property:translate,width}.z_tds_2f_web-Se8MBRb{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-Se8MBRc{width:var(--active-tab-width)}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-Se8MBRd{transition-property:none}}.z_tds_2f_web-Se8MBRe{align-items:center}.z_tds_2f_web-Se8MBRf{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-Se8MBRg{display:inline-flex}.z_tds_2f_web-Se8MBRh{box-sizing:border-box}.z_tds_2f_web-Se8MBRi{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-Se8MBRj{display:inline-flex}.z_tds_2f_web-Se8MBRk{margin:var(--z-tds_2f_web-spacing-_2d_4,-.25rem)}.z_tds_2f_web-Se8MBRl{max-width:calc(100% + var(--z-tds_2f_web-spacing-8,.5rem))}.z_tds_2f_web-Se8MBRm{overflow-x:auto}.z_tds_2f_web-Se8MBRn{padding:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-Se8MBRo{position:relative}.z_tds_2f_web-Se8MBRp{&:where([data-expand=true]){display:flex}}.z_tds_2f_web-Se8MBRq{&:where([data-expand=true]){&>[role=tab]{flex:1}}}.z_tds_2f_web-Se8MBRr{&:where([data-size=large]){&>[role=tab]{height:var(--z-tds_2f_web-spacing-56,3.5rem)}}}.z_tds_2f_web-Se8MBRs{&:where([data-size=large]){&>[role=tab]{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-Se8MBRt{&:where([data-size=large]){&>[role=tab]{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-Se8MBRu{&:where([data-size=large]){&>[role=tab]{font-size:var(--z-tds_2f_web-typography-body-b1-fontSize,16px)}}}.z_tds_2f_web-Se8MBRv{&:where([data-size=large]){&>[role=tab]{font-weight:var(--z-tds_2f_web-typography-body-b1-fontWeight,400)}}}.z_tds_2f_web-Se8MBRw{&:where([data-size=large]){&>[role=tab]{letter-spacing:var(--z-tds_2f_web-typography-body-b1-letterSpacing,.12px)}}}.z_tds_2f_web-Se8MBRx{&:where([data-size=large]){&>[role=tab]{line-height:var(--z-tds_2f_web-typography-body-b1-lineHeight,22px)}}}.z_tds_2f_web-Se8MBRy{&:where([data-size=large]){&>[role=tab] [data-reserve]{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-Se8MBRz{&:where([data-size=large]){&>[role=tab] [data-reserve]{font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}}}.z_tds_2f_web-Se8MBR10{&:where([data-size=large]){&>[role=tab] [data-reserve]{font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}}}.z_tds_2f_web-Se8MBR11{&:where([data-size=large]){&>[role=tab] [data-reserve]{letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}}}.z_tds_2f_web-Se8MBR12{&:where([data-size=large]){&>[role=tab] [data-reserve]{line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}}}.z_tds_2f_web-Se8MBR13{&:where([data-size=large]){&>[role=tab][data-active]{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-Se8MBR14{&:where([data-size=large]){&>[role=tab][data-active]{font-size:var(--z-tds_2f_web-typography-body-b1Strong-fontSize,16px)}}}.z_tds_2f_web-Se8MBR15{&:where([data-size=large]){&>[role=tab][data-active]{font-weight:var(--z-tds_2f_web-typography-body-b1Strong-fontWeight,500)}}}.z_tds_2f_web-Se8MBR16{&:where([data-size=large]){&>[role=tab][data-active]{letter-spacing:var(--z-tds_2f_web-typography-body-b1Strong-letterSpacing,.12px)}}}.z_tds_2f_web-Se8MBR17{&:where([data-size=large]){&>[role=tab][data-active]{line-height:var(--z-tds_2f_web-typography-body-b1Strong-lineHeight,22px)}}}.z_tds_2f_web-Se8MBR18{&:where([data-size=medium]){&>[role=tab]{height:var(--z-tds_2f_web-spacing-40,2.5rem)}}}.z_tds_2f_web-Se8MBR19{&:where([data-size=small]){&>[role=tab]{height:var(--z-tds_2f_web-spacing-32,2rem)}}}.z_tds_2f_web-Se8MBR1a{margin-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-Se8MBR1b{outline-color:#0000}.z_tds_2f_web-Se8MBR1c{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-Se8MBR1d{outline-style:solid}.z_tds_2f_web-Se8MBR1e{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-Se8MBR1f{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-Se8MBR1g{transition-property:outline-color,outline-offset}.z_tds_2f_web-Se8MBR1h{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-Se8MBR1i{&: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-Se8MBR1j{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-Se8MBR1k{transition-property:outline-color}}.z_tds_2f_web-Se8MBR1l{height:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-Se8MBR1m{overflow:hidden}.z_tds_2f_web-Se8MBR1n{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-Se8MBR1o{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-Se8MBR1p{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-Se8MBR1q{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-Se8MBR1r{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-Se8MBR1s{visibility:hidden}.z_tds_2f_web-Se8MBR1t{background-color:#0000}.z_tds_2f_web-Se8MBR1u{border:none}.z_tds_2f_web-Se8MBR1v{border-radius:var(--z-tds_2f_web-radius-2xs,calc(.5rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-Se8MBR1w{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-Se8MBR1x{cursor:pointer}.z_tds_2f_web-Se8MBR1y{display:inline-flex}.z_tds_2f_web-Se8MBR1z{flex-direction:column}.z_tds_2f_web-Se8MBR20{justify-content:center}.z_tds_2f_web-Se8MBR21{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-Se8MBR22{padding-inline:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-Se8MBR23{transition-property:color,outline-color,scale}.z_tds_2f_web-Se8MBR24{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-Se8MBR25{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-Se8MBR26{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-Se8MBR27{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,.14px)}.z_tds_2f_web-Se8MBR28{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-Se8MBR29{user-select:none}.z_tds_2f_web-Se8MBR2a{white-space:nowrap}.z_tds_2f_web-Se8MBR2b{&:active:not([data-disabled]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-Se8MBR2c{&:hover:not([data-disabled]){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-Se8MBR2d{&[data-active]{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-Se8MBR2e{&[data-active]{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-Se8MBR2f{&[data-active]{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}}.z_tds_2f_web-Se8MBR2g{&[data-active]{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}}.z_tds_2f_web-Se8MBR2h{&[data-active]{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}}.z_tds_2f_web-Se8MBR2i{&[data-active]{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}}.z_tds_2f_web-Se8MBR2j{&[data-disabled]{cursor:default}}.z_tds_2f_web-Se8MBR2k{&[data-disabled]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-Se8MBR2l{transition-property:color,outline-color}.z_tds_2f_web-Se8MBR2m{&:active:not([data-disabled]){scale:none}}}

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

@@ -1,8 +1,8 @@
 import * as BaseUi from '@base-ui/react/tabs';
-import type { ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
 /**
- * A segmented `role="tablist"` that switches between `role="tabpanel"` views, built on Base UI
+ * An underlined `role="tablist"` that switches between `role="tabpanel"` views, built on Base UI
  * Tabs. Arrow keys move focus between tabs and wrap at the ends. Enter or Space activates the
  * focused tab unless `activateOnFocus` is set on `List`.
  *
@@ -29,16 +29,17 @@ import type * as zyzz from 'zyzz';
  */
 export declare namespace Tabs {
     /**
-     * The raised pill that slides to the active tab and matches its size. Place it inside `List`
-     * after the tabs. It ignores pointer events.
+     * The 2px bar along the bottom of the active tab, which slides to each tab and matches its
+     * width. Place it inside `List` after the tabs. It ignores pointer events.
      */
     function Indicator(props: Indicator.Props): import("react").JSX.Element;
     namespace Indicator {
         type Props = ComponentPropsWithRef<'span'> & zyzz.Props.Variants<typeof styles.indicator>;
     }
     /**
-     * The `role="tablist"` track. `size` sets its height to 32, 40 or 56px, and `expand` stretches
-     * the tabs to fill the width. The track scrolls horizontally when tabs overflow.
+     * The `role="tablist"` row, with 4px between tabs. `size` sets the height of the tabs to 32, 40
+     * or 56px, and `expand` stretches the tabs to equal widths across the row. The row scrolls
+     * horizontally when tabs overflow.
      */
     function List(props: List.Props): import("react").JSX.Element;
     namespace List {
@@ -67,7 +68,12 @@ export declare namespace Tabs {
             value?: string | null | undefined;
         };
     }
-    /** A `<button>` with `role="tab"` that activates the panel sharing its `value`. */
+    /**
+     * A `<button>` with `role="tab"` that activates the panel sharing its `value`. The active tab
+     * sets its label in the strong weight, and every tab reserves the width of that weight for the
+     * text in its children, so selecting a tab never shifts the row. Text that an element child
+     * renders reserves no width.
+     */
     function Tab(props: Tab.Props): import("react").JSX.Element;
     namespace Tab {
         type Props = Omit<ComponentPropsWithRef<'button'>, 'value'> & zyzz.Props.Variants<typeof styles.tab> & Pick<BaseUi.Tabs.Tab.Props, 'nativeButton' | 'render'> & {
@@ -78,16 +84,17 @@ export declare namespace Tabs {
 declare namespace styles {
     const indicator: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly backgroundColor: "background.indicator";
-            readonly boxShadow: "raised";
-            readonly height: "var(--active-tab-height) !custom";
+            readonly backgroundColor: "content.primary";
+            readonly borderRadius: "full";
+            readonly cornerShape: "round";
+            readonly height: "2";
             readonly insetBlockStart: "0";
             readonly insetInlineStart: "0";
             readonly pointerEvents: "none";
             readonly position: "absolute";
-            readonly translate: "var(--active-tab-left) var(--active-tab-top) !custom";
+            readonly translate: `var(--active-tab-left) calc(var(--active-tab-top) + var(--active-tab-height) - ${string}) !custom`;
             readonly transitionDuration: "240";
-            readonly transitionProperty: "height, translate, width";
+            readonly transitionProperty: "translate, width";
             readonly transitionTimingFunction: "spring";
             readonly width: "var(--active-tab-width) !custom";
             readonly '@media (prefers-reduced-motion: reduce)': {
@@ -95,12 +102,14 @@ declare namespace styles {
             };
         };
     }, "react">;
+    const label: zyzz.style.ReturnType<"react">;
     const list: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly backgroundColor: "grayAlpha.100";
             readonly boxSizing: "border-box";
+            readonly columnGap: "4";
             readonly display: "inline-flex";
-            readonly maxWidth: "100% !custom";
+            readonly margin: "-4";
+            readonly maxWidth: `calc(100% + ${string}) !custom`;
             readonly overflowX: "auto";
             readonly padding: "4";
             readonly position: "relative";
@@ -123,33 +132,31 @@ declare namespace styles {
             };
             readonly size: {
                 readonly large: {
-                    readonly borderRadius: "16";
-                    readonly height: "56";
                     readonly selectors: {
-                        readonly '& > *': {
-                            readonly borderRadius: "12";
-                        };
                         readonly '& > [role="tab"]': {
-                            readonly paddingInline: "24";
-                            readonly typography: "button.16";
+                            readonly height: "56";
+                            readonly paddingInline: "12";
+                            readonly typography: "body.b1";
+                        };
+                        readonly '& > [role="tab"] [data-reserve]': {
+                            readonly typography: "body.b1Strong";
+                        };
+                        readonly '& > [role="tab"][data-active]': {
+                            readonly typography: "body.b1Strong";
                         };
                     };
                 };
                 readonly medium: {
-                    readonly borderRadius: "12";
-                    readonly height: "40";
                     readonly selectors: {
-                        readonly '& > *': {
-                            readonly borderRadius: "8";
+                        readonly '& > [role="tab"]': {
+                            readonly height: "40";
                         };
                     };
                 };
                 readonly small: {
-                    readonly borderRadius: "8";
-                    readonly height: "32";
                     readonly selectors: {
-                        readonly '& > *': {
-                            readonly borderRadius: "4";
+                        readonly '& > [role="tab"]': {
+                            readonly height: "32";
                         };
                     };
                 };
@@ -168,7 +175,7 @@ declare namespace styles {
             readonly transitionTimingFunction: "snappy";
             readonly selectors: {
                 readonly '&:focus-visible': {
-                    readonly outlineColor: "blue.700";
+                    readonly outlineColor: "border.focus";
                     readonly outlineOffset: "2";
                 };
             };
@@ -177,44 +184,43 @@ declare namespace styles {
             };
         };
     }, "react">;
+    const reserve: zyzz.style.ReturnType<"react">;
     const tab: zyzz.variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
             readonly backgroundColor: "transparent !custom";
             readonly border: "none !custom";
+            readonly borderRadius: "2xs";
             readonly boxSizing: "border-box";
-            readonly color: "gray.900";
-            readonly columnGap: "8";
+            readonly color: "content.secondary";
             readonly cursor: "pointer";
             readonly display: "inline-flex";
-            readonly height: "100% !custom";
+            readonly flexDirection: "column";
             readonly justifyContent: "center";
             readonly outlineColor: "transparent !custom";
             readonly outlineOffset: "0";
             readonly outlineStyle: "solid !custom";
             readonly outlineWidth: "2";
-            readonly paddingInline: "16";
-            readonly position: "relative";
+            readonly paddingInline: "8";
             readonly transitionDuration: "160";
-            readonly transitionProperty: "color, outline-color, outline-offset, scale";
+            readonly transitionProperty: "color, outline-color, scale";
             readonly transitionTimingFunction: "snappy";
-            readonly typography: "button.14";
+            readonly typography: "body.b2";
             readonly userSelect: "none";
             readonly whiteSpace: "nowrap";
-            readonly zIndex: "1 !custom";
             readonly selectors: {
                 readonly '&:active:not([data-disabled])': {
                     readonly scale: "press";
                 };
                 readonly '&:focus-visible': {
-                    readonly outlineColor: "blue.700";
-                    readonly outlineOffset: "2";
+                    readonly outlineColor: "border.focus";
                 };
                 readonly '&:hover:not([data-disabled])': {
-                    readonly color: "foreground";
+                    readonly color: "content.primary";
                 };
                 readonly '&[data-active]': {
-                    readonly color: "foreground";
+                    readonly color: "content.primary";
+                    readonly typography: "body.b2Strong";
                 };
                 readonly '&[data-disabled]': {
                     readonly cursor: "default";
@@ -231,6 +237,7 @@ declare namespace styles {
             };
         };
     }, "react">;
+    const text: zyzz.style.ReturnType<"react">;
 }
 export {};
 //# sourceMappingURL=Tabs.d.ts.map

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

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

package/dist/web/components/Tabs.js

@@ -1,10 +1,11 @@
 
-import { Recipe as __zyzzRecipe } from 'zyzz/runtime';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { Props as __zyzzProps } from 'zyzz/runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as BaseUi from '@base-ui/react/tabs';
-import { variants } from '../zyzz.config.js';
+import { Children } from 'react';
+import { style, variants, vars } from '../zyzz.config.js';
 /**
- * A segmented `role="tablist"` that switches between `role="tabpanel"` views, built on Base UI
+ * An underlined `role="tablist"` that switches between `role="tabpanel"` views, built on Base UI
  * Tabs. Arrow keys move focus between tabs and wrap at the ends. Enter or Space activates the
  * focused tab unless `activateOnFocus` is set on `List`.
  *
@@ -32,8 +33,8 @@ import { variants } from '../zyzz.config.js';
 export var Tabs;
 (function (Tabs) {
     /**
-     * The raised pill that slides to the active tab and matches its size. Place it inside `List`
-     * after the tabs. It ignores pointer events.
+     * The 2px bar along the bottom of the active tab, which slides to each tab and matches its
+     * width. Place it inside `List` after the tabs. It ignores pointer events.
      */
     function Indicator(props) {
         const { className, vars, ...attributes } = props;
@@ -41,8 +42,9 @@ export var Tabs;
     }
     Tabs.Indicator = Indicator;
     /**
-     * The `role="tablist"` track. `size` sets its height to 32, 40 or 56px, and `expand` stretches
-     * the tabs to fill the width. The track scrolls horizontally when tabs overflow.
+     * The `role="tablist"` row, with 4px between tabs. `size` sets the height of the tabs to 32, 40
+     * or 56px, and `expand` stretches the tabs to equal widths across the row. The row scrolls
+     * horizontally when tabs overflow.
      */
     function List(props) {
         const { className, expand, size, vars, ...attributes } = props;
@@ -67,19 +69,46 @@ export var Tabs;
         return _jsx(BaseUi.Tabs.Root, { ...props });
     }
     Tabs.Root = Root;
-    /** A `<button>` with `role="tab"` that activates the panel sharing its `value`. */
+    /**
+     * A `<button>` with `role="tab"` that activates the panel sharing its `value`. The active tab
+     * sets its label in the strong weight, and every tab reserves the width of that weight for the
+     * text in its children, so selecting a tab never shifts the row. Text that an element child
+     * renders reserves no width.
+     */
     function Tab(props) {
-        const { className, vars, ...attributes } = props;
-        return (_jsx(BaseUi.Tabs.Tab, { ...attributes, ...styles.tab({ className, style: props.style, vars }) }));
+        const { children, className, vars, ...attributes } = props;
+        return (_jsx(BaseUi.Tabs.Tab, { ...attributes, ...styles.tab({ className, style: props.style, vars }), children: _jsx("span", { ...styles.label(), children: runs(children) }) }));
     }
     Tabs.Tab = Tab;
 })(Tabs || (Tabs = {}));
+/**
+ * Pairs each run of text in `children` with a hidden copy that reserves the width of the strong
+ * weight. Elements render once, so text inside an element reserves no width.
+ */
+function runs(children) {
+    return Children.toArray(children)
+        .reduce((nodes, child) => {
+        const last = nodes.at(-1);
+        const text = typeof child === 'number' ? String(child) : child;
+        // Adjacent text, such as `Activity {count}`, renders as one flex item, so it stays one run.
+        if (typeof text === 'string' && typeof last === 'string')
+            return [...nodes.slice(0, -1), last + text];
+        return [...nodes, text];
+    }, [])
+        .map((node, index) => typeof node === 'string' ? (_jsxs("span", { ...styles.text(), children: [node, _jsx("span", { "aria-hidden": "true", "data-reserve": "", ...styles.reserve(), children: node })] }, index)) : (node));
+}
 var styles;
 (function (styles) {
-    styles.indicator = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-bg-0 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-box-shadow-1 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-h-2 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-inset-block-start-3 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-inset-inline-start-4 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-pointer-events-5 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-position-6 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-translate-7 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-duration-8 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-property-9 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-timing-function-10 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-w-11 z-tds_2f_web-tds_2f_web_2f_tabs_2f_indicator-transition-property-12"});
-    styles.list = __zyzzRecipe.create({"axes":{"expand":["false","true"],"size":["large","medium","small"]},"defaults":{"expand":"false","size":"medium"},"className":"z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-bg-0 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-box-sizing-1 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-display-2 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-max-width-3 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-overflow-x-4 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-p-5 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-position-6 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-display-7 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-flex-8 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-9 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-h-10 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-11 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-padding-inline-12 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-font-family-13 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-font-size-14 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-font-weight-15 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-letter-spacing-16 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-line-height-17 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-18 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-h-19 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-20 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-21 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-h-22 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-border-radius-23"});
-    styles.panel = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-margin-block-start-0 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-color-1 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-offset-2 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-style-3 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-width-4 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-duration-5 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-property-6 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-timing-function-7 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-color-8 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-offset-9 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-property-10"});
-    styles.tab = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-align-items-0 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-bg-1 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-border-2 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-box-sizing-1 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-text-3 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-column-gap-4 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-cursor-5 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-display-6 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-h-7 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-justify-content-8 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-color-1 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-color-8 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-offset-2 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-offset-9 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-style-3 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-outline-width-4 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-padding-inline-9 z-tds_2f_web-tds_2f_web_2f_tabs_2f_list-position-6 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-duration-5 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-transition-property-10 z-tds_2f_web-tds_2f_web_2f_tabs_2f_panel-transition-timing-function-7 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-font-family-11 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-font-size-12 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-font-weight-13 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-letter-spacing-14 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-line-height-15 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-user-select-16 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-white-space-17 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-z-index-18 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-scale-19 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-text-20 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-text-21 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-cursor-22 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-opacity-23 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-transition-property-24 z-tds_2f_web-tds_2f_web_2f_tabs_2f_tab-scale-25"});
+    styles.indicator = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-Se8MBR0 z_tds_2f_web-Se8MBR1 z_tds_2f_web-Se8MBR2 z_tds_2f_web-Se8MBR3 z_tds_2f_web-Se8MBR4 z_tds_2f_web-Se8MBR5 z_tds_2f_web-Se8MBR6 z_tds_2f_web-Se8MBR7 z_tds_2f_web-Se8MBR8 z_tds_2f_web-Se8MBR9 z_tds_2f_web-Se8MBRa z_tds_2f_web-Se8MBRb z_tds_2f_web-Se8MBRc z_tds_2f_web-Se8MBRd"+" "+external:"z_tds_2f_web-Se8MBR0 z_tds_2f_web-Se8MBR1 z_tds_2f_web-Se8MBR2 z_tds_2f_web-Se8MBR3 z_tds_2f_web-Se8MBR4 z_tds_2f_web-Se8MBR5 z_tds_2f_web-Se8MBR6 z_tds_2f_web-Se8MBR7 z_tds_2f_web-Se8MBR8 z_tds_2f_web-Se8MBR9 z_tds_2f_web-Se8MBRa z_tds_2f_web-Se8MBRb z_tds_2f_web-Se8MBRc z_tds_2f_web-Se8MBRd",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.label = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-Se8MBRe z_tds_2f_web-Se8MBRf z_tds_2f_web-Se8MBRg"});
+    styles.list = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-Se8MBRh z_tds_2f_web-Se8MBRi z_tds_2f_web-Se8MBRj z_tds_2f_web-Se8MBRk z_tds_2f_web-Se8MBRl z_tds_2f_web-Se8MBRm z_tds_2f_web-Se8MBRn z_tds_2f_web-Se8MBRo z_tds_2f_web-Se8MBRp z_tds_2f_web-Se8MBRq z_tds_2f_web-Se8MBRr z_tds_2f_web-Se8MBRs z_tds_2f_web-Se8MBRt z_tds_2f_web-Se8MBRu z_tds_2f_web-Se8MBRv z_tds_2f_web-Se8MBRw z_tds_2f_web-Se8MBRx z_tds_2f_web-Se8MBRy z_tds_2f_web-Se8MBRz z_tds_2f_web-Se8MBR10 z_tds_2f_web-Se8MBR11 z_tds_2f_web-Se8MBR12 z_tds_2f_web-Se8MBR13 z_tds_2f_web-Se8MBR14 z_tds_2f_web-Se8MBR15 z_tds_2f_web-Se8MBR16 z_tds_2f_web-Se8MBR17 z_tds_2f_web-Se8MBR18 z_tds_2f_web-Se8MBR19"+" "+external:"z_tds_2f_web-Se8MBRh z_tds_2f_web-Se8MBRi z_tds_2f_web-Se8MBRj z_tds_2f_web-Se8MBRk z_tds_2f_web-Se8MBRl z_tds_2f_web-Se8MBRm z_tds_2f_web-Se8MBRn z_tds_2f_web-Se8MBRo z_tds_2f_web-Se8MBRp z_tds_2f_web-Se8MBRq z_tds_2f_web-Se8MBRr z_tds_2f_web-Se8MBRs z_tds_2f_web-Se8MBRt z_tds_2f_web-Se8MBRu z_tds_2f_web-Se8MBRv z_tds_2f_web-Se8MBRw z_tds_2f_web-Se8MBRx z_tds_2f_web-Se8MBRy z_tds_2f_web-Se8MBRz z_tds_2f_web-Se8MBR10 z_tds_2f_web-Se8MBR11 z_tds_2f_web-Se8MBR12 z_tds_2f_web-Se8MBR13 z_tds_2f_web-Se8MBR14 z_tds_2f_web-Se8MBR15 z_tds_2f_web-Se8MBR16 z_tds_2f_web-Se8MBR17 z_tds_2f_web-Se8MBR18 z_tds_2f_web-Se8MBR19",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"expand")?input["expand"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-expand"]=String(value);value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="medium";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    styles.panel = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-Se8MBR1a z_tds_2f_web-Se8MBR1b z_tds_2f_web-Se8MBR1c z_tds_2f_web-Se8MBR1d z_tds_2f_web-Se8MBR1e z_tds_2f_web-Se8MBR1f z_tds_2f_web-Se8MBR1g z_tds_2f_web-Se8MBR1h z_tds_2f_web-Se8MBR1i z_tds_2f_web-Se8MBR1j z_tds_2f_web-Se8MBR1k"+" "+external:"z_tds_2f_web-Se8MBR1a z_tds_2f_web-Se8MBR1b z_tds_2f_web-Se8MBR1c z_tds_2f_web-Se8MBR1d z_tds_2f_web-Se8MBR1e z_tds_2f_web-Se8MBR1f z_tds_2f_web-Se8MBR1g z_tds_2f_web-Se8MBR1h z_tds_2f_web-Se8MBR1i z_tds_2f_web-Se8MBR1j z_tds_2f_web-Se8MBR1k",result=inline?{className,style:inline}:{className};let value;return result});
+    // The hidden copy of a run of label text holds the strong weight, so the tab keeps the width
+    // that the active label takes.
+    styles.reserve = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-Se8MBR1l z_tds_2f_web-Se8MBR1m z_tds_2f_web-Se8MBR1n z_tds_2f_web-Se8MBR1o z_tds_2f_web-Se8MBR1p z_tds_2f_web-Se8MBR1q z_tds_2f_web-Se8MBR1r z_tds_2f_web-Se8MBR1s"});
+    styles.tab = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-Se8MBRe z_tds_2f_web-Se8MBR1t z_tds_2f_web-Se8MBR1u z_tds_2f_web-Se8MBR1v z_tds_2f_web-Se8MBRh z_tds_2f_web-Se8MBR1w z_tds_2f_web-Se8MBR1x z_tds_2f_web-Se8MBR1y z_tds_2f_web-Se8MBR1z z_tds_2f_web-Se8MBR20 z_tds_2f_web-Se8MBR1b z_tds_2f_web-Se8MBR1i z_tds_2f_web-Se8MBR21 z_tds_2f_web-Se8MBR1d z_tds_2f_web-Se8MBR1e z_tds_2f_web-Se8MBR22 z_tds_2f_web-Se8MBR1f z_tds_2f_web-Se8MBR23 z_tds_2f_web-Se8MBR1h z_tds_2f_web-Se8MBR24 z_tds_2f_web-Se8MBR25 z_tds_2f_web-Se8MBR26 z_tds_2f_web-Se8MBR27 z_tds_2f_web-Se8MBR28 z_tds_2f_web-Se8MBR29 z_tds_2f_web-Se8MBR2a z_tds_2f_web-Se8MBR2b z_tds_2f_web-Se8MBR2c z_tds_2f_web-Se8MBR2d z_tds_2f_web-Se8MBR2e z_tds_2f_web-Se8MBR2f z_tds_2f_web-Se8MBR2g z_tds_2f_web-Se8MBR2h z_tds_2f_web-Se8MBR2i z_tds_2f_web-Se8MBR2j z_tds_2f_web-Se8MBR2k z_tds_2f_web-Se8MBR2l z_tds_2f_web-Se8MBR2m"+" "+external:"z_tds_2f_web-Se8MBRe z_tds_2f_web-Se8MBR1t z_tds_2f_web-Se8MBR1u z_tds_2f_web-Se8MBR1v z_tds_2f_web-Se8MBRh z_tds_2f_web-Se8MBR1w z_tds_2f_web-Se8MBR1x z_tds_2f_web-Se8MBR1y z_tds_2f_web-Se8MBR1z z_tds_2f_web-Se8MBR20 z_tds_2f_web-Se8MBR1b z_tds_2f_web-Se8MBR1i z_tds_2f_web-Se8MBR21 z_tds_2f_web-Se8MBR1d z_tds_2f_web-Se8MBR1e z_tds_2f_web-Se8MBR22 z_tds_2f_web-Se8MBR1f z_tds_2f_web-Se8MBR23 z_tds_2f_web-Se8MBR1h z_tds_2f_web-Se8MBR24 z_tds_2f_web-Se8MBR25 z_tds_2f_web-Se8MBR26 z_tds_2f_web-Se8MBR27 z_tds_2f_web-Se8MBR28 z_tds_2f_web-Se8MBR29 z_tds_2f_web-Se8MBR2a z_tds_2f_web-Se8MBR2b z_tds_2f_web-Se8MBR2c z_tds_2f_web-Se8MBR2d z_tds_2f_web-Se8MBR2e z_tds_2f_web-Se8MBR2f z_tds_2f_web-Se8MBR2g z_tds_2f_web-Se8MBR2h z_tds_2f_web-Se8MBR2i z_tds_2f_web-Se8MBR2j z_tds_2f_web-Se8MBR2k z_tds_2f_web-Se8MBR2l z_tds_2f_web-Se8MBR2m",result=inline?{className,style:inline}:{className};let value;return result});
+    // Stacks a run of label text over its reserve, so the run takes the wider of the two widths.
+    styles.text = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-Se8MBRe z_tds_2f_web-Se8MBR1y z_tds_2f_web-Se8MBR1z"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Tabs.js.map
 import './Tabs.css';

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/web/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAA;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,KAAW,IAAI,CAgGpB;AAhGD,WAAiB,IAAI;IACnB;;;OAGG;IACH,SAAgB,SAAS,CAAC,KAAsB;QAC9C,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,CAAC,SAAS,OAChB,UAAU,KACV,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAC7D,CACH,CAAA;IACH,CAAC;IATe,KAAA,SAAS,YASxB,CAAA;IAMD;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAiB;QACpC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAE9D,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,CAAC,IAAI,OACX,UAAU,KACV,MAAM,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GACtE,CACH,CAAA;IACH,CAAC;IATe,KAAA,IAAI,OASnB,CAAA;IAQD;;;OAGG;IACH,SAAgB,KAAK,CAAC,KAAkB;QACtC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,CAAC,KAAK,OACZ,UAAU,KACV,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GACzD,CACH,CAAA;IACH,CAAC;IATe,KAAA,KAAK,QASpB,CAAA;IAQD;;;;OAIG;IACH,SAAgB,IAAI,CAAC,KAAiB;QACpC,OAAO,KAAC,MAAM,CAAC,IAAI,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;IACxC,CAAC;IAFe,KAAA,IAAI,OAEnB,CAAA;IAaD,mFAAmF;IACnF,SAAgB,GAAG,CAAC,KAAgB;QAClC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;QAEhD,OAAO,CACL,KAAC,MAAM,CAAC,IAAI,CAAC,GAAG,OAAK,UAAU,KAAM,MAAM,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAAI,CAC7F,CAAA;IACH,CAAC;IANe,KAAA,GAAG,MAMlB,CAAA;AAOH,CAAC,EAhGgB,IAAI,KAAJ,IAAI,QAgGpB;AAED,IAAU,MAAM,CAuIf;AAvID,WAAU,MAAM;IACD,gBAAS,GAAG,QAAQ,CAC/B;QACE,IAAI,EAAE;YACJ,eAAe,EAAE,sBAAsB;YACvC,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,kCAAkC;YAC1C,eAAe,EAAE,GAAG;YACpB,gBAAgB,EAAE,GAAG;YACrB,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,sDAAsD;YACjE,+FAA+F;YAC/F,kBAAkB,EAAE,KAAK;YACzB,kBAAkB,EAAE,0BAA0B;YAC9C,wBAAwB,EAAE,QAAQ;YAClC,KAAK,EAAE,iCAAiC;YACxC,yCAAyC,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE;SAC1E;KACF,EACD,EAAE,EAAE,EAAE,wBAAwB,EAAE,CACjC,CAAA;IAEY,WAAI,GAAG,QAAQ,CAC1B;QACE,IAAI,EAAE;YACJ,eAAe,EAAE,eAAe;YAChC,SAAS,EAAE,YAAY;YACvB,OAAO,EAAE,aAAa;YACtB,QAAQ,EAAE,cAAc;YACxB,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,UAAU;SACrB;QACD,eAAe,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE;QAClD,QAAQ,EAAE;YACR,MAAM,EAAE;gBACN,KAAK,EAAE,EAAE;gBACT,IAAI,EAAE;oBACJ,OAAO,EAAE,MAAM;oBACf,SAAS,EAAE,EAAE,kBAAkB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE;iBACzD;aACF;YACD,yFAAyF;YACzF,mCAAmC;YACnC,IAAI,EAAE;gBACJ,KAAK,EAAE;oBACL,YAAY,EAAE,IAAI;oBAClB,MAAM,EAAE,IAAI;oBACZ,SAAS,EAAE;wBACT,OAAO,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE;wBAC/B,kBAAkB,EAAE;4BAClB,aAAa,EAAE,IAAI;4BACnB,UAAU,EAAE,WAAW;yBACxB;qBACF;iBACF;gBACD,MAAM,EAAE;oBACN,YAAY,EAAE,IAAI;oBAClB,MAAM,EAAE,IAAI;oBACZ,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE;iBAC9C;gBACD,KAAK,EAAE;oBACL,YAAY,EAAE,GAAG;oBACjB,MAAM,EAAE,IAAI;oBACZ,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE;iBAC9C;aACF;SACF;KACF,EACD,EAAE,EAAE,EAAE,mBAAmB,EAAE,CAC5B,CAAA;IAEY,YAAK,GAAG,QAAQ,CAC3B;QACE,IAAI,EAAE;YACJ,gBAAgB,EAAE,IAAI;YACtB,YAAY,EAAE,qBAAqB;YACnC,aAAa,EAAE,GAAG;YAClB,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,GAAG;YACjB,kBAAkB,EAAE,KAAK;YACzB,kBAAkB,EAAE,+BAA+B;YACnD,wBAAwB,EAAE,QAAQ;YAClC,SAAS,EAAE;gBACT,iBAAiB,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,EAAE;aACpE;YACD,yCAAyC,EAAE,EAAE,kBAAkB,EAAE,eAAe,EAAE;SACnF;KACF,EACD,EAAE,EAAE,EAAE,oBAAoB,EAAE,CAC7B,CAAA;IAEY,UAAG,GAAG,QAAQ,CACzB;QACE,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,qBAAqB;YACtC,MAAM,EAAE,cAAc;YACtB,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,aAAa;YACtB,MAAM,EAAE,cAAc;YACtB,cAAc,EAAE,QAAQ;YACxB,YAAY,EAAE,qBAAqB;YACnC,aAAa,EAAE,GAAG;YAClB,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,GAAG;YACjB,aAAa,EAAE,IAAI;YACnB,QAAQ,EAAE,UAAU;YACpB,kBAAkB,EAAE,KAAK;YACzB,kBAAkB,EAAE,6CAA6C;YACjE,wBAAwB,EAAE,QAAQ;YAClC,+DAA+D;YAC/D,UAAU,EAAE,WAAW;YACvB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,WAAW;YACnB,SAAS,EAAE;gBACT,+BAA+B,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;gBACnD,iBAAiB,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,EAAE;gBACnE,8BAA8B,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;gBACvD,gBAAgB,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;gBACzC,kBAAkB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE;aAC/D;YACD,yCAAyC,EAAE;gBACzC,kBAAkB,EAAE,sBAAsB;gBAC1C,SAAS,EAAE,EAAE,+BAA+B,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;aAC1E;SACF;KACF,EACD,EAAE,EAAE,EAAE,kBAAkB,EAAE,CAC3B,CAAA;AACH,CAAC,EAvIS,MAAM,KAAN,MAAM,QAuIf"}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/web/components/Tabs.tsx"],"names":[],"mappings":"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"}