Update dependency @gitlab/ui to v110

This MR contains the following updates:

Package	Type	Update	Change
@gitlab/ui	dependencies	major	76.1.0 -> 110.0.0

MR created with the help of gitlab-org/frontend/renovate-gitlab-bot

---

Release Notes

gitlab-org/gitlab-ui (@​gitlab/ui)

v110.0.0

Compare Source

Features

• charts: Removes GlChartTooltip component from published package (99517f4)

BREAKING CHANGES

• charts: GlChartTooltip cannot be imported from '@​gitlab/ui/dist/charts'

109.2.1 (2025-03-07)

Bug Fixes

• combobox: Combobox ARIA labeling (2d46733)

v109.2.1

Compare Source

Bug Fixes

• combobox: Combobox ARIA labeling (2d46733)

v109.2.0

Compare Source

Features

• GlCollapsibleListbox: Visually highlight first result when searching (0430cc4)

v109.1.0

Compare Source

Features

• GlChart: Remove deprecated "disable-theme" prop (64c8f57)

v109.0.0

Compare Source

Code Refactoring

• GlCollapse: remove BCollapse component (f53fdd4)

BREAKING CHANGES

• GlCollapse: GlCollapse now has its own implementation and does not rely on BCollapse anymore.

Drops support of the toggle directive for toggling the GlCollapse's state. Going forward, the v-model should be used instead. Drops support of hide, show events.

Also drops supports of:

• appear prop
• v-b-toggle, which can be used to trigger multiple collapse elements
• turn a group of collapse components into an accordion with accordion prop
• navbar support with is-nav prop
• $root event
• show and hide events

