Update GitLab UI/SVG (major)

This MR contains the following updates:

Package	Type	Update	Change
@gitlab/svgs	dependencies	major	^2.28.0 -> ^3.6.0
@gitlab/ui	dependencies	major	^42.24.0 -> ^49.2.1

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

---

Release Notes

gitlab-org/gitlab-svgs

v3.6.0

Compare Source

[3.6.0]

Changes

• Added icon 'highlight'

v3.5.0

Compare Source

[3.5.0]

Changes

• Added illustration 'schedule-md'

v3.4.0

Compare Source

[3.4.0]

Changes

• Added icon 'check-sm'
• Added icon 'search-sm'

v3.3.0

Compare Source

[3.3.0]

Changes

• Added illustration 'scan-alert-sm'
• Added illustration 'search-sm'
• Added illustration 'secure-sm'

v3.2.0

Compare Source

[3.2.0]

Changes

• Added icon 'entity-blocked'

v3.1.0

Compare Source

[3.1.0]

Changes

• Added icon 'issue-type-task'

v3.0.0

Compare Source

[3.0.0]

Breaking changes

• 49db02f Deprecate angle icons in favor of chevrons
• 011c963 Update icons to use lighter stroke

Changes

• Removed icon 'angle-double-left'
• Removed icon 'angle-double-right'
• Removed icon 'angle-down'
• Removed icon 'angle-left'
• Removed icon 'angle-right'
• Removed icon 'angle-up'

v2.33.0

Compare Source

[2.33.0]

Changes

• Added illustration 'users-alert-md'

v2.32.0

Compare Source

[2.32.0]

Changes

• Removed illustration 'dotnet'
• Removed illustration 'dotnet'

v2.31.0

Compare Source

[2.31.0]

Changes

• Added icon 'live-stream'

v2.30.0

Compare Source

[2.30.0]

Changes

• Added illustration 'salesforce'

v2.29.0

Compare Source

[2.29.0]

Changes

• Added illustration 'dotnet'

gitlab-org/gitlab-ui

v49.2.1

Compare Source

Bug Fixes

• datepicker: Render empty string instead of false (678b225)

v49.2.0

Compare Source

Features

• GlBadge: add 12px icon variant (bf47618)
• GlListbox: add ability to reset selection (68bd63f)

v49.1.0

Compare Source

Features

• GlSearchBoxByType: Clear button events (71506b3)

49.0.3 (2022-10-26)

Bug Fixes

• GlToast: Improve accessibility (8d1d170)

49.0.2 (2022-10-25)

Bug Fixes

• GlPagination: move attributes to root element (def3d02)

49.0.1 (2022-10-24)

Bug Fixes

• GlListbox: fix dropdown positioning (18d061f)

v49.0.3

Compare Source

Bug Fixes

• GlToast: Improve accessibility (8d1d170)

v49.0.2

Compare Source

Bug Fixes

• GlPagination: move attributes to root element (def3d02)

v49.0.1

Compare Source

Bug Fixes

• GlListbox: fix dropdown positioning (18d061f)

v49.0.0

Compare Source

Bug Fixes

• GlToggle: Fix help text visibility (1bd4137)

BREAKING CHANGES

• GlToggle: Hide help text when labelPosition: left

48.3.1 (2022-10-24)

Bug Fixes

• OutsideDirective: enable event capture (c32381a)

v48.3.1

Compare Source

Bug Fixes

• OutsideDirective: enable event capture (c32381a)

v48.3.0

Compare Source

Features

• Color: Update aqua error (9092b09)
• Color: Update chart snapshots (6cff69d)
• Color: Update data viz variables (3c0edbb)

v48.2.0

Compare Source

Features

• datepicker: add public show method for datepicker (adc2c8f)

48.1.2 (2022-10-21)

Bug Fixes

• GlPagination: Fix GlPagination accessibility (a802cf6)

48.1.1 (2022-10-21)

Bug Fixes

• GlDrawer: Prevent background UI glitch in Safari (c7ba025)

v48.1.2

Compare Source

Bug Fixes

• GlPagination: Fix GlPagination accessibility (a802cf6)

v48.1.1

Compare Source

Bug Fixes

• GlDrawer: Prevent background UI glitch in Safari (c7ba025)

v48.1.0

Compare Source

Features

• Add table utility classes (2fcde37)

v48.0.0

Compare Source

Features

• GlListbox: convert header slot to a prop (976250e)

BREAKING CHANGES

• GlListbox: GlListbox usages should be updated to pass the header via the headerText prop instead of the header slot.

47.0.1 (2022-10-18)

Bug Fixes

• GlDropdown: Fix GlDropdown not auto flipping horizontally (635eca3)

v47.0.1

Compare Source

Bug Fixes

• GlDropdown: Fix GlDropdown not auto flipping horizontally (635eca3)

