timvir 0.2.38 → 0.2.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/blocks/Arbitrary/index.js +46 -37
  3. package/blocks/Arbitrary/samples/basic.d.ts +1 -1
  4. package/blocks/Code/index.js +56 -48
  5. package/blocks/Code/samples/basic.d.ts +1 -1
  6. package/blocks/Code/samples/toggle.d.ts +1 -2
  7. package/blocks/Code/styles.css +3 -3
  8. package/blocks/ColorBar/index.js +33 -29
  9. package/blocks/ColorBar/samples/basic.d.ts +1 -2
  10. package/blocks/ColorBook/index.js +29 -26
  11. package/blocks/ColorBook/samples/basic.d.ts +1 -2
  12. package/blocks/Cover/index.js +18 -18
  13. package/blocks/Cover/samples/basic.d.ts +1 -2
  14. package/blocks/Exhibit/index.js +16 -12
  15. package/blocks/Exhibit/samples/basic.d.ts +1 -2
  16. package/blocks/Exhibit/samples/bleed.d.ts +1 -1
  17. package/blocks/Exhibit/samples/usage.d.ts +1 -2
  18. package/blocks/Exhibit/styles.css +1 -1
  19. package/blocks/Font/index.js +67 -56
  20. package/blocks/Font/samples/basic.d.ts +1 -1
  21. package/blocks/Font/samples/timvir/body1.d.ts +1 -1
  22. package/blocks/Font/samples/timvir/caption.d.ts +1 -1
  23. package/blocks/Font/samples/timvir/h1.d.ts +1 -1
  24. package/blocks/Font/samples/timvir/h2.d.ts +1 -1
  25. package/blocks/Font/samples/timvir/h3.d.ts +1 -1
  26. package/blocks/Font/samples/timvir/h4.d.ts +1 -1
  27. package/blocks/Grid/index.js +5 -3
  28. package/blocks/Grid/samples/basic.d.ts +1 -2
  29. package/blocks/Icon/index.js +72 -61
  30. package/blocks/Icon/internal/Canvas.d.ts +1 -1
  31. package/blocks/Icon/samples/basic.d.ts +1 -2
  32. package/blocks/Icon/types.d.ts +3 -2
  33. package/blocks/Message/index.js +21 -17
  34. package/blocks/Message/samples/basic.d.ts +1 -1
  35. package/blocks/Swatch/index.js +22 -13
  36. package/blocks/Swatch/samples/basic.d.ts +1 -2
  37. package/blocks/Viewport/index.js +206 -190
  38. package/blocks/Viewport/internal/Caption.d.ts +1 -1
  39. package/blocks/Viewport/internal/Handle.d.ts +1 -1
  40. package/blocks/Viewport/internal/Ruler.d.ts +1 -2
  41. package/blocks/Viewport/samples/basic.d.ts +1 -2
  42. package/blocks/WebLink/index.js +34 -23
  43. package/blocks/WebLink/samples/basic.d.ts +1 -1
  44. package/blocks/WebLink/styles.css +1 -1
  45. package/blocks/styles.css +5 -5
  46. package/builtins/index.d.ts +1 -0
  47. package/builtins/index.js +37 -27
  48. package/builtins/styles.css +13 -0
  49. package/core/components/Commands/Commands.d.ts +1 -3
  50. package/core/components/Commands/internal/Action.d.ts +1 -1
  51. package/core/components/Commands/internal/Dialog.d.ts +1 -2
  52. package/core/components/Commands/internal/index.d.ts +0 -1
  53. package/core/components/Footer/samples/basic.d.ts +1 -1
  54. package/core/components/NavigationFooter/samples/basic.d.ts +1 -1
  55. package/core/components/Page/internal/Section.d.ts +1 -2
  56. package/core/components/Page/internal/Sidebar.d.ts +1 -1
  57. package/core/components/Page/internal/SidebarItem.d.ts +1 -2
  58. package/core/components/Page/internal/index.d.ts +0 -1
  59. package/core/components/Page/samples/basic.d.ts +1 -2
  60. package/core/components/Page/samples/layout.d.ts +1 -2
  61. package/core/index.js +363 -297
  62. package/core/layout.d.ts +0 -1
  63. package/core/theme/detector.js +1 -1
  64. package/knip.config.d.ts +5 -0
  65. package/package.json +1 -1
  66. package/search/Search/samples/basic.d.ts +1 -2
  67. package/search/SearchBoxInput/samples/basic.d.ts +1 -2
  68. package/search/SearchBoxListItem/samples/basic.d.ts +1 -2
  69. package/search/index.js +96 -81
  70. package/search/styles.css +3 -3
  71. package/styles.css +21 -8
package/core/layout.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export declare const noLayout: string;
2
1
  export declare const grid: string;
