@apia/theme 4.0.25 → 4.0.26
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/html-B-K0BIiw.js.map +1 -1
- package/dist/{index-CQyNuNTG.js → index-CPxF1D8S.js} +65 -53
- package/dist/index-CPxF1D8S.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/{styles-kOzs6n6L.js → styles-CBUqGoTy.js} +2 -2
- package/dist/styles-CBUqGoTy.js.map +1 -0
- package/jsx-runtime/dist/jsx-runtime.d.ts +3 -3
- package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map +1 -1
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js +21 -21
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js +7 -7
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js +21 -21
- package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js +2 -2
- package/jsx-runtime/package.json +8 -8
- package/package.json +3 -3
- package/dist/index-CQyNuNTG.js.map +0 -1
- package/dist/styles-kOzs6n6L.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"html-B-K0BIiw.js","sources":["../src/markdown/html.ts"],"sourcesContent":["import { IMarkdownHtml } from './types';\n\nexport const markdownHtml: IMarkdownHtml = (\n title: string,\n css: string,\n body: string,\n) => `<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${title}</title>\n <style>\n${css}\n </style>\n</head>\n<body>\n <main id=\"Container\">${body}</main>\n</body>\n</html>`;\n"],"names":[],"mappings":"AAEO,MAAM,YAAA,GAA8B,CACzC,KAAA,EACA,GAAA,EACA,IAAA,KACG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EAKM,KAAK,CAAA;AAAA;AAAA,EAEd,GAAG;AAAA;AAAA;AAAA;AAAA,uBAAA,EAIoB,IAAI,CAAA;AAAA;AAAA,OAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"html-B-K0BIiw.js","sources":["../src/markdown/html.ts"],"sourcesContent":["import { IMarkdownHtml } from './types';\r\n\r\nexport const markdownHtml: IMarkdownHtml = (\r\n title: string,\r\n css: string,\r\n body: string,\r\n) => `<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>${title}</title>\r\n <style>\r\n${css}\r\n </style>\r\n</head>\r\n<body>\r\n <main id=\"Container\">${body}</main>\r\n</body>\r\n</html>`;\r\n"],"names":[],"mappings":"AAEO,MAAM,YAAA,GAA8B,CACzC,KAAA,EACA,GAAA,EACA,IAAA,KACG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAAA,EAKM,KAAK,CAAA;AAAA;AAAA,EAEd,GAAG;AAAA;AAAA;AAAA;AAAA,uBAAA,EAIoB,IAAI,CAAA;AAAA;AAAA,OAAA;;;;"}
|
|
@@ -1045,7 +1045,14 @@ function getThemeColorsObject(theme) {
|
|
|
1045
1045
|
tab: {
|
|
1046
1046
|
backgroundColor: theme.palette.background.paper,
|
|
1047
1047
|
color: theme.palette.text.primary,
|
|
1048
|
-
borderColor: theme.palette.border.article
|
|
1048
|
+
borderColor: theme.palette.border.article,
|
|
1049
|
+
active: {
|
|
1050
|
+
color: theme.palette.primary.main,
|
|
1051
|
+
backgroundColor: theme.palette.lightenColor(
|
|
1052
|
+
theme.palette.secondary.main,
|
|
1053
|
+
10
|
|
1054
|
+
)
|
|
1055
|
+
}
|
|
1049
1056
|
},
|
|
1050
1057
|
toggleIcon: {
|
|
1051
1058
|
color: theme.palette.secondary.contrastText,
|
|
@@ -1560,6 +1567,7 @@ const buttons = {
|
|
|
1560
1567
|
cursor: "pointer",
|
|
1561
1568
|
textTransform: "none",
|
|
1562
1569
|
transition: "background-color 300ms ease-out, color 300ms ease-out",
|
|
1570
|
+
boxShadow: "none",
|
|
1563
1571
|
...getColorsAndStatesByPath("buttons.link")
|
|
1564
1572
|
},
|
|
1565
1573
|
"link-sm": {
|
|
@@ -2323,59 +2331,62 @@ const dateInput = {
|
|
|
2323
2331
|
};
|
|
2324
2332
|
|
|
2325
2333
|
const iconInput = {
|
|
2326
|
-
|
|
2327
|
-
justifyContent: "stretch",
|
|
2328
|
-
alignItems: "center",
|
|
2329
|
-
border: "1px solid",
|
|
2330
|
-
borderColor: "palette.border.field",
|
|
2331
|
-
borderRadius: "default",
|
|
2332
|
-
"&.readOnly, &.readonly": {
|
|
2333
|
-
".iconButton": {
|
|
2334
|
-
borderLeft: "1px solid",
|
|
2335
|
-
borderLeftColor: "palette.border.section"
|
|
2336
|
-
}
|
|
2337
|
-
},
|
|
2338
|
-
":focus-within": {
|
|
2339
|
-
outlineColor: "outlineColor",
|
|
2340
|
-
outlineWidth: "3px",
|
|
2341
|
-
outlineOffset: "-3px",
|
|
2342
|
-
outlineStyle: "solid",
|
|
2343
|
-
borderColor: "transparent"
|
|
2344
|
-
},
|
|
2345
|
-
".iconButton": {
|
|
2334
|
+
"&.iconInput[class]": {
|
|
2346
2335
|
display: "flex",
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2336
|
+
justifyContent: "stretch",
|
|
2337
|
+
alignItems: "center",
|
|
2338
|
+
border: "1px solid",
|
|
2339
|
+
borderColor: "palette.border.field",
|
|
2340
|
+
borderRadius: "default",
|
|
2341
|
+
gap: "0px",
|
|
2342
|
+
"&.readOnly, &.readonly": {
|
|
2343
|
+
".iconButton": {
|
|
2344
|
+
borderLeft: "1px solid",
|
|
2345
|
+
borderLeftColor: "palette.border.section"
|
|
2346
|
+
}
|
|
2347
|
+
},
|
|
2348
|
+
":focus-within": {
|
|
2349
|
+
outlineColor: "outlineColor",
|
|
2350
|
+
outlineWidth: "3px",
|
|
2351
|
+
outlineOffset: "-3px",
|
|
2352
|
+
outlineStyle: "solid",
|
|
2353
|
+
borderColor: "transparent"
|
|
2354
|
+
},
|
|
2364
2355
|
".iconButton": {
|
|
2365
|
-
|
|
2366
|
-
|
|
2356
|
+
display: "flex",
|
|
2357
|
+
width: "50px",
|
|
2358
|
+
flexShrink: 0,
|
|
2359
|
+
height: "50px",
|
|
2367
2360
|
border: "none",
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2361
|
+
boxShadow: "none",
|
|
2362
|
+
...getColorsAndStatesByPath("buttons.outline"),
|
|
2363
|
+
background: "palette.background.paper",
|
|
2364
|
+
"&:focus": {
|
|
2365
|
+
outline: "none",
|
|
2366
|
+
background: (theme) => getOneColorState(
|
|
2367
|
+
theme.palette.background.paper,
|
|
2368
|
+
"hover",
|
|
2369
|
+
theme.palette
|
|
2370
|
+
)
|
|
2371
|
+
}
|
|
2372
|
+
},
|
|
2373
|
+
"&.disabled, &.disabled:hover": {
|
|
2374
|
+
".iconButton": {
|
|
2375
|
+
backgroundColor: "form.fields.disabled.backgroundColor",
|
|
2376
|
+
color: "palette.text.primary",
|
|
2377
|
+
border: "none",
|
|
2378
|
+
cursor: "not-allowed",
|
|
2379
|
+
borderLeft: "1px solid",
|
|
2380
|
+
borderLeftColor: "palette.border.field"
|
|
2381
|
+
}
|
|
2382
|
+
},
|
|
2383
|
+
input: {
|
|
2384
|
+
height: "50px",
|
|
2385
|
+
width: "100%",
|
|
2386
|
+
border: "none",
|
|
2387
|
+
"&:focus": {
|
|
2388
|
+
outline: "none"
|
|
2389
|
+
}
|
|
2379
2390
|
}
|
|
2380
2391
|
}
|
|
2381
2392
|
};
|
|
@@ -3711,6 +3722,7 @@ const clean = (theme) => {
|
|
|
3711
3722
|
borderBottom: "1px solid #ccc",
|
|
3712
3723
|
textAlign: "left",
|
|
3713
3724
|
fontWeight: "bold",
|
|
3725
|
+
boxShadow: "none",
|
|
3714
3726
|
'&[role="presentation"]': {
|
|
3715
3727
|
display: "none"
|
|
3716
3728
|
},
|
|
@@ -6953,7 +6965,7 @@ async function getRemarkable(extensions) {
|
|
|
6953
6965
|
|
|
6954
6966
|
const parseMarkdown = async (options) => {
|
|
6955
6967
|
const markdownLibrary = await getRemarkable(options.extensions);
|
|
6956
|
-
const css = (await import('./styles-
|
|
6968
|
+
const css = (await import('./styles-CBUqGoTy.js')).markdownParserStyles ?? new ErrorImporting();
|
|
6957
6969
|
if (css instanceof ErrorImporting)
|
|
6958
6970
|
throw new Error("Could not import css, cannot continue");
|
|
6959
6971
|
const html = options.htmlTemplate ?? (await import('./html-B-K0BIiw.js')).markdownHtml ?? new ErrorImporting();
|
|
@@ -7411,4 +7423,4 @@ class MarkdownBuilder {
|
|
|
7411
7423
|
}
|
|
7412
7424
|
|
|
7413
7425
|
export { ApiaThemeProvider as A, MarkdownTableOfContents as B, Form as F, MaterialInput as M, Table as T, getColorStates as a, getColorsAndStatesByDefinition as b, getColorsAndStatesByPath as c, getColorsByDefinition as d, getColorsByPath as e, getOneColorState as f, getColorState as g, applyStatesGetColor as h, makeStyledComponent as i, injectStyles as j, getSpacingLayouts as k, spacing as l, markdownExtensions as m, smallButton as n, focusOutline as o, parsePalette as p, getVariant as q, responsive$1 as r, spacingLayouts as s, MarkdownBlock as t, useMainTheme as u, MarkdownBuilder as v, parseMarkdown as w, MarkdownList as x, MarkdownParagraph as y, MarkdownTable as z };
|
|
7414
|
-
//# sourceMappingURL=index-
|
|
7426
|
+
//# sourceMappingURL=index-CPxF1D8S.js.map
|