@apia/theme 3.0.1 → 3.0.2
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/{markdown/html.js → html-B-K0BIiw.js} +1 -1
- package/dist/html-B-K0BIiw.js.map +1 -0
- package/dist/index-YQcMmPq6.js +5682 -0
- package/dist/index-YQcMmPq6.js.map +1 -0
- package/dist/index.d.ts +581 -30
- package/dist/index.js +8 -23
- package/dist/index.js.map +1 -1
- package/dist/{markdown/theme/markdownTheme.js → styles-BzChuFms.js} +67 -2
- package/dist/styles-BzChuFms.js.map +1 -0
- package/jsx-runtime/dist/jsx-runtime.d.ts +3 -3
- package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map +1 -1
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js +21 -21
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js +7 -7
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js +21 -21
- package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js +2 -2
- package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js +2 -2
- package/jsx-runtime/package.json +8 -8
- package/package.json +2 -2
- package/dist/ApiaThemeProvider.d.ts +0 -15
- package/dist/ApiaThemeProvider.d.ts.map +0 -1
- package/dist/ApiaThemeProvider.js +0 -32
- package/dist/ApiaThemeProvider.js.map +0 -1
- package/dist/base/alerts.js +0 -128
- package/dist/base/alerts.js.map +0 -1
- package/dist/base/baseTheme.js +0 -93
- package/dist/base/baseTheme.js.map +0 -1
- package/dist/base/buttons.js +0 -294
- package/dist/base/buttons.js.map +0 -1
- package/dist/base/colors/components.js +0 -202
- package/dist/base/colors/components.js.map +0 -1
- package/dist/base/colors/defaultPalette.js +0 -84
- package/dist/base/colors/defaultPalette.js.map +0 -1
- package/dist/base/colors/index.js +0 -465
- package/dist/base/colors/index.js.map +0 -1
- package/dist/base/colors/schemas.js +0 -15
- package/dist/base/colors/schemas.js.map +0 -1
- package/dist/base/colors/types.d.ts +0 -154
- package/dist/base/colors/types.d.ts.map +0 -1
- package/dist/base/colors/types.js +0 -6
- package/dist/base/colors/types.js.map +0 -1
- package/dist/base/colors/util/applyStates.js +0 -35
- package/dist/base/colors/util/applyStates.js.map +0 -1
- package/dist/base/colors/util/applyStatesGetColor.d.ts +0 -11
- package/dist/base/colors/util/applyStatesGetColor.d.ts.map +0 -1
- package/dist/base/colors/util/applyStatesGetColor.js +0 -31
- package/dist/base/colors/util/applyStatesGetColor.js.map +0 -1
- package/dist/base/colors/util/buildColorsObject.js +0 -14
- package/dist/base/colors/util/buildColorsObject.js.map +0 -1
- package/dist/base/colors/util/buildStateObject.js +0 -60
- package/dist/base/colors/util/buildStateObject.js.map +0 -1
- package/dist/base/colors/util/getColorState.d.ts +0 -17
- package/dist/base/colors/util/getColorState.d.ts.map +0 -1
- package/dist/base/colors/util/getColorState.js +0 -52
- package/dist/base/colors/util/getColorState.js.map +0 -1
- package/dist/base/colors/util/getColorStates.d.ts +0 -11
- package/dist/base/colors/util/getColorStates.d.ts.map +0 -1
- package/dist/base/colors/util/getColorStates.js +0 -30
- package/dist/base/colors/util/getColorStates.js.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts +0 -12
- package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByDefinition.js +0 -28
- package/dist/base/colors/util/getColorsAndStatesByDefinition.js.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByPath.d.ts +0 -25
- package/dist/base/colors/util/getColorsAndStatesByPath.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsAndStatesByPath.js +0 -36
- package/dist/base/colors/util/getColorsAndStatesByPath.js.map +0 -1
- package/dist/base/colors/util/getColorsByDefinition.d.ts +0 -24
- package/dist/base/colors/util/getColorsByDefinition.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsByDefinition.js +0 -18
- package/dist/base/colors/util/getColorsByDefinition.js.map +0 -1
- package/dist/base/colors/util/getColorsByPath.d.ts +0 -17
- package/dist/base/colors/util/getColorsByPath.d.ts.map +0 -1
- package/dist/base/colors/util/getColorsByPath.js +0 -16
- package/dist/base/colors/util/getColorsByPath.js.map +0 -1
- package/dist/base/colors/util/getOneColorState.d.ts +0 -15
- package/dist/base/colors/util/getOneColorState.d.ts.map +0 -1
- package/dist/base/colors/util/getOneColorState.js +0 -18
- package/dist/base/colors/util/getOneColorState.js.map +0 -1
- package/dist/base/colors/util/parsePalette.d.ts +0 -6
- package/dist/base/colors/util/parsePalette.d.ts.map +0 -1
- package/dist/base/colors/util/parsePalette.js +0 -124
- package/dist/base/colors/util/parsePalette.js.map +0 -1
- package/dist/base/colors/util.js +0 -31
- package/dist/base/colors/util.js.map +0 -1
- package/dist/base/forms/checkbox.js +0 -59
- package/dist/base/forms/checkbox.js.map +0 -1
- package/dist/base/forms/customCheckbox.js +0 -30
- package/dist/base/forms/customCheckbox.js.map +0 -1
- package/dist/base/forms/dateInput.js +0 -60
- package/dist/base/forms/dateInput.js.map +0 -1
- package/dist/base/forms/deletableInput.js +0 -65
- package/dist/base/forms/deletableInput.js.map +0 -1
- package/dist/base/forms/iconInput.js +0 -28
- package/dist/base/forms/iconInput.js.map +0 -1
- package/dist/base/forms/index.js +0 -36
- package/dist/base/forms/index.js.map +0 -1
- package/dist/base/forms/input.js +0 -52
- package/dist/base/forms/input.js.map +0 -1
- package/dist/base/forms/label.js +0 -31
- package/dist/base/forms/label.js.map +0 -1
- package/dist/base/forms/radio.js +0 -17
- package/dist/base/forms/radio.js.map +0 -1
- package/dist/base/forms/select.js +0 -27
- package/dist/base/forms/select.js.map +0 -1
- package/dist/base/forms/selectMultiple.js +0 -40
- package/dist/base/forms/selectMultiple.js.map +0 -1
- package/dist/base/forms/switch.js +0 -12
- package/dist/base/forms/switch.js.map +0 -1
- package/dist/base/forms/textarea.js +0 -14
- package/dist/base/forms/textarea.js.map +0 -1
- package/dist/base/layout/common/components/accordion.js +0 -124
- package/dist/base/layout/common/components/accordion.js.map +0 -1
- package/dist/base/layout/common/components/chat.js +0 -98
- package/dist/base/layout/common/components/chat.js.map +0 -1
- package/dist/base/layout/common/components/index.js +0 -15
- package/dist/base/layout/common/components/index.js.map +0 -1
- package/dist/base/layout/common/components/pagination/common.js +0 -135
- package/dist/base/layout/common/components/pagination/common.js.map +0 -1
- package/dist/base/layout/common/components/pagination/datagrid.js +0 -9
- package/dist/base/layout/common/components/pagination/datagrid.js.map +0 -1
- package/dist/base/layout/common/components/pagination/index.js +0 -13
- package/dist/base/layout/common/components/pagination/index.js.map +0 -1
- package/dist/base/layout/common/components/pagination/primary.js +0 -9
- package/dist/base/layout/common/components/pagination/primary.js.map +0 -1
- package/dist/base/layout/common/components/pagination/secondary.js +0 -9
- package/dist/base/layout/common/components/pagination/secondary.js.map +0 -1
- package/dist/base/layout/common/components/toolbar.js +0 -84
- package/dist/base/layout/common/components/toolbar.js.map +0 -1
- package/dist/base/layout/common/forms/captcha.js +0 -42
- package/dist/base/layout/common/forms/captcha.js.map +0 -1
- package/dist/base/layout/common/forms/index.js +0 -9
- package/dist/base/layout/common/forms/index.js.map +0 -1
- package/dist/base/layout/common/index.js +0 -21
- package/dist/base/layout/common/index.js.map +0 -1
- package/dist/base/layout/common/modals/apiaApi.js +0 -86
- package/dist/base/layout/common/modals/apiaApi.js.map +0 -1
- package/dist/base/layout/common/modals/buttonsBar.js +0 -13
- package/dist/base/layout/common/modals/buttonsBar.js.map +0 -1
- package/dist/base/layout/common/modals/confirm.js +0 -35
- package/dist/base/layout/common/modals/confirm.js.map +0 -1
- package/dist/base/layout/common/modals/index.js +0 -166
- package/dist/base/layout/common/modals/index.js.map +0 -1
- package/dist/base/layout/common/modals/overlay.js +0 -29
- package/dist/base/layout/common/modals/overlay.js.map +0 -1
- package/dist/base/layout/common/tables/accordion.js +0 -66
- package/dist/base/layout/common/tables/accordion.js.map +0 -1
- package/dist/base/layout/common/tables/clean.js +0 -285
- package/dist/base/layout/common/tables/clean.js.map +0 -1
- package/dist/base/layout/common/tables/getSelectionStyles.js +0 -39
- package/dist/base/layout/common/tables/getSelectionStyles.js.map +0 -1
- package/dist/base/layout/common/tables/index.js +0 -23
- package/dist/base/layout/common/tables/index.js.map +0 -1
- package/dist/base/layout/common/tables/information.js +0 -41
- package/dist/base/layout/common/tables/information.js.map +0 -1
- package/dist/base/layout/common/tables/primary.js +0 -236
- package/dist/base/layout/common/tables/primary.js.map +0 -1
- package/dist/base/layout/common/tables/print.js +0 -11
- package/dist/base/layout/common/tables/print.js.map +0 -1
- package/dist/base/layout/common/tables/responsive.js +0 -41
- package/dist/base/layout/common/tables/responsive.js.map +0 -1
- package/dist/base/layout/common/tables/secondary.js +0 -46
- package/dist/base/layout/common/tables/secondary.js.map +0 -1
- package/dist/base/layout/common/tooltips/index.js +0 -9
- package/dist/base/layout/common/tooltips/index.js.map +0 -1
- package/dist/base/layout/common/tooltips/primary.js +0 -10
- package/dist/base/layout/common/tooltips/primary.js.map +0 -1
- package/dist/base/layout/common/trees/index.js +0 -8
- package/dist/base/layout/common/trees/index.js.map +0 -1
- package/dist/base/layout/common/trees/primary.js +0 -122
- package/dist/base/layout/common/trees/primary.js.map +0 -1
- package/dist/base/layout/index.js +0 -13
- package/dist/base/layout/index.js.map +0 -1
- package/dist/base/layout/util/collector.js +0 -30
- package/dist/base/layout/util/collector.js.map +0 -1
- package/dist/base/layout/util/index.js +0 -9
- package/dist/base/layout/util/index.js.map +0 -1
- package/dist/base/rootStyles/menu.js +0 -122
- package/dist/base/rootStyles/menu.js.map +0 -1
- package/dist/base/rootStyles/rootStyles.js +0 -152
- package/dist/base/rootStyles/rootStyles.js.map +0 -1
- package/dist/base/rootStyles/transitions.js +0 -88
- package/dist/base/rootStyles/transitions.js.map +0 -1
- package/dist/base/text.js +0 -24
- package/dist/base/text.js.map +0 -1
- package/dist/markdown/builder/MarkdownBuilder.d.ts +0 -40
- package/dist/markdown/builder/MarkdownBuilder.d.ts.map +0 -1
- package/dist/markdown/builder/MarkdownBuilder.js +0 -108
- package/dist/markdown/builder/MarkdownBuilder.js.map +0 -1
- package/dist/markdown/builder/elements/MarkdownBlock.d.ts +0 -9
- package/dist/markdown/builder/elements/MarkdownBlock.d.ts.map +0 -1
- package/dist/markdown/builder/elements/MarkdownBlock.js +0 -5
- package/dist/markdown/builder/elements/MarkdownBlock.js.map +0 -1
- package/dist/markdown/builder/elements/dialogBox.d.ts +0 -11
- package/dist/markdown/builder/elements/dialogBox.d.ts.map +0 -1
- package/dist/markdown/builder/elements/dialogBox.js +0 -23
- package/dist/markdown/builder/elements/dialogBox.js.map +0 -1
- package/dist/markdown/builder/elements/header.d.ts +0 -11
- package/dist/markdown/builder/elements/header.d.ts.map +0 -1
- package/dist/markdown/builder/elements/header.js +0 -15
- package/dist/markdown/builder/elements/header.js.map +0 -1
- package/dist/markdown/builder/elements/list.d.ts +0 -19
- package/dist/markdown/builder/elements/list.d.ts.map +0 -1
- package/dist/markdown/builder/elements/list.js +0 -55
- package/dist/markdown/builder/elements/list.js.map +0 -1
- package/dist/markdown/builder/elements/paragraph.d.ts +0 -10
- package/dist/markdown/builder/elements/paragraph.d.ts.map +0 -1
- package/dist/markdown/builder/elements/paragraph.js +0 -14
- package/dist/markdown/builder/elements/paragraph.js.map +0 -1
- package/dist/markdown/builder/elements/table.d.ts +0 -27
- package/dist/markdown/builder/elements/table.d.ts.map +0 -1
- package/dist/markdown/builder/elements/table.js +0 -156
- package/dist/markdown/builder/elements/table.js.map +0 -1
- package/dist/markdown/builder/elements/tableOfContents.d.ts +0 -32
- package/dist/markdown/builder/elements/tableOfContents.d.ts.map +0 -1
- package/dist/markdown/builder/elements/tableOfContents.js +0 -96
- package/dist/markdown/builder/elements/tableOfContents.js.map +0 -1
- package/dist/markdown/extensions/error.js +0 -38
- package/dist/markdown/extensions/error.js.map +0 -1
- package/dist/markdown/extensions/header.js +0 -45
- package/dist/markdown/extensions/header.js.map +0 -1
- package/dist/markdown/extensions/index.js +0 -16
- package/dist/markdown/extensions/index.js.map +0 -1
- package/dist/markdown/extensions/success.js +0 -38
- package/dist/markdown/extensions/success.js.map +0 -1
- package/dist/markdown/extensions/table/index.js +0 -227
- package/dist/markdown/extensions/table/index.js.map +0 -1
- package/dist/markdown/extensions/table/types.d.ts +0 -20
- package/dist/markdown/extensions/table/types.d.ts.map +0 -1
- package/dist/markdown/extensions/warning.js +0 -38
- package/dist/markdown/extensions/warning.js.map +0 -1
- package/dist/markdown/getRemarkable.js +0 -28
- package/dist/markdown/getRemarkable.js.map +0 -1
- package/dist/markdown/help.js +0 -28
- package/dist/markdown/help.js.map +0 -1
- package/dist/markdown/html.js.map +0 -1
- package/dist/markdown/parseMarkdown.d.ts +0 -10
- package/dist/markdown/parseMarkdown.d.ts.map +0 -1
- package/dist/markdown/parseMarkdown.js +0 -31
- package/dist/markdown/parseMarkdown.js.map +0 -1
- package/dist/markdown/styles.js +0 -55
- package/dist/markdown/styles.js.map +0 -1
- package/dist/markdown/theme/markdownTheme.js.map +0 -1
- package/dist/markdown/types.d.ts +0 -56
- package/dist/markdown/types.d.ts.map +0 -1
- package/dist/markdown/types.js +0 -5
- package/dist/markdown/types.js.map +0 -1
- package/dist/methods/CustomThemeProvider.js +0 -14
- package/dist/methods/CustomThemeProvider.js.map +0 -1
- package/dist/methods/getMainTheme.js +0 -30
- package/dist/methods/getMainTheme.js.map +0 -1
- package/dist/methods/injectStyles.d.ts +0 -34
- package/dist/methods/injectStyles.d.ts.map +0 -1
- package/dist/methods/injectStyles.js +0 -10
- package/dist/methods/injectStyles.js.map +0 -1
- package/dist/methods/makeStyledComponent.d.ts +0 -29
- package/dist/methods/makeStyledComponent.d.ts.map +0 -1
- package/dist/methods/makeStyledComponent.js +0 -39
- package/dist/methods/makeStyledComponent.js.map +0 -1
- package/dist/methods/spacingLayout/index.d.ts +0 -23
- package/dist/methods/spacingLayout/index.d.ts.map +0 -1
- package/dist/methods/spacingLayout/index.js +0 -29
- package/dist/methods/spacingLayout/index.js.map +0 -1
- package/dist/methods/useMainTheme.d.ts +0 -8
- package/dist/methods/useMainTheme.d.ts.map +0 -1
- package/dist/methods/useMainTheme.js +0 -45
- package/dist/methods/useMainTheme.js.map +0 -1
- package/dist/themeuiExports.d.ts +0 -7
- package/dist/themeuiExports.d.ts.map +0 -1
- package/dist/util/getVariant.d.ts +0 -7
- package/dist/util/getVariant.d.ts.map +0 -1
- package/dist/util/getVariant.js +0 -6
- package/dist/util/getVariant.js.map +0 -1
- package/dist/util.d.ts +0 -43
- package/dist/util.d.ts.map +0 -1
- package/dist/util.js +0 -34
- package/dist/util.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/base/layout/index.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport { common } from './common';\nimport { util } from './util';\n/* IMPORT HERE */\n\nexport const layout: (theme: Theme) => Record<string, ThemeUICSSObject> = (\n theme,\n) => {\n return {\n common: common(theme),\n util,\n /* PREPEND HERE */\n };\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,MAAA,GAA6D,CACxE,KACG,KAAA;AACH,EAAO,OAAA;AAAA,IACL,MAAA,EAAQ,OAAO,KAAK,CAAA;AAAA,IACpB,IAAA;AAAA;AAAA,GAEF,CAAA;AACF;;;;"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
const collector = {
|
|
2
|
-
/* PREPEND HERE */
|
|
3
|
-
formContainer: {
|
|
4
|
-
minWidth: "400px",
|
|
5
|
-
form: {
|
|
6
|
-
display: "flex",
|
|
7
|
-
flexDirection: "column",
|
|
8
|
-
gap: 4
|
|
9
|
-
},
|
|
10
|
-
".collector__buttons": {
|
|
11
|
-
display: "flex",
|
|
12
|
-
justifyContent: "end",
|
|
13
|
-
alignItems: "end",
|
|
14
|
-
gap: 4
|
|
15
|
-
},
|
|
16
|
-
".fieldWrapper.checkbox": {
|
|
17
|
-
display: "flex",
|
|
18
|
-
flexDirection: "row-reverse",
|
|
19
|
-
gap: 4,
|
|
20
|
-
alignItems: "start",
|
|
21
|
-
justifyContent: "start"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
modal: {
|
|
25
|
-
".modal__main": {}
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export { collector };
|
|
30
|
-
//# sourceMappingURL=collector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"collector.js","sources":["../../../../src/base/layout/util/collector.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\n/* IMPORT HERE */\n\nexport const collector: ThemeUICSSObject = {\n /* PREPEND HERE */\n formContainer: {\n minWidth: '400px',\n\n form: {\n display: 'flex',\n flexDirection: 'column',\n gap: 4,\n },\n\n '.collector__buttons': {\n display: 'flex',\n justifyContent: 'end',\n alignItems: 'end',\n gap: 4,\n },\n\n '.fieldWrapper.checkbox': {\n display: 'flex',\n flexDirection: 'row-reverse',\n gap: 4,\n alignItems: 'start',\n justifyContent: 'start',\n },\n },\n\n modal: {\n '.modal__main': {},\n },\n};\n"],"names":[],"mappings":"AAGO,MAAM,SAA8B,GAAA;AAAA;AAAA,EAEzC,aAAe,EAAA;AAAA,IACb,QAAU,EAAA,OAAA;AAAA,IAEV,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,GAAK,EAAA,CAAA;AAAA,KACP;AAAA,IAEA,qBAAuB,EAAA;AAAA,MACrB,OAAS,EAAA,MAAA;AAAA,MACT,cAAgB,EAAA,KAAA;AAAA,MAChB,UAAY,EAAA,KAAA;AAAA,MACZ,GAAK,EAAA,CAAA;AAAA,KACP;AAAA,IAEA,wBAA0B,EAAA;AAAA,MACxB,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,aAAA;AAAA,MACf,GAAK,EAAA,CAAA;AAAA,MACL,UAAY,EAAA,OAAA;AAAA,MACZ,cAAgB,EAAA,OAAA;AAAA,KAClB;AAAA,GACF;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,gBAAgB,EAAC;AAAA,GACnB;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/base/layout/util/index.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\nimport { collector } from './collector';\n/* IMPORT HERE */\n\nexport const util: ThemeUICSSObject = {\n collector,\n /* PREPEND HERE */\n};\n"],"names":[],"mappings":";;AAIO,MAAM,IAAyB,GAAA;AAAA,EACpC,SAAA;AAAA;AAEF;;;;"}
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
const menu = {
|
|
2
|
-
".szh-menu": (theme) => ({
|
|
3
|
-
margin: "0",
|
|
4
|
-
padding: "0.5rem 0",
|
|
5
|
-
listStyle: "none",
|
|
6
|
-
boxSizing: "border-box",
|
|
7
|
-
width: "max-content",
|
|
8
|
-
zIndex: "contextMenu",
|
|
9
|
-
border: "1px solid #656565",
|
|
10
|
-
backgroundColor: theme.palette.background.paper,
|
|
11
|
-
userSelect: "none",
|
|
12
|
-
color: theme.palette.text.primary,
|
|
13
|
-
// 'var(--theme-ui-colors-palette-text-primary)',
|
|
14
|
-
borderRadius: "0.25rem",
|
|
15
|
-
boxShadow: "0 3px 7px rgba(0, 0, 0, 0.133), 0 0.6px 2px rgba(0, 0, 0, 0.1)",
|
|
16
|
-
minWidth: "10rem"
|
|
17
|
-
}),
|
|
18
|
-
".szh-menu__arrow": (theme) => ({
|
|
19
|
-
boxSizing: "border-box",
|
|
20
|
-
width: "0.75rem",
|
|
21
|
-
height: "0.75rem",
|
|
22
|
-
backgroundColor: theme.palette.background.paper,
|
|
23
|
-
border: "1px solid transparent",
|
|
24
|
-
borderLeftColor: "rgba(0, 0, 0, 0.1)",
|
|
25
|
-
borderTopColor: "rgba(0, 0, 0, 0.1)",
|
|
26
|
-
zIndex: -1
|
|
27
|
-
}),
|
|
28
|
-
".szh-menu__arrow--dir-left": {
|
|
29
|
-
right: "-0.375rem",
|
|
30
|
-
transform: "translateY(-50%) rotate(135deg)"
|
|
31
|
-
},
|
|
32
|
-
".szh-menu__arrow--dir-right": {
|
|
33
|
-
left: "-0.375rem",
|
|
34
|
-
transform: "translateY(-50%) rotate(-45deg)"
|
|
35
|
-
},
|
|
36
|
-
".szh-menu__arrow--dir-top": {
|
|
37
|
-
bottom: "-0.375rem",
|
|
38
|
-
transform: "translateX(-50%) rotate(-135deg)"
|
|
39
|
-
},
|
|
40
|
-
".szh-menu__arrow--dir-bottom": {
|
|
41
|
-
top: "-0.375rem",
|
|
42
|
-
transform: "translateX(-50%) rotate(45deg)"
|
|
43
|
-
},
|
|
44
|
-
".szh-menu__item": {
|
|
45
|
-
cursor: "pointer",
|
|
46
|
-
display: "flex",
|
|
47
|
-
alignItems: "center",
|
|
48
|
-
position: "relative",
|
|
49
|
-
padding: "0.375rem 1.5rem",
|
|
50
|
-
paddingLeft: "2.2rem",
|
|
51
|
-
"&.withIcon": {
|
|
52
|
-
padding: "0px"
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
".szh-menu__item--hover": (theme) => ({
|
|
56
|
-
backgroundColor: theme.palette.background.default
|
|
57
|
-
}),
|
|
58
|
-
".szh-menu__item--focusable": {
|
|
59
|
-
cursor: "default"
|
|
60
|
-
},
|
|
61
|
-
".szh-menu__item--disabled": {
|
|
62
|
-
cursor: "default",
|
|
63
|
-
color: "#ccc"
|
|
64
|
-
},
|
|
65
|
-
".szh-menu__group": { boxSizing: "border-box" },
|
|
66
|
-
".szh-menu__radio-group": {
|
|
67
|
-
margin: "0",
|
|
68
|
-
padding: "0",
|
|
69
|
-
listStyle: "none"
|
|
70
|
-
},
|
|
71
|
-
".szh-menu__divider": {
|
|
72
|
-
height: "1px",
|
|
73
|
-
margin: "0.5rem 0",
|
|
74
|
-
backgroundColor: "rgba(0, 0, 0, 0.12)"
|
|
75
|
-
},
|
|
76
|
-
".szh-menu-button": { boxSizing: "border-box" },
|
|
77
|
-
".szh-menu-container--itemTransition .szh-menu__item": {
|
|
78
|
-
transitionProperty: "background-color, color",
|
|
79
|
-
transitionDuration: "0.15s",
|
|
80
|
-
transitionTimingFunction: "ease-in-out"
|
|
81
|
-
},
|
|
82
|
-
".szh-menu__item--type-radio": { paddingLeft: "2.2rem" },
|
|
83
|
-
".szh-menu__item--type-radio::before": {
|
|
84
|
-
content: '"\u25CB"',
|
|
85
|
-
position: "absolute",
|
|
86
|
-
left: "0.8rem",
|
|
87
|
-
top: "0.55rem",
|
|
88
|
-
fontSize: "0.8rem"
|
|
89
|
-
},
|
|
90
|
-
".szh-menu__item--type-radio.szh-menu__item--checked::before": {
|
|
91
|
-
content: '"\u25CF"'
|
|
92
|
-
},
|
|
93
|
-
".szh-menu__item--type-checkbox": { paddingLeft: "2.2rem" },
|
|
94
|
-
".szh-menu__item--type-checkbox::before": {
|
|
95
|
-
position: "absolute",
|
|
96
|
-
left: "0.8rem"
|
|
97
|
-
},
|
|
98
|
-
".szh-menu__item--type-checkbox.szh-menu__item--checked::before": {
|
|
99
|
-
content: '"\u2714"'
|
|
100
|
-
},
|
|
101
|
-
".szh-menu__submenu>.szh-menu__item": { paddingRight: "2.5rem" },
|
|
102
|
-
".szh-menu__submenu>.szh-menu__item::after": {
|
|
103
|
-
content: '"\u276F"',
|
|
104
|
-
position: "absolute",
|
|
105
|
-
right: "1rem"
|
|
106
|
-
},
|
|
107
|
-
".szh-menu__header": {
|
|
108
|
-
color: "#888",
|
|
109
|
-
fontSize: "0.8rem",
|
|
110
|
-
padding: "0.2rem 1.5rem",
|
|
111
|
-
textTransform: "uppercase"
|
|
112
|
-
},
|
|
113
|
-
".szh-menu__item--anchor,\n.szh-menu__item--anchor:hover,\n.szh-menu__item--anchor:focus,\n.szh-menu__item--anchor:active": (theme) => ({
|
|
114
|
-
paddingLeft: "2.2rem",
|
|
115
|
-
textDecoration: "none",
|
|
116
|
-
color: theme.palette.text.primary
|
|
117
|
-
})
|
|
118
|
-
};
|
|
119
|
-
var menu$1 = menu;
|
|
120
|
-
|
|
121
|
-
export { menu$1 as default };
|
|
122
|
-
//# sourceMappingURL=menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sources":["../../../src/base/rootStyles/menu.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\n\nconst menu: ThemeUICSSObject = {\n '.szh-menu': (theme) => ({\n margin: '0',\n padding: '0.5rem 0',\n listStyle: 'none',\n boxSizing: 'border-box',\n width: 'max-content',\n zIndex: 'contextMenu',\n border: '1px solid #656565',\n backgroundColor: theme.palette.background.paper,\n userSelect: 'none',\n color: theme.palette.text.primary,\n // 'var(--theme-ui-colors-palette-text-primary)',\n borderRadius: '0.25rem',\n boxShadow: '0 3px 7px rgba(0, 0, 0, 0.133), 0 0.6px 2px rgba(0, 0, 0, 0.1)',\n minWidth: '10rem',\n }),\n '.szh-menu__arrow': (theme) => ({\n boxSizing: 'border-box',\n width: '0.75rem',\n height: '0.75rem',\n backgroundColor: theme.palette.background.paper,\n border: '1px solid transparent',\n borderLeftColor: 'rgba(0, 0, 0, 0.1)',\n borderTopColor: 'rgba(0, 0, 0, 0.1)',\n zIndex: -1,\n }),\n '.szh-menu__arrow--dir-left': {\n right: '-0.375rem',\n transform: 'translateY(-50%) rotate(135deg)',\n },\n '.szh-menu__arrow--dir-right': {\n left: '-0.375rem',\n transform: 'translateY(-50%) rotate(-45deg)',\n },\n '.szh-menu__arrow--dir-top': {\n bottom: '-0.375rem',\n transform: 'translateX(-50%) rotate(-135deg)',\n },\n '.szh-menu__arrow--dir-bottom': {\n top: '-0.375rem',\n transform: 'translateX(-50%) rotate(45deg)',\n },\n '.szh-menu__item': {\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n position: 'relative',\n padding: '0.375rem 1.5rem',\n paddingLeft: '2.2rem',\n\n '&.withIcon': {\n padding: '0px',\n },\n },\n '.szh-menu__item--hover': (theme) => ({\n backgroundColor: theme.palette.background.default,\n }),\n '.szh-menu__item--focusable': {\n cursor: 'default',\n },\n '.szh-menu__item--disabled': {\n cursor: 'default',\n color: '#ccc',\n },\n '.szh-menu__group': { boxSizing: 'border-box' },\n '.szh-menu__radio-group': {\n margin: '0',\n padding: '0',\n listStyle: 'none',\n },\n '.szh-menu__divider': {\n height: '1px',\n margin: '0.5rem 0',\n backgroundColor: 'rgba(0, 0, 0, 0.12)',\n },\n '.szh-menu-button': { boxSizing: 'border-box' },\n '.szh-menu-container--itemTransition .szh-menu__item': {\n transitionProperty: 'background-color, color',\n transitionDuration: '0.15s',\n transitionTimingFunction: 'ease-in-out',\n },\n '.szh-menu__item--type-radio': { paddingLeft: '2.2rem' },\n '.szh-menu__item--type-radio::before': {\n content: '\"○\"',\n position: 'absolute',\n left: '0.8rem',\n top: '0.55rem',\n fontSize: '0.8rem',\n },\n '.szh-menu__item--type-radio.szh-menu__item--checked::before': {\n content: '\"●\"',\n },\n '.szh-menu__item--type-checkbox': { paddingLeft: '2.2rem' },\n '.szh-menu__item--type-checkbox::before': {\n position: 'absolute',\n left: '0.8rem',\n },\n '.szh-menu__item--type-checkbox.szh-menu__item--checked::before': {\n content: '\"✔\"',\n },\n '.szh-menu__submenu>.szh-menu__item': { paddingRight: '2.5rem' },\n '.szh-menu__submenu>.szh-menu__item::after': {\n content: '\"❯\"',\n position: 'absolute',\n right: '1rem',\n },\n '.szh-menu__header': {\n color: '#888',\n fontSize: '0.8rem',\n padding: '0.2rem 1.5rem',\n textTransform: 'uppercase',\n },\n '.szh-menu__item--anchor,\\n.szh-menu__item--anchor:hover,\\n.szh-menu__item--anchor:focus,\\n.szh-menu__item--anchor:active':\n (theme) => ({\n paddingLeft: '2.2rem',\n textDecoration: 'none',\n color: theme.palette.text.primary,\n }),\n};\nexport default menu;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import { focusOutline, responsive, spacing } from '../../util.js';
|
|
2
|
-
import { transitions } from './transitions.js';
|
|
3
|
-
import menu from './menu.js';
|
|
4
|
-
|
|
5
|
-
const root = {
|
|
6
|
-
...menu,
|
|
7
|
-
height: "100%",
|
|
8
|
-
"*": {
|
|
9
|
-
fontFamily: "body",
|
|
10
|
-
fontWeight: "body",
|
|
11
|
-
code: {
|
|
12
|
-
fontFamily: "monospace"
|
|
13
|
-
},
|
|
14
|
-
"&:focus": focusOutline
|
|
15
|
-
},
|
|
16
|
-
body: {
|
|
17
|
-
minHeight: "100vh"
|
|
18
|
-
},
|
|
19
|
-
h1: {
|
|
20
|
-
fontSize: responsive({ 0: 26, 3: 32 })
|
|
21
|
-
},
|
|
22
|
-
h2: {
|
|
23
|
-
fontSize: responsive({ 0: 22, 3: 28 })
|
|
24
|
-
},
|
|
25
|
-
h3: {
|
|
26
|
-
fontSize: responsive({ 0: 19, 3: 25 })
|
|
27
|
-
},
|
|
28
|
-
h4: {
|
|
29
|
-
fontSize: responsive({ 0: 18, 3: 22 })
|
|
30
|
-
},
|
|
31
|
-
h5: {
|
|
32
|
-
fontSize: responsive({ 0: 18, 3: 22 })
|
|
33
|
-
},
|
|
34
|
-
h6: {
|
|
35
|
-
fontSize: responsive({ 0: 17, 3: 17 })
|
|
36
|
-
},
|
|
37
|
-
"h1,h2,h3,h4,h5,h6": {
|
|
38
|
-
letterSpacing: "heading",
|
|
39
|
-
lineHeight: "heading",
|
|
40
|
-
variant: "text.title"
|
|
41
|
-
},
|
|
42
|
-
"*:not(h1, h2, h3, h4, h5, h6, code)": {
|
|
43
|
-
fontFamily: "body",
|
|
44
|
-
fontSize: 16,
|
|
45
|
-
fontWeight: "body",
|
|
46
|
-
letterSpacing: "body",
|
|
47
|
-
lineHeight: "body"
|
|
48
|
-
},
|
|
49
|
-
a: {
|
|
50
|
-
textDecoration: "underline"
|
|
51
|
-
},
|
|
52
|
-
"textarea,a": {
|
|
53
|
-
transition: "color 200ms ease-out",
|
|
54
|
-
":focus": {
|
|
55
|
-
...focusOutline
|
|
56
|
-
},
|
|
57
|
-
":focus-visible": {
|
|
58
|
-
...focusOutline
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
"*:focus": focusOutline,
|
|
62
|
-
ul: {
|
|
63
|
-
listStyle: "none",
|
|
64
|
-
listStyleType: "none",
|
|
65
|
-
margin: 0,
|
|
66
|
-
padding: 0
|
|
67
|
-
},
|
|
68
|
-
abbr: {
|
|
69
|
-
"&.required": {
|
|
70
|
-
textDecoration: "none",
|
|
71
|
-
border: "none",
|
|
72
|
-
mx: 1,
|
|
73
|
-
alignSelf: "baseline",
|
|
74
|
-
fontWeight: "bold",
|
|
75
|
-
color: "danger"
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
table: {
|
|
79
|
-
borderCollapse: "separate",
|
|
80
|
-
borderSpacing: 0
|
|
81
|
-
},
|
|
82
|
-
"& label": {
|
|
83
|
-
display: "flex",
|
|
84
|
-
"& > span": {
|
|
85
|
-
mb: spacing(1),
|
|
86
|
-
fontWeight: "bold"
|
|
87
|
-
},
|
|
88
|
-
"&.required": {
|
|
89
|
-
position: "relative",
|
|
90
|
-
"&::before": {
|
|
91
|
-
color: "danger",
|
|
92
|
-
position: "absolute",
|
|
93
|
-
content: '"*"',
|
|
94
|
-
top: 0,
|
|
95
|
-
left: "-10px"
|
|
96
|
-
},
|
|
97
|
-
"*:invalid": {
|
|
98
|
-
borderColor: "danger"
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
},
|
|
102
|
-
".bold": {
|
|
103
|
-
fontWeight: "bold"
|
|
104
|
-
},
|
|
105
|
-
".light": {
|
|
106
|
-
fontWeight: "light"
|
|
107
|
-
},
|
|
108
|
-
".Left": {
|
|
109
|
-
textAlign: "left !important"
|
|
110
|
-
},
|
|
111
|
-
".Center": {
|
|
112
|
-
textAlign: "center !important"
|
|
113
|
-
},
|
|
114
|
-
".Right": {
|
|
115
|
-
textAlign: "right !important"
|
|
116
|
-
},
|
|
117
|
-
".Justify": {
|
|
118
|
-
textAlign: "justify !important"
|
|
119
|
-
},
|
|
120
|
-
".Bottom": {
|
|
121
|
-
verticalAlign: "bottom !important"
|
|
122
|
-
},
|
|
123
|
-
".Middle": {
|
|
124
|
-
verticalAlign: "middle !important"
|
|
125
|
-
},
|
|
126
|
-
".Top": {
|
|
127
|
-
verticalAlign: "top !important"
|
|
128
|
-
},
|
|
129
|
-
".hidden": {
|
|
130
|
-
display: "none"
|
|
131
|
-
},
|
|
132
|
-
".field__withError": {
|
|
133
|
-
borderLeftStyle: "solid",
|
|
134
|
-
borderLeftWidth: "4px",
|
|
135
|
-
borderLeftColor: "danger"
|
|
136
|
-
},
|
|
137
|
-
".field__touched": {
|
|
138
|
-
borderStyle: "solid",
|
|
139
|
-
borderWidth: "1px",
|
|
140
|
-
borderColor: "touchedBorderColor"
|
|
141
|
-
},
|
|
142
|
-
".noPadding": {
|
|
143
|
-
padding: 0
|
|
144
|
-
},
|
|
145
|
-
'input[type="radio"] ~ svg': {
|
|
146
|
-
background: "transparent !important"
|
|
147
|
-
},
|
|
148
|
-
...transitions
|
|
149
|
-
};
|
|
150
|
-
|
|
151
|
-
export { root };
|
|
152
|
-
//# sourceMappingURL=rootStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rootStyles.js","sources":["../../../src/base/rootStyles/rootStyles.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline, responsive, spacing } from '../../util';\nimport { transitions } from './transitions';\nimport menu from './menu';\n\nexport const root: ThemeUICSSObject = {\n ...menu,\n height: '100%',\n '*': {\n fontFamily: 'body',\n fontWeight: 'body',\n\n code: {\n fontFamily: 'monospace',\n },\n\n '&:focus': focusOutline,\n },\n\n body: {\n minHeight: '100vh',\n },\n h1: {\n fontSize: responsive({ 0: 26, 3: 32 }),\n },\n h2: {\n fontSize: responsive({ 0: 22, 3: 28 }),\n },\n h3: {\n fontSize: responsive({ 0: 19, 3: 25 }),\n },\n h4: {\n fontSize: responsive({ 0: 18, 3: 22 }),\n },\n h5: {\n fontSize: responsive({ 0: 18, 3: 22 }),\n },\n h6: {\n fontSize: responsive({ 0: 17, 3: 17 }),\n },\n\n 'h1,h2,h3,h4,h5,h6': {\n letterSpacing: 'heading',\n lineHeight: 'heading',\n variant: 'text.title',\n },\n '*:not(h1, h2, h3, h4, h5, h6, code)': {\n fontFamily: 'body',\n fontSize: 16,\n fontWeight: 'body',\n letterSpacing: 'body',\n lineHeight: 'body',\n },\n a: {\n textDecoration: 'underline',\n },\n 'textarea,a': {\n transition: 'color 200ms ease-out',\n ':focus': {\n ...focusOutline,\n },\n ':focus-visible': {\n ...focusOutline,\n },\n },\n '*:focus': focusOutline,\n ul: {\n listStyle: 'none',\n listStyleType: 'none',\n margin: 0,\n padding: 0,\n },\n\n abbr: {\n '&.required': {\n textDecoration: 'none',\n border: 'none',\n mx: 1,\n alignSelf: 'baseline',\n fontWeight: 'bold',\n color: 'danger',\n },\n },\n table: {\n borderCollapse: 'separate',\n borderSpacing: 0,\n },\n\n '& label': {\n display: 'flex',\n\n '& > span': {\n mb: spacing(1),\n fontWeight: 'bold',\n },\n\n '&.required': {\n position: 'relative',\n '&::before': {\n color: 'danger',\n position: 'absolute',\n content: '\"*\"',\n top: 0,\n left: '-10px',\n },\n\n '*:invalid': {\n borderColor: 'danger',\n },\n },\n },\n\n '.bold': {\n fontWeight: 'bold',\n },\n '.light': {\n fontWeight: 'light',\n },\n\n '.Left': {\n textAlign: 'left !important' as unknown as 'left',\n },\n '.Center': {\n textAlign: 'center !important' as unknown as 'left',\n },\n '.Right': {\n textAlign: 'right !important' as unknown as 'left',\n },\n '.Justify': {\n textAlign: 'justify !important' as unknown as 'left',\n },\n\n '.Bottom': {\n verticalAlign: 'bottom !important',\n },\n\n '.Middle': {\n verticalAlign: 'middle !important',\n },\n\n '.Top': {\n verticalAlign: 'top !important',\n },\n\n '.hidden': {\n display: 'none',\n },\n\n '.field__withError': {\n borderLeftStyle: 'solid',\n borderLeftWidth: '4px',\n borderLeftColor: 'danger',\n },\n\n '.field__touched': {\n borderStyle: 'solid',\n borderWidth: '1px',\n borderColor: 'touchedBorderColor',\n },\n\n '.noPadding': {\n padding: 0,\n },\n\n 'input[type=\"radio\"] ~ svg': {\n background: 'transparent !important',\n },\n\n ...transitions,\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
const transitions = {
|
|
2
|
-
"@keyframes growHorizontal": {
|
|
3
|
-
from: { transform: "scaleX(0)" },
|
|
4
|
-
to: { transform: "scaleY(100%)" }
|
|
5
|
-
},
|
|
6
|
-
".hamburguerMenu": { display: "none" },
|
|
7
|
-
".hamburguerMenu-enter,\n.hamburguerMenu-appear": {
|
|
8
|
-
display: "block",
|
|
9
|
-
transform: "scale(0.7)",
|
|
10
|
-
opacity: 0
|
|
11
|
-
},
|
|
12
|
-
".hamburguerMenu-enter-active,\n.hamburguerMenu-appear-active": {
|
|
13
|
-
transform: "translateX(0)",
|
|
14
|
-
transition: "opacity 150ms, transform 150ms",
|
|
15
|
-
transformOrigin: "right top",
|
|
16
|
-
opacity: 1
|
|
17
|
-
},
|
|
18
|
-
".hamburguerMenu-enter-done,\n.hamburguerMenu-appear-done": {
|
|
19
|
-
display: "block"
|
|
20
|
-
},
|
|
21
|
-
".hamburguerMenu-exit": {
|
|
22
|
-
display: "block",
|
|
23
|
-
transform: "scale(1)",
|
|
24
|
-
opacity: 1
|
|
25
|
-
},
|
|
26
|
-
".hamburguerMenu-exit-active": {
|
|
27
|
-
transform: "scale(0.7) translateX(0)",
|
|
28
|
-
transition: "opacity 150ms, transform 150ms",
|
|
29
|
-
display: "block",
|
|
30
|
-
opacity: 0,
|
|
31
|
-
transformOrigin: "right top"
|
|
32
|
-
},
|
|
33
|
-
".hamburguerMenu-exit-done": { display: "none" },
|
|
34
|
-
".modal-enter,\n.modal-appear": { opacity: 0, transform: "scale(0.8)" },
|
|
35
|
-
".modal-enter-active,\n.modal-appear-active": {
|
|
36
|
-
opacity: 1,
|
|
37
|
-
transform: "translateX(0)",
|
|
38
|
-
transition: "opacity 150ms, transform 150ms",
|
|
39
|
-
transitionDelay: "0"
|
|
40
|
-
},
|
|
41
|
-
".modal-exit": { opacity: 0 },
|
|
42
|
-
".modal-exit-done": { opacity: 0, display: "none" },
|
|
43
|
-
".modal-exit-active": {
|
|
44
|
-
opacity: 0,
|
|
45
|
-
transform: "scale(100)",
|
|
46
|
-
transition: "opacity 150ms, transform 150ms",
|
|
47
|
-
transitionDelay: "0"
|
|
48
|
-
},
|
|
49
|
-
".overlayAnimation-enter .overlayAnimation:not(.not-released),\n.overlayAnimation-appear .overlayAnimation:not(.not-released)": {
|
|
50
|
-
opacity: 0
|
|
51
|
-
},
|
|
52
|
-
".overlayAnimation-enter-active .overlayAnimation:not(.not-released),\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)": {
|
|
53
|
-
opacity: 1,
|
|
54
|
-
transition: "opacity 150ms"
|
|
55
|
-
},
|
|
56
|
-
".overlayAnimation-exit": { opacity: 1 },
|
|
57
|
-
".overlayAnimation-exit-active": { opacity: 0, transition: "opacity 150ms" },
|
|
58
|
-
".fromRight-enter,\n.fromRight-appear": { transform: "translateX(550px)" },
|
|
59
|
-
".fromRight-enter-active,\n.fromRight-appear-active": {
|
|
60
|
-
transition: "transform 150ms",
|
|
61
|
-
transform: "translateX(0)"
|
|
62
|
-
},
|
|
63
|
-
".fromRight-exit": { transform: "translateX(0)" },
|
|
64
|
-
".fromRight-exit-active": {
|
|
65
|
-
transition: "transform 150ms",
|
|
66
|
-
transform: "translateX(550px)"
|
|
67
|
-
},
|
|
68
|
-
".notification-enter,\n.notification-appear": {
|
|
69
|
-
opacity: 0,
|
|
70
|
-
transform: "scale(0.8)"
|
|
71
|
-
},
|
|
72
|
-
".notification-enter-active,\n.notification-appear-active": {
|
|
73
|
-
opacity: 1,
|
|
74
|
-
transform: "translateX(0)",
|
|
75
|
-
transition: "opacity 150ms, transform 150ms",
|
|
76
|
-
transitionDelay: "0"
|
|
77
|
-
},
|
|
78
|
-
".notification-exit": { opacity: 1 },
|
|
79
|
-
".notification-exit-active": {
|
|
80
|
-
opacity: 0,
|
|
81
|
-
transform: "scale(0.8)",
|
|
82
|
-
transition: "opacity 150ms, transform 150ms",
|
|
83
|
-
transitionDelay: "0"
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
export { transitions };
|
|
88
|
-
//# sourceMappingURL=transitions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"transitions.js","sources":["../../../src/base/rootStyles/transitions.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui';\n\nexport const transitions: ThemeUIStyleObject = {\n '@keyframes growHorizontal': {\n from: { transform: 'scaleX(0)' },\n to: { transform: 'scaleY(100%)' },\n },\n '.hamburguerMenu': { display: 'none' },\n '.hamburguerMenu-enter,\\n.hamburguerMenu-appear': {\n display: 'block',\n transform: 'scale(0.7)',\n opacity: 0,\n },\n '.hamburguerMenu-enter-active,\\n.hamburguerMenu-appear-active': {\n transform: 'translateX(0)',\n transition: 'opacity 150ms, transform 150ms',\n transformOrigin: 'right top',\n opacity: 1,\n },\n '.hamburguerMenu-enter-done,\\n.hamburguerMenu-appear-done': {\n display: 'block',\n },\n '.hamburguerMenu-exit': {\n display: 'block',\n transform: 'scale(1)',\n opacity: 1,\n },\n '.hamburguerMenu-exit-active': {\n transform: 'scale(0.7) translateX(0)',\n transition: 'opacity 150ms, transform 150ms',\n display: 'block',\n opacity: 0,\n transformOrigin: 'right top',\n },\n '.hamburguerMenu-exit-done': { display: 'none' },\n '.modal-enter,\\n.modal-appear': { opacity: 0, transform: 'scale(0.8)' },\n '.modal-enter-active,\\n.modal-appear-active': {\n opacity: 1,\n transform: 'translateX(0)',\n transition: 'opacity 150ms, transform 150ms',\n transitionDelay: '0',\n },\n '.modal-exit': { opacity: 0 },\n '.modal-exit-done': { opacity: 0, display: 'none' },\n '.modal-exit-active': {\n opacity: 0,\n transform: 'scale(100)',\n transition: 'opacity 150ms, transform 150ms',\n transitionDelay: '0',\n },\n '.overlayAnimation-enter .overlayAnimation:not(.not-released),\\n.overlayAnimation-appear .overlayAnimation:not(.not-released)':\n {\n opacity: 0,\n },\n '.overlayAnimation-enter-active .overlayAnimation:not(.not-released),\\n.overlayAnimation-appear-active .overlayAnimation:not(.not-released)':\n {\n opacity: 1,\n transition: 'opacity 150ms',\n },\n '.overlayAnimation-exit': { opacity: 1 },\n '.overlayAnimation-exit-active': { opacity: 0, transition: 'opacity 150ms' },\n '.fromRight-enter,\\n.fromRight-appear': { transform: 'translateX(550px)' },\n '.fromRight-enter-active,\\n.fromRight-appear-active': {\n transition: 'transform 150ms',\n transform: 'translateX(0)',\n },\n '.fromRight-exit': { transform: 'translateX(0)' },\n '.fromRight-exit-active': {\n transition: 'transform 150ms',\n transform: 'translateX(550px)',\n },\n '.notification-enter,\\n.notification-appear': {\n opacity: 0,\n transform: 'scale(0.8)',\n },\n '.notification-enter-active,\\n.notification-appear-active': {\n opacity: 1,\n transform: 'translateX(0)',\n transition: 'opacity 150ms, transform 150ms',\n transitionDelay: '0',\n },\n '.notification-exit': { opacity: 1 },\n '.notification-exit-active': {\n opacity: 0,\n transform: 'scale(0.8)',\n transition: 'opacity 150ms, transform 150ms',\n transitionDelay: '0',\n },\n};\n"],"names":[],"mappings":"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"}
|
package/dist/base/text.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { spacing } from '../util.js';
|
|
2
|
-
|
|
3
|
-
const text = {
|
|
4
|
-
default: {
|
|
5
|
-
color: "palette.text.primary",
|
|
6
|
-
fontFamily: "body",
|
|
7
|
-
fontWeight: "body",
|
|
8
|
-
fontSize: 16,
|
|
9
|
-
m: spacing(0),
|
|
10
|
-
width: "100%"
|
|
11
|
-
},
|
|
12
|
-
title: {
|
|
13
|
-
letterSpacing: "heading",
|
|
14
|
-
wordBreak: "normal",
|
|
15
|
-
color: "title",
|
|
16
|
-
fontFamily: "heading",
|
|
17
|
-
lineHeight: "heading",
|
|
18
|
-
fontWeight: "heading"
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
var text$1 = text;
|
|
22
|
-
|
|
23
|
-
export { text$1 as default };
|
|
24
|
-
//# sourceMappingURL=text.js.map
|
package/dist/base/text.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sources":["../../src/base/text.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../util';\n\nconst text: Record<string, ThemeUICSSObject> = {\n default: {\n color: 'palette.text.primary',\n fontFamily: 'body',\n fontWeight: 'body',\n fontSize: 16,\n m: spacing(0),\n width: '100%',\n },\n title: {\n letterSpacing: 'heading',\n wordBreak: 'normal',\n color: 'title',\n fontFamily: 'heading',\n lineHeight: 'heading',\n fontWeight: 'heading',\n },\n};\n\nexport default text;\n"],"names":[],"mappings":";;AAGA,MAAM,IAAyC,GAAA;AAAA,EAC7C,OAAS,EAAA;AAAA,IACP,KAAO,EAAA,sBAAA;AAAA,IACP,UAAY,EAAA,MAAA;AAAA,IACZ,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA,EAAA;AAAA,IACV,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,KAAO,EAAA;AAAA,IACL,aAAe,EAAA,SAAA;AAAA,IACf,SAAW,EAAA,QAAA;AAAA,IACX,KAAO,EAAA,OAAA;AAAA,IACP,UAAY,EAAA,SAAA;AAAA,IACZ,UAAY,EAAA,SAAA;AAAA,IACZ,UAAY,EAAA,SAAA;AAAA,GACd;AACF,CAAA,CAAA;AAEA,aAAe,IAAA;;;;"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { MarkdownTableCell } from '../extensions/table/types.js';
|
|
2
|
-
import { RemarkableExtension, IMarkdownConfiguration } from '../types.js';
|
|
3
|
-
import { MarkdownBlock } from './elements/MarkdownBlock.js';
|
|
4
|
-
import { TDialogBoxTypes, MarkdownDialogBox } from './elements/dialogBox.js';
|
|
5
|
-
import { MarkdownHeader } from './elements/header.js';
|
|
6
|
-
import { MarkdownList } from './elements/list.js';
|
|
7
|
-
import { MarkdownParagraph } from './elements/paragraph.js';
|
|
8
|
-
import { MarkdownTable } from './elements/table.js';
|
|
9
|
-
|
|
10
|
-
declare class MarkdownBuilder {
|
|
11
|
-
protected blocks: MarkdownBlock[];
|
|
12
|
-
protected extensions: RemarkableExtension[];
|
|
13
|
-
setExtensions(extensions: RemarkableExtension[]): this;
|
|
14
|
-
custom(block: MarkdownBlock): void;
|
|
15
|
-
h1(text: string): MarkdownHeader;
|
|
16
|
-
h2(text: string): MarkdownHeader;
|
|
17
|
-
h3(text: string): MarkdownHeader;
|
|
18
|
-
h4(text: string): MarkdownHeader;
|
|
19
|
-
h5(text: string): MarkdownHeader;
|
|
20
|
-
h6(text: string): MarkdownHeader;
|
|
21
|
-
p(text: string): MarkdownParagraph;
|
|
22
|
-
list(sorted?: boolean): MarkdownList;
|
|
23
|
-
dialogBox(text: string, level?: TDialogBoxTypes): MarkdownDialogBox;
|
|
24
|
-
table(header?: MarkdownTableCell[], rows?: MarkdownTableCell[][]): MarkdownTable;
|
|
25
|
-
/**
|
|
26
|
-
* Este método debería ser llamado una única vez dentro de un documento,
|
|
27
|
-
* agrega la tabla de contenidos la html
|
|
28
|
-
*/
|
|
29
|
-
tableOfContents(): void;
|
|
30
|
-
/**
|
|
31
|
-
* Este método recibe un html y le agrega la tabla de contenidos, dentro de
|
|
32
|
-
* un div con id="TableOfCOntents"
|
|
33
|
-
*/
|
|
34
|
-
addTableOfContents(tableOfContentsTitle: string, html: string): string;
|
|
35
|
-
toMarkdown(): string;
|
|
36
|
-
toHtml(options: Pick<IMarkdownConfiguration, 'additionalStyles' | 'extensions' | 'htmlTemplate' | 'title' | 'tableOfContentsTitle'>): Promise<string>;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
export { MarkdownBuilder };
|
|
40
|
-
//# sourceMappingURL=MarkdownBuilder.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownBuilder.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import { parseMarkdown } from '../parseMarkdown.js';
|
|
2
|
-
import { MarkdownDialogBox } from './elements/dialogBox.js';
|
|
3
|
-
import { MarkdownHeader } from './elements/header.js';
|
|
4
|
-
import { MarkdownList } from './elements/list.js';
|
|
5
|
-
import { MarkdownParagraph } from './elements/paragraph.js';
|
|
6
|
-
import { MarkdownTable } from './elements/table.js';
|
|
7
|
-
import { MarkdownTableOfContents } from './elements/tableOfContents.js';
|
|
8
|
-
|
|
9
|
-
var __defProp = Object.defineProperty;
|
|
10
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
-
var __publicField = (obj, key, value) => {
|
|
12
|
-
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
13
|
-
return value;
|
|
14
|
-
};
|
|
15
|
-
class MarkdownBuilder {
|
|
16
|
-
constructor() {
|
|
17
|
-
__publicField(this, "blocks", []);
|
|
18
|
-
__publicField(this, "extensions", []);
|
|
19
|
-
}
|
|
20
|
-
setExtensions(extensions) {
|
|
21
|
-
this.extensions = extensions;
|
|
22
|
-
return this;
|
|
23
|
-
}
|
|
24
|
-
custom(block) {
|
|
25
|
-
this.blocks.push(block);
|
|
26
|
-
}
|
|
27
|
-
h1(text) {
|
|
28
|
-
const heading = new MarkdownHeader(text);
|
|
29
|
-
this.blocks.push(heading);
|
|
30
|
-
return heading;
|
|
31
|
-
}
|
|
32
|
-
h2(text) {
|
|
33
|
-
const heading = new MarkdownHeader(text, "##");
|
|
34
|
-
this.blocks.push(heading);
|
|
35
|
-
return heading;
|
|
36
|
-
}
|
|
37
|
-
h3(text) {
|
|
38
|
-
const heading = new MarkdownHeader(text, "###");
|
|
39
|
-
this.blocks.push(heading);
|
|
40
|
-
return heading;
|
|
41
|
-
}
|
|
42
|
-
h4(text) {
|
|
43
|
-
const heading = new MarkdownHeader(text, "####");
|
|
44
|
-
this.blocks.push(heading);
|
|
45
|
-
return heading;
|
|
46
|
-
}
|
|
47
|
-
h5(text) {
|
|
48
|
-
const heading = new MarkdownHeader(text, "#####");
|
|
49
|
-
this.blocks.push(heading);
|
|
50
|
-
return heading;
|
|
51
|
-
}
|
|
52
|
-
h6(text) {
|
|
53
|
-
const heading = new MarkdownHeader(text, "######");
|
|
54
|
-
this.blocks.push(heading);
|
|
55
|
-
return heading;
|
|
56
|
-
}
|
|
57
|
-
p(text) {
|
|
58
|
-
const p = new MarkdownParagraph(text);
|
|
59
|
-
this.blocks.push(p);
|
|
60
|
-
return p;
|
|
61
|
-
}
|
|
62
|
-
list(sorted = false) {
|
|
63
|
-
const list = new MarkdownList(sorted);
|
|
64
|
-
this.blocks.push(list);
|
|
65
|
-
return list;
|
|
66
|
-
}
|
|
67
|
-
dialogBox(text, level = "success") {
|
|
68
|
-
const box = new MarkdownDialogBox(text, level);
|
|
69
|
-
this.blocks.push(box);
|
|
70
|
-
return box;
|
|
71
|
-
}
|
|
72
|
-
table(header = [], rows = []) {
|
|
73
|
-
const table = new MarkdownTable(header, rows);
|
|
74
|
-
this.blocks.push(table);
|
|
75
|
-
return table;
|
|
76
|
-
}
|
|
77
|
-
/**
|
|
78
|
-
* Este método debería ser llamado una única vez dentro de un documento,
|
|
79
|
-
* agrega la tabla de contenidos la html
|
|
80
|
-
*/
|
|
81
|
-
tableOfContents() {
|
|
82
|
-
this.blocks.push(new MarkdownTableOfContents());
|
|
83
|
-
}
|
|
84
|
-
/**
|
|
85
|
-
* Este método recibe un html y le agrega la tabla de contenidos, dentro de
|
|
86
|
-
* un div con id="TableOfCOntents"
|
|
87
|
-
*/
|
|
88
|
-
addTableOfContents(tableOfContentsTitle, html) {
|
|
89
|
-
return MarkdownTableOfContents.appendTableOfContents(
|
|
90
|
-
tableOfContentsTitle,
|
|
91
|
-
html
|
|
92
|
-
);
|
|
93
|
-
}
|
|
94
|
-
toMarkdown() {
|
|
95
|
-
let markdown = this.blocks.map((current) => current.toString()).join("\n\n");
|
|
96
|
-
markdown = markdown.replaceAll(/ *\n *\n *\n/g, "\n\n");
|
|
97
|
-
return markdown;
|
|
98
|
-
}
|
|
99
|
-
toHtml(options) {
|
|
100
|
-
let content = this.toMarkdown();
|
|
101
|
-
if (options?.tableOfContentsTitle)
|
|
102
|
-
content = this.addTableOfContents(options.tableOfContentsTitle, content);
|
|
103
|
-
return parseMarkdown({ ...options, content });
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
export { MarkdownBuilder };
|
|
108
|
-
//# sourceMappingURL=MarkdownBuilder.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownBuilder.js","sources":["../../../src/markdown/builder/MarkdownBuilder.ts"],"sourcesContent":["import { MarkdownTableCell } from '../extensions/table/types';\nimport { parseMarkdown } from '../parseMarkdown';\nimport { IMarkdownConfiguration, RemarkableExtension } from '../types';\nimport { MarkdownBlock } from './elements/MarkdownBlock';\nimport { MarkdownDialogBox, TDialogBoxTypes } from './elements/dialogBox';\nimport { MarkdownHeader } from './elements/header';\nimport { MarkdownList } from './elements/list';\nimport { MarkdownParagraph } from './elements/paragraph';\nimport { MarkdownTable } from './elements/table';\nimport { MarkdownTableOfContents } from './elements/tableOfContents';\n\nexport class MarkdownBuilder {\n protected blocks: MarkdownBlock[] = [];\n protected extensions: RemarkableExtension[] = [];\n\n setExtensions(extensions: RemarkableExtension[]) {\n this.extensions = extensions;\n return this;\n }\n\n custom(block: MarkdownBlock) {\n this.blocks.push(block);\n }\n\n h1(text: string) {\n const heading = new MarkdownHeader(text);\n\n this.blocks.push(heading);\n\n return heading;\n }\n\n h2(text: string) {\n const heading = new MarkdownHeader(text, '##');\n\n this.blocks.push(heading);\n\n return heading;\n }\n\n h3(text: string) {\n const heading = new MarkdownHeader(text, '###');\n\n this.blocks.push(heading);\n\n return heading;\n }\n\n h4(text: string) {\n const heading = new MarkdownHeader(text, '####');\n\n this.blocks.push(heading);\n\n return heading;\n }\n\n h5(text: string) {\n const heading = new MarkdownHeader(text, '#####');\n\n this.blocks.push(heading);\n\n return heading;\n }\n\n h6(text: string) {\n const heading = new MarkdownHeader(text, '######');\n\n this.blocks.push(heading);\n\n return heading;\n }\n\n p(text: string) {\n const p = new MarkdownParagraph(text);\n\n this.blocks.push(p);\n\n return p;\n }\n\n list(sorted = false) {\n const list = new MarkdownList(sorted);\n\n this.blocks.push(list);\n\n return list;\n }\n\n dialogBox(text: string, level: TDialogBoxTypes = 'success') {\n const box = new MarkdownDialogBox(text, level);\n\n this.blocks.push(box);\n\n return box;\n }\n\n table(header: MarkdownTableCell[] = [], rows: MarkdownTableCell[][] = []) {\n const table = new MarkdownTable(header, rows);\n\n this.blocks.push(table);\n\n return table;\n }\n\n /**\n * Este método debería ser llamado una única vez dentro de un documento,\n * agrega la tabla de contenidos la html\n */\n tableOfContents() {\n this.blocks.push(new MarkdownTableOfContents());\n }\n\n /**\n * Este método recibe un html y le agrega la tabla de contenidos, dentro de\n * un div con id=\"TableOfCOntents\"\n */\n addTableOfContents(tableOfContentsTitle: string, html: string): string {\n return MarkdownTableOfContents.appendTableOfContents(\n tableOfContentsTitle,\n html,\n );\n }\n\n toMarkdown(): string {\n let markdown = this.blocks\n .map((current) => current.toString())\n .join('\\n\\n');\n\n markdown = markdown.replaceAll(/ *\\n *\\n *\\n/g, '\\n\\n');\n\n return markdown;\n }\n\n toHtml(\n options: Pick<\n IMarkdownConfiguration,\n | 'additionalStyles'\n | 'extensions'\n | 'htmlTemplate'\n | 'title'\n | 'tableOfContentsTitle'\n >,\n ): Promise<string> {\n let content = this.toMarkdown();\n\n if (options?.tableOfContentsTitle)\n content = this.addTableOfContents(options.tableOfContentsTitle, content);\n\n return parseMarkdown({ ...options, content });\n }\n}\n"],"names":[],"mappings":"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"}
|