@tempoxyz/ds 0.2.5 → 0.3.0

package/dist/web/components/Drawer.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-bg-0{background-color:var(--z-tds_2f_web-color-black,#000)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-inset-1{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-opacity-2{opacity:calc(.4 * (1 - var(--drawer-swipe-progress,0)))}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-position-3{position:fixed}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-4{transition-duration:var(--z-tds_2f_web-transitionDuration-320,.32s)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-property-5{transition-property:opacity}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-timing-function-6{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-opacity-7{&[data-ending-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-8{&[data-ending-style]{transition-duration:calc(var(--drawer-swipe-strength,1) * .24s)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-opacity-9{&[data-starting-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-10{&[data-swiping]{transition-duration:var(--z-tds_2f_web-transitionDuration-0,0s)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_content-box-sizing-0{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_content-margin-inline-1{margin-inline:auto}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_content-max-width-2{max-width:var(--z-tds_2f_web-container-512,32rem)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-bg-0{background-color:var(--z-tds_2f_web-color-background-raised,light-dark(#fff,#1f1e1e))}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-box-shadow-1{box-shadow:var(--z-tds_2f_web-shadow-modal,0 32px 64px -16px #00000047)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-text-2{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-max-height-3{max-height:100%}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-outline-4{outline:none}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-overflow-y-5{overflow-y:auto}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-overscroll-behavior-6{overscroll-behavior:contain}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-p-7{padding:var(--z-tds_2f_web-spacing-24,1.5rem)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-position-8{position:relative}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transition-property-9{transition-property:opacity,transform}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-font-family-10{font-family:var(--z-tds_2f_web-typography-copy-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_drawer_2f_popup-font-size-11{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-font-weight-12{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-letter-spacing-13{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-line-height-14{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-will-change-15{will-change:transform}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-align-self-16{&[data-swipe-direction=down]{align-self:end}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-left-radius-17{&[data-swipe-direction=down]{border-top-left-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-right-radius-18{&[data-swipe-direction=down]{border-top-right-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-pb-19{&[data-swipe-direction=down]{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-20{&[data-swipe-direction=down]{transform:translateY(var(--drawer-swipe-movement-y,0px))}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-21{&[data-swipe-direction=down]{width:100%}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-22{&[data-swipe-direction=down][data-ending-style],&[data-swipe-direction=down][data-starting-style]{transform:translateY(100%)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-right-radius-23{&[data-swipe-direction=left]{border-bottom-right-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-right-radius-24{&[data-swipe-direction=left]{border-top-right-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-h-25{&[data-swipe-direction=left]{height:100%}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-justify-self-26{&[data-swipe-direction=left]{justify-self:start}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-max-width-27{&[data-swipe-direction=left]{max-width:calc(100vw - 3rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-28{&[data-swipe-direction=left]{transform:translateX(var(--drawer-swipe-movement-x,0px))}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-29{&[data-swipe-direction=left]{width:22rem}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-30{&[data-swipe-direction=left][data-ending-style],&[data-swipe-direction=left][data-starting-style]{transform:translate(-100%)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-left-radius-31{&[data-swipe-direction=right]{border-bottom-left-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-left-radius-32{&[data-swipe-direction=right]{border-top-left-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-h-33{&[data-swipe-direction=right]{height:100%}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-justify-self-34{&[data-swipe-direction=right]{justify-self:end}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-max-width-35{&[data-swipe-direction=right]{max-width:calc(100vw - 3rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-36{&[data-swipe-direction=right]{transform:translateX(var(--drawer-swipe-movement-x,0px))}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-37{&[data-swipe-direction=right]{width:22rem}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-38{&[data-swipe-direction=right][data-ending-style],&[data-swipe-direction=right][data-starting-style]{transform:translate(100%)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-align-self-39{&[data-swipe-direction=up]{align-self:start}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-left-radius-40{&[data-swipe-direction=up]{border-bottom-left-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-right-radius-41{&[data-swipe-direction=up]{border-bottom-right-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-42{&[data-swipe-direction=up]{transform:translateY(var(--drawer-swipe-movement-y,0px))}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-43{&[data-swipe-direction=up]{width:100%}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-44{&[data-swipe-direction=up][data-ending-style],&[data-swipe-direction=up][data-starting-style]{transform:translateY(-100%)}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-user-select-45{&[data-swiping]{user-select:none}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transition-property-46{transition-property:opacity}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-opacity-47{&[data-swipe-direction][data-ending-style],&[data-swipe-direction][data-starting-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-48{&[data-swipe-direction][data-ending-style],&[data-swipe-direction][data-starting-style]{transform:none}}}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_viewport-display-0{display:grid}.z-tds_2f_web-tds_2f_web_2f_drawer_2f_viewport-position-1{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),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,.14px)}.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}

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

@@ -54,13 +54,17 @@ export declare namespace Drawer {
     }
     /**
      * Renders the portal, scrim, viewport and popup. `Drawer.Root` `swipeDirection` picks the edge.
-     * The popup scrolls when its content overflows. `ref`, `className` and `style` reach the popup.
+     * A `down` or `up` drawer spans the viewport width with 24px padding, and rounds the two corners
+     * away from its edge at radius `sm`. A `left` or `right` drawer is 440px wide and fills the
+     * viewport height, with 32px padding, and rounds the two corners away from its edge at radius
+     * `lg`. Corners on the viewport edge stay square. The popup scrolls when its content overflows. `ref`, `className` and `style` reach the popup.
      */
     function Popup(props: Popup.Props): import("react").JSX.Element;
     namespace Popup {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.popup> & Pick<BaseUi.Drawer.Popup.Props, 'finalFocus' | 'initialFocus' | 'render'> & {
             /**
-             * Renders a top-right X button, labelled "Close", that closes the drawer.
+             * Renders a top-right X button, labelled "Close", that closes the drawer. The
+             * `Drawer.Title` then starts 8px lower, so it centers on the button.
              *
              * @default false
              */
@@ -75,6 +79,7 @@ export declare namespace Drawer {
 }
 declare namespace styles {
     const backdrop: zyzz.style.ReturnType<"react">;
+    const close: zyzz.style.ReturnType<"react">;
     const content: zyzz.style.ReturnType<"react">;
     const popup: zyzz.style.ReturnType<"react">;
     const viewport: zyzz.style.ReturnType<"react">;

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/web/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAE9C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,yBAAiB,MAAM,CAAC;IACtB,6FAA6F;IACtF,MAAM,KAAK,oBAAsB,CAAA;IAExC;;;OAGG;IACI,MAAM,IAAI,0BAAqB,CAAA;IAEtC,4FAA4F;IACrF,MAAM,OAAO,sBAAwB,CAAA;IAE5C,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;KAC7C;IAED;;;OAGG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAS3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;KAC9F;IAED,mFAAmF;IACnF,SAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BASnD;IAED,UAAiB,WAAW,CAAC;QAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;KAChG;IAED;;;OAGG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BA4BvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,GACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,GAAG,cAAc,GAAG,QAAQ,CAAC,GAAG;YAC1E;;;;eAIG;YACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SAClC,CAAA;KACJ;IAED,oFAAoF;IACpF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BASvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC3F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,QAAQ,gCAoBpB,CAAA;IAEM,MAAM,OAAO,gCAGnB,CAAA;IAEM,MAAM,KAAK,gCA0EjB,CAAA;IAEM,MAAM,QAAQ,gCAGpB,CAAA;CACF"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/web/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAC/C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAE9C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,yBAAiB,MAAM,CAAC;IACtB,6FAA6F;IACtF,MAAM,KAAK,oBAAsB,CAAA;IAExC;;;OAGG;IACI,MAAM,IAAI,0BAAqB,CAAA;IAEtC,4FAA4F;IACrF,MAAM,OAAO,sBAAwB,CAAA;IAE5C,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;KAC7C;IAED;;;OAGG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAS3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;KAC9F;IAED,mFAAmF;IACnF,SAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BASnD;IAED,UAAiB,WAAW,CAAC;QAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;KAChG;IAED;;;;;;OAMG;IACH,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BA4BvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,GACxC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,YAAY,GAAG,cAAc,GAAG,QAAQ,CAAC,GAAG;YAC1E;;;;;eAKG;YACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SAClC,CAAA;KACJ;IAED,oFAAoF;IACpF,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAUvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC3F;CACF;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,QAAQ,gCAoBpB,CAAA;IAGM,MAAM,KAAK,gCAajB,CAAA;IAEM,MAAM,OAAO,gCAGnB,CAAA;IAGM,MAAM,KAAK,gCA+EjB,CAAA;IAEM,MAAM,QAAQ,gCAGpB,CAAA;CACF"}

package/dist/web/components/Drawer.js

@@ -58,26 +58,32 @@ export var Drawer;
     Drawer.Description = Description;
     /**
      * Renders the portal, scrim, viewport and popup. `Drawer.Root` `swipeDirection` picks the edge.
-     * The popup scrolls when its content overflows. `ref`, `className` and `style` reach the popup.
+     * A `down` or `up` drawer spans the viewport width with 24px padding, and rounds the two corners
+     * away from its edge at radius `sm`. A `left` or `right` drawer is 440px wide and fills the
+     * viewport height, with 32px padding, and rounds the two corners away from its edge at radius
+     * `lg`. Corners on the viewport edge stay square. The popup scrolls when its content overflows. `ref`, `className` and `style` reach the popup.
      */
     function Popup(props) {
         const { children, className, closeButton = false, vars, ...attributes } = props;
-        return (_jsxs(BaseUi.Drawer.Portal, { children: [_jsx(BaseUi.Drawer.Backdrop, { ...styles.backdrop() }), _jsx(BaseUi.Drawer.Viewport, { ...styles.viewport(), children: _jsxs(BaseUi.Drawer.Popup, { ...attributes, "data-close-button": closeButton || undefined, ...styles.popup({ className, style: props.style, vars }), children: [children, closeButton && (_jsx(BaseUi.Drawer.Close, { "aria-label": "Close", render: _jsx(Button, { shape: "icon", size: "medium", variant: "secondary", ...dialog.close() }), children: _jsx(CloseIcon, {}) }))] }) })] }));
+        return (_jsxs(BaseUi.Drawer.Portal, { children: [_jsx(BaseUi.Drawer.Backdrop, { ...styles.backdrop() }), _jsx(BaseUi.Drawer.Viewport, { ...styles.viewport(), children: _jsxs(BaseUi.Drawer.Popup, { ...attributes, "data-close-button": closeButton || undefined, ...styles.popup({ className, style: props.style, vars }), children: [children, closeButton && (_jsx(BaseUi.Drawer.Close, { "aria-label": "Close", render: _jsx(Button, { shape: "icon", size: "medium", variant: "secondary", ...styles.close() }), children: _jsx(CloseIcon, {}) }))] }) })] }));
     }
     Drawer.Popup = Popup;
     /** Renders an `<h2>` that Base UI references from the popup's `aria-labelledby`. */
     function Title(props) {
         const { className, vars, ...attributes } = props;
-        return (_jsx(BaseUi.Drawer.Title, { ...attributes, ...dialog.title({ className, style: props.style, vars }) }));
+        return (_jsx(BaseUi.Drawer.Title, { ...attributes, "data-drawer-title": "", ...dialog.title({ className, style: props.style, vars }) }));
     }
     Drawer.Title = Title;
 })(Drawer || (Drawer = {}));
 var styles;
 (function (styles) {
-    styles.backdrop = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-bg-0 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-inset-1 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-opacity-2 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-position-3 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-4 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-property-5 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-timing-function-6 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-opacity-7 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-8 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-opacity-9 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-10"});
-    styles.content = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_drawer_2f_content-box-sizing-0 z-tds_2f_web-tds_2f_web_2f_drawer_2f_content-margin-inline-1 z-tds_2f_web-tds_2f_web_2f_drawer_2f_content-max-width-2"});
-    styles.popup = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-bg-0 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-box-shadow-1 z-tds_2f_web-tds_2f_web_2f_drawer_2f_content-box-sizing-0 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-text-2 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-max-height-3 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-outline-4 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-overflow-y-5 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-overscroll-behavior-6 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-p-7 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-position-8 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-4 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-8 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-duration-10 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transition-property-9 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-transition-timing-function-6 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-font-family-10 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-font-size-11 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-font-weight-12 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-letter-spacing-13 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-line-height-14 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-will-change-15 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-align-self-16 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-left-radius-17 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-right-radius-18 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-pb-19 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-20 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-21 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-22 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-right-radius-23 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-right-radius-24 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-h-25 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-justify-self-26 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-max-width-27 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-28 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-29 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-30 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-left-radius-31 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-top-left-radius-32 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-h-33 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-justify-self-34 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-max-width-35 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-36 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-37 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-38 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-align-self-39 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-left-radius-40 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-border-bottom-right-radius-41 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-42 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-w-43 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-44 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-user-select-45 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transition-property-46 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-opacity-47 z-tds_2f_web-tds_2f_web_2f_drawer_2f_popup-transform-48"});
-    styles.viewport = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_drawer_2f_viewport-display-0 z-tds_2f_web-tds_2f_web_2f_drawer_2f_backdrop-inset-1 z-tds_2f_web-tds_2f_web_2f_drawer_2f_viewport-position-1"});
+    styles.backdrop = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-qqZaa60 z_tds_2f_web-qqZaa61 z_tds_2f_web-qqZaa62 z_tds_2f_web-qqZaa63 z_tds_2f_web-qqZaa64 z_tds_2f_web-qqZaa65 z_tds_2f_web-qqZaa66 z_tds_2f_web-qqZaa67 z_tds_2f_web-qqZaa68 z_tds_2f_web-qqZaa69 z_tds_2f_web-qqZaa6a"});
+    // The button sits in the padding corner of the popup, which the title keeps clear.
+    styles.close = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-qqZaa6b z_tds_2f_web-qqZaa6c z_tds_2f_web-qqZaa6d z_tds_2f_web-qqZaa6e z_tds_2f_web-qqZaa6f"});
+    styles.content = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-qqZaa6g z_tds_2f_web-qqZaa6h z_tds_2f_web-qqZaa6i"});
+    // The Wallet Modal shadow has no Platform equivalent, so it stays a literal, as in `Dialog`.
+    styles.popup = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-qqZaa6j z_tds_2f_web-qqZaa6k z_tds_2f_web-qqZaa6g z_tds_2f_web-qqZaa6l z_tds_2f_web-qqZaa6m z_tds_2f_web-qqZaa6n z_tds_2f_web-qqZaa6o z_tds_2f_web-qqZaa6p z_tds_2f_web-qqZaa6q z_tds_2f_web-qqZaa6r z_tds_2f_web-qqZaa64 z_tds_2f_web-qqZaa68 z_tds_2f_web-qqZaa6a z_tds_2f_web-qqZaa6s z_tds_2f_web-qqZaa66 z_tds_2f_web-qqZaa6t z_tds_2f_web-qqZaa6u z_tds_2f_web-qqZaa6v z_tds_2f_web-qqZaa6w z_tds_2f_web-qqZaa6x z_tds_2f_web-qqZaa6y z_tds_2f_web-qqZaa6z z_tds_2f_web-qqZaa610 z_tds_2f_web-qqZaa611 z_tds_2f_web-qqZaa612 z_tds_2f_web-qqZaa613 z_tds_2f_web-qqZaa614 z_tds_2f_web-qqZaa615 z_tds_2f_web-qqZaa616 z_tds_2f_web-qqZaa617 z_tds_2f_web-qqZaa618 z_tds_2f_web-qqZaa619 z_tds_2f_web-qqZaa61a z_tds_2f_web-qqZaa61b z_tds_2f_web-qqZaa61c z_tds_2f_web-qqZaa61d z_tds_2f_web-qqZaa61e z_tds_2f_web-qqZaa61f z_tds_2f_web-qqZaa61g z_tds_2f_web-qqZaa61h z_tds_2f_web-qqZaa61i z_tds_2f_web-qqZaa61j z_tds_2f_web-qqZaa61k z_tds_2f_web-qqZaa61l z_tds_2f_web-qqZaa61m z_tds_2f_web-qqZaa61n z_tds_2f_web-qqZaa61o z_tds_2f_web-qqZaa61p z_tds_2f_web-qqZaa61q z_tds_2f_web-qqZaa61r z_tds_2f_web-qqZaa61s z_tds_2f_web-qqZaa61t z_tds_2f_web-qqZaa61u z_tds_2f_web-qqZaa61v z_tds_2f_web-qqZaa61w z_tds_2f_web-qqZaa61x z_tds_2f_web-qqZaa61y z_tds_2f_web-qqZaa61z"});
+    styles.viewport = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-qqZaa620 z_tds_2f_web-qqZaa621 z_tds_2f_web-qqZaa622"});
 })(styles || (styles = {}));
 //# sourceMappingURL=Drawer.js.map
 import './Drawer.css';

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

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