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.