timvir 0.2.38 → 0.2.42

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 (113) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/blocks/Arbitrary/Arbitrary.d.ts +1 -1
  3. package/blocks/Arbitrary/index.js +232 -78
  4. package/blocks/Arbitrary/samples/basic.d.ts +1 -1
  5. package/blocks/Arbitrary/styles.css +166 -6
  6. package/blocks/Code/Code.d.ts +0 -6
  7. package/blocks/Code/docs/index.mdx +0 -11
  8. package/blocks/Code/index.js +213 -112
  9. package/blocks/Code/samples/basic.d.ts +1 -1
  10. package/blocks/Code/samples/toggle.d.ts +1 -2
  11. package/blocks/Code/styles.css +100 -15
  12. package/blocks/ColorBar/docs/index.mdx +8 -2
  13. package/blocks/ColorBar/index.js +223 -68
  14. package/blocks/ColorBar/samples/basic.d.ts +1 -2
  15. package/blocks/ColorBar/styles.css +103 -4
  16. package/blocks/ColorBook/docs/index.mdx +1 -1
  17. package/blocks/ColorBook/index.js +222 -60
  18. package/blocks/ColorBook/samples/basic.d.ts +1 -2
  19. package/blocks/ColorBook/styles.css +166 -6
  20. package/blocks/Cover/index.js +177 -48
  21. package/blocks/Cover/samples/basic.d.ts +1 -2
  22. package/blocks/Cover/styles.css +18 -0
  23. package/blocks/Exhibit/index.js +205 -50
  24. package/blocks/Exhibit/samples/basic.d.ts +1 -2
  25. package/blocks/Exhibit/samples/bleed.d.ts +1 -1
  26. package/blocks/Exhibit/samples/usage.d.ts +1 -2
  27. package/blocks/Exhibit/styles.css +66 -3
  28. package/blocks/Font/index.js +239 -98
  29. package/blocks/Font/samples/basic.d.ts +1 -1
  30. package/blocks/Font/samples/timvir/body1.d.ts +1 -1
  31. package/blocks/Font/samples/timvir/caption.d.ts +1 -1
  32. package/blocks/Font/samples/timvir/h1.d.ts +1 -1
  33. package/blocks/Font/samples/timvir/h2.d.ts +1 -1
  34. package/blocks/Font/samples/timvir/h3.d.ts +1 -1
  35. package/blocks/Font/samples/timvir/h4.d.ts +1 -1
  36. package/blocks/Font/styles.css +82 -8
  37. package/blocks/Grid/docs/index.mdx +4 -4
  38. package/blocks/Grid/index.js +181 -36
  39. package/blocks/Grid/samples/basic.d.ts +1 -2
  40. package/blocks/Grid/styles.css +20 -1
  41. package/blocks/Icon/docs/index.mdx +13 -13
  42. package/blocks/Icon/index.js +93 -100
  43. package/blocks/Icon/internal/Canvas.d.ts +1 -1
  44. package/blocks/Icon/samples/basic.d.ts +1 -2
  45. package/blocks/Icon/styles.css +117 -5
  46. package/blocks/Icon/types.d.ts +3 -2
  47. package/blocks/Message/docs/index.mdx +5 -8
  48. package/blocks/Message/index.js +238 -55
  49. package/blocks/Message/samples/basic.d.ts +1 -1
  50. package/blocks/Message/styles.css +94 -6
  51. package/blocks/Swatch/docs/index.mdx +16 -16
  52. package/blocks/Swatch/index.js +199 -45
  53. package/blocks/Swatch/samples/basic.d.ts +1 -2
  54. package/blocks/Swatch/styles.css +82 -4
  55. package/blocks/Viewport/index.js +360 -237
  56. package/blocks/Viewport/internal/Caption.d.ts +1 -1
  57. package/blocks/Viewport/internal/Handle.d.ts +1 -1
  58. package/blocks/Viewport/internal/Ruler.d.ts +1 -2
  59. package/blocks/Viewport/samples/basic.d.ts +1 -2
  60. package/blocks/Viewport/styles.css +259 -14
  61. package/blocks/WebLink/index.js +217 -62
  62. package/blocks/WebLink/samples/basic.d.ts +1 -1
  63. package/blocks/WebLink/styles.css +170 -8
  64. package/blocks/styles.css +1460 -97
  65. package/builtins/components.d.ts +2 -2
  66. package/builtins/index.js +306 -239
  67. package/builtins/styles.css +267 -14
  68. package/context/index.d.ts +6 -1
  69. package/core/components/Commands/Commands.d.ts +2 -0
  70. package/core/components/Commands/internal/Action.d.ts +1 -1
  71. package/core/components/Commands/internal/Dialog.d.ts +1 -2
  72. package/core/components/Commands/internal/index.d.ts +0 -1
  73. package/core/components/Footer/samples/basic.d.ts +1 -1
  74. package/core/components/NavigationFooter/NavigationFooter.d.ts +4 -2
  75. package/core/components/NavigationFooter/samples/basic.d.ts +1 -1
  76. package/core/components/Page/Page.d.ts +12 -3
  77. package/core/components/Page/docs/index.mdx +44 -11
  78. package/core/components/Page/internal/Section.d.ts +1 -2
  79. package/core/components/Page/internal/Sidebar.d.ts +1 -1
  80. package/core/components/Page/internal/SidebarItem.d.ts +1 -2
  81. package/core/components/Page/internal/index.d.ts +0 -1
  82. package/core/components/Page/samples/basic.d.ts +1 -2
  83. package/core/components/Page/samples/layout.d.ts +1 -2
  84. package/core/index.d.ts +191 -2
  85. package/core/index.js +674 -449
  86. package/core/layout.d.ts +40 -0
  87. package/core/styles.css +857 -88
  88. package/core/theme/detector.js +1 -1
  89. package/global.css +79 -0
  90. package/internal/cx.d.ts +1 -0
  91. package/knip.config.d.ts +5 -0
  92. package/package.json +1 -2
  93. package/search/Search/samples/basic.d.ts +1 -2
  94. package/search/index.js +2 -208
  95. package/styles.css +2670 -222
  96. package/blocks/Code/theme.d.ts +0 -2
  97. package/bus/styles.css +0 -1
  98. package/context/styles.css +0 -1
  99. package/core/theme/index.d.ts +0 -1
  100. package/hooks/styles.css +0 -1
  101. package/search/Search/internal/Dialog.d.ts +0 -20
  102. package/search/Search/internal/index.d.ts +0 -1
  103. package/search/SearchBoxInput/SearchBoxInput.d.ts +0 -11
  104. package/search/SearchBoxInput/docs/api.mdx +0 -76
  105. package/search/SearchBoxInput/docs/index.mdx +0 -6
  106. package/search/SearchBoxInput/index.d.ts +0 -1
  107. package/search/SearchBoxInput/samples/basic.d.ts +0 -2
  108. package/search/SearchBoxListItem/SearchBoxListItem.d.ts +0 -13
  109. package/search/SearchBoxListItem/docs/api.mdx +0 -76
  110. package/search/SearchBoxListItem/docs/index.mdx +0 -30
  111. package/search/SearchBoxListItem/index.d.ts +0 -1
  112. package/search/SearchBoxListItem/samples/basic.d.ts +0 -2
  113. package/search/styles.css +0 -16