3
2
  export declare const extendedWidth: string;
4
3
  export declare const fullWidth: string;
@@ -1 +1 @@
1
- const t=Object.fromEntries(["light","dark"].map((t=>[t,(()=>{const n=window.matchMedia(`(prefers-color-scheme: ${t})`);return n.addEventListener("change",e),n})()])));function e(){const e=function(){try{const t=localStorage.getItem("timvir-theme");if(t)return t}catch{}for(const[e,n]of Object.entries(t))if(n.matches)return e}();e&&function(t){document.documentElement.setAttribute("data-timvir-theme",t)}(e)}e();
1
+ const t=Object.fromEntries(["light","dark"].map(t=>[t,(()=>{const n=window.matchMedia(`(prefers-color-scheme: ${t})`);return n.addEventListener("change",e),n})()]));function e(){const e=function(){try{const t=localStorage.getItem("timvir-theme");if(t)return t}catch{}for(const[e,n]of Object.entries(t))if(n.matches)return e}();e&&function(t){document.documentElement.setAttribute("data-timvir-theme",t)}(e)}e();
@@ -0,0 +1,5 @@
1
+ declare const _default: {
2
+ entry: string[];
3
+ ignoreDependencies: string[];
4
+ };
5
+ export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "timvir",
4
- "version": "0.2.38",
4
+ "version": "0.2.39",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
7
7
  "exports": {
@@ -1,2 +1 @@
1
- import * as React from "react";
2
- export default function Sample(): React.JSX.Element;
1
+ export default function Sample(): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1 @@
1
- import * as React from "react";
2
- export default function Sample(): React.JSX.Element;
1
+ export default function Sample(): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1 @@
1
- import * as React from "react";
2
- export default function Sample(): React.JSX.Element;
1
+ export default function Sample(): import("react/jsx-runtime").JSX.Element;
package/search/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from 'react';
2
+ import { jsxs, jsx } from 'react/jsx-runtime';
2
3
  import { useContext } from 'timvir/core';
3
4
  import { useCombobox } from 'downshift';
4
5
 
@@ -41,21 +42,23 @@ function SearchBoxInput(props, ref) {
41
42
  onChange,
42
43
  ...rest
43
44
  } = props;
44
- return /*#__PURE__*/React.createElement(Root$2, {
45
+ return /*#__PURE__*/jsxs(Root$2, {
45
46
  ref: ref,
46
47
  className: "r710k81",
47
- ...rest
48
- }, /*#__PURE__*/React.createElement("svg", {
49
- viewBox: "0 0 17 17",
50
- className: "s1sjvm51"
51
- }, /*#__PURE__*/React.createElement("path", {
52
- d: "M6.78027 13.6729C8.24805 13.6729 9.60156 13.1982 10.709 12.4072L14.875 16.5732C15.0684 16.7666 15.3232 16.8633 15.5957 16.8633C16.167 16.8633 16.5713 16.4238 16.5713 15.8613C16.5713 15.5977 16.4834 15.3516 16.29 15.1582L12.1504 11.0098C13.0205 9.86719 13.5391 8.45215 13.5391 6.91406C13.5391 3.19629 10.498 0.155273 6.78027 0.155273C3.0625 0.155273 0.0214844 3.19629 0.0214844 6.91406C0.0214844 10.6318 3.0625 13.6729 6.78027 13.6729ZM6.78027 12.2139C3.87988 12.2139 1.48047 9.81445 1.48047 6.91406C1.48047 4.01367 3.87988 1.61426 6.78027 1.61426C9.68066 1.61426 12.0801 4.01367 12.0801 6.91406C12.0801 9.81445 9.68066 12.2139 6.78027 12.2139Z"
53
- })), /*#__PURE__*/React.createElement("input", {
54
- autoFocus: true,
55
- value: value,
56
- onChange: onChange,
57
- className: "i1f3edco"
58
- }));
48
+ ...rest,
49
+ children: [/*#__PURE__*/jsx("svg", {
50
+ viewBox: "0 0 17 17",
51
+ className: "s1sjvm51",
52
+ children: /*#__PURE__*/jsx("path", {
53
+ d: "M6.78027 13.6729C8.24805 13.6729 9.60156 13.1982 10.709 12.4072L14.875 16.5732C15.0684 16.7666 15.3232 16.8633 15.5957 16.8633C16.167 16.8633 16.5713 16.4238 16.5713 15.8613C16.5713 15.5977 16.4834 15.3516 16.29 15.1582L12.1504 11.0098C13.0205 9.86719 13.5391 8.45215 13.5391 6.91406C13.5391 3.19629 10.498 0.155273 6.78027 0.155273C3.0625 0.155273 0.0214844 3.19629 0.0214844 6.91406C0.0214844 10.6318 3.0625 13.6729 6.78027 13.6729ZM6.78027 12.2139C3.87988 12.2139 1.48047 9.81445 1.48047 6.91406C1.48047 4.01367 3.87988 1.61426 6.78027 1.61426C9.68066 1.61426 12.0801 4.01367 12.0801 6.91406C12.0801 9.81445 9.68066 12.2139 6.78027 12.2139Z"
54
+ })
55
+ }), /*#__PURE__*/jsx("input", {
56
+ autoFocus: true,
57
+ value: value,
58
+ onChange: onChange,
59
+ className: "i1f3edco"
60
+ })]
61
+ });
59
62
  }
