@elliemae/ds-tabs 2.4.6 → 2.4.9
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.
|
@@ -77,9 +77,11 @@ const StyledTabButton = /*#__PURE__*/styled__default["default"].button.withConfi
|
|
|
77
77
|
componentId: "sc-3hla56-2"
|
|
78
78
|
})(["position:relative;background-color:transparent;border:none;cursor:pointer;transition:100ms cubic-bezier(0,0,0.42,1);text-transform:", ";letter-spacing:0px;white-space:nowrap;padding:2px 0;margin-right:", ";margin-left:", ";color:", ";", " ", " ", " ", " ", " ", " ", ""], _ref8 => {
|
|
79
79
|
let {
|
|
80
|
-
tabType
|
|
80
|
+
tabType,
|
|
81
|
+
isDSMobile
|
|
81
82
|
} = _ref8;
|
|
82
|
-
|
|
83
|
+
if (tabType === constants.TabTypes.SUBTABS) return 'capitalize';
|
|
84
|
+
return isDSMobile ? 'none' : 'uppercase';
|
|
83
85
|
}, _ref9 => {
|
|
84
86
|
let {
|
|
85
87
|
fixedTabsHeaders,
|
|
@@ -205,24 +207,21 @@ const StyledTabButton = /*#__PURE__*/styled__default["default"].button.withConfi
|
|
|
205
207
|
color: ${disabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};
|
|
206
208
|
font-weight: ${theme.fontWeights.regular};
|
|
207
209
|
padding: 0;
|
|
208
|
-
font-size:
|
|
210
|
+
font-size: 16px;
|
|
209
211
|
line-height: 1.3;
|
|
210
212
|
${dsSystem.onlySafariAndFirefox('-webkit-text-stroke: 0.4px transparent;')}
|
|
211
213
|
|
|
212
214
|
&:focus {
|
|
213
215
|
font-weight: ${theme.fontWeights.regular};
|
|
214
|
-
font-size: 13px;
|
|
215
216
|
${dsSystem.safariAndFirefoxBold('#006AA9')}
|
|
216
217
|
}
|
|
217
218
|
|
|
218
219
|
${isActive ? `
|
|
219
220
|
font-weight: ${theme.fontWeights.regular};
|
|
220
|
-
font-size: 13px;
|
|
221
221
|
${dsSystem.safariAndFirefoxBold('#006AA9')}
|
|
222
222
|
` : ``}
|
|
223
223
|
|
|
224
224
|
${isActive && !disabled ? `
|
|
225
|
-
font-size: 13px;
|
|
226
225
|
color: ${theme.colors.brand[700]};
|
|
227
226
|
line-height: 1.3;
|
|
228
227
|
font-weight: ${theme.fontWeights.regular};
|
|
@@ -69,9 +69,11 @@ const StyledTabButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
69
69
|
componentId: "sc-3hla56-2"
|
|
70
70
|
})(["position:relative;background-color:transparent;border:none;cursor:pointer;transition:100ms cubic-bezier(0,0,0.42,1);text-transform:", ";letter-spacing:0px;white-space:nowrap;padding:2px 0;margin-right:", ";margin-left:", ";color:", ";", " ", " ", " ", " ", " ", " ", ""], _ref8 => {
|
|
71
71
|
let {
|
|
72
|
-
tabType
|
|
72
|
+
tabType,
|
|
73
|
+
isDSMobile
|
|
73
74
|
} = _ref8;
|
|
74
|
-
|
|
75
|
+
if (tabType === TabTypes.SUBTABS) return 'capitalize';
|
|
76
|
+
return isDSMobile ? 'none' : 'uppercase';
|
|
75
77
|
}, _ref9 => {
|
|
76
78
|
let {
|
|
77
79
|
fixedTabsHeaders,
|
|
@@ -197,24 +199,21 @@ const StyledTabButton = /*#__PURE__*/styled.button.withConfig({
|
|
|
197
199
|
color: ${disabled ? theme.colors.neutral[500] : theme.colors.neutral[700]};
|
|
198
200
|
font-weight: ${theme.fontWeights.regular};
|
|
199
201
|
padding: 0;
|
|
200
|
-
font-size:
|
|
202
|
+
font-size: 16px;
|
|
201
203
|
line-height: 1.3;
|
|
202
204
|
${onlySafariAndFirefox('-webkit-text-stroke: 0.4px transparent;')}
|
|
203
205
|
|
|
204
206
|
&:focus {
|
|
205
207
|
font-weight: ${theme.fontWeights.regular};
|
|
206
|
-
font-size: 13px;
|
|
207
208
|
${safariAndFirefoxBold('#006AA9')}
|
|
208
209
|
}
|
|
209
210
|
|
|
210
211
|
${isActive ? `
|
|
211
212
|
font-weight: ${theme.fontWeights.regular};
|
|
212
|
-
font-size: 13px;
|
|
213
213
|
${safariAndFirefoxBold('#006AA9')}
|
|
214
214
|
` : ``}
|
|
215
215
|
|
|
216
216
|
${isActive && !disabled ? `
|
|
217
|
-
font-size: 13px;
|
|
218
217
|
color: ${theme.colors.brand[700]};
|
|
219
218
|
line-height: 1.3;
|
|
220
219
|
font-weight: ${theme.fontWeights.regular};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-tabs",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.9",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Tabs",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -124,11 +124,11 @@
|
|
|
124
124
|
"build": "node ../../scripts/build/build.js"
|
|
125
125
|
},
|
|
126
126
|
"dependencies": {
|
|
127
|
-
"@elliemae/ds-button": "2.4.
|
|
128
|
-
"@elliemae/ds-icon": "2.4.
|
|
129
|
-
"@elliemae/ds-icons": "2.4.
|
|
130
|
-
"@elliemae/ds-props-helpers": "2.4.
|
|
131
|
-
"@elliemae/ds-system": "2.4.
|
|
127
|
+
"@elliemae/ds-button": "2.4.9",
|
|
128
|
+
"@elliemae/ds-icon": "2.4.9",
|
|
129
|
+
"@elliemae/ds-icons": "2.4.9",
|
|
130
|
+
"@elliemae/ds-props-helpers": "2.4.9",
|
|
131
|
+
"@elliemae/ds-system": "2.4.9",
|
|
132
132
|
"@react-hook/resize-observer": "~1.2.5",
|
|
133
133
|
"prop-types": "~15.7.2",
|
|
134
134
|
"react-desc": "~4.1.3",
|