@jetbrains/ring-ui 7.0.54 → 7.0.56

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 (5) hide show
  1. package/components/global/variables.css +63 -27
  2. package/components/global/variables_dark.css +62 -24
  3. package/components/tag/tag.d.ts +1 -0
  4. package/components/tag/tag.js +1 -1
  5. package/package.json +14 -13
package/components/global/variables.css CHANGED
@@ -6,15 +6,15 @@
6
6
 
7
7
  /* Element */
8
8
  --ring-line-components: 223, 225, 229;
9
- --ring-line-color: rgb(var(--ring-line-components)); /* #dfe1e5 */
9
+ --ring-line-color: rgb(var(--ring-line-components)); /* #DFE1E5 */
10
10
  --ring-borders-components: 211, 213, 219;
11
- --ring-borders-color: rgb(var(--ring-borders-components)); /* #d3d5db */
11
+ --ring-borders-color: rgb(var(--ring-borders-components)); /* #D3D5DB */
12
12
  --ring-icon-components: 108, 112, 126;
13
- --ring-icon-color: rgb(var(--ring-icon-components)); /* #6C707E */ /* TODO: remove in 8.0 in favor of --ring-secondary-color */
13
+ --ring-icon-color: rgb(var(--ring-icon-components)); /* #6C707E */
14
14
  --ring-icon-white-components: 255, 255, 255;
15
- --ring-icon-white-color: rgb(var(--ring-icon-white-components)); /* #FFFFFF */ /* TODO: remove in 8.0 in favor of --ring-white-text-color */
15
+ --ring-icon-white-color: rgb(var(--ring-icon-white-components)); /* #FFFFFF */
16
16
  --ring-icon-secondary-components: 108, 112, 126;
17
- --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #6C707E */ /* TODO: remove in 8.0 in favor of --ring-secondary-color */
17
+ --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #6C707E */
18
18
  --ring-border-disabled-components: 235, 236, 240;
19
19
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #ebecf0 */
20
20
  --ring-border-selected-disabled-components: 201, 204, 214;
@@ -22,35 +22,37 @@
22
22
  --ring-border-disabled-active-components: 171, 213, 246;
23
23
  --ring-border-disabled-active-color: rgb(var(--ring-border-disabled-active-components)); /* #abd5f6 */
24
24
  --ring-icon-disabled-components: 168, 173, 189;
25
- --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #A8ADBD */ /* TODO: remove in 8.0 in favor of --ring-disabled-color */
25
+ --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #A8ADBD */
26
26
  --ring-border-hover-components: 160, 189, 248;
27
- --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #a0bdf8 */
27
+ --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #A0BDF8 */
28
28
  --ring-border-hover-success-components: 197, 229, 204;
29
29
  --ring-border-hover-success-color: rgb(var(--ring-border-hover-success-components)); /* #C5E5CC */
30
30
  --ring-border-hover-error-components: 250, 212, 216;
31
31
  --ring-border-hover-error-color: rgb(var(--ring-border-hover-error-components)); /* #FAD4D8 */
32
+ --ring-border-accent-components: 112, 156, 245;
33
+ --ring-border-accent-color: rgb(var(--ring-border-accent-components)); /* #709CF5 */
32
34
  --ring-icon-hover-components: 90, 93, 107;
33
- --ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */ /* TODO: remove in 8.0 */
34
- --ring-main-components: 53, 116, 240;
35
- --ring-main-color: rgb(var(--ring-main-components)); /* #3574f0 */
35
+ --ring-icon-hover-color: rgb(var(--ring-icon-hover-components)); /* #5a5d6b */
36
+ --ring-main-components: 51, 105, 214;
37
+ --ring-main-color: rgb(var(--ring-main-components)); /* #3369D6 */
36
38
  --ring-action-link-components: 46, 85, 163;
37
39
  --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #2E55A3 */ /* TODO: remove in 8.0 in favor of --ring-link-color */