See bootstrap doc (https://bootstrap-vue.org/docs/components/collapse#collapse) for details.

v108.10.0

Compare Source

Features

• charts: Set up charts to auto generate long description (96bb848)

108.9.1 (2025-03-03)

Bug Fixes

• GlCollapsibleListbox: fix button focus ring color in dark mode (2f2bfdc)

v108.9.1

Compare Source

Bug Fixes

• GlCollapsibleListbox: fix button focus ring color in dark mode (2f2bfdc)

v108.9.0

Compare Source

Features

• DesignTokens: Update neutral icons (62316ba)

108.8.1 (2025-02-27)

Bug Fixes

• GlTruncate: Prevent total whitespace collapse (2811b7e)

v108.8.1

Compare Source

Bug Fixes

• GlTruncate: Prevent total whitespace collapse (2811b7e)

v108.8.0

Compare Source

Features

• GlDatepicker: use variant prop on GlIcon for disabled control (f64fe84)
• GlLabel: update scoped label title text color to text.color.strong (6df7597)

v108.7.0

Compare Source

Features

• GlStackedColumnChart: Simplify chart tooltip API (837c638)

v108.6.0

Compare Source

Features

• GlButtonGroup: Selected state (f4afaec)

v108.5.0

Compare Source

Features

• GlTable: Update empty state to use text.subtle (10b8cda)

108.4.1 (2025-02-21)

Bug Fixes

• GlBreadcrumb: Hide breadcrumb item if it has no text (d9badd5)

v108.4.1

Compare Source

Bug Fixes

• GlBreadcrumb: Hide breadcrumb item if it has no text (d9badd5)

v108.4.0

Compare Source

Features

• GlLink: Add variants and use design tokens in GlLink (ec6b16d)

108.3.1 (2025-02-14)

Bug Fixes

• GlDisclosureDropdownItem: remove improper aria-hidden (37977f8)

v108.3.1

Compare Source

Bug Fixes

• GlDisclosureDropdownItem: remove improper aria-hidden (37977f8)

v108.3.0

Compare Source

Features

• GlAnimatedIcon: Add variant prop (a1f1d8f)

v108.2.0

Compare Source

Features

• GlToast: Use token for action color (5eec4df)

v108.1.0

Compare Source

Features

• GlBreadcrumb: Add size prop (47cf4bd)

108.0.1 (2025-02-04)

Bug Fixes

• Correct GlSearchBoxByClick and GlSearchBoxByType component names (bf56a82)
• Correct the N letter (748bb3e)

v108.0.1

Compare Source

Bug Fixes

• Correct GlSearchBoxByClick and GlSearchBoxByType component names (bf56a82)
• Correct the N letter (748bb3e)

v108.0.0

Compare Source

Features

• remove BFormInput from GlFormInput (f71e397)

BREAKING CHANGES

• Remove support for size prop which does not have any effect anyway.

107.7.1 (2025-01-31)

Bug Fixes

• GlButtonGroup: fix specificity issue (cf8cc2b)

v107.7.1

Compare Source

Bug Fixes

• GlButtonGroup: fix specificity issue (cf8cc2b)

v107.7.0

Compare Source

Features

• Dropdown: Add indicator (065c810)

107.6.2 (2025-01-30)

Bug Fixes

• GlButtonGroup: Fix specificity problem (837d85c)

107.6.1 (2025-01-27)

Bug Fixes

• GlPath: move id from list item to button (99ce2ac)

v107.6.2

Compare Source

Bug Fixes

• GlButtonGroup: Fix specificity problem (837d85c)

v107.6.1

Compare Source

Bug Fixes

• GlPath: move id from list item to button (99ce2ac)

v107.6.0

Compare Source

Features

• Banner: Update border tokens (0faf4bb)

v107.5.0

Compare Source

Features

• GlListbox: Allow infinite scroll with grouped listbox items (4d2703f)

v107.4.0

Compare Source

Features

• Tailwind: Add subtle and strong border tokens to shadow utils (3584dfc)

v107.3.0

Compare Source

Features

• DesignTokens: add data color design tokens (780029e)
• DesignTokens: deprecate data-viz design tokens (68a4521)

107.2.1 (2025-01-17)

Bug Fixes

• Installation as a dependency (e7ceee9)

v107.2.1

Compare Source

Bug Fixes

• Installation as a dependency (e7ceee9)

v107.2.0

Compare Source

Features

• ButtonGroup: Change border color separator in darkmode (866456f)

107.1.1 (2025-01-17)

Bug Fixes

• GlPopover: Render content prop when given (55c98a1)

v107.1.1

Compare Source

Bug Fixes

• GlPopover: Render content prop when given (55c98a1)

v107.1.0

Compare Source

Features

• Dropdown: Update design tokens (c8663b6)

107.0.1 (2025-01-15)

Bug Fixes

• GlChartTooltip: Render correctly in Vue 3 (50203aa)

v107.0.1

Compare Source

Bug Fixes

• GlChartTooltip: Render correctly in Vue 3 (50203aa)

v107.0.0

Compare Source

Features

• Remove GlPaginatedList (ac6abf9)

BREAKING CHANGES

• The GlPaginatedList component has been removed. Reimplement the component locally if needed.

106.2.2 (2025-01-13)

Bug Fixes

• GlDisclosureDropdown: Render group items in Vue 3 (8eaa952)

106.2.1 (2025-01-13)

Bug Fixes

• GlDashboardPanel: Fix title truncation (5bde012)

v106.2.2

Compare Source

Bug Fixes

• GlDisclosureDropdown: Render group items in Vue 3 (8eaa952)

v106.2.1

Compare Source

Bug Fixes

• GlDashboardPanel: Fix title truncation (5bde012)

v106.2.0

Compare Source

Features

• GlExperimentBadge: Add story for beta (5c63782)

v106.1.0

Compare Source

Features

• Update @​vue/compat to 3.5.13 (8d6d8b0)

v106.0.0

Compare Source

Features

• GlButtonGroup: migrate GlButtonGroup (e1f4927)

BREAKING CHANGES

• GlButtonGroup: this removes the size, tag, and ariaRole props from GlButtonGroup.

v105.7.0

Compare Source

Features

• GlDashboardPanel: Add dashboards panel component (3099226)

v105.6.0

Compare Source

Features

• migrate GlInputGroupText (eb12e80)

v105.5.0

Compare Source

Features

• DesignTokens: add stories for feedback and status design tokens (f97417a)

v105.4.0

Compare Source

Features

• Tailwind: add neutral constant colors (85bd8dd)

v105.3.0

Compare Source

Features

• CSS: remove gl-heading-scale SCSS mixin (67b5429)

v105.2.0

Compare Source

Features

• DesignTokens: Add design tokens for illustrations (1682bb4)
• DesignTokens: Add illustration stroke width (75cbe2d)

105.1.1 (2024-12-10)

Bug Fixes

• GlFilteredSearch: allow passing null values to non multi select inputs (01446a9)

v105.1.1

Compare Source

Bug Fixes

• GlFilteredSearch: allow passing null values to non multi select inputs (01446a9)

v105.1.0

Compare Source

Features

• Tailwind: add feedback design tokens to Tailwind classes (1af64c6)

105.0.1 (2024-12-05)

Bug Fixes

• GlFormCheckbox: checked state with non-boolean value (eb28dd3), closes /gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/4863#note_2236852320

v105.0.1

Compare Source

Bug Fixes

• GlFormCheckbox: checked state with non-boolean value (eb28dd3), closes /gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/4863#note_2236852320

v105.0.0

Compare Source

chore

• remove deprecated Duo components in favor of Duo-UI (8e8d394)

BREAKING CHANGES

• Refactored code to fully remove deprecated duo components, Updated references and imports to Duo-UI for consistency

v104.2.0

Compare Source

Features

• Bootstrap: Update link color and link hover color (6812034)

104.1.2 (2024-12-04)

Bug Fixes

• Tailwind: fix gl-shadow-inner-b-border class shadow (951cd36)

104.1.1 (2024-12-03)

Bug Fixes

• remove unused title-sr-only prop in modal.js (d41a24e)

v104.1.2

Compare Source

Bug Fixes

• Tailwind: fix gl-shadow-inner-b-border class shadow (951cd36)

v104.1.1

Compare Source

Bug Fixes

• remove unused title-sr-only prop in modal.js (d41a24e)

v104.1.0

Compare Source

Features

• Tailwind: add border default design token to shadow utils (2aae4d3)

v104.0.0

Compare Source

Features

• Button: Remove deprecated button variants (2da00cd)

BREAKING CHANGES

• Button: Removes the success and info variants.

103.7.1 (2024-11-27)

Bug Fixes

• GlBreadcrumbs: alignment of text when avatar is present (dde617a)

v103.7.1

Compare Source

Bug Fixes

• GlBreadcrumbs: alignment of text when avatar is present (dde617a)

v103.7.0

Compare Source

Features

• Borders: Update subtle dark (ff7d79d)

103.6.1 (2024-11-26)

Bug Fixes

• GlCollapse: Don't close on nav-link clicks (d789933)

v103.6.1

Compare Source

Bug Fixes

• GlCollapse: Don't close on nav-link clicks (d789933)

v103.6.0

Compare Source

Features

• Tailwind: add status design tokens to Tailwind classes (b57449f)

103.5.1 (2024-11-26)

Bug Fixes

• GlIntersperse: Ignore empty nodes in Vue 3 (91ec35b)

v103.5.1

Compare Source

Bug Fixes

• GlIntersperse: Ignore empty nodes in Vue 3 (91ec35b)

v103.5.0

Compare Source

Features

• GlAccordion: add chevron animation (fee4ef4)

103.4.1 (2024-11-22)

Bug Fixes

• GlFormInputGroup: announce description when wrapped in GlFormGroup (59bb6b1)

v103.4.1

Compare Source

Bug Fixes

• GlFormInputGroup: announce description when wrapped in GlFormGroup (59bb6b1)

v103.4.0

Compare Source

Features

• Drawer: Apply suggestions (fca336a)
• Drawer: Cleanup apply and classes (de760bf)
• Drawer: Update design tokens (34dc4c5)
• StatusTokens: Update status icon token values (5005220)

v103.3.0

Compare Source

Features

• GlBadge: migrate to reduce motion mixin (5430718)

v103.2.0

Compare Source

Features

• GlPadination: use animation for a focus ring (4fd78d8)

v103.1.0

Compare Source

Features

• Bootstrap: Move _reboot color on caption to typography.scss (660b70b)
• Color: Update red 300 (e94bf80)
• EmptyState: Change description to use subtle text (cb34f91)

v103.0.0

Compare Source

Features

• Tailwind: remove ring Tailwind classes and adjust outline colors (1d88666)

BREAKING CHANGES

• Tailwind: We have a custom gl-focus class so removing ring classes to avoid confusion. Also we should only allow outline color to be --gl-focus-ring-outer-color for consistency.

v102.5.0

Compare Source

Features

• GlKeysetPagination: buttons match pagination styles (874fe3f)

102.4.1 (2024-11-15)

Bug Fixes

• GlLoadingSpinner: restore spin CSS animation (fb62ce8)

v102.4.1

Compare Source

Bug Fixes

• GlLoadingSpinner: restore spin CSS animation (fb62ce8)

v102.4.0

Compare Source

Features

• Borders: Update border tokens (6fa4405)

v102.3.0

Compare Source

Bug Fixes

• tailwind sm shadow (293b3a1)

Features

• LoadingIcon: Update spinner contrast (ac31224)
• Shadows: Darken dark shadows (6655110)
• Shadows: Darken dark shadows (5a38d0c)

v102.2.0

Compare Source

Features

• DuoChat: Emit chat-slash event on slash commands opened (07d8ed6)

102.1.6 (2024-11-14)

Bug Fixes

• GlInfiniteScroll: legend styles to use design token (74cef1a)

102.1.5 (2024-11-14)

Bug Fixes

• GlBroadcastMessage: use ds shadow and overlap background (0ffc7c9)

102.1.4 (2024-11-14)

Bug Fixes

• GlSkeletonLoader: tailwind use design tokens (5192f87)

102.1.3 (2024-11-13)

Bug Fixes

• GlAlert: remove link color override (21c2930)

102.1.2 (2024-11-13)

Bug Fixes

• GlAvatarLink: remove hover underline color overrides (6f5918a)

102.1.1 (2024-11-13)

Bug Fixes

• GlSkeletonLoader: add missing keyframes instruction (b7cd4f5)

v102.1.6

Compare Source

Bug Fixes

• GlInfiniteScroll: legend styles to use design token (74cef1a)

v102.1.5

Compare Source

Bug Fixes

• GlBroadcastMessage: use ds shadow and overlap background (0ffc7c9)

v102.1.4

Compare Source

Bug Fixes

• GlSkeletonLoader: tailwind use design tokens (5192f87)

v102.1.3

Compare Source

Bug Fixes

• GlAlert: remove link color override (21c2930)

v102.1.2

Compare Source

Bug Fixes

• GlAvatarLink: remove hover underline color overrides (6f5918a)

v102.1.1

Compare Source

Bug Fixes

• GlSkeletonLoader: add missing keyframes instruction (b7cd4f5)

v102.1.0

Compare Source

Bug Fixes

• Add index.js back to the library (c3e38b1)

Features

• Bootstrap: Remove reboot colors on body (9e76796)

v102.0.0

Compare Source

Bug Fixes

• GlCheckbox: always add a label, even for empty content (4154c08)

Features

• FormRadio,FormCheckbox: Remove buttons style (5ca17b0)
• GlButton: Remove pill and squared properties (7c61763)
• GlFormRadio,GlFormCheckbox: Remove plain style (415542c)
• GlNav,GlTabs: Remove vertical and card designs (8bd8b00)

BREAKING CHANGES

• GlNav,GlTabs: BootstrapVue's Nav and Tabs components support a vertical, and card styles. These styles are now removed in GitLab UI.
• GlFormRadio,GlFormCheckbox: The GlFormRadio and GlFormCheckbox do not support the property 'plain' anymore. Prefer overriding the CSS styles in case native browser styles should be used instead.
• FormRadio,FormCheckbox: BootstrapVue's Radio Buttons and Checkboxes support a button style mode which was never documented within our system. We do not support adding the property 'button' on GlFormRadio and GlFormCheckbox.
• GlButton: The GlButton does not support the properties 'pill' and 'squared' anymore. Prefer using the styles with the usual border radius. When absolutely necessary, apply GitLab UI Util CSS classes to override the border radius

v101.16.0

Compare Source

Features

• GlDuoChat, GlAnimatedIcon: Update loading icon (23d0874)

v101.15.0

Compare Source

Features

• DuoChat: support project dependencies context item type (e212121)

v101.14.0

Compare Source

Features

• GlToast: Replace BootstrapCSS Util with GitLab UI Class (57d069b)

v101.13.0

Compare Source

Features

• GlDropdown: Replace BootstrapCSS Util Class with GitLab UI Class (8772f60)

v101.12.0

Compare Source

Features

• DuoChat: Update input placeholder text (657bde9)

v101.11.0

Compare Source

Features

• GlChartsLegend: Replace legacy CSS Class with design tokens (78a3ece)

v101.10.0

Compare Source

Features

• Tokens: Update hover values (3b3b9cd)

v101.9.0

Compare Source

Features

• GlDuoChat: Use design tokens to improve darkmode & WHCM (1f315fc)

v101.8.0

Compare Source

Features

• GlLink: Update darkmode token value (b8c03e0)

101.7.1 (2024-11-04)

Bug Fixes

• GlDuoChat: Prevent scrolling the content behind the Duo Chat (2b48d08)

v101.7.1

Compare Source

Bug Fixes

• GlDuoChat: Prevent scrolling the content behind the Duo Chat (2b48d08)

v101.7.0

Compare Source

Features

• CSS: add typography.scss to set heading text color (2ed35b5)
• Tailwind: add text.color.heading to heading utility classes (98e7d1e)

101.6.2 (2024-11-01)

Bug Fixes

• GlTruncate: Don't add title attr when withTooltip is [secure] (9fdc7a4)

101.6.1 (2024-11-01)

Bug Fixes

• GlDuoChat: Fix chat body background (0526ba1)

v101.6.2

Compare Source

Bug Fixes

• GlTruncate: Don't add title attr when withTooltip is [secure] (9fdc7a4)

v101.6.1

Compare Source

Bug Fixes

• GlDuoChat: Fix chat body background (0526ba1)

v101.6.0

Compare Source

Features

• Typography: Update gl-heading to use design token color (539409e)

v101.5.0

Compare Source

Features

• GlSegmentedControl: Reactivate deprecated component (317673e)

v101.4.0

Compare Source

Features

• GlDuoChat: Update the chat appearance (3413814)

101.3.1 (2024-10-31)

Bug Fixes

• fix dynamic height of duo chat textarea (502a983)

v101.3.1

Compare Source

Bug Fixes

• fix dynamic height of duo chat textarea (502a983)

v101.3.0

Compare Source

Features

• GlCard: Update design tokens (b5ac971)

101.2.1 (2024-10-30)

Bug Fixes

• GlBroadcastMessage: Fix link color in content (1e7b459)

v101.2.1

Compare Source

Bug Fixes

• GlBroadcastMessage: Fix link color in content (1e7b459)

v101.2.0

Compare Source

Features

• DuoChat: consolidate sass variable for duo scrim (980d5ad)

v101.1.0

Compare Source

Features

• toast: Accept 'autoHideDelay' as an option argument for toast (016b159)

101.0.1 (2024-10-29)

Bug Fixes

• feedback.strong.* icon and link contrast (68b00cf)

v101.0.1

Compare Source

Bug Fixes

• feedback.strong.* icon and link contrast (68b00cf)

v101.0.0

Compare Source

Features

• Remove bootstrap peer-depenceny and use vendored version instead (1628107)

BREAKING CHANGES

• In release 94.4.0 we added vendored bootstrap@4.6.2 SCSS. Now @​gitlab/ui stops relying on the bootstrap peer dependency and uses the vendored bootstrap SCSS files instead. Unless you use JavaScript bits of bootstrap, you can simply drop the bootstrap dependency.

v100.0.0

Compare Source

Features

• migrate GlBadge (02f3e90)

BREAKING CHANGES

• Remove GlBadge's router link and nuxt link related props.

• Migrates GlBadge so it does not make use of Bootstrap Vue's BBadge anymore.

• Still uses the BLink component if link props are provided.

• Specs are added for the additional functionality.

• Docs for the badge include information about the link badge now.

• Include link badge styling for disabled case.

• Update GlBadge default story.

• Removes vendored BBadge code.

v99.1.0

Compare Source

Features

• GlFormSelect: Add class property (482ba49)

99.0.1 (2024-10-28)

Bug Fixes

• BvTransition: Check whether Element is defined in DOM API (b69838d)

v99.0.1

Compare Source

Bug Fixes

• BvTransition: Check whether Element is defined in DOM API (b69838d)

v99.0.0

Compare Source

chore

• remove legacy utils library (cd7bf70)

BREAKING CHANGES

• This effectively removes all of the legacy utility mixins as well as the generated & published CSS utilities. Consumers that leverage gl- utils should migrate to Tailwind CSS. See https://gitlab.com/gitlab-org/gitlab-ui/-/blob/9defa96b76de82182561d2cec869194e576c60a8/doc/css.md for more information.

98.5.2 (2024-10-25)

Bug Fixes

• GlExperimentBadge: Added hover and focus to GlExperimentBadge (26940f4)

98.5.1 (2024-10-25)

Bug Fixes

• Pagination: Prevent clicks on prev and next links when disabled (74b2a39)

v98.5.2

Compare Source

Bug Fixes

• GlExperimentBadge: Added hover and focus to GlExperimentBadge (26940f4)

v98.5.1

Compare Source

Bug Fixes

• Pagination: Prevent clicks on prev and next links when disabled (74b2a39)

v98.5.0

Compare Source

Features

• DuoChatMessage: add max height for code blocks in messages (4493ca9)

v98.4.0

Compare Source

Features

• DuoChatMessage: Add a stable CSS selector for error messages (1fe03be)

v98.3.0

Compare Source

Features

• bootstrap-vue: Replace BootstrapCSS Util classes with GitLab Classes (aaf2df9)
• Replace Bootstrap CSS Utils with GitLab Ui Utils (5f93b5c)

v98.2.0

Compare Source

Features

• GlButton: Update design tokens for darkmode (aa25a3f)
• GlForm: Input group use default font size (22280fb)
• GlForm: Input group use design tokens (533f374)

98.1.2 (2024-10-23)

Bug Fixes

• Breadcrumb: Add key attribute to v-for loop (b460ea3)

98.1.1 (2024-10-22)

Bug Fixes

• Revert merge commit updating darkmode tokens (a4c0c77)

v98.1.2

Compare Source

Bug Fixes

• Breadcrumb: Add key attribute to v-for loop (b460ea3)

v98.1.1

Compare Source

Bug Fixes

• Revert merge commit updating darkmode tokens (a4c0c77)

v98.1.0

Compare Source

Features

• GlButton: Update design tokens for darkmode (6185229)

v98.0.0

Compare Source

Features

• Remove GlNavbar, BNavbar and traces of the component (9094341)

BREAKING CHANGES

• • Remove component GlNavbar
• Remove prop 'isNav' from GlCollapse

v97.3.0

Compare Source

Features

• GlProgressBar: Replace Bootstrap Background Class with Custom CSS (3cec71c)

97.2.1 (2024-10-18)

Bug Fixes

• GlProgressBar: adds accessible name (dad2627), closes /gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/4125#note_1878259355

v97.2.1

Compare Source

Bug Fixes

• GlProgressBar: adds accessible name (dad2627), closes /gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/4125#note_1878259355

v97.2.0

Compare Source

Features

• GlIcon: Add iconOpticallyAligned prop (041e211)

v97.1.0

Compare Source

Features

• DesignTokens: add token-selector design tokens (54a79d3)
• glToggle: add border color and disabled attribute on toggle when disabled (9047a39)
• GlToggle: change border color for interactive pseudo-classes (bd3d5c8)
• GlToggle: remove gl-focus on hover (877326a)
• GlTokenSelector: use design tokens in GlTokenSelector (cc5b2bc)

v97.0.0

Compare Source

Features

• migrate GlProgressBar component (c58a6c8)

BREAKING CHANGES

• Remove GlProgressBar's animated, precision, showValue, showProgress, striped props, and functionality to use the default slot.

• Migrate GlProgressBar component so it does not depend on Bootstrap Vue's BProgress and BProgressBar components anymore

• Remove Bootstrap Vue's BProgress, BProgressBar, styling, and docs

• Include documentation for GlProgressBar

• Update stories to include height and max

• Update toast docs to remove mention of progress bar styling

v96.3.0

Compare Source

Features

• GlSearchBoxByClick: use design tokens in GlSearchBoxByClick (23606cf)

v96.2.0

Compare Source

Features

• Add new mainField vueSource to package.json (bec84bc)

v96.1.0

Compare Source

Features

• GlToggle: pairing with James feedback (f261031)
• toggle: adds specificity for when is-checked and is-disabled (9fd0daf)
• toggle: another clean up of css states (77a6672)
• toggle: apply suggestions (fd2e809)
• toggle: fix linting error (2218423)
• toggle: further cleanup of CSS (b278a9e)
• toggle: make no pointer events on toggle icon (ac7c1f4)
• toggle: rearrange css order for specificity (589e39e)
• toggle: set class to is-disabled when loading (478f2fb)
• toggle: use design tokens for is-disabled colors and clean up styling (fad38fa)

v96.0.0

Compare Source

Bug Fixes

• DuoChat: Remove the clean slash command (eb10c71)

BREAKING CHANGES

• DuoChat: Remove support for using /clean slash command. Use documented /clear command.

v95.6.0

Compare Source

Features

• toggle: fix typos in design tokens (fde8641)
• toggle: Use design tokens in place of legacy color styling (a094269)

95.5.1 (2024-10-09)

Bug Fixes

• Mark merge-cobertura as a dev dependency (7e56374)

v95.5.1

Compare Source

Bug Fixes

• Mark merge-cobertura as a dev dependency (7e56374)

v95.5.0

Compare Source

Features

• GlSearchBoxByType: use design tokens in GlSearchBoxByType (4872b5a)

v95.4.0

Compare Source

Features

• design-tokens: Add new design tokens for GlToggle (fd32020)

v95.3.0

Compare Source

Bug Fixes

• GlPagination: add aria-disabled attribute to disabled li items (af70cb2)

Features

• DesignTokens: add action selected design tokens (ac6c84b)
• GlKeysetPagination: use tertiary category for buttons (573fd1a)
• GlPaginatedList: use design tokens in GlPaginatedList (656b9fd)
• GlPagination: use design tokens in GlPagination (26f4592)

95.2.1 (2024-10-08)

Bug Fixes

• GlDatepicker: adds tests (21a6964)
• GlDatepicker: Bind correct this (392a6cd)
• GlDatepicker: Fix accessibility violations (c753967)
• GlDatepicker: format with prettier (0af6cff)
• GlDatepicker: Use translate function for aria-label (ae13b84)

v95.2.1

Compare Source

Bug Fixes

• GlDatepicker: adds tests (21a6964)
• GlDatepicker: Bind correct this (392a6cd)
• GlDatepicker: Fix accessibility violations (c753967)
• GlDatepicker: format with prettier (0af6cff)
• GlDatepicker: Use translate function for aria-label (ae13b84)

v95.2.0

Compare Source

Features

• tailwind: add support for border-color transition (d1b38c3)

95.1.1 (2024-10-05)

Bug Fixes

• update dropdown headers to use strong text color (6f6b208)

v95.1.1

Compare Source

Bug Fixes

• update dropdown headers to use strong text color (6f6b208)

v95.1.0

Compare Source

Bug Fixes

• don't open details modal if selecting close button via keyboard (8e8a4c3)

Features

• GlDuoChat: view context item content/details (63909dd)

v95.0.0

Compare Source

Features

• GlModal: Remove variant options (5580ba3)
• GlProgressBar: Apply design tokens (4776905)
• GlProgressBar: Remove some progress bar color variants (4a3289d)

BREAKING CHANGES

• GlProgressBar: * Rename variantOptions to progressBarOptions since they're only used for the GlProgressBar
• Remove options: secondary, light, dark, info
• GlModal: Remove util constants variantOptionsWithNoDefault, and possibility to apply header, body, and footer variants.

BootstrapVue's Modal supported multiple variants:

• headerBgVariant
• headerBorderVariant
• headerTextVariant
• headerCloseVariant
• bodyBgVariant
• bodyTextVariant
• footerBgVariant
• footerBorderVariant
• footerTextVariant

These attributes were passed through the GitLab UI Component to the BootstrapVue's original component. These variants have never been used and are now deleted. Alongside with the exported constant in the utils folder.

v94.10.0

Compare Source

Features

• GlFormComboBox: use design tokens in GlFormComboBox (7dd5b86)

v94.9.0

Compare Source

Features

• GlButton: Add animation and migrate box-shadow to border (602811d)

v94.8.0

Compare Source

Features

• Alert: Ensure Alert actions can wrap (cc4df4c)

v94.7.0

Compare Source

Features

• DesignTokens: add dropdown design tokens (d67bf54)
• DesignTokens: use design tokens in dropdown styles (93f89ed)
• GlCollapsibleListbox: use design tokens in GlCollapsibleListbox (76c3f00)
• GlDisclosureDropdown: use design tokens in GlDisclosureDropdown (b2a622c)
• GlDropdown: use design tokens in GlDropdown (62d74e0)
• GlFilteredSearchSuggestion: use design tokens (942d8b9)

94.6.1 (2024-10-02)

Bug Fixes

• GlBreadcrumb: Fix items watcher behavior (f4256e4)

v94.6.1

Compare Source

Bug Fixes

• GlBreadcrumb: Fix items watcher behavior (f4256e4)

v94.6.0

Compare Source

Features

• DesignTokens: update overlap background color to color.neutral.900 (e0a8b98)

v94.5.0

Compare Source

Features

• support "local git" Duo Chat pinned context category (127691f)

94.4.2 (2024-09-27)

Bug Fixes

• update illustrations in stories (8ab654e)

94.4.1 (2024-09-26)

Bug Fixes

• GlFormInput: Set noWheel to true for number inputs (a218651)

v94.4.2

Compare Source

Bug Fixes

• update illustrations in stories (8ab654e)

v94.4.1

Compare Source

Bug Fixes

• GlFormInput: Set noWheel to true for number inputs (a218651)

v94.4.0

Compare Source

Features

• Add vendored bootstrap@4.6.2 SCSS (d0181d5)

v94.3.0

Compare Source

Features

• DuoChat: Remove bottom disclaimer (52c95b5)

v94.2.0

Compare Source

Bug Fixes

• GlFilteredSearchTerm: remove background from input (47a75e9)

Features

• DesignTokens: add token and filtered-search design tokens (dbc64cc)
• GlFilteredSearch: update input background and border color (3dcb7cd)
• GlFilteredSearchToken: use design tokens in GlFilteredSearchToken (fbd61c0)
• GlToken: use design tokens in GlToken (ce31604)

94.1.1 (2024-09-24)

Bug Fixes

• update gl-focus Tailwind util definition (6bb0987)

v94.1.1

Compare Source

Bug Fixes

• update gl-focus Tailwind util definition (6bb0987)

v94.1.0

Compare Source

Features

• Elevation: Clearer defined and more refined shadows (635b416)
• GlToast: Add shadow to communicate elevation (942ab0f)
• GlTooltip: Add shadow to communicate elevation (bf53d96)

94.0.1 (2024-09-24)

Bug Fixes

• add animated icons to src/index.js (f73e078)

v94.0.1

Compare Source

Bug Fixes

• add animated icons to src/index.js (f73e078)

v94.0.0

Compare Source

Bug Fixes

• GlTable: do not override CSS utils styling (9c3ce10)

BREAKING CHANGES

• GlTable: This rewrites how GlTable's TH elements text alignment is applied. If you were previously passing gl-text-right to a table's thClass field option, you should migrate to the thAlignRight option instead. Not migrating could cause rendering issues in right-aligned sortable columns.

Before:

const fields = [
  {
    key: "column_one",
    label: __("First column"),
    sortable: true,
    thClass: 'gl-text-right',
  },
];

After:

const fields = [
  {
    key: "column_one",
    label: __("First column"),
    sortable: true,
    thAlignRight: true,
  },
];

v93.4.0

Compare Source

Features

• DuoChat: Remove "generated by AI" message (0e6c72b)

v93.3.0

Compare Source

Features

• DuoChatContextItemPopover: fix styling for long strings (b7b4517)

v93.2.0

Compare Source

Features

• DesignTokens: add text warning design tokens (e00b998)

v93.1.0

Compare Source

Bug Fixes

• GlDisclosureDropdown: Add spacing after loading icon (82eef91)

Features

• i18n: Setup translation for Duo Chat component and all sub-components (0b766ef)

v93.0.0

Compare Source

Features

• CloseButton: Replace close btn class with util class (0cf9a37)

BREAKING CHANGES

• CloseButton: Remove CSS Class .gl-close-btn-color-inherit

This CSS Class was applying mix-blend styles. This style was creating an unwanted design on some background colors. Also, it makes it harder to use with design tokens. This CSS class is now replaced by using the Util CSS class !text-color-inherit.

v92.5.0

Compare Source

Bug Fixes

• GlAnimatedIcon: Apply design suggestions (7988cae)
• GlAnimatedIcon: Apply fixes (ef99ace)

Features

• GlAnimatedIcon: Add component (5db8ae2)

v92.4.0

Compare Source

Features

• DuoWorkflowPanel: Add Duo panel isExpanded prop (5916cd1)

92.3.1 (2024-09-13)

Bug Fixes

• update context-items-menu components with updated schema (afff4cb)

v92.3.1

Compare Source

Bug Fixes

• update context-items-menu components with updated schema (afff4cb)

v92.3.0

Compare Source

Features

• Remove unused BootstrapVue components (cdd4a17)

v92.2.0

Compare Source

Features

• DuoChat: MR Feedback from vanessaotto (0cf5b57)
• DuoChat: UI Polish on context (4ab5ed8)
• GlButton: Explicitly add btn-block styling rather than relying on bootstrap (40dc96b)

92.1.1 (2024-09-11)

Bug Fixes

• ensure chat scrolls to bottom with new message (3d048f8)

v92.1.1

Compare Source

Bug Fixes

• ensure chat scrolls to bottom with new message (3d048f8)

v92.1.0

Compare Source

Features

• GlDuoChat: add /include command, integrate context-item-menu (3f664f8)

v92.0.0

Compare Source

Features

• Feedback: Update feedback tokens (2f47efa)
• Modal: Use new semantic bg tokens (bf79388)
• Popover: Use new semantic bg tokens (6113aa2)
• Toast: Remove SCSS var (fe32492)

BREAKING CHANGES

• Popover: Update the popover to use new semantic overlap design tokens and remove the contextual ones.

v91.15.0

Compare Source

Features

• add duo chat context menu keyboard interactions (a031d8c)

v91.14.0

Compare Source

Features

• add duo chat context menu search item styling (1b97743)

v91.13.0

Compare Source

Features

• DesignTokens: add overlap and section design tokens (f6ebeec)
• DuoChat: Adjust right alignment of copy code and insert code (aba2397)

v91.12.0

Compare Source

Features

• GlBroadcast: Create and use design tokens (b6d73ad)

v91.11.0

Compare Source

Features

• Tailwind: use border default design token for border classes (642bc1c)

v91.10.0

Compare Source

Features

• add duo chat context menu search (6ac53de)

v91.9.0

Compare Source

Features

• GlDuoChat: make insert code snippet work with server-generated elements (ce66a88)

v91.8.0

Compare Source

Features

• GlLink: Add and update tokens (df90a00)

v91.7.0

Compare Source

Features

• add improved duo chat context menu category items (05bdfa0)
• DesignTokens: Update read-only control background color (f6afc9a)

v91.6.0

Compare Source

Features

• add initial duo chat context item menu component (40635b0)

v91.5.0

Compare Source

Features

• Alert: Transparent border bottom (30f1863)

v91.4.0

Compare Source

Features

• GlAlert: Replace english text with translation (38582dd)
• GlBanner: Replace english text with translation (a8ad872)
• GlBroadcastMessage: Replace english text with translation (6cf3e7c)
• GlModal: Replace english text with translation (2498b0e)
• GlToken: Add property 'removeLabel' (87b81a6)

v91.3.0

Compare Source

Features

• GlDuoChat: Change empty state (87d3384)

v91.2.0

Compare Source

Features

• Replace legacy classes with new util classes (703e9af)

91.1.2 (2024-08-29)

Bug Fixes

• GlFormSelect: restore inline layout (0b8e854)

91.1.1 (2024-08-29)

Bug Fixes

• avatarsInline: fix incorrect class name (ab8f1c2)

v91.1.2

Compare Source

Bug Fixes

• GlFormSelect: restore inline layout (0b8e854)

v91.1.1

Compare Source

Bug Fixes

• avatarsInline: fix incorrect class name (ab8f1c2)

v91.1.0

Compare Source

Features

• GlDuoChat: display attached context in chat messages (be92188)

v91.0.0

Compare Source

Code Refactoring

• Path: Update to tokens (f57c5e4)

BREAKING CHANGES

• Path: Replace SCSS variables with design tokens for the Path component and make some minor design tweaks. Remove theme option.

v90.5.0

Compare Source

Features

• Alert: Update design to match new design vision (27a6f98)

v90.4.0

Compare Source

Features

• DesignTokens: link tokens (0f388c6)
• Forms: Update design tokens (1cb4d5e)

v90.3.0

Compare Source

Features

• Add gl-animate-skeleton-loader as Tailwind Component (4b5d3ef)

v90.2.0

Compare Source

Features

• BaseDropdown: Listen on click and focusin to close dropdown (d89d99d)

v90.1.0

Compare Source

Features

• GlStackedColumnChart: Add includeLegendAvgMax prop (70874ae)

v90.0.0

Compare Source

Code Refactoring

• GlFormText: Remove component (9f0c757)

BREAKING CHANGES

• GlFormText: Remove GlFormText component entirely. Bootstrap's internal BFormText does still exist and is used in e.g. the GlFormGroup

v89.7.0

Compare Source

Features

• Alert: Update darkmode (54007c2)

v89.6.0

Compare Source

Features

• GlDaterangePicker: Migrate design tokens (a469e29)

v89.5.0

Compare Source

Features

• CSS: add base background-color and color styles on body (e6a008c)

v89.4.0

Compare Source

Features

• Add strong action design tokens (53ebb85)

v89.3.0

Compare Source

Bug Fixes

• GlDatepicker: Add border radius to icon to prevent Safari issue (41c8eea)

Features

• Badge: Update darkmode design (ce00b04)
• Toggle: Update size to 20px (789b10c)

v89.2.0

Compare Source

Features

• forms: update form design tokens (d41dc86)

v89.1.0

Compare Source

Features

• Toggle: Change icon size to xs (da56600)

89.0.1 (2024-08-14)

Bug Fixes

• Add gl-align-items-start (06e4768)

v89.0.1

Compare Source

Bug Fixes

• Add gl-align-items-start (06e4768)

v89.0.0

Compare Source

Code Refactoring

• GlCarousel: Remove Carousel component from design system (1e9e2f0)

BREAKING CHANGES

• GlCarousel: Removes Carousel component entirely

v88.6.0

Compare Source

Features

• Avatar: Use new darkmode colors (9af079a)

v88.5.0

Compare Source

Features

• GlDatepicker: Use design tokens in GlDatepicker (e33a305)

88.4.1 (2024-08-08)

Bug Fixes

• DuoChat: Add missing pre padding (c168652)

v88.4.1

Compare Source

Bug Fixes

• DuoChat: Add missing pre padding (c168652)

v88.4.0

Compare Source

Features

• Add missing badge design tokens (d36a5f8)

v88.3.0

Compare Source

Features

• Avatar: Avatar dark design tokens (1cbdd7f)

88.2.1 (2024-08-07)

Bug Fixes

• GlSparklineChart: Fix hoverAnimation deprecation warning (97ae7d9)

v88.2.1

Compare Source

Bug Fixes

• GlSparklineChart: Fix hoverAnimation deprecation warning (97ae7d9)

v88.2.0

Compare Source

Features

• GlDuoChat: provide hooks for consumer to focus + scroll (3bba19f)

v88.1.0

Compare Source

Features

• DesignTokens: add button design tokens (a23d383)
• GlButton: add design tokens to GlButton (5bd4cd3)

v88.0.0

Compare Source

Features

• DesignTokens: Restructure feedback tokens for improved clarity (73e0a26)

BREAKING CHANGES

• DesignTokens: This commit introduces a new naming structure for feedback-related design tokens. The new structure improves clarity and reduces potential misuse of tokens.

v87.8.0

Compare Source

Features

• DesignTokens: separate badge from status design tokens (280f390)

v87.7.0

Compare Source

Features

• Add boolean flag for improvedHideHeuristics in Config (1fa7037)

87.6.1 (2024-08-01)

Bug Fixes

• GlFormDate: Add missing export (314b172)

v87.6.1

Compare Source

Bug Fixes

• GlFormDate: Add missing export (314b172)

v87.6.0

Compare Source

Features

• GlBreadcrumb: Add animation (108c6f2)

87.5.1 (2024-07-31)

Bug Fixes

• Tailwind: fix gl-text-black-normal Tailwind equivalent (a7f6691)

v87.5.1

Compare Source

Bug Fixes

• Tailwind: fix gl-text-black-normal Tailwind equivalent (a7f6691)

v87.5.0

Compare Source

Features

• GlListboxItem: Add animation (a76adcc)

v87.4.0

Compare Source

Features

• make Tailwind migrations a 2-steps process (b148f2b)

87.3.1 (2024-07-30)

Bug Fixes

• add missing Tailwind equivalent for gl-flex-shrink-0 (5e20414)

v87.3.1

Compare Source

Bug Fixes

• add missing Tailwind equivalent for gl-flex-shrink-0 (5e20414)

v87.3.0

Compare Source

Features

• GlTokenSelector: Add showAddNewAlways prop (89ae31c)

87.2.1 (2024-07-28)

Bug Fixes

• action-neutral-foreground design token description (55de73f)

v87.2.1

Compare Source

Bug Fixes

• action-neutral-foreground design token description (55de73f)

v87.2.0

Compare Source

Features

• DuoWorkflow: add component to take prompt (3b7617d)

87.1.2 (2024-07-26)

Bug Fixes

• add cancel case to isStreaming state (86e84bd)

87.1.1 (2024-07-24)

Bug Fixes

• GlBadge: fix layout in normal flow (1986f31)

v87.1.2

Compare Source

Bug Fixes

• add cancel case to isStreaming state (86e84bd)

v87.1.1

Compare Source

Bug Fixes

• GlBadge: fix layout in normal flow (1986f31)

v87.1.0

Compare Source

Features

• GlTabs: Add animation (0622f6a)

v87.0.0

Compare Source

Code Refactoring

• migrate border mixin includes to apply (5ebfb2c)

BREAKING CHANGES

• This rewrite some styles to leverage Tailwind's @apply directive in stead of SASS mixins' @include.

Consuming GitLab UI's stylesheets from the source therefore requires Tailwind to be set up on the consumer's end to properly compile those directives. An alternative is to consume the compiled CSS bundles.

v86.15.0

Compare Source

Features

• DesignTokens: refine action design tokens (1fe63f6)

86.14.4 (2024-07-23)

Bug Fixes

• GlBreadcrumb: increase contrast ratio of breadcrumb separator (646a106)

86.14.3 (2024-07-23)

Bug Fixes

• GlFilteredSearch: full width input field (ad520cc)

86.14.2 (2024-07-22)

Bug Fixes

• DuoChat: render Markdown in error messages (ce32884)

86.14.1 (2024-07-19)

Bug Fixes

• Heatmap: rename options prop to option to be consistent (8fcf7f6)

v86.14.4

Compare Source

Bug Fixes

• GlBreadcrumb: increase contrast ratio of breadcrumb separator (646a106)

v86.14.3

Compare Source

Bug Fixes

• GlFilteredSearch: full width input field (ad520cc)

v86.14.2

Compare Source

Bug Fixes

• DuoChat: render Markdown in error messages (ce32884)

v86.14.1

Compare Source

Bug Fixes

• Heatmap: rename options prop to option to be consistent (8fcf7f6)

v86.14.0

Compare Source

Features

• GlBadge: Add animation (4d35e8f)

86.13.1 (2024-07-18)

Bug Fixes

• GlSparklineChart: Render flat lines with gradient enabled (a8ad20f)

v86.13.1

Compare Source

Bug Fixes

• GlSparklineChart: Render flat lines with gradient enabled (a8ad20f)

v86.13.0

Compare Source

Features

• Migrate to tailwind utilities internally (dc28dbc)

86.12.1 (2024-07-17)

Bug Fixes

• Properly handle multi-class tailwind migration (7131ebb)

v86.12.1

Compare Source

Bug Fixes

• Properly handle multi-class tailwind migration (7131ebb)

v86.12.0

Compare Source

Features

• Charts: use options.toolbox.show to show/hide toolbox (5e8c462)

86.11.1 (2024-07-16)

Bug Fixes

• GlBadge: fix visual regressions (3dae6e3)

v86.11.1

Compare Source

Bug Fixes

• GlBadge: fix visual regressions (3dae6e3)

v86.11.0

Compare Source

Features

• GlSparklineChart: Add connectNulls prop (61d8a7c)

86.10.1 (2024-07-15)

Bug Fixes

• GlDuoChatMessage: removed white bg from code snippets (9a2aff5)

v86.10.1

Compare Source

Bug Fixes

• GlDuoChatMessage: removed white bg from code snippets (9a2aff5)

v86.10.0

Compare Source

Features

• Color: Update black and alpha (98c8723)
• Color: Update neutral hex values (664441d)
• Color: Use 1000 for alpha (209f248)

86.9.1 (2024-07-11)

Bug Fixes

• disclosure-dropdown: correctly close on item selection (9e21f53)

v86.9.1

Compare Source

Bug Fixes

• disclosure-dropdown: correctly close on item selection (9e21f53)

v86.9.0

Compare Source

Features

• GlTabe: Use color design tokens (53db384)

v86.8.0

Compare Source

Features

• GlDisclosureDropdown,GlCollapsibleListbox: Improve hide mechanism (475d1c7)

86.7.1 (2024-07-11)

Bug Fixes

• GlLabel: restore text-decoration underline on hover for labels (a4e6f22)

v86.7.1

Compare Source

Bug Fixes

• GlLabel: restore text-decoration underline on hover for labels (a4e6f22)

v86.7.0

Compare Source

Features

• DuoChat: add insert code snippet button (6b99777)

v86.6.0

Compare Source

Features

• OutsideDirective: Add Event Listener for focusin (aee99c5)

86.5.1 (2024-07-10)

Bug Fixes

• GlBadge: remove content wrapper element (275887c)

v86.5.1

Compare Source

Bug Fixes

• GlBadge: remove content wrapper element (275887c)

v86.5.0

Compare Source

Features

• GlLoadingIcon: Use color design tokens (49eb57c)

86.4.1 (2024-07-10)

Bug Fixes

• use CSS custom property syntax (35979a1)

v86.4.1

Compare Source

Bug Fixes

• use CSS custom property syntax (35979a1)

v86.4.0

Compare Source

Features

• DesignTokens: add label design tokens (0e1c838)
• GlLabel: add label design tokens to GlLabel (dbf3369)

86.3.1 (2024-07-09)

Bug Fixes

• use neutral colors for action neutral background default token (16449f6)

v86.3.1

Compare Source

Bug Fixes

• use neutral colors for action neutral background default token (16449f6)

v86.3.0

Compare Source

Features

• GlDrawer: Use color design tokens (1be0995)

v86.2.0

Compare Source

Features

• DesignTokens: add shadow color design tokens (4a6e594)

v86.1.0

Compare Source

Features

• Tailwind: add brand colors to tailwind (f8f864b)

86.0.2 (2024-07-05)

Bug Fixes

• use prettier config for style-dictionary prettier action (46ae3a9)

86.0.1 (2024-07-04)

Bug Fixes

• Make sure npm release process has util migration script (8f1ee46)

v86.0.2

Compare Source

Bug Fixes

• use prettier config for style-dictionary prettier action (46ae3a9)

v86.0.1

Compare Source

Bug Fixes

• Make sure npm release process has util migration script (8f1ee46)

v86.0.0

Compare Source

Features

• tailwind: add the custom configuration (fafca85)

BREAKING CHANGES

• tailwind: This overrides several Tailwind configuration option. Consumers that were already using Tailwind with the GitLab UI preset should keep an eye out for utils that might behave differently.

v85.14.0

Compare Source

Features

• Add utility class migration script (1207058)

v85.13.0

Compare Source

Features

• GlFormRadio,GlFormCheckbox: Use color design tokens (62d3cdd)
• Add design tokens for control border color selected (246b88e)

85.12.2 (2024-07-01)

Bug Fixes

• DuoChat: don't show cancel button on clear command (229f81c)

85.12.1 (2024-06-28)

Bug Fixes

• GlBadge: Fix shrinking in flex layout (161aaa8)

v85.12.2

Compare Source

Bug Fixes

• DuoChat: don't show cancel button on clear command (229f81c)

v85.12.1

Compare Source

Bug Fixes

• GlBadge: Fix shrinking in flex layout (161aaa8)

v85.12.0

Compare Source

Features

• i18n: add support for parameterized/pluralized translations (468e66d)

v85.11.0

Compare Source

Features

• GlModal: Use design tokens for colors (f488f7d)

v85.10.0

Compare Source

Features

• GlSkeletonLoader: Create color design tokens (029c30b)
• GlSkeletonLoader: Use color design tokens (e03cc91)

v85.9.0

Compare Source

Features

• GlFormInput: Use color design tokens (13c877d)

v85.8.0

Compare Source

Features

• GlAvatar: Use color design tokens (982f985)

v85.7.0

Compare Source

Features

• GlFormGroup: Use color design tokens (5800d8c)

v85.6.0

Compare Source

Features

• GlBanner: Use color design tokens (aacd102)

v85.5.0

Compare Source

Features

• GlTooltip: Use color design tokens (d62b0fc)

85.4.1 (2024-06-26)

Bug Fixes

• GlSparklineChart: Prevent rendering blank or invalid tooltips (e462352)

v85.4.1

Compare Source

Bug Fixes

• GlSparklineChart: Prevent rendering blank or invalid tooltips (e462352)

v85.4.0

Compare Source

Features

• DuoChat: update user feedback response (5c51a3f)

85.3.1 (2024-06-26)

Bug Fixes

• bootstrap-vue: Revert IE11 specific modal fix (d1cca1b), closes /gitlab.com/gitlab-org/gitlab/-/merge_requests/140612#note_1911015817

v85.3.1

Compare Source

Bug Fixes

• bootstrap-vue: Revert IE11 specific modal fix (d1cca1b), closes /gitlab.com/gitlab-org/gitlab/-/merge_requests/140612#note_1911015817

v85.3.0

Compare Source

Features

• DesignTokens: add design tokens for control and focus-ring (bcf24f2)

85.2.2 (2024-06-26)

Bug Fixes

• duochat: Wait for another enter to send on IME (ed2a1e7)

85.2.1 (2024-06-25)

Bug Fixes

• DuoChat: don't show loading indicator on canceled messages (4a3847b)

v85.2.2

Compare Source

Bug Fixes

• duochat: Wait for another enter to send on IME (ed2a1e7)

v85.2.1

Compare Source

Bug Fixes

• DuoChat: don't show loading indicator on canceled messages (4a3847b)

v85.2.0

Compare Source

Features

• DesignTokens: add feedback color design tokens (9a389d9)

v85.1.0

Compare Source

Features

• GlCard: Use design tokens for colors and border in GlCard (3ecb2cd)

85.0.2 (2024-06-24)

Bug Fixes

• Sets no-sort-reset for all tables (02fd84e)

85.0.1 (2024-06-24)

Bug Fixes

• textarea rows should accept strings (691bb64)

v85.0.2

Compare Source

Bug Fixes

• Sets no-sort-reset for all tables (02fd84e)

v85.0.1

Compare Source

Bug Fixes

• textarea rows should accept strings (691bb64)

v85.0.0

Compare Source

Bug Fixes

• DuoChat: don't show cancel button on slash commands (0c6ca4a)

Features

• Consume vendored bootstrap-vue (8f885f0)

BREAKING CHANGES

• @​gitlab/ui doesn't rely on bootstrap-vue as a npm dependency because it vendors bootstrap-vue. If you are importing things directly from bootstrap-vue, you might need to adjust import paths

v84.2.0

Compare Source

Features

• DesignTokens: add status design tokens (779d225)
• GlBadge: add status design tokens to GlBadge (3be9838)

v84.1.0

Compare Source

Features

• GlBreadcrumb: Use design tokens for colors (948ac03)

v84.0.0

Compare Source

Features

• GlBadge: One size fits all (91f2129)

BREAKING CHANGES

• GlBadge: The size prop has been removed from GlBadge. This might affect test which check that the prop was provided, but more importantly this could affect layout for badges which were set small or large.

v83.0.0

Compare Source

Features

• DuoChat: add propmpt abort functionality (3792308)

BREAKING CHANGES

• DuoChat: This commit adds an abort button to the DuoChat textarea, it also introduces the chat-abort event that can be caught by the client.

v82.1.0

Compare Source

Features

• CSS: include design token CSS custom properties in gitlab_ui.scss (1a8db73)

82.0.1 (2024-06-19)

Bug Fixes

• GlPopover: properly align the close button without title (e4f314f)

v82.0.1

Compare Source

Bug Fixes

• GlPopover: properly align the close button without title (e4f314f)

v82.0.0

Compare Source

chore

• update deprecated division syntax to use math.div (153c5ba)

Features

• DuoChat: Add check for loading icon in spec (67fca11)
• DuoChat: Add story for message population (b94cbe1)
• DuoChat: Improve the message response while generating (56a7852)
• DuoChat: Remove computed streaming logic (bfab065)
• DuoChat: Update test for loading icon (b986944)

BREAKING CHANGES

• This makes GitLab UI's stylesheets incompatible with libsass which does not support math.div. Consuming the stylesheets now requires dart-sass.

v81.1.0

Compare Source

Features

• GlDaterangePicker: Add valid prop to GlFormInput, GlDatepicker, GlDaterangePicker (a872eef)

v81.0.0

Compare Source

Features

• Add GlFormCharacterCount component (c3ccb44)

BREAKING CHANGES

• So you can add character count to standalone inputs Also renames character count related props and slots in GlFormTextarea

80.20.1 (2024-06-12)

Bug Fixes

• GlPopover: properly align close button (2e86876)

v80.20.1

Compare Source

Bug Fixes

• GlPopover: properly align close button (2e86876)

v80.20.0

Compare Source

Features

• allow controlling GlFormTextArea rows (074004d)

80.19.1 (2024-06-07)

Bug Fixes

• duochat: Don't submit on enter if composing in IME (ef57dec), closes /gitlab.com/gitlab-org/gitlab-ui/-/issues/2537#note_1938464119

v80.19.1

Compare Source

Bug Fixes

• duochat: Don't submit on enter if composing in IME (ef57dec), closes /gitlab.com/gitlab-org/gitlab-ui/-/issues/2537#note_1938464119

v80.19.0

Compare Source

Features

• DesignTokens: add theme design tokens (feab27d)

v80.18.0

Compare Source

Features

• DesignTokens: add border color design tokens (b0dda57)

v80.17.0

Compare Source

Features

• DesignTokens: add color alpha design tokens (2568f9f)

80.16.2 (2024-05-31)

Bug Fixes

• Duo: Adjust size of close button (aa3e7f6)
• Duo: Make padding even (767ec6a)

80.16.1 (2024-05-30)

Bug Fixes

• breadcrumbs refs breaks on vue3 (e3feef3)

v80.16.2

Compare Source

Bug Fixes

• Duo: Adjust size of close button (aa3e7f6)
• Duo: Make padding even (767ec6a)

v80.16.1

Compare Source

Bug Fixes

• breadcrumbs refs breaks on vue3 (e3feef3)

v80.16.0

Compare Source

Features

• GlIcon: Add semantic icon design tokens to GlIcon component (2e17cab)

80.15.2 (2024-05-29)

Bug Fixes

• GlExperimentBadge: correct line-break in the text (b55a2f8)

80.15.1 (2024-05-29)

Bug Fixes

• Tailwind: restore inherit and current color classes (3800ad2)

v80.15.2

Compare Source

Bug Fixes

• GlExperimentBadge: correct line-break in the text (b55a2f8)

v80.15.1

Compare Source

Bug Fixes

• Tailwind: restore inherit and current color classes (3800ad2)

v80.15.0

Compare Source

Features

• GlDatePicker: Add #after slot (719c43e)
• GlDaterangePicker: Add #after-start and #after-end slots (554d0b3)
• GlDaterangePicker: Add width prop (d55e8d0)

80.14.1 (2024-05-27)

Bug Fixes

• GlTruncate: Fix Tailwind class name collision (74a698d)

v80.14.1

Compare Source

Bug Fixes

• GlTruncate: Fix Tailwind class name collision (74a698d)

v80.14.0

Compare Source

Features

• DesignTokens: add background design tokens (c98ff85)
• Tailwind: add background design tokens to tailwind classes (c78d656)

80.13.2 (2024-05-24)

Bug Fixes

• GlExperimentBadge: Update language of experiment badges (82a3335)

80.13.1 (2024-05-24)

Bug Fixes

• GlFilteredSearch: set initial state when value is updated to empty array (19eb8fa)

v80.13.2

Compare Source

Bug Fixes

• GlExperimentBadge: Update language of experiment badges (82a3335)

v80.13.1

Compare Source

Bug Fixes

• GlFilteredSearch: set initial state when value is updated to empty array (19eb8fa)

v80.13.0

Compare Source

Bug Fixes

• DesignTokens: fix styling of deprecated badge (448f116)

Features

• DesignTokens: make deprecated items appear last in list (39757f8)

v80.12.0

Compare Source

Bug Fixes

• dropdowns: revert clipping changes (57973f8)

Features

• DesignTokens: add aliases for semantic text design tokens (24a08b5)

v80.11.0

Compare Source

Features

• DesignTokens: Generate SCSS output with CSS custom property values (3b92239)

v80.10.0

Compare Source

Features

• DesignTokens: Create design token table Storybook story (a7d97d1)

v80.9.0

Compare Source

Features

• generate list of tailwind color definitions statically (6612eae)

80.8.1 (2024-05-10)

Bug Fixes

• GlDuoChat: less specificity for code CSS (6519f66)

v80.8.1

Compare Source

Bug Fixes

• GlDuoChat: less specificity for code CSS (6519f66)

v80.8.0

Compare Source

Features

• ForcedColorsMode: Improve readability of components (d968b6d)
• ForcedColorsMode: Improve readability of components (3d918b7)
• ForcedColorsMode: Improve readability of components (d00e2e3)
• ForcedColorsMode: Improve readability of components (65ed389)
• ForcedColorsMode: Improve readability of components (69f82f7)

80.7.2 (2024-05-09)

Bug Fixes

• DuoChat: refactor error styles (6f76567)

80.7.1 (2024-05-09)

Bug Fixes

• GlChartLegend: Add additional nextTick for Vue3 pipeline (4db605a)
• GlChartLegend: prevent bottom fade when not scrollable (4df61b9)
• GlChartLegend: remove console log (5b030f7)

v80.7.2

Compare Source

Bug Fixes

• DuoChat: refactor error styles (6f76567)

v80.7.1

Compare Source

Bug Fixes

• GlChartLegend: Add additional nextTick for Vue3 pipeline (4db605a)
• GlChartLegend: prevent bottom fade when not scrollable (4df61b9)
• GlChartLegend: remove console log (5b030f7)

v80.7.0

Compare Source

Features

• GlFormGroup: Refactor text-gl-muted (5c569d9)

80.6.1 (2024-05-08)

Bug Fixes

• Align with design and docs (544c8fd)

v80.6.1

Compare Source

Bug Fixes

• Align with design and docs (544c8fd)

v80.6.0

Compare Source

Features

• DesignTokens: nest default and dark colors in same tokens files (1c3d313)

v80.5.0

Compare Source

Features

• DesignTokens: check in token build files (4e92530)

v80.4.0

Compare Source

Bug Fixes

• linting errors (52938a5)

Features

• README: Add design tokens mention (3ff1f07)

v80.3.0

Compare Source

Features

• GlSearchBoxByClick: Migrate dropdown (51de3bc)

v80.2.0

Compare Source

Features

• GlFilteredSearch: pass appliedTokens prop to nested token (4eea90a)

v80.1.0

Compare Source

Features

• GlDrawer: Fix alignment of close button (8bd418a)

80.0.1 (2024-05-02)

Bug Fixes

• Dropdown: Fix disclosure dropdown a11y issues (34d2c4d)

v80.0.1

Compare Source

Bug Fixes

• Dropdown: Fix disclosure dropdown a11y issues (34d2c4d)

v80.0.0

Compare Source

Features

• CSS: remove gl-gap-x/y-* CSS utility classes (1ad137a)
• DesignTokens: Update to use default for deprecated text.primary (24c8e3b)

BREAKING CHANGES

• CSS: these utility classes were using margin to adjust spacing and were causing a conflict with Tailwind utility classes. Usage of these utilities should be migrated to Tailwind gap utilities.

79.4.1 (2024-04-25)

Bug Fixes

• GlKeysetPagination: set default prev text to "Previous" (e245aaa)

v79.4.1

Compare Source

Bug Fixes

• GlKeysetPagination: set default prev text to "Previous" (e245aaa)

v79.4.0

Compare Source

Bug Fixes

• GlBreadcrumb: Fix containerWidth calc with ResizeObserver (daa8013)
• GlBreadcrumb: Fix details in resize calc (4025e2e)
• GlBreadcrumb: Watch autoResize prop and react to change (b4808bf)

Features

• GlBreadcrumb: Add boolean prop to disable auto-resize (0dad528)

v79.3.0

Compare Source

Features

• DesignTokens: add new text colors and deprecate pilot text colors (818f109)

v79.2.0

Compare Source

Bug Fixes

• dropdowns: ignore vertical boundaries (3fec816)

Features

• GlDuoChatMessage: output errors (f4c804a)

79.1.1 (2024-04-24)

Bug Fixes

• GlFormTextarea: fix bug when value prop is null (dffde58)

v79.1.1

Compare Source

Bug Fixes

• GlFormTextarea: fix bug when value prop is null (dffde58)

v79.1.0

Compare Source

Features

• GlFilteredSearch: Improve dropdown styles (ac13b05)
• GlFilteredSearch: Improve dropdown styles (47ae89a)

v79.0.0

Compare Source

Features

• BaseDropdown: Use a "main" element boundary when available (ee0cd82)

BREAKING CHANGES

• BaseDropdown: This change slightly alters the default positioning of GlDisclosureDropdown and GlListbox.

If the dropdown is placed inside a element: The disclosure will use main as a boundary to not overflow it. This change aims to smartly reduce the need to use custom "placement" ('right' and 'bottom-end') options, especially when the dropdown is placed on the right side, such as in contextual menus.

If the dropdown is not placed in a element, behavior does change.

v78.19.0

Compare Source

Features

• GlFormTextarea: add support for character count (1b359aa)

v78.18.0

Compare Source

Features

• GlDisclosureDropdown: Reorder dropdown items in example (7145be6)

v78.17.0

Compare Source

Features

• GlLabel: Fix size for legacy label implementations (HAML) (56c497c)

v78.16.0

Compare Source

Features

• GlFormInput: wrap gl-form-input in gl-form-group (468ccac)

78.15.2 (2024-04-18)

Bug Fixes

• GlCard: Fixing header and foter inner border radii (1c28af7)

78.15.1 (2024-04-17)

Bug Fixes

• GlKeysetPagination: externalize labels (9057c19)

v78.15.2

Compare Source

Bug Fixes

• GlCard: Fixing header and foter inner border radii (1c28af7)

v78.15.1

Compare Source

Bug Fixes

• GlKeysetPagination: externalize labels (9057c19)

v78.15.0

Compare Source

Features

• label: Reduce label variants (b411a2d)

78.14.1 (2024-04-15)

Bug Fixes

• Isolate DuoChat styles from GlDrawer component (fa8bd24)

v78.14.1

Compare Source

Bug Fixes

• Isolate DuoChat styles from GlDrawer component (fa8bd24)

v78.14.0

Compare Source

Features

• tailwind: add transparent to supported colors (8b43228)

v78.13.0

Compare Source

Features

• tailwind: add data-viz colors to the preset (9b31bd0)

v78.12.0

Compare Source

Features

• GlBaseDropdown: Migrates "placement" values to match floating-ui placements (a9f37b6)

v78.11.0

Compare Source

Features

• GlHeatmap: Add prop to show/hide tooltip (77a0484)

78.10.1 (2024-04-09)

Bug Fixes

• GlLabel: Add fallback value to focus ring CSS variable (2f3c184)

v78.10.1

Compare Source

Bug Fixes

• GlLabel: Add fallback value to focus ring CSS variable (2f3c184)

v78.10.0

Compare Source

Features

• GlDuoChat: detect streaming based on chunkId (6cdfe5c)
• GlDuoChatMessage: Handle streaming in the component (082ab86)

v78.9.0

Compare Source

Features

• DuoChat: add mandatory field indicator on DuoChat Feedback Modal (df7d4a5)

78.8.1 (2024-04-04)

Bug Fixes

• Vertical alignment of Duo loader (b8cc06b)

v78.8.1

Compare Source

Bug Fixes

• Vertical alignment of Duo loader (b8cc06b)

v78.8.0

Compare Source

Features

• GlFormFields: add support for additional slots (6ff8a22)

v78.7.0

Compare Source

Features

• BaseDropdown: Adds "right-start" placement (c1c82d6)

78.6.1 (2024-04-02)

Bug Fixes

• update light theme colors for text and background (a566158)

v78.6.1

Compare Source

Bug Fixes

• update light theme colors for text and background (a566158)

v78.6.0

Compare Source

Features

• css: Add gl-lg-display-grid css class (9dfa9d9)

v78.5.0

Compare Source

Features

• publish internal Tailwind utils (069353a)

v78.4.0

Compare Source

Features

• GlDuoChat: trim the prompt (89b1253)

v78.3.0

Compare Source

Bug Fixes

• GlDisclosureDropdown: Prevent unwanted slot overrides in Vue 3 (6aef295)

Features

• GlBreadcrumb: Always show as many breadcrumbs as possible (b58ba76)

78.2.3 (2024-03-21)

Bug Fixes

• GlBaseDropdown: Check focused element before closing the dropdown (54948dd)
• GlBaseDropdown: Close menu with escape key on toggle (990f65d)

78.2.2 (2024-03-20)

Bug Fixes

• Show sort icon on hover in table header (ab36e49)

78.2.1 (2024-03-19)

Bug Fixes

• GlDuoChat: clear prompt after /clean (d3fcd9f)

v78.2.3

Compare Source

Bug Fixes

• GlBaseDropdown: Check focused element before closing the dropdown (54948dd)
• GlBaseDropdown: Close menu with escape key on toggle (990f65d)

v78.2.2

Compare Source

Bug Fixes

• Show sort icon on hover in table header (ab36e49)

v78.2.1

Compare Source

Bug Fixes

• GlDuoChat: clear prompt after /clean (d3fcd9f)

v78.2.0

Compare Source

Features

• css: Add easing variables (33a3973)

78.1.2 (2024-03-13)

Bug Fixes

• Repair right alignment for table header (3051537)

78.1.1 (2024-03-05)

Bug Fixes

• GlDuoChat: allow typing prompt while streaming (bc107bf)

v78.1.2

Compare Source

Bug Fixes

• Repair right alignment for table header (3051537)

v78.1.1

Compare Source

Bug Fixes

• GlDuoChat: allow typing prompt while streaming (bc107bf)

v78.1.0

Compare Source

Features

• GlDuoChat: explicitly disable Experimental Badge (d701cc9)

v78.0.0

Compare Source

Features

• GlDuoChat: refactor hasFeedback to rely on props (97d1664)

BREAKING CHANGES

• GlDuoChat: This commit refactors the GlDuoChat Feedback indicator on every message to use the information coming in from props not from localState.

v77.7.0

Compare Source

Features

• GlLink: adding deprecated export for upcoming breaking changes (4a633ce)

v77.6.0

Compare Source

Features

• GlDisclosureDropdownItem: Support Vue router links (2bff76d)

v77.5.0

Compare Source

Features

• DuoChat: Make DuoChat fullWidth by default (5c8c0ea)
• tailwind: add text color design tokens to the preset (d3535f9)

v77.4.0

Compare Source

Features

• css: add two utils (c1d2b05)
• css: remove edits to position.scss (306f0b4)

v77.3.0

Compare Source

Features

• GlCollapsibleListbox: Render correctly in button group (aa7b93a)

v77.2.0

Compare Source

Features

• tailwind: add screens to the preset (d6835dd)

v77.1.0

Compare Source

Features

• DuoChat: Improve the feedback mechanism in the DuoChat (235077d)

v77.0.0

Compare Source

Bug Fixes

• migrate internal positioning utilities to Tailwind (bc9ad6a)
• remove legacy positioning utilities (8d0450a)

BREAKING CHANGES

• Positioning utilities have been removed. Consumers should enable the following Tailwind CSS core plugins:
• float
• inset
• position

---

Configuration

📅 Schedule: Branch creation - "on the first day of the month" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever MR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this MR and you won't be reminded about this update again.

---

• [ ] If you want to rebase/retry this MR, check this box

---

This MR has been generated by Renovate Bot.

src/components/header.vue

 <script>
-import { GlNavbar, GlLink } from '@gitlab/ui';
+import { GlLink } from '@gitlab/ui';
 import GlLogo from './logo.vue';
 
 export default {
@@ -7,16 +7,14 @@ export default {
   components: {
     GlLink,
     GlLogo,
-    GlNavbar,
   },
 };
 </script>
 
 <template>
   <header>
-    <gl-navbar
-      fixed
-      class="header gl-h-8 gl-z-index-2 gl-display-flex gl-justify-content-space-between gl-fixed gl-bg-theme-indigo-900 gl-px-5 gl-mb-0 gl-border-b-solid gl-border-b-1 gl-border-gray-200 gl-top-0 gl-left-0 gl-right-0"
+    <nav
+      class="header navbar gl-h-8 gl-z-index-2 gl-display-flex gl-justify-content-space-between gl-fixed gl-bg-theme-indigo-900 gl-px-5 gl-mb-0 gl-border-b-solid gl-border-b-1 gl-border-gray-200 gl-top-0 gl-left-0 gl-right-0"
       data-qa-selector="navbar"
     >
       <gl-logo />
@@ -28,6 +26,6 @@ export default {
           Contact support
         </gl-link>
       </div>
-    </gl-navbar>
+    </nav>
   </header>
 </template>