60
63
  var SearchBoxInput$1 = /*#__PURE__*/React.forwardRef(SearchBoxInput);
61
64
 
@@ -72,18 +75,24 @@ function SearchBoxListItem(props, ref) {
72
75
  ...rest
73
76
  } = props;
74
77
  const Component = as ?? Root$1;
75
- return /*#__PURE__*/React.createElement(Component, {
78
+ return /*#__PURE__*/jsxs(Component, {
76
79
  role: "button",
77
80
  ref: ref,
78
81
  className: "c8yc6y",
79
- ...rest
80
- }, /*#__PURE__*/React.createElement("div", {
81
- className: "dqzmx2q"
82
- }, icon), /*#__PURE__*/React.createElement("div", {
83
- className: "dp5wq1v"
84
- }, /*#__PURE__*/React.createElement("div", null, label), context && /*#__PURE__*/React.createElement("div", {
85
- className: "du5k8uq"
86
- }, context)));
82
+ ...rest,
83
+ children: [/*#__PURE__*/jsx("div", {
84
+ className: "dqzmx2q",
85
+ children: icon
86
+ }), /*#__PURE__*/jsxs("div", {
87
+ className: "dp5wq1v",
88
+ children: [/*#__PURE__*/jsx("div", {
89
+ children: label
90
+ }), context && /*#__PURE__*/jsx("div", {
91
+ className: "du5k8uq",
92
+ children: context
93
+ })]
94
+ })]
95
+ });
87
96
  }
88
97
  var SearchBoxListItem$1 = /*#__PURE__*/React.forwardRef(SearchBoxListItem);
89
98
 
@@ -108,7 +117,7 @@ function Dialog(props, ref) {
108
117
  q(value).then(result => {
109
118
  setResult(result);
110
119
  });
111
- }, [value, q, setResult]);
120
+ }, [value, q]);
112
121
  const items = result?.edges ?? [];
113
122
  const {
114
123
  getMenuProps,
@@ -133,65 +142,71 @@ function Dialog(props, ref) {
133
142
  closeMenu();
134
143
  }
135
144
  });
