@gitlab/ui 72.5.0 → 72.5.2

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 (19) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/base/new_dropdowns/listbox/listbox.js +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/tokens/common_story_options.js +1 -1
  6. package/dist/tokens/css/tokens.css +1 -1
  7. package/dist/tokens/css/tokens.dark.css +1 -1
  8. package/dist/tokens/js/tokens.dark.js +1 -1
  9. package/dist/tokens/js/tokens.js +1 -1
  10. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  11. package/dist/tokens/scss/_tokens.scss +1 -1
  12. package/dist/utility_classes.css +1 -1
  13. package/dist/utility_classes.css.map +1 -1
  14. package/package.json +1 -1
  15. package/src/components/base/new_dropdowns/dropdown.scss +4 -0
  16. package/src/components/base/new_dropdowns/listbox/listbox.vue +1 -1
  17. package/src/scss/utilities.scss +8 -0
  18. package/src/scss/utility-mixins/background.scss +4 -0
  19. package/src/tokens/common_story_options.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "72.5.0",
3
+ "version": "72.5.2",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/components/base/new_dropdowns/dropdown.scss CHANGED
@@ -42,6 +42,10 @@
42
42
  @include gl-py-2;
43
43
  @include gl-list-style-none;
44
44
 
45
+ &:focus-visible {
46
+ @include gl-focus;
47
+ }
48
+
45
49
  ul {
46
50
  @include gl-list-style-none;
47
51
  }
package/src/components/base/new_dropdowns/listbox/listbox.vue CHANGED
@@ -831,7 +831,7 @@ export default {
831
831
  role="listbox"
832
832
  class="gl-new-dropdown-contents gl-new-dropdown-contents-with-scrim-overlay"
833
833
  :class="listboxClasses"
834
- tabindex="-1"
834
+ tabindex="0"
835
835
  @keydown="onKeydown"
836
836
  >
837
837
  <component :is="itemTag" class="top-scrim-wrapper" aria-hidden="true" data-testid="top-scrim">
package/src/scss/utilities.scss CHANGED
@@ -305,6 +305,14 @@ $gl-animate-skeleton-loader-max-width: 64 * $grid-size;
305
305
  background-color: $gray-900 !important
306
306
  }
307
307
 
308
+ .gl-bg-gray-950 {
309
+ background-color: $gray-950
310
+ }
311
+
312
+ .gl-bg-gray-950\! {
313
+ background-color: $gray-950 !important
314
+ }
315
+
308
316
  .gl-bg-blue-50 {
309
317
  background-color: $blue-50
310
318
  }
package/src/scss/utility-mixins/background.scss CHANGED
@@ -66,6 +66,10 @@
66
66
  background-color: $gray-900;
67
67
  }
68
68
 
69
+ @mixin gl-bg-gray-950 {
70
+ background-color: $gray-950;
71
+ }
72
+
69
73
  @mixin gl-bg-blue-50($hover: true) {
70
74
  background-color: $blue-50;
71
75
  }
package/src/tokens/common_story_options.js CHANGED
@@ -89,7 +89,7 @@ export const template = `
89
89
  <code class="gl-reset-color">{{ token.$value }}</code>
90
90
  <code
91
91
  v-if="!isAlpha(token.$value)"
92
- class="gl-w-10 gl-text-center gl-rounded-base gl-font-xs gl-p-2 gl-bg-gray-900"
92
+ class="gl-w-10 gl-text-center gl-rounded-base gl-font-xs gl-p-2 gl-bg-gray-950"
93
93
  :class="getColorContrastClass('dark', token.$value)"
94
94
  >
95
95
  {{ getColorContrast('dark', token.$value).level.grade }}