@dialpad/dialtone-css 8.80.0 → 8.80.1
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.
|
@@ -100,6 +100,8 @@
|
|
|
100
100
|
&:disabled {
|
|
101
101
|
--tab-color-text: var(--dt-action-color-foreground-disabled-default);
|
|
102
102
|
|
|
103
|
+
color: var(--tab-color-text);
|
|
104
|
+
background-color: var(--tab-color-background);
|
|
103
105
|
cursor: not-allowed;
|
|
104
106
|
}
|
|
105
107
|
|
|
@@ -150,14 +152,22 @@
|
|
|
150
152
|
--tab-color-text: var(--dt-action-color-foreground-base-active);
|
|
151
153
|
}
|
|
152
154
|
|
|
153
|
-
|
|
154
|
-
&:hover::after {
|
|
155
|
+
&:not(:disabled)::after,
|
|
156
|
+
&:not(:disabled):hover::after {
|
|
155
157
|
--tab-color-background: var(--dt-action-color-foreground-base-default);
|
|
156
158
|
|
|
157
159
|
.d-tablist--no-border & {
|
|
158
160
|
background-color: var(--tab-color-background);
|
|
159
161
|
}
|
|
160
162
|
}
|
|
163
|
+
|
|
164
|
+
&:disabled::after {
|
|
165
|
+
--tab-color-background: var(--dt-action-color-foreground-disabled-default);
|
|
166
|
+
|
|
167
|
+
.d-tablist--no-border & {
|
|
168
|
+
background-color: var(--tab-color-background);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
161
171
|
}
|
|
162
172
|
|
|
163
173
|
// ============================================================================
|
|
@@ -190,6 +200,8 @@
|
|
|
190
200
|
&:disabled {
|
|
191
201
|
--tab-color-text: var(--dt-action-color-foreground-disabled-default);
|
|
192
202
|
|
|
203
|
+
color: var(--tab-color-text);
|
|
204
|
+
background-color: var(--tab-color-background);
|
|
193
205
|
cursor: not-allowed;
|
|
194
206
|
}
|
|
195
207
|
}
|
|
@@ -5225,6 +5225,8 @@ legend .d-label--md {
|
|
|
5225
5225
|
}
|
|
5226
5226
|
.d-tab:disabled {
|
|
5227
5227
|
--tab-color-text: var(--dt-action-color-foreground-disabled-default);
|
|
5228
|
+
color: var(--tab-color-text);
|
|
5229
|
+
background-color: var(--tab-color-background);
|
|
5228
5230
|
cursor: not-allowed;
|
|
5229
5231
|
}
|
|
5230
5232
|
.d-tab:not(:disabled):hover {
|
|
@@ -5260,12 +5262,18 @@ legend .d-label--md {
|
|
|
5260
5262
|
--tab-color-background: var(--dt-action-color-background-base-active);
|
|
5261
5263
|
--tab-color-text: var(--dt-action-color-foreground-base-active);
|
|
5262
5264
|
}
|
|
5263
|
-
.d-tab--selected::after,
|
|
5264
|
-
.d-tab--selected:hover::after {
|
|
5265
|
+
.d-tab--selected:not(:disabled)::after,
|
|
5266
|
+
.d-tab--selected:not(:disabled):hover::after {
|
|
5265
5267
|
--tab-color-background: var(--dt-action-color-foreground-base-default);
|
|
5266
5268
|
}
|
|
5267
|
-
.d-tablist--no-border .d-tab--selected::after,
|
|
5268
|
-
.d-tablist--no-border .d-tab--selected:hover::after {
|
|
5269
|
+
.d-tablist--no-border .d-tab--selected:not(:disabled)::after,
|
|
5270
|
+
.d-tablist--no-border .d-tab--selected:not(:disabled):hover::after {
|
|
5271
|
+
background-color: var(--tab-color-background);
|
|
5272
|
+
}
|
|
5273
|
+
.d-tab--selected:disabled::after {
|
|
5274
|
+
--tab-color-background: var(--dt-action-color-foreground-disabled-default);
|
|
5275
|
+
}
|
|
5276
|
+
.d-tablist--no-border .d-tab--selected:disabled::after {
|
|
5269
5277
|
background-color: var(--tab-color-background);
|
|
5270
5278
|
}
|
|
5271
5279
|
.d-tablist--inverted {
|
|
@@ -5290,6 +5298,8 @@ legend .d-label--md {
|
|
|
5290
5298
|
}
|
|
5291
5299
|
.d-tablist--inverted .d-tab:disabled {
|
|
5292
5300
|
--tab-color-text: var(--dt-action-color-foreground-disabled-default);
|
|
5301
|
+
color: var(--tab-color-text);
|
|
5302
|
+
background-color: var(--tab-color-background);
|
|
5293
5303
|
cursor: not-allowed;
|
|
5294
5304
|
}
|
|
5295
5305
|
.d-tablist--inverted .d-tab--selected {
|