timvir 0.2.42 → 0.2.43

package/blocks/Exhibit/styles.css

@@ -1,4 +1,24 @@
 @layer priority1 {
+  .timvir-s-1f9b50e {
+    --timvir-margin: var(--timvir-page-margin);
+  }
+
+  .timvir-s-1hz7z82 {
+    --timvir-page-margin: 16px;
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-1i3za4p.timvir-s-1i3za4p {
+      --timvir-page-margin: 24px;
+    }
+  }
+}
+
+@layer priority2 {
+  .timvir-s-1t4wa6b {
+    margin: 0 0 2rem;
+  }
+
   .timvir-s-1717udv {
     padding: 0;
   }
@@ -8,7 +28,7 @@
   }
 }
 
-@layer priority2 {
+@layer priority3 {
   .timvir-s-1tffoc1 {
     border-color: var(--timvir-b-Exhibit-borderColor);
   }
@@ -29,6 +49,18 @@
     border-width: 1px;
   }
 
+  .timvir-s-htle6 {
+    grid-column: lc / rc;
+  }
+
+  .timvir-s-1ywaqmw {
+    grid-column: le / re;
+  }
+
+  .timvir-s-bldiei {
+    grid-column: lex / rex;
+  }
+
   .timvir-s-rxpjvj {
     margin-inline: 0;
   }
@@ -38,7 +70,7 @@
   }
 }
 
-@layer priority3 {
+@layer priority4 {
   .timvir-s-7zdco {
     background-image: var(--timvir-b-Exhibit-background);
   }
@@ -51,17 +83,45 @@
     display: flow-root;
   }
 
+  .timvir-s-rvj5dj {
+    display: grid;
+  }
+
   .timvir-s-1dcheo9 {
     font-size: .8125rem;
   }
 
+  .timvir-s-3xbxsf {
+    grid-auto-rows: min-content;
+  }
+
+  .timvir-s-12c0rpe {
+    grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
+  }
+
   .timvir-s-jkpybl {
     line-height: 1.1875;
   }
+
+  @media (width >= 72rem) {
+    .timvir-s-1mxrek7.timvir-s-1mxrek7 {
+      grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
+    }
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-9q0i6z.timvir-s-9q0i6z {
+      grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
+    }
+  }
 }
 
-@layer priority4 {
+@layer priority5 {
   .timvir-s-lwy1ot {
     margin-top: .3em;
   }
+
+  .timvir-s-euugli {
+    min-width: 0;
+  }
 }

package/blocks/Font/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { useArticleComponents, layoutStyles } from 'timvir/core';
+import { useArticleComponents } from 'timvir/core';
 import * as React from 'react';
 import * as Icons from 'react-feather';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -15,6 +15,14 @@ function cx(...args) {
   return str;
 }
 
+const layoutStyles = {
+  block: {
+    kBCFzs: "timvir-s-htle6",
+    k7Eaqz: "timvir-s-euugli",
+    kogj98: "timvir-s-1t4wa6b",
+    $$css: true
+  }};
+
 var styleq = {};
 var hasRequiredStyleq;
 function requireStyleq() {

package/blocks/Font/styles.css

@@ -1,4 +1,24 @@
 @layer priority1 {
+  .timvir-s-1f9b50e {
+    --timvir-margin: var(--timvir-page-margin);
+  }
+
+  .timvir-s-1hz7z82 {
+    --timvir-page-margin: 16px;
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-1i3za4p.timvir-s-1i3za4p {
+      --timvir-page-margin: 24px;
+    }
+  }
+}
+
+@layer priority2 {
+  .timvir-s-1t4wa6b {
+    margin: 0 0 2rem;
+  }
+
   .timvir-s-a519c1 {
     margin: 0 auto 0 0;
   }
@@ -8,7 +28,19 @@
   }
 }
 
-@layer priority2 {
+@layer priority3 {
+  .timvir-s-htle6 {
+    grid-column: lc / rc;
+  }
+
+  .timvir-s-1ywaqmw {
+    grid-column: le / re;
+  }
+
+  .timvir-s-bldiei {
+    grid-column: lex / rex;
+  }
+
   .timvir-s-1a2a7pz {
     outline: none;
   }
@@ -26,7 +58,7 @@
   }
 }
 
-@layer priority3 {
+@layer priority4 {
   .timvir-s-1pha0wt {
     align-items: baseline;
   }
@@ -39,6 +71,10 @@
     display: flex;
   }
 
+  .timvir-s-rvj5dj {
+    display: grid;
+  }
+
   .timvir-s-dt5ytf {
     flex-direction: column;
   }
@@ -51,6 +87,14 @@
     font-weight: bold;
   }
 
+  .timvir-s-3xbxsf {
+    grid-auto-rows: min-content;
+  }
+
+  .timvir-s-12c0rpe {
+    grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
+  }
+
   .timvir-s-1mzt3pk {
     overflow-wrap: break-word;
   }
@@ -74,9 +118,25 @@
   .timvir-s-1o7uuvo:hover {
     opacity: 1;
   }
+
+  @media (width >= 72rem) {
+    .timvir-s-1mxrek7.timvir-s-1mxrek7 {
+      grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
+    }
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-9q0i6z.timvir-s-9q0i6z {
+      grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
+    }
+  }
 }
 