136
- return /*#__PURE__*/React.createElement(Root, {
145
+ return /*#__PURE__*/jsx(Root, {
137
146
  ref: ref,
138
147
  ...rest,
139
- className: cx_default(className, "r5ea8qd")
140
- }, /*#__PURE__*/React.createElement("div", {
141
- className: "dp0smwa"
142
- }, /*#__PURE__*/React.createElement("div", {
143
- className: "d1a28btb"
144
- }, /*#__PURE__*/React.createElement("div", {
145
- className: "d1c5pom9",
146
- onClick: onClose
147
- }), /*#__PURE__*/React.createElement("div", {
148
- className: "djje8s3"
149
- }, /*#__PURE__*/React.createElement(SearchBoxInput$1, {
150
- ...getInputProps()
151
- }), /*#__PURE__*/React.createElement("main", {
152
- ...getMenuProps(),
153
- className: "m1mgb53c"
154
- }, items.map((item, index) => /*#__PURE__*/React.createElement(SearchBoxListItem$1, {
155
- key: index,
156
- as: Link,
157
- href: item.node.path,
158
- ...getItemProps({
159
- item,
160
- index,
161
- onClick: onClose
162
- }),
163
- icon: /*#__PURE__*/React.createElement("svg", {
164
- x: "0px",
165
- y: "0px",
166
- width: "16px",
167
- height: "16px",
168
- viewBox: "0 0 16 16"
169
- }, /*#__PURE__*/React.createElement("g", {
170
- fill: "none",
171
- stroke: "#444",
172
- strokeLinecap: "round",
173
- strokeLinejoin: "round",
174
- strokeMiterlimit: 10
175
- }, /*#__PURE__*/React.createElement("path", {
176
- "data-color": "color-2",
177
- d: "M4.5 11.5L11.5 11.5"
178
- }), /*#__PURE__*/React.createElement("path", {
179
- "data-color": "color-2",
180
- d: "M4.5 8.5L11.5 8.5"
181
- }), /*#__PURE__*/React.createElement("path", {
182
- "data-color": "color-2",
183
- d: "M4.5 5.5L6.5 5.5"
184
- }), /*#__PURE__*/React.createElement("path", {
185
- d: "M9.5 0.5L1.5 0.5 1.5 15.5 14.5 15.5 14.5 5.5z"
186
- }), /*#__PURE__*/React.createElement("path", {
187
- d: "M9.5 0.5L9.5 5.5 14.5 5.5"
188
- }))),
189
- label: item.node.path,
190
- context: item.node.context,
191
- style: {
192
- // background: highlightedIndex === index ? "rgba(0, 0, 0, 0.05)" : undefined,
193
- }
194
- })))))));
148
+ className: cx_default(className, "r5ea8qd"),
149
+ children: /*#__PURE__*/jsx("div", {
150
+ className: "dp0smwa",
151
+ children: /*#__PURE__*/jsxs("div", {
152
+ className: "d1a28btb",
153
+ children: [/*#__PURE__*/jsx("div", {
154
+ className: "d1c5pom9",
155
+ onClick: onClose
156
+ }), /*#__PURE__*/jsxs("div", {
157
+ className: "djje8s3",
158
+ children: [/*#__PURE__*/jsx(SearchBoxInput$1, {
159
+ ...getInputProps()
160
+ }), /*#__PURE__*/jsx("main", {
161
+ ...getMenuProps(),
162
+ className: "m1mgb53c",
163
+ children: items.map((item, index) => /*#__PURE__*/jsx(SearchBoxListItem$1, {
164
+ as: Link,
165
+ href: item.node.path,
166
+ ...getItemProps({
167
+ item,
168
+ index,
169
+ onClick: onClose
170
+ }),
171
+ icon: /*#__PURE__*/jsx("svg", {
172
+ x: "0px",
173
+ y: "0px",
174
+ width: "16px",
175
+ height: "16px",
176
+ viewBox: "0 0 16 16",
177
+ children: /*#__PURE__*/jsxs("g", {
178
+ fill: "none",
179
+ stroke: "#444",
180
+ strokeLinecap: "round",
181
+ strokeLinejoin: "round",
182
+ strokeMiterlimit: 10,
183
+ children: [/*#__PURE__*/jsx("path", {
184
+ "data-color": "color-2",
185
+ d: "M4.5 11.5L11.5 11.5"
186
+ }), /*#__PURE__*/jsx("path", {
187
+ "data-color": "color-2",
188
+ d: "M4.5 8.5L11.5 8.5"
189
+ }), /*#__PURE__*/jsx("path", {
190
+ "data-color": "color-2",
191
+ d: "M4.5 5.5L6.5 5.5"
192
+ }), /*#__PURE__*/jsx("path", {
193
+ d: "M9.5 0.5L1.5 0.5 1.5 15.5 14.5 15.5 14.5 5.5z"
194
+ }), /*#__PURE__*/jsx("path", {
195
+ d: "M9.5 0.5L9.5 5.5 14.5 5.5"
196
+ })]
197
+ })
198
+ }),
199
+ label: item.node.path,
200
+ context: item.node.context,
201
+ style: {
202
+ // background: highlightedIndex === index ? "rgba(0, 0, 0, 0.05)" : undefined,
203
+ }
204
+ }, index))
205
+ })]
206
+ })]
207
+ })
208
+ })
209
+ });
195
210
  }
196
211
  var Dialog$1 = /*#__PURE__*/React.forwardRef(Dialog);
197
212
 
