@tempoxyz/ds 0.2.2 → 0.2.5

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: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: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:.16s}.z-tds_2f_web-tds_2f_web_2f_button-transition-property-14{transition-property:background-color,box-shadow,color,opacity,outline-color,transform}.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-transform-18{&:active:not(:disabled){transform:scale(.97)}}.z-tds_2f_web-tds_2f_web_2f_button-transition-duration-19{&:active:not(:disabled){transition-duration:.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:.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-transform-27{&:active:not(:disabled){transform: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:.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-padding-inline-68{&: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:.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-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%}

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

@@ -7,7 +7,7 @@ import type * as zyzz from 'zyzz';
  * shows a blue 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 an `aria-label`.
+ * - 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.
  * - Set `focusableWhenDisabled` when a disabled button needs to stay reachable while nearby text
  *   explains why it is unavailable.
@@ -55,24 +55,24 @@ declare namespace styles {
             readonly display: "inline-flex";
             readonly justifyContent: "center";
             readonly outlineColor: "transparent !custom";
-            readonly outlineOffset: "2px !custom";
+            readonly outlineOffset: "2";
             readonly outlineStyle: "solid !custom";
-            readonly outlineWidth: "2px !custom";
+            readonly outlineWidth: "2";
             readonly position: "relative";
             readonly textDecoration: "none !custom";
-            readonly transitionDuration: "160ms !custom";
-            readonly transitionProperty: "background-color, box-shadow, color, opacity, outline-color, transform !custom";
+            readonly transitionDuration: "160";
+            readonly transitionProperty: "background-color, box-shadow, color, opacity, outline-color, scale !custom";
             readonly transitionTimingFunction: "snappy";
             readonly userSelect: "none";
             readonly whiteSpace: "nowrap";
             readonly selectors: {
                 readonly '&:active:not(:disabled)': {
-                    readonly transform: "scale(0.97) !custom";
-                    readonly transitionDuration: "100ms !custom";
+                    readonly scale: "press";
+                    readonly transitionDuration: "100";
                 };
                 readonly '&:disabled': {
                     readonly cursor: "default";
-                    readonly opacity: "0.4 !custom";
+                    readonly opacity: "disabled";
                 };
                 readonly '&:focus-visible': {
                     readonly outlineColor: "blue.700";
@@ -93,7 +93,7 @@ declare namespace styles {
                 readonly transitionProperty: "background-color, color, opacity, outline-color !custom";
                 readonly selectors: {
                     readonly '&:active:not(:disabled)': {
-                        readonly transform: "none !custom";
+                        readonly scale: "none !custom";
                     };
                 };
             };
@@ -103,6 +103,7 @@ declare namespace styles {
                 readonly shape: "icon";
             };
             readonly style: {
+                readonly borderRadius: "full";
                 readonly paddingInline: "0";
             };
         }];
@@ -155,7 +156,7 @@ declare namespace styles {
                     readonly color: "background.primary";
                     readonly selectors: {
                         readonly '&:hover:not(:disabled)': {
-                            readonly opacity: "0.86 !custom";
+                            readonly opacity: "hover";
                         };
                     };
                 };
@@ -188,7 +189,7 @@ declare namespace styles {
             readonly alignItems: "inherit !custom";
             readonly columnGap: "inherit !custom";
             readonly display: "inline-flex";
-            readonly transitionDuration: "160ms !custom";
+            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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAoGlB,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;;;;;;;;;;;;;;;;;;;;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"}

package/dist/web/components/Button.js

@@ -10,7 +10,7 @@ import { Spinner } from './Spinner.js';
  * shows a blue 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 an `aria-label`.
+ * - 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.
  * - Set `focusableWhenDisabled` when a disabled button needs to stay reachable while nearby text
  *   explains why it is unavailable.
@@ -52,7 +52,7 @@ 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-transform-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-transform-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-padding-inline-68"});
+    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 || (styles = {}));

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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"}