@ncino/styles 10.2.1 → 10.3.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/gator/themes/MUIGatorTheme.js +86 -86
- package/dist/gator/themes/components/button.js +33 -34
- package/dist/gator/themes/components/dialog.js +37 -23
- package/dist/gator/themes/components/menu.js +4 -4
- package/dist/gator/themes/components/toggle-button.js +3 -3
- package/dist/gator/themes/utils/themeConfig.js +67 -9
- package/dist/types/gator/themes/components/button.d.ts +20 -20
- package/dist/types/gator/themes/components/dialog.d.ts +28 -18
- package/dist/types/gator/themes/utils/themeConfig.d.ts +31 -0
- package/package.json +1 -1
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import * as
|
|
4
|
-
import * as
|
|
5
|
-
import * as
|
|
6
|
-
import * as
|
|
7
|
-
import * as
|
|
8
|
-
import * as
|
|
9
|
-
import * as
|
|
10
|
-
import * as
|
|
11
|
-
import * as
|
|
12
|
-
import * as
|
|
1
|
+
import * as s from "./components/accordion.js";
|
|
2
|
+
import * as m from "./components/alert.js";
|
|
3
|
+
import * as l from "./components/autocomplete.js";
|
|
4
|
+
import * as g from "./components/avatar.js";
|
|
5
|
+
import * as c from "./components/badge.js";
|
|
6
|
+
import * as h from "./components/button.js";
|
|
7
|
+
import * as p from "./components/card.js";
|
|
8
|
+
import * as f from "./components/checkbox.js";
|
|
9
|
+
import * as d from "./components/chip.js";
|
|
10
|
+
import * as y from "./components/dialog.js";
|
|
11
|
+
import * as _ from "./components/fab.js";
|
|
12
|
+
import * as b from "./components/form-control.js";
|
|
13
13
|
import * as u from "./components/menu.js";
|
|
14
|
-
import * as
|
|
15
|
-
import * as
|
|
16
|
-
import * as
|
|
17
|
-
import * as
|
|
18
|
-
import * as
|
|
19
|
-
import * as
|
|
20
|
-
import * as
|
|
14
|
+
import * as F from "./components/radio.js";
|
|
15
|
+
import * as W from "./components/select.js";
|
|
16
|
+
import * as S from "./components/switch.js";
|
|
17
|
+
import * as v from "./components/table.js";
|
|
18
|
+
import * as x from "./components/tabs.js";
|
|
19
|
+
import * as z from "./components/text-field.js";
|
|
20
|
+
import * as H from "./components/toggle-button.js";
|
|
21
21
|
import { createTheme as O } from "@mui/material/styles";
|
|
22
22
|
/* empty css */
|
|
23
23
|
/* empty css */
|
|
24
|
-
import { gatorShadows as
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
}),
|
|
24
|
+
import { gatorShadows as B, gatorBorderRadius as k, gatorSpacingScale as w, gatorTypography as t, gatorLineHeightScale as e, gatorFontSizeScale as n, gatorColorValues as o } from "./utils/themeConfig.js";
|
|
25
|
+
const M = /* @__PURE__ */ Object.assign({ "./components/accordion.ts": s, "./components/alert.ts": m, "./components/autocomplete.ts": l, "./components/avatar.ts": g, "./components/badge.ts": c, "./components/button.ts": h, "./components/card.ts": p, "./components/checkbox.ts": f, "./components/chip.ts": d, "./components/dialog.ts": y, "./components/fab.ts": _, "./components/form-control.ts": b, "./components/menu.ts": u, "./components/radio.ts": F, "./components/select.ts": W, "./components/switch.ts": S, "./components/table.ts": v, "./components/tabs.ts": x, "./components/text-field.ts": z, "./components/toggle-button.ts": H }), T = Object.values(M).reduce((i, r) => (Object.keys(r).forEach((a) => {
|
|
26
|
+
a.startsWith("MUIGator") && a.includes("Override") && Object.assign(i, r[a]);
|
|
27
|
+
}), i), {}), j = {
|
|
28
28
|
palette: {
|
|
29
29
|
mode: "light",
|
|
30
|
-
primary:
|
|
31
|
-
secondary:
|
|
30
|
+
primary: o.brand,
|
|
31
|
+
secondary: o.secondary,
|
|
32
32
|
neutral: {
|
|
33
|
-
main:
|
|
34
|
-
light:
|
|
35
|
-
dark:
|
|
33
|
+
main: o.neutral[70],
|
|
34
|
+
light: o.neutral[40],
|
|
35
|
+
dark: o.neutral[80],
|
|
36
36
|
contrastText: "#FFFFFF"
|
|
37
37
|
},
|
|
38
|
-
error:
|
|
39
|
-
success:
|
|
40
|
-
warning:
|
|
41
|
-
info:
|
|
42
|
-
ai:
|
|
43
|
-
text:
|
|
44
|
-
background:
|
|
45
|
-
divider:
|
|
38
|
+
error: o.error,
|
|
39
|
+
success: o.success,
|
|
40
|
+
warning: o.warning,
|
|
41
|
+
info: o.info,
|
|
42
|
+
ai: o.ai,
|
|
43
|
+
text: o.text,
|
|
44
|
+
background: o.background,
|
|
45
|
+
divider: o.divider,
|
|
46
46
|
action: {
|
|
47
|
-
active:
|
|
48
|
-
hover:
|
|
49
|
-
selected:
|
|
50
|
-
disabled:
|
|
51
|
-
disabledBackground:
|
|
52
|
-
focus:
|
|
47
|
+
active: o.neutral[70],
|
|
48
|
+
hover: o.neutral[10],
|
|
49
|
+
selected: o.neutral[20],
|
|
50
|
+
disabled: o.neutral[40],
|
|
51
|
+
disabledBackground: o.neutral[30],
|
|
52
|
+
focus: o.neutral[20],
|
|
53
53
|
hoverOpacity: 0.04,
|
|
54
54
|
selectedOpacity: 0.08,
|
|
55
55
|
disabledOpacity: 0.38,
|
|
@@ -63,107 +63,107 @@ const k = /* @__PURE__ */ Object.assign({ "./components/accordion.ts": a, "./com
|
|
|
63
63
|
fontWeightRegular: t.fontWeight.regular,
|
|
64
64
|
fontWeightMedium: t.fontWeight.medium,
|
|
65
65
|
fontWeightBold: t.fontWeight.semiBold,
|
|
66
|
-
// Display styles
|
|
66
|
+
// Display styles
|
|
67
67
|
h1: {
|
|
68
68
|
fontFamily: t.fontFamily.headings,
|
|
69
|
-
fontSize:
|
|
70
|
-
lineHeight:
|
|
69
|
+
fontSize: n.display1,
|
|
70
|
+
lineHeight: e.display1,
|
|
71
71
|
fontWeight: t.fontWeight.bold,
|
|
72
|
-
letterSpacing: "
|
|
72
|
+
letterSpacing: "-1px"
|
|
73
73
|
},
|
|
74
74
|
h2: {
|
|
75
75
|
fontFamily: t.fontFamily.headings,
|
|
76
|
-
fontSize:
|
|
77
|
-
lineHeight:
|
|
76
|
+
fontSize: n.display2,
|
|
77
|
+
lineHeight: e.display2,
|
|
78
78
|
fontWeight: t.fontWeight.bold,
|
|
79
|
-
letterSpacing: "
|
|
79
|
+
letterSpacing: "-1px"
|
|
80
80
|
},
|
|
81
81
|
// Heading styles
|
|
82
82
|
h3: {
|
|
83
83
|
fontFamily: t.fontFamily.headings,
|
|
84
|
-
fontSize:
|
|
85
|
-
lineHeight:
|
|
84
|
+
fontSize: n.heading1,
|
|
85
|
+
lineHeight: e.heading1,
|
|
86
86
|
fontWeight: t.fontWeight.semiBold,
|
|
87
|
-
letterSpacing:
|
|
87
|
+
letterSpacing: 0
|
|
88
88
|
},
|
|
89
89
|
h4: {
|
|
90
90
|
fontFamily: t.fontFamily.headings,
|
|
91
|
-
fontSize:
|
|
92
|
-
lineHeight:
|
|
91
|
+
fontSize: n.heading2,
|
|
92
|
+
lineHeight: e.heading2,
|
|
93
93
|
fontWeight: t.fontWeight.semiBold,
|
|
94
|
-
letterSpacing:
|
|
94
|
+
letterSpacing: 0
|
|
95
95
|
},
|
|
96
96
|
h5: {
|
|
97
97
|
fontFamily: t.fontFamily.headings,
|
|
98
|
-
fontSize:
|
|
99
|
-
lineHeight:
|
|
98
|
+
fontSize: n.heading3,
|
|
99
|
+
lineHeight: e.heading3,
|
|
100
100
|
fontWeight: t.fontWeight.semiBold,
|
|
101
|
-
letterSpacing:
|
|
101
|
+
letterSpacing: 0
|
|
102
102
|
},
|
|
103
103
|
h6: {
|
|
104
104
|
fontFamily: t.fontFamily.headings,
|
|
105
|
-
fontSize:
|
|
106
|
-
lineHeight:
|
|
105
|
+
fontSize: n.heading4,
|
|
106
|
+
lineHeight: e.heading4,
|
|
107
107
|
fontWeight: t.fontWeight.semiBold,
|
|
108
|
-
letterSpacing:
|
|
108
|
+
letterSpacing: 0
|
|
109
109
|
},
|
|
110
110
|
// Subtitle styles
|
|
111
111
|
subtitle1: {
|
|
112
112
|
fontFamily: t.fontFamily.body,
|
|
113
|
-
fontSize:
|
|
114
|
-
lineHeight:
|
|
113
|
+
fontSize: n.subtitle1,
|
|
114
|
+
lineHeight: e.subtitle1,
|
|
115
115
|
fontWeight: t.fontWeight.semiBold,
|
|
116
|
-
letterSpacing:
|
|
116
|
+
letterSpacing: 0
|
|
117
117
|
},
|
|
118
118
|
subtitle2: {
|
|
119
119
|
fontFamily: t.fontFamily.body,
|
|
120
|
-
fontSize:
|
|
121
|
-
lineHeight:
|
|
120
|
+
fontSize: n.subtitle2,
|
|
121
|
+
lineHeight: e.subtitle2,
|
|
122
122
|
fontWeight: t.fontWeight.semiBold,
|
|
123
|
-
letterSpacing:
|
|
123
|
+
letterSpacing: 0
|
|
124
124
|
},
|
|
125
125
|
// Body styles
|
|
126
126
|
body1: {
|
|
127
127
|
fontFamily: t.fontFamily.body,
|
|
128
|
-
fontSize:
|
|
129
|
-
lineHeight:
|
|
128
|
+
fontSize: n.body1,
|
|
129
|
+
lineHeight: e.body1,
|
|
130
130
|
fontWeight: t.fontWeight.regular,
|
|
131
|
-
letterSpacing:
|
|
131
|
+
letterSpacing: 0
|
|
132
132
|
},
|
|
133
133
|
body2: {
|
|
134
134
|
fontFamily: t.fontFamily.body,
|
|
135
|
-
fontSize:
|
|
136
|
-
lineHeight:
|
|
135
|
+
fontSize: n.body2,
|
|
136
|
+
lineHeight: e.body2,
|
|
137
137
|
fontWeight: t.fontWeight.regular,
|
|
138
|
-
letterSpacing:
|
|
138
|
+
letterSpacing: 0
|
|
139
139
|
},
|
|
140
140
|
// Button text
|
|
141
141
|
button: {
|
|
142
142
|
fontFamily: t.fontFamily.body,
|
|
143
|
-
fontSize:
|
|
144
|
-
lineHeight:
|
|
143
|
+
fontSize: n.body2,
|
|
144
|
+
lineHeight: e.body2,
|
|
145
145
|
fontWeight: t.fontWeight.semiBold,
|
|
146
146
|
textTransform: "none",
|
|
147
|
-
letterSpacing:
|
|
147
|
+
letterSpacing: 0
|
|
148
148
|
},
|
|
149
149
|
// Caption and overline
|
|
150
150
|
caption: {
|
|
151
151
|
fontFamily: t.fontFamily.body,
|
|
152
|
-
fontSize:
|
|
153
|
-
lineHeight:
|
|
152
|
+
fontSize: n.body3,
|
|
153
|
+
lineHeight: e.body3,
|
|
154
154
|
fontWeight: t.fontWeight.regular,
|
|
155
|
-
letterSpacing:
|
|
155
|
+
letterSpacing: 0
|
|
156
156
|
}
|
|
157
157
|
},
|
|
158
|
-
spacing:
|
|
158
|
+
spacing: (i) => w[i] ?? `${i * 8}px`,
|
|
159
159
|
shape: {
|
|
160
|
-
borderRadius:
|
|
160
|
+
borderRadius: k.xsmall
|
|
161
161
|
},
|
|
162
|
-
shadows:
|
|
162
|
+
shadows: B,
|
|
163
163
|
// Component-specific default props
|
|
164
164
|
components: {
|
|
165
165
|
// Component overrides
|
|
166
|
-
...
|
|
166
|
+
...T,
|
|
167
167
|
// Additional component overrides not in separate files
|
|
168
168
|
MuiLink: {
|
|
169
169
|
styleOverrides: {
|
|
@@ -178,8 +178,8 @@ const k = /* @__PURE__ */ Object.assign({ "./components/accordion.ts": a, "./com
|
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
|
-
},
|
|
181
|
+
}, I = O(j);
|
|
182
182
|
export {
|
|
183
|
-
|
|
184
|
-
|
|
183
|
+
I as default,
|
|
184
|
+
I as gatorMUITheme
|
|
185
185
|
};
|
|
@@ -1,64 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
const r = {
|
|
1
|
+
const t = {
|
|
3
2
|
MuiButton: {
|
|
4
3
|
defaultProps: {
|
|
5
4
|
disableRipple: !0
|
|
6
5
|
},
|
|
7
6
|
styleOverrides: {
|
|
8
|
-
root: {
|
|
7
|
+
root: ({ theme: o }) => ({
|
|
9
8
|
textTransform: "none",
|
|
10
|
-
fontWeight: o.
|
|
9
|
+
fontWeight: o.typography.fontWeightBold,
|
|
11
10
|
"&.Mui-focusVisible": {
|
|
12
11
|
boxShadow: "none",
|
|
13
|
-
outline:
|
|
12
|
+
outline: `2px solid ${o.palette.text.primary}`,
|
|
14
13
|
outlineOffset: "2px"
|
|
15
14
|
},
|
|
16
15
|
"&:hover": {
|
|
17
|
-
boxShadow:
|
|
16
|
+
boxShadow: o.shadows[2]
|
|
18
17
|
}
|
|
19
|
-
},
|
|
20
|
-
sizeLarge: {
|
|
18
|
+
}),
|
|
19
|
+
sizeLarge: ({ theme: o }) => ({
|
|
21
20
|
height: "3rem",
|
|
22
21
|
minWidth: "6rem",
|
|
23
|
-
padding:
|
|
24
|
-
fontSize:
|
|
25
|
-
lineHeight:
|
|
26
|
-
},
|
|
27
|
-
sizeMedium: {
|
|
22
|
+
padding: `0 ${o.spacing(8)}`,
|
|
23
|
+
fontSize: o.typography.body1.fontSize,
|
|
24
|
+
lineHeight: o.typography.body1.lineHeight
|
|
25
|
+
}),
|
|
26
|
+
sizeMedium: ({ theme: o }) => ({
|
|
28
27
|
height: "2.25rem",
|
|
29
28
|
minWidth: "4rem",
|
|
30
|
-
padding:
|
|
31
|
-
fontSize:
|
|
32
|
-
lineHeight:
|
|
33
|
-
},
|
|
34
|
-
sizeSmall: {
|
|
29
|
+
padding: `0 ${o.spacing(8)}`,
|
|
30
|
+
fontSize: o.typography.body2.fontSize,
|
|
31
|
+
lineHeight: o.typography.body2.lineHeight
|
|
32
|
+
}),
|
|
33
|
+
sizeSmall: ({ theme: o }) => ({
|
|
35
34
|
height: "1.75rem",
|
|
36
35
|
minWidth: "3.5rem",
|
|
37
|
-
padding:
|
|
38
|
-
fontSize:
|
|
39
|
-
lineHeight:
|
|
40
|
-
},
|
|
36
|
+
padding: `0 ${o.spacing(7)}`,
|
|
37
|
+
fontSize: o.typography.caption.fontSize,
|
|
38
|
+
lineHeight: o.typography.caption.lineHeight
|
|
39
|
+
}),
|
|
41
40
|
contained: {
|
|
42
41
|
boxShadow: "none"
|
|
43
42
|
},
|
|
44
|
-
outlinedPrimary: {
|
|
45
|
-
borderColor:
|
|
46
|
-
},
|
|
47
|
-
colorNeutral: {
|
|
48
|
-
backgroundColor:
|
|
49
|
-
},
|
|
50
|
-
text: {
|
|
51
|
-
color:
|
|
43
|
+
outlinedPrimary: ({ theme: o }) => ({
|
|
44
|
+
borderColor: o.palette.primary.main
|
|
45
|
+
}),
|
|
46
|
+
colorNeutral: ({ theme: o }) => ({
|
|
47
|
+
backgroundColor: o.palette.action.disabledBackground
|
|
48
|
+
}),
|
|
49
|
+
text: ({ theme: o }) => ({
|
|
50
|
+
color: o.palette.primary.main,
|
|
52
51
|
textDecoration: "underline",
|
|
53
|
-
textDecorationColor:
|
|
52
|
+
textDecorationColor: o.palette.divider,
|
|
54
53
|
textUnderlineOffset: "4px",
|
|
55
54
|
"&:hover": {
|
|
56
55
|
boxShadow: "none",
|
|
57
56
|
textDecoration: "underline",
|
|
58
|
-
textDecorationColor:
|
|
57
|
+
textDecorationColor: o.palette.primary.dark,
|
|
59
58
|
backgroundColor: "transparent"
|
|
60
59
|
}
|
|
61
|
-
},
|
|
60
|
+
}),
|
|
62
61
|
loading: {
|
|
63
62
|
textDecoration: "none"
|
|
64
63
|
}
|
|
@@ -66,5 +65,5 @@ const r = {
|
|
|
66
65
|
}
|
|
67
66
|
};
|
|
68
67
|
export {
|
|
69
|
-
|
|
68
|
+
t as MUIGatorButtonOverrides
|
|
70
69
|
};
|
|
@@ -1,52 +1,66 @@
|
|
|
1
|
-
const
|
|
1
|
+
const a = {
|
|
2
2
|
MuiDialog: {
|
|
3
3
|
defaultProps: {
|
|
4
4
|
fullWidth: !0
|
|
5
5
|
},
|
|
6
6
|
styleOverrides: {
|
|
7
|
-
paper: {
|
|
8
|
-
background:
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
paper: ({ theme: i }) => ({
|
|
8
|
+
background: i.palette.background.default,
|
|
9
|
+
borderRadius: i.shape.borderRadius * 8
|
|
10
|
+
// --border-radius-x-large (16px)
|
|
11
|
+
}),
|
|
12
|
+
paperFullScreen: ({ theme: i }) => ({
|
|
13
|
+
borderRadius: 0,
|
|
11
14
|
".MuiDialogTitle-root": {
|
|
12
|
-
textAlign: "center"
|
|
15
|
+
textAlign: "center",
|
|
16
|
+
paddingLeft: i.spacing(13)
|
|
17
|
+
// offset for close button to center title
|
|
13
18
|
},
|
|
14
19
|
".MuiDialogActions-root": {
|
|
15
|
-
background:
|
|
16
|
-
padding:
|
|
20
|
+
background: i.palette.background.paper,
|
|
21
|
+
padding: i.spacing(10),
|
|
17
22
|
justifyContent: "center"
|
|
18
23
|
}
|
|
19
|
-
}
|
|
24
|
+
})
|
|
20
25
|
}
|
|
21
26
|
},
|
|
22
27
|
MuiDialogTitle: {
|
|
23
28
|
styleOverrides: {
|
|
24
|
-
root: {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
root: ({ theme: i }) => ({
|
|
30
|
+
display: "flex",
|
|
31
|
+
justifyContent: "space-between",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
background: i.palette.background.paper,
|
|
34
|
+
fontFamily: i.typography.h5.fontFamily,
|
|
35
|
+
fontSize: i.typography.h5.fontSize,
|
|
36
|
+
lineHeight: i.typography.h5.lineHeight,
|
|
37
|
+
fontWeight: i.typography.h5.fontWeight,
|
|
38
|
+
padding: i.spacing(10)
|
|
39
|
+
})
|
|
30
40
|
}
|
|
31
41
|
},
|
|
32
42
|
MuiDialogContent: {
|
|
33
43
|
styleOverrides: {
|
|
34
|
-
root: {
|
|
44
|
+
root: ({ theme: i }) => ({
|
|
35
45
|
// important necessary to override title adding a padding-top
|
|
36
|
-
padding:
|
|
37
|
-
fontSize:
|
|
38
|
-
lineHeight:
|
|
39
|
-
}
|
|
46
|
+
padding: `${i.spacing(10)} ${i.spacing(10)} ${i.spacing(11)} ${i.spacing(10)} !important`,
|
|
47
|
+
fontSize: i.typography.body2.fontSize,
|
|
48
|
+
lineHeight: i.typography.body2.lineHeight
|
|
49
|
+
})
|
|
40
50
|
}
|
|
41
51
|
},
|
|
42
52
|
MuiDialogActions: {
|
|
43
53
|
styleOverrides: {
|
|
44
54
|
root: ({ theme: i }) => ({
|
|
45
|
-
padding:
|
|
55
|
+
padding: i.spacing(10),
|
|
56
|
+
gap: i.spacing(8),
|
|
57
|
+
"& > :not(style) ~ :not(style)": {
|
|
58
|
+
marginLeft: 0
|
|
59
|
+
},
|
|
46
60
|
// Vertical on mobile
|
|
47
61
|
[i.breakpoints.down("sm")]: {
|
|
48
62
|
flexDirection: "column",
|
|
49
|
-
gap:
|
|
63
|
+
gap: i.spacing(5),
|
|
50
64
|
"& > *": {
|
|
51
65
|
width: "100%",
|
|
52
66
|
margin: "0 !important"
|
|
@@ -57,5 +71,5 @@ const r = {
|
|
|
57
71
|
}
|
|
58
72
|
};
|
|
59
73
|
export {
|
|
60
|
-
|
|
74
|
+
a as MUIGatorDialogOverrides
|
|
61
75
|
};
|
|
@@ -6,14 +6,14 @@ const r = {
|
|
|
6
6
|
styleOverrides: {
|
|
7
7
|
paper: ({ theme: o }) => ({
|
|
8
8
|
maxWidth: "16rem",
|
|
9
|
-
marginTop: o.spacing(
|
|
9
|
+
marginTop: o.spacing(3),
|
|
10
10
|
borderRadius: o.shape.borderRadius * 4,
|
|
11
11
|
boxShadow: o.shadows[3],
|
|
12
12
|
backgroundColor: o.palette.background.default,
|
|
13
13
|
backgroundImage: "none"
|
|
14
14
|
}),
|
|
15
15
|
list: ({ theme: o }) => ({
|
|
16
|
-
padding: `${o.spacing(
|
|
16
|
+
padding: `${o.spacing(5)} 0`
|
|
17
17
|
})
|
|
18
18
|
}
|
|
19
19
|
},
|
|
@@ -27,7 +27,7 @@ const r = {
|
|
|
27
27
|
fontSize: o.typography.body1.fontSize,
|
|
28
28
|
lineHeight: o.typography.body1.lineHeight,
|
|
29
29
|
color: o.palette.text.primary,
|
|
30
|
-
padding: `${o.spacing(
|
|
30
|
+
padding: `${o.spacing(5)} ${o.spacing(8)}`,
|
|
31
31
|
minHeight: "unset",
|
|
32
32
|
"&:hover": {
|
|
33
33
|
backgroundColor: o.palette.primary.light
|
|
@@ -55,7 +55,7 @@ const r = {
|
|
|
55
55
|
styleOverrides: {
|
|
56
56
|
root: ({ theme: o }) => ({
|
|
57
57
|
borderColor: o.palette.divider,
|
|
58
|
-
margin: `${o.spacing(
|
|
58
|
+
margin: `${o.spacing(3)} 0`
|
|
59
59
|
})
|
|
60
60
|
}
|
|
61
61
|
}
|
|
@@ -65,19 +65,19 @@ const t = {
|
|
|
65
65
|
}),
|
|
66
66
|
sizeLarge: ({ theme: o }) => ({
|
|
67
67
|
height: "3rem",
|
|
68
|
-
padding: `${o.spacing(
|
|
68
|
+
padding: `${o.spacing(7)} ${o.spacing(8)}`,
|
|
69
69
|
fontSize: o.typography.body1.fontSize,
|
|
70
70
|
lineHeight: o.typography.body1.lineHeight
|
|
71
71
|
}),
|
|
72
72
|
sizeMedium: ({ theme: o }) => ({
|
|
73
73
|
height: "2.25rem",
|
|
74
|
-
padding: `${o.spacing(
|
|
74
|
+
padding: `${o.spacing(6)} ${o.spacing(8)}`,
|
|
75
75
|
fontSize: o.typography.body2.fontSize,
|
|
76
76
|
lineHeight: o.typography.body2.lineHeight
|
|
77
77
|
}),
|
|
78
78
|
sizeSmall: ({ theme: o }) => ({
|
|
79
79
|
height: "1.75rem",
|
|
80
|
-
padding: `${o.spacing(
|
|
80
|
+
padding: `${o.spacing(4)} ${o.spacing(7)}`,
|
|
81
81
|
fontSize: o.typography.caption.fontSize,
|
|
82
82
|
lineHeight: o.typography.caption.lineHeight
|
|
83
83
|
})
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const e = {
|
|
2
2
|
brand: {
|
|
3
3
|
main: "#103656",
|
|
4
4
|
// --color-brand-30
|
|
@@ -114,7 +114,63 @@ const F = {
|
|
|
114
114
|
semiBold: 600,
|
|
115
115
|
bold: 700
|
|
116
116
|
}
|
|
117
|
-
}, a =
|
|
117
|
+
}, a = {
|
|
118
|
+
display1: "4.5rem",
|
|
119
|
+
// --font-size-display-1: 72px
|
|
120
|
+
display2: "4rem",
|
|
121
|
+
// --font-size-display-2: 64px
|
|
122
|
+
heading1: "2.5rem",
|
|
123
|
+
// --font-size-heading-1: 40px
|
|
124
|
+
heading2: "2rem",
|
|
125
|
+
// --font-size-heading-2: 32px
|
|
126
|
+
heading3: "1.625rem",
|
|
127
|
+
// --font-size-heading-3: 26px
|
|
128
|
+
heading4: "1.375rem",
|
|
129
|
+
// --font-size-heading-4: 22px
|
|
130
|
+
heading5: "1.25rem",
|
|
131
|
+
// --font-size-heading-5: 20px
|
|
132
|
+
heading6: "1.125rem",
|
|
133
|
+
// --font-size-heading-6: 18px
|
|
134
|
+
subtitle1: "1.0625rem",
|
|
135
|
+
// --font-size-subtitle-1: 17px
|
|
136
|
+
subtitle2: "0.9375rem",
|
|
137
|
+
// --font-size-subtitle-2: 15px
|
|
138
|
+
subtitle3: "0.8125rem",
|
|
139
|
+
// --font-size-subtitle-3: 13px
|
|
140
|
+
body1: "1.0625rem",
|
|
141
|
+
// --font-size-body-1: 17px
|
|
142
|
+
body2: "0.9375rem",
|
|
143
|
+
// --font-size-body-2: 15px
|
|
144
|
+
body3: "0.8125rem"
|
|
145
|
+
// --font-size-body-3: 13px
|
|
146
|
+
}, F = {
|
|
147
|
+
display1: "5.625rem",
|
|
148
|
+
// --line-height-display-1: 90px
|
|
149
|
+
display2: "4.875rem",
|
|
150
|
+
// --line-height-display-2: 78px
|
|
151
|
+
heading1: "3.125rem",
|
|
152
|
+
// --line-height-heading-1: 50px
|
|
153
|
+
heading2: "2.625rem",
|
|
154
|
+
// --line-height-heading-2: 42px
|
|
155
|
+
heading3: "2.25rem",
|
|
156
|
+
// --line-height-heading-3: 36px
|
|
157
|
+
heading4: "2rem",
|
|
158
|
+
// --line-height-heading-4: 32px
|
|
159
|
+
heading5: "1.875rem",
|
|
160
|
+
// --line-height-heading-5: 30px
|
|
161
|
+
heading6: "1.875rem",
|
|
162
|
+
// --line-height-heading-6: 30px
|
|
163
|
+
subtitle1: "1.5rem",
|
|
164
|
+
// --line-height-subtitle-1: 24px
|
|
165
|
+
subtitle2: "1.375rem",
|
|
166
|
+
// --line-height-subtitle-2: 22px
|
|
167
|
+
body1: "1.5rem",
|
|
168
|
+
// --line-height-body-1: 24px
|
|
169
|
+
body2: "1.375rem",
|
|
170
|
+
// --line-height-body-2: 22px
|
|
171
|
+
body3: "1.125rem"
|
|
172
|
+
// --line-height-body-3: 18px
|
|
173
|
+
}, t = 8, m = {
|
|
118
174
|
0: "0",
|
|
119
175
|
// --spacing-0: 0px
|
|
120
176
|
1: "0.0625rem",
|
|
@@ -153,7 +209,7 @@ const F = {
|
|
|
153
209
|
// --spacing-17: 80px
|
|
154
210
|
18: "7.5rem"
|
|
155
211
|
// --spacing-18: 120px
|
|
156
|
-
},
|
|
212
|
+
}, p = {
|
|
157
213
|
none: 0,
|
|
158
214
|
// --border-radius-no-radius
|
|
159
215
|
xsmall: 2,
|
|
@@ -172,7 +228,7 @@ const F = {
|
|
|
172
228
|
// --border-radius-xxx-large (2rem = 32px)
|
|
173
229
|
circle: 9999
|
|
174
230
|
// --border-radius-circle
|
|
175
|
-
},
|
|
231
|
+
}, x = [
|
|
176
232
|
"none",
|
|
177
233
|
// shadow-1-card
|
|
178
234
|
"0 1px 1.5px 0px rgba(31, 31, 31, 0.04), 0 2px 5px 0px rgba(31, 31, 31, 0.05), 0 3px 9px 6px rgba(31, 31, 31, 0.08)",
|
|
@@ -186,10 +242,12 @@ const F = {
|
|
|
186
242
|
...Array(20).fill("0 9px 15px 0px rgba(31, 31, 31, 0.05), 0 10px 20px 0px rgba(31, 31, 31, 0.08), 0 9px 20px 0px rgba(31, 31, 31, 0.10)")
|
|
187
243
|
];
|
|
188
244
|
export {
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
245
|
+
p as gatorBorderRadius,
|
|
246
|
+
e as gatorColorValues,
|
|
247
|
+
a as gatorFontSizeScale,
|
|
248
|
+
F as gatorLineHeightScale,
|
|
249
|
+
x as gatorShadows,
|
|
250
|
+
t as gatorSpacing,
|
|
251
|
+
m as gatorSpacingScale,
|
|
194
252
|
r as gatorTypography
|
|
195
253
|
};
|
|
@@ -4,57 +4,57 @@ export declare const MUIGatorButtonOverrides: {
|
|
|
4
4
|
disableRipple: boolean;
|
|
5
5
|
};
|
|
6
6
|
styleOverrides: {
|
|
7
|
-
root: {
|
|
7
|
+
root: ({ theme }: any) => {
|
|
8
8
|
textTransform: string;
|
|
9
|
-
fontWeight:
|
|
9
|
+
fontWeight: any;
|
|
10
10
|
'&.Mui-focusVisible': {
|
|
11
11
|
boxShadow: string;
|
|
12
12
|
outline: string;
|
|
13
13
|
outlineOffset: string;
|
|
14
14
|
};
|
|
15
15
|
'&:hover': {
|
|
16
|
-
boxShadow:
|
|
16
|
+
boxShadow: any;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
|
-
sizeLarge: {
|
|
19
|
+
sizeLarge: ({ theme }: any) => {
|
|
20
20
|
height: string;
|
|
21
21
|
minWidth: string;
|
|
22
22
|
padding: string;
|
|
23
|
-
fontSize:
|
|
24
|
-
lineHeight:
|
|
23
|
+
fontSize: any;
|
|
24
|
+
lineHeight: any;
|
|
25
25
|
};
|
|
26
|
-
sizeMedium: {
|
|
26
|
+
sizeMedium: ({ theme }: any) => {
|
|
27
27
|
height: string;
|
|
28
28
|
minWidth: string;
|
|
29
29
|
padding: string;
|
|
30
|
-
fontSize:
|
|
31
|
-
lineHeight:
|
|
30
|
+
fontSize: any;
|
|
31
|
+
lineHeight: any;
|
|
32
32
|
};
|
|
33
|
-
sizeSmall: {
|
|
33
|
+
sizeSmall: ({ theme }: any) => {
|
|
34
34
|
height: string;
|
|
35
35
|
minWidth: string;
|
|
36
36
|
padding: string;
|
|
37
|
-
fontSize:
|
|
38
|
-
lineHeight:
|
|
37
|
+
fontSize: any;
|
|
38
|
+
lineHeight: any;
|
|
39
39
|
};
|
|
40
40
|
contained: {
|
|
41
41
|
boxShadow: string;
|
|
42
42
|
};
|
|
43
|
-
outlinedPrimary: {
|
|
44
|
-
borderColor:
|
|
43
|
+
outlinedPrimary: ({ theme }: any) => {
|
|
44
|
+
borderColor: any;
|
|
45
45
|
};
|
|
46
|
-
colorNeutral: {
|
|
47
|
-
backgroundColor:
|
|
46
|
+
colorNeutral: ({ theme }: any) => {
|
|
47
|
+
backgroundColor: any;
|
|
48
48
|
};
|
|
49
|
-
text: {
|
|
50
|
-
color:
|
|
49
|
+
text: ({ theme }: any) => {
|
|
50
|
+
color: any;
|
|
51
51
|
textDecoration: string;
|
|
52
|
-
textDecorationColor:
|
|
52
|
+
textDecorationColor: any;
|
|
53
53
|
textUnderlineOffset: string;
|
|
54
54
|
'&:hover': {
|
|
55
55
|
boxShadow: string;
|
|
56
56
|
textDecoration: string;
|
|
57
|
-
textDecorationColor:
|
|
57
|
+
textDecorationColor: any;
|
|
58
58
|
backgroundColor: string;
|
|
59
59
|
};
|
|
60
60
|
};
|
|
@@ -4,16 +4,19 @@ export declare const MUIGatorDialogOverrides: {
|
|
|
4
4
|
fullWidth: boolean;
|
|
5
5
|
};
|
|
6
6
|
styleOverrides: {
|
|
7
|
-
paper: {
|
|
8
|
-
background:
|
|
7
|
+
paper: ({ theme }: any) => {
|
|
8
|
+
background: any;
|
|
9
|
+
borderRadius: number;
|
|
9
10
|
};
|
|
10
|
-
paperFullScreen: {
|
|
11
|
+
paperFullScreen: ({ theme }: any) => {
|
|
12
|
+
borderRadius: number;
|
|
11
13
|
'.MuiDialogTitle-root': {
|
|
12
14
|
textAlign: string;
|
|
15
|
+
paddingLeft: any;
|
|
13
16
|
};
|
|
14
17
|
'.MuiDialogActions-root': {
|
|
15
|
-
background:
|
|
16
|
-
padding:
|
|
18
|
+
background: any;
|
|
19
|
+
padding: any;
|
|
17
20
|
justifyContent: string;
|
|
18
21
|
};
|
|
19
22
|
};
|
|
@@ -21,37 +24,44 @@ export declare const MUIGatorDialogOverrides: {
|
|
|
21
24
|
};
|
|
22
25
|
MuiDialogTitle: {
|
|
23
26
|
styleOverrides: {
|
|
24
|
-
root: {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
root: ({ theme }: any) => {
|
|
28
|
+
display: string;
|
|
29
|
+
justifyContent: string;
|
|
30
|
+
alignItems: string;
|
|
31
|
+
background: any;
|
|
32
|
+
fontFamily: any;
|
|
33
|
+
fontSize: any;
|
|
34
|
+
lineHeight: any;
|
|
35
|
+
fontWeight: any;
|
|
36
|
+
padding: any;
|
|
29
37
|
};
|
|
30
38
|
};
|
|
31
39
|
};
|
|
32
40
|
MuiDialogContent: {
|
|
33
41
|
styleOverrides: {
|
|
34
|
-
root: {
|
|
42
|
+
root: ({ theme }: any) => {
|
|
35
43
|
padding: string;
|
|
36
|
-
fontSize:
|
|
37
|
-
lineHeight:
|
|
44
|
+
fontSize: any;
|
|
45
|
+
lineHeight: any;
|
|
38
46
|
};
|
|
39
47
|
};
|
|
40
48
|
};
|
|
41
49
|
MuiDialogActions: {
|
|
42
50
|
styleOverrides: {
|
|
43
|
-
root: ({ theme }: {
|
|
44
|
-
theme: any;
|
|
45
|
-
}) => {
|
|
51
|
+
root: ({ theme }: any) => {
|
|
46
52
|
[x: number]: {
|
|
47
53
|
flexDirection: string;
|
|
48
|
-
gap:
|
|
54
|
+
gap: any;
|
|
49
55
|
'& > *': {
|
|
50
56
|
width: string;
|
|
51
57
|
margin: string;
|
|
52
58
|
};
|
|
53
59
|
};
|
|
54
|
-
padding:
|
|
60
|
+
padding: any;
|
|
61
|
+
gap: any;
|
|
62
|
+
'& > :not(style) ~ :not(style)': {
|
|
63
|
+
marginLeft: number;
|
|
64
|
+
};
|
|
55
65
|
};
|
|
56
66
|
};
|
|
57
67
|
};
|
|
@@ -77,6 +77,37 @@ export declare const gatorTypography: {
|
|
|
77
77
|
bold: number;
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
+
export declare const gatorFontSizeScale: {
|
|
81
|
+
display1: string;
|
|
82
|
+
display2: string;
|
|
83
|
+
heading1: string;
|
|
84
|
+
heading2: string;
|
|
85
|
+
heading3: string;
|
|
86
|
+
heading4: string;
|
|
87
|
+
heading5: string;
|
|
88
|
+
heading6: string;
|
|
89
|
+
subtitle1: string;
|
|
90
|
+
subtitle2: string;
|
|
91
|
+
subtitle3: string;
|
|
92
|
+
body1: string;
|
|
93
|
+
body2: string;
|
|
94
|
+
body3: string;
|
|
95
|
+
};
|
|
96
|
+
export declare const gatorLineHeightScale: {
|
|
97
|
+
display1: string;
|
|
98
|
+
display2: string;
|
|
99
|
+
heading1: string;
|
|
100
|
+
heading2: string;
|
|
101
|
+
heading3: string;
|
|
102
|
+
heading4: string;
|
|
103
|
+
heading5: string;
|
|
104
|
+
heading6: string;
|
|
105
|
+
subtitle1: string;
|
|
106
|
+
subtitle2: string;
|
|
107
|
+
body1: string;
|
|
108
|
+
body2: string;
|
|
109
|
+
body3: string;
|
|
110
|
+
};
|
|
80
111
|
export declare const gatorSpacing = 8;
|
|
81
112
|
export declare const gatorSpacingScale: {
|
|
82
113
|
0: string;
|
package/package.json
CHANGED