@antscorp/antsomi-ui 1.3.5-beta.686 → 1.3.5-beta.688
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.
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
var _a, _b, _c;
|
|
2
1
|
import styled from 'styled-components';
|
|
3
|
-
import {
|
|
4
|
-
// const token = theme.getDesignToken(THEME);
|
|
2
|
+
import { globalToken } from '@antscorp/antsomi-ui/es/constants';
|
|
5
3
|
export const EditorTabStyled = styled.div `
|
|
6
4
|
position: relative;
|
|
7
5
|
height: 40px;
|
|
@@ -17,7 +15,7 @@ export const EditorTabStyled = styled.div `
|
|
|
17
15
|
width: 20px !important;
|
|
18
16
|
height: 20px !important;
|
|
19
17
|
&:hover {
|
|
20
|
-
background-color: ${
|
|
18
|
+
background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue} !important;
|
|
21
19
|
}
|
|
22
20
|
}
|
|
23
21
|
|
|
@@ -54,17 +52,19 @@ export const EditorTabStyled = styled.div `
|
|
|
54
52
|
height: 40px;
|
|
55
53
|
padding: 0 10px;
|
|
56
54
|
overflow: hidden;
|
|
57
|
-
background-color: ${
|
|
55
|
+
background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw2};
|
|
58
56
|
|
|
59
57
|
/* &.active button, */
|
|
60
58
|
& button {
|
|
61
|
-
display: none !important;
|
|
59
|
+
/* display: none !important; */
|
|
60
|
+
visibility: hidden;
|
|
62
61
|
}
|
|
63
62
|
|
|
64
63
|
&:hover {
|
|
65
|
-
background-color: ${
|
|
64
|
+
background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue};
|
|
66
65
|
& button {
|
|
67
|
-
display: flex !important;
|
|
66
|
+
/* display: flex !important; */
|
|
67
|
+
visibility: visible;
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
|
|
@@ -132,15 +132,22 @@ export const EditorTabStyled = styled.div `
|
|
|
132
132
|
display: flex;
|
|
133
133
|
align-items: center;
|
|
134
134
|
justify-content: center;
|
|
135
|
-
|
|
135
|
+
color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue7};
|
|
136
|
+
border-radius: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.borderRadius}px;
|
|
137
|
+
border: 5px solid transparent;
|
|
136
138
|
|
|
137
139
|
/* Typography Block */
|
|
138
140
|
font-size: 12px;
|
|
139
141
|
|
|
140
142
|
cursor: pointer;
|
|
141
143
|
|
|
142
|
-
&:last-child {
|
|
144
|
+
/* &:last-child {
|
|
143
145
|
border-right: 1px solid #e0e0e0;
|
|
146
|
+
} */
|
|
147
|
+
|
|
148
|
+
&:hover {
|
|
149
|
+
border: 5px solid transparent;
|
|
150
|
+
background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue};
|
|
144
151
|
}
|
|
145
152
|
|
|
146
153
|
/* &.--disabled {
|
package/es/constants/theme.js
CHANGED
|
@@ -248,11 +248,19 @@ THEME.components = {
|
|
|
248
248
|
itemHoverBg: '#F2F9FF',
|
|
249
249
|
activeBarBorderWidth: 0,
|
|
250
250
|
itemMarginInline: 0,
|
|
251
|
-
itemMarginBlock: 5,
|
|
252
|
-
itemBorderRadius: 5,
|
|
253
|
-
subMenuItemBg: 'transparent',
|
|
251
|
+
// itemMarginBlock: 5,
|
|
252
|
+
// itemBorderRadius: 5,
|
|
253
|
+
// subMenuItemBg: 'transparent',
|
|
254
254
|
itemDisabledColor: (_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.colorTextDisabled,
|
|
255
255
|
itemActiveBg: (_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.blue1_1,
|
|
256
|
+
itemBorderRadius: 0,
|
|
257
|
+
itemHeight: 30,
|
|
258
|
+
lineHeight: 30,
|
|
259
|
+
padding: 10,
|
|
260
|
+
itemSelectedColor: '#000000',
|
|
261
|
+
itemSelectedBg: '#DEEFFE',
|
|
262
|
+
itemMarginBlock: 6,
|
|
263
|
+
subMenuItemBg: '#FFFFFF',
|
|
256
264
|
},
|
|
257
265
|
Form: {
|
|
258
266
|
itemMarginBottom: 15,
|