quirk-ui 0.1.99 → 0.1.100
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.
package/dist/index10.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._markdownBlock_1om40_8{width:100%;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._maxWidthSm_1om40_16{max-width:640px}._maxWidthMd_1om40_19{max-width:800px}._maxWidthLg_1om40_22{max-width:1000px}._maxWidthFull_1om40_25{max-width:100%}._container_1om40_4{width:100%;margin:0 auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md);container-type:inline-size}._container_1om40_4>*+*{margin-top:var(--spacing-lg)}._container_1om40_4 h1{font-size:var(--font-size-4xl, 2.25rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight, 1.2);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}._container_1om40_4 h2{font-size:var(--font-size-3xl, 1.75rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight, 1.25);margin-top:var(--spacing-2xl, 3rem);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}._container_1om40_4 h3{font-size:var(--font-size-2xl, 1.375rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--spacing-xl)}._container_1om40_4 h4{font-size:var(--font-size-xl, 1.125rem);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--spacing-lg)}._container_1om40_4 p{font-size:var(--font-size-md);line-height:var(--line-height-relaxed, 1.75);color:var(--color-text-secondary)}._container_1om40_4 ul,._container_1om40_4 ol{padding-left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xs)}._container_1om40_4 ul{list-style:disc}._container_1om40_4 ol{list-style:decimal}._container_1om40_4 li{font-size:var(--font-size-md);line-height:var(--line-height-relaxed, 1.75);color:var(--color-text-secondary)}._container_1om40_4 :not(pre)>code{font-family:var(--font-family-mono, "Fira Code", "Courier New", monospace);font-size:.875em;background-color:var(--color-secondary-10);color:var(--color-primary-100);padding:.1em .4em;border-radius:var(--radius-sm)}._container_1om40_4 pre{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;background-color:var(--color-secondary-10)}._container_1om40_4 pre code{display:block;padding:var(--spacing-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:var( --font-family-mono, "Fira Code", "Courier New", monospace );font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);white-space:pre;background:none;border:none;border-radius:0;padding-top:var(--spacing-lg)}._container_1om40_4 blockquote{border-left:4px solid var(--color-primary-100);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary-10);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}._container_1om40_4 blockquote p{margin:0;color:var(--color-text-secondary)}._container_1om40_4 table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-md)}._container_1om40_4 thead{background-color:var(--color-secondary-10)}._container_1om40_4 th,._container_1om40_4 td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);white-space:nowrap}._container_1om40_4 th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background-color:var(--color-secondary-10);border-bottom:2px solid var(--color-border)}._container_1om40_4 td{text-align:left;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);vertical-align:top}._container_1om40_4 tr:last-child td{border-bottom:none}._container_1om40_4 hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}._container_1om40_4 a{color:var(--color-primary-100);text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}._container_1om40_4 a:hover{color:var(--color-primary-75)}._container_1om40_4 img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}._container_1om40_4 input[type=checkbox]{margin-right:var(--spacing-xs);accent-color:var(--color-primary-100)}._tableScroll_1om40_253{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:var(--radius-md)}@container (max-width: 600px){._tableScroll_1om40_253{margin-left:calc(var(--spacing-md) * -1);margin-right:calc(var(--spacing-md) * -1);border-radius:0}}._tableScroll_1om40_253::-webkit-scrollbar{height:8px}._tableScroll_1om40_253::-webkit-scrollbar-track{background:var(--color-secondary-10, #f0f0f0);border-radius:4px}._tableScroll_1om40_253::-webkit-scrollbar-thumb{background:var(--color-secondary-50, #d0d0d0);border-radius:4px}._tableScroll_1om40_253::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-75, #b0b0b0)}
|
package/dist/index10.css.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
declare const styles: {
|
|
2
|
-
readonly "
|
|
3
|
-
readonly "
|
|
4
|
-
readonly "
|
|
5
|
-
readonly "
|
|
6
|
-
readonly "
|
|
7
|
-
readonly "
|
|
8
|
-
readonly "
|
|
2
|
+
readonly "_container_1om40_4": string;
|
|
3
|
+
readonly "_markdownBlock_1om40_8": string;
|
|
4
|
+
readonly "_maxWidthFull_1om40_25": string;
|
|
5
|
+
readonly "_maxWidthLg_1om40_22": string;
|
|
6
|
+
readonly "_maxWidthMd_1om40_19": string;
|
|
7
|
+
readonly "_maxWidthSm_1om40_16": string;
|
|
8
|
+
readonly "_tableScroll_1om40_253": string;
|
|
9
9
|
};
|
|
10
10
|
export = styles;
|
|
11
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index10.css');const r=require("react/jsx-runtime"),i="
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index10.css');const r=require("react/jsx-runtime"),i="_markdownBlock_1om40_8",h="_maxWidthSm_1om40_16",_="_maxWidthMd_1om40_19",u="_maxWidthLg_1om40_22",x="_maxWidthFull_1om40_25",g="_container_1om40_4",W="_tableScroll_1om40_253",d={markdownBlock:i,maxWidthSm:h,maxWidthMd:_,maxWidthLg:u,maxWidthFull:x,container:g,tableScroll:W};function k(c){return c.replace(/<table/g,`<div class="${d.tableScroll}"><table`).replace(/<\/table>/g,"</table></div>")}function b({processedHtml:c,styleOptions:a,id:m}){var o;if(!c)return null;const l={sm:d.maxWidthSm,md:d.maxWidthMd,lg:d.maxWidthLg,full:d.maxWidthFull}[(a==null?void 0:a.maxWidth)??"lg"]??d.maxWidthLg,n=((o=a==null?void 0:a.padding)==null?void 0:o.join(" "))??"",t=a!=null&&a.background?`background${a.background.charAt(0).toUpperCase()}${a.background.slice(1)}`:"",e=k(c);return r.jsx("section",{id:m,className:[d.markdownBlock,n,t].filter(Boolean).join(" "),children:r.jsx("div",{className:`${d.container} ${l}`,dangerouslySetInnerHTML:{__html:e}})})}exports.MarkdownBlock=b;
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import '../../../index10.css';const _ = "
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import '../../../index10.css';const _ = "_markdownBlock_1om40_8", i = "_maxWidthSm_1om40_16", x = "_maxWidthMd_1om40_19", W = "_maxWidthLg_1om40_22", e = "_maxWidthFull_1om40_25", g = "_container_1om40_4", u = "_tableScroll_1om40_253", d = {
|
|
3
3
|
markdownBlock: _,
|
|
4
4
|
maxWidthSm: i,
|
|
5
|
-
maxWidthMd:
|
|
6
|
-
maxWidthLg:
|
|
7
|
-
maxWidthFull:
|
|
8
|
-
container:
|
|
9
|
-
tableScroll:
|
|
5
|
+
maxWidthMd: x,
|
|
6
|
+
maxWidthLg: W,
|
|
7
|
+
maxWidthFull: e,
|
|
8
|
+
container: g,
|
|
9
|
+
tableScroll: u
|
|
10
10
|
};
|
|
11
|
-
function
|
|
12
|
-
return
|
|
11
|
+
function k(m) {
|
|
12
|
+
return m.replace(/<table/g, `<div class="${d.tableScroll}"><table`).replace(/<\/table>/g, "</table></div>");
|
|
13
13
|
}
|
|
14
14
|
function S({
|
|
15
|
-
processedHtml:
|
|
15
|
+
processedHtml: m,
|
|
16
16
|
styleOptions: a,
|
|
17
|
-
id:
|
|
17
|
+
id: l
|
|
18
18
|
}) {
|
|
19
|
-
var
|
|
20
|
-
if (!
|
|
21
|
-
const
|
|
19
|
+
var c;
|
|
20
|
+
if (!m) return null;
|
|
21
|
+
const r = {
|
|
22
22
|
sm: d.maxWidthSm,
|
|
23
23
|
md: d.maxWidthMd,
|
|
24
24
|
lg: d.maxWidthLg,
|
|
25
25
|
full: d.maxWidthFull
|
|
26
|
-
}[(a == null ? void 0 : a.maxWidth) ?? "lg"] ?? d.maxWidthLg, n = ((
|
|
27
|
-
return /* @__PURE__ */
|
|
26
|
+
}[(a == null ? void 0 : a.maxWidth) ?? "lg"] ?? d.maxWidthLg, n = ((c = a == null ? void 0 : a.padding) == null ? void 0 : c.join(" ")) ?? "", t = a != null && a.background ? `background${a.background.charAt(0).toUpperCase()}${a.background.slice(1)}` : "", h = k(m);
|
|
27
|
+
return /* @__PURE__ */ o(
|
|
28
28
|
"section",
|
|
29
29
|
{
|
|
30
|
-
id:
|
|
30
|
+
id: l,
|
|
31
31
|
className: [d.markdownBlock, n, t].filter(Boolean).join(" "),
|
|
32
|
-
children: /* @__PURE__ */
|
|
32
|
+
children: /* @__PURE__ */ o(
|
|
33
33
|
"div",
|
|
34
34
|
{
|
|
35
|
-
className: `${d.container} ${
|
|
35
|
+
className: `${d.container} ${r}`,
|
|
36
36
|
dangerouslySetInnerHTML: { __html: h }
|
|
37
37
|
}
|
|
38
38
|
)
|