ros.grant.common 2.0.1590 → 2.0.1592

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.
@@ -147,14 +147,15 @@
147
147
  }
148
148
 
149
149
  .btn.btn-outline {
150
- color: #fff;
151
- border-color: #fff;
152
- border-radius: 16px;
150
+ color: var(--neutral-text-primary);
151
+ border-color: var(--neutral-text-primary);
152
+ border-radius: 8px;
153
153
 
154
154
  &:hover {
155
155
  color: #fff;
156
- border-color: #fff;
157
- background-color: transparent;
156
+ border-color: var(--neutral-bg-inverse);
157
+ background-color: var(--neutral-bg-inverse);
158
+ opacity: 1;
158
159
  }
159
160
  }
160
161
  }
@@ -41,78 +41,10 @@
41
41
  border-color: var(--system-bg-controls-positive-default);
42
42
  color: var(--system-bg-controls-positive-default);
43
43
 
44
- svg {
45
- &.fill {
46
- path {
47
- fill: var(--system-bg-controls-positive-default);
48
- }
49
-
50
- circle {
51
- fill: var(--system-bg-controls-positive-default);
52
- }
53
-
54
- &-rect {
55
- rect {
56
- fill: var(--system-bg-controls-positive-default);
57
- }
58
- }
59
- }
60
-
61
- &.stroke {
62
- path {
63
- stroke: var(--system-bg-controls-positive-default);
64
- }
65
-
66
- circle {
67
- stroke: var(--system-bg-controls-positive-default);
68
- }
69
-
70
- &-rect {
71
- rect {
72
- stroke: var(--system-bg-controls-positive-default);
73
- }
74
- }
75
- }
76
- }
77
-
78
44
  &:hover, &.active {
79
45
  background-color: var(--system-bg-positive-secondary);
80
46
  color: var(--system-bg-controls-positive-hover);
81
47
  border-color: var(--system-bg-controls-positive-hover);
82
-
83
- svg {
84
- &.fill {
85
- path {
86
- fill: var(--system-bg-controls-positive-hover);
87
- }
88
-
89
- circle {
90
- fill: var(--system-bg-controls-positive-hover);
91
- }
92
-
93
- &-rect {
94
- rect {
95
- fill: var(--system-bg-controls-positive-hover);
96
- }
97
- }
98
- }
99
-
100
- &.stroke {
101
- path {
102
- stroke: var(--system-bg-controls-positive-hover);
103
- }
104
-
105
- circle {
106
- stroke: var(--system-bg-controls-positive-hover);
107
- }
108
-
109
- &-rect {
110
- rect {
111
- stroke: var(--system-bg-controls-positive-hover);
112
- }
113
- }
114
- }
115
- }
116
48
  }
117
49
  }
118
50
 
@@ -121,78 +53,10 @@
121
53
  border-color: var(--system-bg-controls-negative-default);
122
54
  color: var(--system-bg-controls-negative-default);
123
55
 
124
- svg {
125
- &.fill {
126
- path {
127
- fill: var(--system-bg-controls-negative-default);
128
- }
129
-
130
- circle {
131
- fill: var(--system-bg-controls-negative-default);
132
- }
133
-
134
- &-rect {
135
- rect {
136
- fill: var(--system-bg-controls-negative-default);
137
- }
138
- }
139
- }
140
-
141
- &.stroke {
142
- path {
143
- stroke: var(--system-bg-controls-negative-default);
144
- }
145
-
146
- circle {
147
- stroke: var(--system-bg-controls-negative-default);
148
- }
149
-
150
- &-rect {
151
- rect {
152
- stroke: var(--system-bg-controls-negative-default);
153
- }
154
- }
155
- }
156
- }
157
-
158
56
  &:hover, &.active {
159
57
  background-color: var(--system-bg-negative-secondary);
160
58
  color: var(--system-bg-controls-negative-hover);
161
59
  border-color: var(--system-bg-controls-negative-hover);
162
-
163
- svg {
164
- &.fill {
165
- path {
166
- fill: var(--system-bg-controls-negative-hover);
167
- }
168
-
169
- circle {
170
- fill: var(--system-bg-controls-negative-hover);
171
- }
172
-
173
- &-rect {
174
- rect {
175
- fill: var(--system-bg-controls-negative-hover);
176
- }
177
- }
178
- }
179
-
180
- &.stroke {
181
- path {
182
- stroke: var(--system-bg-controls-negative-hover);
183
- }
184
-
185
- circle {
186
- stroke: var(--system-bg-controls-negative-hover);
187
- }
188
-
189
- &-rect {
190
- rect {
191
- stroke: var(--system-bg-controls-negative-hover);
192
- }
193
- }
194
- }
195
- }
196
60
  }