@@ -203,7 +218,7 @@ function Search(props, ref) {
203
218
  if (!open) {
204
219
  return null;
205
220
  } else {
206
- return /*#__PURE__*/React.createElement(Dialog$1, {
221
+ return /*#__PURE__*/jsx(Dialog$1, {
207
222
  ref: ref,
208
223
  ...rest
209
224
  });
package/search/styles.css CHANGED
@@ -1,8 +1,8 @@
1
- .r710k81{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;padding:0px 16px;width:100%;background:transparent;font-size:18px;line-height:inherit;height:52px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:1;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] {box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}
1
+ .r710k81{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;padding:0px 16px;width:100%;background:transparent;font-size:18px;line-height:inherit;height:52px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:1;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .r710k81{box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}
2
2
  .s1sjvm51{width:18px;height:18px;display:block;fill:var(--timvir-secondary-text-color);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-right:10px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}
3
3
  .i1f3edco{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;width:100%;display:block;resize:none;padding:0px;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--timvir-text-color);}.i1f3edco:focus{outline:0;}
4
4
 
5
- .c8yc6y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;-webkit-text-decoration:none;text-decoration:none;}.c8yc6y:hover{background:rgba(0, 0, 0, 0.05);}:root[data-timvir-theme="dark"] {box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] {background:rgba(255, 255, 255, 0.05);}
5
+ .c8yc6y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;-webkit-text-decoration:none;text-decoration:none;}.c8yc6y:hover{background:rgba(0, 0, 0, 0.05);}:root[data-timvir-theme="dark"] .c8yc6y{box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .c8yc6y:hover{background:rgba(255, 255, 255, 0.05);}
6
6
  .dqzmx2q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-left:14px;width:18px;height:24px;}
7
7
  .dp5wq1v{margin-left:14px;}
8
8
  .du5k8uq{font-size:12px;color:var(--timvir-secondary-text-color);}
@@ -11,6 +11,6 @@
11
11
  .dp0smwa{pointer-events:auto;position:relative;z-index:0;}
12
12
  .d1a28btb{width:100vw;height:100vh;position:fixed;top:0px;left:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;pointer-events:auto;}
13
13
  .d1c5pom9{position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:rgba(15, 15, 15, 0.6);}
14
- .djje8s3{position:relative;z-index:1;box-shadow:rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,rgba(15, 15, 15, 0.1) 0px 5px 10px,rgba(15, 15, 15, 0.2) 0px 15px 40px;border-radius:3px;background:white;top:90px;overflow:hidden;width:75%;max-width:600px;min-height:50px;max-height:80vh;}:root[data-timvir-theme="dark"] {background:black;}
14
+ .djje8s3{position:relative;z-index:1;box-shadow:rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,rgba(15, 15, 15, 0.1) 0px 5px 10px,rgba(15, 15, 15, 0.2) 0px 15px 40px;border-radius:3px;background:white;top:90px;overflow:hidden;width:75%;max-width:600px;min-height:50px;max-height:80vh;}:root[data-timvir-theme="dark"] .djje8s3{background:black;}
15
15
  .m1mgb53c{width:100%;height:100%;overflow:hidden auto;}
16
16
 
package/styles.css CHANGED
@@ -88,6 +88,19 @@
88
88
  .d2srpki{margin-top:auto;}
89
89
  .d1hkiw6l{margin-top:auto;padding-top:80px;}
90
90
 
91
+
92
+ .g1et32pl{display:-ms-grid;display:grid;--timvir-page-margin:16px;--timvir-margin:var(--timvir-page-margin);-ms-grid-auto-rows:min-content;grid-auto-rows:min-content;-ms-grid-columns:[le] var(--timvir-page-margin) [lex lc] 1fr [rc rex] var(--timvir-page-margin) [re];grid-template-columns:[le] var(--timvir-page-margin) [lex lc] 1fr [rc rex] var(--timvir-page-margin) [re];}@media (min-width: 48rem){.g1et32pl{--timvir-page-margin:24px;-ms-grid-columns:[le] var(--timvir-page-margin) [lex] 1fr [lc] minmax(0, 48rem) [rc] 1fr [rex] var(
93
+ --timvir-page-margin
94
+ ) [re];grid-template-columns:[le] var(--timvir-page-margin) [lex] 1fr [lc] minmax(0, 48rem) [rc] 1fr [rex] var(
95
+ --timvir-page-margin
96
+ ) [re];}}@media (min-width: 72rem){.g1et32pl{-ms-grid-columns:[le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem [rc] minmax(0, 12rem) [rex] var(
97
+ --timvir-page-margin
98
+ ) 1fr [re];grid-template-columns:[le] 1fr var(--timvir-page-margin) [lex] minmax(0, 12rem) [lc] 48rem [rc] minmax(0, 12rem) [rex] var(
99
+ --timvir-page-margin
100
+ ) 1fr [re];}}.g1et32pl>*:not(.nc2e9vn){grid-column:lc/rc;min-width:0;}.g1et32pl>*{margin:0 0 2rem;}.g1et32pl>p+ul{margin-top:-1.25rem;}
101
+ .en6sn9p{grid-column:lex/rex;}
102
+ .f3c539b{grid-column:le/re;}
103
+
91
104
  .a1yepc47{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.a1yepc47:hover svg{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;visibility:visible;--visibility-delay:0s;}
92
105
  .calmbc7{display:inline-block;margin-left:6px;color:var(--timvir-secondary-text-color);height:0.9rem;width:0.9rem;vertical-align:middle;-webkit-transition:opacity 0.2s,-webkit-transform 0.2s,visibility 0s var(--visibility-delay, 0.2s);transition:opacity 0.2s,transform 0.2s,visibility 0s var(--visibility-delay, 0.2s);opacity:0;visibility:hidden;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
93
106
  .hryzf2k{margin-top:3rem;margin-bottom:1rem;font-size:2rem;line-height:1.125;font-weight:590;text-indent:-0.05em;}
@@ -115,7 +128,7 @@
115
128
  .i1dajnne{border:none;outline:none;font:inherit;background:transparent;-webkit-align-self:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;padding:0;width:100%;color:inherit;}
116
129
  .b128wsn{border:none;outline:none;min-height:36px;border:1px solid var(--timvir-border-color);border-radius:2px;background:var(--timvir-secondary-background-color);color:var(--timvir-text-color);font:inherit;}.b128wsn:hover{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}.b128wsn:active{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}
117
130
 
118
- .tac6gx6{color:#393a34;background-color:#f6f8fa;}.tac6gx6 :is(.comment, .prolog, .doctype, .cdata){color:#999988;font-style:italic;}.tac6gx6 :is(.namespace){opacity:0.7;}.tac6gx6 :is(.string, .attr-value){color:#e3116c;}.tac6gx6 :is(.punctuation, .operator){color:#6cb6ff;}.tac6gx6 :is(.function, .delete, .tag){color:#d73a49;}.tac6gx6 :is(.tag, .selector, .keyword){color:#00009f;}.tac6gx6 :is(.function-variable){color:#6f42c1;}.tac6gx6 :is(.atrule, .keyword, .attr-name, .selector){color:#00a4db;}.tac6gx6 :is(.entity, .url, .symbol, .number, .boolean, .variable, .constant, .property, .regex, .inserted){color:#36acaa;}:root[data-timvir-theme="dark"] {color:#adbac7;background-color:#2d333b;}:root[data-timvir-theme="dark"] {color:#999988;font-style:italic;}:root[data-timvir-theme="dark"] {opacity:0.7;}:root[data-timvir-theme="dark"] {color:#96d0ff;}:root[data-timvir-theme="dark"] {color:#6cb6ff;}:root[data-timvir-theme="dark"] {color:#d73a49;}:root[data-timvir-theme="dark"] {color:#8ddb8c;}:root[data-timvir-theme="dark"] {color:#6f42c1;}:root[data-timvir-theme="dark"] {color:#f47067;}:root[data-timvir-theme="dark"] {color:#dcbdfb;}
131
+ .tac6gx6{color:#393a34;background-color:#f6f8fa;}.tac6gx6 :is(.comment, .prolog, .doctype, .cdata){color:#999988;font-style:italic;}.tac6gx6 :is(.namespace){opacity:0.7;}.tac6gx6 :is(.string, .attr-value){color:#e3116c;}.tac6gx6 :is(.punctuation, .operator){color:#6cb6ff;}.tac6gx6 :is(.function, .delete, .tag){color:#d73a49;}.tac6gx6 :is(.tag, .selector, .keyword){color:#00009f;}.tac6gx6 :is(.function-variable){color:#6f42c1;}.tac6gx6 :is(.atrule, .keyword, .attr-name, .selector){color:#00a4db;}.tac6gx6 :is(.entity, .url, .symbol, .number, .boolean, .variable, .constant, .property, .regex, .inserted){color:#36acaa;}:root[data-timvir-theme="dark"] .tac6gx6{color:#adbac7;background-color:var(--timvir-secondary-background-color);}:root[data-timvir-theme="dark"] .tac6gx6 :is(.comment, .prolog, .doctype, .cdata){color:#999988;font-style:italic;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.namespace){opacity:0.7;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.string, .attr-value){color:#96d0ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.punctuation, .operator){color:#6cb6ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function, .delete, .tag){color:#d73a49;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.tag, .selector, .keyword){color:#8ddb8c;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function-variable){color:#6f42c1;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.atrule, .keyword, .attr-name, .selector){color:#f47067;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.entity, .url, .symbol, .number, .boolean, .variable, .constant, .property, .regex, .inserted){color:#dcbdfb;}
119
132
 
120
133
  .d1513p2s{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;}
121
134
  .b157mkz{--size:48px;z-index:1;position:absolute;top:0;right:0;overflow:hidden;width:var(--size);height:var(--size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;outline:none;border:none;padding:6px;background:transparent;-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;pointer-events:none;opacity:0;}.b157mkz:hover{color:white;}.b157mkz:hover svg:first-child{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);}.b157mkz:active svg:first-child{-webkit-transform:translate(2px, -2px);-moz-transform:translate(2px, -2px);-ms-transform:translate(2px, -2px);transform:translate(2px, -2px);}
@@ -123,11 +136,11 @@
123
136
  .s1hdfi6o{position:absolute;z-index:-1;top:0;right:0;-webkit-transition:all 0.2s;transition:all 0.2s;-webkit-transform:translate(48px, -48px);-moz-transform:translate(48px, -48px);-ms-transform:translate(48px, -48px);transform:translate(48px, -48px);}.s1hdfi6o path{fill:var(--c-p-4);}
124
137
  .d17pltln{padding:16px 24px 16px 0;}
125
138
 
126
- :root[data-timvir-theme="dark"] ,:root[data-timvir-theme="dark"] {color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important;}
139
+ :root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;-webkit-text-decoration:var(--shiki-dark-text-decoration)!important;text-decoration:var(--shiki-dark-text-decoration)!important;}
127
140
  .cs7tint{overflow-x:auto;contain:content;font-size:0.8em;border-radius:5px;--timvir-b-Code-bleed:calc(var(--timvir-margin, 0px) * 0.6666);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed), 8px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));border:1px solid var(--timvir-border-color);}.cs7tint pre{margin:0;padding:16px 0;background-color:var(--timvir-secondary-background-color)!important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);}
128
141
  .fjvaz2s{display:-ms-grid;display:grid;border-radius:0;box-shadow:none;margin-inline:0;-ms-grid-auto-rows:min-content;grid-auto-rows:min-content;-ms-grid-columns:[le] 0 [lc] 1fr [rc] 0 [re];grid-template-columns:[le] 0 [lc] 1fr [rc] 0 [re];-ms-grid-column-gap:16px;grid-column-gap:16px;}.fjvaz2s:hover{box-shadow:none;}@media (min-width: 60rem){.fjvaz2s{-ms-grid-columns:[le] 1fr [lc] minmax(0, 48rem) [rc] 1fr [re];grid-template-columns:[le] 1fr [lc] minmax(0, 48rem) [rc] 1fr [re];-ms-grid-column-gap:24px;grid-column-gap:24px;}}.fjvaz2s>*{grid-column:lc/re;}
129
142
  .lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);}
