@gitlab/ui 113.5.2 → 113.7.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": "113.5.2",
3
+ "version": "113.7.0",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -49,7 +49,12 @@ $gl-drawer-scrim-gradient: linear-gradient(
49
49
  }
50
50
 
51
51
  .gl-drawer-body > * {
52
+ @apply gl-border-b;
52
53
  @apply gl-mx-5;
54
+
55
+ &:last-child {
56
+ @apply gl-border-none;
57
+ }
53
58
  }
54
59
 
55
60
  .gl-drawer-header {
@@ -125,14 +130,6 @@ $gl-drawer-scrim-gradient: linear-gradient(
125
130
  }
126
131
  }
127
132
 
128
- .gl-drawer-body > * {
129
- @apply gl-border-b;
130
-
131
- &:last-child {
132
- @apply gl-border-none;
133
- }
134
- }
135
-
136
133
  .gl-drawer-enter-to {
137
134
  @apply gl-translate-x-0;
138
135
  }
@@ -20,6 +20,16 @@ caption {
20
20
  @apply gl-text-subtle;
21
21
  }
22
22
 
23
+ kbd {
24
+ @apply gl-inline-block gl-text-default gl-bg-subtle gl-border gl-border-b-strong gl-leading-1;
25
+ font-size: 87.5%;
26
+ padding: 3px 5px;
27
+ vertical-align: unset;
28
+ border-image: none;
29
+ border-radius: 3px;
30
+ box-shadow: inset 0 -1px 0 var(--gl-border-color-strong);
31
+ }
32
+
23
33
  .table {
24
34
  @apply gl-w-full gl-mb-3 gl-text-default gl-bg-transparent;
25
35
 
@@ -10,23 +10,6 @@ code {
10
10
  }
11
11
  }
12
12
 
13
- // User input typically entered via keyboard
14
- kbd {
15
- padding: $kbd-padding-y $kbd-padding-x;
16
- @include font-size($kbd-font-size);
17
- color: $kbd-color;
18
- background-color: $kbd-bg;
19
- @include border-radius($border-radius-sm);
20
- @include box-shadow($kbd-box-shadow);
21
-
22
- kbd {
23
- padding: 0;
24
- @include font-size(100%);
25
- font-weight: $nested-kbd-font-weight;
26
- @include box-shadow(none);
27
- }
28
- }
29
-
30
13
  // Blocks of code
31
14
  pre {
32
15
  display: block;
@@ -339,7 +339,6 @@ $mark-padding: .2em !default;
339
339
 
340
340
  $dt-font-weight: $font-weight-bold !default;
341
341
 
342
- $kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
343
342
  $nested-kbd-font-weight: $font-weight-bold !default;
344
343
 
345
344
  $list-inline-padding: .5rem !default;
@@ -1129,12 +1128,6 @@ $close-text-shadow: 0 1px 0 $white !default;
1129
1128
  $code-font-size: 87.5% !default;
1130
1129
  $code-color: $pink !default;
1131
1130
 
1132
- $kbd-padding-y: .2rem !default;
1133
- $kbd-padding-x: .4rem !default;
1134
- $kbd-font-size: $code-font-size !default;
1135
- $kbd-color: $white !default;
1136
- $kbd-bg: $gray-900 !default;
1137
-
1138
1131
  $pre-color: $gray-900 !default;
1139
1132
  $pre-scrollable-max-height: 340px !default;
1140
1133