@apia/theme 1.0.4 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ApiaThemeProvider.d.ts +15 -0
- package/dist/ApiaThemeProvider.d.ts.map +1 -0
- package/dist/ApiaThemeProvider.js +32 -0
- package/dist/ApiaThemeProvider.js.map +1 -0
- package/dist/base/alerts.js +128 -0
- package/dist/base/alerts.js.map +1 -0
- package/dist/base/baseTheme.js +93 -0
- package/dist/base/baseTheme.js.map +1 -0
- package/dist/base/buttons.js +294 -0
- package/dist/base/buttons.js.map +1 -0
- package/dist/base/colors/components.js +202 -0
- package/dist/base/colors/components.js.map +1 -0
- package/dist/base/colors/defaultPalette.js +84 -0
- package/dist/base/colors/defaultPalette.js.map +1 -0
- package/dist/base/colors/index.js +465 -0
- package/dist/base/colors/index.js.map +1 -0
- package/dist/base/colors/schemas.js +15 -0
- package/dist/base/colors/schemas.js.map +1 -0
- package/dist/base/colors/types.d.ts +154 -0
- package/dist/base/colors/types.d.ts.map +1 -0
- package/dist/base/colors/types.js +6 -0
- package/dist/base/colors/types.js.map +1 -0
- package/dist/base/colors/util/applyStates.js +35 -0
- package/dist/base/colors/util/applyStates.js.map +1 -0
- package/dist/base/colors/util/applyStatesGetColor.d.ts +11 -0
- package/dist/base/colors/util/applyStatesGetColor.d.ts.map +1 -0
- package/dist/base/colors/util/applyStatesGetColor.js +31 -0
- package/dist/base/colors/util/applyStatesGetColor.js.map +1 -0
- package/dist/base/colors/util/buildColorsObject.js +14 -0
- package/dist/base/colors/util/buildColorsObject.js.map +1 -0
- package/dist/base/colors/util/buildStateObject.js +60 -0
- package/dist/base/colors/util/buildStateObject.js.map +1 -0
- package/dist/base/colors/util/getColorState.d.ts +17 -0
- package/dist/base/colors/util/getColorState.d.ts.map +1 -0
- package/dist/base/colors/util/getColorState.js +52 -0
- package/dist/base/colors/util/getColorState.js.map +1 -0
- package/dist/base/colors/util/getColorStates.d.ts +11 -0
- package/dist/base/colors/util/getColorStates.d.ts.map +1 -0
- package/dist/base/colors/util/getColorStates.js +30 -0
- package/dist/base/colors/util/getColorStates.js.map +1 -0
- package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts +12 -0
- package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts.map +1 -0
- package/dist/base/colors/util/getColorsAndStatesByDefinition.js +28 -0
- package/dist/base/colors/util/getColorsAndStatesByDefinition.js.map +1 -0
- package/dist/base/colors/util/getColorsAndStatesByPath.d.ts +25 -0
- package/dist/base/colors/util/getColorsAndStatesByPath.d.ts.map +1 -0
- package/dist/base/colors/util/getColorsAndStatesByPath.js +36 -0
- package/dist/base/colors/util/getColorsAndStatesByPath.js.map +1 -0
- package/dist/base/colors/util/getColorsByDefinition.d.ts +24 -0
- package/dist/base/colors/util/getColorsByDefinition.d.ts.map +1 -0
- package/dist/base/colors/util/getColorsByDefinition.js +18 -0
- package/dist/base/colors/util/getColorsByDefinition.js.map +1 -0
- package/dist/base/colors/util/getColorsByPath.d.ts +17 -0
- package/dist/base/colors/util/getColorsByPath.d.ts.map +1 -0
- package/dist/base/colors/util/getColorsByPath.js +16 -0
- package/dist/base/colors/util/getColorsByPath.js.map +1 -0
- package/dist/base/colors/util/getOneColorState.d.ts +15 -0
- package/dist/base/colors/util/getOneColorState.d.ts.map +1 -0
- package/dist/base/colors/util/getOneColorState.js +18 -0
- package/dist/base/colors/util/getOneColorState.js.map +1 -0
- package/dist/base/colors/util/parsePalette.d.ts +6 -0
- package/dist/base/colors/util/parsePalette.d.ts.map +1 -0
- package/dist/base/colors/util/parsePalette.js +124 -0
- package/dist/base/colors/util/parsePalette.js.map +1 -0
- package/dist/base/colors/util.js +31 -0
- package/dist/base/colors/util.js.map +1 -0
- package/dist/base/forms/checkbox.js +59 -0
- package/dist/base/forms/checkbox.js.map +1 -0
- package/dist/base/forms/customCheckbox.js +30 -0
- package/dist/base/forms/customCheckbox.js.map +1 -0
- package/dist/base/forms/dateInput.js +60 -0
- package/dist/base/forms/dateInput.js.map +1 -0
- package/dist/base/forms/deletableInput.js +65 -0
- package/dist/base/forms/deletableInput.js.map +1 -0
- package/dist/base/forms/iconInput.js +28 -0
- package/dist/base/forms/iconInput.js.map +1 -0
- package/dist/base/forms/index.js +36 -0
- package/dist/base/forms/index.js.map +1 -0
- package/dist/base/forms/input.js +52 -0
- package/dist/base/forms/input.js.map +1 -0
- package/dist/base/forms/label.js +31 -0
- package/dist/base/forms/label.js.map +1 -0
- package/dist/base/forms/radio.js +17 -0
- package/dist/base/forms/radio.js.map +1 -0
- package/dist/base/forms/select.js +27 -0
- package/dist/base/forms/select.js.map +1 -0
- package/dist/base/forms/selectMultiple.js +40 -0
- package/dist/base/forms/selectMultiple.js.map +1 -0
- package/dist/base/forms/switch.js +12 -0
- package/dist/base/forms/switch.js.map +1 -0
- package/dist/base/forms/textarea.js +14 -0
- package/dist/base/forms/textarea.js.map +1 -0
- package/dist/base/layout/common/components/accordion.js +124 -0
- package/dist/base/layout/common/components/accordion.js.map +1 -0
- package/dist/base/layout/common/components/chat.js +98 -0
- package/dist/base/layout/common/components/chat.js.map +1 -0
- package/dist/base/layout/common/components/index.js +15 -0
- package/dist/base/layout/common/components/index.js.map +1 -0
- package/dist/base/layout/common/components/pagination/common.js +135 -0
- package/dist/base/layout/common/components/pagination/common.js.map +1 -0
- package/dist/base/layout/common/components/pagination/datagrid.js +9 -0
- package/dist/base/layout/common/components/pagination/datagrid.js.map +1 -0
- package/dist/base/layout/common/components/pagination/index.js +13 -0
- package/dist/base/layout/common/components/pagination/index.js.map +1 -0
- package/dist/base/layout/common/components/pagination/primary.js +9 -0
- package/dist/base/layout/common/components/pagination/primary.js.map +1 -0
- package/dist/base/layout/common/components/pagination/secondary.js +9 -0
- package/dist/base/layout/common/components/pagination/secondary.js.map +1 -0
- package/dist/base/layout/common/components/toolbar.js +84 -0
- package/dist/base/layout/common/components/toolbar.js.map +1 -0
- package/dist/base/layout/common/forms/captcha.js +42 -0
- package/dist/base/layout/common/forms/captcha.js.map +1 -0
- package/dist/base/layout/common/forms/index.js +9 -0
- package/dist/base/layout/common/forms/index.js.map +1 -0
- package/dist/base/layout/common/index.js +21 -0
- package/dist/base/layout/common/index.js.map +1 -0
- package/dist/base/layout/common/modals/apiaApi.js +86 -0
- package/dist/base/layout/common/modals/apiaApi.js.map +1 -0
- package/dist/base/layout/common/modals/buttonsBar.js +13 -0
- package/dist/base/layout/common/modals/buttonsBar.js.map +1 -0
- package/dist/base/layout/common/modals/confirm.js +35 -0
- package/dist/base/layout/common/modals/confirm.js.map +1 -0
- package/dist/base/layout/common/modals/index.js +166 -0
- package/dist/base/layout/common/modals/index.js.map +1 -0
- package/dist/base/layout/common/modals/overlay.js +29 -0
- package/dist/base/layout/common/modals/overlay.js.map +1 -0
- package/dist/base/layout/common/tables/accordion.js +66 -0
- package/dist/base/layout/common/tables/accordion.js.map +1 -0
- package/dist/base/layout/common/tables/clean.js +285 -0
- package/dist/base/layout/common/tables/clean.js.map +1 -0
- package/dist/base/layout/common/tables/getSelectionStyles.js +39 -0
- package/dist/base/layout/common/tables/getSelectionStyles.js.map +1 -0
- package/dist/base/layout/common/tables/index.js +23 -0
- package/dist/base/layout/common/tables/index.js.map +1 -0
- package/dist/base/layout/common/tables/information.js +41 -0
- package/dist/base/layout/common/tables/information.js.map +1 -0
- package/dist/base/layout/common/tables/primary.js +236 -0
- package/dist/base/layout/common/tables/primary.js.map +1 -0
- package/dist/base/layout/common/tables/print.js +11 -0
- package/dist/base/layout/common/tables/print.js.map +1 -0
- package/dist/base/layout/common/tables/responsive.js +41 -0
- package/dist/base/layout/common/tables/responsive.js.map +1 -0
- package/dist/base/layout/common/tables/secondary.js +46 -0
- package/dist/base/layout/common/tables/secondary.js.map +1 -0
- package/dist/base/layout/common/tooltips/index.js +9 -0
- package/dist/base/layout/common/tooltips/index.js.map +1 -0
- package/dist/base/layout/common/tooltips/primary.js +10 -0
- package/dist/base/layout/common/tooltips/primary.js.map +1 -0
- package/dist/base/layout/common/trees/index.js +8 -0
- package/dist/base/layout/common/trees/index.js.map +1 -0
- package/dist/base/layout/common/trees/primary.js +122 -0
- package/dist/base/layout/common/trees/primary.js.map +1 -0
- package/dist/base/layout/index.js +13 -0
- package/dist/base/layout/index.js.map +1 -0
- package/dist/base/layout/util/collector.js +30 -0
- package/dist/base/layout/util/collector.js.map +1 -0
- package/dist/base/layout/util/index.js +9 -0
- package/dist/base/layout/util/index.js.map +1 -0
- package/dist/base/rootStyles/menu.js +122 -0
- package/dist/base/rootStyles/menu.js.map +1 -0
- package/dist/base/rootStyles/rootStyles.js +152 -0
- package/dist/base/rootStyles/rootStyles.js.map +1 -0
- package/dist/base/rootStyles/transitions.js +88 -0
- package/dist/base/rootStyles/transitions.js.map +1 -0
- package/dist/base/text.js +24 -0
- package/dist/base/text.js.map +1 -0
- package/dist/index.d.ts +36 -387
- package/dist/index.js +25 -4666
- package/dist/index.js.map +1 -1
- package/dist/markdown/builder/MarkdownBuilder.d.ts +40 -0
- package/dist/markdown/builder/MarkdownBuilder.d.ts.map +1 -0
- package/dist/markdown/builder/MarkdownBuilder.js +108 -0
- package/dist/markdown/builder/MarkdownBuilder.js.map +1 -0
- package/dist/markdown/builder/elements/MarkdownBlock.d.ts +9 -0
- package/dist/markdown/builder/elements/MarkdownBlock.d.ts.map +1 -0
- package/dist/markdown/builder/elements/MarkdownBlock.js +5 -0
- package/dist/markdown/builder/elements/MarkdownBlock.js.map +1 -0
- package/dist/markdown/builder/elements/dialogBox.d.ts +11 -0
- package/dist/markdown/builder/elements/dialogBox.d.ts.map +1 -0
- package/dist/markdown/builder/elements/dialogBox.js +23 -0
- package/dist/markdown/builder/elements/dialogBox.js.map +1 -0
- package/dist/markdown/builder/elements/header.d.ts +11 -0
- package/dist/markdown/builder/elements/header.d.ts.map +1 -0
- package/dist/markdown/builder/elements/header.js +15 -0
- package/dist/markdown/builder/elements/header.js.map +1 -0
- package/dist/markdown/builder/elements/list.d.ts +19 -0
- package/dist/markdown/builder/elements/list.d.ts.map +1 -0
- package/dist/markdown/builder/elements/list.js +55 -0
- package/dist/markdown/builder/elements/list.js.map +1 -0
- package/dist/markdown/builder/elements/paragraph.d.ts +10 -0
- package/dist/markdown/builder/elements/paragraph.d.ts.map +1 -0
- package/dist/markdown/builder/elements/paragraph.js +14 -0
- package/dist/markdown/builder/elements/paragraph.js.map +1 -0
- package/dist/markdown/builder/elements/table.d.ts +27 -0
- package/dist/markdown/builder/elements/table.d.ts.map +1 -0
- package/dist/markdown/builder/elements/table.js +156 -0
- package/dist/markdown/builder/elements/table.js.map +1 -0
- package/dist/markdown/builder/elements/tableOfContents.d.ts +32 -0
- package/dist/markdown/builder/elements/tableOfContents.d.ts.map +1 -0
- package/dist/markdown/builder/elements/tableOfContents.js +96 -0
- package/dist/markdown/builder/elements/tableOfContents.js.map +1 -0
- package/dist/markdown/extensions/error.js +38 -0
- package/dist/markdown/extensions/error.js.map +1 -0
- package/dist/markdown/extensions/header.js +45 -0
- package/dist/markdown/extensions/header.js.map +1 -0
- package/dist/markdown/extensions/index.js +16 -0
- package/dist/markdown/extensions/index.js.map +1 -0
- package/dist/markdown/extensions/success.js +38 -0
- package/dist/markdown/extensions/success.js.map +1 -0
- package/dist/markdown/extensions/table/index.js +227 -0
- package/dist/markdown/extensions/table/index.js.map +1 -0
- package/dist/markdown/extensions/table/types.d.ts +20 -0
- package/dist/markdown/extensions/table/types.d.ts.map +1 -0
- package/dist/markdown/extensions/warning.js +38 -0
- package/dist/markdown/extensions/warning.js.map +1 -0
- package/dist/markdown/getRemarkable.js +28 -0
- package/dist/markdown/getRemarkable.js.map +1 -0
- package/dist/markdown/help.js +28 -0
- package/dist/markdown/help.js.map +1 -0
- package/dist/markdown/html.js +17 -0
- package/dist/markdown/html.js.map +1 -0
- package/dist/markdown/parseMarkdown.d.ts +10 -0
- package/dist/markdown/parseMarkdown.d.ts.map +1 -0
- package/dist/markdown/parseMarkdown.js +31 -0
- package/dist/markdown/parseMarkdown.js.map +1 -0
- package/dist/markdown/styles.js +55 -0
- package/dist/markdown/styles.js.map +1 -0
- package/dist/markdown/theme/markdownTheme.js +143 -0
- package/dist/markdown/theme/markdownTheme.js.map +1 -0
- package/dist/markdown/types.d.ts +56 -0
- package/dist/markdown/types.d.ts.map +1 -0
- package/dist/markdown/types.js +5 -0
- package/dist/markdown/types.js.map +1 -0
- package/dist/methods/CustomThemeProvider.js +14 -0
- package/dist/methods/CustomThemeProvider.js.map +1 -0
- package/dist/methods/getMainTheme.js +30 -0
- package/dist/methods/getMainTheme.js.map +1 -0
- package/dist/methods/injectStyles.d.ts +34 -0
- package/dist/methods/injectStyles.d.ts.map +1 -0
- package/dist/methods/injectStyles.js +10 -0
- package/dist/methods/injectStyles.js.map +1 -0
- package/dist/methods/makeStyledComponent.d.ts +29 -0
- package/dist/methods/makeStyledComponent.d.ts.map +1 -0
- package/dist/methods/makeStyledComponent.js +39 -0
- package/dist/methods/makeStyledComponent.js.map +1 -0
- package/dist/methods/spacingLayout/index.d.ts +23 -0
- package/dist/methods/spacingLayout/index.d.ts.map +1 -0
- package/dist/methods/spacingLayout/index.js +29 -0
- package/dist/methods/spacingLayout/index.js.map +1 -0
- package/dist/methods/useMainTheme.d.ts +8 -0
- package/dist/methods/useMainTheme.d.ts.map +1 -0
- package/dist/methods/useMainTheme.js +45 -0
- package/dist/methods/useMainTheme.js.map +1 -0
- package/dist/themeuiExports.d.ts +7 -0
- package/dist/themeuiExports.d.ts.map +1 -0
- package/dist/util/getVariant.d.ts +7 -0
- package/dist/util/getVariant.d.ts.map +1 -0
- package/dist/util/getVariant.js +6 -0
- package/dist/util/getVariant.js.map +1 -0
- package/dist/util.d.ts +43 -0
- package/dist/util.d.ts.map +1 -0
- package/dist/util.js +34 -0
- package/dist/util.js.map +1 -0
- package/jsx-runtime/dist/jsx-runtime.d.ts +3 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js +2 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts +2 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map +1 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js +21 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js +7 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js +21 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js +2 -0
- package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js +2 -0
- package/jsx-runtime/package.json +8 -0
- package/package.json +42 -38
- package/LICENSE.md +0 -21
- package/README.md +0 -1
- package/cleanDist.json +0 -3
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
import getColorsAndStatesByPath from '../../../../colors/util/getColorsAndStatesByPath.js';
|
|
2
|
+
import getColorsByPath from '../../../../colors/util/getColorsByPath.js';
|
|
3
|
+
import { spacing, responsive } from '../../../../../util.js';
|
|
4
|
+
|
|
5
|
+
const common = (type) => ({
|
|
6
|
+
...getColorsByPath(type),
|
|
7
|
+
gap: spacing(1),
|
|
8
|
+
justifyContent: "stretch",
|
|
9
|
+
"&.onlyRefresh": {
|
|
10
|
+
justifyContent: "end"
|
|
11
|
+
},
|
|
12
|
+
alignItems: "center",
|
|
13
|
+
padding: 1,
|
|
14
|
+
display: "flex",
|
|
15
|
+
".pagination__leftToolbar": {
|
|
16
|
+
alignItems: "center",
|
|
17
|
+
display: "flex",
|
|
18
|
+
width: "100%"
|
|
19
|
+
},
|
|
20
|
+
".pagination__deleteLabels": {
|
|
21
|
+
overflow: "hidden",
|
|
22
|
+
textOverflow: "ellipsis",
|
|
23
|
+
whiteSpace: "nowrap"
|
|
24
|
+
},
|
|
25
|
+
".pagination__selectPage": {
|
|
26
|
+
width: "80px",
|
|
27
|
+
top: "80px",
|
|
28
|
+
textAlign: "center"
|
|
29
|
+
},
|
|
30
|
+
".iconButton": {
|
|
31
|
+
height: "36px",
|
|
32
|
+
width: "36px",
|
|
33
|
+
...getColorsAndStatesByPath(`${type}.icons`, {
|
|
34
|
+
states: { disabled: false, path: false }
|
|
35
|
+
}),
|
|
36
|
+
"&:disabled": {
|
|
37
|
+
background: "transparent"
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
".recordsCounter": {
|
|
41
|
+
color: "palette.primary.contrastText",
|
|
42
|
+
pl: spacing(3)
|
|
43
|
+
},
|
|
44
|
+
".reachedMax": {
|
|
45
|
+
color: "red",
|
|
46
|
+
pl: 2
|
|
47
|
+
},
|
|
48
|
+
".pagination__controls": {
|
|
49
|
+
flexGrow: 1,
|
|
50
|
+
justifyContent: "center",
|
|
51
|
+
flexShrink: 0,
|
|
52
|
+
"&.onlyRefresh": {
|
|
53
|
+
justifyContent: "end"
|
|
54
|
+
},
|
|
55
|
+
alignItems: "stretch",
|
|
56
|
+
padding: 1,
|
|
57
|
+
display: "flex",
|
|
58
|
+
width: responsive({ 0: "max-content", 2: "auto" }),
|
|
59
|
+
"select ~ svg": {
|
|
60
|
+
display: "none"
|
|
61
|
+
},
|
|
62
|
+
".input": {
|
|
63
|
+
display: "flex",
|
|
64
|
+
alignItems: "center",
|
|
65
|
+
gap: spacing(3),
|
|
66
|
+
fontSize: "1em",
|
|
67
|
+
border: "1px solid",
|
|
68
|
+
paddingY: 1,
|
|
69
|
+
paddingX: 4,
|
|
70
|
+
...getColorsByPath(`${type}.pagesBox`),
|
|
71
|
+
input: {
|
|
72
|
+
font: "inherit",
|
|
73
|
+
background: "none",
|
|
74
|
+
border: "none",
|
|
75
|
+
width: "30px",
|
|
76
|
+
padding: 0,
|
|
77
|
+
textAlign: "center"
|
|
78
|
+
},
|
|
79
|
+
span: {
|
|
80
|
+
font: "inherit",
|
|
81
|
+
display: "block",
|
|
82
|
+
width: "30px"
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
".infoTooltip": {
|
|
87
|
+
position: "relative",
|
|
88
|
+
display: "inline-block",
|
|
89
|
+
borderBottom: "1px dotted black",
|
|
90
|
+
cursor: "pointer",
|
|
91
|
+
backgroundColor: "#f7d97f"
|
|
92
|
+
},
|
|
93
|
+
".pagination__information": {
|
|
94
|
+
p: 1,
|
|
95
|
+
".pagination__infoIcon": {
|
|
96
|
+
display: "flex"
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
".pagination__alertInfo": {
|
|
100
|
+
variant: "buttons.icon-primary",
|
|
101
|
+
...getColorsAndStatesByPath("buttons.iconAlert")
|
|
102
|
+
},
|
|
103
|
+
".pagination__rightToolbar": {
|
|
104
|
+
display: "flex",
|
|
105
|
+
gap: 0,
|
|
106
|
+
width: "100%",
|
|
107
|
+
justifyContent: "end",
|
|
108
|
+
".pagination__deleteFiltersButton": {
|
|
109
|
+
variant: "buttons.primary-sm",
|
|
110
|
+
textDecoration: "none",
|
|
111
|
+
px: 3,
|
|
112
|
+
".button__content": {
|
|
113
|
+
display: "flex",
|
|
114
|
+
flexDirection: "row",
|
|
115
|
+
gap: 3
|
|
116
|
+
},
|
|
117
|
+
".pagination__appliedFiltersLabel": {
|
|
118
|
+
backgroundColor: "palette.primary.contrastText",
|
|
119
|
+
color: "palette.text.title",
|
|
120
|
+
borderRadius: "100%",
|
|
121
|
+
display: "inline-flex",
|
|
122
|
+
alignItems: "center",
|
|
123
|
+
justifyContent: "center",
|
|
124
|
+
minWidth: "1.5em",
|
|
125
|
+
"&.withFilters": {
|
|
126
|
+
backgroundColor: "favorite",
|
|
127
|
+
color: "palette.text.primary"
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
export { common as default };
|
|
135
|
+
//# sourceMappingURL=common.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.js","sources":["../../../../../../src/base/layout/common/components/pagination/common.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport {\n getColorsAndStatesByPath,\n getColorsByPath,\n} from '../../../../../methods';\nimport { responsive, spacing } from '../../../../../util';\n\nconst common: (type: string) => ThemeUICSSObject = (type) => ({\n ...getColorsByPath(type),\n gap: spacing(1),\n justifyContent: 'stretch',\n\n '&.onlyRefresh': {\n justifyContent: 'end',\n },\n alignItems: 'center',\n padding: 1,\n display: 'flex',\n\n '.pagination__leftToolbar': {\n alignItems: 'center',\n display: 'flex',\n width: '100%',\n },\n '.pagination__deleteLabels': {\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n '.pagination__selectPage': {\n width: '80px',\n top: '80px',\n textAlign: 'center',\n },\n\n '.iconButton': {\n height: '36px',\n width: '36px',\n\n ...getColorsAndStatesByPath(`${type}.icons`, {\n states: { disabled: false, path: false },\n }),\n '&:disabled': {\n background: 'transparent',\n },\n },\n '.recordsCounter': {\n color: 'palette.primary.contrastText',\n pl: spacing(3),\n },\n '.reachedMax': {\n color: 'red',\n pl: 2,\n },\n '.pagination__controls': {\n flexGrow: 1,\n justifyContent: 'center',\n flexShrink: 0,\n '&.onlyRefresh': {\n justifyContent: 'end',\n },\n alignItems: 'stretch',\n padding: 1,\n display: 'flex',\n width: responsive({ 0: 'max-content', 2: 'auto' }),\n\n 'select ~ svg': {\n display: 'none',\n },\n\n '.input': {\n display: 'flex',\n alignItems: 'center',\n gap: spacing(3),\n fontSize: '1em',\n border: '1px solid',\n paddingY: 1,\n paddingX: 4,\n ...getColorsByPath(`${type}.pagesBox`),\n input: {\n font: 'inherit',\n background: 'none',\n border: 'none',\n width: '30px',\n padding: 0,\n textAlign: 'center',\n },\n span: {\n font: 'inherit',\n display: 'block',\n width: '30px',\n },\n },\n },\n '.infoTooltip': {\n position: 'relative',\n display: 'inline-block',\n borderBottom: '1px dotted black',\n cursor: 'pointer',\n backgroundColor: '#f7d97f',\n },\n '.pagination__information': {\n p: 1,\n '.pagination__infoIcon': {\n display: 'flex',\n },\n },\n\n '.pagination__alertInfo': {\n variant: 'buttons.icon-primary',\n ...getColorsAndStatesByPath('buttons.iconAlert'),\n },\n '.pagination__rightToolbar': {\n display: 'flex',\n gap: 0,\n width: '100%',\n justifyContent: 'end',\n\n '.pagination__deleteFiltersButton': {\n variant: 'buttons.primary-sm',\n textDecoration: 'none',\n px: 3,\n '.button__content': {\n display: 'flex',\n flexDirection: 'row',\n gap: 3,\n },\n\n '.pagination__appliedFiltersLabel': {\n backgroundColor: 'palette.primary.contrastText',\n color: 'palette.text.title',\n borderRadius: '100%',\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n minWidth: '1.5em',\n\n '&.withFilters': {\n backgroundColor: 'favorite',\n color: 'palette.text.primary',\n },\n },\n },\n },\n});\n\nexport default common;\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datagrid.js","sources":["../../../../../../src/base/layout/common/components/pagination/datagrid.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport common from './common';\n\nconst datagrid: ThemeUICSSObject = {\n ...common('components.paginationDatagrid'),\n};\n\nexport default datagrid;\n"],"names":[],"mappings":";;AAGA,MAAM,QAA6B,GAAA;AAAA,EACjC,GAAG,OAAO,+BAA+B,CAAA;AAC3C,CAAA,CAAA;AAEA,iBAAe,QAAA;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import primary from './primary.js';
|
|
2
|
+
import datagrid from './datagrid.js';
|
|
3
|
+
import secondary from './secondary.js';
|
|
4
|
+
|
|
5
|
+
const pagination = {
|
|
6
|
+
primary,
|
|
7
|
+
datagrid,
|
|
8
|
+
secondary
|
|
9
|
+
};
|
|
10
|
+
var pagination$1 = pagination;
|
|
11
|
+
|
|
12
|
+
export { pagination$1 as default };
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../src/base/layout/common/components/pagination/index.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport primary from './primary';\nimport datagrid from './datagrid';\nimport secondary from './secondary';\n\nconst pagination: ThemeUICSSObject = {\n primary,\n datagrid,\n secondary,\n};\n\nexport default pagination;\n"],"names":[],"mappings":";;;;AAKA,MAAM,UAA+B,GAAA;AAAA,EACnC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AACF,CAAA,CAAA;AAEA,mBAAe,UAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"primary.js","sources":["../../../../../../src/base/layout/common/components/pagination/primary.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport common from './common';\n\nconst primary: ThemeUICSSObject = {\n ...common('components.paginationPrimary'),\n};\n\nexport default primary;\n"],"names":[],"mappings":";;AAGA,MAAM,OAA4B,GAAA;AAAA,EAChC,GAAG,OAAO,8BAA8B,CAAA;AAC1C,CAAA,CAAA;AAEA,gBAAe,OAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"secondary.js","sources":["../../../../../../src/base/layout/common/components/pagination/secondary.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport common from './common';\n\nconst primary: ThemeUICSSObject = {\n ...common('components.paginationSecondary'),\n};\n\nexport default primary;\n"],"names":[],"mappings":";;AAGA,MAAM,OAA4B,GAAA;AAAA,EAChC,GAAG,OAAO,gCAAgC,CAAA;AAC5C,CAAA,CAAA;AAEA,gBAAe,OAAA;;;;"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
const toolbar = {
|
|
2
|
+
alignItems: "center",
|
|
3
|
+
backgroundColor: "palette.background.default",
|
|
4
|
+
display: "flex",
|
|
5
|
+
gap: "2px",
|
|
6
|
+
py: "4px",
|
|
7
|
+
px: "8px",
|
|
8
|
+
"& > *": {
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
borderRadius: "4px",
|
|
11
|
+
display: "flex",
|
|
12
|
+
flexShrink: 0,
|
|
13
|
+
justifyContent: "center",
|
|
14
|
+
outline: "none !important",
|
|
15
|
+
p: 0
|
|
16
|
+
},
|
|
17
|
+
".toolbar__textButton": (theme) => ({
|
|
18
|
+
variant: "buttons.primary-sm",
|
|
19
|
+
background: "transparent",
|
|
20
|
+
border: "none",
|
|
21
|
+
color: "palette.text.primary",
|
|
22
|
+
...theme.palette.getStatesFromDefinition(
|
|
23
|
+
{
|
|
24
|
+
backgroundColor: theme.palette.background.default
|
|
25
|
+
},
|
|
26
|
+
{ states: { default: false } }
|
|
27
|
+
),
|
|
28
|
+
"&.primary": theme.palette.getStatesFromPath("buttons.primary")
|
|
29
|
+
}),
|
|
30
|
+
".toolbar__select": () => ({
|
|
31
|
+
padding: "4px",
|
|
32
|
+
paddingLeft: "8px",
|
|
33
|
+
paddingRight: "32px"
|
|
34
|
+
}),
|
|
35
|
+
".toolbar__button": {
|
|
36
|
+
border: "none",
|
|
37
|
+
borderRadius: "4px",
|
|
38
|
+
height: "32px",
|
|
39
|
+
width: "32px",
|
|
40
|
+
background: "transparent",
|
|
41
|
+
svg: {
|
|
42
|
+
path: {
|
|
43
|
+
fill: "palette.text.primary"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
"&:disabled": {
|
|
47
|
+
svg: {
|
|
48
|
+
path: {
|
|
49
|
+
fill: "palette.border.section"
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
".fieldLabel": {
|
|
55
|
+
display: "flex",
|
|
56
|
+
flexDirection: "row",
|
|
57
|
+
gap: 3,
|
|
58
|
+
alignItems: "center",
|
|
59
|
+
justifyContent: "center"
|
|
60
|
+
},
|
|
61
|
+
".toolbar__input": {
|
|
62
|
+
borderRadius: "4px",
|
|
63
|
+
p: 3,
|
|
64
|
+
width: "80px"
|
|
65
|
+
},
|
|
66
|
+
".toolbar__separator": {
|
|
67
|
+
borderLeft: "1px solid",
|
|
68
|
+
borderRight: "1px solid",
|
|
69
|
+
borderColor: "palette.gray.750",
|
|
70
|
+
height: "60%",
|
|
71
|
+
width: "3px"
|
|
72
|
+
},
|
|
73
|
+
".toggled": (theme) => {
|
|
74
|
+
return {
|
|
75
|
+
...theme.palette.getOneState(
|
|
76
|
+
{ backgroundColor: theme.palette.background.default },
|
|
77
|
+
"selected"
|
|
78
|
+
)
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
export { toolbar };
|
|
84
|
+
//# sourceMappingURL=toolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbar.js","sources":["../../../../../src/base/layout/common/components/toolbar.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\r\n\r\nexport const toolbar: ThemeUICSSObject = {\r\n alignItems: 'center',\r\n backgroundColor: 'palette.background.default',\r\n display: 'flex',\r\n gap: '2px',\r\n py: '4px',\r\n px: '8px',\r\n\r\n '& > *': {\r\n alignItems: 'center',\r\n borderRadius: '4px',\r\n display: 'flex',\r\n flexShrink: 0,\r\n justifyContent: 'center',\r\n outline: 'none !important',\r\n p: 0,\r\n },\r\n\r\n '.toolbar__textButton': (theme) => ({\r\n variant: 'buttons.primary-sm',\r\n background: 'transparent',\r\n border: 'none',\r\n color: 'palette.text.primary',\r\n\r\n ...theme.palette.getStatesFromDefinition(\r\n {\r\n backgroundColor: theme.palette.background.default,\r\n },\r\n { states: { default: false } },\r\n ),\r\n\r\n '&.primary': theme.palette.getStatesFromPath('buttons.primary'),\r\n }),\r\n\r\n '.toolbar__select': () => ({\r\n padding: '4px',\r\n paddingLeft: '8px',\r\n paddingRight: '32px',\r\n }),\r\n\r\n '.toolbar__button': {\r\n border: 'none',\r\n borderRadius: '4px',\r\n height: '32px',\r\n width: '32px',\r\n background: 'transparent',\r\n svg: {\r\n path: {\r\n fill: 'palette.text.primary',\r\n },\r\n },\r\n\r\n '&:disabled': {\r\n svg: {\r\n path: {\r\n fill: 'palette.border.section',\r\n },\r\n },\r\n },\r\n },\r\n\r\n '.fieldLabel': {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n gap: 3,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n\r\n '.toolbar__input': {\r\n borderRadius: '4px',\r\n p: 3,\r\n width: '80px',\r\n },\r\n\r\n '.toolbar__separator': {\r\n borderLeft: '1px solid',\r\n borderRight: '1px solid',\r\n borderColor: 'palette.gray.750',\r\n height: '60%',\r\n width: '3px',\r\n },\r\n\r\n '.toggled': (theme) => {\r\n return {\r\n ...theme.palette.getOneState(\r\n { backgroundColor: theme.palette.background.default },\r\n 'selected',\r\n ),\r\n };\r\n },\r\n};\r\n"],"names":[],"mappings":"AAEO,MAAM,OAA4B,GAAA;AAAA,EACvC,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,4BAAA;AAAA,EACjB,OAAS,EAAA,MAAA;AAAA,EACT,GAAK,EAAA,KAAA;AAAA,EACL,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EAEJ,OAAS,EAAA;AAAA,IACP,UAAY,EAAA,QAAA;AAAA,IACZ,YAAc,EAAA,KAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,CAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,iBAAA;AAAA,IACT,CAAG,EAAA,CAAA;AAAA,GACL;AAAA,EAEA,sBAAA,EAAwB,CAAC,KAAW,MAAA;AAAA,IAClC,OAAS,EAAA,oBAAA;AAAA,IACT,UAAY,EAAA,aAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,sBAAA;AAAA,IAEP,GAAG,MAAM,OAAQ,CAAA,uBAAA;AAAA,MACf;AAAA,QACE,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,OAC5C;AAAA,MACA,EAAE,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAQ,EAAA;AAAA,KAC/B;AAAA,IAEA,WAAa,EAAA,KAAA,CAAM,OAAQ,CAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,GAChE,CAAA;AAAA,EAEA,oBAAoB,OAAO;AAAA,IACzB,OAAS,EAAA,KAAA;AAAA,IACT,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,MAAA;AAAA,GAChB,CAAA;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,MAAQ,EAAA,MAAA;AAAA,IACR,YAAc,EAAA,KAAA;AAAA,IACd,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,aAAA;AAAA,IACZ,GAAK,EAAA;AAAA,MACH,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,sBAAA;AAAA,OACR;AAAA,KACF;AAAA,IAEA,YAAc,EAAA;AAAA,MACZ,GAAK,EAAA;AAAA,QACH,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,wBAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,GAAK,EAAA,CAAA;AAAA,IACL,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,GAClB;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,YAAc,EAAA,KAAA;AAAA,IACd,CAAG,EAAA,CAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EAEA,qBAAuB,EAAA;AAAA,IACrB,UAAY,EAAA,WAAA;AAAA,IACZ,WAAa,EAAA,WAAA;AAAA,IACb,WAAa,EAAA,kBAAA;AAAA,IACb,MAAQ,EAAA,KAAA;AAAA,IACR,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EAEA,UAAA,EAAY,CAAC,KAAU,KAAA;AACrB,IAAO,OAAA;AAAA,MACL,GAAG,MAAM,OAAQ,CAAA,WAAA;AAAA,QACf,EAAE,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,WAAW,OAAQ,EAAA;AAAA,QACpD,UAAA;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACF;AACF;;;;"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { spacing } from '../../../../util.js';
|
|
2
|
+
|
|
3
|
+
const captcha = {
|
|
4
|
+
display: "flex",
|
|
5
|
+
flexDirection: "column",
|
|
6
|
+
gap: spacing(2),
|
|
7
|
+
".captcha__imageContainer": {
|
|
8
|
+
border: "1px solid",
|
|
9
|
+
borderColor: "palette.border.field",
|
|
10
|
+
p: spacing(4)
|
|
11
|
+
},
|
|
12
|
+
".captcha__inputContainer": {
|
|
13
|
+
display: "flex",
|
|
14
|
+
gap: spacing(2),
|
|
15
|
+
justifyContent: "stretch",
|
|
16
|
+
input: {
|
|
17
|
+
flexGrow: 1,
|
|
18
|
+
width: "100%"
|
|
19
|
+
},
|
|
20
|
+
".captcha__buttons": {
|
|
21
|
+
width: "24px",
|
|
22
|
+
flexDirection: "column",
|
|
23
|
+
display: "flex",
|
|
24
|
+
gap: spacing(2),
|
|
25
|
+
flexShrink: 0,
|
|
26
|
+
button: {
|
|
27
|
+
width: "24px",
|
|
28
|
+
height: "24px",
|
|
29
|
+
p: "5px",
|
|
30
|
+
variant: "buttons.icon-outline",
|
|
31
|
+
svg: {
|
|
32
|
+
color: "palette.text.primary",
|
|
33
|
+
height: "16px",
|
|
34
|
+
width: "16px"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export { captcha };
|
|
42
|
+
//# sourceMappingURL=captcha.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"captcha.js","sources":["../../../../../src/base/layout/common/forms/captcha.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../../../util';\n/* IMPORT HERE */\n\nexport const captcha: ThemeUICSSObject = {\n display: 'flex',\n flexDirection: 'column',\n gap: spacing(2),\n\n '.captcha__imageContainer': {\n border: '1px solid',\n borderColor: 'palette.border.field',\n p: spacing(4),\n },\n\n '.captcha__inputContainer': {\n display: 'flex',\n gap: spacing(2),\n justifyContent: 'stretch',\n\n input: {\n flexGrow: 1,\n width: '100%',\n },\n\n '.captcha__buttons': {\n width: '24px',\n flexDirection: 'column',\n display: 'flex',\n gap: spacing(2),\n flexShrink: 0,\n\n button: {\n width: '24px',\n height: '24px',\n p: '5px',\n variant: 'buttons.icon-outline',\n\n svg: {\n color: 'palette.text.primary',\n height: '16px',\n width: '16px',\n },\n },\n },\n },\n};\n"],"names":[],"mappings":";;AAIO,MAAM,OAA4B,GAAA;AAAA,EACvC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EAEd,0BAA4B,EAAA;AAAA,IAC1B,MAAQ,EAAA,WAAA;AAAA,IACR,WAAa,EAAA,sBAAA;AAAA,IACb,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,GACd;AAAA,EAEA,0BAA4B,EAAA;AAAA,IAC1B,OAAS,EAAA,MAAA;AAAA,IACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,IACd,cAAgB,EAAA,SAAA;AAAA,IAEhB,KAAO,EAAA;AAAA,MACL,QAAU,EAAA,CAAA;AAAA,MACV,KAAO,EAAA,MAAA;AAAA,KACT;AAAA,IAEA,mBAAqB,EAAA;AAAA,MACnB,KAAO,EAAA,MAAA;AAAA,MACP,aAAe,EAAA,QAAA;AAAA,MACf,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,MACd,UAAY,EAAA,CAAA;AAAA,MAEZ,MAAQ,EAAA;AAAA,QACN,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,MAAA;AAAA,QACR,CAAG,EAAA,KAAA;AAAA,QACH,OAAS,EAAA,sBAAA;AAAA,QAET,GAAK,EAAA;AAAA,UACH,KAAO,EAAA,sBAAA;AAAA,UACP,MAAQ,EAAA,MAAA;AAAA,UACR,KAAO,EAAA,MAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,GACF;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/base/layout/common/forms/index.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { captcha } from './captcha';\n/* IMPORT HERE */\n\nexport const forms: ThemeUICSSObject = {\n captcha,\n /* PREPEND HERE */\n};\n"],"names":[],"mappings":";;AAIO,MAAM,KAA0B,GAAA;AAAA,EACrC,OAAA;AAAA;AAEF;;;;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { modals } from './modals/index.js';
|
|
2
|
+
import { tables } from './tables/index.js';
|
|
3
|
+
import { forms } from './forms/index.js';
|
|
4
|
+
import { trees } from './trees/index.js';
|
|
5
|
+
import { tooltips } from './tooltips/index.js';
|
|
6
|
+
import { components } from './components/index.js';
|
|
7
|
+
|
|
8
|
+
const common = (theme) => {
|
|
9
|
+
return {
|
|
10
|
+
forms,
|
|
11
|
+
modals,
|
|
12
|
+
tables: tables(theme),
|
|
13
|
+
components,
|
|
14
|
+
trees,
|
|
15
|
+
tooltips
|
|
16
|
+
/* PREPEND HERE */
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export { common };
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/base/layout/common/index.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport { modals } from './modals';\nimport { tables } from './tables';\nimport { forms } from './forms';\nimport { trees } from './trees';\nimport { tooltips } from './tooltips';\nimport { components } from './components';\n/* IMPORT HERE */\nexport const common: (theme: Theme) => ThemeUICSSObject = (theme) => {\n return {\n forms,\n modals,\n tables: tables(theme),\n components: components,\n trees,\n tooltips,\n /* PREPEND HERE */\n };\n};\n"],"names":[],"mappings":";;;;;;;AAQa,MAAA,MAAA,GAA6C,CAAC,KAAU,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA,EAAQ,OAAO,KAAK,CAAA;AAAA,IACpB,UAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA;AAAA,GAEF,CAAA;AACF;;;;"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { spacing } from '../../../../util.js';
|
|
2
|
+
|
|
3
|
+
const apiaApi = {
|
|
4
|
+
display: "flex",
|
|
5
|
+
width: "100%",
|
|
6
|
+
".handler__form": {
|
|
7
|
+
display: "flex",
|
|
8
|
+
flexDirection: "column",
|
|
9
|
+
width: "100%",
|
|
10
|
+
gap: spacing(6),
|
|
11
|
+
".handler__form__elements": {
|
|
12
|
+
flexShrink: 1,
|
|
13
|
+
overflow: "auto"
|
|
14
|
+
},
|
|
15
|
+
".handler__form__elements__section__content": {
|
|
16
|
+
display: "flex",
|
|
17
|
+
flexDirection: "column",
|
|
18
|
+
wordBreak: "break-word",
|
|
19
|
+
background: "palette.background.paper",
|
|
20
|
+
p: 0,
|
|
21
|
+
gap: spacing(3)
|
|
22
|
+
},
|
|
23
|
+
".content .handler__form__elements__section__content": {
|
|
24
|
+
border: "1px solid",
|
|
25
|
+
borderColor: "palette.border.section",
|
|
26
|
+
borderTop: "none",
|
|
27
|
+
p: spacing(6)
|
|
28
|
+
},
|
|
29
|
+
".handler__form__buttons": {
|
|
30
|
+
display: "flex",
|
|
31
|
+
flexDirection: "row",
|
|
32
|
+
justifyContent: "end",
|
|
33
|
+
p: 0,
|
|
34
|
+
gap: "0px",
|
|
35
|
+
position: "sticky",
|
|
36
|
+
bottom: "-19px",
|
|
37
|
+
background: "palette.background.paper",
|
|
38
|
+
height: "80px",
|
|
39
|
+
alignItems: "center",
|
|
40
|
+
button: {
|
|
41
|
+
height: "50px"
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
".radio": {
|
|
45
|
+
display: "flex",
|
|
46
|
+
flexDirection: "column",
|
|
47
|
+
flexWrap: "wrap",
|
|
48
|
+
listStyle: "none",
|
|
49
|
+
variant: "layout.execution.form.fields.radio"
|
|
50
|
+
},
|
|
51
|
+
".handler__checkbox, .handler__radio": {
|
|
52
|
+
"label span": {
|
|
53
|
+
fontWeight: "normal"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
".checkbox": {
|
|
57
|
+
flexDirection: "row-reverse",
|
|
58
|
+
alignItems: "center",
|
|
59
|
+
justifyContent: "start",
|
|
60
|
+
gap: spacing(4),
|
|
61
|
+
".semicolon": {
|
|
62
|
+
display: "none"
|
|
63
|
+
},
|
|
64
|
+
input: {
|
|
65
|
+
width: "100%"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
".handler__hidden": {
|
|
69
|
+
display: "none"
|
|
70
|
+
},
|
|
71
|
+
"label.select > div": {
|
|
72
|
+
width: "100%"
|
|
73
|
+
},
|
|
74
|
+
".spacer": {
|
|
75
|
+
height: spacing(7)
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
".progressBox": {
|
|
79
|
+
p: spacing(5),
|
|
80
|
+
pt: spacing(0)
|
|
81
|
+
}
|
|
82
|
+
/* PREPEND HERE */
|
|
83
|
+
};
|
|
84
|
+
|
|
85
|
+
export { apiaApi };
|
|
86
|
+
//# sourceMappingURL=apiaApi.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"apiaApi.js","sources":["../../../../../src/base/layout/common/modals/apiaApi.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../../../util';\n/* IMPORT HERE */\n\nexport const apiaApi: ThemeUICSSObject = {\n display: 'flex',\n width: '100%',\n\n '.handler__form': {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n gap: spacing(6),\n\n '.handler__form__elements': {\n flexShrink: 1,\n overflow: 'auto',\n },\n\n '.handler__form__elements__section__content': {\n display: 'flex',\n flexDirection: 'column',\n wordBreak: 'break-word',\n background: 'palette.background.paper',\n p: 0,\n gap: spacing(3),\n },\n\n '.content .handler__form__elements__section__content': {\n border: '1px solid',\n borderColor: 'palette.border.section',\n borderTop: 'none',\n p: spacing(6),\n },\n\n '.handler__form__buttons': {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'end',\n p: 0,\n gap: '0px',\n position: 'sticky',\n bottom: '-19px',\n background: 'palette.background.paper',\n height: '80px',\n alignItems: 'center',\n button: {\n height: '50px',\n },\n },\n\n '.radio': {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n listStyle: 'none',\n variant: 'layout.execution.form.fields.radio',\n },\n\n '.handler__checkbox, .handler__radio': {\n 'label span': {\n fontWeight: 'normal',\n },\n },\n\n '.checkbox': {\n flexDirection: 'row-reverse',\n alignItems: 'center',\n justifyContent: 'start',\n gap: spacing(4),\n '.semicolon': {\n display: 'none',\n },\n input: {\n width: '100%',\n },\n },\n\n '.handler__hidden': {\n display: 'none',\n },\n\n 'label.select > div': {\n width: '100%',\n },\n\n '.spacer': {\n height: spacing(7),\n },\n },\n '.progressBox': {\n p: spacing(5),\n pt: spacing(0),\n },\n /* PREPEND HERE */\n};\n"],"names":[],"mappings":";;AAIO,MAAM,OAA4B,GAAA;AAAA,EACvC,OAAS,EAAA,MAAA;AAAA,EACT,KAAO,EAAA,MAAA;AAAA,EAEP,gBAAkB,EAAA;AAAA,IAChB,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,KAAO,EAAA,MAAA;AAAA,IACP,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,IAEd,0BAA4B,EAAA;AAAA,MAC1B,UAAY,EAAA,CAAA;AAAA,MACZ,QAAU,EAAA,MAAA;AAAA,KACZ;AAAA,IAEA,4CAA8C,EAAA;AAAA,MAC5C,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,SAAW,EAAA,YAAA;AAAA,MACX,UAAY,EAAA,0BAAA;AAAA,MACZ,CAAG,EAAA,CAAA;AAAA,MACH,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,KAChB;AAAA,IAEA,qDAAuD,EAAA;AAAA,MACrD,MAAQ,EAAA,WAAA;AAAA,MACR,WAAa,EAAA,wBAAA;AAAA,MACb,SAAW,EAAA,MAAA;AAAA,MACX,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,KACd;AAAA,IAEA,yBAA2B,EAAA;AAAA,MACzB,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,cAAgB,EAAA,KAAA;AAAA,MAChB,CAAG,EAAA,CAAA;AAAA,MACH,GAAK,EAAA,KAAA;AAAA,MACL,QAAU,EAAA,QAAA;AAAA,MACV,MAAQ,EAAA,OAAA;AAAA,MACR,UAAY,EAAA,0BAAA;AAAA,MACZ,MAAQ,EAAA,MAAA;AAAA,MACR,UAAY,EAAA,QAAA;AAAA,MACZ,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA,MAAA;AAAA,OACV;AAAA,KACF;AAAA,IAEA,QAAU,EAAA;AAAA,MACR,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,MACV,SAAW,EAAA,MAAA;AAAA,MACX,OAAS,EAAA,oCAAA;AAAA,KACX;AAAA,IAEA,qCAAuC,EAAA;AAAA,MACrC,YAAc,EAAA;AAAA,QACZ,UAAY,EAAA,QAAA;AAAA,OACd;AAAA,KACF;AAAA,IAEA,WAAa,EAAA;AAAA,MACX,aAAe,EAAA,aAAA;AAAA,MACf,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,OAAA;AAAA,MAChB,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,MACd,YAAc,EAAA;AAAA,QACZ,OAAS,EAAA,MAAA;AAAA,OACX;AAAA,MACA,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,MAAA;AAAA,OACT;AAAA,KACF;AAAA,IAEA,kBAAoB,EAAA;AAAA,MAClB,OAAS,EAAA,MAAA;AAAA,KACX;AAAA,IAEA,oBAAsB,EAAA;AAAA,MACpB,KAAO,EAAA,MAAA;AAAA,KACT;AAAA,IAEA,SAAW,EAAA;AAAA,MACT,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAAA,KACnB;AAAA,GACF;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,CAAA,EAAG,QAAQ,CAAC,CAAA;AAAA,IACZ,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,GACf;AAAA;AAEF;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { spacing } from '@apia/theme';
|
|
2
|
+
|
|
3
|
+
const buttonsBar = {
|
|
4
|
+
flexDirection: "row",
|
|
5
|
+
display: "flex",
|
|
6
|
+
justifyContent: "flex-end",
|
|
7
|
+
gap: spacing(3),
|
|
8
|
+
mb: spacing(0)
|
|
9
|
+
};
|
|
10
|
+
var buttonsBar$1 = buttonsBar;
|
|
11
|
+
|
|
12
|
+
export { buttonsBar$1 as default };
|
|
13
|
+
//# sourceMappingURL=buttonsBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttonsBar.js","sources":["../../../../../src/base/layout/common/modals/buttonsBar.ts"],"sourcesContent":["import { ThemeUICSSObject, spacing } from '@apia/theme';\n/* IMPORT HERE */\n\nconst buttonsBar: ThemeUICSSObject = {\n flexDirection: 'row',\n display: 'flex',\n justifyContent: 'flex-end',\n gap: spacing(3),\n mb: spacing(0),\n};\n\nexport default buttonsBar;\n"],"names":[],"mappings":";;AAGA,MAAM,UAA+B,GAAA;AAAA,EACnC,aAAe,EAAA,KAAA;AAAA,EACf,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,UAAA;AAAA,EAChB,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,EAAA,EAAI,QAAQ,CAAC,CAAA;AACf,CAAA,CAAA;AAEA,mBAAe,UAAA;;;;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { spacing } from '@apia/theme';
|
|
2
|
+
|
|
3
|
+
const confirm = {
|
|
4
|
+
display: "flex",
|
|
5
|
+
flexDirection: "column",
|
|
6
|
+
gap: spacing(6),
|
|
7
|
+
height: "100%",
|
|
8
|
+
width: "100%",
|
|
9
|
+
overflow: "auto",
|
|
10
|
+
".confirm__content": {
|
|
11
|
+
overflow: "auto",
|
|
12
|
+
flexBasis: "100%",
|
|
13
|
+
wordBreak: "break-word",
|
|
14
|
+
display: "flex",
|
|
15
|
+
flexDirection: "column"
|
|
16
|
+
},
|
|
17
|
+
".confirm__buttonBar": {
|
|
18
|
+
display: "flex",
|
|
19
|
+
justifyContent: "space-between",
|
|
20
|
+
flexBasis: "40px",
|
|
21
|
+
flexGrow: 0,
|
|
22
|
+
flexShrink: 0,
|
|
23
|
+
".confirm__defaultButtons": {
|
|
24
|
+
display: "flex",
|
|
25
|
+
gap: spacing(3)
|
|
26
|
+
},
|
|
27
|
+
".confirm__customButtons": {
|
|
28
|
+
width: "auto"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
var confirm$1 = confirm;
|
|
33
|
+
|
|
34
|
+
export { confirm$1 as default };
|
|
35
|
+
//# sourceMappingURL=confirm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm.js","sources":["../../../../../src/base/layout/common/modals/confirm.ts"],"sourcesContent":["import { spacing, ThemeUICSSObject } from '@apia/theme';\n\nconst confirm: ThemeUICSSObject = {\n display: 'flex',\n flexDirection: 'column',\n gap: spacing(6),\n height: '100%',\n width: '100%',\n overflow: 'auto',\n\n '.confirm__content': {\n overflow: 'auto',\n flexBasis: '100%',\n wordBreak: 'break-word',\n display: 'flex',\n flexDirection: 'column',\n },\n\n '.confirm__buttonBar': {\n display: 'flex',\n justifyContent: 'space-between',\n flexBasis: '40px',\n flexGrow: 0,\n flexShrink: 0,\n\n '.confirm__defaultButtons': {\n display: 'flex',\n gap: spacing(3),\n },\n '.confirm__customButtons': {\n width: 'auto',\n },\n },\n};\n\nexport default confirm;\n"],"names":[],"mappings":";;AAEA,MAAM,OAA4B,GAAA;AAAA,EAChC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,MAAQ,EAAA,MAAA;AAAA,EACR,KAAO,EAAA,MAAA;AAAA,EACP,QAAU,EAAA,MAAA;AAAA,EAEV,mBAAqB,EAAA;AAAA,IACnB,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA,MAAA;AAAA,IACX,SAAW,EAAA,YAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,GACjB;AAAA,EAEA,qBAAuB,EAAA;AAAA,IACrB,OAAS,EAAA,MAAA;AAAA,IACT,cAAgB,EAAA,eAAA;AAAA,IAChB,SAAW,EAAA,MAAA;AAAA,IACX,QAAU,EAAA,CAAA;AAAA,IACV,UAAY,EAAA,CAAA;AAAA,IAEZ,0BAA4B,EAAA;AAAA,MAC1B,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,KAChB;AAAA,IACA,yBAA2B,EAAA;AAAA,MACzB,KAAO,EAAA,MAAA;AAAA,KACT;AAAA,GACF;AACF,CAAA,CAAA;AAEA,gBAAe,OAAA;;;;"}
|