38
- --ring-main-hover-components: 51, 105, 214;
39
- --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #3369d6 */
40
- --ring-main-success-components: 32, 138, 60;
41
- --ring-main-success-color: rgb(var(--ring-main-success-components)); /* #208A3C */
40
+ --ring-main-hover-components: 49, 95, 189;
41
+ --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #315FBD */
42
+ --ring-main-success-components: 31, 128, 57;
43
+ --ring-main-success-color: rgb(var(--ring-main-success-components)); /* #1F8039 */
42
44
  --ring-main-success-hover-components: 31, 117, 54;
43
45
  --ring-main-success-hover-color: rgb(var(--ring-main-success-hover-components)); /* #1F7536 */
44
46
  --ring-main-error-components: 204, 54, 69;
45
47
  --ring-main-error-color: rgb(var(--ring-main-error-components)); /* #CC3645 */
46
- --ring-main-error-hover-components: 173, 43, 56;
47
- --ring-main-error-hover-color: rgb(var(--ring-main-error-hover-components)); /* #AD2B38 */
48
+ --ring-main-error-hover-components: 188, 48, 62;
49
+ --ring-main-error-hover-color: rgb(var(--ring-main-error-hover-components)); /* #BC303E */
48
50
  --ring-main-warning-components: 229, 109, 23;
49
51
  --ring-main-warning-color: rgb(var(--ring-main-warning-components)); /* #E56D17 */
50
52
  --ring-main-warning-hover-components: 206, 97, 23;
51
53
  --ring-main-warning-hover-color: rgb(var(--ring-main-warning-hover-components)); /* #CE6117 */
52
54
  --ring-icon-error-components: 204, 54, 69;
53
- --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #CC3645 */ /* TODO: remove in 8.0 in favor of --ring-error-color */
55
+ --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #CC3645 */
54
56
  --ring-icon-warning-components: 229, 109, 23;
55
57
  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #E56D17 */
56
58
  --ring-icon-success-components: 32, 138, 60;
@@ -59,6 +61,22 @@
59
61
  --ring-icon-highlight-color: rgb(var(--ring-icon-highlight-components)); /* #FFAF0F */
60
62
  --ring-icon-highlight-hover-components: 223, 147, 3;
61
63
  --ring-icon-highlight-hover-color: rgb(var(--ring-icon-highlight-hover-components)); /* #DF9303 */
64
+ --ring-success-border-components: 137, 195, 152;
65
+ --ring-success-border-color: rgb(var(--ring-success-border-components)); /* #89C398 */
66
+ --ring-success-border-hover-components: 85, 167, 106;
67
+ --ring-success-border-hover-color: rgb(var(--ring-success-border-hover-components)); /* #55A76A */
68
+ --ring-error-border-components: 242, 182, 187;
69
+ --ring-error-border-color: rgb(var(--ring-error-border-components)); /* #F2B6BB */
70
+ --ring-error-border-hover-components: 228, 106, 118;
71
+ --ring-error-border-hover-color: rgb(var(--ring-error-border-hover-components)); /* #E46A76 */
72
+ --ring-warning-border-components: 242, 177, 129;
73
+ --ring-warning-border-color: rgb(var(--ring-warning-border-components)); /* #F2B181 */
74
+ --ring-warning-border-hover-components: 236, 143, 76;
75
+ --ring-warning-border-hover-color: rgb(var(--ring-warning-border-hover-components)); /* #EC8F4C */
76
+ --ring-highlight-border-components: 254, 210, 119;
77
+ --ring-highlight-border-color: rgb(var(--ring-highlight-border-components)); /* #FED277 */
78
+ --ring-highlight-border-hover-components: 253, 189, 61;
79
+ --ring-highlight-border-hover-color: rgb(var(--ring-highlight-border-hover-components)); /* #FDBD3D */
62
80
  --ring-pale-control-components: 194, 214, 252;
