@tempoxyz/ds 0.3.6 → 0.3.7

package/dist/web/components/Drawer.css

@@ -1 +1 @@
-.z_tds_2f_web-qqZaa60{background-color:var(--z-tds_2f_web-color-neutral-100,#000)}.z_tds_2f_web-qqZaa61{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-qqZaa62{opacity:calc(.4 * (1 - var(--drawer-swipe-progress,0)))}.z_tds_2f_web-qqZaa63{position:fixed}.z_tds_2f_web-qqZaa64{transition-duration:var(--z-tds_2f_web-transitionDuration-320,.32s)}.z_tds_2f_web-qqZaa65{transition-property:opacity}.z_tds_2f_web-qqZaa66{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-qqZaa67{&[data-ending-style]{opacity:0}}.z_tds_2f_web-qqZaa68{&[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .24s)}}.z_tds_2f_web-qqZaa69{&[data-starting-style]{opacity:0}}.z_tds_2f_web-qqZaa6a{&[data-swiping]{transition-duration:var(--z-tds_2f_web-transitionDuration-0,0s)}}.z_tds_2f_web-qqZaa6b{inset-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-qqZaa6c{inset-inline-end:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-qqZaa6d{position:absolute}.z_tds_2f_web-qqZaa6e{[data-swipe-direction=left]>&,[data-swipe-direction=right]>&{inset-block-start:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa6f{[data-swipe-direction=left]>&,[data-swipe-direction=right]>&{inset-inline-end:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa6g{box-sizing:border-box}.z_tds_2f_web-qqZaa6h{margin-inline:auto}.z_tds_2f_web-qqZaa6i{max-width:var(--z-tds_2f_web-container-512,32rem)}.z_tds_2f_web-qqZaa6j{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-qqZaa6k{box-shadow:0 1px 2px #0000000a,0 16px 48px -12px #00000024}.z_tds_2f_web-qqZaa6l{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-qqZaa6m{max-height:100%}.z_tds_2f_web-qqZaa6n{outline:none}.z_tds_2f_web-qqZaa6o{overflow-y:auto}.z_tds_2f_web-qqZaa6p{overscroll-behavior:contain}.z_tds_2f_web-qqZaa6q{padding:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-qqZaa6r{position:relative}.z_tds_2f_web-qqZaa6s{transition-property:opacity,transform}.z_tds_2f_web-qqZaa6t{font-family:var(--z-tds_2f_web-typography-body-b2-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-qqZaa6u{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-qqZaa6v{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-qqZaa6w{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,-.09px)}.z_tds_2f_web-qqZaa6x{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-qqZaa6y{will-change:transform}.z_tds_2f_web-qqZaa6z{&[data-swipe-direction=down]{align-self:end}}.z_tds_2f_web-qqZaa610{&[data-swipe-direction=down]{border-top-left-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa611{&[data-swipe-direction=down]{border-top-right-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa612{&[data-swipe-direction=down]{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.z_tds_2f_web-qqZaa613{&[data-swipe-direction=down]{transform:translateY(var(--drawer-swipe-movement-y,0px))}}.z_tds_2f_web-qqZaa614{&[data-swipe-direction=down]{width:100%}}.z_tds_2f_web-qqZaa615{&[data-swipe-direction=down][data-ending-style],&[data-swipe-direction=down][data-starting-style]{transform:translateY(100%)}}.z_tds_2f_web-qqZaa616{&[data-swipe-direction=left]{border-bottom-right-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa617{&[data-swipe-direction=left]{border-top-right-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa618{&[data-swipe-direction=left]{height:100%}}.z_tds_2f_web-qqZaa619{&[data-swipe-direction=left]{justify-self:start}}.z_tds_2f_web-qqZaa61a{&[data-swipe-direction=left]{max-width:calc(100vw - 3rem)}}.z_tds_2f_web-qqZaa61b{&[data-swipe-direction=left]{padding:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa61c{&[data-swipe-direction=left]{transform:translateX(var(--drawer-swipe-movement-x,0px))}}.z_tds_2f_web-qqZaa61d{&[data-swipe-direction=left]{width:27.5rem}}.z_tds_2f_web-qqZaa61e{&[data-swipe-direction=left][data-ending-style],&[data-swipe-direction=left][data-starting-style]{transform:translate(-100%)}}.z_tds_2f_web-qqZaa61f{&[data-swipe-direction=right]{border-bottom-left-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61g{&[data-swipe-direction=right]{border-top-left-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61h{&[data-swipe-direction=right]{height:100%}}.z_tds_2f_web-qqZaa61i{&[data-swipe-direction=right]{justify-self:end}}.z_tds_2f_web-qqZaa61j{&[data-swipe-direction=right]{max-width:calc(100vw - 3rem)}}.z_tds_2f_web-qqZaa61k{&[data-swipe-direction=right]{padding:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa61l{&[data-swipe-direction=right]{transform:translateX(var(--drawer-swipe-movement-x,0px))}}.z_tds_2f_web-qqZaa61m{&[data-swipe-direction=right]{width:27.5rem}}.z_tds_2f_web-qqZaa61n{&[data-swipe-direction=right][data-ending-style],&[data-swipe-direction=right][data-starting-style]{transform:translate(100%)}}.z_tds_2f_web-qqZaa61o{&[data-swipe-direction=up]{align-self:start}}.z_tds_2f_web-qqZaa61p{&[data-swipe-direction=up]{border-bottom-left-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61q{&[data-swipe-direction=up]{border-bottom-right-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61r{&[data-swipe-direction=up]{transform:translateY(var(--drawer-swipe-movement-y,0px))}}.z_tds_2f_web-qqZaa61s{&[data-swipe-direction=up]{width:100%}}.z_tds_2f_web-qqZaa61t{&[data-swipe-direction=up][data-ending-style],&[data-swipe-direction=up][data-starting-style]{transform:translateY(-100%)}}.z_tds_2f_web-qqZaa61u{&[data-swiping]{user-select:none}}.z_tds_2f_web-qqZaa61v{&[data-close-button] [data-drawer-title]{padding-inline-end:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-qqZaa61w{&[data-close-button] [data-drawer-title]{padding-top:var(--z-tds_2f_web-spacing-8,.5rem)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-qqZaa61x{transition-property:opacity}.z_tds_2f_web-qqZaa61y{&[data-swipe-direction][data-ending-style],&[data-swipe-direction][data-starting-style]{opacity:0}}.z_tds_2f_web-qqZaa61z{&[data-swipe-direction][data-ending-style],&[data-swipe-direction][data-starting-style]{transform:none}}}.z_tds_2f_web-qqZaa620{display:grid}.z_tds_2f_web-qqZaa621{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-qqZaa622{position:fixed}
+.z_tds_2f_web-qqZaa60{background-color:var(--z-tds_2f_web-color-neutral-100,#000)}.z_tds_2f_web-qqZaa61{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-qqZaa62{opacity:calc(.4 * (1 - var(--drawer-swipe-progress,0)))}.z_tds_2f_web-qqZaa63{position:fixed}.z_tds_2f_web-qqZaa64{transition-duration:var(--z-tds_2f_web-transitionDuration-320,.32s)}.z_tds_2f_web-qqZaa65{transition-property:opacity}.z_tds_2f_web-qqZaa66{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-qqZaa67{&[data-ending-style]{opacity:0}}.z_tds_2f_web-qqZaa68{&[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .24s)}}.z_tds_2f_web-qqZaa69{&[data-starting-style]{opacity:0}}.z_tds_2f_web-qqZaa6a{&[data-swiping]{transition-duration:var(--z-tds_2f_web-transitionDuration-0,0s)}}.z_tds_2f_web-qqZaa6b{inset-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-qqZaa6c{inset-inline-end:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-qqZaa6d{position:absolute}.z_tds_2f_web-qqZaa6e{[data-swipe-direction=left]>&,[data-swipe-direction=right]>&{inset-block-start:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa6f{[data-swipe-direction=left]>&,[data-swipe-direction=right]>&{inset-inline-end:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa6g{box-sizing:border-box}.z_tds_2f_web-qqZaa6h{margin-inline:auto}.z_tds_2f_web-qqZaa6i{max-width:var(--z-tds_2f_web-container-512,32rem)}.z_tds_2f_web-qqZaa6j{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),#1a1a1a))}.z_tds_2f_web-qqZaa6k{box-shadow:0 1px 2px #0000000a,0 16px 48px -12px #00000024}.z_tds_2f_web-qqZaa6l{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-qqZaa6m{max-height:100%}.z_tds_2f_web-qqZaa6n{outline:none}.z_tds_2f_web-qqZaa6o{overflow-y:auto}.z_tds_2f_web-qqZaa6p{overscroll-behavior:contain}.z_tds_2f_web-qqZaa6q{padding:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-qqZaa6r{position:relative}.z_tds_2f_web-qqZaa6s{transition-property:opacity,transform}.z_tds_2f_web-qqZaa6t{font-family:var(--z-tds_2f_web-typography-body-b2-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-qqZaa6u{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-qqZaa6v{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-qqZaa6w{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,-.09px)}.z_tds_2f_web-qqZaa6x{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-qqZaa6y{will-change:transform}.z_tds_2f_web-qqZaa6z{&[data-swipe-direction=down]{align-self:end}}.z_tds_2f_web-qqZaa610{&[data-swipe-direction=down]{border-top-left-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa611{&[data-swipe-direction=down]{border-top-right-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa612{&[data-swipe-direction=down]{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.z_tds_2f_web-qqZaa613{&[data-swipe-direction=down]{transform:translateY(var(--drawer-swipe-movement-y,0px))}}.z_tds_2f_web-qqZaa614{&[data-swipe-direction=down]{width:100%}}.z_tds_2f_web-qqZaa615{&[data-swipe-direction=down][data-ending-style],&[data-swipe-direction=down][data-starting-style]{transform:translateY(100%)}}.z_tds_2f_web-qqZaa616{&[data-swipe-direction=left]{border-bottom-right-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa617{&[data-swipe-direction=left]{border-top-right-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa618{&[data-swipe-direction=left]{height:100%}}.z_tds_2f_web-qqZaa619{&[data-swipe-direction=left]{justify-self:start}}.z_tds_2f_web-qqZaa61a{&[data-swipe-direction=left]{max-width:calc(100vw - 3rem)}}.z_tds_2f_web-qqZaa61b{&[data-swipe-direction=left]{padding:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa61c{&[data-swipe-direction=left]{transform:translateX(var(--drawer-swipe-movement-x,0px))}}.z_tds_2f_web-qqZaa61d{&[data-swipe-direction=left]{width:27.5rem}}.z_tds_2f_web-qqZaa61e{&[data-swipe-direction=left][data-ending-style],&[data-swipe-direction=left][data-starting-style]{transform:translate(-100%)}}.z_tds_2f_web-qqZaa61f{&[data-swipe-direction=right]{border-bottom-left-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61g{&[data-swipe-direction=right]{border-top-left-radius:var(--z-tds_2f_web-radius-lg,calc(2rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61h{&[data-swipe-direction=right]{height:100%}}.z_tds_2f_web-qqZaa61i{&[data-swipe-direction=right]{justify-self:end}}.z_tds_2f_web-qqZaa61j{&[data-swipe-direction=right]{max-width:calc(100vw - 3rem)}}.z_tds_2f_web-qqZaa61k{&[data-swipe-direction=right]{padding:var(--z-tds_2f_web-spacing-32,2rem)}}.z_tds_2f_web-qqZaa61l{&[data-swipe-direction=right]{transform:translateX(var(--drawer-swipe-movement-x,0px))}}.z_tds_2f_web-qqZaa61m{&[data-swipe-direction=right]{width:27.5rem}}.z_tds_2f_web-qqZaa61n{&[data-swipe-direction=right][data-ending-style],&[data-swipe-direction=right][data-starting-style]{transform:translate(100%)}}.z_tds_2f_web-qqZaa61o{&[data-swipe-direction=up]{align-self:start}}.z_tds_2f_web-qqZaa61p{&[data-swipe-direction=up]{border-bottom-left-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61q{&[data-swipe-direction=up]{border-bottom-right-radius:var(--z-tds_2f_web-radius-sm,calc(1rem * var(--tds-corner-scale,1)))}}.z_tds_2f_web-qqZaa61r{&[data-swipe-direction=up]{transform:translateY(var(--drawer-swipe-movement-y,0px))}}.z_tds_2f_web-qqZaa61s{&[data-swipe-direction=up]{width:100%}}.z_tds_2f_web-qqZaa61t{&[data-swipe-direction=up][data-ending-style],&[data-swipe-direction=up][data-starting-style]{transform:translateY(-100%)}}.z_tds_2f_web-qqZaa61u{&[data-swiping]{user-select:none}}.z_tds_2f_web-qqZaa61v{&[data-close-button] [data-drawer-title]{padding-inline-end:var(--z-tds_2f_web-spacing-56,3.5rem)}}.z_tds_2f_web-qqZaa61w{&[data-close-button] [data-drawer-title]{padding-top:var(--z-tds_2f_web-spacing-8,.5rem)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-qqZaa61x{transition-property:opacity}.z_tds_2f_web-qqZaa61y{&[data-swipe-direction][data-ending-style],&[data-swipe-direction][data-starting-style]{opacity:0}}.z_tds_2f_web-qqZaa61z{&[data-swipe-direction][data-ending-style],&[data-swipe-direction][data-starting-style]{transform:none}}}.z_tds_2f_web-qqZaa620{display:grid}.z_tds_2f_web-qqZaa621{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-qqZaa622{position:fixed}