@skyux/theme 12.24.0 → 12.25.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/css/themes/modern/styles.css +12 -3
- package/package.json +1 -1
|
@@ -2977,8 +2977,8 @@
|
|
|
2977
2977
|
box-shadow: none;
|
|
2978
2978
|
}
|
|
2979
2979
|
.sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):not(:active) {
|
|
2980
|
-
border-bottom: var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-
|
|
2981
|
-
padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-
|
|
2980
|
+
border-bottom: var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-m)) var(--sky-border-style-accent) var(--sky-color-border-selected);
|
|
2981
|
+
padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-m)));
|
|
2982
2982
|
}
|
|
2983
2983
|
.sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):hover:not(.sky-btn-tab-disabled) {
|
|
2984
2984
|
background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected-soft));
|
|
@@ -3094,6 +3094,8 @@
|
|
|
3094
3094
|
--sky-override-switch-background-color-warning: rgb(255, 233.5961538462, 202);
|
|
3095
3095
|
--sky-override-switch-border-color: var(--modern-color-blue-74);
|
|
3096
3096
|
--sky-override-switch-border-color-checked: var(--sky-color-border-selected);
|
|
3097
|
+
--sky-override-switch-box-shadow: none;
|
|
3098
|
+
--sky-override-switch-box-shadow-disabled: none;
|
|
3097
3099
|
--sky-override-switch-box-shadow-focus-elevation: var(--sky-elevation-focus);
|
|
3098
3100
|
--sky-override-switch-checked-color: var(--sky-color-icon-selected);
|
|
3099
3101
|
--sky-override-switch-icon-checked-color-no-group: var(
|
|
@@ -3177,8 +3179,12 @@
|
|
|
3177
3179
|
background-color: var(--sky-color-background-input-disabled);
|
|
3178
3180
|
border-width: var(--sky-border-width-input-disabled);
|
|
3179
3181
|
border-color: var(--sky-color-border-switch-disabled);
|
|
3182
|
+
box-shadow: var(--sky-override-switch-box-shadow-disabled, var(--sky-elevation-input-disabled));
|
|
3180
3183
|
color: var(--sky-color-text-deemphasized);
|
|
3181
3184
|
}
|
|
3185
|
+
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled) + .sky-switch-control {
|
|
3186
|
+
box-shadow: var(--sky-override-switch-box-shadow, var(--sky-elevation-input-base));
|
|
3187
|
+
}
|
|
3182
3188
|
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):hover + .sky-switch-control {
|
|
3183
3189
|
border-width: var(--sky-border-width-input-hover);
|
|
3184
3190
|
border-color: var(--sky-color-border-switch-hover);
|
|
@@ -3192,7 +3198,7 @@
|
|
|
3192
3198
|
border-color: var(--sky-color-border-switch-focus);
|
|
3193
3199
|
}
|
|
3194
3200
|
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):focus-visible:not(:active) + .sky-switch-control {
|
|
3195
|
-
box-shadow: var(--sky-override-switch-box-shadow-focus-elevation,
|
|
3201
|
+
box-shadow: var(--sky-override-switch-box-shadow-focus-elevation, var(--sky-elevation-input-base));
|
|
3196
3202
|
outline: none;
|
|
3197
3203
|
}
|
|
3198
3204
|
.sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible):checked + .sky-switch-control.sky-switch-control-success, .sky-theme-modern .sky-switch .sky-switch-input:not(:disabled):not(:hover):not(:active):not(:focus-visible)[type=checkbox]:indeterminate + .sky-switch-control.sky-switch-control-success {
|
|
@@ -3263,6 +3269,9 @@
|
|
|
3263
3269
|
.sky-theme-modern .sky-switch-icon-group .sky-switch-input:checked:disabled + .sky-switch-control.sky-switch-control-icon, .sky-theme-modern .sky-switch-icon-group .sky-switch-input[type=checkbox]:indeterminate:disabled + .sky-switch-control.sky-switch-control-icon {
|
|
3264
3270
|
color: var(--sky-color-icon-action);
|
|
3265
3271
|
}
|
|
3272
|
+
.sky-theme-modern .sky-switch-icon-group .sky-switch-input:not(:disabled):not(:checked):not(:hover):not(:active):not(:focus-visible) + .sky-switch-control.sky-switch-control-icon {
|
|
3273
|
+
box-shadow: none;
|
|
3274
|
+
}
|
|
3266
3275
|
.sky-theme-modern .sky-switch-icon-group .sky-switch-input:not(:disabled):hover + .sky-switch-control {
|
|
3267
3276
|
border-width: var(--sky-border-width-action-hover);
|
|
3268
3277
|
border-color: var(--sky-color-border-action-tertiary-hover);
|