# [97.0.0](v96.3.0...v97.0.0) (2024-10-16)

### Features

* migrate GlProgressBar component ([c58a6c81](c58a6c81))

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

feat: migrate GlProgressBar

See merge request !4666



Merged-by: Vanessa Otto <votto@gitlab.com>
Approved-by: Dan MH <dmizzi-harris@gitlab.com>
Approved-by: Lukas Eipert <leipert@gitlab.com>
Approved-by: Vanessa Otto <votto@gitlab.com>
Reviewed-by: Vanessa Otto <votto@gitlab.com>
Co-authored-by: Lorenz van Herwaarden <lvanherwaarden@gitlab.com>

docs: Replace div with section to prevent nested divs

Closes #2947

See merge request !4699



Merged-by: Lukas Eipert <leipert@gitlab.com>
Approved-by: Lukas Eipert <leipert@gitlab.com>
Co-authored-by: Vanessa Otto <votto@gitlab.com>

Storybook's markdown-to-jsx renderer has a problem with nested divs.
As a quickfix, we're replacing the outer div's with section's.

chore(deps): Update @gitlab/eslint-plugin to v20.4.1

See merge request !4690



Merged-by: Peter Hegman <phegman@gitlab.com>
Approved-by: Peter Hegman <phegman@gitlab.com>
Co-authored-by: Vanessa Otto <votto@gitlab.com>

chore: GlModal use large shadow

See merge request !4698



Merged-by: Mark Florian <mflorian@gitlab.com>
Approved-by: Jeremy Elder <jelder@gitlab.com>
Approved-by: Mark Florian <mflorian@gitlab.com>
Co-authored-by: danmh <dmizzi-harris@gitlab.com>

BREAKING CHANGE: 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

chore(deps): update dependency eslint-plugin-cypress to v3.6.0

See merge request !4693



Merged-by: Lukas Eipert <leipert@gitlab.com>
Approved-by: Savas Vedova <svedova@gitlab.com>
Approved-by: Lukas Eipert <leipert@gitlab.com>
Co-authored-by: GitLab Renovate Bot <gitlab-bot@gitlab.com>

chore(bootstrap-vue): Drop most of the build system

See merge request !4691



Merged-by: Vanessa Otto <votto@gitlab.com>
Approved-by: Vanessa Otto <votto@gitlab.com>
Reviewed-by: Lukas Eipert <leipert@gitlab.com>
Co-authored-by: Lukas Eipert <leipert@gitlab.com>

Apparently eslint is able to understand all of bootstrap-vue, without
the babel-eslint dependency.

We are consuming the bootstrap-vue code from source, so we can drop most
babel, rollup and terser related dependencies.

We are in no need for a compiled CSS file because we are consuming the
SCSS source. So, we can simply get rid of all related dependencies.

And add a new bash script to wrap the metadata check

Using our env variable in jest/CI to determine whether vue@2 or vue@3 is
used.

chore(deps): update babel to ^7.25.8

See merge request !4687



Merged-by: Vanessa Otto <votto@gitlab.com>
Approved-by: Vanessa Otto <votto@gitlab.com>
Co-authored-by: GitLab Renovate Bot <gitlab-bot@gitlab.com>

Replace @gitlab/tailwind rule name

chore(deps): update playwright to v1.48.0

See merge request !4685



Merged-by: Lukas Eipert <leipert@gitlab.com>
Approved-by: Lukas Eipert <leipert@gitlab.com>
Co-authored-by: GitLab Renovate Bot <gitlab-bot@gitlab.com>

Resolve "Remove BootstrapVue Nuxt Docs"

Closes #2913

See merge request !4667



Merged-by: Lukas Eipert <leipert@gitlab.com>
Approved-by: Lukas Eipert <leipert@gitlab.com>
Reviewed-by: Lukas Eipert <leipert@gitlab.com>
Co-authored-by: Vanessa Otto <votto@gitlab.com>

Merge branch '2913-remove-bootstrapvue-nuxt-docs--readding-docs' into '2913-remove-bootstrapvue-nuxt-docs'

docs: Re-add BootstrapVue Docs References

See merge request !4684