63
81
  --ring-pale-control-color: rgb(var(--ring-pale-control-components)); /* #C2D6FC */
64
82
  --ring-popup-border-components: 0, 28, 54;
@@ -83,14 +101,14 @@
83
101
  --ring-search-color: rgb(var(--ring-search-components)); /* #709CF5 */
84
102
  --ring-hint-components: 46, 85, 163;
85
103
  --ring-hint-color: rgb(var(--ring-hint-components)); /* #2E55A3 */ /* TODO: remove in 8.0 */
86
- --ring-link-components: 46, 85, 163;
87
- --ring-link-color: rgb(var(--ring-link-components)); /* #2E55A3 */
88
- --ring-link-hover-components: 34, 60, 114;
89
- --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #223C72 */
104
+ --ring-link-components: 49, 95, 189;
105
+ --ring-link-color: rgb(var(--ring-link-components)); /* #315FBD */
106
+ --ring-link-hover-components: 46, 85, 163;
107
+ --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #2E55A3 */
90
108
  --ring-error-components: 204, 54, 69;
91
109
  --ring-error-color: rgb(var(--ring-error-components)); /* #CC3645 */
92
- --ring-warning-components: 184, 85, 22;
93
- --ring-warning-color: rgb(var(--ring-warning-components)); /* #B85516 */ /* Prefer using warning icon + regular text color */
110
+ --ring-warning-components: 206, 97, 23;
111
+ --ring-warning-color: rgb(var(--ring-warning-components)); /* #CE6117 */ /* Prefer using warning icon + regular text color */
94
112
  --ring-success-components: 31, 117, 54;
95
113
  --ring-success-color: rgb(var(--ring-success-components)); /* #1F7536 */ /* Prefer using success icon + regular text color */
96
114
  --ring-text-components: 39, 40, 46;
@@ -121,8 +139,8 @@
121
139
  --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #FFFFFF */
122
140
  --ring-tag-background-components: 235, 236, 240;
123
141
  --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #EBECF0 */
124
- --ring-tag-hover-background-components: 211, 213, 219;
125
- --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #D3D5DB */
142
+ --ring-tag-hover-background-components: 223, 225, 229;
143
+ --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #DFE1E5 */
126
144
  --ring-removed-background-components: 250, 212, 216;
127
145
  --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #FAD4D8 */
128
146
  --ring-warning-background-components: 252, 230, 214;
@@ -141,14 +159,32 @@
141
159
  --ring-button-primary-background-components: 53, 116, 240;
142
160
  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
143
161
  --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #FFFFFF50 */
144
- --ring-removed-subtle-background-components: 255, 247, 247;
145
- --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFF7F7 */
162
+ --ring-removed-subtle-background-components: 255, 235, 236;
163
+ --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #FFEBEC */
146
164
  --ring-warning-subtle-background-components: 255, 244, 235;
147
165
  --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #FFF4EB */
148
166
  --ring-highlight-subtle-background-components: 255, 246, 222;
149
167
  --ring-highlight-subtle-background-color: rgb(var(--ring-highlight-subtle-background-components)); /* #FFF6DE */
150
168
  --ring-added-subtle-background-components: 230, 247, 233;
151
169
  --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #E6F7E9 */
