@gitlab/ui 93.1.0 → 93.3.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.
Files changed (105) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/bin/migrate_custom_utils_to_tw.bundled.mjs +8 -1
  3. package/dist/components/base/alert/alert.js +1 -0
  4. package/dist/components/base/avatar/avatar.js +7 -1
  5. package/dist/components/base/datepicker/datepicker.js +3 -1
  6. package/dist/components/base/drawer/drawer.js +1 -0
  7. package/dist/components/base/form/form_input/form_input.js +7 -1
  8. package/dist/components/base/form/form_select/form_select.js +7 -1
  9. package/dist/components/base/toast/toast.js +1 -0
  10. package/dist/components/base/token/token.js +1 -0
  11. package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.js +1 -1
  12. package/dist/components/experimental/duo/chat/duo_chat.js +2 -3
  13. package/dist/index.css +3 -3
  14. package/dist/index.css.map +1 -1
  15. package/dist/tokens/build/js/tokens.dark.js +2 -1
  16. package/dist/tokens/build/js/tokens.js +2 -1
  17. package/dist/tokens/css/tokens.css +1 -0
  18. package/dist/tokens/css/tokens.dark.css +1 -0
  19. package/dist/tokens/js/tokens.dark.js +1 -0
  20. package/dist/tokens/js/tokens.js +1 -0
  21. package/dist/tokens/json/tokens.dark.json +22 -0
  22. package/dist/tokens/json/tokens.json +22 -0
  23. package/dist/tokens/scss/_tokens.dark.scss +1 -0
  24. package/dist/tokens/scss/_tokens.scss +1 -0
  25. package/dist/tokens/scss/_tokens_custom_properties.scss +1 -0
  26. package/dist/tokens/tailwind/tokens.cjs +1 -0
  27. package/package.json +1 -1
  28. package/src/components/base/accordion/accordion_item.scss +1 -1
  29. package/src/components/base/alert/alert.scss +8 -8
  30. package/src/components/base/alert/alert.vue +1 -0
  31. package/src/components/base/avatar/avatar.scss +6 -6
  32. package/src/components/base/avatar/avatar.vue +4 -0
  33. package/src/components/base/avatar_labeled/avatar_labeled.scss +9 -9
  34. package/src/components/base/avatar_link/avatar_link.scss +6 -6
  35. package/src/components/base/avatars_inline/avatars_inline.scss +9 -9
  36. package/src/components/base/badge/badge.scss +6 -6
  37. package/src/components/base/banner/banner.scss +1 -1
  38. package/src/components/base/breadcrumb/breadcrumb.scss +8 -8
  39. package/src/components/base/broadcast_message/broadcast_message.scss +9 -9
  40. package/src/components/base/button/button.scss +18 -18
  41. package/src/components/base/card/card.scss +4 -4
  42. package/src/components/base/datepicker/datepicker.scss +14 -14
  43. package/src/components/base/datepicker/datepicker.vue +1 -0
  44. package/src/components/base/daterange_picker/daterange_picker.scss +7 -7
  45. package/src/components/base/drawer/drawer.scss +14 -14
  46. package/src/components/base/drawer/drawer.vue +1 -0
  47. package/src/components/base/dropdown/dropdown.scss +15 -15
  48. package/src/components/base/dropdown/dropdown_item.scss +15 -15
  49. package/src/components/base/dropdown/dropdown_section_header.scss +4 -4
  50. package/src/components/base/filtered_search/filtered_search.scss +9 -9
  51. package/src/components/base/filtered_search/filtered_search_suggestion.scss +2 -2
  52. package/src/components/base/filtered_search/filtered_search_suggestion_list.scss +2 -2
  53. package/src/components/base/filtered_search/filtered_search_token.scss +9 -9
  54. package/src/components/base/filtered_search/filtered_search_token_segment.scss +3 -3
  55. package/src/components/base/form/form_checkbox/form_checkbox.scss +10 -10
  56. package/src/components/base/form/form_group/form_group.scss +6 -6
  57. package/src/components/base/form/form_input/form_input.scss +2 -2
  58. package/src/components/base/form/form_input/form_input.vue +3 -0
  59. package/src/components/base/form/form_radio_group/form_radio_group.scss +2 -2
  60. package/src/components/base/form/form_select/form_select.scss +3 -3
  61. package/src/components/base/form/form_select/form_select.vue +3 -0
  62. package/src/components/base/infinite_scroll/infinite_scroll.scss +2 -2
  63. package/src/components/base/label/label.scss +12 -12
  64. package/src/components/base/link/link.scss +1 -1
  65. package/src/components/base/loading_icon/loading_icon.scss +4 -4
  66. package/src/components/base/markdown/markdown.scss +14 -14
  67. package/src/components/base/modal/modal.scss +12 -12
  68. package/src/components/base/new_dropdowns/dropdown.scss +17 -17
  69. package/src/components/base/new_dropdowns/dropdown_item.scss +10 -10
  70. package/src/components/base/new_dropdowns/listbox/listbox.scss +4 -4
  71. package/src/components/base/pagination/pagination.scss +5 -5
  72. package/src/components/base/path/path.scss +11 -11
  73. package/src/components/base/popover/popover.scss +1 -1
  74. package/src/components/base/search_box_by_click/search_box_by_click.scss +5 -5
  75. package/src/components/base/search_box_by_type/search_box_by_type.scss +9 -9
  76. package/src/components/base/segmented_control/segmented_control.scss +4 -4
  77. package/src/components/base/table/table.scss +6 -6
  78. package/src/components/base/tabs/tabs/tabs.scss +18 -18
  79. package/src/components/base/toast/toast.js +1 -0
  80. package/src/components/base/toast/toast.scss +10 -10
  81. package/src/components/base/toggle/toggle.scss +17 -17
  82. package/src/components/base/token/token.scss +13 -13
  83. package/src/components/base/token/token.vue +1 -0
  84. package/src/components/base/tooltip/tooltip.scss +3 -3
  85. package/src/components/charts/legend/legend.scss +17 -17
  86. package/src/components/charts/series_label/series_label.scss +6 -6
  87. package/src/components/charts/single_stat/single_stat.scss +1 -1
  88. package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.vue +9 -12
  89. package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.scss +1 -1
  90. package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.scss +4 -4
  91. package/src/components/experimental/duo/chat/duo_chat.scss +15 -15
  92. package/src/components/experimental/duo/chat/duo_chat.vue +2 -3
  93. package/src/components/shared_components/charts/tooltip_default_format.scss +5 -5
  94. package/src/scss/typescale/_index.scss +15 -15
  95. package/src/tokens/build/css/tokens.css +1 -0
  96. package/src/tokens/build/css/tokens.dark.css +1 -0
  97. package/src/tokens/build/js/tokens.dark.js +1 -0
  98. package/src/tokens/build/js/tokens.js +1 -0
  99. package/src/tokens/build/json/tokens.dark.json +22 -0
  100. package/src/tokens/build/json/tokens.json +22 -0
  101. package/src/tokens/build/scss/_tokens.dark.scss +1 -0
  102. package/src/tokens/build/scss/_tokens.scss +1 -0
  103. package/src/tokens/build/scss/_tokens_custom_properties.scss +1 -0
  104. package/src/tokens/build/tailwind/tokens.cjs +1 -0
  105. package/src/tokens/text.tokens.json +8 -0
