timvir 0.2.42 → 0.2.44

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,7 +1,6 @@
 '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';
 
 function cx(...args) {
@@ -15,6 +14,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() {
@@ -166,6 +173,26 @@ function props(...styles) {
     return result;
 }
 
+const SvgInfo = props => /*#__PURE__*/jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: [/*#__PURE__*/jsx("circle", {
+    cx: 12,
+    cy: 12,
+    r: 10
+  }), /*#__PURE__*/jsx("path", {
+    d: "M12 16v-4M12 8h.01"
+  })]
+});
+
 const Root = "div";
 function Font(props$1, ref) {
   const components = useArticleComponents();
@@ -232,8 +259,9 @@ function Font(props$1, ref) {
             }
           }
         },
-        children: /*#__PURE__*/jsx(Icons.Info, {
-          size: "1.1em",
+        children: /*#__PURE__*/jsx(SvgInfo, {
+          width: "1.1em",
+          height: "1.1em",
           className: "timvir-s-1n2onr6 timvir-s-s7f9wi"
         })
       })]

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,4 @@
 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 +152,66 @@ function props(...styles) {
     return result;
 }
 
+const SvgAlertCircle = props => /*#__PURE__*/jsxs("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: [/*#__PURE__*/jsx("circle", {
+    cx: 12,
+    cy: 12,
+    r: 10
+  }), /*#__PURE__*/jsx("path", {
+    d: "M12 8v4M12 16h.01"
+  })]
+});
+
+const SvgChevronsRight = props => /*#__PURE__*/jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/jsx("path", {
+    d: "m13 17 5-5-5-5M6 17l5-5-5-5"
+  })
+});
+
+const SvgXOctagon = props => /*#__PURE__*/jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  fill: "none",
+  stroke: "currentColor",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  strokeWidth: 2,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: /*#__PURE__*/jsx("path", {
+    d: "M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86zM15 9l-6 6M9 9l6 6"
+  })
+});
+
+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 {
@@ -166,13 +224,13 @@ function Message(props$1, ref) {
     ...props(layoutStyles.block, styles.root, variant && styles[variant]),
     ...rest,
     children: [variant && {
-      info: /*#__PURE__*/jsx(Icons.ChevronsRight, {
+      info: /*#__PURE__*/jsx(SvgChevronsRight, {
         className: "timvir-s-3psx0u timvir-s-1lliihq timvir-s-1n2onr6 timvir-s-xk6nc9 timvir-s-jvto2c timvir-s-dpf0h8 timvir-s-ozkzq6 timvir-s-1h1xus1"
       }),
-      warning: /*#__PURE__*/jsx(Icons.AlertCircle, {
+      warning: /*#__PURE__*/jsx(SvgAlertCircle, {
         className: "timvir-s-3psx0u timvir-s-1lliihq timvir-s-1n2onr6 timvir-s-xk6nc9 timvir-s-jvto2c timvir-s-dpf0h8 timvir-s-ozkzq6 timvir-s-4u77bm"
       }),
-      alert: /*#__PURE__*/jsx(Icons.XOctagon, {
+      alert: /*#__PURE__*/jsx(SvgXOctagon, {
         className: "timvir-s-3psx0u timvir-s-1lliihq timvir-s-1n2onr6 timvir-s-xk6nc9 timvir-s-jvto2c timvir-s-dpf0h8 timvir-s-ozkzq6 timvir-s-1mz1spe"
       })
     }[variant], /*#__PURE__*/jsx("div", {

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;
   }