170
+ --ring-main-container-light-components: 245, 248, 254;
171
+ --ring-main-container-light-color: rgb(var(--ring-main-container-light-components)); /* #F5F8FE */
172
+ --ring-success-container-light-components: 242, 252, 243;
173
+ --ring-success-container-light-color: rgb(var(--ring-success-container-light-components)); /* #F2FCF3 */
174
+ --ring-error-container-light-components: 255, 242, 243;
175
+ --ring-error-container-light-color: rgb(var(--ring-error-container-light-components)); /* #FFF2F3 */
176
+ --ring-warning-container-light-components: 255, 248, 243;
177
+ --ring-warning-container-light-color: rgb(var(--ring-warning-container-light-components)); /* #FFF8F3 */
178
+ --ring-highlight-container-light-components: 255, 250, 235;
179
+ --ring-highlight-container-light-color: rgb(var(--ring-highlight-container-light-components)); /* #FFFAEB */
180
+ --ring-highlight-fill-components: 255, 175, 15;
181
+ --ring-highlight-fill-color: rgb(var(--ring-highlight-fill-components)); /* #FFAF0F */
182
+ --ring-grey-container-light-components: 247, 248, 250;
183
+ --ring-grey-container-light-color: rgb(var(--ring-grey-container-light-components)); /* #F7F8FA */
184
+ --ring-grey-fill-components: 39, 40, 46;
185
+ --ring-grey-fill-color: rgb(var(--ring-grey-fill-components)); /* #27282E */
186
+ --ring-grey-fill-accent-components: 56, 58, 66;
187
+ --ring-grey-fill-accent-color: rgb(var(--ring-grey-fill-accent-components)); /* #383A42 */
152
188
 
153
189
  /* Code */
154
190
  --ring-code-background-color: var(--ring-content-background-color);
package/components/global/variables_dark.css CHANGED
@@ -8,9 +8,9 @@
8
8
  --ring-borders-components: 111, 115, 122;
9
9
  --ring-borders-color: rgb(var(--ring-borders-components)); /* #6F737A */
10
10
  --ring-icon-components: 157, 160, 168;
11
- --ring-icon-color: rgb(var(--ring-icon-components)); /* #9DA0A8 */ /* TODO: remove in 8.0 in favor of --ring-secondary-color */
11
+ --ring-icon-color: rgb(var(--ring-icon-components)); /* #9DA0A8 */
12
12
  --ring-icon-secondary-components: 157, 160, 168;
13
- --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #9DA0A8 */ /* TODO: remove in 8.0 in favor of --ring-secondary-color */
13
+ --ring-icon-secondary-color: rgb(var(--ring-icon-secondary-components)); /* #9DA0A8 */
14
14
  --ring-border-disabled-components: 78, 81, 87;
15
15
  --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */
16
16
  --ring-border-selected-disabled-components: 90, 93, 99;
@@ -18,33 +18,35 @@
18
18
  --ring-border-disabled-active-components: 23, 73, 113;
19
19
  --ring-border-disabled-active-color: rgb(var(--ring-border-disabled-active-components)); /* #174971 */
20
20
  --ring-icon-disabled-components: 111, 115, 122;
21
- --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #6F737A */ /* TODO: remove in 8.0 in favor of --ring-disabled-color */
21
+ --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #6F737A */
22
22
  --ring-border-hover-components: 55, 95, 173;
23
23
  --ring-border-hover-color: rgb(var(--ring-border-hover-components)); /* #375FAD */
24
24
  --ring-border-hover-success-components: 78, 128, 82;
25
25
  --ring-border-hover-success-color: rgb(var(--ring-border-hover-success-components)); /* #4E8052 */
26
26
  --ring-border-hover-error-components: 156, 78, 78;
27
27
  --ring-border-hover-error-color: rgb(var(--ring-border-hover-error-components)); /* #9C4E4E */
28
- --ring-main-components: 53, 116, 240;
29
- --ring-main-color: rgb(var(--ring-main-components)); /* #3574F0 */
28
+ --ring-border-accent-components: 54, 106, 207;
29
+ --ring-border-accent-color: rgb(var(--ring-border-accent-components)); /* #366ACF */
30
+ --ring-main-components: 54, 106, 207;
31
+ --ring-main-color: rgb(var(--ring-main-components)); /* #366ACF */
30
32
  --ring-action-link-components: 153, 187, 255;
31
33
  --ring-action-link-color: rgb(var(--ring-action-link-components)); /* #99BBFF */ /* TODO: remove in 8.0 in favor of --ring-link-color */