197
61
  }
198
62
 
@@ -201,78 +65,36 @@
201
65
  border-color: var(--system-bg-controls-attention-default);
202
66
  color: var(--system-bg-controls-attention-default);
203
67
 
204
- svg {
205
- &.fill {
206
- path {
207
- fill: var(--system-bg-controls-attention-default);
208
- }
209
-
210
- circle {
211
- fill: var(--system-bg-controls-attention-default);
212
- }
213
-
214
- &-rect {
215
- rect {
216
- fill: var(--system-bg-controls-attention-default);
217
- }
218
- }
219
- }
220
-
221
- &.stroke {
222
- path {
223
- stroke: var(--system-bg-controls-attention-default);
224
- }
225
-
226
- circle {
227
- stroke: var(--system-bg-controls-attention-default);
228
- }
229
-
230
- &-rect {
231
- rect {
232
- stroke: var(--system-bg-controls-attention-default);
233
- }
234
- }
235
- }
236
- }
237
-
238
68
  &:hover, &.active {
239
69
  background-color: var(--system-bg-attention-secondary);
240
70
  color: var(--system-bg-controls-attention-hover);
241
71
  border-color: var(--system-bg-controls-attention-hover);
72
+ }
73
+ }
74
+ }
242
75
 
243
- svg {
244
- &.fill {
245
- path {
246
- fill: var(--system-bg-controls-attention-hover);
247
- }
76
+ &.mrx-btn-tertiary {
77
+ &.green, &.mrx-btn-color-positive {
78
+ color: var(--system-bg-controls-positive-default, #108E3A);
248
79
 
249
- circle {
250
- fill: var(--system-bg-controls-attention-hover);
251
- }
80
+ &:hover {
81
+ color: var(--system-bg-controls-positive-hover, #007729);
82
+ }
83
+ }
252
84
 
253
- &-rect {
254
- rect {
255
- fill: var(--system-bg-controls-attention-hover);
256
- }
257
- }
258
- }
85
+ &.red, &.mrx-btn-color-negative {
86
+ color: var(--system-bg-controls-negative-default, #B83B15);
259
87
 
260
- &.stroke {
261
- path {
262
- stroke: var(--system-bg-controls-attention-hover);
263
- }
88
+ &:hover {
89
+ color: var(--system-bg-controls-negative-hover, #AA2800);
90
+ }
91
+ }
264
92
 
265
- circle {
266
- stroke: var(--system-bg-controls-attention-hover);
267
- }
93
+ &.yellow, &.mrx-btn-color-attention {
94
+ color: var(--system-bg-controls-attention-default, #CC6E07);
268
95
 
269
- &-rect {
270
- rect {
271
- stroke: var(--system-bg-controls-attention-hover);
272
- }
273
- }
274
- }
275
- }
96
+ &:hover {
97
+ color: var(--system-bg-controls-attention-hover, #C26807);
276
98
  }
277
99
  }
278
100
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.1590",
2
+ "version": "2.0.1592",
3
3
  "name": "ros.grant.common",
4
4
  "private": false,
5
5
  "scripts": {