130
- .h1xcko1i{background-color:#ffe10044;}:root[data-timvir-theme="dark"] {background-color:rgba(174, 124, 20, 0.15);}
143
+ .h1xcko1i{background-color:#ffe10044;}:root[data-timvir-theme="dark"] .h1xcko1i{background-color:rgba(174, 124, 20, 0.15);}
131
144
  .ll2b9hx{display:inline-block;width:var(--timvir-b-Code-bleed);color:var(--timvir-secondary-text-color);text-align:right;padding-inline:4px;}
132
145
  .c5vr6r2{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:0.3em;}
133
146
 
@@ -145,7 +158,7 @@
145
158
  .a1y0tcvx:hover::before,.a1y0tcvx::before{box-shadow:0 0 0 2px var(--c-p-5);opacity:1;}
146
159
 
147
160
 
148
- .r1nql2f9{--timvir-b-Exhibit-bleed:calc(var(--timvir-margin, 0px) * 0.6666);--timvir-b-Exhibit-borderColor:var(--timvir-border-color);--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);}:root[data-timvir-theme="dark"] {--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
161
+ .r1nql2f9{--timvir-b-Exhibit-bleed:calc(var(--timvir-margin, 0px) * 0.6666);--timvir-b-Exhibit-borderColor:var(--timvir-border-color);--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
149
162
  .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);border-radius:5px;}
150
163
  .cf43jjx{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:0.3em;}
151
164
 
@@ -197,7 +210,7 @@
197
210
  .d1d22s19{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer-d1d22s19;animation-name:shimmer-d1d22s19;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-background-size:150vw 100px;background-size:150vw 100px;background-image:linear-gradient(to right, #fafafa 0%, #f4f4f4 25%, #fafafa 40%);box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.2);border-radius:1px;}@-webkit-keyframes shimmer-d1d22s19{0%{-webkit-background-position:-60vw 0;background-position:-60vw 0;}40%{-webkit-background-position:85vw 0;background-position:85vw 0;}100%{-webkit-background-position:85vw 0;background-position:85vw 0;}}@keyframes shimmer-d1d22s19{0%{-webkit-background-position:-60vw 0;background-position:-60vw 0;}40%{-webkit-background-position:85vw 0;background-position:85vw 0;}100%{-webkit-background-position:85vw 0;background-position:85vw 0;}}
198
211
  .i11uos8q{display:block;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:opacity 0.2s;transition:opacity 0.2s;}
199
212
 
200
- .r1szx90n{-webkit-transition:all 0.16s;transition:all 0.16s;box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.2);border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.r1szx90n:hover{background:rgba(55, 53, 47, 0.08);box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.2),0 2px 4px rgba(16, 22, 26, 0.1),0 8px 24px rgba(16, 22, 26, 0.2);}.r1szx90n:active{background:rgba(55, 53, 47, 0.08);box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.2),0 1px 1px rgba(16, 22, 26, 0.2);}:root[data-timvir-theme="dark"] {box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);}:root[data-timvir-theme="dark"] {background:rgba(255, 255, 255, 0.08);}:root[data-timvir-theme="dark"] {background:rgba(255, 255, 255, 0.08);}
213
+ .r1szx90n{-webkit-transition:all 0.16s;transition:all 0.16s;box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.2);border-radius:3px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;}.r1szx90n:hover{background:rgba(55, 53, 47, 0.08);box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.2),0 2px 4px rgba(16, 22, 26, 0.1),0 8px 24px rgba(16, 22, 26, 0.2);}.r1szx90n:active{background:rgba(55, 53, 47, 0.08);box-shadow:inset 0 0 0 1px rgba(16, 22, 26, 0.2),0 1px 1px rgba(16, 22, 26, 0.2);}:root[data-timvir-theme="dark"] .r1szx90n{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.2);}:root[data-timvir-theme="dark"] .r1szx90n:hover{background:rgba(255, 255, 255, 0.08);}:root[data-timvir-theme="dark"] .r1szx90n:active{background:rgba(255, 255, 255, 0.08);}
201
214
  .tywhumj{-webkit-flex:4 1 180px;-ms-flex:4 1 180px;flex:4 1 180px;padding:12px 14px 14px;min-width:0;}