package/src/tokens/build/scss/_tokens.dark.scss CHANGED
@@ -424,6 +424,7 @@ $gl-action-neutral-background-color-default: rgba(137, 136, 141, 0.0); // Used f
424
424
  $gl-text-color-disabled: $gl-color-neutral-400; // Used for disabled text.
425
425
  $gl-text-color-success: $gl-color-green-300; // Used for text indicating success, completion, approval, addition, or validity.
426
426
  $gl-text-color-danger: $gl-color-red-300; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
427
+ $gl-text-color-warning: $gl-color-orange-300; // Used for text that requires caution or careful attention.
427
428
  $gl-text-color-link: $gl-color-blue-300; // Used for default text links.
428
429
  $gl-text-color-heading: $gl-color-neutral-0; // Used for headings level 1-6.
429
430
  $gl-text-color-strong: $gl-color-neutral-0; // Used for text with the highest contrast.
package/src/tokens/build/scss/_tokens.scss CHANGED
@@ -424,6 +424,7 @@ $gl-action-neutral-background-color-default: rgba(164, 163, 168, 0.0); // Used f
424
424
  $gl-text-color-disabled: $gl-color-neutral-400; // Used for disabled text.
425
425
  $gl-text-color-success: $gl-color-green-600; // Used for text indicating success, completion, approval, addition, or validity.
426
426
  $gl-text-color-danger: $gl-color-red-600; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
427
+ $gl-text-color-warning: $gl-color-orange-600; // Used for text that requires caution or careful attention.
427
428
  $gl-text-color-link: $gl-color-blue-700; // Used for default text links.
428
429
  $gl-text-color-heading: $gl-color-neutral-950; // Used for headings level 1-6.
429
430
  $gl-text-color-strong: $gl-color-neutral-950; // Used for text with the highest contrast.
package/src/tokens/build/scss/_tokens_custom_properties.scss CHANGED
@@ -904,6 +904,7 @@ $gl-text-color-subtle: var(--gl-text-color-subtle);
904
904
  $gl-text-color-strong: var(--gl-text-color-strong);
905
905
  $gl-text-color-heading: var(--gl-text-color-heading);
906
906
  $gl-text-color-link: var(--gl-text-color-link);
907
+ $gl-text-color-warning: var(--gl-text-color-warning);
907
908
  $gl-text-color-danger: var(--gl-text-color-danger);
908
909
  $gl-text-color-success: var(--gl-text-color-success);
909
910
  $gl-text-color-disabled: var(--gl-text-color-disabled);
package/src/tokens/build/tailwind/tokens.cjs CHANGED
@@ -209,6 +209,7 @@ const textColors = {
209
209
  strong: 'var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))',
210
210
  heading: 'var(--gl-text-color-heading, var(--gl-color-neutral-950, #18171d))',
211
211
  link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #0b5cad))',
212
+ warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #9e5400))',
212
213
  danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #c91c00))',
213
214
  success: 'var(--gl-text-color-success, var(--gl-color-green-600, #217645))',
214
215
  disabled: 'var(--gl-text-color-disabled, var(--gl-color-neutral-400, #89888d))',
package/src/tokens/text.tokens.json CHANGED
@@ -68,6 +68,14 @@
68
68
  "$type": "color",
69
69
  "$description": "Used for default text links."
70
70
  },
71
+ "warning": {
72
+ "$value": {
73
+ "default": "{color.orange.600}",
74
+ "dark": "{color.orange.300}"
75
+ },
76
+ "$type": "color",
77
+ "$description": "Used for text that requires caution or careful attention."
78
+ },
71
79
  "danger": {
72
80
  "$value": {
73
81
  "default": "{color.red.600}",