@apia/theme 4.0.37 → 4.0.40

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.d.ts CHANGED
@@ -411,6 +411,52 @@ type MarkdownTableObjectCell = {
411
411
  };
412
412
  type MarkdownTableCell = string | MarkdownTableObjectCell;
413
413
 
414
+ declare abstract class MarkdownBlock {
415
+ /**
416
+ * Each markdown block must export a valid markdown string
417
+ */
418
+ abstract toString(): string;
419
+ }
420
+
421
+ declare class MarkdownParagraph extends MarkdownBlock {
422
+ protected text: string;
423
+ constructor(text: string);
424
+ toString(): string;
425
+ }
426
+
427
+ type TMDTocProps = {
428
+ title?: string;
429
+ maxLevel?: number;
430
+ filter?: (el: HTMLElement) => boolean;
431
+ };
432
+ declare class MarkdownTableOfContents extends MarkdownParagraph {
433
+ constructor();
434
+ /**
435
+ * Este método toma el html, busca todos los headings (que ya fueron
436
+ * procesados por setUniqueIds) y crea una tabla de contenidos a partir de
437
+ * esos ids
438
+ */
439
+ private static makeTableOfContents;
440
+ private static deletePrevValues;
441
+ private static getParent;
442
+ private static createNewLevel;
443
+ private static getNodeDepth;
444
+ /**
445
+ * Este método toma el html original, busca todos los headings y a cada uno
446
+ * le pone un id único, reemplazando el id original si lo tuviera:
447
+ *
448
+ * Si un heading no tiene id: le agrega uno autogenerado con autoincrement +
449
+ * texto del heading procesado (reemplazar espacios por guiones, etc)
450
+ *
451
+ * Si un heading tiene id: le agrega un autoincrement con un sufijo:
452
+ * {id_original}_-_{autoincrement}
453
+ *
454
+ * De esta forma, nos aseguramos que ningún heading tenga un id igual a otro
455
+ */
456
+ private static setUniqueId;
457
+ static appendTableOfContents(props: TMDTocProps, html: string): string;
458
+ }
459
+
414
460
  type IMarkdownHtml = (title: string, css: string, body: string) => string;
415
461
  type IMarkdownParser = (options: IMarkdownConfiguration) => Promise<string>;
