npm - @apia/theme - Versions diffs - 2.0.7 → 2.0.11 - Mend

@apia/theme 2.0.7 → 2.0.11

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 (118) hide show

package/dist/markdown/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","sources":["../../src/markdown/styles.ts"],"sourcesContent":["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":";;;AAIA,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;;;;"}
1	+ {"version":3,"file":"styles.js","sources":["../../src/markdown/styles.ts"],"sourcesContent":["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":";;;AAIA,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/dist/markdown/theme/markdownTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"markdownTheme.js","sources":["../../../src/markdown/theme/markdownTheme.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}\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"],"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,CAAA;;;;"}
1	+ {"version":3,"file":"markdownTheme.js","sources":["../../../src/markdown/theme/markdownTheme.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}\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"],"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,CAAA;;;;"}

package/dist/markdown/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../src/markdown/types.ts"],"sourcesContent":["import type { StateBlock, StateInline, TagToken } from \"remarkable/lib\";\nimport type { Remarkable } from \"remarkable\";\n\n// eslint-disable-next-line @typescript-eslint/no-extraneous-class\nexport class ErrorImporting {}\n\nexport type IMarkdownHtml = (\n title: string,\n css: string,\n body: string,\n) => string;\n\nexport type IMarkdownParser = (\n options: IMarkdownConfiguration,\n) => Promise<string>;\n\nexport interface IMarkdownConfiguration {\n /*\n Cadena de caracteres de CSS\n /\n additionalStyles?: IMarkdownStylesAggregator;\n /\n Contenido markdown\n /\n content: string;\n /\n Permite el pasaje de extensiones adicionales\n /\n extensions?: RemarkableExtension[];\n /\n Si el template html por defecto no es suficiente, se puede optar por un\n * template a medida.\n /\n htmlTemplate?: IMarkdownHtml;\n /\n If passed, will print the table of contents with the indicated title.\n /\n tableOfContentsTitle?: string;\n /\n Título que se mostrará en el html\n */\n title: string;\n}\n\nexport interface IRemarkableInlineExtension {\n name: string;\n parser: (state: StateInline, checkMode: boolean) => boolean;\n replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;\n styles: () => string;\n}\n\nexport interface IRemarkableBlockExtension {\n name: string;\n parser: (\n state: StateBlock,\n startLine: number,\n endLine: number,\n checkMode: boolean,\n ) => boolean;\n replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;\n styles: () => string;\n}\n\nexport type RemarkableExtension =\n \| IRemarkableInlineExtension\n \| IRemarkableBlockExtension;\n\nexport type IMarkdownStylesAggregator = () => string;\n"],"names":[],"mappings":"AAIO,MAAM,cAAe,CAAA;AAAC;;;;"}
1	+ {"version":3,"file":"types.js","sources":["../../src/markdown/types.ts"],"sourcesContent":["import type { StateBlock, StateInline, TagToken } from \"remarkable/lib\";\r\nimport type { Remarkable } from \"remarkable\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/no-extraneous-class\r\nexport class ErrorImporting {}\r\n\r\nexport type IMarkdownHtml = (\r\n title: string,\r\n css: string,\r\n body: string,\r\n) => string;\r\n\r\nexport type IMarkdownParser = (\r\n options: IMarkdownConfiguration,\r\n) => Promise<string>;\r\n\r\nexport interface IMarkdownConfiguration {\r\n /*\r\n Cadena de caracteres de CSS\r\n /\r\n additionalStyles?: IMarkdownStylesAggregator;\r\n /\r\n Contenido markdown\r\n /\r\n content: string;\r\n /\r\n Permite el pasaje de extensiones adicionales\r\n /\r\n extensions?: RemarkableExtension[];\r\n /\r\n Si el template html por defecto no es suficiente, se puede optar por un\r\n * template a medida.\r\n /\r\n htmlTemplate?: IMarkdownHtml;\r\n /\r\n If passed, will print the table of contents with the indicated title.\r\n /\r\n tableOfContentsTitle?: string;\r\n /\r\n Título que se mostrará en el html\r\n */\r\n title: string;\r\n}\r\n\r\nexport interface IRemarkableInlineExtension {\r\n name: string;\r\n parser: (state: StateInline, checkMode: boolean) => boolean;\r\n replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;\r\n styles: () => string;\r\n}\r\n\r\nexport interface IRemarkableBlockExtension {\r\n name: string;\r\n parser: (\r\n state: StateBlock,\r\n startLine: number,\r\n endLine: number,\r\n checkMode: boolean,\r\n ) => boolean;\r\n replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;\r\n styles: () => string;\r\n}\r\n\r\nexport type RemarkableExtension =\r\n \| IRemarkableInlineExtension\r\n \| IRemarkableBlockExtension;\r\n\r\nexport type IMarkdownStylesAggregator = () => string;\r\n"],"names":[],"mappings":"AAIO,MAAM,cAAe,CAAA;AAAC;;;;"}

package/dist/methods/CustomThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomThemeProvider.js","sources":["../../src/methods/CustomThemeProvider.tsx"],"sourcesContent":["import { ThemeUIProvider, Theme } from 'theme-ui';\nimport { ReactNode } from 'react';\nimport { getMainTheme } from './getMainTheme';\n\ninterface TThemeProvider {\n children: ReactNode;\n customTheme?: () => Theme;\n}\n\nexport const CustomThemeProvider = ({\n children,\n customTheme,\n}: TThemeProvider) => {\n const theme: Theme = getMainTheme(customTheme);\n\n return <ThemeUIProvider theme={theme}>{children}</ThemeUIProvider>;\n};\n"],"names":[],"mappings":";;;;AASO,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA,WAAA;AACF,CAAsB,KAAA;AACpB,EAAM,MAAA,KAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAE7C,EAAO,uBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,KAAA,EAAe,QAAS,EAAA,CAAA,CAAA;AAClD;;;;"}
1	+ {"version":3,"file":"CustomThemeProvider.js","sources":["../../src/methods/CustomThemeProvider.tsx"],"sourcesContent":["import { ThemeUIProvider, Theme } from 'theme-ui';\r\nimport { ReactNode } from 'react';\r\nimport { getMainTheme } from './getMainTheme';\r\n\r\ninterface TThemeProvider {\r\n children: ReactNode;\r\n customTheme?: () => Theme;\r\n}\r\n\r\nexport const CustomThemeProvider = ({\r\n children,\r\n customTheme,\r\n}: TThemeProvider) => {\r\n const theme: Theme = getMainTheme(customTheme);\r\n\r\n return <ThemeUIProvider theme={theme}>{children}</ThemeUIProvider>;\r\n};\r\n"],"names":[],"mappings":";;;;AASO,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA,WAAA;AACF,CAAsB,KAAA;AACpB,EAAM,MAAA,KAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAE7C,EAAO,uBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,KAAA,EAAe,QAAS,EAAA,CAAA,CAAA;AAClD;;;;"}

