@gitlab/ui 94.0.1 → 94.1.1

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 (39) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tailwind.css +1 -1
  5. package/dist/tailwind.css.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/base/avatar/avatar.scss +6 -6
  8. package/src/components/base/avatar_link/avatar_link.scss +1 -1
  9. package/src/components/base/avatars_inline/avatars_inline.scss +2 -2
  10. package/src/components/base/badge/badge.scss +1 -1
  11. package/src/components/base/breadcrumb/breadcrumb.scss +1 -1
  12. package/src/components/base/button/button.scss +3 -3
  13. package/src/components/base/drawer/drawer.scss +1 -1
  14. package/src/components/base/dropdown/dropdown.scss +1 -1
  15. package/src/components/base/dropdown/dropdown_divider.scss +1 -1
  16. package/src/components/base/filtered_search/filtered_search.scss +4 -4
  17. package/src/components/base/filtered_search/filtered_search_suggestion_list.scss +2 -2
  18. package/src/components/base/form/form_checkbox/form_checkbox.scss +2 -2
  19. package/src/components/base/infinite_scroll/infinite_scroll.scss +2 -2
  20. package/src/components/base/label/label.scss +5 -5
  21. package/src/components/base/loading_icon/loading_icon.scss +1 -1
  22. package/src/components/base/markdown/markdown.scss +1 -1
  23. package/src/components/base/markdown/markdown_typescale_demo.html +1 -1
  24. package/src/components/base/modal/modal.scss +1 -1
  25. package/src/components/base/nav/nav.scss +1 -1
  26. package/src/components/base/new_dropdowns/dropdown.scss +5 -5
  27. package/src/components/base/path/path.scss +1 -1
  28. package/src/components/base/segmented_control/segmented_control.scss +1 -1
  29. package/src/components/base/table/table.scss +1 -1
  30. package/src/components/base/tabs/tabs/tabs.scss +1 -1
  31. package/src/components/base/toast/toast.scss +1 -0
  32. package/src/components/base/toggle/toggle.scss +3 -3
  33. package/src/components/base/token/token.scss +1 -1
  34. package/src/components/base/tooltip/tooltip.scss +2 -1
  35. package/src/components/charts/legend/legend.scss +4 -4
  36. package/src/components/charts/series_label/series_label.scss +2 -2
  37. package/src/components/experimental/duo/chat/duo_chat.scss +1 -1
  38. package/src/components/shared_components/clear_icon_button/clear_icon_button.scss +1 -1
  39. package/tailwind.defaults.js +5 -4
package/src/components/charts/series_label/series_label.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .gl-series-label-container {
2
2
  @apply gl-flex;
3
3
  @apply gl-text-base;
4
- @include gl-overflow-hidden;
4
+ @apply gl-overflow-hidden;
5
5
  @apply gl-break-words;
6
6
  }
7
7
 
@@ -18,6 +18,6 @@
18
18
  // In case there are no spaces in the series label -
19
19
  // as there are quite a few possible cases where
20
20
  // Prometheus queries return long labels with no spaces.
21
- @include gl-overflow-hidden;
21
+ @apply gl-overflow-hidden;
22
22
  @apply gl-break-words;
23
23
  }
package/src/components/experimental/duo/chat/duo_chat.scss CHANGED
@@ -41,7 +41,7 @@ $duo-chat-scrim-gradient: linear-gradient(to bottom, rgba($gray-10, 0), $gray-10
41
41
  position: fixed;
42
42
  @apply gl-h-full;
43
43
  @apply gl-w-full;
44
- @include gl-overflow-y-auto;
44
+ @apply gl-overflow-y-auto;
45
45
  @include gl-shadow-lg;
46
46
  @apply gl-text-base;
47
47
  @apply gl-leading-normal;
package/src/components/shared_components/clear_icon_button/clear_icon_button.scss CHANGED
@@ -5,6 +5,6 @@
5
5
  @apply gl-text-gray-500;
6
6
 
7
7
  &:focus {
8
- @include gl-focus;
8
+ @apply gl-focus;
9
9
  }
10
10
  }
package/tailwind.defaults.js CHANGED
@@ -356,7 +356,8 @@ function addCustomDefinitions({ addComponents, addUtilities }) {
356
356
  },
357
357
  },
358
358
  '.focus': {
359
- 'box-shadow': '0 0 0 1px var(--white, #fff), 0 0 0 3px var(--blue-400, #428fdc)',
359
+ 'box-shadow':
360
+ '0 0 0 1px var(--gl-focus-ring-inner-color), 0 0 0 3px var(--gl-focus-ring-outer-color)',
360
361
  outline: 'none',
361
362
  },
362
363
  '.text-align-inherit': {
@@ -409,9 +410,9 @@ module.exports = {
409
410
  boxShadow: {
410
411
  DEFAULT: '0 1px 4px 0 #0000004d',
411
412
  none: 'none',
412
- sm: '0 1px 2px var(--gl-shadow-color-default, #05050629)',
413
- md: '0 2px 8px var(--gl-shadow-color-default, #05050629), 0 0 2px var(--gl-shadow-color-default, #05050629)',
414
- lg: '0 4px 12px var(--gl-shadow-color-default, #05050629), 0 0 4px var(--gl-shadow-color-default, #05050629)',
413
+ sm: '0 0 2px var(--gl-shadow-color-default, #05050629), 0 1px 4px var(--gl-shadow-color-default, #05050629),',
414
+ md: '0 0 1px var(--gl-shadow-color-default, #05050629), 0 0 2px var(--gl-shadow-color-default, #05050629), 0 2px 8px var(--gl-shadow-color-default, #05050629)',
415
+ lg: '0 0 2px var(--gl-shadow-color-default, #05050629), 0 0 2px var(--gl-shadow-color-default, #05050629), 0 4px 12px var(--gl-shadow-color-default, #05050629)',
415
416
  'inner-1-blue-500': 'inset 0 0 0 1px var(--blue-500, #1f75cb)',
416
417
  'inner-1-gray-100': 'inset 0 0 0 1px var(--gray-100, #dcdcde)',
417
418
  'inner-1-gray-200': 'inset 0 0 0 1px var(--gray-200, #bfbfc3)',