@tempoxyz/ds 0.2.0 → 0.2.4

package/dist/web/components/Frame.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-column-gap-0{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-display-1{display:flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-justify-content-2{justify-content:flex-end}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-flex-grow-1{flex-grow:1}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-min-height-2{min-height:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-overflow-y-3{overflow-y:auto}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-family-4{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_frame_2f_body-font-size-5{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-weight-6{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-letter-spacing-7{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-line-height-8{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-border-2{border:none}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-border-radius-3{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-text-4{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-cursor-5{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-display-6{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-grid-column-7{grid-column:2}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-grid-row-8{grid-row:1}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-h-9{height:var(--z-tds_2f_web-spacing-32,2rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-justify-content-10{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-color-11{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-offset-12{outline-offset:0px}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-style-13{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-width-14{outline-width:2px}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-p-15{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-duration-16{transition-duration:.16s}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-property-17{transition-property:background-color,outline-color,outline-offset,transform}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-timing-function-18{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-w-19{width:var(--z-tds_2f_web-spacing-32,2rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-20{&:hover{background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-21{&:active{background-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transform-22{&:active{transform:scale(.96)}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-color-23{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-offset-24{&:focus-visible{outline-offset:2px}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-property-25{transition-property:background-color,outline-color}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transform-26{&:active{transform:none}}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_description-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_description-grid-column-1{grid-column:1}.z-tds_2f_web-tds_2f_web_2f_frame_2f_description-m-2{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-display-0{display:flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-flex-direction-1{flex-direction:column}.z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-flex-shrink-2{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-align-items-0{align-items:start}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-display-2{display:grid}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-grid-template-columns-3{grid-template-columns:minmax(0,1fr) auto}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-row-gap-4{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-box-sizing-0{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-text-1{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-row-gap-3{row-gap:var(--z-tds_2f_web-spacing-24,1.5rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-font-family-0{font-family:var(--z-tds_2f_web-typography-heading-24-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_frame_2f_title-font-size-1{font-size:var(--z-tds_2f_web-typography-heading-24-fontSize,24px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-font-weight-2{font-weight:var(--z-tds_2f_web-typography-heading-24-fontWeight,600)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-letter-spacing-3{letter-spacing:var(--z-tds_2f_web-typography-heading-24-letterSpacing,-.47px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-line-height-4{line-height:var(--z-tds_2f_web-typography-heading-24-lineHeight,32px)}
+.z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-column-gap-0{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-display-1{display:flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-flex-basis-2{&>:where(:not([data-shape=icon])){flex-basis:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-flex-grow-3{&>:where(:not([data-shape=icon])){flex-grow:1}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-flex-grow-1{flex-grow:1}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-family-2{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_frame_2f_body-font-size-3{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-weight-4{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-letter-spacing-5{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-line-height-6{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-bg-7{&>[data-rows]{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-border-radius-8{&>[data-rows]{border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_body-overflow-9{&>[data-rows]{overflow:hidden}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-1{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-border-2{border:none}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-border-radius-3{border-radius:var(--z-tds_2f_web-radius-full,9999px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-text-4{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-cursor-5{cursor:pointer}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-display-6{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-grid-column-7{grid-column:2}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-grid-row-8{grid-row:1}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-h-9{height:var(--z-tds_2f_web-spacing-32,2rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-justify-content-10{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-color-11{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-offset-12{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-style-13{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-width-14{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-p-15{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-duration-16{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-property-17{transition-property:background-color,outline-color,outline-offset,transform}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-timing-function-18{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-w-19{width:var(--z-tds_2f_web-spacing-32,2rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-20{&:hover{background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-21{&:active{background-color:var(--z-tds_2f_web-color-grayAlpha-300,light-dark(#0000001a,#ffffff21))}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transform-22{&:active{transform:scale(.96)}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-color-23{&:focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-offset-24{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-property-25{transition-property:background-color,outline-color}.z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transform-26{&:active{transform:none}}}.z-tds_2f_web-tds_2f_web_2f_frame_2f_description-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_description-grid-column-1{grid-column:1}.z-tds_2f_web-tds_2f_web_2f_frame_2f_description-m-2{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-display-0{display:flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-flex-direction-1{flex-direction:column}.z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-flex-shrink-2{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-align-items-0{align-items:start}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-display-2{display:grid}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-grid-template-columns-3{grid-template-columns:minmax(0,1fr) auto}.z-tds_2f_web-tds_2f_web_2f_frame_2f_header-row-gap-4{row-gap:var(--z-tds_2f_web-spacing-4,.25rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-box-sizing-0{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-text-1{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_frame_2f_root-row-gap-3{row-gap:var(--z-tds_2f_web-spacing-24,1.5rem)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-font-family-0{font-family:var(--z-tds_2f_web-typography-heading-24-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_frame_2f_title-font-size-1{font-size:var(--z-tds_2f_web-typography-heading-24-fontSize,24px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-font-weight-2{font-weight:var(--z-tds_2f_web-typography-heading-24-fontWeight,600)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-letter-spacing-3{letter-spacing:var(--z-tds_2f_web-typography-heading-24-letterSpacing,-.47px)}.z-tds_2f_web-tds_2f_web_2f_frame_2f_title-line-height-4{line-height:var(--z-tds_2f_web-typography-heading-24-lineHeight,32px)}

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

@@ -24,12 +24,19 @@ import type * as zyzz from 'zyzz';
 export declare function Frame(props: Frame.Props): import("react").JSX.Element;
 export declare namespace Frame {
     type Props = Root.Props;
-    /** A row of action buttons aligned to the end. */
+    /**
+     * A row of action buttons that share its width equally. Each action stays at least as wide as
+     * its label, and a `shape="icon"` button keeps its own size. If you stack the actions in a column,
+     * set `flex-basis: auto` on them so each keeps its height.
+     */
     function Actions(props: Actions.Props): import("react").JSX.Element;
     namespace Actions {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.actions>;
     }
-    /** The main content area. It grows to fill the frame and scrolls when its content overflows. */
+    /**
+     * The main content area. It grows to fill the frame and never scrolls, so the container that holds
+     * the frame handles overflow. A direct child `Rows` renders as a filled, rounded well.
+     */
     function Body(props: Body.Props): import("react").JSX.Element;
     namespace Body {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.body>;
@@ -86,18 +93,28 @@ export declare namespace Frame {
 declare namespace styles {
     const actions: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly columnGap: "8";
+            readonly columnGap: "12";
             readonly display: "flex";
-            readonly justifyContent: "flex-end";
+            readonly selectors: {
+                readonly '& > :where(:not([data-shape="icon"]))': {
+                    readonly flexBasis: "0";
+                    readonly flexGrow: "1 !custom";
+                };
+            };
         };
     }, "react">;
     const body: zyzz.variants.ReturnType<{
         readonly base: {
             readonly color: "gray.900";
             readonly flexGrow: "1 !custom";
-            readonly minHeight: "0";
-            readonly overflowY: "auto";
             readonly typography: "copy.14";
+            readonly selectors: {
+                readonly '& > [data-rows]': {
+                    readonly backgroundColor: "grayAlpha.100";
+                    readonly borderRadius: "12";
+                    readonly overflow: "hidden";
+                };
+            };
         };
     }, "react">;
     const close: zyzz.variants.ReturnType<{
@@ -114,11 +131,11 @@ declare namespace styles {
             readonly height: "32";
             readonly justifyContent: "center";
             readonly outlineColor: "transparent !custom";
-            readonly outlineOffset: "0px !custom";
+            readonly outlineOffset: "0";
             readonly outlineStyle: "solid !custom";
-            readonly outlineWidth: "2px !custom";
+            readonly outlineWidth: "2";
             readonly padding: "0";
-            readonly transitionDuration: "160ms";
+            readonly transitionDuration: "160";
             readonly transitionProperty: "background-color, outline-color, outline-offset, transform";
             readonly transitionTimingFunction: "snappy";
             readonly width: "32";
@@ -132,7 +149,7 @@ declare namespace styles {
                 };
                 readonly '&:focus-visible': {
                     readonly outlineColor: "blue.700";
-                    readonly outlineOffset: "2px !custom";
+                    readonly outlineOffset: "2";
                 };
             };
             readonly '@media (prefers-reduced-motion: reduce)': {

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

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

package/dist/web/components/Frame.js

@@ -29,13 +29,20 @@ export function Frame(props) {
     return _jsx(Frame.Root, { ...props });
 }
 (function (Frame) {
-    /** A row of action buttons aligned to the end. */
+    /**
+     * A row of action buttons that share its width equally. Each action stays at least as wide as
+     * its label, and a `shape="icon"` button keeps its own size. If you stack the actions in a column,
+     * set `flex-basis: auto` on them so each keeps its height.
+     */
     function Actions(props) {
         const { className, vars, ...attributes } = props;
         return _jsx("div", { ...attributes, ...styles.actions({ className, style: props.style, vars }) });
     }
     Frame.Actions = Actions;
-    /** The main content area. It grows to fill the frame and scrolls when its content overflows. */
+    /**
+     * The main content area. It grows to fill the frame and never scrolls, so the container that holds
+     * the frame handles overflow. A direct child `Rows` renders as a filled, rounded well.
+     */
     function Body(props) {
         const { className, vars, ...attributes } = props;
         return _jsx("div", { ...attributes, ...styles.body({ className, style: props.style, vars }) });
@@ -101,10 +108,10 @@ export function Frame(props) {
 })(Frame || (Frame = {}));
 var styles;
 (function (styles) {
-    styles.actions = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-column-gap-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-display-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-justify-content-2"});
-    styles.body = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_body-text-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-flex-grow-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-min-height-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-overflow-y-3 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-family-4 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-size-5 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-weight-6 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-letter-spacing-7 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-line-height-8"});
+    styles.actions = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-column-gap-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-display-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-flex-basis-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_actions-flex-grow-3"});
+    styles.body = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_body-text-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-flex-grow-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-family-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-size-3 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-weight-4 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-letter-spacing-5 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-line-height-6 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-bg-7 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-border-radius-8 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-overflow-9"});
     styles.close = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_close-align-items-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-border-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-border-radius-3 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-text-4 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-cursor-5 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-display-6 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-grid-column-7 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-grid-row-8 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-h-9 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-justify-content-10 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-color-11 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-offset-12 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-style-13 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-width-14 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-p-15 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-duration-16 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-property-17 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-timing-function-18 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-w-19 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-20 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-bg-21 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transform-22 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-color-23 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-outline-offset-24 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transition-property-25 z-tds_2f_web-tds_2f_web_2f_frame_2f_close-transform-26"});
-    styles.description = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_description-text-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_description-grid-column-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_description-m-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-family-4 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-size-5 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-weight-6 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-letter-spacing-7 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-line-height-8"});
+    styles.description = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_description-text-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_description-grid-column-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_description-m-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-family-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-size-3 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-font-weight-4 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-letter-spacing-5 z-tds_2f_web-tds_2f_web_2f_frame_2f_body-line-height-6"});
     styles.footer = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-display-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-flex-direction-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-flex-shrink-2"});
     styles.header = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_header-align-items-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_header-column-gap-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_header-display-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_header-grid-template-columns-3 z-tds_2f_web-tds_2f_web_2f_frame_2f_header-row-gap-4"});
     styles.root = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_frame_2f_root-box-sizing-0 z-tds_2f_web-tds_2f_web_2f_frame_2f_root-text-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_root-display-2 z-tds_2f_web-tds_2f_web_2f_frame_2f_footer-flex-direction-1 z-tds_2f_web-tds_2f_web_2f_frame_2f_root-row-gap-3"});

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

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