Merged-by: Lukas Eipert <leipert@gitlab.com>
Approved-by: Lukas Eipert <leipert@gitlab.com>
Co-authored-by: Vanessa Otto <votto@gitlab.com>

Replace vendored /docs links with Storybook Story Path URLs

BootstrapVue Markdown Docs are now referenced in single Component
Documentations.

# [96.3.0](v96.2.0...v96.3.0) (2024-10-11)

### Features

* **GlSearchBoxByClick:** use design tokens in GlSearchBoxByClick ([23606cf8](23606cf8))

feat(GlSearchBoxByClick): use design tokens in GlSearchBoxByClick

Closes #2724

See merge request !4670



Merged-by: Thomas Hutterer <thutterer@gitlab.com>
Approved-by: Martin Wortschack <mwortschack@gitlab.com>
Approved-by: Thomas Hutterer <thutterer@gitlab.com>
Approved-by: Dan MH <dmizzi-harris@gitlab.com>
Reviewed-by: Scott de Jonge <sdejonge@gitlab.com>
Co-authored-by: sdejonge <sdejonge@gitlab.com>

Use design tokens in GlSearchBoxByClick

# [96.2.0](v96.1.0...v96.2.0) (2024-10-10)

### Features

* Add new mainField `vueSource` to package.json ([bec84bcf](bec84bcf))

Allow GitLab UI to be imported from source

See merge request !4102



Merged-by: Paul Gascou-Vaillancourt <pgascouvaillancourt@gitlab.com>
Approved-by: Paul Gascou-Vaillancourt <pgascouvaillancourt@gitlab.com>
Co-authored-by: Lukas Eipert <leipert@gitlab.com>

Both webpack and vite are configurable to look at the mainFields of a
project. We currently expose `src/index.js` under `source`. A lot of
other projects, especially typescript projects do the same.

If we just introduce a new main field (`vueSource`) which currently
noone uses, we can easily configure `vite` and webpack to consume
`@gitlab/ui` from source.

Migrate away from remaining utility mixins

See merge request !4681



Merged-by: Lukas Eipert <leipert@gitlab.com>
Approved-by: Lukas Eipert <leipert@gitlab.com>
Reviewed-by: Lukas Eipert <leipert@gitlab.com>
Reviewed-by: Paul Gascou-Vaillancourt <pgascouvaillancourt@gitlab.com>
Reviewed-by: Peter Hegman <phegman@gitlab.com>
Co-authored-by: Paul Gascou-Vaillancourt <paul.gascvail@gmail.com>

Migrate box-shadow `@include`s to direct style definitions.

Migrates `src/scss/typescale/_index.scss` to Tailwind's `@apply`
directive.

Migrates utility mixins `@include`s to Tailwind's `@apply` directive.

The `GlSegmentedControl` component is deprecated, so we do not need to
bloat the Tailwind config with the legacy utility mixins it uses. We are
migrating to direct style definitions until the component gets removed.

Migrates `src/components/base/markdown/markdown.scss` away from utility
mixins `@include`s. This stylesheet used very specific style definitions
that aren't used anywhere else. Moreover, `GlMarkdown` might be
deprecated. It is therefore preferable not to add those style
definitions to Tailwind's config for now.

# [96.1.0](v96.0.0...v96.1.0) (2024-10-10)

### Features

* **GlToggle:** pairing with James feedback ([f261031f](f261031f))
* **toggle:** adds specificity for when is-checked and is-disabled ([9fd0dafa](9fd0dafa))
* **toggle:** another clean up of css states ([77a66724](77a66724))
* **toggle:** apply suggestions ([fd2e809c](fd2e809c))
* **toggle:** fix linting error ([2218423b](2218423b))
* **toggle:** further cleanup of CSS ([b278a9e7](b278a9e7))
* **toggle:** make no pointer events on toggle icon ([ac7c1f43](ac7c1f43))
* **toggle:** rearrange css order for specificity ([589e39e9](589e39e9))
* **toggle:** set class to is-disabled when loading ([478f2fb9](478f2fb9))
* **toggle:** use design tokens for is-disabled colors and clean up styling ([fad38fa3](fad38fa3))