-@layer priority4 {
+@layer priority5 {
+  .timvir-s-euugli {
+    min-width: 0;
+  }
+
   .timvir-s-s7f9wi {
     top: 2px;
   }

package/blocks/Grid/index.js

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { layoutStyles } from 'timvir/core';
 import { jsx } from 'react/jsx-runtime';
 
 function cx(...args) {
@@ -164,6 +163,14 @@ function props(...styles) {
     return result;
 }
 
+const layoutStyles = {
+  block: {
+    kBCFzs: "timvir-s-htle6",
+    k7Eaqz: "timvir-s-euugli",
+    kogj98: "timvir-s-1t4wa6b",
+    $$css: true
+  }};
+
 const Root = "div";
 function Grid(props$1, ref) {
   const {

package/blocks/Grid/styles.css

@@ -2,20 +2,78 @@
   .timvir-s-1cca2ej {
     --timvir-margin: calc(var(--timvir-page-margin, 24px) * .5);
   }
+
+  .timvir-s-1f9b50e {
+    --timvir-margin: var(--timvir-page-margin);
+  }
+
+  .timvir-s-1hz7z82 {
+    --timvir-page-margin: 16px;
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-1i3za4p.timvir-s-1i3za4p {
+      --timvir-page-margin: 24px;
+    }
+  }
 }
 
 @layer priority2 {
+  .timvir-s-1t4wa6b {
+    margin: 0 0 2rem;
+  }
+}
+
+@layer priority3 {
   .timvir-s-fww3rt {
     gap: var(--timvir-page-margin, 24px);
   }
+
+  .timvir-s-htle6 {
+    grid-column: lc / rc;
+  }
+
+  .timvir-s-1ywaqmw {
+    grid-column: le / re;
+  }
+
+  .timvir-s-bldiei {
+    grid-column: lex / rex;
+  }
 }
 
-@layer priority3 {
+@layer priority4 {
   .timvir-s-rvj5dj {
     display: grid;
   }
 
+  .timvir-s-3xbxsf {
+    grid-auto-rows: min-content;
+  }
+
+  .timvir-s-12c0rpe {
+    grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
+  }
+
   .timvir-s-1ayh3g3 {
     grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   }
+
+  @media (width >= 72rem) {
+    .timvir-s-1mxrek7.timvir-s-1mxrek7 {
+      grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
+    }
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-9q0i6z.timvir-s-9q0i6z {
+      grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
+    }
+  }
+}
+
+@layer priority5 {
+  .timvir-s-euugli {
+    min-width: 0;
+  }
 }

package/blocks/Message/index.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import * as Icons from 'react-feather';
-import { layoutStyles } from 'timvir/core';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var styleq = {};
@@ -154,6 +153,14 @@ function props(...styles) {
     return result;
 }
 
+const layoutStyles = {
+  block: {
+    kBCFzs: "timvir-s-htle6",
+    k7Eaqz: "timvir-s-euugli",
+    kogj98: "timvir-s-1t4wa6b",
+    $$css: true
+  }};
+
 const Root = "div";
 function Message(props$1, ref) {
   const {

package/blocks/Message/styles.css

@@ -1,14 +1,34 @@
 @layer priority1 {
+  .timvir-s-1f9b50e {
+    --timvir-margin: var(--timvir-page-margin);
+  }
+
+  .timvir-s-1hz7z82 {
+    --timvir-page-margin: 16px;
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-1i3za4p.timvir-s-1i3za4p {
+      --timvir-page-margin: 24px;
+    }
+  }
+}
+
+@layer priority2 {
   .timvir-s-jvto2c {
     margin: -2px 12px 0 -4px;
   }
 
+  .timvir-s-1t4wa6b {
+    margin: 0 0 2rem;
+  }
+
   .timvir-s-qb5aye {
     padding: 16px 24px;
   }
 }
 
-@layer priority2 {
+@layer priority3 {
   .timvir-s-18zih8k {
     border-radius: 3px;
   }
@@ -16,9 +36,21 @@
   .timvir-s-3psx0u {
     flex: none;
   }
+
+  .timvir-s-htle6 {
+    grid-column: lc / rc;
+  }
+
+  .timvir-s-1ywaqmw {
+    grid-column: le / re;
+  }
+
+  .timvir-s-bldiei {
+    grid-column: lex / rex;
+  }
 }
 
-@layer priority3 {
+@layer priority4 {
   .timvir-s-1cy8zhl {
     align-items: flex-start;
   }
@@ -67,10 +99,22 @@
     display: flex;
   }
 
+  .timvir-s-rvj5dj {
+    display: grid;
+  }
+
   .timvir-s-kpwil5 {
     font-size: .875rem;
   }
 
+  .timvir-s-3xbxsf {
+    grid-auto-rows: min-content;
+  }
+
+  .timvir-s-12c0rpe {
+    grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
+  }
+
   .timvir-s-1evy7pa {
     line-height: 1.5;
   }
@@ -78,13 +122,29 @@
   .timvir-s-1n2onr6 {
     position: relative;
   }
+
+  @media (width >= 72rem) {
+    .timvir-s-1mxrek7.timvir-s-1mxrek7 {
+      grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
+    }
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-9q0i6z.timvir-s-9q0i6z {
+      grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
+    }
+  }
 }
 
-@layer priority4 {
+@layer priority5 {
   .timvir-s-ozkzq6 {
     height: 1.5em;
   }
 
+  .timvir-s-euugli {
+    min-width: 0;
+  }
+
   .timvir-s-xk6nc9 {
     top: 3px;
   }

package/blocks/Swatch/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { useBlock, layoutStyles } from 'timvir/core';
+import { useBlock } from 'timvir/core';
 import * as React from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -165,6 +165,14 @@ function props(...styles) {
     return result;
 }
 
+const layoutStyles = {
+  block: {
+    kBCFzs: "timvir-s-htle6",
+    k7Eaqz: "timvir-s-euugli",
+    kogj98: "timvir-s-1t4wa6b",
+    $$css: true
+  }};
+
 const Root = "div";
 function Swatch(props$1, ref) {
   const block = useBlock(props$1);

package/blocks/Swatch/styles.css

@@ -1,20 +1,52 @@
 @layer priority1 {
+  .timvir-s-1f9b50e {
+    --timvir-margin: var(--timvir-page-margin);
+  }
+
+  .timvir-s-1hz7z82 {
+    --timvir-page-margin: 16px;
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-1i3za4p.timvir-s-1i3za4p {
+      --timvir-page-margin: 24px;
+    }
+  }
+}
+
+@layer priority2 {
+  .timvir-s-1t4wa6b {
+    margin: 0 0 2rem;
+  }
+
   .timvir-s-84vhe8 {
     padding: 0 12px;
   }
 }
 
-@layer priority2 {
+@layer priority3 {
   .timvir-s-1cum3z5 {
     border-radius: 2px;
   }
 
+  .timvir-s-htle6 {
+    grid-column: lc / rc;
+  }
+
+  .timvir-s-1ywaqmw {
+    grid-column: le / re;
+  }
+
+  .timvir-s-bldiei {
+    grid-column: lex / rex;
+  }
+
   .timvir-s-zhuw26 {
     transition: all .16s;
   }
 }
 
-@layer priority3 {
+@layer priority4 {
   .timvir-s-6s0dn4 {
     align-items: center;
   }
@@ -27,6 +59,10 @@
     display: flex;
   }
 
+  .timvir-s-rvj5dj {
+    display: grid;
+  }
+
   .timvir-s-dt5ytf {
     flex-direction: column;
   }
@@ -35,6 +71,14 @@
     font-size: .8em;
   }
 
+  .timvir-s-3xbxsf {
+    grid-auto-rows: min-content;
+  }
+
+  .timvir-s-12c0rpe {
+    grid-template-columns: [le] var(--timvir-page-margin) [lex lc] 1fr[rc rex] var(--timvir-page-margin) [re];
+  }
+
   .timvir-s-l56j7k {
     justify-content: center;
   }
@@ -58,9 +102,21 @@
   .timvir-s-1n2onr6 {
     position: relative;
   }
+
+  @media (width >= 72rem) {
+    .timvir-s-1mxrek7.timvir-s-1mxrek7 {
+      grid-template-columns: [le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem[rc] minmax(0, 12rem) [rex] var(--timvir-page-margin) 1fr[re];
+    }
+  }
+
+  @media (width >= 48rem) {
+    .timvir-s-9q0i6z.timvir-s-9q0i6z {
+      grid-template-columns: [le] var(--timvir-page-margin) [lex] 1fr[lc] minmax(0, 48rem) [rc] 1fr[rex] var(--timvir-page-margin) [re];
+    }
+  }
 }
 
-@layer priority4 {
+@layer priority5 {
   .timvir-s-1ey2m1c {
     bottom: 0;
   }
@@ -69,6 +125,10 @@
     left: 0;
   }
 
+  .timvir-s-euugli {
+    min-width: 0;
+  }
+
   .timvir-s-1yrsyyn {
     padding-top: 6px;
   }

package/blocks/Viewport/index.js

@@ -1,6 +1,6 @@
 'use client';
 import * as React from 'react';
-import { useArticleComponents, useBlock, layoutStyles } from 'timvir/core';
+import { useArticleComponents, useBlock } from 'timvir/core';
 import { useResizeObserverEntry, useResizeObserver } from 'timvir/hooks';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import * as Icons from 'react-feather';
@@ -168,6 +168,19 @@ function props(...styles) {
     return result;
 }
 
+const layoutStyles = {
+  block: {
+    kBCFzs: "timvir-s-htle6",
+    k7Eaqz: "timvir-s-euugli",
+    kogj98: "timvir-s-1t4wa6b",
+    $$css: true
+  },
+  fullWidth: {
+    kBCFzs: "timvir-s-1ywaqmw",
+    $$css: true
+  }
+};
+
 function Caption(props) {
   const components = useArticleComponents();
   const {