@apia/theme 3.0.12 → 4.0.0
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/{index-B8vI1LSQ.js → index-CcjXuxbb.js} +172 -4
- package/dist/index-CcjXuxbb.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/{styles-CmQhZbPb.js → styles-BaY8MoR4.js} +2 -2
- package/dist/{styles-CmQhZbPb.js.map → styles-BaY8MoR4.js.map} +1 -1
- package/package.json +3 -3
- package/dist/index-B8vI1LSQ.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { A as ApiaThemeProvider, M as MarkdownBlock, t as MarkdownBuilder, w as MarkdownList, x as MarkdownParagraph, y as MarkdownTable, z as MarkdownTableOfContents, h as applyStatesGetColor, o as focusOutline, g as getColorState, a as getColorStates, b as getColorsAndStatesByDefinition, c as getColorsAndStatesByPath, d as getColorsByDefinition, e as getColorsByPath, f as getOneColorState, k as getSpacingLayouts, q as getVariant, j as injectStyles, i as makeStyledComponent, v as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-
|
|
1
|
+
export { A as ApiaThemeProvider, M as MarkdownBlock, t as MarkdownBuilder, w as MarkdownList, x as MarkdownParagraph, y as MarkdownTable, z as MarkdownTableOfContents, h as applyStatesGetColor, o as focusOutline, g as getColorState, a as getColorStates, b as getColorsAndStatesByDefinition, c as getColorsAndStatesByPath, d as getColorsByDefinition, e as getColorsByPath, f as getOneColorState, k as getSpacingLayouts, q as getVariant, j as injectStyles, i as makeStyledComponent, v as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-CcjXuxbb.js';
|
|
2
2
|
export * from '@theme-ui/match-media';
|
|
3
3
|
export { Alert, AspectImage, AspectRatio, Avatar, Badge, BaseStyles, Box, Button, Card, Checkbox, Close, CloseIcon, Container, Divider, Donut, Embed, Flex, Global, Grid, Heading, IconButton, Image, InitializeColorMode, Input, Label, Link, MenuButton, MenuIcon, Message, NavLink, Paragraph, Progress, Radio, Select, Slider, Spinner, Switch, Text, Textarea, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
|
|
4
4
|
import 'lodash-es/cloneDeep';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as markdownExtensions } from './index-
|
|
1
|
+
import { m as markdownExtensions } from './index-CcjXuxbb.js';
|
|
2
2
|
import 'lodash-es/cloneDeep';
|
|
3
3
|
import 'tinycolor2';
|
|
4
4
|
import 'lodash-es/merge';
|
|
@@ -205,4 +205,4 @@ const markdownParserStyles = (additionalStyles, extensions) => {
|
|
|
205
205
|
};
|
|
206
206
|
|
|
207
207
|
export { markdownParserStyles };
|
|
208
|
-
//# sourceMappingURL=styles-
|
|
208
|
+
//# sourceMappingURL=styles-BaY8MoR4.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles-
|
|
1
|
+
{"version":3,"file":"styles-BaY8MoR4.js","sources":["../src/markdown/theme/markdownTheme.ts","../src/markdown/styles.ts"],"sourcesContent":["export const markdownTheme = `:root {\n --color-error-back: #fff2f4;\n --color-error-border: rgb(115, 7, 9);\n --color-error-text: var(--color-text-default);\n --color-warning-back: #fffdd9;\n --color-warning-border: rgb(244, 239, 64);\n --color-warning-text: var(--color-text-default);\n --color-success-back: #e7ffd9;\n --color-success-border: rgb(79, 205, 79);\n --color-success-text: var(--color-text-default);\n --color-primary: rgb(0, 73, 108);\n --color-primary-light: #f8fdff;\n --color-primary-contrast: white;\n --color-back-paper: white;\n --color-back-default: white;\n --color-border-field: #aaa;\n --color-border-section: #ddd;\n --color-text-default: #333;\n --color-text-disabled: #aaa;\n --color-text-heading: var(--color-primary);\n --font-size-h1: 32px;\n --font-size-h2: 28px;\n --font-size-h3: 25px;\n --font-size-h4: 21px;\n --font-size-h5: 18px;\n --font-size-h6: 16px;\n --font-size-default: 16px;\n --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n --font-family-monospace: monospace;\n --table-head-color-background: var(--color-primary);\n --table-head-color-text: var(--color-primary-contrast);\n --table-head-color-border: var(--color-primary);\n --table-head-border: 1px solid var(--table-head-color-border);\n --table-head-cell-padding: var(--space-4);\n --table-head-font-weight: bold;\n --table-head-text-align: center;\n --table-body-color-background: transparent;\n --table-body-color-background-odd: var(--color-primary-light);\n --table-body-color-text: inherit;\n --table-body-color-border: var(--color-border-section);\n --table-body-border: 1px solid var(--table-body-color-border);\n --table-body-cell-padding: var(--space-4);\n --table-color-background: var(--color-back-paper);\n --table-color-border: var(--color-border-section);\n --table-border: 1px solid var(--table-color-border);\n --table-border-collapse: collapse;\n --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\n --space-0: 0;\n --space-1: 2px;\n --space-2: 4px;\n --space-3: 8px;\n --space-4: 12px;\n --space-5: 16px;\n --space-6: 24px;\n}\n\nhtml {\n margin: 0;\n font-size: var(--font-size-default);\n font-family: var(--font-family-default);\n color: var(--color-text-default);\n}\n\nbody {\n background: var(--color-back-default);\n margin: 0;\n}\n\npre, code {\n font-family: var(--font-family-monospace);\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: var(--font-family-heading);\n color: var(--color-text-heading);\n}\n\nh1 {\n font-size: var(--font-size-h1);\n}\nh1:first-of-type {\n margin-top: 0;\n}\n\nh2 {\n font-size: var(--font-size-h2);\n}\n\nh3 {\n font-size: var(--font-size-h3);\n}\n\nh4 {\n font-size: var(--font-size-h4);\n}\n\nh5 {\n font-size: var(--font-size-h5);\n}\n\nh6 {\n font-size: var(--font-size-h6);\n}\n\na {\n color: var(--color-text-default);\n}\n\na:visited {\n color: var(--color-primary);\n}\n\ntable {\n border-collapse: var(--table-border-collapse);\n border: var(--table-border);\n width: 100%;\n table-layout: fixed;\n}\ntable * {\n word-break: break-word;\n}\ntable thead th, table thead td.heading, table tbody th, table tbody td.heading {\n background: var(--table-head-color-background);\n color: var(--table-head-color-text);\n border: var(--table-head-border);\n padding: var(--table-head-cell-padding);\n font-weight: var(--table-head-font-weight);\n text-align: var(--table-head-text-align);\n text-wrap: nowrap;\n}\ntable tbody td {\n background: var(--table-body-color-background);\n color: var(--table-body-color-text);\n border: var(--table-body-border);\n padding: var(--table-body-cell-padding);\n}\ntable tbody tr:nth-child(2n) td:not(.heading) {\n background: var(--table-body-color-background-odd);\n}\n\nimg {\n max-width: 100%;\n}`;\n","import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\nimport { markdownTheme } from './theme/markdownTheme';\nimport { markdownExtensions } from './extensions';\n\nconst printStyles: IMarkdownStylesAggregator = () => `\n@media print {\n body {\n background: white;\n }\n\n #Container {\n border: none;\n margin: 0;\n width: auto;\n padding: 0;\n }\n}\n`;\n\nconst styles = (\n additionalStyles?: IMarkdownStylesAggregator,\n extensions?: RemarkableExtension[],\n) => {\n const generated = `\n${markdownTheme}\n\n#Container {\n display: flex;\n flex-direction: column;\n gap: var(--space-6);\n margin: var(--space-6) auto;\n width: 920px;\n\n & > * {\n margin: 0;\n }\n\n h1, h2, h3, h4, h5, h6 {\n margin: 0;\n }\n\n li > *:not(:first-child) {\n margin-top: var(--space-5);\n margin-bottom: var(--space-5);\n }\n}\n${printStyles()}\n\n${[...(extensions ?? []), ...markdownExtensions]\n .map((current) => current.styles())\n .join('\\n\\n')}\n\n${additionalStyles?.() ?? ''}\n`;\n\n return generated;\n};\n\nexport const markdownParserStyles = (\n additionalStyles?: IMarkdownStylesAggregator,\n extensions?: RemarkableExtension[],\n) => {\n return styles(additionalStyles, extensions);\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAAO,MAAM,aAAgB,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;;ACI7B,MAAM,cAAyC,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAerD,MAAM,MAAA,GAAS,CACb,gBAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA,CAAA;AAAA,EAClB,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBb,aAAa,CAAA;AAAA;AAAA,EAEb,CAAC,GAAI,UAAA,IAAc,EAAC,EAAI,GAAG,kBAAkB,CAAA,CAC5C,GAAI,CAAA,CAAC,YAAY,OAAQ,CAAA,MAAA,EAAQ,CACjC,CAAA,IAAA,CAAK,MAAM,CAAC,CAAA;AAAA;AAAA,EAEb,gBAAA,QAAwB,EAAE,CAAA;AAAA,CAAA,CAAA;AAG1B,EAAO,OAAA,SAAA,CAAA;AACT,CAAA,CAAA;AAEa,MAAA,oBAAA,GAAuB,CAClC,gBAAA,EACA,UACG,KAAA;AACH,EAAO,OAAA,MAAA,CAAO,kBAAkB,UAAU,CAAA,CAAA;AAC5C;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apia/theme",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"author": "Alexis Leite <alexisleite@live.com>",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@apia/util": "^
|
|
31
|
+
"@apia/util": "^4.0.0",
|
|
32
32
|
"theme-ui": "^0.16.2"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"access": "public",
|
|
53
53
|
"registry": "https://registry.npmjs.org/"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "544b2744388936eefbaf5a0a7fae7c417831fe26"
|
|
56
56
|
}
|