@gitlab/ui 52.5.0 → 52.6.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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "52.5.0",
3
+ "version": "52.6.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -1165,6 +1165,30 @@
1165
1165
  border-color: $gray-500 !important;
1166
1166
  }
1167
1167
 
1168
+ .gl-border-red-500 {
1169
+ border-color: $red-500;
1170
+ }
1171
+
1172
+ .gl-border-red-500\! {
1173
+ border-color: $red-500 !important;
1174
+ }
1175
+
1176
+ .gl-border-orange-500 {
1177
+ border-color: $orange-500;
1178
+ }
1179
+
1180
+ .gl-border-orange-500\! {
1181
+ border-color: $orange-500 !important;
1182
+ }
1183
+
1184
+ .gl-border-green-500 {
1185
+ border-color: $green-500;
1186
+ }
1187
+
1188
+ .gl-border-green-500\! {
1189
+ border-color: $green-500 !important;
1190
+ }
1191
+
1168
1192
  .gl-border-blue-200 {
1169
1193
  border-color: $blue-200;
1170
1194
  }
@@ -1405,6 +1429,22 @@
1405
1429
  border-width: $gl-border-size-1 !important;
1406
1430
  }
1407
1431
 
1432
+ .gl-border-2 {
1433
+ border-width: $gl-border-size-2;
1434
+ }
1435
+
1436
+ .gl-border-2\! {
1437
+ border-width: $gl-border-size-2 !important;
1438
+ }
1439
+
1440
+ .gl-border-3 {
1441
+ border-width: $gl-border-size-3;
1442
+ }
1443
+
1444
+ .gl-border-3\! {
1445
+ border-width: $gl-border-size-3 !important;
1446
+ }
1447
+
1408
1448
  .gl-border-4 {
1409
1449
  border-width: $gl-border-size-4;
1410
1450
  }
@@ -6390,6 +6430,16 @@
6390
6430
  margin-left: $gl-spacing-scale-3 !important;
6391
6431
  }
6392
6432
  }
6433
+ .gl-sm-ml-5 {
6434
+ @include gl-media-breakpoint-up(sm) {
6435
+ margin-left: $gl-spacing-scale-5;
6436
+ }
6437
+ }
6438
+ .gl-sm-ml-5\! {
6439
+ @include gl-media-breakpoint-up(sm) {
6440
+ margin-left: $gl-spacing-scale-5 !important;
6441
+ }
6442
+ }
6393
6443
  .gl-sm-ml-7 {
6394
6444
  @include gl-media-breakpoint-up(sm) {
6395
6445
  margin-left: $gl-spacing-scale-7;
@@ -127,6 +127,18 @@
127
127
  border-color: $gray-500;
128
128
  }
129
129
 
130
+ @mixin gl-border-red-500 {
131
+ border-color: $red-500;
132
+ }
133
+
134
+ @mixin gl-border-orange-500 {
135
+ border-color: $orange-500;
136
+ }
137
+
138
+ @mixin gl-border-green-500 {
139
+ border-color: $green-500;
140
+ }
141
+
130
142
  @mixin gl-border-blue-200($hover: true) {
131
143
  border-color: $blue-200;
132
144
  }
@@ -250,6 +262,14 @@
250
262
  border-width: $gl-border-size-1;
251
263
  }
252
264
 
265
+ @mixin gl-border-2 {
266
+ border-width: $gl-border-size-2;
267
+ }
268
+
269
+ @mixin gl-border-3 {
270
+ border-width: $gl-border-size-3;
271
+ }
272
+
253
273
  @mixin gl-border-4 {
254
274
  border-width: $gl-border-size-4;
255
275
  }
@@ -877,6 +877,12 @@
877
877
  }
878
878
  }
879
879
 
880
+ @mixin gl-sm-ml-5 {
881
+ @include gl-media-breakpoint-up(sm) {
882
+ @include gl-ml-5;
883
+ }
884
+ }
885
+
880
886
  @mixin gl-sm-ml-7 {
881
887
  @include gl-media-breakpoint-up(sm) {
882
888
  @include gl-ml-7;