package/dist/methods/getMainTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getMainTheme.js","sources":["../../src/methods/getMainTheme.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\n/ eslint-disable @typescript-eslint/no-unsafe-argument */\nimport {\n ColorModesScale,\n Theme,\n ThemeUICSSObject,\n ThemeUIStyleObject,\n} from 'theme-ui';\nimport merge from 'lodash-es/merge';\nimport { setValueByPath } from '@apia/util';\nimport { baseTheme } from '../base/baseTheme';\nimport {\n TCustomPalette,\n TParsedPalette,\n TThemeModifier,\n} from '../base/colors/types';\nimport { getThemeColorsObject, parsePalette } from '../base/colors';\nimport defaultPalette from '../base/colors/defaultPalette';\nimport forms from '../base/forms';\nimport { layout } from '../base/layout';\n\nconst makeTheme = <T extends Theme>(t: T) => {\n return t;\n};\n\nlet declaredStyles: ThemeUICSSObject = {};\n\nexport function declareStyles(\n path: string,\n styles: ThemeUICSSObject \| Record<string, ThemeUICSSObject>,\n) {\n const newStyles = {};\n setValueByPath(newStyles, path, styles);\n declaredStyles = merge(declaredStyles, newStyles);\n}\n\nexport function getMainTheme(\n customTheme?: () => Omit<Theme, 'palette'>,\n customPalette?: TCustomPalette,\n\n themeModifier?: TThemeModifier,\n) {\n const palette = parsePalette(merge({}, defaultPalette, customPalette));\n window.currentPalette = palette;\n\n const theme = makeTheme(\n merge(baseTheme(), { layout: declaredStyles }, customTheme?.() ?? {}, {\n palette: {} as TParsedPalette,\n }),\n );\n\n theme.palette = palette;\n\n theme.colors = getThemeColorsObject(theme) as unknown as ColorModesScale;\n theme.forms = forms(theme) as Record<string, ThemeUIStyleObject>;\n theme.layout = merge(layout(theme), theme.layout);\n\n theme.styles = merge({}, customTheme?.().styles, { root: theme.layout.root });\n\n return themeModifier?.(theme) ?? theme;\n}\n"],"names":[],"mappings":";;;;;;;;AAqBA,MAAM,SAAA,GAAY,CAAkB,CAAS,KAAA;AAC3C,EAAO,OAAA,CAAA,CAAA;AACT,CAAA,CAAA;AAEA,IAAI,iBAAmC,EAAC,CAAA;AAWxB,SAAA,YAAA,CACd,WACA,EAAA,aAAA,EAEA,aACA,EAAA;AACA,EAAA,MAAM,UAAU,YAAa,CAAA,KAAA,CAAM,EAAI,EAAA,cAAA,EAAgB,aAAa,CAAC,CAAA,CAAA;AACrE,EAAA,MAAA,CAAO,cAAiB,GAAA,OAAA,CAAA;AAExB,EAAA,MAAM,KAAQ,GAAA,SAAA;AAAA,IACZ,KAAA,CAAM,SAAU,EAAA,EAAG,EAAE,MAAA,EAAQ,gBAAkB,EAAA,WAAA,IAAmB,IAAA,EAAI,EAAA;AAAA,MACpE,SAAS,EAAC;AAAA,KACX,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,KAAA,CAAM,OAAU,GAAA,OAAA,CAAA;AAEhB,EAAM,KAAA,CAAA,MAAA,GAAS,qBAAqB,KAAK,CAAA,CAAA;AACzC,EAAM,KAAA,CAAA,KAAA,GAAQ,MAAM,KAAK,CAAA,CAAA;AACzB,EAAA,KAAA,CAAM,SAAS,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA,EAAG,MAAM,MAAM,CAAA,CAAA;AAEhD,EAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,EAAC,EAAG,WAAc,IAAA,CAAE,MAAQ,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,EAAM,CAAA,CAAA;AAE5E,EAAO,OAAA,aAAA,GAAgB,KAAK,CAAK,IAAA,KAAA,CAAA;AACnC;;;;"}
1	+ {"version":3,"file":"getMainTheme.js","sources":["../../src/methods/getMainTheme.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any /\r\n/ eslint-disable @typescript-eslint/no-unsafe-argument */\r\nimport {\r\n ColorModesScale,\r\n Theme,\r\n ThemeUICSSObject,\r\n ThemeUIStyleObject,\r\n} from 'theme-ui';\r\nimport merge from 'lodash-es/merge';\r\nimport { setValueByPath } from '@apia/util';\r\nimport { baseTheme } from '../base/baseTheme';\r\nimport {\r\n TCustomPalette,\r\n TParsedPalette,\r\n TThemeModifier,\r\n} from '../base/colors/types';\r\nimport { getThemeColorsObject, parsePalette } from '../base/colors';\r\nimport defaultPalette from '../base/colors/defaultPalette';\r\nimport forms from '../base/forms';\r\nimport { layout } from '../base/layout';\r\n\r\nconst makeTheme = <T extends Theme>(t: T) => {\r\n return t;\r\n};\r\n\r\nlet declaredStyles: ThemeUICSSObject = {};\r\n\r\nexport function declareStyles(\r\n path: string,\r\n styles: ThemeUICSSObject \| Record<string, ThemeUICSSObject>,\r\n) {\r\n const newStyles = {};\r\n setValueByPath(newStyles, path, styles);\r\n declaredStyles = merge(declaredStyles, newStyles);\r\n}\r\n\r\nexport function getMainTheme(\r\n customTheme?: () => Omit<Theme, 'palette'>,\r\n customPalette?: TCustomPalette,\r\n\r\n themeModifier?: TThemeModifier,\r\n) {\r\n const palette = parsePalette(merge({}, defaultPalette, customPalette));\r\n window.currentPalette = palette;\r\n\r\n const theme = makeTheme(\r\n merge(baseTheme(), { layout: declaredStyles }, customTheme?.() ?? {}, {\r\n palette: {} as TParsedPalette,\r\n }),\r\n );\r\n\r\n theme.palette = palette;\r\n\r\n theme.colors = getThemeColorsObject(theme) as unknown as ColorModesScale;\r\n theme.forms = forms(theme) as Record<string, ThemeUIStyleObject>;\r\n theme.layout = merge(layout(theme), theme.layout);\r\n\r\n theme.styles = merge({}, customTheme?.().styles, { root: theme.layout.root });\r\n\r\n return themeModifier?.(theme) ?? theme;\r\n}\r\n"],"names":[],"mappings":";;;;;;;;AAqBA,MAAM,SAAA,GAAY,CAAkB,CAAS,KAAA;AAC3C,EAAO,OAAA,CAAA,CAAA;AACT,CAAA,CAAA;AAEA,IAAI,iBAAmC,EAAC,CAAA;AAWxB,SAAA,YAAA,CACd,WACA,EAAA,aAAA,EAEA,aACA,EAAA;AACA,EAAA,MAAM,UAAU,YAAa,CAAA,KAAA,CAAM,EAAI,EAAA,cAAA,EAAgB,aAAa,CAAC,CAAA,CAAA;AACrE,EAAA,MAAA,CAAO,cAAiB,GAAA,OAAA,CAAA;AAExB,EAAA,MAAM,KAAQ,GAAA,SAAA;AAAA,IACZ,KAAA,CAAM,SAAU,EAAA,EAAG,EAAE,MAAA,EAAQ,gBAAkB,EAAA,WAAA,IAAmB,IAAA,EAAI,EAAA;AAAA,MACpE,SAAS,EAAC;AAAA,KACX,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,KAAA,CAAM,OAAU,GAAA,OAAA,CAAA;AAEhB,EAAM,KAAA,CAAA,MAAA,GAAS,qBAAqB,KAAK,CAAA,CAAA;AACzC,EAAM,KAAA,CAAA,KAAA,GAAQ,MAAM,KAAK,CAAA,CAAA;AACzB,EAAA,KAAA,CAAM,SAAS,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA,EAAG,MAAM,MAAM,CAAA,CAAA;AAEhD,EAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,EAAC,EAAG,WAAc,IAAA,CAAE,MAAQ,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,EAAM,CAAA,CAAA;AAE5E,EAAO,OAAA,aAAA,GAAgB,KAAK,CAAK,IAAA,KAAA,CAAA;AACnC;;;;"}