@@ -1,2 +0,0 @@
1
- declare const _default: string;
2
- export default _default;
package/bus/styles.css DELETED
@@ -1 +0,0 @@
1
-
@@ -1 +0,0 @@
1
-
@@ -1 +0,0 @@
1
- export declare const theme: string;
package/hooks/styles.css DELETED
@@ -1 +0,0 @@
1
-
@@ -1,20 +0,0 @@
1
- import * as React from "react";
2
- /**
3
- * The underlying DOM element which is rendered by this component.
4
- */
5
- declare const Root = "div";
6
- interface Props extends React.ComponentPropsWithoutRef<typeof Root> {
7
- onClose?: (ev: React.SyntheticEvent<HTMLElement>) => void;
8
- q: (query: string) => Promise<{
9
- totalCount: number;
10
- edges: Array<{
11
- node: {
12
- path: string;
13
- label: string;
14
- context?: string;
15
- };
16
- }>;
17
- }>;
18
- }
19
- declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
20
- export default _default;
@@ -1 +0,0 @@
1
- export { default as Dialog } from "./Dialog";
@@ -1,11 +0,0 @@
1
- import * as React from "react";
2
- /**
3
- * The underlying DOM element which is rendered by this component.
4
- */
5
- declare const Root = "div";
6
- interface Props extends React.ComponentProps<typeof Root> {
7
- value?: string;
8
- onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
9
- }
10
- declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
- export default _default;
@@ -1,76 +0,0 @@
1
- # API
2
-
3
- <div style={ { display: "grid", gridTemplateColumns: "min-content 1fr" } }>
4
- <div style={ { fontWeight: "bold", marginRight: 16 } }>Root:</div>
5
- <div>{`<div>`}</div>
6
- <div style={ { fontWeight: "bold", marginRight: 16 } }>Ref:</div>
7
- <div>Forward <span style={ { color: "rgb(153, 153, 153)" } }>(HTMLDivElement)</span></div>
8
- </div>
9
-
10
- ## Props
11
-
12
- <Props {...{"fields":[{"name":"value","type":{"optional":true,"name":"string","module":""},"comment":{"shortText":""}},{"name":"onChange","type":{"optional":true,"name":"(ev: ChangeEvent<HTMLInputElement>) => void","module":""},"comment":{"shortText":""}}]}} />
13
-
14
- export const required = (
15
- <svg
16
- x="0px"
17
- y="0px"
18
- width="10px"
19
- height="10px"
20
- viewBox="0 0 16 16"
21
- style={ { position: "relative", top: 0, display: "inline-block", marginRight: 8 } }
22
- >
23
- <g transform="translate(0, 0)">
24
- <circle cx="8" cy="8" r="8" fill="#444444"></circle>
25
- </g>
26
- </svg>
27
- );
28
-
29
- export const optional = (
30
- <svg
31
- x="0px"
32
- y="0px"
33
- width="10px"
34
- height="10px"
35
- viewBox="0 0 16 16"
36
- style={ { position: "relative", top: 0, display: "inline-block", marginRight: 8 } }
37
- >
38
- <g transform="translate(0, 0)">
39
- <circle
40
- cx="8"
41
- cy="8"
42
- r="7.5"
43
- fill="none"
44
- stroke="#444444"
45
- strokeLinecap="round"
46
- strokeLinejoin="round"
47
- data-cap="butt"
48
- ></circle>
49
- </g>
50
- </svg>
51
- );
52
-
53
- export const Props = ({ fields }) => (
54
- <div style={ { marginTop: 16, display: "grid", gridGap: 24 } }>
55
- {fields.map(({ name, type, def, example, comment }) => (
56
- <div key={name}>
57
- <div style={ { marginLeft: -18 } }>
58
- {type.optional ? optional : required}
59
- <span style={ { fontWeight: "bold" } }>{name}</span>{`: `}
60
- <span>{type.name}</span>
61
- {def && (
62
- <>
63
- {` = `}<span style={ { fontWeight: "bold" } }>{def}</span>
64
- </>
65
- )}
66
- </div>
67
- <div>{comment.shortText}</div>
68
- {example && (
69
- <div style={ { marginLeft: 0, marginTop: 8, color: "rgb(153, 153, 153)", fontSize: "0.8rem" } }>
70
- Example: <span style={ { fontWeight: "bold" } }>{example}</span>
71
- </div>
72
- )}
73
- </div>
74
- ))}
75
- </div>
76
- )
@@ -1,6 +0,0 @@
1
- import { SearchBoxInput } from "..";
2
-
3
- # SearchBoxInput
4
-
5
- <SearchBoxInput />
6
-
@@ -1 +0,0 @@
1
- export { default as SearchBoxInput } from "./SearchBoxInput";
@@ -1,2 +0,0 @@
1
- import * as React from "react";
2
- export default function Sample(): React.JSX.Element;
@@ -1,13 +0,0 @@
1
- import * as React from "react";
2
- /**
3
- * The underlying DOM element which is rendered by this component.
4
- */
5
- declare const Root = "a";
6
- interface Props extends React.ComponentProps<typeof Root> {
7
- as?: React.ComponentType<React.ComponentProps<typeof Root>>;
8
- icon?: React.ReactNode;
9
- label: React.ReactNode;
10
- context?: React.ReactNode;
11
- }
12
- declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
13
- export default _default;
@@ -1,76 +0,0 @@
1
- # API
2
-
3
- <div style={ { display: "grid", gridTemplateColumns: "min-content 1fr" } }>
4
- <div style={ { fontWeight: "bold", marginRight: 16 } }>Root:</div>
5
- <div>{`<div>`}</div>
6
- <div style={ { fontWeight: "bold", marginRight: 16 } }>Ref:</div>
7
- <div>Forward <span style={ { color: "rgb(153, 153, 153)" } }>(HTMLDivElement)</span></div>
8
- </div>
9
-
10
- ## Props
11
-
12
- <Props {...{"fields":[{"name":"icon","type":{"optional":true,"name":"ReactNode","module":""},"comment":{"shortText":""}},{"name":"label","type":{"optional":false,"name":"ReactNode","module":""},"comment":{"shortText":""}},{"name":"context","type":{"optional":true,"name":"ReactNode","module":""},"comment":{"shortText":""}}]}} />
13
-
14
- export const required = (
15
- <svg
16
- x="0px"
17
- y="0px"
18
- width="10px"
19
- height="10px"
20
- viewBox="0 0 16 16"
21
- style={ { position: "relative", top: 0, display: "inline-block", marginRight: 8 } }
22
- >
23
- <g transform="translate(0, 0)">
24
- <circle cx="8" cy="8" r="8" fill="#444444"></circle>
25
- </g>
26
- </svg>
27
- );
28
-
29
- export const optional = (
30
- <svg
31
- x="0px"
32
- y="0px"
33
- width="10px"
34
- height="10px"
35
- viewBox="0 0 16 16"
36
- style={ { position: "relative", top: 0, display: "inline-block", marginRight: 8 } }
37
- >
38
- <g transform="translate(0, 0)">
39
- <circle
40
- cx="8"
41
- cy="8"
42
- r="7.5"
43
- fill="none"
44
- stroke="#444444"
45
- strokeLinecap="round"
46
- strokeLinejoin="round"
47
- data-cap="butt"
48
- ></circle>
49
- </g>
50
- </svg>
51
- );
52
-
53
- export const Props = ({ fields }) => (
54
- <div style={ { marginTop: 16, display: "grid", gridGap: 24 } }>
55
- {fields.map(({ name, type, def, example, comment }) => (
56
- <div key={name}>
57
- <div style={ { marginLeft: -18 } }>
58
- {type.optional ? optional : required}
59
- <span style={ { fontWeight: "bold" } }>{name}</span>{`: `}
60
- <span>{type.name}</span>
61
- {def && (
62
- <>
63
- {` = `}<span style={ { fontWeight: "bold" } }>{def}</span>
64
- </>
65
- )}
66
- </div>
67
- <div>{comment.shortText}</div>
68
- {example && (
69
- <div style={ { marginLeft: 0, marginTop: 8, color: "rgb(153, 153, 153)", fontSize: "0.8rem" } }>
70
- Example: <span style={ { fontWeight: "bold" } }>{example}</span>
71
- </div>
72
- )}
73
- </div>
74
- ))}
75
- </div>
76
- )
@@ -1,30 +0,0 @@
1
- import { SearchBoxListItem } from "..";
2
- import { Exhibit } from "timvir/blocks";
3
-
4
- # SearchBoxListItem
5
-
6
- <Exhibit title="Simple">
7
- <SearchBoxListItem label="Label" />
8
- </Exhibit>
9
-
10
- <Exhibit title="With context">
11
- <SearchBoxListItem label="Label" context="Context" />
12
- </Exhibit>
13
-
14
- <Exhibit title="With context and icon">
15
- <SearchBoxListItem
16
- icon={
17
- <svg x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16">
18
- <g fill="none" stroke="#444" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit={10}>
19
- <path data-color="color-2" d="M4.5 11.5L11.5 11.5" />
20
- <path data-color="color-2" d="M4.5 8.5L11.5 8.5" />
21
- <path data-color="color-2" d="M4.5 5.5L6.5 5.5" />
22
- <path d="M9.5 0.5L1.5 0.5 1.5 15.5 14.5 15.5 14.5 5.5z" />
23
- <path d="M9.5 0.5L9.5 5.5 14.5 5.5" />
24
- </g>
25
- </svg>
26
- }
27
- label="Label"
28
- context="Context"
29
- />
30
- </Exhibit>
@@ -1 +0,0 @@
1
- export { default as SearchBoxListItem } from "./SearchBoxListItem";
@@ -1,2 +0,0 @@
1
- import * as React from "react";
2
- export default function Sample(): React.JSX.Element;
package/search/styles.css DELETED
@@ -1,16 +0,0 @@
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;}
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
- .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
-
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);}
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
- .dp5wq1v{margin-left:14px;}
8
- .du5k8uq{font-size:12px;color:var(--timvir-secondary-text-color);}
9
-
10
- .r5ea8qd{position:fixed;top:0px;left:0px;right:0px;bottom:0px;z-index:999;pointer-events:none;overflow:hidden;font-family:system-ui,sans-serif;font-feature-settings:"liga","kern";text-rendering:optimizelegibility;font-size:14px;line-height:1.725;color:var(--timvir-text-color);}
11
- .dp0smwa{pointer-events:auto;position:relative;z-index:0;}
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
- .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;}
15
- .m1mgb53c{width:100%;height:100%;overflow:hidden auto;}
16
-