@apia/theme 3.0.1 → 3.0.6
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/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
package/dist/base/buttons.js
DELETED
|
@@ -1,294 +0,0 @@
|
|
|
1
|
-
import { responsive, smallButton, spacing } from '../util.js';
|
|
2
|
-
import getColorsAndStatesByPath from './colors/util/getColorsAndStatesByPath.js';
|
|
3
|
-
|
|
4
|
-
const buttons = {
|
|
5
|
-
inherit: {
|
|
6
|
-
color: "inherit",
|
|
7
|
-
background: "inherit",
|
|
8
|
-
border: "none",
|
|
9
|
-
borderRadius: 0,
|
|
10
|
-
font: "inherit",
|
|
11
|
-
cursor: "pointer",
|
|
12
|
-
padding: 0,
|
|
13
|
-
margin: 0
|
|
14
|
-
},
|
|
15
|
-
collapsibleAsidePanelTitle: {
|
|
16
|
-
variant: "buttons.inherit",
|
|
17
|
-
display: "flex",
|
|
18
|
-
justifyContent: "space-between",
|
|
19
|
-
alignItems: "center",
|
|
20
|
-
width: "100%",
|
|
21
|
-
...getColorsAndStatesByPath("buttons.collapsibleAsidePanelTitle")
|
|
22
|
-
},
|
|
23
|
-
primary: {
|
|
24
|
-
borderWidth: "2px",
|
|
25
|
-
borderStyle: "solid",
|
|
26
|
-
variant: "text.default",
|
|
27
|
-
py: responsive({ 0: 3, 4: 4 }),
|
|
28
|
-
px: responsive({ 0: 5, 4: 6 }),
|
|
29
|
-
display: "inline-block",
|
|
30
|
-
width: responsive({ 0: "100%", 1: "auto" }),
|
|
31
|
-
cursor: "pointer",
|
|
32
|
-
borderRadius: "buttons",
|
|
33
|
-
fontWeight: "normal",
|
|
34
|
-
userSelect: "none",
|
|
35
|
-
transition: "background-color 300ms ease-out, color 300ms ease-out",
|
|
36
|
-
wordBreak: "keep-all",
|
|
37
|
-
...getColorsAndStatesByPath("buttons.primary"),
|
|
38
|
-
"&:focus, &:focus-visible": {
|
|
39
|
-
outlineColor: "#00daff"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
"primary-sm": {
|
|
43
|
-
variant: "buttons.primary",
|
|
44
|
-
"&:focus, &:focus-visible": {},
|
|
45
|
-
...smallButton
|
|
46
|
-
},
|
|
47
|
-
secondary: {
|
|
48
|
-
variant: "buttons.primary",
|
|
49
|
-
"&:focus, &:focus-visible": {},
|
|
50
|
-
borderWidth: "0px",
|
|
51
|
-
borderStyle: "solid",
|
|
52
|
-
...getColorsAndStatesByPath("buttons.secondary")
|
|
53
|
-
},
|
|
54
|
-
"secondary-sm": {
|
|
55
|
-
variant: "buttons.secondary",
|
|
56
|
-
...smallButton
|
|
57
|
-
},
|
|
58
|
-
"light-secondary": {
|
|
59
|
-
variant: "buttons.secondary",
|
|
60
|
-
...getColorsAndStatesByPath("buttons.lightSecondary")
|
|
61
|
-
},
|
|
62
|
-
danger: {
|
|
63
|
-
variant: "buttons.primary",
|
|
64
|
-
"&:focus, &:focus-visible": {},
|
|
65
|
-
...getColorsAndStatesByPath("buttons.danger")
|
|
66
|
-
},
|
|
67
|
-
"danger-sm": {
|
|
68
|
-
variant: "buttons.danger",
|
|
69
|
-
...smallButton
|
|
70
|
-
},
|
|
71
|
-
warning: {
|
|
72
|
-
variant: "buttons.primary",
|
|
73
|
-
"&:focus, &:focus-visible": {},
|
|
74
|
-
...getColorsAndStatesByPath("buttons.warning")
|
|
75
|
-
},
|
|
76
|
-
"warning-sm": {
|
|
77
|
-
variant: "buttons.warning",
|
|
78
|
-
...smallButton
|
|
79
|
-
},
|
|
80
|
-
close: {
|
|
81
|
-
cursor: "pointer",
|
|
82
|
-
ml: "auto",
|
|
83
|
-
mr: "2",
|
|
84
|
-
borderRadius: "buttons",
|
|
85
|
-
...getColorsAndStatesByPath("buttons.close")
|
|
86
|
-
},
|
|
87
|
-
accordion: {
|
|
88
|
-
variant: "buttons.primary",
|
|
89
|
-
"&:focus, &:focus-visible": {},
|
|
90
|
-
cursor: "pointer",
|
|
91
|
-
m: spacing(0),
|
|
92
|
-
py: responsive({ 0: 3, 4: 4 }),
|
|
93
|
-
px: responsive({ 0: 5, 4: 6 }),
|
|
94
|
-
width: "100%",
|
|
95
|
-
display: "flex",
|
|
96
|
-
alignItems: "center",
|
|
97
|
-
justifyContent: "space-between",
|
|
98
|
-
borderRadius: "buttons",
|
|
99
|
-
textAlign: "left",
|
|
100
|
-
fontFamily: "heading",
|
|
101
|
-
fontSize: "text.default",
|
|
102
|
-
textDecoration: "none",
|
|
103
|
-
textTransform: "none",
|
|
104
|
-
fontWeight: "bold",
|
|
105
|
-
border: "none",
|
|
106
|
-
transition: "background-color 300ms ease-out, color 300ms ease-out",
|
|
107
|
-
userSelect: "text",
|
|
108
|
-
"&, *": getColorsAndStatesByPath("buttons.accordion"),
|
|
109
|
-
"h2.toggleAccordionElementLabel": {
|
|
110
|
-
variant: "text.default",
|
|
111
|
-
color: "inherit",
|
|
112
|
-
margin: 0,
|
|
113
|
-
wordBreak: "break-word"
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
"accordion-primary": {
|
|
117
|
-
variant: "buttons.accordion",
|
|
118
|
-
border: "none",
|
|
119
|
-
...getColorsAndStatesByPath("buttons.accordionPrimary")
|
|
120
|
-
},
|
|
121
|
-
icon: {
|
|
122
|
-
display: "flex",
|
|
123
|
-
justifyContent: "center",
|
|
124
|
-
alignItems: "center",
|
|
125
|
-
p: spacing(0),
|
|
126
|
-
m: spacing(0),
|
|
127
|
-
bg: "secondary",
|
|
128
|
-
cursor: "pointer",
|
|
129
|
-
transition: "background-color 300ms ease-out, color 300ms ease-out",
|
|
130
|
-
borderRadius: "buttons",
|
|
131
|
-
border: "none",
|
|
132
|
-
color: "inherit",
|
|
133
|
-
...getColorsAndStatesByPath("buttons.icon"),
|
|
134
|
-
"&.isToggled": {
|
|
135
|
-
...getColorsAndStatesByPath("buttons.iconToggled")
|
|
136
|
-
}
|
|
137
|
-
},
|
|
138
|
-
"icon-primary": {
|
|
139
|
-
variant: "buttons.icon",
|
|
140
|
-
...getColorsAndStatesByPath("buttons.iconPrimary")
|
|
141
|
-
},
|
|
142
|
-
"icon-outline": {
|
|
143
|
-
variant: "buttons.icon",
|
|
144
|
-
bg: "white",
|
|
145
|
-
border: "1px solid",
|
|
146
|
-
borderRadius: "4px",
|
|
147
|
-
// border: 'none',
|
|
148
|
-
...getColorsAndStatesByPath("buttons.iconOutline")
|
|
149
|
-
},
|
|
150
|
-
"icon-outline-danger": {
|
|
151
|
-
variant: "buttons.icon",
|
|
152
|
-
border: "1px solid",
|
|
153
|
-
...getColorsAndStatesByPath("buttons.outlineDanger")
|
|
154
|
-
},
|
|
155
|
-
"icon-only": {
|
|
156
|
-
variant: "buttons.icon",
|
|
157
|
-
...getColorsAndStatesByPath("buttons.iconOnly")
|
|
158
|
-
},
|
|
159
|
-
link: {
|
|
160
|
-
variant: "inherit",
|
|
161
|
-
width: "auto",
|
|
162
|
-
border: "none",
|
|
163
|
-
background: "transparent",
|
|
164
|
-
textDecoration: "underline",
|
|
165
|
-
px: 2,
|
|
166
|
-
py: 1,
|
|
167
|
-
borderRadius: "buttons",
|
|
168
|
-
cursor: "pointer",
|
|
169
|
-
textTransform: "none",
|
|
170
|
-
transition: "background-color 300ms ease-out, color 300ms ease-out",
|
|
171
|
-
...getColorsAndStatesByPath("buttons.link")
|
|
172
|
-
},
|
|
173
|
-
"link-sm": {
|
|
174
|
-
variant: "buttons.link",
|
|
175
|
-
...smallButton
|
|
176
|
-
},
|
|
177
|
-
outline: {
|
|
178
|
-
variant: "buttons.primary",
|
|
179
|
-
borderWidth: "2px",
|
|
180
|
-
borderStyle: "solid",
|
|
181
|
-
borderRadius: "buttons",
|
|
182
|
-
"&:focus, &:focus-visible": {},
|
|
183
|
-
...getColorsAndStatesByPath("buttons.outline", {
|
|
184
|
-
states: {
|
|
185
|
-
active: false,
|
|
186
|
-
checked: false,
|
|
187
|
-
disabled: false,
|
|
188
|
-
focus: false,
|
|
189
|
-
hover: false,
|
|
190
|
-
readonly: false,
|
|
191
|
-
selected: false
|
|
192
|
-
}
|
|
193
|
-
})
|
|
194
|
-
},
|
|
195
|
-
"outline-sm": {
|
|
196
|
-
variant: "buttons.outline",
|
|
197
|
-
...smallButton
|
|
198
|
-
},
|
|
199
|
-
"transparent-sm": {
|
|
200
|
-
variant: "buttons.outline",
|
|
201
|
-
"&:focus, &:focus-visible": {},
|
|
202
|
-
bg: "transparent",
|
|
203
|
-
color: "inherit",
|
|
204
|
-
border: "none",
|
|
205
|
-
font: "inherit",
|
|
206
|
-
textTransform: "inherit",
|
|
207
|
-
...smallButton
|
|
208
|
-
},
|
|
209
|
-
"outline-danger": {
|
|
210
|
-
variant: "buttons.outline",
|
|
211
|
-
"&:focus, &:focus-visible": {},
|
|
212
|
-
...getColorsAndStatesByPath("buttons.outlineDanger")
|
|
213
|
-
},
|
|
214
|
-
"outline-danger-sm": {
|
|
215
|
-
variant: "buttons.outline-danger",
|
|
216
|
-
...smallButton
|
|
217
|
-
},
|
|
218
|
-
"outline-warning": {
|
|
219
|
-
variant: "buttons.outline",
|
|
220
|
-
"&:focus, &:focus-visible": {},
|
|
221
|
-
...getColorsAndStatesByPath("buttons.outlineWarning")
|
|
222
|
-
},
|
|
223
|
-
"outline-warning-sm": {
|
|
224
|
-
variant: "buttons.outline-warning",
|
|
225
|
-
...smallButton
|
|
226
|
-
},
|
|
227
|
-
"outline-extended": {
|
|
228
|
-
variant: "buttons.outline",
|
|
229
|
-
gridColumnStart: 1,
|
|
230
|
-
gridColumnEnd: 3,
|
|
231
|
-
width: "100%"
|
|
232
|
-
},
|
|
233
|
-
"outline-danger-extended": {
|
|
234
|
-
variant: "buttons.outline-danger",
|
|
235
|
-
gridColumnStart: 1,
|
|
236
|
-
gridColumnEnd: 3,
|
|
237
|
-
width: "100%"
|
|
238
|
-
},
|
|
239
|
-
"primary-extended": {
|
|
240
|
-
variant: "buttons.primary",
|
|
241
|
-
"&:focus, &:focus-visible": {},
|
|
242
|
-
gridColumnStart: 1,
|
|
243
|
-
gridColumnEnd: 3,
|
|
244
|
-
width: "100%"
|
|
245
|
-
},
|
|
246
|
-
query: {
|
|
247
|
-
extended: {
|
|
248
|
-
variant: "buttons.outline",
|
|
249
|
-
"&:focus, &:focus-visible": {},
|
|
250
|
-
gridColumnStart: 1,
|
|
251
|
-
gridColumnEnd: 3
|
|
252
|
-
}
|
|
253
|
-
},
|
|
254
|
-
tableAccordion: {
|
|
255
|
-
variant: "buttons.accordion",
|
|
256
|
-
fontSize: "text.default",
|
|
257
|
-
p: spacing(3),
|
|
258
|
-
wordBreak: "keep-all",
|
|
259
|
-
a: {
|
|
260
|
-
color: "background"
|
|
261
|
-
},
|
|
262
|
-
...getColorsAndStatesByPath("buttons.tableAccordion")
|
|
263
|
-
},
|
|
264
|
-
tableHeader: {
|
|
265
|
-
variant: "buttons.tableAccordion",
|
|
266
|
-
alignItems: "center",
|
|
267
|
-
justifyContent: "center",
|
|
268
|
-
height: "100%",
|
|
269
|
-
border: "none",
|
|
270
|
-
svg: {
|
|
271
|
-
ml: spacing(2)
|
|
272
|
-
},
|
|
273
|
-
...getColorsAndStatesByPath("buttons.tableHeader")
|
|
274
|
-
},
|
|
275
|
-
paper: {
|
|
276
|
-
variant: "buttons.primary",
|
|
277
|
-
borderWidth: "2px",
|
|
278
|
-
borderStyle: "solid",
|
|
279
|
-
borderRadius: "buttons",
|
|
280
|
-
...getColorsAndStatesByPath("buttons.paper")
|
|
281
|
-
},
|
|
282
|
-
"paper-sm": {
|
|
283
|
-
variant: "buttons.primary",
|
|
284
|
-
borderWidth: "2px",
|
|
285
|
-
borderStyle: "solid",
|
|
286
|
-
borderRadius: "buttons",
|
|
287
|
-
...getColorsAndStatesByPath("buttons.paper"),
|
|
288
|
-
...smallButton
|
|
289
|
-
}
|
|
290
|
-
};
|
|
291
|
-
var buttons$1 = buttons;
|
|
292
|
-
|
|
293
|
-
export { buttons$1 as default };
|
|
294
|
-
//# sourceMappingURL=buttons.js.map
|
package/dist/base/buttons.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"buttons.js","sources":["../../src/base/buttons.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { responsive, smallButton, spacing } from '../util';\nimport getColorsAndStatesByPath from './colors/util/getColorsAndStatesByPath';\n\nconst buttons: Record<string, ThemeUICSSObject> = {\n inherit: {\n color: 'inherit',\n background: 'inherit',\n border: 'none',\n borderRadius: 0,\n font: 'inherit',\n cursor: 'pointer',\n padding: 0,\n margin: 0,\n },\n collapsibleAsidePanelTitle: {\n variant: 'buttons.inherit',\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n ...getColorsAndStatesByPath('buttons.collapsibleAsidePanelTitle'),\n },\n primary: {\n borderWidth: '2px',\n borderStyle: 'solid',\n variant: 'text.default',\n py: responsive({ 0: 3, 4: 4 }),\n px: responsive({ 0: 5, 4: 6 }),\n display: 'inline-block',\n width: responsive({ 0: '100%', 1: 'auto' }),\n cursor: 'pointer',\n borderRadius: 'buttons',\n fontWeight: 'normal',\n userSelect: 'none',\n transition: 'background-color 300ms ease-out, color 300ms ease-out',\n wordBreak: 'keep-all',\n\n ...getColorsAndStatesByPath('buttons.primary'),\n\n '&:focus, &:focus-visible': {\n outlineColor: '#00daff',\n },\n },\n 'primary-sm': {\n variant: 'buttons.primary',\n '&:focus, &:focus-visible': {},\n ...smallButton,\n },\n secondary: {\n variant: 'buttons.primary',\n '&:focus, &:focus-visible': {},\n borderWidth: '0px',\n borderStyle: 'solid',\n\n ...getColorsAndStatesByPath('buttons.secondary'),\n },\n 'secondary-sm': {\n variant: 'buttons.secondary',\n ...smallButton,\n },\n 'light-secondary': {\n variant: 'buttons.secondary',\n\n ...getColorsAndStatesByPath('buttons.lightSecondary'),\n },\n danger: {\n variant: 'buttons.primary',\n '&:focus, &:focus-visible': {},\n\n ...getColorsAndStatesByPath('buttons.danger'),\n },\n 'danger-sm': {\n variant: 'buttons.danger',\n ...smallButton,\n },\n warning: {\n variant: 'buttons.primary',\n '&:focus, &:focus-visible': {},\n\n ...getColorsAndStatesByPath('buttons.warning'),\n },\n 'warning-sm': {\n variant: 'buttons.warning',\n ...smallButton,\n },\n close: {\n cursor: 'pointer',\n ml: 'auto',\n mr: '2',\n borderRadius: 'buttons',\n\n ...getColorsAndStatesByPath('buttons.close'),\n },\n accordion: {\n variant: 'buttons.primary',\n '&:focus, &:focus-visible': {},\n cursor: 'pointer',\n m: spacing(0),\n py: responsive({ 0: 3, 4: 4 }),\n px: responsive({ 0: 5, 4: 6 }),\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n borderRadius: 'buttons',\n textAlign: 'left',\n fontFamily: 'heading',\n fontSize: 'text.default',\n textDecoration: 'none',\n textTransform: 'none',\n fontWeight: 'bold',\n border: 'none',\n transition: 'background-color 300ms ease-out, color 300ms ease-out',\n userSelect: 'text',\n\n '&, *': getColorsAndStatesByPath('buttons.accordion'),\n\n 'h2.toggleAccordionElementLabel': {\n variant: 'text.default',\n\n color: 'inherit',\n margin: 0,\n wordBreak: 'break-word',\n },\n },\n 'accordion-primary': {\n variant: 'buttons.accordion',\n border: 'none',\n\n ...getColorsAndStatesByPath('buttons.accordionPrimary'),\n },\n icon: {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n p: spacing(0),\n m: spacing(0),\n bg: 'secondary',\n cursor: 'pointer',\n transition: 'background-color 300ms ease-out, color 300ms ease-out',\n borderRadius: 'buttons',\n border: 'none',\n color: 'inherit',\n ...getColorsAndStatesByPath('buttons.icon'),\n\n '&.isToggled': {\n ...getColorsAndStatesByPath('buttons.iconToggled'),\n },\n },\n 'icon-primary': {\n variant: 'buttons.icon',\n ...getColorsAndStatesByPath('buttons.iconPrimary'),\n },\n 'icon-outline': {\n variant: 'buttons.icon',\n bg: 'white',\n border: '1px solid',\n borderRadius: '4px',\n // border: 'none',\n\n ...getColorsAndStatesByPath('buttons.iconOutline'),\n },\n 'icon-outline-danger': {\n variant: 'buttons.icon',\n border: '1px solid',\n\n ...getColorsAndStatesByPath('buttons.outlineDanger'),\n },\n 'icon-only': {\n variant: 'buttons.icon',\n\n ...getColorsAndStatesByPath('buttons.iconOnly'),\n },\n link: {\n variant: 'inherit',\n width: 'auto',\n border: 'none',\n background: 'transparent',\n textDecoration: 'underline',\n px: 2,\n py: 1,\n borderRadius: 'buttons',\n cursor: 'pointer',\n textTransform: 'none',\n transition: 'background-color 300ms ease-out, color 300ms ease-out',\n\n ...getColorsAndStatesByPath('buttons.link'),\n },\n 'link-sm': {\n variant: 'buttons.link',\n ...smallButton,\n },\n outline: {\n variant: 'buttons.primary',\n borderWidth: '2px',\n borderStyle: 'solid',\n borderRadius: 'buttons',\n\n '&:focus, &:focus-visible': {},\n ...getColorsAndStatesByPath('buttons.outline', {\n states: {\n active: false,\n checked: false,\n disabled: false,\n focus: false,\n hover: false,\n readonly: false,\n selected: false,\n },\n }),\n },\n 'outline-sm': {\n variant: 'buttons.outline',\n ...smallButton,\n },\n 'transparent-sm': {\n variant: 'buttons.outline',\n '&:focus, &:focus-visible': {},\n bg: 'transparent',\n color: 'inherit',\n border: 'none',\n font: 'inherit',\n textTransform: 'inherit',\n ...smallButton,\n },\n 'outline-danger': {\n variant: 'buttons.outline',\n '&:focus, &:focus-visible': {},\n\n ...getColorsAndStatesByPath('buttons.outlineDanger'),\n },\n 'outline-danger-sm': {\n variant: 'buttons.outline-danger',\n ...smallButton,\n },\n 'outline-warning': {\n variant: 'buttons.outline',\n '&:focus, &:focus-visible': {},\n\n ...getColorsAndStatesByPath('buttons.outlineWarning'),\n },\n 'outline-warning-sm': {\n variant: 'buttons.outline-warning',\n ...smallButton,\n },\n 'outline-extended': {\n variant: 'buttons.outline',\n gridColumnStart: 1,\n gridColumnEnd: 3,\n width: '100%',\n },\n 'outline-danger-extended': {\n variant: 'buttons.outline-danger',\n gridColumnStart: 1,\n gridColumnEnd: 3,\n width: '100%',\n },\n 'primary-extended': {\n variant: 'buttons.primary',\n '&:focus, &:focus-visible': {},\n gridColumnStart: 1,\n gridColumnEnd: 3,\n width: '100%',\n },\n query: {\n extended: {\n variant: 'buttons.outline',\n '&:focus, &:focus-visible': {},\n gridColumnStart: 1,\n gridColumnEnd: 3,\n },\n },\n tableAccordion: {\n variant: 'buttons.accordion',\n fontSize: 'text.default',\n p: spacing(3),\n wordBreak: 'keep-all',\n a: {\n color: 'background',\n },\n\n ...getColorsAndStatesByPath('buttons.tableAccordion'),\n },\n tableHeader: {\n variant: 'buttons.tableAccordion',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n border: 'none',\n svg: {\n ml: spacing(2),\n },\n ...getColorsAndStatesByPath('buttons.tableHeader'),\n },\n paper: {\n variant: 'buttons.primary',\n borderWidth: '2px',\n borderStyle: 'solid',\n borderRadius: 'buttons',\n\n ...getColorsAndStatesByPath('buttons.paper'),\n },\n 'paper-sm': {\n variant: 'buttons.primary',\n borderWidth: '2px',\n borderStyle: 'solid',\n borderRadius: 'buttons',\n\n ...getColorsAndStatesByPath('buttons.paper'),\n ...smallButton,\n },\n};\n\nexport default buttons;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
import tinycolor from 'tinycolor2';
|
|
2
|
-
|
|
3
|
-
const components = (theme) => {
|
|
4
|
-
const palette = theme.palette;
|
|
5
|
-
return {
|
|
6
|
-
datagrid: {
|
|
7
|
-
borderColor: palette.background.paper,
|
|
8
|
-
header: {
|
|
9
|
-
backgroundColor: palette.background.default,
|
|
10
|
-
color: palette.text.primary,
|
|
11
|
-
borderColor: theme.palette.darkenColor(palette.border.ghost)
|
|
12
|
-
},
|
|
13
|
-
body: {
|
|
14
|
-
preventParse: true,
|
|
15
|
-
backgroundColor: palette.background.paper,
|
|
16
|
-
evenRowsBackgroundColor: palette.darkenColor(
|
|
17
|
-
palette.background.paper,
|
|
18
|
-
3
|
|
19
|
-
),
|
|
20
|
-
color: palette.text.primary,
|
|
21
|
-
borderColor: palette.gray["800"],
|
|
22
|
-
selectedRows: {
|
|
23
|
-
borderColor: palette.gray["800"],
|
|
24
|
-
backgroundColor: palette.getOneState(
|
|
25
|
-
{ backgroundColor: palette.background.paper },
|
|
26
|
-
"selected"
|
|
27
|
-
).backgroundColor,
|
|
28
|
-
color: palette.getContrastText(
|
|
29
|
-
palette.getOneState(
|
|
30
|
-
{ backgroundColor: palette.background.paper },
|
|
31
|
-
"selected"
|
|
32
|
-
).backgroundColor
|
|
33
|
-
)
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
paginationPrimary: {
|
|
38
|
-
backgroundColor: palette.primary.main,
|
|
39
|
-
icons: {
|
|
40
|
-
backgroundColor: palette.primary.main,
|
|
41
|
-
borderColor: palette.primary.main,
|
|
42
|
-
color: palette.primary.contrastText
|
|
43
|
-
},
|
|
44
|
-
pagesBox: {
|
|
45
|
-
preventParse: true,
|
|
46
|
-
backgroundColor: palette.background.paper,
|
|
47
|
-
borderColor: palette.border.field,
|
|
48
|
-
color: palette.text.primary
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
paginationSecondary: {
|
|
52
|
-
backgroundColor: palette.background.default,
|
|
53
|
-
icons: {
|
|
54
|
-
backgroundColor: palette.secondary.main,
|
|
55
|
-
borderColor: palette.secondary.main,
|
|
56
|
-
color: palette.secondary.contrastText
|
|
57
|
-
},
|
|
58
|
-
pagesBox: {
|
|
59
|
-
preventParse: true,
|
|
60
|
-
backgroundColor: palette.background.paper,
|
|
61
|
-
borderColor: palette.border.field,
|
|
62
|
-
color: palette.text.primary
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
paginationDatagrid: {
|
|
66
|
-
backgroundColor: palette.background.default,
|
|
67
|
-
icons: {
|
|
68
|
-
backgroundColor: palette.secondary.main,
|
|
69
|
-
borderColor: palette.secondary.main,
|
|
70
|
-
color: palette.secondary.contrastText
|
|
71
|
-
},
|
|
72
|
-
pagesBox: {
|
|
73
|
-
preventParse: true,
|
|
74
|
-
backgroundColor: palette.background.paper,
|
|
75
|
-
borderColor: palette.border.field,
|
|
76
|
-
color: palette.text.primary
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
primaryTable: {
|
|
80
|
-
borderColor: palette.background.paper,
|
|
81
|
-
header: {
|
|
82
|
-
backgroundColor: palette.primary.main,
|
|
83
|
-
color: palette.text.secondary,
|
|
84
|
-
borderColor: palette.primary.main
|
|
85
|
-
},
|
|
86
|
-
body: {
|
|
87
|
-
preventParse: true,
|
|
88
|
-
backgroundColor: palette.background.paper,
|
|
89
|
-
evenRowsBackgroundColor: palette.darkenColor(
|
|
90
|
-
palette.background.paper,
|
|
91
|
-
3
|
|
92
|
-
),
|
|
93
|
-
color: palette.text.primary,
|
|
94
|
-
borderColor: palette.gray["800"],
|
|
95
|
-
selectedRows: {
|
|
96
|
-
borderColor: palette.gray["800"],
|
|
97
|
-
backgroundColor: palette.getOneState(
|
|
98
|
-
{ backgroundColor: palette.background.paper },
|
|
99
|
-
"selected"
|
|
100
|
-
).backgroundColor,
|
|
101
|
-
color: palette.getContrastText(
|
|
102
|
-
palette.getOneState(
|
|
103
|
-
{ backgroundColor: palette.background.paper },
|
|
104
|
-
"selected"
|
|
105
|
-
).backgroundColor
|
|
106
|
-
)
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
cleanTable: {
|
|
111
|
-
borderColor: palette.background.paper,
|
|
112
|
-
header: {
|
|
113
|
-
backgroundColor: palette.background.paper,
|
|
114
|
-
color: palette.text.primary,
|
|
115
|
-
borderColor: palette.primary.main
|
|
116
|
-
},
|
|
117
|
-
body: {
|
|
118
|
-
preventParse: true,
|
|
119
|
-
backgroundColor: palette.background.paper,
|
|
120
|
-
borderColor: palette.border.ghost,
|
|
121
|
-
color: palette.text.primary,
|
|
122
|
-
evenRowsBackgroundColor: palette.background.paper,
|
|
123
|
-
additionalInfoButton: {
|
|
124
|
-
backgroundColor: palette.secondary.light,
|
|
125
|
-
color: "#4e4e4e",
|
|
126
|
-
borderColor: "transparent"
|
|
127
|
-
},
|
|
128
|
-
selectedRows: {
|
|
129
|
-
borderColor: palette.gray["800"],
|
|
130
|
-
backgroundColor: palette.getOneState(
|
|
131
|
-
{ backgroundColor: palette.background.paper },
|
|
132
|
-
"selected"
|
|
133
|
-
).backgroundColor,
|
|
134
|
-
color: palette.getContrastText(
|
|
135
|
-
palette.getOneState(
|
|
136
|
-
{ backgroundColor: palette.background.paper },
|
|
137
|
-
"selected"
|
|
138
|
-
).backgroundColor
|
|
139
|
-
)
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
},
|
|
143
|
-
secondaryTable: {
|
|
144
|
-
borderColor: palette.background.paper,
|
|
145
|
-
header: {
|
|
146
|
-
backgroundColor: palette.background.default,
|
|
147
|
-
color: palette.text.primary,
|
|
148
|
-
borderColor: palette.background.default
|
|
149
|
-
},
|
|
150
|
-
body: {
|
|
151
|
-
preventParse: true,
|
|
152
|
-
backgroundColor: palette.background.paper,
|
|
153
|
-
evenRowsBackgroundColor: palette.darkenColor(
|
|
154
|
-
palette.background.paper,
|
|
155
|
-
3
|
|
156
|
-
),
|
|
157
|
-
color: palette.text.primary,
|
|
158
|
-
borderColor: palette.gray["800"],
|
|
159
|
-
selectedRows: {
|
|
160
|
-
borderColor: palette.gray["800"],
|
|
161
|
-
backgroundColor: palette.getOneState(
|
|
162
|
-
{ backgroundColor: palette.background.paper },
|
|
163
|
-
"selected"
|
|
164
|
-
).backgroundColor,
|
|
165
|
-
color: palette.getContrastText(
|
|
166
|
-
palette.getOneState(
|
|
167
|
-
{ backgroundColor: palette.background.paper },
|
|
168
|
-
"selected"
|
|
169
|
-
).backgroundColor
|
|
170
|
-
)
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
},
|
|
174
|
-
/**
|
|
175
|
-
* Paneles de dashboards
|
|
176
|
-
*/
|
|
177
|
-
panel: {
|
|
178
|
-
header: {
|
|
179
|
-
color: "",
|
|
180
|
-
//components.panel.header.color
|
|
181
|
-
backgroundColor: "",
|
|
182
|
-
borderColor: ""
|
|
183
|
-
},
|
|
184
|
-
content: {
|
|
185
|
-
color: "",
|
|
186
|
-
backgroundColor: "",
|
|
187
|
-
borderColor: ""
|
|
188
|
-
},
|
|
189
|
-
footer: {
|
|
190
|
-
color: "",
|
|
191
|
-
backgroundColor: "",
|
|
192
|
-
borderColor: ""
|
|
193
|
-
}
|
|
194
|
-
},
|
|
195
|
-
desktop: {
|
|
196
|
-
windowHeader: tinycolor(theme.palette.primary.main).setAlpha(0.8).toRgbString()
|
|
197
|
-
}
|
|
198
|
-
};
|
|
199
|
-
};
|
|
200
|
-
|
|
201
|
-
export { components as default };
|
|
202
|
-
//# sourceMappingURL=components.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sources":["../../../src/base/colors/components.ts"],"sourcesContent":["import { Theme } from 'theme-ui';\nimport { TGetColorStateDefinition } from './types';\nimport tinycolor from 'tinycolor2';\n\nconst components: (\n theme: Theme,\n) => Record<string, Record<string, string | TGetColorStateDefinition>> = (\n theme: Theme,\n) => {\n const palette = theme.palette;\n\n return {\n datagrid: {\n borderColor: palette.background.paper,\n header: {\n backgroundColor: palette.background.default,\n color: palette.text.primary,\n borderColor: theme.palette.darkenColor(palette.border.ghost),\n },\n body: {\n preventParse: true,\n backgroundColor: palette.background.paper,\n evenRowsBackgroundColor: palette.darkenColor(\n palette.background.paper,\n 3,\n ),\n color: palette.text.primary,\n borderColor: palette.gray['800'],\n\n selectedRows: {\n borderColor: palette.gray['800'],\n backgroundColor: palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor,\n color: palette.getContrastText(\n palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor as string,\n ),\n },\n },\n },\n paginationPrimary: {\n backgroundColor: palette.primary.main,\n icons: {\n backgroundColor: palette.primary.main,\n borderColor: palette.primary.main,\n color: palette.primary.contrastText,\n },\n pagesBox: {\n preventParse: true,\n backgroundColor: palette.background.paper,\n borderColor: palette.border.field,\n color: palette.text.primary,\n },\n },\n paginationSecondary: {\n backgroundColor: palette.background.default,\n icons: {\n backgroundColor: palette.secondary.main,\n borderColor: palette.secondary.main,\n color: palette.secondary.contrastText,\n },\n pagesBox: {\n preventParse: true,\n backgroundColor: palette.background.paper,\n borderColor: palette.border.field,\n color: palette.text.primary,\n },\n },\n paginationDatagrid: {\n backgroundColor: palette.background.default,\n icons: {\n backgroundColor: palette.secondary.main,\n borderColor: palette.secondary.main,\n color: palette.secondary.contrastText,\n },\n pagesBox: {\n preventParse: true,\n backgroundColor: palette.background.paper,\n borderColor: palette.border.field,\n color: palette.text.primary,\n },\n },\n primaryTable: {\n borderColor: palette.background.paper,\n header: {\n backgroundColor: palette.primary.main,\n color: palette.text.secondary,\n borderColor: palette.primary.main,\n },\n body: {\n preventParse: true,\n backgroundColor: palette.background.paper,\n evenRowsBackgroundColor: palette.darkenColor(\n palette.background.paper,\n 3,\n ),\n color: palette.text.primary,\n borderColor: palette.gray['800'],\n selectedRows: {\n borderColor: palette.gray['800'],\n backgroundColor: palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor,\n color: palette.getContrastText(\n palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor as string,\n ),\n },\n },\n },\n cleanTable: {\n borderColor: palette.background.paper,\n header: {\n backgroundColor: palette.background.paper,\n color: palette.text.primary,\n borderColor: palette.primary.main,\n },\n body: {\n preventParse: true,\n\n backgroundColor: palette.background.paper,\n borderColor: palette.border.ghost,\n color: palette.text.primary,\n\n evenRowsBackgroundColor: palette.background.paper,\n additionalInfoButton: {\n backgroundColor: palette.secondary.light,\n color: '#4e4e4e',\n borderColor: 'transparent',\n },\n selectedRows: {\n borderColor: palette.gray['800'],\n backgroundColor: palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor,\n color: palette.getContrastText(\n palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor as string,\n ),\n },\n },\n },\n secondaryTable: {\n borderColor: palette.background.paper,\n header: {\n backgroundColor: palette.background.default,\n color: palette.text.primary,\n borderColor: palette.background.default,\n },\n body: {\n preventParse: true,\n backgroundColor: palette.background.paper,\n evenRowsBackgroundColor: palette.darkenColor(\n palette.background.paper,\n 3,\n ),\n color: palette.text.primary,\n borderColor: palette.gray['800'],\n\n selectedRows: {\n borderColor: palette.gray['800'],\n backgroundColor: palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor,\n color: palette.getContrastText(\n palette.getOneState(\n { backgroundColor: palette.background.paper },\n 'selected',\n ).backgroundColor as string,\n ),\n },\n },\n },\n /**\n * Paneles de dashboards\n */\n panel: {\n header: {\n color: '', //components.panel.header.color\n backgroundColor: '',\n borderColor: '',\n },\n content: {\n color: '',\n backgroundColor: '',\n borderColor: '',\n },\n footer: {\n color: '',\n backgroundColor: '',\n borderColor: '',\n },\n },\n desktop: {\n windowHeader: tinycolor(theme.palette.primary.main)\n .setAlpha(0.8)\n .toRgbString(),\n },\n };\n};\n\nexport default components;\n"],"names":[],"mappings":"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"}
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { responsive } from '../../util.js';
|
|
2
|
-
|
|
3
|
-
const actions = { dark: "#cce5ff", light: "#557" };
|
|
4
|
-
const spacingArray = Array(50).fill(1).map((_, i) => {
|
|
5
|
-
return responsive({
|
|
6
|
-
0: Math.ceil(i / 2.5),
|
|
7
|
-
1: Math.ceil(i / 2.1),
|
|
8
|
-
2: Math.ceil(i / 1.7),
|
|
9
|
-
3: Math.ceil(i / 1.3),
|
|
10
|
-
4: i
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
const defaultPalette = {
|
|
14
|
-
action: {
|
|
15
|
-
disabled: "#d9d9d9",
|
|
16
|
-
disabledOpacity: 1,
|
|
17
|
-
active: actions,
|
|
18
|
-
activeOpacity: 0.45,
|
|
19
|
-
focus: actions,
|
|
20
|
-
focusOpacity: 0.05,
|
|
21
|
-
hover: actions,
|
|
22
|
-
hoverOpacity: 0.1,
|
|
23
|
-
readonly: actions,
|
|
24
|
-
readonlyOpacity: 0.4,
|
|
25
|
-
selected: "rgb(204 214 222)",
|
|
26
|
-
selectedOpacity: 1
|
|
27
|
-
},
|
|
28
|
-
background: {
|
|
29
|
-
default: "#f4f4f4",
|
|
30
|
-
overlay: "rgba(0, 0, 0, 0.2)",
|
|
31
|
-
paper: "white"
|
|
32
|
-
},
|
|
33
|
-
border: {
|
|
34
|
-
article: "#cacaca",
|
|
35
|
-
field: "#444",
|
|
36
|
-
ghost: "#f5f5f5",
|
|
37
|
-
section: "#aaa"
|
|
38
|
-
},
|
|
39
|
-
common: {
|
|
40
|
-
black: "black",
|
|
41
|
-
white: "white"
|
|
42
|
-
},
|
|
43
|
-
info: {
|
|
44
|
-
main: "#fff"
|
|
45
|
-
},
|
|
46
|
-
primary: {
|
|
47
|
-
main: "#00496c"
|
|
48
|
-
},
|
|
49
|
-
secondary: {
|
|
50
|
-
light: "#fcfcfc",
|
|
51
|
-
main: "#6c757d"
|
|
52
|
-
},
|
|
53
|
-
spacing: (index) => {
|
|
54
|
-
return spacingArray[index];
|
|
55
|
-
},
|
|
56
|
-
text: {
|
|
57
|
-
accent: "#609",
|
|
58
|
-
disabled: "#555",
|
|
59
|
-
icon: "white",
|
|
60
|
-
link: "#00496c",
|
|
61
|
-
primary: "#4a4a4a",
|
|
62
|
-
secondary: "white",
|
|
63
|
-
title: "#00496c"
|
|
64
|
-
},
|
|
65
|
-
error: {
|
|
66
|
-
main: "rgb(187,12,15)",
|
|
67
|
-
light: "#fff2f4"
|
|
68
|
-
},
|
|
69
|
-
success: {
|
|
70
|
-
main: "#8bde8b",
|
|
71
|
-
light: "#e7ffd9"
|
|
72
|
-
},
|
|
73
|
-
warning: {
|
|
74
|
-
main: "#f8f588",
|
|
75
|
-
light: "#fffdd9"
|
|
76
|
-
},
|
|
77
|
-
darkenRatio: 15,
|
|
78
|
-
lightenRatio: 35,
|
|
79
|
-
responsive,
|
|
80
|
-
queryColumnsMultiplier: 2
|
|
81
|
-
};
|
|
82
|
-
|
|
83
|
-
export { defaultPalette as default };
|
|
84
|
-
//# sourceMappingURL=defaultPalette.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"defaultPalette.js","sources":["../../../src/base/colors/defaultPalette.ts"],"sourcesContent":["import { responsive } from '../../util';\nimport { TPalette } from './types';\n\nconst actions = { dark: '#cce5ff', light: '#557' };\nconst spacingArray = Array(50)\n .fill(1)\n .map((_, i) => {\n return responsive<number>({\n 0: Math.ceil(i / 2.5),\n 1: Math.ceil(i / 2.1),\n 2: Math.ceil(i / 1.7),\n 3: Math.ceil(i / 1.3),\n 4: i,\n });\n });\n\nconst defaultPalette: TPalette = {\n action: {\n disabled: '#d9d9d9',\n disabledOpacity: 1,\n active: actions,\n activeOpacity: 0.45,\n focus: actions,\n focusOpacity: 0.05,\n hover: actions,\n hoverOpacity: 0.1,\n readonly: actions,\n readonlyOpacity: 0.4,\n selected: 'rgb(204 214 222)',\n selectedOpacity: 1,\n },\n background: {\n default: '#f4f4f4',\n overlay: 'rgba(0, 0, 0, 0.2)',\n paper: 'white',\n },\n border: {\n article: '#cacaca',\n field: '#444',\n ghost: '#f5f5f5',\n section: '#aaa',\n },\n common: {\n black: 'black',\n white: 'white',\n },\n info: {\n main: '#fff',\n },\n primary: {\n main: '#00496c',\n },\n secondary: {\n light: '#fcfcfc',\n main: '#6c757d',\n },\n spacing: (index: number) => {\n return spacingArray[index];\n },\n text: {\n accent: '#609',\n disabled: '#555',\n icon: 'white',\n link: '#00496c',\n primary: '#4a4a4a',\n secondary: 'white',\n title: '#00496c',\n },\n error: {\n main: 'rgb(187,12,15)',\n light: '#fff2f4',\n },\n success: {\n main: '#8bde8b',\n light: '#e7ffd9',\n },\n warning: {\n main: '#f8f588',\n light: '#fffdd9',\n },\n darkenRatio: 15,\n lightenRatio: 35,\n responsive,\n queryColumnsMultiplier: 2,\n};\nexport default defaultPalette;\n"],"names":[],"mappings":"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"}
|