package/dist/methods/injectStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"injectStyles.js","sources":["../../src/methods/injectStyles.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { mainThemeEmitter } from './useMainTheme';\n\n/*\n Esta función permite agregar estilos al tema principal de la aplicación, de\n * modo que estén disponibles para cualquier componente que lo requirea.\n \n @example\n \n injectStyles('buttons.myRedButton', {\n * variant: 'buttons.primary',\n * backgroundColor: 'red',\n * })\n /\nexport function injectStyles(path: string, styles: ThemeUICSSObject): void;\n\n/\n Esta función permite agregar estilos al tema principal de la aplicación, de\n * modo que estén disponibles para cualquier componente que lo requirea.\n \n @example\n \n injectStyles({\n * layout: {\n * panels: {\n * myPanel: {\n * ...\n * }\n * }\n * }\n * })\n */\nexport function injectStyles(styles: ThemeUICSSObject): void;\n\nexport function injectStyles(\n par1: string \| ThemeUICSSObject,\n par2?: ThemeUICSSObject,\n) {\n const path = typeof par1 === 'string' ? par1 : '';\n const styles = typeof par1 === 'string' ? (par2 as ThemeUICSSObject) : par1;\n\n mainThemeEmitter.emit('newStyles', { path, styles });\n}\n"],"names":[],"mappings":";;AAkCgB,SAAA,YAAA,CACd,MACA,IACA,EAAA;AACA,EAAA,MAAM,IAAO,GAAA,OAAO,IAAS,KAAA,QAAA,GAAW,IAAO,GAAA,EAAA,CAAA;AAC/C,EAAA,MAAM,MAAS,GAAA,OAAO,IAAS,KAAA,QAAA,GAAY,IAA4B,GAAA,IAAA,CAAA;AAEvE,EAAA,gBAAA,CAAiB,IAAK,CAAA,WAAA,EAAa,EAAE,IAAA,EAAM,QAAQ,CAAA,CAAA;AACrD;;;;"}
1	+ {"version":3,"file":"injectStyles.js","sources":["../../src/methods/injectStyles.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\r\nimport { mainThemeEmitter } from './useMainTheme';\r\n\r\n/*\r\n Esta función permite agregar estilos al tema principal de la aplicación, de\r\n * modo que estén disponibles para cualquier componente que lo requirea.\r\n \r\n @example\r\n \r\n injectStyles('buttons.myRedButton', {\r\n * variant: 'buttons.primary',\r\n * backgroundColor: 'red',\r\n * })\r\n /\r\nexport function injectStyles(path: string, styles: ThemeUICSSObject): void;\r\n\r\n/\r\n Esta función permite agregar estilos al tema principal de la aplicación, de\r\n * modo que estén disponibles para cualquier componente que lo requirea.\r\n \r\n @example\r\n \r\n injectStyles({\r\n * layout: {\r\n * panels: {\r\n * myPanel: {\r\n * ...\r\n * }\r\n * }\r\n * }\r\n * })\r\n */\r\nexport function injectStyles(styles: ThemeUICSSObject): void;\r\n\r\nexport function injectStyles(\r\n par1: string \| ThemeUICSSObject,\r\n par2?: ThemeUICSSObject,\r\n) {\r\n const path = typeof par1 === 'string' ? par1 : '';\r\n const styles = typeof par1 === 'string' ? (par2 as ThemeUICSSObject) : par1;\r\n\r\n mainThemeEmitter.emit('newStyles', { path, styles });\r\n}\r\n"],"names":[],"mappings":";;AAkCgB,SAAA,YAAA,CACd,MACA,IACA,EAAA;AACA,EAAA,MAAM,IAAO,GAAA,OAAO,IAAS,KAAA,QAAA,GAAW,IAAO,GAAA,EAAA,CAAA;AAC/C,EAAA,MAAM,MAAS,GAAA,OAAO,IAAS,KAAA,QAAA,GAAY,IAA4B,GAAA,IAAA,CAAA;AAEvE,EAAA,gBAAA,CAAiB,IAAK,CAAA,WAAA,EAAa,EAAE,IAAA,EAAM,QAAQ,CAAA,CAAA;AACrD;;;;"}

