Skip to content

Update dependency @gitlab/ui to v103

This MR contains the following updates:

Package Type Update Change
@gitlab/ui dependencies major ^94.10.0 -> ^103.5.0

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


Release Notes

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

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
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
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

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

v97.2.1

Compare Source

Bug Fixes

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.


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.

Edited by GitLab Dependency Bot

Merge request reports

Loading