@jetbrains/ring-ui 7.0.10 → 7.0.11

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.
Files changed (7) hide show
  1. package/components/checkbox/checkbox.css +11 -3
  2. package/components/global/variables.css +2 -0
  3. package/components/global/variables_dark.css +2 -0
  4. package/components/radio/radio.css +3 -2
  5. package/components/slider/slider.css +3 -3
  6. package/components/toggle/toggle.css +1 -1
  7. package/package.json +1 -1
package/components/checkbox/checkbox.css CHANGED
@@ -1,5 +1,13 @@
1
1
  @import "../global/variables.css";
2
2
 
3
+ :root {
4
+ --ring-checkbox-disabled-check-color: var(--ring-white-text-color);
5
+ }
6
+
7
+ :global(.ring-ui-theme-dark) {
8
+ --ring-checkbox-disabled-check-color: var(--ring-icon-color);
9
+ }
10
+
3
11
  .checkbox {
4
12
  --ring-checkbox-size: 14px;
5
13
 
@@ -114,13 +122,13 @@
114
122
 
115
123
  &[disabled]:checked + .cellWrapper .cell,
116
124
  &[disabled]:indeterminate + .cellWrapper .cell {
117
- border-color: var(--ring-border-selected-disabled-color);
118
- background-color: var(--ring-border-selected-disabled-color);
125
+ border-color: var(--ring-border-disabled-active-color);
126
+ background-color: var(--ring-border-disabled-active-color);
119
127
  }
120
128
 
121
129
  &[disabled]:checked + .cellWrapper .check,
122
130
  &[disabled]:indeterminate + .cellWrapper .minus {
123
- color: var(--ring-disabled-background-color);
131
+ color: var(--ring-checkbox-disabled-check-color);
124
132
  }
125
133
 
126
134
  &:indeterminate:indeterminate + .cellWrapper .check {
package/components/global/variables.css CHANGED
@@ -19,6 +19,8 @@
19
19
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */
20
20
  --ring-border-selected-disabled-components: 201, 204, 214;
21
21
  --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #c9ccd6 */
22
+ --ring-border-disabled-active-components: 171, 213, 246;
23
+ --ring-border-disabled-active-color: rgb(var(--ring-border-disabled-active-components)); /* #abd5f6 */
22
24
  --ring-icon-disabled-components: 211, 213, 219;
23
25
  --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #d3d5db */
24
26
  --ring-border-hover-components: 160, 189, 248;
package/components/global/variables_dark.css CHANGED
@@ -15,6 +15,8 @@
15
15
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */
16
16
  --ring-border-selected-disabled-components: 90, 93, 99;
17
17
  --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */
18
+ --ring-border-disabled-active-components: 23, 73, 113;
19
+ --ring-border-disabled-active-color: rgb(var(--ring-border-disabled-active-components)); /* #174971 */
18
20
  --ring-icon-disabled-components: 78, 81, 87;
19
21
  --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #4E5157 */
20
22
  --ring-border-hover-components: 55, 95, 173;
package/components/radio/radio.css CHANGED
@@ -106,11 +106,12 @@
106
106
 
107
107
  /* stylelint-disable-next-line selector-max-specificity */
108
108
  &[disabled]:checked + .circle {
109
- border-color: var(--ring-border-selected-disabled-color);
109
+ border-color: var(--ring-border-disabled-active-color);
110
+ background-color: var(--ring-content-background-color);
110
111
 
111
112
  /* stylelint-disable-next-line selector-max-specificity */
112
113
  &::after {
113
- background-color: var(--ring-border-selected-disabled-color);
114
+ background-color: var(--ring-border-disabled-active-color);
114
115
  }
115
116
  }
116
117
 
package/components/slider/slider.css CHANGED
@@ -117,7 +117,7 @@
117
117
  }
118
118
 
119
119
  &.disabled {
120
- background-color: var(--ring-border-selected-disabled-color);
120
+ background-color: var(--ring-border-disabled-active-color);
121
121
  }
122
122
  }
123
123
 
@@ -171,10 +171,10 @@
171
171
 
172
172
  &.disabled {
173
173
  color: var(--ring-slider-tag-disabled-text-color);
174
- background-color: var(--ring-border-selected-disabled-color);
174
+ background-color: var(--ring-border-disabled-active-color);
175
175
 
176
176
  &::after {
177
- border-top: 3px solid var(--ring-border-selected-disabled-color);
177
+ border-top: 3px solid var(--ring-border-disabled-active-color);
178
178
  }
179
179
  }
180
180
  }
package/components/toggle/toggle.css CHANGED
@@ -190,7 +190,7 @@
190
190
 
191
191
  /* stylelint-disable-next-line selector-max-specificity */
192
192
  .input:checked[disabled] + .switch {
193
- --ring-toggle-background-color: var(--ring-border-selected-disabled-color);
193
+ --ring-toggle-background-color: var(--ring-border-disabled-active-color);
194
194
  }
195
195
 
196
196
  /* stylelint-disable-next-line selector-max-specificity */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetbrains/ring-ui",
3
- "version": "7.0.10",
3
+ "version": "7.0.11",
4
4
  "description": "JetBrains UI library",
5
5
  "author": "JetBrains",
6
6
  "license": "Apache-2.0",