416
462
  interface IMarkdownConfiguration {
@@ -441,11 +487,12 @@ interface IMarkdownConfiguration {
441
487
  /**
442
488
  * If passed, will print the table of contents with the indicated title.
443
489
  */
444
- tableOfContentsTitle?: string;
490
+ tocProps?: TMDTocProps;
445
491
  /**
446
492
  * Título que se mostrará en el html
447
493
  */
448
494
  title: string;
495
+ tableOfContentsTitle?: string;
449
496
  }
450
497
  interface IRemarkableInlineExtension {
451
498
  name: string;
@@ -462,19 +509,6 @@ interface IRemarkableBlockExtension {
462
509
  type RemarkableExtension = IRemarkableInlineExtension | IRemarkableBlockExtension;
463
510
  type IMarkdownStylesAggregator = () => string;
464
511
 
465
- declare abstract class MarkdownBlock {
466
- /**
467
- * Each markdown block must export a valid markdown string
468
- */
469
- abstract toString(): string;
470
- }
471
-
472
- declare class MarkdownParagraph extends MarkdownBlock {
473
- protected text: string;
474
- constructor(text: string);
475
- toString(): string;
476
- }
477
-
478
512
  type TDialogBoxTypes = 'success' | 'warning' | 'error';
479
513
  declare class MarkdownDialogBox extends MarkdownParagraph {
480
514
  protected level: TDialogBoxTypes;
@@ -503,6 +537,18 @@ declare class MarkdownList extends MarkdownBlock {
503
537
  toString(sorted?: boolean): string;
504
538
  }
505
539
 
540
+ declare class MarkdownPage extends MarkdownBlock {
541
+ protected items: MarkdownBuilder[];
542
+ /**
543
+ * Cada elemento de la lista es un MarkdownBuilder.
544
+ *
545
+ * Si se pasa text como parámetro, este texto será agregado mediante
546
+ * builder.p(text)
547
+ */
548
+ add(text?: string): MarkdownBuilder;
549
+ toString(): string;
550
+ }
551
+
506
552
  declare class MarkdownTable extends MarkdownBlock {
507
553
  #private;
508
554
  protected header: MarkdownTableCell[];
@@ -536,9 +582,12 @@ declare class MarkdownBuilder {
536
582
  h4(text: string): MarkdownHeader;
537
583
  h5(text: string): MarkdownHeader;
538
584
  h6(text: string): MarkdownHeader;
585
+ html(text: string): void;
539
586
  p(text: string): MarkdownParagraph;
587
+ page(): MarkdownPage;
540
588
  list(sorted?: boolean): MarkdownList;
541
589
  dialogBox(text: string, level?: TDialogBoxTypes): MarkdownDialogBox;
590
+ pageBreak(): void;
542
591
  table(header?: MarkdownTableCell[], rows?: MarkdownTableCell[][]): MarkdownTable;
543
592
  /**
544
593
  * Este método debería ser llamado una única vez dentro de un documento,
@@ -547,39 +596,11 @@ declare class MarkdownBuilder {
547
596
  tableOfContents(): void;
548
597
  /**
549
598
  * Este método recibe un html y le agrega la tabla de contenidos, dentro de
550
- * un div con id="TableOfCOntents"
599
+ * un div con id="TableOfContents"
551
600
  */
552
- addTableOfContents(tableOfContentsTitle: string, html: string): string;
601
+ addTableOfContents(props: TMDTocProps, html: string): string;
553
602
  toMarkdown(): string;
554
- toHtml(options: Pick<IMarkdownConfiguration, 'additionalStyles' | 'extensions' | 'htmlTemplate' | 'title' | 'tableOfContentsTitle'>): Promise<string>;
555
- }
556
-
557
- declare class MarkdownTableOfContents extends MarkdownParagraph {
558
- constructor();
559
- /**
560
- * Este método toma el html, busca todos los headings (que ya fueron
561
- * procesados por setUniqueIds) y crea una tabla de contenidos a partir de
562
- * esos ids
563
- */
564
- private static makeTableOfContents;
565
- private static deletePrevValues;
566
- private static getParent;
567
- private static createNewLevel;
568
- private static getNodeDepth;
569
- /**
570
- * Este método toma el html original, busca todos los headings y a cada uno
571
- * le pone un id único, reemplazando el id original si lo tuviera:
572
- *
573
- * Si un heading no tiene id: le agrega uno autogenerado con autoincrement +
574
- * texto del heading procesado (reemplazar espacios por guiones, etc)
575
- *
576
- * Si un heading tiene id: le agrega un autoincrement con un sufijo:
577
- * {id_original}_-_{autoincrement}
578
- *
579
- * De esta forma, nos aseguramos que ningún heading tenga un id igual a otro
580
- */
581
- private static setUniqueId;
582
- static appendTableOfContents(title: string, html: string): string;
603
+ toHtml(options: Pick<IMarkdownConfiguration, 'additionalStyles' | 'extensions' | 'htmlTemplate' | 'title' | 'tocProps'>): Promise<string>;
583
604
  }
584
605
 
585
606
  /**
@@ -594,5 +615,5 @@ declare module '@theme-ui/css' {
594
615
  }
595
616
  }
596
617
 
597
- export { ApiaThemeProvider, type CustomTheme, Form, type IMarkdownStylesAggregator, MarkdownBlock, MarkdownBuilder, MarkdownList, MarkdownParagraph, MarkdownTable, type MarkdownTableCell, type MarkdownTableObjectCell, MarkdownTableOfContents, MaterialInput, type RemarkableExtension, type TColorDefinition, type TCustomPalette, type TPalette, type TParsedPalette, type TSpacingLayout, type TThemeModifier, Table, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getSpacingLayouts, getVariant, injectStyles, makeStyledComponent, parseMarkdown, parsePalette, responsive, smallButton, spacing, spacingLayouts, useMainTheme };
618
+ export { ApiaThemeProvider, type CustomTheme, Form, type IMarkdownStylesAggregator, MarkdownBlock, MarkdownBuilder, MarkdownList, MarkdownParagraph, MarkdownTable, type MarkdownTableCell, type MarkdownTableObjectCell, MarkdownTableOfContents, MaterialInput, type RemarkableExtension, type TColorDefinition, type TCustomPalette, type TMDTocProps, type TPalette, type TParsedPalette, type TSpacingLayout, type TThemeModifier, Table, applyStatesGetColor, focusOutline, getColorState, getColorStates, getColorsAndStatesByDefinition, getColorsAndStatesByPath, getColorsByDefinition, getColorsByPath, getOneColorState, getSpacingLayouts, getVariant, injectStyles, makeStyledComponent, parseMarkdown, parsePalette, responsive, smallButton, spacing, spacingLayouts, useMainTheme };
598
619
  //# sourceMappingURL=index.d.ts.map
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { A as ApiaThemeProvider, F as Form, t as MarkdownBlock, v as MarkdownBuilder, x as MarkdownList, y as MarkdownParagraph, z as MarkdownTable, B as MarkdownTableOfContents, M as MaterialInput, T as Table, 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, w as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-DYGQfvLC.js';
1
+ export { A as ApiaThemeProvider, F as Form, t as MarkdownBlock, v as MarkdownBuilder, x as MarkdownList, y as MarkdownParagraph, z as MarkdownTable, B as MarkdownTableOfContents, M as MaterialInput, T as Table, 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, w as parseMarkdown, p as parsePalette, r as responsive, n as smallButton, l as spacing, s as spacingLayouts, u as useMainTheme } from './index-BxGPqOIP.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-DYGQfvLC.js';
1
+ import { m as markdownExtensions } from './index-BxGPqOIP.js';
2
2
  import 'lodash-es/cloneDeep';
3
3
  import 'tinycolor2';
4
4
  import 'lodash-es/merge';
@@ -153,7 +153,17 @@ table tbody tr:nth-child(2n) td:not(.heading) {
153
153
 
154
154
  img {
155
155
  max-width: 100%;
156
- }`;
156
+ }
157
+
158
+ .md-page {
159
+ break-inside: avoid-page;
160
+ }
161
+
162
+ li > a {
163
+ display: block;
164
+ margin: 16px;
165
+ }
166
+ `;
157
167
 
158
168
  const printStyles = () => `
159
169
  @media print {
@@ -173,7 +183,7 @@ const styles = (additionalStyles, extensions) => {
173
183
  const generated = `
174
184
  ${markdownTheme}
175
185
 
176
- #Container {
186
+ #Container, .md-page {
177
187
  display: flex;
178
188
  flex-direction: column;
179
189
  gap: var(--space-6);
@@ -206,4 +216,4 @@ const markdownParserStyles = (additionalStyles, extensions) => {
206
216
  };
207
217
 
208
218
  export { markdownParserStyles };
209
- //# sourceMappingURL=styles-BQLlZhHD.js.map
219
+ //# sourceMappingURL=styles-CAgWhp1H.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles-BQLlZhHD.js","sources":["../src/markdown/theme/markdownTheme.ts","../src/markdown/styles.ts"],"sourcesContent":["export const markdownTheme = `:root {\r\n --color-error-back: #fff2f4;\r\n --color-error-border: rgb(115, 7, 9);\r\n --color-error-text: var(--color-text-default);\r\n --color-warning-back: #fffdd9;\r\n --color-warning-border: rgb(244, 239, 64);\r\n --color-warning-text: var(--color-text-default);\r\n --color-success-back: #e7ffd9;\r\n --color-success-border: rgb(79, 205, 79);\r\n --color-success-text: var(--color-text-default);\r\n --color-primary: rgb(0, 73, 108);\r\n --color-primary-light: #f8fdff;\r\n --color-primary-contrast: white;\r\n --color-back-paper: white;\r\n --color-back-default: white;\r\n --color-border-field: #aaa;\r\n --color-border-section: #ddd;\r\n --color-text-default: #333;\r\n --color-text-disabled: #aaa;\r\n --color-text-heading: var(--color-primary);\r\n --font-size-h1: 32px;\r\n --font-size-h2: 28px;\r\n --font-size-h3: 25px;\r\n --font-size-h4: 21px;\r\n --font-size-h5: 18px;\r\n --font-size-h6: 16px;\r\n --font-size-default: 16px;\r\n --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n --font-family-monospace: monospace;\r\n --table-head-color-background: var(--color-primary);\r\n --table-head-color-text: var(--color-primary-contrast);\r\n --table-head-color-border: var(--color-primary);\r\n --table-head-border: 1px solid var(--table-head-color-border);\r\n --table-head-cell-padding: var(--space-4);\r\n --table-head-font-weight: bold;\r\n --table-head-text-align: center;\r\n --table-body-color-background: transparent;\r\n --table-body-color-background-odd: var(--color-primary-light);\r\n --table-body-color-text: inherit;\r\n --table-body-color-border: var(--color-border-section);\r\n --table-body-border: 1px solid var(--table-body-color-border);\r\n --table-body-cell-padding: var(--space-4);\r\n --table-color-background: var(--color-back-paper);\r\n --table-color-border: var(--color-border-section);\r\n --table-border: 1px solid var(--table-color-border);\r\n --table-border-collapse: collapse;\r\n --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\r\n --space-0: 0;\r\n --space-1: 2px;\r\n --space-2: 4px;\r\n --space-3: 8px;\r\n --space-4: 12px;\r\n --space-5: 16px;\r\n --space-6: 24px;\r\n}\r\n\r\nhtml {\r\n margin: 0;\r\n font-size: var(--font-size-default);\r\n font-family: var(--font-family-default);\r\n color: var(--color-text-default);\r\n}\r\n\r\nbody {\r\n background: var(--color-back-default);\r\n margin: 0;\r\n}\r\n\r\npre, code {\r\n font-family: var(--font-family-monospace);\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n font-family: var(--font-family-heading);\r\n color: var(--color-text-heading);\r\n}\r\n\r\nh1 {\r\n font-size: var(--font-size-h1);\r\n}\r\nh1:first-of-type {\r\n margin-top: 0;\r\n}\r\n\r\nh2 {\r\n font-size: var(--font-size-h2);\r\n}\r\n\r\nh3 {\r\n font-size: var(--font-size-h3);\r\n}\r\n\r\nh4 {\r\n font-size: var(--font-size-h4);\r\n}\r\n\r\nh5 {\r\n font-size: var(--font-size-h5);\r\n}\r\n\r\nh6 {\r\n font-size: var(--font-size-h6);\r\n}\r\n\r\na {\r\n color: var(--color-text-default);\r\n}\r\n\r\na:visited {\r\n color: var(--color-primary);\r\n}\r\n\r\ntable {\r\n border-collapse: var(--table-border-collapse);\r\n border: var(--table-border);\r\n width: 100%;\r\n table-layout: fixed;\r\n}\r\ntable * {\r\n word-break: break-word;\r\n}\r\ntable thead th, table thead td.heading, table tbody th, table tbody td.heading {\r\n background: var(--table-head-color-background);\r\n color: var(--table-head-color-text);\r\n border: var(--table-head-border);\r\n padding: var(--table-head-cell-padding);\r\n font-weight: var(--table-head-font-weight);\r\n text-align: var(--table-head-text-align);\r\n text-wrap: nowrap;\r\n}\r\ntable tbody td {\r\n background: var(--table-body-color-background);\r\n color: var(--table-body-color-text);\r\n border: var(--table-body-border);\r\n padding: var(--table-body-cell-padding);\r\n}\r\ntable tbody tr:nth-child(2n) td:not(.heading) {\r\n background: var(--table-body-color-background-odd);\r\n}\r\n\r\nimg {\r\n max-width: 100%;\r\n}`;\r\n","import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\r\nimport { markdownTheme } from './theme/markdownTheme';\r\nimport { markdownExtensions } from './extensions';\r\n\r\nconst printStyles: IMarkdownStylesAggregator = () => `\r\n@media print {\r\n body {\r\n background: white;\r\n }\r\n\r\n #Container {\r\n border: none;\r\n margin: 0;\r\n width: auto;\r\n padding: 0;\r\n }\r\n}\r\n`;\r\n\r\nconst styles = (\r\n additionalStyles?: IMarkdownStylesAggregator,\r\n extensions?: RemarkableExtension[],\r\n) => {\r\n const generated = `\r\n${markdownTheme}\r\n\r\n#Container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-6);\r\n margin: var(--space-6) auto;\r\n width: 920px;\r\n\r\n & > * {\r\n margin: 0;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n margin: 0;\r\n }\r\n\r\n li > *:not(:first-child) {\r\n margin-top: var(--space-5);\r\n margin-bottom: var(--space-5);\r\n }\r\n}\r\n${printStyles()}\r\n\r\n${[...(extensions ?? []), ...markdownExtensions]\r\n .map((current) => current.styles())\r\n .join('\\n\\n')}\r\n\r\n${additionalStyles?.() ?? ''}\r\n`;\r\n\r\n return generated;\r\n};\r\n\r\nexport const markdownParserStyles = (\r\n additionalStyles?: IMarkdownStylesAggregator,\r\n extensions?: RemarkableExtension[],\r\n) => {\r\n return styles(additionalStyles, extensions);\r\n};\r\n"],"names":[],"mappings":";;;;;;;;;;;;AAAO,MAAM,aAAA,GAAgB,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,CAAA,CAAA;;ACI7B,MAAM,cAAyC,MAAM;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAerD,MAAM,MAAA,GAAS,CACb,gBAAA,EACA,UAAA,KACG;AACH,EAAA,MAAM,SAAA,GAAY;AAAA,EAClB,aAAa;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBb,aAAa;;AAAA,EAEb,CAAC,GAAI,UAAA,IAAc,EAAC,EAAI,GAAG,kBAAkB,CAAA,CAC5C,GAAA,CAAI,CAAC,YAAY,OAAA,CAAQ,MAAA,EAAQ,CAAA,CACjC,IAAA,CAAK,MAAM,CAAC;;AAAA,EAEb,gBAAA,QAAwB,EAAE;AAAA,CAAA;AAG1B,EAAA,OAAO,SAAA;AACT,CAAA;AAEO,MAAM,oBAAA,GAAuB,CAClC,gBAAA,EACA,UAAA,KACG;AACH,EAAA,OAAO,MAAA,CAAO,kBAAkB,UAAU,CAAA;AAC5C;;;;"}
1
+ {"version":3,"file":"styles-CAgWhp1H.js","sources":["../src/markdown/theme/markdownTheme.ts","../src/markdown/styles.ts"],"sourcesContent":["export const markdownTheme = `:root {\r\n --color-error-back: #fff2f4;\r\n --color-error-border: rgb(115, 7, 9);\r\n --color-error-text: var(--color-text-default);\r\n --color-warning-back: #fffdd9;\r\n --color-warning-border: rgb(244, 239, 64);\r\n --color-warning-text: var(--color-text-default);\r\n --color-success-back: #e7ffd9;\r\n --color-success-border: rgb(79, 205, 79);\r\n --color-success-text: var(--color-text-default);\r\n --color-primary: rgb(0, 73, 108);\r\n --color-primary-light: #f8fdff;\r\n --color-primary-contrast: white;\r\n --color-back-paper: white;\r\n --color-back-default: white;\r\n --color-border-field: #aaa;\r\n --color-border-section: #ddd;\r\n --color-text-default: #333;\r\n --color-text-disabled: #aaa;\r\n --color-text-heading: var(--color-primary);\r\n --font-size-h1: 32px;\r\n --font-size-h2: 28px;\r\n --font-size-h3: 25px;\r\n --font-size-h4: 21px;\r\n --font-size-h5: 18px;\r\n --font-size-h6: 16px;\r\n --font-size-default: 16px;\r\n --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\r\n --font-family-monospace: monospace;\r\n --table-head-color-background: var(--color-primary);\r\n --table-head-color-text: var(--color-primary-contrast);\r\n --table-head-color-border: var(--color-primary);\r\n --table-head-border: 1px solid var(--table-head-color-border);\r\n --table-head-cell-padding: var(--space-4);\r\n --table-head-font-weight: bold;\r\n --table-head-text-align: center;\r\n --table-body-color-background: transparent;\r\n --table-body-color-background-odd: var(--color-primary-light);\r\n --table-body-color-text: inherit;\r\n --table-body-color-border: var(--color-border-section);\r\n --table-body-border: 1px solid var(--table-body-color-border);\r\n --table-body-cell-padding: var(--space-4);\r\n --table-color-background: var(--color-back-paper);\r\n --table-color-border: var(--color-border-section);\r\n --table-border: 1px solid var(--table-color-border);\r\n --table-border-collapse: collapse;\r\n --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\r\n --space-0: 0;\r\n --space-1: 2px;\r\n --space-2: 4px;\r\n --space-3: 8px;\r\n --space-4: 12px;\r\n --space-5: 16px;\r\n --space-6: 24px;\r\n}\r\n\r\nhtml {\r\n margin: 0;\r\n font-size: var(--font-size-default);\r\n font-family: var(--font-family-default);\r\n color: var(--color-text-default);\r\n}\r\n\r\nbody {\r\n background: var(--color-back-default);\r\n margin: 0;\r\n}\r\n\r\npre, code {\r\n font-family: var(--font-family-monospace);\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n font-family: var(--font-family-heading);\r\n color: var(--color-text-heading);\r\n}\r\n\r\nh1 {\r\n font-size: var(--font-size-h1);\r\n}\r\nh1:first-of-type {\r\n margin-top: 0;\r\n}\r\n\r\nh2 {\r\n font-size: var(--font-size-h2);\r\n}\r\n\r\nh3 {\r\n font-size: var(--font-size-h3);\r\n}\r\n\r\nh4 {\r\n font-size: var(--font-size-h4);\r\n}\r\n\r\nh5 {\r\n font-size: var(--font-size-h5);\r\n}\r\n\r\nh6 {\r\n font-size: var(--font-size-h6);\r\n}\r\n\r\na {\r\n color: var(--color-text-default);\r\n}\r\n\r\na:visited {\r\n color: var(--color-primary);\r\n}\r\n\r\ntable {\r\n border-collapse: var(--table-border-collapse);\r\n border: var(--table-border);\r\n width: 100%;\r\n table-layout: fixed;\r\n}\r\ntable * {\r\n word-break: break-word;\r\n}\r\ntable thead th, table thead td.heading, table tbody th, table tbody td.heading {\r\n background: var(--table-head-color-background);\r\n color: var(--table-head-color-text);\r\n border: var(--table-head-border);\r\n padding: var(--table-head-cell-padding);\r\n font-weight: var(--table-head-font-weight);\r\n text-align: var(--table-head-text-align);\r\n text-wrap: nowrap;\r\n}\r\ntable tbody td {\r\n background: var(--table-body-color-background);\r\n color: var(--table-body-color-text);\r\n border: var(--table-body-border);\r\n padding: var(--table-body-cell-padding);\r\n}\r\ntable tbody tr:nth-child(2n) td:not(.heading) {\r\n background: var(--table-body-color-background-odd);\r\n}\r\n\r\nimg {\r\n max-width: 100%;\r\n}\r\n\r\n.md-page {\r\n break-inside: avoid-page;\r\n}\r\n\r\nli > a {\r\n display: block;\r\n margin: 16px;\r\n}\r\n`;\r\n","import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\r\nimport { markdownTheme } from './theme/markdownTheme';\r\nimport { markdownExtensions } from './extensions';\r\n\r\nconst printStyles: IMarkdownStylesAggregator = () => `\r\n@media print {\r\n body {\r\n background: white;\r\n }\r\n\r\n #Container {\r\n border: none;\r\n margin: 0;\r\n width: auto;\r\n padding: 0;\r\n }\r\n}\r\n`;\r\n\r\nconst styles = (\r\n additionalStyles?: IMarkdownStylesAggregator,\r\n extensions?: RemarkableExtension[],\r\n) => {\r\n const generated = `\r\n${markdownTheme}\r\n\r\n#Container, .md-page {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--space-6);\r\n margin: var(--space-6) auto;\r\n width: 920px;\r\n\r\n & > * {\r\n margin: 0;\r\n }\r\n\r\n h1, h2, h3, h4, h5, h6 {\r\n margin: 0;\r\n }\r\n\r\n li > *:not(:first-child) {\r\n margin-top: var(--space-5);\r\n margin-bottom: var(--space-5);\r\n }\r\n}\r\n${printStyles()}\r\n\r\n${[...(extensions ?? []), ...markdownExtensions]\r\n .map((current) => current.styles())\r\n .join('\\n\\n')}\r\n\r\n${additionalStyles?.() ?? ''}\r\n`;\r\n\r\n return generated;\r\n};\r\n\r\nexport const markdownParserStyles = (\r\n additionalStyles?: IMarkdownStylesAggregator,\r\n extensions?: RemarkableExtension[],\r\n) => {\r\n return styles(additionalStyles, extensions);\r\n};\r\n"],"names":[],"mappings":";;;;;;;;;;;;AAAO,MAAM,aAAA,GAAgB,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,CAAA;;ACI7B,MAAM,cAAyC,MAAM;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AAerD,MAAM,MAAA,GAAS,CACb,gBAAA,EACA,UAAA,KACG;AACH,EAAA,MAAM,SAAA,GAAY;AAAA,EAClB,aAAa;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBb,aAAa;;AAAA,EAEb,CAAC,GAAI,UAAA,IAAc,EAAC,EAAI,GAAG,kBAAkB,CAAA,CAC5C,GAAA,CAAI,CAAC,YAAY,OAAA,CAAQ,MAAA,EAAQ,CAAA,CACjC,IAAA,CAAK,MAAM,CAAC;;AAAA,EAEb,gBAAA,QAAwB,EAAE;AAAA,CAAA;AAG1B,EAAA,OAAO,SAAA;AACT,CAAA;AAEO,MAAM,oBAAA,GAAuB,CAClC,gBAAA,EACA,UAAA,KACG;AACH,EAAA,OAAO,MAAA,CAAO,kBAAkB,UAAU,CAAA;AAC5C;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apia/theme",
3
- "version": "4.0.37",
3
+ "version": "4.0.40",
4
4
  "sideEffects": false,
5
5
  "author": "Alexis Leite <alexisleite@live.com>",
6
6
  "main": "dist/index.js",
@@ -30,7 +30,7 @@
30
30
  "libWatchForDashboards": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true,DEV_SERVER_MODULE:dashboards"
31
31
  },
32
32
  "dependencies": {
33
- "@apia/util": "^4.0.37",
33
+ "@apia/util": "^4.0.40",
34
34
  "theme-ui": "^0.16.2"
35
35
  },
36
36
  "devDependencies": {
@@ -54,5 +54,5 @@
54
54
  "access": "public",
55
55
  "registry": "https://registry.npmjs.org/"
56
56
  },
57
- "gitHead": "f287e7364d927f4d646819dc6ae560c0297110e9"
57
+ "gitHead": "beb80c78bbfd17dc090d8fbcb18af736b1753072"
58
58
  }