@umbraco-ui/uui-tabs 1.8.0-rc.2 → 1.8.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/lib/index.js +10 -16
- package/package.json +6 -6
package/lib/index.js
CHANGED
|
@@ -97,11 +97,11 @@ UUITabElement.styles = [
|
|
|
97
97
|
var(--uui-tab-padding-horizontal, var(--uui-size-5,15px));
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
:host(:not([
|
|
100
|
+
:host(:not([disabled])) #button:hover {
|
|
101
101
|
color: var(--uui-tab-text-hover, var(--uui-color-default-emphasis,#3544b1));
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
:host(:not([
|
|
104
|
+
:host(:not([disabled])) #button:active {
|
|
105
105
|
box-shadow:
|
|
106
106
|
inset 0 2px 4px rgba(0, 0, 0, 0.15),
|
|
107
107
|
0 1px 2px rgba(0, 0, 0, 0.05);
|
|
@@ -111,9 +111,6 @@ UUITabElement.styles = [
|
|
|
111
111
|
color: var(--uui-tab-text-active, unset);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
:host([active]) #button {
|
|
115
|
-
cursor: default;
|
|
116
|
-
}
|
|
117
114
|
:host([disabled]) #button {
|
|
118
115
|
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
119
116
|
cursor: default;
|
|
@@ -124,9 +121,6 @@ UUITabElement.styles = [
|
|
|
124
121
|
position: absolute;
|
|
125
122
|
background-color: var(--uui-color-current,#f5c1bc);
|
|
126
123
|
opacity: 0;
|
|
127
|
-
--transitionDuration: 120ms;
|
|
128
|
-
--barWidth: 4px;
|
|
129
|
-
--borderRadius: 3px;
|
|
130
124
|
}
|
|
131
125
|
:host([active]) #button::before {
|
|
132
126
|
opacity: 1;
|
|
@@ -136,32 +130,32 @@ UUITabElement.styles = [
|
|
|
136
130
|
:host([orientation='horizontal']) #button::before {
|
|
137
131
|
left: auto;
|
|
138
132
|
right: auto;
|
|
139
|
-
border-radius: var(--
|
|
133
|
+
border-radius: var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0 0;
|
|
140
134
|
height: 0px;
|
|
141
135
|
width: calc(100% - 15px);
|
|
142
136
|
bottom: 0;
|
|
143
137
|
transition:
|
|
144
|
-
opacity
|
|
145
|
-
height ease-in-out
|
|
138
|
+
opacity linear 120ms,
|
|
139
|
+
height ease-in-out 120ms;
|
|
146
140
|
}
|
|
147
141
|
:host([active][orientation='horizontal']) #button::before {
|
|
148
|
-
height:
|
|
142
|
+
height: 4px;
|
|
149
143
|
}
|
|
150
144
|
|
|
151
145
|
/* VERTICAL */
|
|
152
146
|
:host([orientation='vertical']) #button::before {
|
|
153
147
|
top: auto;
|
|
154
148
|
bottom: auto;
|
|
155
|
-
border-radius: 0 var(--
|
|
149
|
+
border-radius: 0 var(--uui-border-radius,3px) var(--uui-border-radius,3px) 0;
|
|
156
150
|
height: calc(100% - 12px);
|
|
157
151
|
width: 0px;
|
|
158
152
|
left: 0;
|
|
159
153
|
transition:
|
|
160
|
-
opacity
|
|
161
|
-
width ease-in-out
|
|
154
|
+
opacity linear 120ms,
|
|
155
|
+
width ease-in-out 120ms;
|
|
162
156
|
}
|
|
163
157
|
:host([active][orientation='vertical']) #button::before {
|
|
164
|
-
width:
|
|
158
|
+
width: 4px;
|
|
165
159
|
}
|
|
166
160
|
|
|
167
161
|
#button:hover::before {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui-tabs",
|
|
3
|
-
"version": "1.8.0
|
|
3
|
+
"version": "1.8.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Umbraco",
|
|
@@ -30,10 +30,10 @@
|
|
|
30
30
|
"custom-elements.json"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@umbraco-ui/uui-base": "1.8.0
|
|
34
|
-
"@umbraco-ui/uui-button": "1.8.0
|
|
35
|
-
"@umbraco-ui/uui-popover-container": "1.8.0
|
|
36
|
-
"@umbraco-ui/uui-symbol-more": "1.8.0
|
|
33
|
+
"@umbraco-ui/uui-base": "1.8.0",
|
|
34
|
+
"@umbraco-ui/uui-button": "1.8.0",
|
|
35
|
+
"@umbraco-ui/uui-popover-container": "1.8.0",
|
|
36
|
+
"@umbraco-ui/uui-symbol-more": "1.8.0"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
39
39
|
"build": "npm run analyze && tsc --build && rollup -c rollup.config.js",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"access": "public"
|
|
45
45
|
},
|
|
46
46
|
"homepage": "https://uui.umbraco.com/?path=/story/uui-tabs",
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "53021762a52dc54a46f0c5ef829c1cbaabde1160"
|
|
48
48
|
}
|