package/dist/methods/makeStyledComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"makeStyledComponent.js","sources":["../../src/methods/makeStyledComponent.tsx"],"sourcesContent":["import { setValueByPath } from '@apia/util';\nimport {\n FC,\n MutableRefObject,\n ReactNode,\n Suspense,\n useMemo,\n useRef,\n} from 'react';\nimport { ThemeUICSSObject, Box, useThemeUI } from 'theme-ui';\nimport { getVariant } from '../util/getVariant';\nimport { CustomThemeProvider } from './CustomThemeProvider';\n\n/*\n Permite crear un componente cuyos estilos pueden ser redefinidos por un\n * usuario final.\n \n Esto es así puesto que los estilos definidos serán agregados a un árbol que\n * el usuario puede consultar y sobreescribir. De esta manera los estilos\n * finales del componente serán aquellos definidos en este método pero\n * sobreescritos por los definidos por el usuario si es que existen.\n \n Importante Para aplicar la variante, se aplica un box alrededor del\n * componente que se está renderizando, con className=\"variant__holder\". En caso\n * de que se quisiera evitar este comportamiento, se debe pasar unwraped = true\n \n @param displayName Este parámetro es importante para el debugger de React.\n * @param stylesPath La ruta donde se aplicarán los estilos, es importante asegurarse de que esa ruta ya no está siendo utilizada por otro componente.\n * @param styles Un objeto de estilos de ThemeUI\n * @param Component La definición del componente.\n * @returns Un componente reutilizable y exportable que tiene estilos aplicados.\n */\nexport function makeStyledComponent<T extends object>(\n displayName: string,\n stylesPath: string,\n styles: ThemeUICSSObject,\n Component: FC<T>,\n unwraped = false,\n) {\n return Object.assign(\n (props: T) => {\n const avoidFirstRender = useRef(0);\n const { theme: tuiTheme } = useThemeUI();\n const theme = useMemo(\n () => () => ({\n ...tuiTheme,\n ...setValueByPath({}, stylesPath, styles),\n }),\n [tuiTheme],\n );\n\n if (unwraped) {\n return (\n <CustomThemeProvider customTheme={theme}>\n <NoThemePrevent avoidFirstRender={avoidFirstRender}>\n <Suspense>\n <Component {...props} />\n </Suspense>\n </NoThemePrevent>\n </CustomThemeProvider>\n );\n }\n return (\n <CustomThemeProvider customTheme={theme}>\n <NoThemePrevent avoidFirstRender={avoidFirstRender}>\n <Box className=\"variant__holder\" {...getVariant(stylesPath)}>\n <Suspense>\n <Component {...props} />\n </Suspense>\n </Box>\n </NoThemePrevent>\n </CustomThemeProvider>\n );\n },\n { displayName },\n );\n}\n\nconst NoThemePrevent = ({\n avoidFirstRender,\n children,\n}: {\n avoidFirstRender: MutableRefObject<number>;\n children: ReactNode;\n}) => {\n // eslint-disable-next-line no-param-reassign\n avoidFirstRender.current++;\n\n if (avoidFirstRender.current <= 1) return null;\n\n return <>{children}</>;\n};\n"],"names":[],"mappings":";;;;;;;AAgCO,SAAS,oBACd,WACA,EAAA,UAAA,EACA,MACA,EAAA,SAAA,EACA,WAAW,KACX,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,MAAA;AAAA,IACZ,CAAC,KAAa,KAAA;AACZ,MAAM,MAAA,gBAAA,GAAmB,OAAO,CAAC,CAAA,CAAA;AACjC,MAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAI,UAAW,EAAA,CAAA;AACvC,MAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,QACZ,MAAM,OAAO;AAAA,UACX,GAAG,QAAA;AAAA,UACH,GAAG,cAAA,CAAe,EAAC,EAAG,YAAY,MAAM,CAAA;AAAA,SAC1C,CAAA;AAAA,QACA,CAAC,QAAQ,CAAA;AAAA,OACX,CAAA;AAEA,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,uBACG,GAAA,CAAA,mBAAA,EAAA,EAAoB,WAAa,EAAA,KAAA,EAChC,8BAAC,cAAe,EAAA,EAAA,gBAAA,EACd,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,8BAAC,SAAW,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,EACxB,GACF,CACF,EAAA,CAAA,CAAA;AAAA,OAEJ;AACA,MACE,uBAAA,GAAA,CAAC,mBAAoB,EAAA,EAAA,WAAA,EAAa,KAChC,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAe,gBACd,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,iBAAmB,EAAA,GAAG,WAAW,UAAU,CAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAO,EAAA,CAAA,EACxB,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA,CAAA;AAAA,KAEJ;AAAA,IACA,EAAE,WAAY,EAAA;AAAA,GAChB,CAAA;AACF,CAAA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,gBAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AAEJ,EAAiB,gBAAA,CAAA,OAAA,EAAA,CAAA;AAEjB,EAAA,IAAI,iBAAiB,OAAW,IAAA,CAAA;AAAG,IAAO,OAAA,IAAA,CAAA;AAE1C,EAAA,uCAAU,QAAS,EAAA,CAAA,CAAA;AACrB,CAAA;;;;"}
1	+ {"version":3,"file":"makeStyledComponent.js","sources":["../../src/methods/makeStyledComponent.tsx"],"sourcesContent":["import { setValueByPath } from '@apia/util';\r\nimport {\r\n FC,\r\n MutableRefObject,\r\n ReactNode,\r\n Suspense,\r\n useMemo,\r\n useRef,\r\n} from 'react';\r\nimport { ThemeUICSSObject, Box, useThemeUI } from 'theme-ui';\r\nimport { getVariant } from '../util/getVariant';\r\nimport { CustomThemeProvider } from './CustomThemeProvider';\r\n\r\n/*\r\n Permite crear un componente cuyos estilos pueden ser redefinidos por un\r\n * usuario final.\r\n \r\n Esto es así puesto que los estilos definidos serán agregados a un árbol que\r\n * el usuario puede consultar y sobreescribir. De esta manera los estilos\r\n * finales del componente serán aquellos definidos en este método pero\r\n * sobreescritos por los definidos por el usuario si es que existen.\r\n \r\n Importante Para aplicar la variante, se aplica un box alrededor del\r\n * componente que se está renderizando, con className=\"variant__holder\". En caso\r\n * de que se quisiera evitar este comportamiento, se debe pasar unwraped = true\r\n \r\n @param displayName Este parámetro es importante para el debugger de React.\r\n * @param stylesPath La ruta donde se aplicarán los estilos, es importante asegurarse de que esa ruta ya no está siendo utilizada por otro componente.\r\n * @param styles Un objeto de estilos de ThemeUI\r\n * @param Component La definición del componente.\r\n * @returns Un componente reutilizable y exportable que tiene estilos aplicados.\r\n */\r\nexport function makeStyledComponent<T extends object>(\r\n displayName: string,\r\n stylesPath: string,\r\n styles: ThemeUICSSObject,\r\n Component: FC<T>,\r\n unwraped = false,\r\n) {\r\n return Object.assign(\r\n (props: T) => {\r\n const avoidFirstRender = useRef(0);\r\n const { theme: tuiTheme } = useThemeUI();\r\n const theme = useMemo(\r\n () => () => ({\r\n ...tuiTheme,\r\n ...setValueByPath({}, stylesPath, styles),\r\n }),\r\n [tuiTheme],\r\n );\r\n\r\n if (unwraped) {\r\n return (\r\n <CustomThemeProvider customTheme={theme}>\r\n <NoThemePrevent avoidFirstRender={avoidFirstRender}>\r\n <Suspense>\r\n <Component {...props} />\r\n </Suspense>\r\n </NoThemePrevent>\r\n </CustomThemeProvider>\r\n );\r\n }\r\n return (\r\n <CustomThemeProvider customTheme={theme}>\r\n <NoThemePrevent avoidFirstRender={avoidFirstRender}>\r\n <Box className=\"variant__holder\" {...getVariant(stylesPath)}>\r\n <Suspense>\r\n <Component {...props} />\r\n </Suspense>\r\n </Box>\r\n </NoThemePrevent>\r\n </CustomThemeProvider>\r\n );\r\n },\r\n { displayName },\r\n );\r\n}\r\n\r\nconst NoThemePrevent = ({\r\n avoidFirstRender,\r\n children,\r\n}: {\r\n avoidFirstRender: MutableRefObject<number>;\r\n children: ReactNode;\r\n}) => {\r\n // eslint-disable-next-line no-param-reassign\r\n avoidFirstRender.current++;\r\n\r\n if (avoidFirstRender.current <= 1) return null;\r\n\r\n return <>{children}</>;\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAgCO,SAAS,oBACd,WACA,EAAA,UAAA,EACA,MACA,EAAA,SAAA,EACA,WAAW,KACX,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,MAAA;AAAA,IACZ,CAAC,KAAa,KAAA;AACZ,MAAM,MAAA,gBAAA,GAAmB,OAAO,CAAC,CAAA,CAAA;AACjC,MAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAI,UAAW,EAAA,CAAA;AACvC,MAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,QACZ,MAAM,OAAO;AAAA,UACX,GAAG,QAAA;AAAA,UACH,GAAG,cAAA,CAAe,EAAC,EAAG,YAAY,MAAM,CAAA;AAAA,SAC1C,CAAA;AAAA,QACA,CAAC,QAAQ,CAAA;AAAA,OACX,CAAA;AAEA,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,uBACG,GAAA,CAAA,mBAAA,EAAA,EAAoB,WAAa,EAAA,KAAA,EAChC,8BAAC,cAAe,EAAA,EAAA,gBAAA,EACd,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,8BAAC,SAAW,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,EACxB,GACF,CACF,EAAA,CAAA,CAAA;AAAA,OAEJ;AACA,MACE,uBAAA,GAAA,CAAC,mBAAoB,EAAA,EAAA,WAAA,EAAa,KAChC,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAe,gBACd,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,iBAAmB,EAAA,GAAG,WAAW,UAAU,CAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAO,EAAA,CAAA,EACxB,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA,CAAA;AAAA,KAEJ;AAAA,IACA,EAAE,WAAY,EAAA;AAAA,GAChB,CAAA;AACF,CAAA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,gBAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AAEJ,EAAiB,gBAAA,CAAA,OAAA,EAAA,CAAA;AAEjB,EAAA,IAAI,iBAAiB,OAAW,IAAA,CAAA;AAAG,IAAO,OAAA,IAAA,CAAA;AAE1C,EAAA,uCAAU,QAAS,EAAA,CAAA,CAAA;AACrB,CAAA;;;;"}

package/dist/methods/spacingLayout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/methods/spacingLayout/index.ts"],"sourcesContent":["export const spacingLayouts = [\n 'dense',\n 'clever',\n 'vertical__clever',\n 'horizontal__clever',\n] as const;\n\nexport type TSpacingLayout = (typeof spacingLayouts)[number];\n\nexport function getSpacingLayouts() {\n return {\n '&.dense': {\n px: 0,\n py: 0,\n },\n '&.horizontal__clever': {\n px: 4,\n py: 0,\n },\n '&.vertical__clever': {\n px: 0,\n py: 4,\n },\n '&.clever': {\n px: 4,\n py: 4,\n },\n };\n}\n"],"names":[],"mappings":"AAAO,MAAM,cAAiB,GAAA;AAAA,EAC5B,OAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AACF,EAAA;AAIO,SAAS,iBAAoB,GAAA;AAClC,EAAO,OAAA;AAAA,IACL,SAAW,EAAA;AAAA,MACT,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,sBAAwB,EAAA;AAAA,MACtB,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,oBAAsB,EAAA;AAAA,MACpB,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,UAAY,EAAA;AAAA,MACV,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,GACF,CAAA;AACF;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/methods/spacingLayout/index.ts"],"sourcesContent":["export const spacingLayouts = [\r\n 'dense',\r\n 'clever',\r\n 'vertical__clever',\r\n 'horizontal__clever',\r\n] as const;\r\n\r\nexport type TSpacingLayout = (typeof spacingLayouts)[number];\r\n\r\nexport function getSpacingLayouts() {\r\n return {\r\n '&.dense': {\r\n px: 0,\r\n py: 0,\r\n },\r\n '&.horizontal__clever': {\r\n px: 4,\r\n py: 0,\r\n },\r\n '&.vertical__clever': {\r\n px: 0,\r\n py: 4,\r\n },\r\n '&.clever': {\r\n px: 4,\r\n py: 4,\r\n },\r\n };\r\n}\r\n"],"names":[],"mappings":"AAAO,MAAM,cAAiB,GAAA;AAAA,EAC5B,OAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AACF,EAAA;AAIO,SAAS,iBAAoB,GAAA;AAClC,EAAO,OAAA;AAAA,IACL,SAAW,EAAA;AAAA,MACT,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,sBAAwB,EAAA;AAAA,MACtB,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,oBAAsB,EAAA;AAAA,MACpB,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,UAAY,EAAA;AAAA,MACV,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/methods/useMainTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMainTheme.js","sources":["../../src/methods/useMainTheme.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport merge from 'lodash-es/merge';\nimport { EventEmitter, setValueByPath, useMount } from '@apia/util';\nimport { useRef, useState } from 'react';\nimport { getMainTheme } from './getMainTheme';\nimport { CustomTheme } from '../themeuiExports';\nimport { TCustomPalette, TThemeModifier } from '../base/colors/types';\n\nlet declaredStyles: ThemeUICSSObject = {};\n\nexport function getInjectedStyles() {\n return injectedStyles;\n}\n\nconst injectedStyles: Record<string, ThemeUICSSObject> = {};\n\nclass MainThemeEmitter extends EventEmitter<{\n newStyles: {\n path: string;\n styles: ThemeUICSSObject;\n };\n}> {}\n\nexport const mainThemeEmitter = new MainThemeEmitter();\n\nfunction handleNewStyles(ev: { path: string; styles: ThemeUICSSObject }) {\n injectedStyles[ev.path] = ev.styles;\n}\n\nconst unSubscribe = mainThemeEmitter.on('newStyles', handleNewStyles);\n\nexport function declareStyles(\n path: string,\n styles: ThemeUICSSObject \| Record<string, ThemeUICSSObject>,\n) {\n const newStyles = {};\n setValueByPath(newStyles, path, styles);\n declaredStyles = merge(declaredStyles, newStyles);\n}\n\nexport function useMainTheme(\n customTheme?: () => CustomTheme,\n customPalette?: TCustomPalette,\n themeModifier?: TThemeModifier,\n) {\n const [theme, setTheme] = useState<Theme>(\n getMainTheme(customTheme, customPalette, themeModifier),\n );\n\n const previousTheme = useRef<(() => CustomTheme) \| undefined>(customTheme);\n const previousPalette = useRef<TCustomPalette \| undefined>(customPalette);\n\n if (previousTheme.current !== customTheme)\n setTheme(getMainTheme(customTheme));\n\n previousTheme.current = customTheme;\n\n if (previousPalette.current !== customPalette)\n setTheme(getMainTheme(customTheme, customPalette));\n\n previousPalette.current = customPalette;\n\n useMount(() => {\n setTheme((current) => {\n unSubscribe();\n let initialTheme = { ...current };\n Object.entries(injectedStyles).forEach(([path, styles]) => {\n const newStyles = setValueByPath({}, path, styles);\n initialTheme = merge(initialTheme, newStyles);\n });\n return initialTheme;\n });\n return mainThemeEmitter.on('newStyles', (ev) => {\n const newStyles = setValueByPath({}, ev.path, ev.styles);\n setTheme((current) => merge({ ...current }, newStyles));\n });\n });\n\n return theme;\n}\n"],"names":[],"mappings":";;;;;AAcA,MAAM,iBAAmD,EAAC,CAAA;AAE1D,MAAM,yBAAyB,YAK5B,CAAA;AAAC,CAAA;AAES,MAAA,gBAAA,GAAmB,IAAI,gBAAiB,GAAA;AAErD,SAAS,gBAAgB,EAAgD,EAAA;AACvE,EAAe,cAAA,CAAA,EAAA,CAAG,IAAI,CAAA,GAAI,EAAG,CAAA,MAAA,CAAA;AAC/B,CAAA;AAEA,MAAM,WAAc,GAAA,gBAAA,CAAiB,EAAG,CAAA,WAAA,EAAa,eAAe,CAAA,CAAA;AAWpD,SAAA,YAAA,CACd,WACA,EAAA,aAAA,EACA,aACA,EAAA;AACA,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA;AAAA,IACxB,YAAA,CAAa,WAAa,EAAA,aAAA,EAAe,aAAa,CAAA;AAAA,GACxD,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,OAAwC,WAAW,CAAA,CAAA;AACzE,EAAM,MAAA,eAAA,GAAkB,OAAmC,aAAa,CAAA,CAAA;AAExE,EAAA,IAAI,cAAc,OAAY,KAAA,WAAA;AAC5B,IAAS,QAAA,CAAA,YAAA,CAAa,WAAW,CAAC,CAAA,CAAA;AAEpC,EAAA,aAAA,CAAc,OAAU,GAAA,WAAA,CAAA;AAExB,EAAA,IAAI,gBAAgB,OAAY,KAAA,aAAA;AAC9B,IAAS,QAAA,CAAA,YAAA,CAAa,WAAa,EAAA,aAAa,CAAC,CAAA,CAAA;AAEnD,EAAA,eAAA,CAAgB,OAAU,GAAA,aAAA,CAAA;AAE1B,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,QAAA,CAAS,CAAC,OAAY,KAAA;AACpB,MAAY,WAAA,EAAA,CAAA;AACZ,MAAI,IAAA,YAAA,GAAe,EAAE,GAAG,OAAQ,EAAA,CAAA;AAChC,MAAO,MAAA,CAAA,OAAA,CAAQ,cAAc,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAA,EAAM,MAAM,CAAM,KAAA;AACzD,QAAA,MAAM,SAAY,GAAA,cAAA,CAAe,EAAC,EAAG,MAAM,MAAM,CAAA,CAAA;AACjD,QAAe,YAAA,GAAA,KAAA,CAAM,cAAc,SAAS,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AACD,MAAO,OAAA,YAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAA,OAAO,gBAAiB,CAAA,EAAA,CAAG,WAAa,EAAA,CAAC,EAAO,KAAA;AAC9C,MAAA,MAAM,YAAY,cAAe,CAAA,IAAI,EAAG,CAAA,IAAA,EAAM,GAAG,MAAM,CAAA,CAAA;AACvD,MAAS,QAAA,CAAA,CAAC,YAAY,KAAM,CAAA,EAAE,GAAG,OAAQ,EAAA,EAAG,SAAS,CAAC,CAAA,CAAA;AAAA,KACvD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}
1	+ {"version":3,"file":"useMainTheme.js","sources":["../../src/methods/useMainTheme.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\r\nimport merge from 'lodash-es/merge';\r\nimport { EventEmitter, setValueByPath, useMount } from '@apia/util';\r\nimport { useRef, useState } from 'react';\r\nimport { getMainTheme } from './getMainTheme';\r\nimport { CustomTheme } from '../themeuiExports';\r\nimport { TCustomPalette, TThemeModifier } from '../base/colors/types';\r\n\r\nlet declaredStyles: ThemeUICSSObject = {};\r\n\r\nexport function getInjectedStyles() {\r\n return injectedStyles;\r\n}\r\n\r\nconst injectedStyles: Record<string, ThemeUICSSObject> = {};\r\n\r\nclass MainThemeEmitter extends EventEmitter<{\r\n newStyles: {\r\n path: string;\r\n styles: ThemeUICSSObject;\r\n };\r\n}> {}\r\n\r\nexport const mainThemeEmitter = new MainThemeEmitter();\r\n\r\nfunction handleNewStyles(ev: { path: string; styles: ThemeUICSSObject }) {\r\n injectedStyles[ev.path] = ev.styles;\r\n}\r\n\r\nconst unSubscribe = mainThemeEmitter.on('newStyles', handleNewStyles);\r\n\r\nexport function declareStyles(\r\n path: string,\r\n styles: ThemeUICSSObject \| Record<string, ThemeUICSSObject>,\r\n) {\r\n const newStyles = {};\r\n setValueByPath(newStyles, path, styles);\r\n declaredStyles = merge(declaredStyles, newStyles);\r\n}\r\n\r\nexport function useMainTheme(\r\n customTheme?: () => CustomTheme,\r\n customPalette?: TCustomPalette,\r\n themeModifier?: TThemeModifier,\r\n) {\r\n const [theme, setTheme] = useState<Theme>(\r\n getMainTheme(customTheme, customPalette, themeModifier),\r\n );\r\n\r\n const previousTheme = useRef<(() => CustomTheme) \| undefined>(customTheme);\r\n const previousPalette = useRef<TCustomPalette \| undefined>(customPalette);\r\n\r\n if (previousTheme.current !== customTheme)\r\n setTheme(getMainTheme(customTheme));\r\n\r\n previousTheme.current = customTheme;\r\n\r\n if (previousPalette.current !== customPalette)\r\n setTheme(getMainTheme(customTheme, customPalette));\r\n\r\n previousPalette.current = customPalette;\r\n\r\n useMount(() => {\r\n setTheme((current) => {\r\n unSubscribe();\r\n let initialTheme = { ...current };\r\n Object.entries(injectedStyles).forEach(([path, styles]) => {\r\n const newStyles = setValueByPath({}, path, styles);\r\n initialTheme = merge(initialTheme, newStyles);\r\n });\r\n return initialTheme;\r\n });\r\n return mainThemeEmitter.on('newStyles', (ev) => {\r\n const newStyles = setValueByPath({}, ev.path, ev.styles);\r\n setTheme((current) => merge({ ...current }, newStyles));\r\n });\r\n });\r\n\r\n return theme;\r\n}\r\n"],"names":[],"mappings":";;;;;AAcA,MAAM,iBAAmD,EAAC,CAAA;AAE1D,MAAM,yBAAyB,YAK5B,CAAA;AAAC,CAAA;AAES,MAAA,gBAAA,GAAmB,IAAI,gBAAiB,GAAA;AAErD,SAAS,gBAAgB,EAAgD,EAAA;AACvE,EAAe,cAAA,CAAA,EAAA,CAAG,IAAI,CAAA,GAAI,EAAG,CAAA,MAAA,CAAA;AAC/B,CAAA;AAEA,MAAM,WAAc,GAAA,gBAAA,CAAiB,EAAG,CAAA,WAAA,EAAa,eAAe,CAAA,CAAA;AAWpD,SAAA,YAAA,CACd,WACA,EAAA,aAAA,EACA,aACA,EAAA;AACA,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA;AAAA,IACxB,YAAA,CAAa,WAAa,EAAA,aAAA,EAAe,aAAa,CAAA;AAAA,GACxD,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,OAAwC,WAAW,CAAA,CAAA;AACzE,EAAM,MAAA,eAAA,GAAkB,OAAmC,aAAa,CAAA,CAAA;AAExE,EAAA,IAAI,cAAc,OAAY,KAAA,WAAA;AAC5B,IAAS,QAAA,CAAA,YAAA,CAAa,WAAW,CAAC,CAAA,CAAA;AAEpC,EAAA,aAAA,CAAc,OAAU,GAAA,WAAA,CAAA;AAExB,EAAA,IAAI,gBAAgB,OAAY,KAAA,aAAA;AAC9B,IAAS,QAAA,CAAA,YAAA,CAAa,WAAa,EAAA,aAAa,CAAC,CAAA,CAAA;AAEnD,EAAA,eAAA,CAAgB,OAAU,GAAA,aAAA,CAAA;AAE1B,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,QAAA,CAAS,CAAC,OAAY,KAAA;AACpB,MAAY,WAAA,EAAA,CAAA;AACZ,MAAI,IAAA,YAAA,GAAe,EAAE,GAAG,OAAQ,EAAA,CAAA;AAChC,MAAO,MAAA,CAAA,OAAA,CAAQ,cAAc,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAA,EAAM,MAAM,CAAM,KAAA;AACzD,QAAA,MAAM,SAAY,GAAA,cAAA,CAAe,EAAC,EAAG,MAAM,MAAM,CAAA,CAAA;AACjD,QAAe,YAAA,GAAA,KAAA,CAAM,cAAc,SAAS,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AACD,MAAO,OAAA,YAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAA,OAAO,gBAAiB,CAAA,EAAA,CAAG,WAAa,EAAA,CAAC,EAAO,KAAA;AAC9C,MAAA,MAAM,YAAY,cAAe,CAAA,IAAI,EAAG,CAAA,IAAA,EAAM,GAAG,MAAM,CAAA,CAAA;AACvD,MAAS,QAAA,CAAA,CAAC,YAAY,KAAM,CAAA,EAAE,GAAG,OAAQ,EAAA,EAAG,SAAS,CAAC,CAAA,CAAA;AAAA,KACvD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/util.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"util.js","sources":["../src/util.ts"],"sourcesContent":["import { ResponsiveStyleValue, ThemeUICSSObject } from 'theme-ui';\nimport defaultPalette from './base/colors/defaultPalette';\n\n/*\n Esta función devuelve un array de valores para los distintos breakpoints.\n \n Importante Debido a un issue con ThemeUI, es necesario agregar un\n * breakpoint inicial de 0px para las vistas de impresión. El comportamiento por\n * defecto será, si se pasa un valor para el índice 4, esta será tomada como\n * vista de impresión, sino se tomará el valor de mayor índice menor que 4.\n \n @example\n \n display: responsive({0: 'none', 3: 'block'}) // display: ['block', 'none', null, null, 'block'];\n /\n\nexport function responsive<T>(values: {\n print?: T;\n [key: number]: undefined \| T;\n}): ResponsiveStyleValue<T> {\n const returnArray = [];\n const max = 6;\n for (let i = 0; i <= max; i++) returnArray[i + 1] = values[i] ?? null;\n\n if (values.print) returnArray[0] = values.print;\n else {\n for (let i = 5; i >= 0; i--) {\n if (values[i] !== undefined) returnArray[0] = values[i];\n }\n }\n\n return returnArray;\n}\n\n/\n Este método permite aplicar espacios (gaps, márgenes y paddings) que se\n * tendrán un comportamiento responsivo por defecto. Esto es, cuando tenemos un\n * padding en una vista de escritorio, probablemente sea demasiado grande al\n * llevarlo a celular. Con esta función se elimina el problema de calcular para\n * cada elemento en forma individual y el problema se convierte en encontrar\n * una única fórmula que quede correcta para todos los breakpoints.\n \n @example\n \n '.wellPaddedElement': {\n * p: spacing(6),\n * pt: spacing(8)\n * }\n */\nexport function spacing(index: number): ResponsiveStyleValue<number> {\n return defaultPalette.spacing(index) ?? index;\n}\n\nexport const smallButton = {\n py: 2,\n px: 4,\n fontSize: '0.9em',\n};\n\nexport const focusOutline: ThemeUICSSObject = {\n outlineColor: 'outlineColor',\n outlineWidth: '3px',\n outlineStyle: 'solid',\n outlineOffset: '-3px',\n};\n"],"names":[],"mappings":";;AAgBO,SAAS,WAAc,MAGF,EAAA;AAC1B,EAAA,MAAM,cAAc,EAAC,CAAA;AACrB,EAAA,MAAM,GAAM,GAAA,CAAA,CAAA;AACZ,EAAS,KAAA,IAAA,CAAA,GAAI,CAAG,EAAA,CAAA,IAAK,GAAK,EAAA,CAAA,EAAA;AAAK,IAAA,WAAA,CAAY,CAAI,GAAA,CAAC,CAAI,GAAA,MAAA,CAAO,CAAC,CAAK,IAAA,IAAA,CAAA;AAEjE,EAAA,IAAI,MAAO,CAAA,KAAA;AAAO,IAAY,WAAA,CAAA,CAAC,IAAI,MAAO,CAAA,KAAA,CAAA;AAAA,OACrC;AACH,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAK,IAAA,CAAA,EAAG,CAAK,EAAA,EAAA;AAC3B,MAAI,IAAA,MAAA,CAAO,CAAC,CAAM,KAAA,KAAA,CAAA;AAAW,QAAY,WAAA,CAAA,CAAC,CAAI,GAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,KACxD;AAAA,GACF;AAEA,EAAO,OAAA,WAAA,CAAA;AACT,CAAA;AAiBO,SAAS,QAAQ,KAA6C,EAAA;AACnE,EAAO,OAAA,cAAA,CAAe,OAAQ,CAAA,KAAK,CAAK,IAAA,KAAA,CAAA;AAC1C,CAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA,CAAA;AAAA,EACJ,EAAI,EAAA,CAAA;AAAA,EACJ,QAAU,EAAA,OAAA;AACZ,EAAA;AAEO,MAAM,YAAiC,GAAA;AAAA,EAC5C,YAAc,EAAA,cAAA;AAAA,EACd,YAAc,EAAA,KAAA;AAAA,EACd,YAAc,EAAA,OAAA;AAAA,EACd,aAAe,EAAA,MAAA;AACjB;;;;"}
1	+ {"version":3,"file":"util.js","sources":["../src/util.ts"],"sourcesContent":["import { ResponsiveStyleValue, ThemeUICSSObject } from 'theme-ui';\r\nimport defaultPalette from './base/colors/defaultPalette';\r\n\r\n/*\r\n Esta función devuelve un array de valores para los distintos breakpoints.\r\n \r\n Importante Debido a un issue con ThemeUI, es necesario agregar un\r\n * breakpoint inicial de 0px para las vistas de impresión. El comportamiento por\r\n * defecto será, si se pasa un valor para el índice 4, esta será tomada como\r\n * vista de impresión, sino se tomará el valor de mayor índice menor que 4.\r\n \r\n @example\r\n \r\n display: responsive({0: 'none', 3: 'block'}) // display: ['block', 'none', null, null, 'block'];\r\n /\r\n\r\nexport function responsive<T>(values: {\r\n print?: T;\r\n [key: number]: undefined \| T;\r\n}): ResponsiveStyleValue<T> {\r\n const returnArray = [];\r\n const max = 6;\r\n for (let i = 0; i <= max; i++) returnArray[i + 1] = values[i] ?? null;\r\n\r\n if (values.print) returnArray[0] = values.print;\r\n else {\r\n for (let i = 5; i >= 0; i--) {\r\n if (values[i] !== undefined) returnArray[0] = values[i];\r\n }\r\n }\r\n\r\n return returnArray;\r\n}\r\n\r\n/\r\n Este método permite aplicar espacios (gaps, márgenes y paddings) que se\r\n * tendrán un comportamiento responsivo por defecto. Esto es, cuando tenemos un\r\n * padding en una vista de escritorio, probablemente sea demasiado grande al\r\n * llevarlo a celular. Con esta función se elimina el problema de calcular para\r\n * cada elemento en forma individual y el problema se convierte en encontrar\r\n * una única fórmula que quede correcta para todos los breakpoints.\r\n \r\n @example\r\n \r\n '.wellPaddedElement': {\r\n * p: spacing(6),\r\n * pt: spacing(8)\r\n * }\r\n */\r\nexport function spacing(index: number): ResponsiveStyleValue<number> {\r\n return defaultPalette.spacing(index) ?? index;\r\n}\r\n\r\nexport const smallButton = {\r\n py: 2,\r\n px: 4,\r\n fontSize: '0.9em',\r\n};\r\n\r\nexport const focusOutline: ThemeUICSSObject = {\r\n outlineColor: 'outlineColor',\r\n outlineWidth: '3px',\r\n outlineStyle: 'solid',\r\n outlineOffset: '-3px',\r\n};\r\n"],"names":[],"mappings":";;AAgBO,SAAS,WAAc,MAGF,EAAA;AAC1B,EAAA,MAAM,cAAc,EAAC,CAAA;AACrB,EAAA,MAAM,GAAM,GAAA,CAAA,CAAA;AACZ,EAAS,KAAA,IAAA,CAAA,GAAI,CAAG,EAAA,CAAA,IAAK,GAAK,EAAA,CAAA,EAAA;AAAK,IAAA,WAAA,CAAY,CAAI,GAAA,CAAC,CAAI,GAAA,MAAA,CAAO,CAAC,CAAK,IAAA,IAAA,CAAA;AAEjE,EAAA,IAAI,MAAO,CAAA,KAAA;AAAO,IAAY,WAAA,CAAA,CAAC,IAAI,MAAO,CAAA,KAAA,CAAA;AAAA,OACrC;AACH,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAK,IAAA,CAAA,EAAG,CAAK,EAAA,EAAA;AAC3B,MAAI,IAAA,MAAA,CAAO,CAAC,CAAM,KAAA,KAAA,CAAA;AAAW,QAAY,WAAA,CAAA,CAAC,CAAI,GAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,KACxD;AAAA,GACF;AAEA,EAAO,OAAA,WAAA,CAAA;AACT,CAAA;AAiBO,SAAS,QAAQ,KAA6C,EAAA;AACnE,EAAO,OAAA,cAAA,CAAe,OAAQ,CAAA,KAAK,CAAK,IAAA,KAAA,CAAA;AAC1C,CAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA,CAAA;AAAA,EACJ,EAAI,EAAA,CAAA;AAAA,EACJ,QAAU,EAAA,OAAA;AACZ,EAAA;AAEO,MAAM,YAAiC,GAAA;AAAA,EAC5C,YAAc,EAAA,cAAA;AAAA,EACd,YAAc,EAAA,KAAA;AAAA,EACd,YAAc,EAAA,OAAA;AAAA,EACd,aAAe,EAAA,MAAA;AACjB;;;;"}

package/jsx-runtime/dist/jsx-runtime.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
-export type { JSX } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export type { JSX } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-export * from "./jsx-runtime";
-//# sourceMappingURL=theme-ui-jsx-runtime.cjs.d.ts.map
+export * from "./jsx-runtime";
+//# sourceMappingURL=theme-ui-jsx-runtime.cjs.d.ts.map

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme-ui-jsx-runtime.cjs.d.ts","sourceRoot":"","sources":["../../dist/declarations/src/jsx-runtime.d.ts"],"names":[],"mappings":"AAAA"}
1	+ {"version":3,"file":"theme-ui-jsx-runtime.cjs.d.ts","sourceRoot":"","sources":["../../dist/declarations/src/jsx-runtime.d.ts"],"names":[],"mappings":"AAAA"}

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js CHANGED Viewed

@@ -1,21 +1,21 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var react = require('react');
-var jsxRuntime = require('@theme-ui/core/jsx-runtime');
-Object.defineProperty(exports, 'Fragment', {
-	enumerable: true,
-	get: function () { return react.Fragment; }
-});
-Object.defineProperty(exports, 'jsx', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsx; }
-});
-Object.defineProperty(exports, 'jsxs', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsxs; }
-});
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var react = require('react');
+var jsxRuntime = require('@theme-ui/core/jsx-runtime');
+Object.defineProperty(exports, 'Fragment', {
+	enumerable: true,
+	get: function () { return react.Fragment; }
+});
+Object.defineProperty(exports, 'jsx', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsx; }
+});
+Object.defineProperty(exports, 'jsxs', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsxs; }
+});

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
-'use strict';
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./theme-ui-jsx-runtime.cjs.prod.js");
-} else {
-  module.exports = require("./theme-ui-jsx-runtime.cjs.dev.js");
-}
+'use strict';
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./theme-ui-jsx-runtime.cjs.prod.js");
+} else {
+  module.exports = require("./theme-ui-jsx-runtime.cjs.dev.js");
+}

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js CHANGED Viewed