202
215
  .t1sni99u{color:var(--timvir-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:24px;margin-bottom:6px;}
203
216
  .d7eo497{font-size:0.75rem;line-height:1.1rem;color:var(--timvir-secondary-text-color);height:2.2rem;overflow:hidden;}
@@ -206,11 +219,11 @@
206
219
  .igksd61{-webkit-flex:1 1 180px;-ms-flex:1 1 180px;flex:1 1 180px;position:relative;min-width:180px;}
207
220
  .i1gibb8w{display:block;object-fit:cover;border-radius:0 3px 3px 0;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;left:1px;}
208
221
 
209
- .r710k81{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;padding:0px 16px;width:100%;background:transparent;font-size:18px;line-height:inherit;height:52px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:1;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] {box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}
222
+ .r710k81{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:none;padding:0px 16px;width:100%;background:transparent;font-size:18px;line-height:inherit;height:52px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:1;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .r710k81{box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}
210
223
  .s1sjvm51{width:18px;height:18px;display:block;fill:var(--timvir-secondary-text-color);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-right:10px;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}
211
224
  .i1f3edco{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;width:100%;display:block;resize:none;padding:0px;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--timvir-text-color);}.i1f3edco:focus{outline:0;}
212
225
 
213
- .c8yc6y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;-webkit-text-decoration:none;text-decoration:none;}.c8yc6y:hover{background:rgba(0, 0, 0, 0.05);}:root[data-timvir-theme="dark"] {box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] {background:rgba(255, 255, 255, 0.05);}
226
+ .c8yc6y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 0;font-size:14px;color:var(--timvir-text-color);cursor:pointer;box-shadow:rgba(55, 53, 47, 0.09) 0px 1px 0px;-webkit-text-decoration:none;text-decoration:none;}.c8yc6y:hover{background:rgba(0, 0, 0, 0.05);}:root[data-timvir-theme="dark"] .c8yc6y{box-shadow:rgba(255, 255, 255, 0.09) 0px 1px 0px;}:root[data-timvir-theme="dark"] .c8yc6y:hover{background:rgba(255, 255, 255, 0.05);}
214
227
  .dqzmx2q{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-left:14px;width:18px;height:24px;}
