@tempoxyz/ds 0.3.0 → 0.3.1

package/dist/web/components/Hex.css

@@ -1 +1 @@
-.z_tds_2f_web-XcaHW40{display:flex}.z_tds_2f_web-XcaHW41{grid-area:1/1}.z_tds_2f_web-XcaHW42{clip-path:inset(50%)}.z_tds_2f_web-XcaHW43{height:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-XcaHW44{overflow:hidden}.z_tds_2f_web-XcaHW45{position:absolute}.z_tds_2f_web-XcaHW46{white-space:nowrap}.z_tds_2f_web-XcaHW47{width:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-XcaHW48{align-items:center}.z_tds_2f_web-XcaHW49{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-XcaHW4a{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-XcaHW4b{display:inline-flex}.z_tds_2f_web-XcaHW4c{font-size:var(--z-tds_2f_web-fontSize-14,.875rem)}.z_tds_2f_web-XcaHW4d{font-variant-numeric:tabular-nums}.z_tds_2f_web-XcaHW4e{max-width:100%}.z_tds_2f_web-XcaHW4f{position:relative}.z_tds_2f_web-XcaHW4g{font-family:var(--z-tds_2f_web-typography-mono-m1-fontFamily,var(--z-tds_2f_web-fontFamily-mono,"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace))}.z_tds_2f_web-XcaHW4h{font-weight:var(--z-tds_2f_web-typography-mono-m1-fontWeight,400)}.z_tds_2f_web-XcaHW4i{letter-spacing:var(--z-tds_2f_web-typography-mono-m1-letterSpacing,0px)}.z_tds_2f_web-XcaHW4j{line-height:var(--z-tds_2f_web-typography-mono-m1-lineHeight,16px)}.z_tds_2f_web-XcaHW4k{& [data-hex-copy]{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}}.z_tds_2f_web-XcaHW4l{& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-XcaHW4m{& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-XcaHW4n{& [data-hex-copy]{padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-XcaHW4o{& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-XcaHW4p{& [data-hex-copy]:hover,& [data-hex-copy]:focus-visible,& [data-hex-copy][data-copied]{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-XcaHW4q{&:where([data-variant=filled]){background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-012,#ffffff1f)))}}.z_tds_2f_web-XcaHW4r{&:where([data-variant=filled]){box-sizing:border-box}}.z_tds_2f_web-XcaHW4s{&:where([data-variant=filled]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-XcaHW4t{&:where([data-variant=filled]){display:flex}}.z_tds_2f_web-XcaHW4u{&:where([data-variant=filled]){justify-content:space-between}}.z_tds_2f_web-XcaHW4v{&:where([data-variant=filled]){transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-XcaHW4w{&:where([data-variant=filled]){transition-property:background-color,scale}}.z_tds_2f_web-XcaHW4x{&:where([data-variant=filled]){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-XcaHW4y{&:where([data-variant=filled]){& [data-stretch]:after{content:""}}}.z_tds_2f_web-XcaHW4z{&:where([data-variant=filled]){& [data-stretch]:after{inset:var(--z-tds_2f_web-spacing-0,0rem)}}}.z_tds_2f_web-XcaHW410{&:where([data-variant=filled]){& [data-stretch]:after{position:absolute}}}.z_tds_2f_web-XcaHW411{&:where([data-variant=filled]){& [data-stretch]:after{border-radius:inherit}}}.z_tds_2f_web-XcaHW412{&:where([data-variant=filled]){&:has([data-stretch]:hover){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}}.z_tds_2f_web-XcaHW413{&:where([data-variant=filled]){&:has([data-stretch]:active){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}}.z_tds_2f_web-XcaHW414{&:where([data-variant=filled]){&:has([data-stretch]:active){scale:var(--z-tds_2f_web-scale-press,.98)}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-XcaHW415{&:where([data-variant=filled]){transition-property:background-color}}.z_tds_2f_web-XcaHW416{&:where([data-variant=filled]){&:has([data-stretch]:active){scale:none}}}}.z_tds_2f_web-XcaHW417{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-XcaHW418{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-XcaHW419{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){padding-inline-end:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-XcaHW41a{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){padding-inline-start:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-XcaHW41b{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-40,2.5rem)}}}.z_tds_2f_web-XcaHW41c{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-40,2.5rem)}}}.z_tds_2f_web-XcaHW41d{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-40,2.5rem)}}}.z_tds_2f_web-XcaHW41e{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-XcaHW41f{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-XcaHW41g{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){padding-inline-end:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-XcaHW41h{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-XcaHW41i{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-28,1.75rem)}}}.z_tds_2f_web-XcaHW41j{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-28,1.75rem)}}}.z_tds_2f_web-XcaHW41k{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-28,1.75rem)}}}.z_tds_2f_web-XcaHW41l{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){border-radius:var(--z-tds_2f_web-radius-2xs,calc(.5rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-XcaHW41m{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-XcaHW41n{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){padding-inline-end:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-XcaHW41o{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-XcaHW41p{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-XcaHW41q{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-XcaHW41r{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-XcaHW41s{height:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-XcaHW41t{padding-right:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-XcaHW41u{visibility:hidden}.z_tds_2f_web-XcaHW41v{white-space:normal}.z_tds_2f_web-XcaHW41w{word-break:break-all}.z_tds_2f_web-XcaHW41x{display:grid}
+.z_tds_2f_web-XcaHW40{display:flex}.z_tds_2f_web-XcaHW41{grid-area:1/1}.z_tds_2f_web-XcaHW42{clip-path:inset(50%)}.z_tds_2f_web-XcaHW43{height:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-XcaHW44{overflow:hidden}.z_tds_2f_web-XcaHW45{position:absolute}.z_tds_2f_web-XcaHW46{white-space:nowrap}.z_tds_2f_web-XcaHW47{width:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-XcaHW48{align-items:center}.z_tds_2f_web-XcaHW49{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-XcaHW4a{column-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-XcaHW4b{display:inline-flex}.z_tds_2f_web-XcaHW4c{font-size:var(--z-tds_2f_web-fontSize-14,.875rem)}.z_tds_2f_web-XcaHW4d{font-variant-numeric:tabular-nums}.z_tds_2f_web-XcaHW4e{max-width:100%}.z_tds_2f_web-XcaHW4f{position:relative}.z_tds_2f_web-XcaHW4g{font-family:var(--z-tds_2f_web-typography-mono-m1-fontFamily,var(--z-tds_2f_web-fontFamily-mono,"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace))}.z_tds_2f_web-XcaHW4h{font-weight:var(--z-tds_2f_web-typography-mono-m1-fontWeight,400)}.z_tds_2f_web-XcaHW4i{letter-spacing:var(--z-tds_2f_web-typography-mono-m1-letterSpacing,0px)}.z_tds_2f_web-XcaHW4j{line-height:var(--z-tds_2f_web-typography-mono-m1-lineHeight,16px)}.z_tds_2f_web-XcaHW4k{& [data-hex-copy]{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-056,#ffffff8f)))}}.z_tds_2f_web-XcaHW4l{& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-XcaHW4m{& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-XcaHW4n{& [data-hex-copy]{padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-XcaHW4o{& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-XcaHW4p{& [data-hex-copy]:hover,& [data-hex-copy]:focus-visible,& [data-hex-copy][data-copied]{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-XcaHW4q{&:where([data-variant=filled]){background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}}.z_tds_2f_web-XcaHW4r{&:where([data-variant=filled]){box-sizing:border-box}}.z_tds_2f_web-XcaHW4s{&:where([data-variant=filled]){column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-XcaHW4t{&:where([data-variant=filled]){display:flex}}.z_tds_2f_web-XcaHW4u{&:where([data-variant=filled]){justify-content:space-between}}.z_tds_2f_web-XcaHW4v{&:where([data-variant=filled]){transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-XcaHW4w{&:where([data-variant=filled]){transition-property:background-color,scale}}.z_tds_2f_web-XcaHW4x{&:where([data-variant=filled]){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-XcaHW4y{&:where([data-variant=filled]){& [data-stretch]:after{content:""}}}.z_tds_2f_web-XcaHW4z{&:where([data-variant=filled]){& [data-stretch]:after{inset:var(--z-tds_2f_web-spacing-0,0rem)}}}.z_tds_2f_web-XcaHW410{&:where([data-variant=filled]){& [data-stretch]:after{position:absolute}}}.z_tds_2f_web-XcaHW411{&:where([data-variant=filled]){& [data-stretch]:after{border-radius:inherit}}}.z_tds_2f_web-XcaHW412{&:where([data-variant=filled]){&:has([data-stretch]:hover){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}}.z_tds_2f_web-XcaHW413{&:where([data-variant=filled]){&:has([data-stretch]:active){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}}.z_tds_2f_web-XcaHW414{&:where([data-variant=filled]){&:has([data-stretch]:active){scale:var(--z-tds_2f_web-scale-press,.98)}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-XcaHW415{&:where([data-variant=filled]){transition-property:background-color}}.z_tds_2f_web-XcaHW416{&:where([data-variant=filled]){&:has([data-stretch]:active){scale:none}}}}.z_tds_2f_web-XcaHW417{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){border-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-XcaHW418{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){height:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-XcaHW419{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){padding-inline-end:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-XcaHW41a{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){padding-inline-start:var(--z-tds_2f_web-spacing-20,1.25rem)}}.z_tds_2f_web-XcaHW41b{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-40,2.5rem)}}}.z_tds_2f_web-XcaHW41c{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-40,2.5rem)}}}.z_tds_2f_web-XcaHW41d{&:where([data-size=large]):where([data-variant=filled]):where(*,.__zyzz-compound-0){& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-40,2.5rem)}}}.z_tds_2f_web-XcaHW41e{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){border-radius:var(--z-tds_2f_web-radius-xs,calc(.75rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-XcaHW41f{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){height:var(--z-tds_2f_web-spacing-40,2.5rem)}}.z_tds_2f_web-XcaHW41g{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){padding-inline-end:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-XcaHW41h{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-XcaHW41i{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-28,1.75rem)}}}.z_tds_2f_web-XcaHW41j{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-28,1.75rem)}}}.z_tds_2f_web-XcaHW41k{&:where([data-size=medium]):where([data-variant=filled]):where(*,.__zyzz-compound-1){& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-28,1.75rem)}}}.z_tds_2f_web-XcaHW41l{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){border-radius:var(--z-tds_2f_web-radius-2xs,calc(.5rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-XcaHW41m{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){height:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-XcaHW41n{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){padding-inline-end:var(--z-tds_2f_web-spacing-8,.5rem)}}.z_tds_2f_web-XcaHW41o{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-XcaHW41p{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){& [data-hex-copy]{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-XcaHW41q{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){& [data-hex-copy]{min-width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-XcaHW41r{&:where([data-size=small]):where([data-variant=filled]):where(*,.__zyzz-compound-2){& [data-hex-copy]{width:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-XcaHW41s{height:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-XcaHW41t{padding-right:var(--z-tds_2f_web-spacing-1,1px)}.z_tds_2f_web-XcaHW41u{visibility:hidden}.z_tds_2f_web-XcaHW41v{white-space:normal}.z_tds_2f_web-XcaHW41w{word-break:break-all}.z_tds_2f_web-XcaHW41x{display:grid}