v47.0.0

Compare Source

Bug Fixes

• convert gl-sm-pr-2 to mobile-first, remove gl-md-pr-2 (823c6c8)

BREAKING CHANGES

• This converts gl-sm-pr-2 from desktop-first to mobile-first and removes gl-md-pr-2. If you were relying on the former, please migrate to a mobile-first approach. If relying on the latter, you might need to add it back to the library. We are defaulting to removing utils that aren't used in GitLab projects while we remove desktop-first utils, so it might be necessary to re-add some of them if they are used elsewhere.

v46.1.0

Compare Source

Features

• keep clear-all button in token-selector at top right (631708d)

v46.0.0

Compare Source

Bug Fixes

• remove gl-sm-pb-[0-5] utils (c94b46d)
• remove gl-sm-pl-[1-4] utils (802a32c)
• remove gl-sm-pr-[014] utils (8e9c3ee)
• remove gl-xs-align-items-baseline util (359dd98)
• remove gl-xs-display-block util (03b1f51)
• remove gl-xs-display-flex util (0416358)
• remove gl-xs-display-inline util (637f1c8)
• remove gl-xs-display-inline-block util (288bf3e)
• remove gl-xs-display-inline-flex util (ceeab81)

Features

• GlAlert: role status based on alert type (377137d), closes /gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/3045#note_1124896838 /gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/3045#note_1124893205

BREAKING CHANGES

• This removes the gl-xs-align-items-baseline desktop-first CSS util. If you were relying on it, please migrate to a mobile-first approach.
• This removes the gl-xs-display-inline-block desktop-first CSS util. If you were relying on it, please migrate to a mobile-first approach.
• This removes the gl-xs-display-inline desktop-first CSS util. If you were relying on it, please migrate to a mobile-first approach.
• This removes the gl-xs-display-block desktop-first CSS util. If you were relying on it, please migrate to a mobile-first approach.
• This removes the gl-xs-display-inline-flex desktop-first CSS util. If you were relying on it, please migrate to a mobile-first approach.
• This removes the gl-xs-display-flex desktop-first CSS util. If you were relying on it, please migrate to a mobile-first approach.
• This removes gl-sm-pr-[014] desktop-first CSS utils. If you were relying on them, please migrate to a mobile-first approach.
• This removes gl-sm-pl-[1-4] desktop-first CSS utils. If you were relying on them, please migrate to a mobile-first approach.
• This removes gl-sm-pb-[0-5] desktop-first CSS utils. If you were relying on them, please migrate to a mobile-first approach.

v45.0.0

Compare Source

Features

• GlListbox: add support for listbox filtering (c6edcc4)

BREAKING CHANGES

• GlListbox: ariaLabelledby property was renamed to toggleAriaLabelledBy for better consistency with a new listAriaLabelledBy property

v44.1.0

Compare Source

Features

• GlAlert: add aria-live attribute (89b866b)

v44.0.0

Compare Source

Bug Fixes

• remove gl-sm-pt-0 CSS util (97c5907)
• remove gl-sm-pt-1 CSS util (d9fa6bc)
• remove gl-sm-pt-2 CSS util (8cf287e)
• remove gl-sm-pt-3 CSS util (ed97bbf)
• remove gl-sm-pt-4 CSS util (fb0b50e)
• remove gl-sm-pt-5 CSS util (11a0cdc)

BREAKING CHANGES

• This removes the desktop-first gl-sm-pt-5 CSS util. If you were relying on it for some styling, please migrate to a mobile-first approach.
• This removes the desktop-first gl-sm-pt-4 CSS util. If you were relying on it for some styling, please migrate to a mobile-first approach.
• This removes the desktop-first gl-sm-pt-3 CSS util. If you were relying on it for some styling, please migrate to a mobile-first approach.
• This removes the desktop-first gl-sm-pt-2 CSS util. If you were relying on it for some styling, please migrate to a mobile-first approach.
• This removes the desktop-first gl-sm-pt-1 CSS util. If you were relying on it for some styling, please migrate to a mobile-first approach.
• This removes the desktop-first gl-sm-pt-0 CSS util. If you were relying on it for some styling, please migrate to a mobile-first approach.

v43.21.0

Compare Source

Features

• css: Add .gl-flex-basis-two-thirds (eee7f74)

v43.20.0

Compare Source

Features

• css: Add gl-md-ml-auto (c9a4338)

v43.19.0

Compare Source

Features

• css: Adds sticky position utility classes (29fc153)
• css: remove gl-lg-top-13 and gl-lg-align-items-flex-start (bbad117)

v43.18.0

Compare Source

Features

• GlFilteredSearch: Add support for view only state (fa2ce04)

43.17.1 (2022-09-15)

Bug Fixes

