@spesia/ui 1.10.1 → 1.10.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/styles/tab/tab.js +31 -16
- package/package.json +1 -1
package/dist/styles/tab/tab.js
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { colors as
|
|
2
|
-
const
|
|
1
|
+
import { colors as n } from "../colors.js";
|
|
2
|
+
const d = {
|
|
3
3
|
MuiTab: {
|
|
4
4
|
styleOverrides: {
|
|
5
5
|
root: ({ theme: t }) => {
|
|
6
|
-
var a,
|
|
6
|
+
var a, o, r, i;
|
|
7
7
|
return {
|
|
8
8
|
color: t.vars.palette.text.primary,
|
|
9
9
|
borderRadius: 0,
|
|
10
|
-
padding:
|
|
10
|
+
padding: 0,
|
|
11
|
+
paddingTop: 12,
|
|
11
12
|
marginRight: t.spacing(6),
|
|
12
13
|
textTransform: "initial",
|
|
13
14
|
display: "flex",
|
|
@@ -34,7 +35,9 @@ const s = {
|
|
|
34
35
|
},
|
|
35
36
|
".MuiTabs-buttons &": {
|
|
36
37
|
color: t.vars.palette.text.secondary,
|
|
37
|
-
padding:
|
|
38
|
+
padding: 28,
|
|
39
|
+
paddingTop: 0,
|
|
40
|
+
paddingBottom: 0,
|
|
38
41
|
fontSize: 40,
|
|
39
42
|
display: "flex",
|
|
40
43
|
alignItems: "center",
|
|
@@ -46,12 +49,19 @@ const s = {
|
|
|
46
49
|
opacity: 1,
|
|
47
50
|
"&.Mui-selected": {
|
|
48
51
|
background: (a = t.vars) == null ? void 0 : a.palette.background.brownBold,
|
|
49
|
-
color: (
|
|
52
|
+
color: (o = t.vars) == null ? void 0 : o.palette.text.contrastText
|
|
53
|
+
},
|
|
54
|
+
"@media (max-width: 599px)": {
|
|
55
|
+
padding: 12,
|
|
56
|
+
paddingTop: 0,
|
|
57
|
+
paddingBottom: 0
|
|
50
58
|
}
|
|
51
59
|
},
|
|
52
60
|
".MuiTabs-rounded &": {
|
|
53
61
|
color: t.vars.palette.text.secondary,
|
|
54
|
-
padding:
|
|
62
|
+
padding: 28,
|
|
63
|
+
paddingTop: 0,
|
|
64
|
+
paddingBottom: 0,
|
|
55
65
|
minHeight: 35,
|
|
56
66
|
fontSize: 14,
|
|
57
67
|
display: "flex",
|
|
@@ -63,15 +73,20 @@ const s = {
|
|
|
63
73
|
borderRadius: t.spacing(8),
|
|
64
74
|
opacity: 1,
|
|
65
75
|
"&.Mui-selected": {
|
|
66
|
-
color: (
|
|
76
|
+
color: (r = t.vars) == null ? void 0 : r.palette.background.brownBold,
|
|
67
77
|
background: (i = t.vars) == null ? void 0 : i.palette.text.contrastText
|
|
78
|
+
},
|
|
79
|
+
"@media (max-width: 599px)": {
|
|
80
|
+
padding: 12,
|
|
81
|
+
paddingTop: 0,
|
|
82
|
+
paddingBottom: 0
|
|
68
83
|
}
|
|
69
84
|
}
|
|
70
85
|
};
|
|
71
86
|
}
|
|
72
87
|
}
|
|
73
88
|
}
|
|
74
|
-
},
|
|
89
|
+
}, s = {
|
|
75
90
|
MuiTabs: {
|
|
76
91
|
styleOverrides: {
|
|
77
92
|
root: () => ({}),
|
|
@@ -82,14 +97,14 @@ const s = {
|
|
|
82
97
|
}
|
|
83
98
|
}),
|
|
84
99
|
list: ({ theme: t }) => {
|
|
85
|
-
var a,
|
|
100
|
+
var a, o, r;
|
|
86
101
|
return {
|
|
87
102
|
counterReset: "MuiTab-root",
|
|
88
103
|
".MuiTabs-buttons &": {
|
|
89
104
|
backgroundColor: (a = t.vars) == null ? void 0 : a.palette.background.paper,
|
|
90
105
|
borderRadius: t.spacing(2),
|
|
91
106
|
border: "1px solid",
|
|
92
|
-
borderColor: (
|
|
107
|
+
borderColor: (o = t == null ? void 0 : t.vars) == null ? void 0 : o.palette.border.primary,
|
|
93
108
|
display: "flex",
|
|
94
109
|
alignItems: "center",
|
|
95
110
|
justifyContent: "flex-start",
|
|
@@ -97,7 +112,7 @@ const s = {
|
|
|
97
112
|
padding: 4
|
|
98
113
|
},
|
|
99
114
|
".MuiTabs-rounded &": {
|
|
100
|
-
backgroundColor: (
|
|
115
|
+
backgroundColor: (r = t.vars) == null ? void 0 : r.palette.background.alphaBrown,
|
|
101
116
|
borderRadius: t.spacing(8),
|
|
102
117
|
border: "0px solid",
|
|
103
118
|
display: "flex",
|
|
@@ -109,7 +124,7 @@ const s = {
|
|
|
109
124
|
};
|
|
110
125
|
},
|
|
111
126
|
indicator: (t) => ({
|
|
112
|
-
backgroundColor:
|
|
127
|
+
backgroundColor: n.primary.beige[10],
|
|
113
128
|
height: "5px",
|
|
114
129
|
top: 0,
|
|
115
130
|
bottom: "auto",
|
|
@@ -125,7 +140,7 @@ const s = {
|
|
|
125
140
|
width: "var(--indicator-width, 100%)",
|
|
126
141
|
height: "100%",
|
|
127
142
|
borderRadius: t.theme.spacing(3),
|
|
128
|
-
backgroundColor:
|
|
143
|
+
backgroundColor: n.primary.coral[100],
|
|
129
144
|
transition: "width 0.3s ease"
|
|
130
145
|
},
|
|
131
146
|
".MuiTabs-buttons &": {
|
|
@@ -139,6 +154,6 @@ const s = {
|
|
|
139
154
|
}
|
|
140
155
|
};
|
|
141
156
|
export {
|
|
142
|
-
|
|
143
|
-
|
|
157
|
+
d as tabStyles,
|
|
158
|
+
s as tabsStyles
|
|
144
159
|
};
|