32
- --ring-main-hover-components: 54, 106, 207;
33
- --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #366ACF */
34
- --ring-main-success-components: 87, 150, 92;
35
- --ring-main-success-color: rgb(var(--ring-main-success-components)); /* #57965C */
36
- --ring-main-success-hover-components: 78, 128, 82;
37
- --ring-main-success-hover-color: rgb(var(--ring-main-success-hover-components)); /* #4E8052 */
38
- --ring-main-error-components: 219, 92, 92;
39
- --ring-main-error-color: rgb(var(--ring-main-error-components)); /* #DB5C5C */
40
- --ring-main-error-hover-components: 189, 87, 87;
41
- --ring-main-error-hover-color: rgb(var(--ring-main-error-hover-components)); /* #BD5757 */
34
+ --ring-main-hover-components: 55, 95, 173;
35
+ --ring-main-hover-color: rgb(var(--ring-main-hover-components)); /* #375FAD */
36
+ --ring-main-success-components: 78, 128, 82;
37
+ --ring-main-success-color: rgb(var(--ring-main-success-components)); /* #4E8052 */
38
+ --ring-main-success-hover-components: 67, 105, 70;
39
+ --ring-main-success-hover-color: rgb(var(--ring-main-success-hover-components)); /* #436946 */
40
+ --ring-main-error-components: 189, 87, 87;
41
+ --ring-main-error-color: rgb(var(--ring-main-error-components)); /* #BD5757 */
42
+ --ring-main-error-hover-components: 156, 78, 78;
43
+ --ring-main-error-hover-color: rgb(var(--ring-main-error-hover-components)); /* #9C4E4E */
42
44
  --ring-main-warning-components: 224, 136, 85;
43
45
  --ring-main-warning-color: rgb(var(--ring-main-warning-components)); /* #E08855 */
44
46
  --ring-main-warning-hover-components: 199, 125, 85;
45
47
  --ring-main-warning-hover-color: rgb(var(--ring-main-warning-hover-components)); /* #C77D55 */
46
48
  --ring-icon-error-components: 227, 119, 116;
47
- --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #E37774 */ /* TODO: remove in 8.0 in favor of --ring-error-color */
49
+ --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #E37774 */
48
50
  --ring-icon-warning-components: 224, 136, 85;
49
51
  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #E08855 */
50
52
  --ring-icon-success-components: 95, 173, 101;
@@ -53,6 +55,22 @@
53
55
  --ring-icon-highlight-color: rgb(var(--ring-icon-highlight-components)); /* #D6AE58 */
54
56
  --ring-icon-highlight-hover-components: 186, 151, 82;
55
57
  --ring-icon-highlight-hover-color: rgb(var(--ring-icon-highlight-hover-components)); /* #BA9752 */
58
+ --ring-success-border-components: 67, 105, 70;
59
+ --ring-success-border-color: rgb(var(--ring-success-border-components)); /* #436946 */
60
+ --ring-success-border-hover-components: 78, 128, 82;
61
+ --ring-success-border-hover-color: rgb(var(--ring-success-border-hover-components)); /* #4E8052 */
62
+ --ring-error-border-components: 122, 67, 67;
63
+ --ring-error-border-color: rgb(var(--ring-error-border-components)); /* #7A4343 */
64
+ --ring-error-border-hover-components: 156, 78, 78;
65
+ --ring-error-border-hover-color: rgb(var(--ring-error-border-hover-components)); /* #9C4E4E */
66
+ --ring-warning-border-components: 130, 88, 69;
67
+ --ring-warning-border-color: rgb(var(--ring-warning-border-components)); /* #825845 */
68
+ --ring-warning-border-hover-components: 163, 107, 78;
69
+ --ring-warning-border-hover-color: rgb(var(--ring-warning-border-hover-components)); /* #A36B4E */
70
+ --ring-highlight-border-components: 130, 106, 65;
71
+ --ring-highlight-border-color: rgb(var(--ring-highlight-border-components)); /* #826A41 */
72
+ --ring-highlight-border-hover-components: 158, 129, 74;
73
+ --ring-highlight-border-hover-color: rgb(var(--ring-highlight-border-hover-components)); /* #9E814A */
56
74
  --ring-popup-border-components: 57, 59, 64;
