@tempoxyz/ds 0.2.6 → 0.3.1

package/dist/web/components/Button.css

@@ -1 +1 @@
-.z_tds_2f_web-SIsIj70{align-items:center}.z_tds_2f_web-SIsIj71{border:none}.z_tds_2f_web-SIsIj72{box-sizing:border-box}.z_tds_2f_web-SIsIj73{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-SIsIj74{cursor:pointer}.z_tds_2f_web-SIsIj75{display:inline-flex}.z_tds_2f_web-SIsIj76{justify-content:center}.z_tds_2f_web-SIsIj77{outline-color:#0000}.z_tds_2f_web-SIsIj78{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z_tds_2f_web-SIsIj79{outline-style:solid}.z_tds_2f_web-SIsIj7a{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-SIsIj7b{position:relative}.z_tds_2f_web-SIsIj7c{text-decoration:none}.z_tds_2f_web-SIsIj7d{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj7e{transition-property:background-color,box-shadow,color,opacity,outline-color,scale}.z_tds_2f_web-SIsIj7f{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-SIsIj7g{user-select:none}.z_tds_2f_web-SIsIj7h{white-space:nowrap}.z_tds_2f_web-SIsIj7i{&:active:not(:disabled){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-SIsIj7j{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-SIsIj7k{&:disabled{cursor:default}}.z_tds_2f_web-SIsIj7l{&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-SIsIj7m{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-SIsIj7n{&[data-loading]{opacity:1}}@media (forced-colors:active){.z_tds_2f_web-SIsIj7o{outline-style:none}.z_tds_2f_web-SIsIj7p{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-SIsIj7q{transition-property:background-color,color,opacity,outline-color}.z_tds_2f_web-SIsIj7r{&:active:not(:disabled){scale:none}}}.z_tds_2f_web-SIsIj7s{&:where([data-shape=icon]){aspect-ratio:1}}.z_tds_2f_web-SIsIj7t{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-SIsIj7u{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-SIsIj7v{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj7w{&:where([data-size=large]){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-SIsIj7x{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-button-16-fontSize,16px)}}.z_tds_2f_web-SIsIj7y{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-button-16-fontWeight,500)}}.z_tds_2f_web-SIsIj7z{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-button-16-letterSpacing,-.18px)}}.z_tds_2f_web-SIsIj710{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-button-16-lineHeight,20px)}}.z_tds_2f_web-SIsIj711{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-SIsIj712{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-SIsIj713{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-SIsIj714{&:where([data-size=medium]){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-SIsIj715{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-button-14-fontSize,14px)}}.z_tds_2f_web-SIsIj716{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-button-14-fontWeight,500)}}.z_tds_2f_web-SIsIj717{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-button-14-letterSpacing,-.09px)}}.z_tds_2f_web-SIsIj718{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-button-14-lineHeight,20px)}}.z_tds_2f_web-SIsIj719{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-SIsIj71a{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj71b{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-SIsIj71c{&:where([data-size=small]){font-family:var(--z-tds_2f_web-typography-button-12-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-SIsIj71d{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-button-12-fontSize,12px)}}.z_tds_2f_web-SIsIj71e{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-button-12-fontWeight,500)}}.z_tds_2f_web-SIsIj71f{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-button-12-letterSpacing,.01px)}}.z_tds_2f_web-SIsIj71g{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-button-12-lineHeight,16px)}}.z_tds_2f_web-SIsIj71h{&:where([data-variant=negative]){background-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z_tds_2f_web-SIsIj71i{&:where([data-variant=negative]){color:var(--z-tds_2f_web-color-white,#fff)}}.z_tds_2f_web-SIsIj71j{&:where([data-variant=negative]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-red-900,light-dark(#cf2203,#f55c45))}}}.z_tds_2f_web-SIsIj71k{&:where([data-variant=primary]){background-color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z_tds_2f_web-SIsIj71l{&:where([data-variant=primary]){background-image:linear-gradient(#ffffff14,#fff0)}}.z_tds_2f_web-SIsIj71m{&:where([data-variant=primary]){box-shadow:var(--z-tds_2f_web-shadow-raised,0 1px 2px #0000000f, 0 1px 1px #0000000a)}}.z_tds_2f_web-SIsIj71n{&:where([data-variant=primary]){color:var(--z-tds_2f_web-color-background-primary,light-dark(#f5f5f5,#100f0f))}}.z_tds_2f_web-SIsIj71o{&:where([data-variant=primary]){&:hover:not(:disabled){opacity:var(--z-tds_2f_web-opacity-hover,.86)}}}.z_tds_2f_web-SIsIj71p{&:where([data-variant=secondary]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z_tds_2f_web-SIsIj71q{&:where([data-variant=secondary]){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z_tds_2f_web-SIsIj71r{&:where([data-variant=secondary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}}.z_tds_2f_web-SIsIj71s{&:where([data-variant=secondary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}}.z_tds_2f_web-SIsIj71t{&:where([data-variant=text]){background-color:#0000}}.z_tds_2f_web-SIsIj71u{&:where([data-variant=text]){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z_tds_2f_web-SIsIj71v{&:where([data-variant=text]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}}.z_tds_2f_web-SIsIj71w{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z_tds_2f_web-SIsIj71x{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj71y{align-items:inherit}.z_tds_2f_web-SIsIj71z{column-gap:inherit}.z_tds_2f_web-SIsIj720{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj721{transition-property:opacity,visibility}.z_tds_2f_web-SIsIj722{&:where([data-loading=true]){opacity:0}}.z_tds_2f_web-SIsIj723{&:where([data-loading=true]){visibility:hidden}}.z_tds_2f_web-SIsIj724{inset-block-start:50%}.z_tds_2f_web-SIsIj725{inset-inline-start:50%}.z_tds_2f_web-SIsIj726{position:absolute}.z_tds_2f_web-SIsIj727{translate:-50% -50%}
+.z_tds_2f_web-SIsIj70{align-items:center}.z_tds_2f_web-SIsIj71{border:none}.z_tds_2f_web-SIsIj72{border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}.z_tds_2f_web-SIsIj73{box-sizing:border-box}.z_tds_2f_web-SIsIj74{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-SIsIj75{cursor:pointer}.z_tds_2f_web-SIsIj76{display:inline-flex}.z_tds_2f_web-SIsIj77{justify-content:center}.z_tds_2f_web-SIsIj78{outline-color:#0000}.z_tds_2f_web-SIsIj79{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-SIsIj7a{outline-style:solid}.z_tds_2f_web-SIsIj7b{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-SIsIj7c{position:relative}.z_tds_2f_web-SIsIj7d{text-decoration:none}.z_tds_2f_web-SIsIj7e{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj7f{transition-property:background-color,color,opacity,outline-color,scale}.z_tds_2f_web-SIsIj7g{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-SIsIj7h{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-SIsIj7i{font-size:var(--z-tds_2f_web-typography-body-b2Strong-fontSize,14px)}.z_tds_2f_web-SIsIj7j{font-weight:var(--z-tds_2f_web-typography-body-b2Strong-fontWeight,500)}.z_tds_2f_web-SIsIj7k{letter-spacing:var(--z-tds_2f_web-typography-body-b2Strong-letterSpacing,.14px)}.z_tds_2f_web-SIsIj7l{line-height:var(--z-tds_2f_web-typography-body-b2Strong-lineHeight,20px)}.z_tds_2f_web-SIsIj7m{user-select:none}.z_tds_2f_web-SIsIj7n{white-space:nowrap}.z_tds_2f_web-SIsIj7o{&>span>svg{flex-shrink:0}}.z_tds_2f_web-SIsIj7p{&>span>svg{font-size:var(--z-tds_2f_web-fontSize-16,1rem)}}.z_tds_2f_web-SIsIj7q{&:active:not(:disabled){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-SIsIj7r{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-SIsIj7s{&:disabled{cursor:default}}.z_tds_2f_web-SIsIj7t{&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-SIsIj7u{&:focus-visible{outline-color:var(--z-tds_2f_web-color-action-focusRing,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-SIsIj7v{&[data-loading]{opacity:1}}@media (forced-colors:active){.z_tds_2f_web-SIsIj7w{outline-style:none}.z_tds_2f_web-SIsIj7x{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-SIsIj7y{transition-property:background-color,color,opacity,outline-color}.z_tds_2f_web-SIsIj7z{&:active:not(:disabled){scale:none}}}.z_tds_2f_web-SIsIj710{&:where([data-shape=icon]){aspect-ratio:1}}.z_tds_2f_web-SIsIj711{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-48,3rem)}}.z_tds_2f_web-SIsIj712{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj713{&:where([data-size=large]){&>span:first-child{min-width:1rem}}}.z_tds_2f_web-SIsIj714{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-SIsIj715{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-SIsIj716{&:where([data-size=medium]){&>span:first-child{min-width:2rem}}}.z_tds_2f_web-SIsIj717{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-SIsIj718{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-SIsIj719{&:where([data-size=small]){&>span:first-child{min-width:3rem}}}.z_tds_2f_web-SIsIj71a{&:where([data-size=xsmall]){border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}}.z_tds_2f_web-SIsIj71b{&:where([data-size=xsmall]){corner-shape:round}}.z_tds_2f_web-SIsIj71c{&:where([data-size=xsmall]){height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-SIsIj71d{&:where([data-size=xsmall]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-SIsIj71e{&:where([data-size=xsmall]){font-family:var(--z-tds_2f_web-typography-body-b3Strong-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-SIsIj71f{&:where([data-size=xsmall]){font-size:var(--z-tds_2f_web-typography-body-b3Strong-fontSize,12px)}}.z_tds_2f_web-SIsIj71g{&:where([data-size=xsmall]){font-weight:var(--z-tds_2f_web-typography-body-b3Strong-fontWeight,500)}}.z_tds_2f_web-SIsIj71h{&:where([data-size=xsmall]){letter-spacing:var(--z-tds_2f_web-typography-body-b3Strong-letterSpacing,.15px)}}.z_tds_2f_web-SIsIj71i{&:where([data-size=xsmall]){line-height:var(--z-tds_2f_web-typography-body-b3Strong-lineHeight,16px)}}.z_tds_2f_web-SIsIj71j{&:where([data-size=xsmall]){&>span>svg{font-size:var(--z-tds_2f_web-fontSize-12,.75rem)}}}.z_tds_2f_web-SIsIj71k{&:where([data-variant=danger]){background-color:var(--z-tds_2f_web-color-action-danger-fill-rest,#eb3417)}}.z_tds_2f_web-SIsIj71l{&:where([data-variant=danger]){color:var(--z-tds_2f_web-color-action-danger-label-rest,var(--z-tds_2f_web-color-neutral-000,#fff))}}.z_tds_2f_web-SIsIj71m{&:where([data-variant=danger]){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-action-danger-fill-hover,#eb3417)}}}.z_tds_2f_web-SIsIj71n{&:where([data-variant=primary]){background-color:var(--z-tds_2f_web-color-inverse-background-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-004,#f5f5f5)))}}.z_tds_2f_web-SIsIj71o{&:where([data-variant=primary]){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj71p{&:where([data-variant=primary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-primary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-080,#000c),var(--z-tds_2f_web-color-neutral-tint-080,#fffc)))}}}.z_tds_2f_web-SIsIj71q{&:where([data-variant=primary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-primary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-060,#0009),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}}}.z_tds_2f_web-SIsIj71r{&:where([data-variant=secondary]){background-color:var(--z-tds_2f_web-color-component-button-secondary-fill,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-SIsIj71s{&:where([data-variant=secondary]){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-SIsIj71t{&:where([data-variant=secondary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-secondary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-006,#0000000f),var(--z-tds_2f_web-color-neutral-tint-006,#ffffff0f)))}}}.z_tds_2f_web-SIsIj71u{&:where([data-variant=secondary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-secondary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-016,#00000029),var(--z-tds_2f_web-color-neutral-tint-024,#ffffff3d)))}}}.z_tds_2f_web-SIsIj71v{&:where([data-variant=tertiary]){background-color:var(--z-tds_2f_web-color-component-button-tertiary-fill,light-dark(var(--z-tds_2f_web-color-neutral-shade-000,#0000),var(--z-tds_2f_web-color-neutral-tint-000,#fff0)))}}.z_tds_2f_web-SIsIj71w{&:where([data-variant=tertiary]){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-SIsIj71x{&:where([data-variant=tertiary]){&:hover:not(:disabled){background-color:var(--z-tds_2f_web-color-action-tertiary-fill-hover,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-004,#ffffff0a)))}}}.z_tds_2f_web-SIsIj71y{&:where([data-variant=tertiary]){&:active:not(:disabled){background-color:var(--z-tds_2f_web-color-action-tertiary-fill-pressed,light-dark(var(--z-tds_2f_web-color-neutral-shade-006,#0000000f),var(--z-tds_2f_web-color-neutral-tint-006,#ffffff0f)))}}}.z_tds_2f_web-SIsIj71z{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}}.z_tds_2f_web-SIsIj720{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){corner-shape:round}}.z_tds_2f_web-SIsIj721{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){flex-shrink:0}}.z_tds_2f_web-SIsIj722{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){min-width:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj723{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-SIsIj724{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){&>span:first-child{min-width:0}}}.z_tds_2f_web-SIsIj725{&:where([data-appearance=base]):where([data-shape=icon]):where([data-variant=primary]):where(*,.__zyzz-compound-1){background-color:var(--z-tds_2f_web-color-inverse-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-092,#141414),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-SIsIj726{&:where([data-appearance=inverse]):where(*,.__zyzz-compound-2){&:focus-visible{outline-color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}}.z_tds_2f_web-SIsIj727{&:where([data-appearance=inverse]):where(*,.__zyzz-compound-2){&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}}.z_tds_2f_web-SIsIj728{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){background-color:var(--z-tds_2f_web-color-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-SIsIj729{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){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-SIsIj72a{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=primary]):where(*,.__zyzz-compound-3){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}}}.z_tds_2f_web-SIsIj72b{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){background-color:var(--z-tds_2f_web-color-inverse-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f),var(--z-tds_2f_web-color-neutral-shade-004,#0000000a)))}}.z_tds_2f_web-SIsIj72c{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72d{&:where([data-appearance=inverse]):where([data-variant=secondary]):where(*,.__zyzz-compound-4){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-inverse-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f),var(--z-tds_2f_web-color-neutral-shade-004,#0000000a)))}}}.z_tds_2f_web-SIsIj72e{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){background-color:#70707052}}.z_tds_2f_web-SIsIj72f{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72g{&:where([data-appearance=overlay]):where([data-variant=secondary]):where(*,.__zyzz-compound-5){&:is(:hover,:active):not(:disabled){background-color:#70707048}}}.z_tds_2f_web-SIsIj72h{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=tertiary]):where(*,.__zyzz-compound-6){color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}}.z_tds_2f_web-SIsIj72i{&:where([data-appearance=inverse],[data-appearance=overlay]):where([data-variant=tertiary]):where(*,.__zyzz-compound-6){&:is(:hover,:active):not(:disabled){background-color:var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)}}}.z_tds_2f_web-SIsIj72j{align-items:inherit}.z_tds_2f_web-SIsIj72k{column-gap:inherit}.z_tds_2f_web-SIsIj72l{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-SIsIj72m{transition-property:opacity,visibility}.z_tds_2f_web-SIsIj72n{&:where([data-loading=true]){opacity:0}}.z_tds_2f_web-SIsIj72o{&:where([data-loading=true]){visibility:hidden}}.z_tds_2f_web-SIsIj72p{inset-block-start:50%}.z_tds_2f_web-SIsIj72q{inset-inline-start:50%}.z_tds_2f_web-SIsIj72r{position:absolute}.z_tds_2f_web-SIsIj72s{translate:-50% -50%}

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

@@ -4,11 +4,16 @@ import type { ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
 /**
  * A native `<button>` for actions, built on Base UI Button. It scales slightly while pressed and
- * shows a blue outline on keyboard focus.
+ * shows an outline on keyboard focus.
  *
  * - Use `Button` for actions and `Button.Link` for navigation.
  * - Label with a specific verb, such as Send payment. Give `shape="icon"` buttons, which render as circles, an `aria-label`.
- * - Keep one `primary` button per view or section. Reserve `negative` for destructive actions.
+ * - Keep one `primary` button per view or section, and give the others `secondary` or `tertiary`.
+ * - Use `danger` for the action that confirms a destructive outcome, such as Revoke key.
+ * - Set `appearance="inverse"` on an inverse surface, such as a dark banner on a light page, and
+ *   `appearance="overlay"` over an image or video.
+ * - Use `large` for the actions in a dialog footer. Keep `xsmall` pills for actions inside a row
+ *   or field, never for the main action.
  * - Set `focusableWhenDisabled` when a disabled button needs to stay reachable while nearby text
  *   explains why it is unavailable.
  *
@@ -49,23 +54,29 @@ declare namespace styles {
         readonly base: {
             readonly alignItems: "center";
             readonly border: "none !custom";
+            readonly borderRadius: "xs";
             readonly boxSizing: "border-box";
-            readonly columnGap: "8";
+            readonly columnGap: "4";
             readonly cursor: "pointer";
             readonly display: "inline-flex";
             readonly justifyContent: "center";
             readonly outlineColor: "transparent !custom";
-            readonly outlineOffset: "2";
+            readonly outlineOffset: "0";
             readonly outlineStyle: "solid !custom";
             readonly outlineWidth: "2";
             readonly position: "relative";
             readonly textDecoration: "none !custom";
             readonly transitionDuration: "160";
-            readonly transitionProperty: "background-color, box-shadow, color, opacity, outline-color, scale !custom";
+            readonly transitionProperty: "background-color, color, opacity, outline-color, scale !custom";
             readonly transitionTimingFunction: "snappy";
+            readonly typography: "body.b2Strong";
             readonly userSelect: "none";
             readonly whiteSpace: "nowrap";
             readonly selectors: {
+                readonly '& > span > svg': {
+                    readonly flexShrink: "0 !custom";
+                    readonly fontSize: "16";
+                };
                 readonly '&:active:not(:disabled)': {
                     readonly scale: "press";
                     readonly transitionDuration: "100";
@@ -75,7 +86,7 @@ declare namespace styles {
                     readonly opacity: "disabled";
                 };
                 readonly '&:focus-visible': {
-                    readonly outlineColor: "blue.700";
+                    readonly outlineColor: "action.focusRing";
                 };
                 readonly '&[data-loading]': {
                     readonly opacity: "1 !custom";
@@ -104,15 +115,113 @@ declare namespace styles {
             };
             readonly style: {
                 readonly borderRadius: "full";
+                readonly cornerShape: "round";
+                readonly flexShrink: "0 !custom";
+                readonly minWidth: "0";
                 readonly paddingInline: "0";
+                readonly selectors: {
+                    readonly '& > span:first-child': {
+                        readonly minWidth: "0 !custom";
+                    };
+                };
+            };
+        }, {
+            readonly when: {
+                readonly appearance: "base";
+                readonly shape: "icon";
+                readonly variant: "primary";
+            };
+            readonly style: {
+                readonly backgroundColor: "inverse.background.secondary";
+            };
+        }, {
+            readonly when: {
+                readonly appearance: "inverse";
+            };
+            readonly style: {
+                readonly selectors: {
+                    readonly '&:focus-visible': {
+                        readonly outlineColor: "inverse.content.primary";
+                        readonly outlineOffset: "2";
+                    };
+                };
+            };
+        }, {
+            readonly when: {
+                readonly appearance: readonly ["inverse", "overlay"];
+                readonly variant: "primary";
+            };
+            readonly style: {
+                readonly backgroundColor: "background.secondary";
+                readonly color: "content.primary";
+                readonly selectors: {
+                    readonly '&:is(:hover, :active):not(:disabled)': {
+                        readonly backgroundColor: "background.secondary";
+                    };
+                };
+            };
+        }, {
+            readonly when: {
+                readonly appearance: "inverse";
+                readonly variant: "secondary";
+            };
+            readonly style: {
+                readonly backgroundColor: "inverse.container.regular";
+                readonly color: "inverse.content.primary";
+                readonly selectors: {
+                    readonly '&:is(:hover, :active):not(:disabled)': {
+                        readonly backgroundColor: "inverse.container.regular";
+                    };
+                };
+            };
+        }, {
+            readonly when: {
+                readonly appearance: "overlay";
+                readonly variant: "secondary";
+            };
+            readonly style: {
+                readonly backgroundColor: "#70707052 !custom";
+                readonly color: "inverse.content.primary";
+                readonly selectors: {
+                    readonly '&:is(:hover, :active):not(:disabled)': {
+                        readonly backgroundColor: "#70707048 !custom";
+                    };
+                };
+            };
+        }, {
+            readonly when: {
+                readonly appearance: readonly ["inverse", "overlay"];
+                readonly variant: "tertiary";
+            };
+            readonly style: {
+                readonly color: "inverse.content.primary";
+                readonly selectors: {
+                    readonly '&:is(:hover, :active):not(:disabled)': {
+                        readonly backgroundColor: "neutral.tint.012";
+                    };
+                };
             };
         }];
         readonly defaultVariants: {
+            readonly appearance: "base";
             readonly shape: "default";
             readonly size: "medium";
             readonly variant: "primary";
         };
         readonly variants: {
+            /**
+             * The surface under the button: the page for `base`, an inverse surface, such as
+             * `inverse.background.primary`, for `inverse`, and an image or video for `overlay`. On
+             * both of the last two, `primary` takes the page's background and text colors, and
+             * `secondary` and `tertiary` take the inverse text color.
+             *
+             * @default 'base'
+             */
+            readonly appearance: {
+                base: {};
+                inverse: {};
+                overlay: {};
+            };
             readonly shape: {
                 readonly default: {};
                 readonly icon: {
@@ -121,63 +230,88 @@ declare namespace styles {
             };
             readonly size: {
                 readonly large: {
-                    readonly borderRadius: "16";
-                    readonly height: "56";
+                    readonly height: "48";
                     readonly paddingInline: "32";
-                    readonly typography: "button.16";
+                    readonly selectors: {
+                        readonly '& > span:first-child': {
+                            readonly minWidth: "1rem !custom";
+                        };
+                    };
                 };
                 readonly medium: {
-                    readonly borderRadius: "12";
                     readonly height: "40";
-                    readonly paddingInline: "20";
-                    readonly typography: "button.14";
+                    readonly paddingInline: "24";
+                    readonly selectors: {
+                        readonly '& > span:first-child': {
+                            readonly minWidth: "2rem !custom";
+                        };
+                    };
                 };
                 readonly small: {
-                    readonly borderRadius: "8";
                     readonly height: "32";
+                    readonly paddingInline: "16";
+                    readonly selectors: {
+                        readonly '& > span:first-child': {
+                            readonly minWidth: "3rem !custom";
+                        };
+                    };
+                };
+                readonly xsmall: {
+                    readonly borderRadius: "full";
+                    readonly cornerShape: "round";
+                    readonly height: "24";
                     readonly paddingInline: "12";
-                    readonly typography: "button.12";
+                    readonly typography: "body.b3Strong";
+                    readonly selectors: {
+                        readonly '& > span > svg': {
+                            readonly fontSize: "12";
+                        };
+                    };
                 };
             };
             readonly variant: {
-                readonly negative: {
-                    readonly backgroundColor: "red.800";
-                    readonly color: "white";
+                readonly danger: {
+                    readonly backgroundColor: "action.danger.fill.rest";
+                    readonly color: "action.danger.label.rest";
                     readonly selectors: {
-                        readonly '&:hover:not(:disabled)': {
-                            readonly backgroundColor: "red.900";
+                        readonly '&:is(:hover, :active):not(:disabled)': {
+                            readonly backgroundColor: "action.danger.fill.hover";
                         };
                     };
                 };
                 readonly primary: {
-                    readonly backgroundColor: "foreground";
-                    readonly backgroundImage: "linear-gradient(rgb(255 255 255 / 0.08), rgb(255 255 255 / 0)) !custom";
-                    readonly boxShadow: "raised";
-                    readonly color: "background.primary";
+                    readonly backgroundColor: "inverse.background.primary";
+                    readonly color: "inverse.content.primary";
                     readonly selectors: {
                         readonly '&:hover:not(:disabled)': {
-                            readonly opacity: "hover";
+                            readonly backgroundColor: "action.primary.fill.hover";
+                        };
+                        readonly '&:active:not(:disabled)': {
+                            readonly backgroundColor: "action.primary.fill.pressed";
                         };
                     };
                 };
                 readonly secondary: {
-                    readonly backgroundColor: "grayAlpha.100";
-                    readonly color: "foreground";
+                    readonly backgroundColor: "component.button.secondary.fill";
+                    readonly color: "content.primary";
                     readonly selectors: {
                         readonly '&:hover:not(:disabled)': {
-                            readonly backgroundColor: "grayAlpha.200";
+                            readonly backgroundColor: "action.secondary.fill.hover";
                         };
                         readonly '&:active:not(:disabled)': {
-                            readonly backgroundColor: "grayAlpha.300";
+                            readonly backgroundColor: "action.secondary.fill.pressed";
                         };
                     };
                 };
-                readonly text: {
-                    readonly backgroundColor: "transparent !custom";
-                    readonly color: "foreground";
+                readonly tertiary: {
+                    readonly backgroundColor: "component.button.tertiary.fill";
+                    readonly color: "content.primary";
                     readonly selectors: {
                         readonly '&:hover:not(:disabled)': {
-                            readonly backgroundColor: "grayAlpha.100";
+                            readonly backgroundColor: "action.tertiary.fill.hover";
+                        };
+                        readonly '&:active:not(:disabled)': {
+                            readonly backgroundColor: "action.tertiary.fill.pressed";
                         };
                     };
                 };
@@ -189,6 +323,7 @@ declare namespace styles {
             readonly alignItems: "inherit !custom";
             readonly columnGap: "inherit !custom";
             readonly display: "inline-flex";
+            readonly justifyContent: "center";
             readonly transitionDuration: "160";
             readonly transitionProperty: "opacity, visibility !custom";
             readonly transitionTimingFunction: "snappy";

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/web/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAyBzC;AAED,yBAAiB,MAAM,CAAC;IACtB,KAAY,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GACnE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG;QAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC9B;;;;;WAKG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC9B,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,uBAAuB,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAA;IAEpF;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,8FAarC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC9F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAuGlB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;eAcnB,CAAA;IAEM,MAAM,OAAO,gCAQnB,CAAA;CACF"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/web/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BA0BzC;AAED,yBAAiB,MAAM,CAAC;IACtB,KAAY,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,GACnE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG;QAC1C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC9B;;;;;WAKG;QACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC9B,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,uBAAuB,GAAG,cAAc,GAAG,QAAQ,CAAC,CAAA;IAEpF;;;OAGG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,8FAwBrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAC9F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAwHb;;;;;;;eAOG;;gBACW,IAAI;gBAAM,OAAO;gBAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA2EjD,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;eAenB,CAAA;IAEM,MAAM,OAAO,gCAQnB,CAAA;CACF"}

package/dist/web/components/Button.js

@@ -7,11 +7,16 @@ import { style, variants } from '../zyzz.config.js';
 import { Spinner } from './Spinner.js';
 /**
  * A native `<button>` for actions, built on Base UI Button. It scales slightly while pressed and
- * shows a blue outline on keyboard focus.
+ * shows an outline on keyboard focus.
  *
  * - Use `Button` for actions and `Button.Link` for navigation.
  * - Label with a specific verb, such as Send payment. Give `shape="icon"` buttons, which render as circles, an `aria-label`.
- * - Keep one `primary` button per view or section. Reserve `negative` for destructive actions.
+ * - Keep one `primary` button per view or section, and give the others `secondary` or `tertiary`.
+ * - Use `danger` for the action that confirms a destructive outcome, such as Revoke key.
+ * - Set `appearance="inverse"` on an inverse surface, such as a dark banner on a light page, and
+ *   `appearance="overlay"` over an image or video.
+ * - Use `large` for the actions in a dialog footer. Keep `xsmall` pills for actions inside a row
+ *   or field, never for the main action.
  * - Set `focusableWhenDisabled` when a disabled button needs to stay reachable while nearby text
  *   explains why it is unavailable.
  *
@@ -27,8 +32,8 @@ import { Spinner } from './Spinner.js';
  * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html | WCAG 2.2 Target Size (Minimum)}
  */
 export function Button(props) {
-    const { children, className, disabled, loading = false, shape, size, variant, vars, ...attributes } = props;
-    return (_jsxs(BaseUi.Button, { ...attributes, ...styles.button({ className, shape, size, style: props.style, variant, vars }), "aria-busy": loading || undefined, "data-loading": loading || undefined, disabled: disabled || loading, children: [_jsx("span", { ...styles.content({ loading }), children: children }), loading && _jsx(Spinner, { "aria-label": "Loading", ...styles.spinner() })] }));
+    const { appearance, children, className, disabled, loading = false, shape, size, variant, vars, ...attributes } = props;
+    return (_jsxs(BaseUi.Button, { ...attributes, ...styles.button({ appearance, className, shape, size, style: props.style, variant, vars }), "aria-busy": loading || undefined, "data-loading": loading || undefined, disabled: disabled || loading, children: [_jsx("span", { ...styles.content({ loading }), children: children }), loading && _jsx(Spinner, { "aria-label": "Loading", ...styles.spinner() })] }));
 }
 (function (Button) {
     /**
@@ -36,12 +41,12 @@ export function Button(props) {
      * `render` takes a router's link, such as `<Link to="/" />`.
      */
     function Link(props) {
-        const { children, className, ref, render, shape, size, variant, vars, ...attributes } = props;
+        const { appearance, children, className, ref, render, shape, size, variant, vars, ...attributes } = props;
         return useRender({
             defaultTagName: 'a',
             props: {
                 ...attributes,
-                ...styles.button({ className, shape, size, style: props.style, variant, vars }),
+                ...styles.button({ appearance, className, shape, size, style: props.style, variant, vars }),
                 children: _jsx("span", { ...styles.content({ loading: false }), children: children }),
             },
             ref,
@@ -52,9 +57,9 @@ export function Button(props) {
 })(Button || (Button = {}));
 var styles;
 (function (styles) {
-    styles.button = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x"+" "+external:"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"shape")?input["shape"]:void 0;if(value===void 0)value="default";if(value!==null&&value!==void 0)result["data-shape"]=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);value=Object.hasOwn(input,"variant")?input["variant"]:void 0;if(value===void 0)value="primary";if(value!==null&&value!==void 0)result["data-variant"]=String(value);return result});
-    styles.content = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723"+" "+external:"z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"loading")?input["loading"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-loading"]=String(value);return result});
-    styles.spinner = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-SIsIj724 z_tds_2f_web-SIsIj725 z_tds_2f_web-SIsIj726 z_tds_2f_web-SIsIj727"});
+    styles.button = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723 z_tds_2f_web-SIsIj724 z_tds_2f_web-SIsIj725 z_tds_2f_web-SIsIj726 z_tds_2f_web-SIsIj727 z_tds_2f_web-SIsIj728 z_tds_2f_web-SIsIj729 z_tds_2f_web-SIsIj72a z_tds_2f_web-SIsIj72b z_tds_2f_web-SIsIj72c z_tds_2f_web-SIsIj72d z_tds_2f_web-SIsIj72e z_tds_2f_web-SIsIj72f z_tds_2f_web-SIsIj72g z_tds_2f_web-SIsIj72h z_tds_2f_web-SIsIj72i"+" "+external:"z_tds_2f_web-SIsIj70 z_tds_2f_web-SIsIj71 z_tds_2f_web-SIsIj72 z_tds_2f_web-SIsIj73 z_tds_2f_web-SIsIj74 z_tds_2f_web-SIsIj75 z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj78 z_tds_2f_web-SIsIj79 z_tds_2f_web-SIsIj7a z_tds_2f_web-SIsIj7b z_tds_2f_web-SIsIj7c z_tds_2f_web-SIsIj7d z_tds_2f_web-SIsIj7e z_tds_2f_web-SIsIj7f z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj7h z_tds_2f_web-SIsIj7i z_tds_2f_web-SIsIj7j z_tds_2f_web-SIsIj7k z_tds_2f_web-SIsIj7l z_tds_2f_web-SIsIj7m z_tds_2f_web-SIsIj7n z_tds_2f_web-SIsIj7o z_tds_2f_web-SIsIj7p z_tds_2f_web-SIsIj7q z_tds_2f_web-SIsIj7r z_tds_2f_web-SIsIj7s z_tds_2f_web-SIsIj7t z_tds_2f_web-SIsIj7u z_tds_2f_web-SIsIj7v z_tds_2f_web-SIsIj7w z_tds_2f_web-SIsIj7x z_tds_2f_web-SIsIj7y z_tds_2f_web-SIsIj7z z_tds_2f_web-SIsIj710 z_tds_2f_web-SIsIj711 z_tds_2f_web-SIsIj712 z_tds_2f_web-SIsIj713 z_tds_2f_web-SIsIj714 z_tds_2f_web-SIsIj715 z_tds_2f_web-SIsIj716 z_tds_2f_web-SIsIj717 z_tds_2f_web-SIsIj718 z_tds_2f_web-SIsIj719 z_tds_2f_web-SIsIj71a z_tds_2f_web-SIsIj71b z_tds_2f_web-SIsIj71c z_tds_2f_web-SIsIj71d z_tds_2f_web-SIsIj71e z_tds_2f_web-SIsIj71f z_tds_2f_web-SIsIj71g z_tds_2f_web-SIsIj71h z_tds_2f_web-SIsIj71i z_tds_2f_web-SIsIj71j z_tds_2f_web-SIsIj71k z_tds_2f_web-SIsIj71l z_tds_2f_web-SIsIj71m z_tds_2f_web-SIsIj71n z_tds_2f_web-SIsIj71o z_tds_2f_web-SIsIj71p z_tds_2f_web-SIsIj71q z_tds_2f_web-SIsIj71r z_tds_2f_web-SIsIj71s z_tds_2f_web-SIsIj71t z_tds_2f_web-SIsIj71u z_tds_2f_web-SIsIj71v z_tds_2f_web-SIsIj71w z_tds_2f_web-SIsIj71x z_tds_2f_web-SIsIj71y z_tds_2f_web-SIsIj71z z_tds_2f_web-SIsIj720 z_tds_2f_web-SIsIj721 z_tds_2f_web-SIsIj722 z_tds_2f_web-SIsIj723 z_tds_2f_web-SIsIj724 z_tds_2f_web-SIsIj725 z_tds_2f_web-SIsIj726 z_tds_2f_web-SIsIj727 z_tds_2f_web-SIsIj728 z_tds_2f_web-SIsIj729 z_tds_2f_web-SIsIj72a z_tds_2f_web-SIsIj72b z_tds_2f_web-SIsIj72c z_tds_2f_web-SIsIj72d z_tds_2f_web-SIsIj72e z_tds_2f_web-SIsIj72f z_tds_2f_web-SIsIj72g z_tds_2f_web-SIsIj72h z_tds_2f_web-SIsIj72i",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"appearance")?input["appearance"]:void 0;if(value===void 0)value="base";if(value!==null&&value!==void 0)result["data-appearance"]=String(value);value=Object.hasOwn(input,"shape")?input["shape"]:void 0;if(value===void 0)value="default";if(value!==null&&value!==void 0)result["data-shape"]=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);value=Object.hasOwn(input,"variant")?input["variant"]:void 0;if(value===void 0)value="primary";if(value!==null&&value!==void 0)result["data-variant"]=String(value);return result});
+    styles.content = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-SIsIj72j z_tds_2f_web-SIsIj72k z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj72l z_tds_2f_web-SIsIj72m z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj72n z_tds_2f_web-SIsIj72o"+" "+external:"z_tds_2f_web-SIsIj72j z_tds_2f_web-SIsIj72k z_tds_2f_web-SIsIj76 z_tds_2f_web-SIsIj77 z_tds_2f_web-SIsIj72l z_tds_2f_web-SIsIj72m z_tds_2f_web-SIsIj7g z_tds_2f_web-SIsIj72n z_tds_2f_web-SIsIj72o",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"loading")?input["loading"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-loading"]=String(value);return result});
+    styles.spinner = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-SIsIj72p z_tds_2f_web-SIsIj72q z_tds_2f_web-SIsIj72r z_tds_2f_web-SIsIj72s"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Button.js.map
 import './Button.css';

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

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