@@ -1,21 +1,21 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var react = require('react');
-var jsxRuntime = require('@theme-ui/core/jsx-runtime');
-Object.defineProperty(exports, 'Fragment', {
-	enumerable: true,
-	get: function () { return react.Fragment; }
-});
-Object.defineProperty(exports, 'jsx', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsx; }
-});
-Object.defineProperty(exports, 'jsxs', {
-	enumerable: true,
-	get: function () { return jsxRuntime.jsxs; }
-});
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var react = require('react');
+var jsxRuntime = require('@theme-ui/core/jsx-runtime');
+Object.defineProperty(exports, 'Fragment', {
+	enumerable: true,
+	get: function () { return react.Fragment; }
+});
+Object.defineProperty(exports, 'jsx', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsx; }
+});
+Object.defineProperty(exports, 'jsxs', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsxs; }
+});

package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { Fragment } from 'react';
-export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/package.json CHANGED Viewed

@@ -1,8 +1,8 @@
-{
-  "main": "dist/theme-ui-jsx-runtime.cjs.js",
-  "module": "dist/theme-ui-jsx-runtime.esm.js",
-  "browser": {
-    "./dist/theme-ui-jsx-runtime.esm.js": "./dist/theme-ui-jsx-runtime.browser.esm.js"
-  },
-  "types": "dist/theme-ui-jsx-runtime.cjs.d.ts"
-}
+{
+  "main": "dist/theme-ui-jsx-runtime.cjs.js",
+  "module": "dist/theme-ui-jsx-runtime.esm.js",
+  "browser": {
+    "./dist/theme-ui-jsx-runtime.esm.js": "./dist/theme-ui-jsx-runtime.browser.esm.js"
+  },
+  "types": "dist/theme-ui-jsx-runtime.cjs.d.ts"
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@apia/theme",
-  "version": "2.0.7",
+  "version": "2.0.11",
   "sideEffects": false,
   "author": "Alexis Leite <alexisleite@live.com>",
   "main": "dist/index.js",
@@ -52,5 +52,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "5ea5635f0ee4f38d2623fefd12210fe991ad80dc"
+  "gitHead": "2baba9f15d947ff574605579b8593604886f690f"
 }