57
75
  --ring-popup-border-color: rgb(var(--ring-popup-border-components)); /* #393B40 */
58
76
  --ring-popup-shadow-color: rgba(0, 0, 0, 0.31);
@@ -81,10 +99,12 @@
81
99
  --ring-warning-color: rgb(var(--ring-warning-components)); /* #E08855 */ /* Prefer using warning icon + regular text color */
82
100
  --ring-success-components: 95, 173, 101;
83
101
  --ring-success-color: rgb(var(--ring-success-components)); /* #5FAD65 */ /* Prefer using success icon + regular text color */
84
- --ring-text-components: 223, 225, 229;
85
- --ring-text-color: rgb(var(--ring-text-components)); /* #DFE1E5 */
102
+ --ring-text-components: 255, 255, 255;
103
+ --ring-text-color: rgb(var(--ring-text-components)); /* #FFFFFF */
86
104
  --ring-active-text-components: 255, 255, 255;
87
105
  --ring-active-text-color: rgb(var(--ring-active-text-components)); /* #FFFFFF */
106
+ --ring-white-text-components: 255, 255, 255;
107
+ --ring-white-text-color: rgb(var(--ring-white-text-components)); /* #FFFFFF */
88
108
  --ring-heading-color: var(--ring-text-color);
89
109
  --ring-secondary-components: 157, 160, 168;
90
110
  --ring-secondary-color: rgb(var(--ring-secondary-components)); /* #9DA0A8 */
@@ -102,14 +122,14 @@
102
122
  --ring-secondary-background-color: rgb(var(--ring-secondary-background-components)); /* #2B2D30 */
103
123
  --ring-selected-background-components: 46, 67, 110;
104
124
  --ring-selected-background-color: rgb(var(--ring-selected-background-components)); /* #2E436E */
105
- --ring-hover-background-components: 37, 50, 77;
106
- --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #25324D */
125
+ --ring-hover-background-components: 33, 45, 69;
126
+ --ring-hover-background-color: rgb(var(--ring-hover-background-components)); /* #212D45 */
107
127
  --ring-navigation-background-components: 30, 31, 34;
108
128
  --ring-navigation-background-color: rgb(var(--ring-navigation-background-components)); /* #1E1F22 */
109
129
  --ring-tag-background-components: 67, 69, 74;
110
130
  --ring-tag-background-color: rgb(var(--ring-tag-background-components)); /* #43454A */
111
- --ring-tag-hover-background-components: 57, 59, 64;
112
- --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #393B40 */
131
+ --ring-tag-hover-background-components: 78, 81, 87;
132
+ --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #4E5157 */
113
133
  --ring-removed-background-components: 94, 56, 56;
114
134
  --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #5E3838 */
115
135
  --ring-warning-background-components: 97, 68, 56;
@@ -122,8 +142,8 @@
122
142
  --ring-disabled-background-color: rgb(var(--ring-disabled-background-components)); /* #393B40 */
123
143
  --ring-disabled-selected-background-components: 67, 69, 74;
124
144
  --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */
125
- --ring-button-danger-active-components: 64, 41, 41;
126
- --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #402929 */
145
+ --ring-button-danger-active-components: 94, 56, 56;
146
+ --ring-button-danger-active-color: rgb(var(--ring-button-danger-active-components)); /* #5E3838 */
127
147
  --ring-button-primary-background-components: 53, 116, 240;
128
148
  --ring-button-primary-background-color: rgb(var(--ring-button-primary-background-components)); /* #3574F0 */
129
149
  --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */
@@ -135,6 +155,24 @@
135
155
  --ring-highlight-subtle-background-color: rgb(var(--ring-highlight-subtle-background-components)); /* #3D3223 */
136
156
  --ring-added-subtle-background-components: 37, 54, 39;
137
157
  --ring-added-subtle-background-color: rgb(var(--ring-added-subtle-background-components)); /* #253627 */
158
+ --ring-main-container-light-components: 32, 39, 55;
159
+ --ring-main-container-light-color: rgb(var(--ring-main-container-light-components)); /* #202737 */
160
+ --ring-success-container-light-components: 34, 45, 37;
161
+ --ring-success-container-light-color: rgb(var(--ring-success-container-light-components)); /* #222D25 */
162
+ --ring-error-container-light-components: 54, 38, 39;
163
+ --ring-error-container-light-color: rgb(var(--ring-error-container-light-components)); /* #362627 */
164
+ --ring-warning-container-light-components: 53, 42, 39;
165
+ --ring-warning-container-light-color: rgb(var(--ring-warning-container-light-components)); /* #352A27 */
166
+ --ring-highlight-container-light-components: 49, 42, 35;
167
+ --ring-highlight-container-light-color: rgb(var(--ring-highlight-container-light-components)); /* #312A23 */
168
+ --ring-highlight-fill-components: 214, 174, 88;
169
+ --ring-highlight-fill-color: rgb(var(--ring-highlight-fill-components)); /* #D6AE58 */
170
+ --ring-grey-container-light-components: 57, 59, 64;
171
+ --ring-grey-container-light-color: rgb(var(--ring-grey-container-light-components)); /* #393B40 */
172
+ --ring-grey-fill-components: 240, 241, 242;
173
+ --ring-grey-fill-color: rgb(var(--ring-grey-fill-components)); /* #F0F1F2 */
174
+ --ring-grey-fill-accent-components: 223, 225, 229;
175
+ --ring-grey-fill-accent-color: rgb(var(--ring-grey-fill-accent-components)); /* #DFE1E5 */
138
176
 
139
177
  /* Code */
140
178
  --ring-code-background-components: 30, 31, 34;
package/components/tag/tag.d.ts CHANGED
@@ -15,6 +15,7 @@ export interface TagProps {
15
15
  render: (props: TagRenderProps) => ReactNode;
16
16
  children?: ReactNode;
17
17
  className?: string | null | undefined;
18
+ containerClassName?: string | null | undefined;
18
19
  rgTagIcon?: string | IconType | null | undefined;
19
20
  icon?: string | undefined;
20
21
  avatar?: string | null | undefined;
package/components/tag/tag.js CHANGED
@@ -88,7 +88,7 @@ export default class Tag extends PureComponent {
88
88
  [styles.withRemove]: !this.props.readOnly && this.props.onRemove,
89
89
  }, this.props.className);
90
90
  const { backgroundColor, textColor, render } = this.props;
