@jetbrains/ring-ui 7.0.70 → 7.0.72

package/components/button/button.css

@@ -11,12 +11,10 @@
   --ring-button-loader-components: var(--ring-main-components);
   --ring-button-white-text-disabled-color: var(--ring-white-text-color);
   --ring-button-icon-line-height: calc(var(--ring-unit) * 2);
-
-
 }
 
 :global(.ring-ui-theme-dark) {
-  --ring-button-white-text-disabled-color: var(--ring-disabled-color);
+  --ring-button-white-text-disabled-color: var(--ring-secondary-color);
 }
 
 
@@ -177,7 +175,7 @@
 
 .active {
   --ring-button-disabled-background-color: var(--ring-hover-background-color);
-  --ring-button-disabled-border-color: var(--ring-border-disabled-active-color);
+  --ring-button-disabled-border-color: var(--ring-border-hover-color);
 
   transition: none;
 }
@@ -226,7 +224,7 @@
   --ring-button-hover-background-color: var(--ring-main-hover-color);
   --ring-button-pressed-background-color: var(--ring-button-primary-background-color);
   --ring-button-active-background-color: var(--ring-button-primary-background-color);
-  --ring-button-disabled-background-color: var(--ring-border-disabled-active-color);
+  --ring-button-disabled-background-color: var(--ring-border-hover-color);
   --ring-button-pressed-border-color: var(--ring-button-primary-border-color);
   --ring-button-active-border-color: var(--ring-button-primary-border-color);
 

package/components/button-group/button-group.css

@@ -142,7 +142,7 @@
 }
 
 .buttonGroup .button.active[disabled] {
-  box-shadow: var(--ring-button-shadow) var(--ring-border-disabled-active-color);
+  box-shadow: var(--ring-button-shadow) var(--ring-border-hover-color);
 }
 /* stylelint-enable */
 

package/components/checkbox/checkbox.css

@@ -6,7 +6,7 @@
 }
 
 :global(.ring-ui-theme-dark) {
-  --ring-checkbox-disabled-check-color: var(--ring-disabled-color);
+  --ring-checkbox-disabled-check-color: var(--ring-secondary-color);
 }
 
 .checkbox {
@@ -123,8 +123,8 @@
 
   &[disabled]:checked + .cellWrapper .cell,
   &[disabled]:indeterminate + .cellWrapper .cell {
-    border-color: var(--ring-border-disabled-active-color);
-    background-color: var(--ring-border-disabled-active-color);
+    border-color: var(--ring-border-hover-color);
+    background-color: var(--ring-border-hover-color);
   }
 
   &[disabled]:checked + .cellWrapper .check,

package/components/global/variables.css

@@ -20,8 +20,8 @@
   --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */
   --ring-border-selected-disabled-components: 201, 204, 214;
   --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */
-  --ring-border-disabled-active-components: 171, 213, 246;
-  --ring-border-disabled-active-color: rgb(var(--ring-border-disabled-active-components)); /* #abd5f6 */
+  --ring-border-disabled-active-components: var(--ring-border-hover-components);
+  --ring-border-disabled-active-color: var(--ring-border-hover-color); /* TODO: remove in 8.0 in favor of --ring-border-hover-color */
   --ring-icon-disabled-components: 168, 173, 189;
   --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #A8ADBD */
   --ring-border-hover-components: 160, 189, 248;

package/components/global/variables_dark.css

@@ -15,8 +15,8 @@
   --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */
   --ring-border-selected-disabled-components: 90, 93, 99;
   --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */
-  --ring-border-disabled-active-components: 23, 73, 113;
-  --ring-border-disabled-active-color: rgb(var(--ring-border-disabled-active-components)); /* #174971 */
+  --ring-border-disabled-active-components: var(--ring-border-hover-components);
+  --ring-border-disabled-active-color: var(--ring-border-hover-color); /* TODO: remove in 8.0 in favor of --ring-border-hover-color */
   --ring-icon-disabled-components: 111, 115, 122;
   --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #6F737A */
   --ring-border-hover-components: 55, 95, 173;

package/components/radio/radio.css

@@ -106,12 +106,12 @@
 
   /* stylelint-disable-next-line selector-max-specificity */
   &[disabled]:checked + .circle {
-    border-color: var(--ring-border-disabled-active-color);
+    border-color: var(--ring-border-hover-color);
     background-color: var(--ring-content-background-color);
 
     /* stylelint-disable-next-line selector-max-specificity */
     &::after {
-      background-color: var(--ring-border-disabled-active-color);
+      background-color: var(--ring-border-hover-color);
     }
   }
 

package/components/select/select.css

@@ -1,5 +1,8 @@
 @import '../global/variables.css';
 
+/* ensure styles order */
+@import '../button/button.css';
+
 .select {
   position: relative;
 

package/components/slider/slider.css

@@ -117,7 +117,7 @@
   }
 
   &.disabled {
-    background-color: var(--ring-border-disabled-active-color);
+    background-color: var(--ring-border-hover-color);
   }
 }
 
@@ -171,10 +171,10 @@
 
   &.disabled {
     color: var(--ring-slider-tag-disabled-text-color);
-    background-color: var(--ring-border-disabled-active-color);
+    background-color: var(--ring-border-hover-color);
 
     &::after {
-      border-top: 3px solid var(--ring-border-disabled-active-color);
+      border-top: 3px solid var(--ring-border-hover-color);
     }
   }
 }

package/components/tabs/tabs.css

@@ -1,6 +1,7 @@
 @import '../global/variables.css';
 
 /* ensure styles order */
+@import '../button/button.css';
 @import '../link/link.css';
 
 :root,

package/components/toggle/toggle.css

@@ -196,7 +196,7 @@
 
 /* stylelint-disable-next-line selector-max-specificity */
 .input:checked[disabled] + .switch {
-  --ring-toggle-background-color: var(--ring-border-disabled-active-color);
+  --ring-toggle-background-color: var(--ring-border-hover-color);
 }
 
 /* stylelint-disable-next-line selector-max-specificity */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.70",
+  "version": "7.0.72",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"