@tempoxyz/ds 0.2.4 → 0.2.6

package/dist/web/components/Button.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_button-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_button-border-1{border:none}.z-tds_2f_web-tds_2f_web_2f_button-box-sizing-2{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_button-column-gap-3{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_button-cursor-4{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_button-display-5{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_button-justify-content-6{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_button-outline-color-7{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_button-outline-offset-8{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}.z-tds_2f_web-tds_2f_web_2f_button-outline-style-9{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_button-outline-width-10{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_button-position-11{position:relative}.z-tds_2f_web-tds_2f_web_2f_button-text-decoration-12{text-decoration:none}.z-tds_2f_web-tds_2f_web_2f_button-transition-duration-13{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_button-transition-property-14{transition-property:background-color,box-shadow,color,opacity,outline-color,scale}.z-tds_2f_web-tds_2f_web_2f_button-transition-timing-function-15{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_button-user-select-16{user-select:none}.z-tds_2f_web-tds_2f_web_2f_button-white-space-17{white-space:nowrap}.z-tds_2f_web-tds_2f_web_2f_button-scale-18{&:active:not(:disabled){scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_button-transition-duration-19{&:active:not(:disabled){transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z-tds_2f_web-tds_2f_web_2f_button-cursor-20{&:disabled{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_button-opacity-21{&:disabled{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_button-outline-color-22{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_button-opacity-23{&[data-loading]{opacity:1}}@media (forced-colors:active){.z-tds_2f_web-tds_2f_web_2f_button-outline-style-24{outline-style:none}.z-tds_2f_web-tds_2f_web_2f_button-outline-style-25{&:focus-visible{outline-style:solid}}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_button-transition-property-26{transition-property:background-color,color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_button-scale-27{&:active:not(:disabled){scale:none}}}.z-tds_2f_web-tds_2f_web_2f_button-aspect-ratio-28{&:where([data-shape=icon]){aspect-ratio:1}}.z-tds_2f_web-tds_2f_web_2f_button-border-radius-29{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_button-h-30{&:where([data-size=large]){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z-tds_2f_web-tds_2f_web_2f_button-padding-inline-31{&:where([data-size=large]){padding-inline:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_button-font-family-32{&: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-tds_2f_web_2f_button-font-size-33{&:where([data-size=large]){font-size:var(--z-tds_2f_web-typography-button-16-fontSize,16px)}}.z-tds_2f_web-tds_2f_web_2f_button-font-weight-34{&:where([data-size=large]){font-weight:var(--z-tds_2f_web-typography-button-16-fontWeight,500)}}.z-tds_2f_web-tds_2f_web_2f_button-letter-spacing-35{&:where([data-size=large]){letter-spacing:var(--z-tds_2f_web-typography-button-16-letterSpacing,-.18px)}}.z-tds_2f_web-tds_2f_web_2f_button-line-height-36{&:where([data-size=large]){line-height:var(--z-tds_2f_web-typography-button-16-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_button-border-radius-37{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_button-h-38{&:where([data-size=medium]){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z-tds_2f_web-tds_2f_web_2f_button-padding-inline-39{&:where([data-size=medium]){padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_button-font-family-40{&: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-tds_2f_web_2f_button-font-size-41{&:where([data-size=medium]){font-size:var(--z-tds_2f_web-typography-button-14-fontSize,14px)}}.z-tds_2f_web-tds_2f_web_2f_button-font-weight-42{&:where([data-size=medium]){font-weight:var(--z-tds_2f_web-typography-button-14-fontWeight,500)}}.z-tds_2f_web-tds_2f_web_2f_button-letter-spacing-43{&:where([data-size=medium]){letter-spacing:var(--z-tds_2f_web-typography-button-14-letterSpacing,-.09px)}}.z-tds_2f_web-tds_2f_web_2f_button-line-height-44{&:where([data-size=medium]){line-height:var(--z-tds_2f_web-typography-button-14-lineHeight,20px)}}.z-tds_2f_web-tds_2f_web_2f_button-border-radius-45{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_button-h-46{&:where([data-size=small]){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z-tds_2f_web-tds_2f_web_2f_button-padding-inline-47{&:where([data-size=small]){padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_button-font-family-48{&: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-tds_2f_web_2f_button-font-size-49{&:where([data-size=small]){font-size:var(--z-tds_2f_web-typography-button-12-fontSize,12px)}}.z-tds_2f_web-tds_2f_web_2f_button-font-weight-50{&:where([data-size=small]){font-weight:var(--z-tds_2f_web-typography-button-12-fontWeight,500)}}.z-tds_2f_web-tds_2f_web_2f_button-letter-spacing-51{&:where([data-size=small]){letter-spacing:var(--z-tds_2f_web-typography-button-12-letterSpacing,.01px)}}.z-tds_2f_web-tds_2f_web_2f_button-line-height-52{&:where([data-size=small]){line-height:var(--z-tds_2f_web-typography-button-12-lineHeight,16px)}}.z-tds_2f_web-tds_2f_web_2f_button-bg-53{&:where([data-variant=negative]){background-color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_button-text-54{&:where([data-variant=negative]){color:var(--z-tds_2f_web-color-white,#fff)}}.z-tds_2f_web-tds_2f_web_2f_button-bg-55{&: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-tds_2f_web_2f_button-bg-56{&:where([data-variant=primary]){background-color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_button-background-image-57{&:where([data-variant=primary]){background-image:linear-gradient(#ffffff14,#fff0)}}.z-tds_2f_web-tds_2f_web_2f_button-box-shadow-58{&: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-tds_2f_web_2f_button-text-59{&:where([data-variant=primary]){color:var(--z-tds_2f_web-color-background-primary,light-dark(#f5f5f5,#100f0f))}}.z-tds_2f_web-tds_2f_web_2f_button-opacity-60{&:where([data-variant=primary]){&:hover:not(:disabled){opacity:var(--z-tds_2f_web-opacity-hover,.86)}}}.z-tds_2f_web-tds_2f_web_2f_button-bg-61{&:where([data-variant=secondary]){background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_button-text-62{&:where([data-variant=secondary]){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_button-bg-63{&: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-tds_2f_web_2f_button-bg-64{&: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-tds_2f_web_2f_button-bg-65{&:where([data-variant=text]){background-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_button-text-66{&:where([data-variant=text]){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_button-bg-67{&: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-tds_2f_web_2f_button-border-radius-68{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-full,9999px)}}.z-tds_2f_web-tds_2f_web_2f_button-padding-inline-69{&:where([data-shape=icon]):where(*,.__zyzz-compound-0){padding-inline:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_button_2f_content-align-items-0{align-items:inherit}.z-tds_2f_web-tds_2f_web_2f_button_2f_content-column-gap-1{column-gap:inherit}.z-tds_2f_web-tds_2f_web_2f_button_2f_content-transition-duration-2{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_button_2f_content-transition-property-3{transition-property:opacity,visibility}.z-tds_2f_web-tds_2f_web_2f_button_2f_content-opacity-4{&:where([data-loading=true]){opacity:0}}.z-tds_2f_web-tds_2f_web_2f_button_2f_content-visibility-5{&:where([data-loading=true]){visibility:hidden}}.z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-inset-block-start-0{inset-block-start:50%}.z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-inset-inline-start-1{inset-inline-start:50%}.z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-position-2{position:absolute}.z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-translate-3{translate:-50% -50%}
+.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%}

package/dist/web/components/Button.js

@@ -1,5 +1,5 @@
 
-import { Props as __zyzzProps, Recipe as __zyzzRecipe } from 'zyzz/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/button';
 import { useRender } from '@base-ui/react/use-render';
@@ -52,9 +52,9 @@ export function Button(props) {
 })(Button || (Button = {}));
 var styles;
 (function (styles) {
-    styles.button = __zyzzRecipe.create({"axes":{"shape":["default","icon"],"size":["large","medium","small"],"variant":["negative","primary","secondary","text"]},"defaults":{"shape":"default","size":"medium","variant":"primary"},"className":"z-tds_2f_web-tds_2f_web_2f_button-align-items-0 z-tds_2f_web-tds_2f_web_2f_button-border-1 z-tds_2f_web-tds_2f_web_2f_button-box-sizing-2 z-tds_2f_web-tds_2f_web_2f_button-column-gap-3 z-tds_2f_web-tds_2f_web_2f_button-cursor-4 z-tds_2f_web-tds_2f_web_2f_button-display-5 z-tds_2f_web-tds_2f_web_2f_button-justify-content-6 z-tds_2f_web-tds_2f_web_2f_button-outline-color-7 z-tds_2f_web-tds_2f_web_2f_button-outline-offset-8 z-tds_2f_web-tds_2f_web_2f_button-outline-style-9 z-tds_2f_web-tds_2f_web_2f_button-outline-width-10 z-tds_2f_web-tds_2f_web_2f_button-position-11 z-tds_2f_web-tds_2f_web_2f_button-text-decoration-12 z-tds_2f_web-tds_2f_web_2f_button-transition-duration-13 z-tds_2f_web-tds_2f_web_2f_button-transition-property-14 z-tds_2f_web-tds_2f_web_2f_button-transition-timing-function-15 z-tds_2f_web-tds_2f_web_2f_button-user-select-16 z-tds_2f_web-tds_2f_web_2f_button-white-space-17 z-tds_2f_web-tds_2f_web_2f_button-scale-18 z-tds_2f_web-tds_2f_web_2f_button-transition-duration-19 z-tds_2f_web-tds_2f_web_2f_button-cursor-20 z-tds_2f_web-tds_2f_web_2f_button-opacity-21 z-tds_2f_web-tds_2f_web_2f_button-outline-color-22 z-tds_2f_web-tds_2f_web_2f_button-opacity-23 z-tds_2f_web-tds_2f_web_2f_button-outline-style-24 z-tds_2f_web-tds_2f_web_2f_button-outline-style-25 z-tds_2f_web-tds_2f_web_2f_button-transition-property-26 z-tds_2f_web-tds_2f_web_2f_button-scale-27 z-tds_2f_web-tds_2f_web_2f_button-aspect-ratio-28 z-tds_2f_web-tds_2f_web_2f_button-border-radius-29 z-tds_2f_web-tds_2f_web_2f_button-h-30 z-tds_2f_web-tds_2f_web_2f_button-padding-inline-31 z-tds_2f_web-tds_2f_web_2f_button-font-family-32 z-tds_2f_web-tds_2f_web_2f_button-font-size-33 z-tds_2f_web-tds_2f_web_2f_button-font-weight-34 z-tds_2f_web-tds_2f_web_2f_button-letter-spacing-35 z-tds_2f_web-tds_2f_web_2f_button-line-height-36 z-tds_2f_web-tds_2f_web_2f_button-border-radius-37 z-tds_2f_web-tds_2f_web_2f_button-h-38 z-tds_2f_web-tds_2f_web_2f_button-padding-inline-39 z-tds_2f_web-tds_2f_web_2f_button-font-family-40 z-tds_2f_web-tds_2f_web_2f_button-font-size-41 z-tds_2f_web-tds_2f_web_2f_button-font-weight-42 z-tds_2f_web-tds_2f_web_2f_button-letter-spacing-43 z-tds_2f_web-tds_2f_web_2f_button-line-height-44 z-tds_2f_web-tds_2f_web_2f_button-border-radius-45 z-tds_2f_web-tds_2f_web_2f_button-h-46 z-tds_2f_web-tds_2f_web_2f_button-padding-inline-47 z-tds_2f_web-tds_2f_web_2f_button-font-family-48 z-tds_2f_web-tds_2f_web_2f_button-font-size-49 z-tds_2f_web-tds_2f_web_2f_button-font-weight-50 z-tds_2f_web-tds_2f_web_2f_button-letter-spacing-51 z-tds_2f_web-tds_2f_web_2f_button-line-height-52 z-tds_2f_web-tds_2f_web_2f_button-bg-53 z-tds_2f_web-tds_2f_web_2f_button-text-54 z-tds_2f_web-tds_2f_web_2f_button-bg-55 z-tds_2f_web-tds_2f_web_2f_button-bg-56 z-tds_2f_web-tds_2f_web_2f_button-background-image-57 z-tds_2f_web-tds_2f_web_2f_button-box-shadow-58 z-tds_2f_web-tds_2f_web_2f_button-text-59 z-tds_2f_web-tds_2f_web_2f_button-opacity-60 z-tds_2f_web-tds_2f_web_2f_button-bg-61 z-tds_2f_web-tds_2f_web_2f_button-text-62 z-tds_2f_web-tds_2f_web_2f_button-bg-63 z-tds_2f_web-tds_2f_web_2f_button-bg-64 z-tds_2f_web-tds_2f_web_2f_button-bg-65 z-tds_2f_web-tds_2f_web_2f_button-text-66 z-tds_2f_web-tds_2f_web_2f_button-bg-67 z-tds_2f_web-tds_2f_web_2f_button-border-radius-68 z-tds_2f_web-tds_2f_web_2f_button-padding-inline-69"});
-    styles.content = __zyzzRecipe.create({"axes":{"loading":["false","true"]},"defaults":{"loading":"false"},"className":"z-tds_2f_web-tds_2f_web_2f_button_2f_content-align-items-0 z-tds_2f_web-tds_2f_web_2f_button_2f_content-column-gap-1 z-tds_2f_web-tds_2f_web_2f_button-display-5 z-tds_2f_web-tds_2f_web_2f_button_2f_content-transition-duration-2 z-tds_2f_web-tds_2f_web_2f_button_2f_content-transition-property-3 z-tds_2f_web-tds_2f_web_2f_button-transition-timing-function-15 z-tds_2f_web-tds_2f_web_2f_button_2f_content-opacity-4 z-tds_2f_web-tds_2f_web_2f_button_2f_content-visibility-5"});
-    styles.spinner = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-inset-block-start-0 z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-inset-inline-start-1 z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-position-2 z-tds_2f_web-tds_2f_web_2f_button_2f_spinner-translate-3"});
+    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 || (styles = {}));
 //# sourceMappingURL=Button.js.map
 import './Button.css';