91
- return (_jsxs("span", { className: styles.container, children: [render({
91
+ return (_jsxs("span", { className: classNames(styles.container, this.props.containerClassName), children: [render({
92
92
  'data-test': 'ring-tag',
93
93
  className: classes,
94
94
  ref: this.tagRef,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jetbrains/ring-ui",
3
- "version": "7.0.54",
3
+ "version": "7.0.56",
4
4
  "description": "JetBrains UI library",
5
5
  "author": {
6
6
  "name": "JetBrains"
@@ -89,7 +89,8 @@
89
89
  "prerelease-built-ci": "node prepare-built-package.js",
90
90
  "release-built-ci": "npm publish --access=public $NPM_PUBLISH_PARAMS",
91
91
  "prepublishOnly": "pinst --disable",
92
- "postpublish": "pinst --enable"
92
+ "postpublish": "pinst --enable",
93
+ "update-styles": "node design-tokens/update-styles.mjs"
93
94
  },
94
95
  "repository": {
95
96
  "type": "git",
@@ -103,7 +104,7 @@
103
104
  "@csstools/stylelint-no-at-nest-rule": "^4.0.0",
104
105
  "@eslint/compat": "^1.3.1",
105
106
  "@eslint/eslintrc": "^3.2.0",
106
- "@eslint/js": "^9.28.0",
107
+ "@eslint/js": "^9.31.0",
107
108
  "@figma/code-connect": "^1.3.4",
108
109
  "@jetbrains/eslint-config": "^6.0.5",
109
110
  "@jetbrains/logos": "3.0.0-canary.734b213.0",
@@ -114,11 +115,11 @@
114
115
  "@rollup/plugin-json": "^6.1.0",
115
116
  "@rollup/plugin-node-resolve": "^16.0.1",
116
117
  "@rollup/plugin-replace": "^6.0.2",
117
- "@storybook/addon-a11y": "9.0.16",
118
- "@storybook/addon-docs": "^9.0.16",
119
- "@storybook/addon-themes": "^9.0.16",
118
+ "@storybook/addon-a11y": "9.0.17",
119
+ "@storybook/addon-docs": "^9.0.17",
120
+ "@storybook/addon-themes": "^9.0.17",
120
121
  "@storybook/csf": "^0.1.13",
121
- "@storybook/react-webpack5": "9.0.16",
122
+ "@storybook/react-webpack5": "9.0.17",
122
123
  "@storybook/test-runner": "^0.23.0",
123
124
  "@testing-library/dom": "^10.4.0",
124
125
  "@testing-library/react": "^16.3.0",
@@ -145,7 +146,7 @@
145
146
  "core-js": "^3.44.0",
146
147
  "cpy-cli": "^5.0.0",
147
148
  "dotenv-cli": "^8.0.0",
148
- "eslint": "^9.30.1",
149
+ "eslint": "^9.31.0",
149
150
  "eslint-config-prettier": "^10.1.5",
150
151
  "eslint-formatter-jslint-xml": "^8.40.0",
151
152
  "eslint-import-resolver-exports": "^1.0.0-beta.5",
@@ -155,7 +156,7 @@
155
156
  "eslint-plugin-prettier": "^5.5.1",
156
157
  "eslint-plugin-react": "^7.37.5",
157
158
  "eslint-plugin-react-hooks": "^5.2.0",
158
- "eslint-plugin-storybook": "^9.0.16",
159
+ "eslint-plugin-storybook": "^9.0.17",
159
160
  "events": "^3.3.0",
160
161
  "glob": "^11.0.3",
161
162
  "globals": "^16.3.0",
@@ -176,20 +177,20 @@
176
177
  "react-dom": "^19.1.0",
177
178
  "regenerator-runtime": "^0.14.1",
178
179
  "rimraf": "^6.0.1",
179
- "rollup": "^4.44.2",
180
+ "rollup": "^4.45.1",
180
181
  "rollup-plugin-clear": "^2.0.7",
181
182
  "storage-mock": "^2.1.0",
182
- "storybook": "9.0.16",
183
+ "storybook": "9.0.17",
183
184
  "stylelint": "^16.21.1",
184
185
  "svg-inline-loader": "^0.8.2",
185
186
  "teamcity-service-messages": "^0.1.14",
186
187
  "terser-webpack-plugin": "^5.3.14",
187
188
  "typescript": "~5.8.3",
188
- "typescript-eslint": "^8.36.0",
189
+ "typescript-eslint": "^8.37.0",
189
190
  "vitest": "^3.2.4",
190
191
  "vitest-teamcity-reporter": "^0.3.1",
191
192
  "wallaby-webpack": "^3.9.16",
192
- "webpack": "^5.100.0",
193
+ "webpack": "^5.100.2",
193
194
  "webpack-cli": "^6.0.1",
194
195
  "xmlappend": "^1.0.4"
195
196
  },