• Add [type=checkbox] to :indeterminate:disabled control (6916c16)

v43.17.1

Compare Source

Bug Fixes

• Add [type=checkbox] to :indeterminate:disabled control (6916c16)

v43.17.0

Compare Source

Features

• css: add gl-gap-y-3 (d76e3d1)

v43.16.0

Compare Source

Features

• css: add gl-sm-mt-6 (fb7dd88)

v43.15.0

Compare Source

Features

• Banner: Update banner spec (488b01d)
• Banner: Update heading level (c4c4373)

v43.14.0

Compare Source

Features

• GlListbox: Add support for grouping (c6ec8f1)

v43.13.0

Compare Source

Features

• css: Adds align items center from sm up (2f59188)

v43.12.0

Compare Source

Features

• css: Add xl container util (95755b9)

v43.11.0

Compare Source

Features

• GlFormSetlect: Allowed to cofigure select size (1e80adc)

v43.10.0

Compare Source

Features

• markdown: Markdown code block styles (344c84e)

43.9.3 (2022-08-30)

Bug Fixes

• deps: update dependency dompurify to ^2.4.0 (aefdefa)

43.9.2 (2022-08-30)

Bug Fixes

• use default DOMpurify export (da7473f)

43.9.1 (2022-08-25)

Bug Fixes

• css: ensure we correctly generate gl-flex-direction-column utils (68c8ef3)

v43.9.3

Compare Source

Bug Fixes

• deps: update dependency dompurify to ^2.4.0 (aefdefa)

v43.9.2

Compare Source

Bug Fixes

• use default DOMpurify export (da7473f)

v43.9.1

Compare Source

Bug Fixes

• css: ensure we correctly generate gl-flex-direction-column utils (68c8ef3)

v43.9.0

Compare Source

Features

• css: add gl-column-gap-6 util (5673c1a)

43.8.1 (2022-08-23)

Bug Fixes

• use valid url syntax in form_checkbox.scss (8e831de)

v43.8.1

Compare Source

Bug Fixes

• use valid url syntax in form_checkbox.scss (8e831de)

v43.8.0

Compare Source

Features

• css: Add flex-wrap-wrap-reverse class (7d11b74)

43.7.1 (2022-08-18)

Bug Fixes

• GlTable: removes border top when stacked (402a309)

v43.7.1

Compare Source

Bug Fixes

• GlTable: removes border top when stacked (402a309)

v43.7.0

Compare Source

Features

• css: update disabled states (bd5c4fe)

v43.6.0

Compare Source

Features

• css: add gl-sm-align-items-flex-start utility (ea811c9)

v43.5.0

Compare Source

Features

• GlModal: Allow no autofocus on show (1caa729)

v43.4.0

Compare Source

Features

• css: Add overflow-x and underline:hover utility classes (1d86e1f)

v43.3.0

Compare Source

Features

• css: use calc() inside of clamp() to bypass SassC warning (4d6d061)

43.2.2 (2022-08-09)

Bug Fixes

• GlBadge: Add transition styles (e34b371)
• GlBadge: Nest icon styles (13bdb73)
• GlBadge: Update badge colours (4d85a8d)
• GlBadge: Update badge colours Apply suggestions (2e438e1)

43.2.1 (2022-08-08)

Bug Fixes

• Change SASS url variable syntax to a valid one (b157b55)

v43.2.2

Compare Source

Bug Fixes

• GlBadge: Add transition styles (e34b371)
• GlBadge: Nest icon styles (13bdb73)
• GlBadge: Update badge colours (4d85a8d)
• GlBadge: Update badge colours Apply suggestions (2e438e1)

v43.2.1

Compare Source

Bug Fixes

• Change SASS url variable syntax to a valid one (b157b55)

v43.2.0

Compare Source

Features

• css: use clamp function for gl-typescale-ui (bf8c793)

v43.1.0

Compare Source

Features

• css: add gl-lg-flex-direction-column utility (d05faca)

v43.0.0

Compare Source

Features

• SafeHtml: Extend filters to improve sanitizer (0229418)

BREAKING CHANGES

• SafeHtml: Disallow a few more potentially dangerous @​rails/ujs data-* attributes.

Pass a configuration argument to v-safe-html to change this if needed.

v42.25.0

Compare Source

Features

• css: add gl-text-transform-capitalize utility (4f83982)

42.24.1 (2022-07-26)

Bug Fixes

• deps: update dependency dompurify to ^2.3.10 (2c1da7d)

v42.24.1

Compare Source

Bug Fixes

• deps: update dependency dompurify to ^2.3.10 (2c1da7d)

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), 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.

👻 Immortal: This MR will be recreated if closed unmerged. Get config help if that's undesired.

---

• If you want to rebase/retry this MR, click this checkbox.

---

This MR has been generated by Renovate Bot.