215
228
  .dp5wq1v{margin-left:14px;}
216
229
  .du5k8uq{font-size:12px;color:var(--timvir-secondary-text-color);}
@@ -219,6 +232,6 @@
219
232
  .dp0smwa{pointer-events:auto;position:relative;z-index:0;}
220
233
  .d1a28btb{width:100vw;height:100vh;position:fixed;top:0px;left:0px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;pointer-events:auto;}
221
234
  .d1c5pom9{position:absolute;top:0px;left:0px;bottom:0px;right:0px;background:rgba(15, 15, 15, 0.6);}
222
- .djje8s3{position:relative;z-index:1;box-shadow:rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,rgba(15, 15, 15, 0.1) 0px 5px 10px,rgba(15, 15, 15, 0.2) 0px 15px 40px;border-radius:3px;background:white;top:90px;overflow:hidden;width:75%;max-width:600px;min-height:50px;max-height:80vh;}:root[data-timvir-theme="dark"] {background:black;}
235
+ .djje8s3{position:relative;z-index:1;box-shadow:rgba(15, 15, 15, 0.05) 0px 0px 0px 1px,rgba(15, 15, 15, 0.1) 0px 5px 10px,rgba(15, 15, 15, 0.2) 0px 15px 40px;border-radius:3px;background:white;top:90px;overflow:hidden;width:75%;max-width:600px;min-height:50px;max-height:80vh;}:root[data-timvir-theme="dark"] .djje8s3{background:black;}
223
236
  .m1mgb53c{width:100%;height:100%;overflow:hidden auto;}
224
237