search

tubone24 / blog

tubone's Blog made by Gatsby.js and Netlify
https://blog.tubone-project24.xyz/
Other
6 stars 2 forks source link

Update dependency bootstrap to v5.3.3 #1448

Closed renovate[bot] closed 5 months ago

renovate[bot] commented 5 months ago

Mend Renovate

This PR contains the following updates:

Package Change Age Adoption Passing Confidence
bootstrap (source) 5.3.2 -> 5.3.3 age adoption passing confidence

Release Notes

twbs/bootstrap (bootstrap) ### [`v5.3.3`](https://togithub.com/twbs/bootstrap/releases/tag/v5.3.3) [Compare Source](https://togithub.com/twbs/bootstrap/compare/v5.3.2...v5.3.3) #### Highlights - Fixed a breaking change introduced with color modes where it was required to manually import `variables-dark.scss` when building Bootstrap with Sass. Now, `_variables.scss` will automatically import `_variables-dark.scss`. If you were already importing `_variables-dark.scss` manually, you should keep doing it as it won't break anything and will be the way to go in v6. - Fixed a regression in the selector engine that wasn't able to handle multiple IDs anymore. #### Color modes - Badges now use the `.text-bg-*` text utilities to be certain that the text is always readable (especially when the customized colors are different in light and dark modes). - Fixed our `color-modes.js` script to handle the case where the OS is set to light mode and the auto color mode is used on the website. If you copied the script from our docs, you should apply [this change](https://togithub.com/twbs/bootstrap/commit/73e1dcf43eff8371dde52ce41bd1d9fdc2b47d1f) to your own script. - Fixed color schemes description in the color modes documentation to show that `color-scheme()` only accept `light` and `dark` values as parameters. #### Miscellaneous - Allowed `
`, `
` and `
` in the sanitizer. - Dropped evenly items distribution for modal and offcanvas headers. - Fixed the accordion CSS selectors to avoid inheritance issues when nesting accordions. - Fixed the focus box-shadow for the validation stated form controls. - Fixed the focus ring on focused checked buttons. - Fixed the product example mobile navbar toggler. - Changed the RTL processing of carousel control icons. *** #### 🎨 CSS - [#​37508](https://togithub.com/twbs/bootstrap/issues/37508): Use child combinators to avoid inheriting parent accordion's flush styles - [#​38719](https://togithub.com/twbs/bootstrap/issues/38719): Fix focus box-shadow for validation stated form-controls - [#​38884](https://togithub.com/twbs/bootstrap/issues/38884): fix border-radius on radio-switch - [#​39294](https://togithub.com/twbs/bootstrap/issues/39294): Tests: update navbar in visual modal test - [#​39373](https://togithub.com/twbs/bootstrap/issues/39373): refactor css: modal and offcanvas header spacing - [#​39380](https://togithub.com/twbs/bootstrap/issues/39380): Fix Sass compilation breaking change in v5.3 - [#​39387](https://togithub.com/twbs/bootstrap/issues/39387): docs: fix typo - [#​39411](https://togithub.com/twbs/bootstrap/issues/39411): Optimize the accordion icon - [#​39497](https://togithub.com/twbs/bootstrap/issues/39497): Fix a typo - [#​39536](https://togithub.com/twbs/bootstrap/issues/39536): Changed RTL processing of carousel control icons - [#​39560](https://togithub.com/twbs/bootstrap/issues/39560): Drop `--bs-accordion-btn-focus-border-color` and deprecate `$accordion-button-focus-border-color` - [#​39595](https://togithub.com/twbs/bootstrap/issues/39595): CSS: Fix the focus ring on focused checked buttons #### ☕️ JavaScript - [#​39201](https://togithub.com/twbs/bootstrap/issues/39201): Selector Engine: fix multiple IDs - [#​39224](https://togithub.com/twbs/bootstrap/issues/39224): Fix edge case in `color-mode.js` - [#​39376](https://togithub.com/twbs/bootstrap/issues/39376): Allow `dl`, `dt` and `dd` in sanitizer #### 📖 Docs - [#​39200](https://togithub.com/twbs/bootstrap/issues/39200): Typo Fix - [#​39214](https://togithub.com/twbs/bootstrap/issues/39214): Doc: use `.text-bg-{color}` for all badges - [#​39246](https://togithub.com/twbs/bootstrap/issues/39246): Docs: fix for example code blocks have unnecessary 30px right-margin - [#​39249](https://togithub.com/twbs/bootstrap/issues/39249): Doc: consistent rendering of 'Heads up!' callouts - [#​39281](https://togithub.com/twbs/bootstrap/issues/39281): Fix `getOrCreateInstance()` doc example - [#​39293](https://togithub.com/twbs/bootstrap/issues/39293): Update background.md - [#​39304](https://togithub.com/twbs/bootstrap/issues/39304): Doc: add expanded accordion explanation - [#​39320](https://togithub.com/twbs/bootstrap/issues/39320): Drop `.table-light` from table foot example - [#​39340](https://togithub.com/twbs/bootstrap/issues/39340): Doc: add `dispose()` to Offcanvas methods - [#​39378](https://togithub.com/twbs/bootstrap/issues/39378): Docs: fix sentence in modal - [#​39417](https://togithub.com/twbs/bootstrap/issues/39417): Fix color schemes description in Sass customization documentation - [#​39418](https://togithub.com/twbs/bootstrap/issues/39418): Docs: change vite config path import in vite guide - [#​39435](https://togithub.com/twbs/bootstrap/issues/39435): Docs: add `shift-color()` usage example in sass customization page - [#​39458](https://togithub.com/twbs/bootstrap/issues/39458): Docs: enhance `.card-img-*` description - [#​39503](https://togithub.com/twbs/bootstrap/issues/39503): Minor image compression improvements - [#​39519](https://togithub.com/twbs/bootstrap/issues/39519): Docs: use consistent HTML elements in Utilities -> Background page - [#​39520](https://togithub.com/twbs/bootstrap/issues/39520): Docs: drop unused `.theme-icon` class - [#​39528](https://togithub.com/twbs/bootstrap/issues/39528): docs: clean up example.html - [#​39537](https://togithub.com/twbs/bootstrap/issues/39537): Docs: fix desc around deprecated Sass mixins for alerts and list groups - [#​39539](https://togithub.com/twbs/bootstrap/issues/39539): Update links on get-started page - [#​39592](https://togithub.com/twbs/bootstrap/issues/39592): Update vite.md - [#​39604](https://togithub.com/twbs/bootstrap/issues/39604): Fix typo in 'media-breakpoint-between' in migration docs - [#​39617](https://togithub.com/twbs/bootstrap/issues/39617): Docs: add missing comma in native font stack code source in Content -> Reboot - [#​39663](https://togithub.com/twbs/bootstrap/issues/39663): updated table to be responsive #### 🛠 Examples - [#​39657](https://togithub.com/twbs/bootstrap/issues/39657): Fix product example mobile navbar toggler - [#​39585](https://togithub.com/twbs/bootstrap/issues/39585): Docs: Add missing type="button" to Cheatsheet nav buttons #### 🏭 Tests - [#​39294](https://togithub.com/twbs/bootstrap/issues/39294): Tests: update navbar in visual modal test #### 🧰 Misc - [#​39096](https://togithub.com/twbs/bootstrap/issues/39096): CI: stop running coveralls in forks - [#​39501](https://togithub.com/twbs/bootstrap/issues/39501): CI: switch to Node.js 20 #### 📦 Dependencies - Updated numerous [devDependencies](https://togithub.com/twbs/bootstrap/pulls?q=is%3Apr+label%3Adependencies+project%3Atwbs%2F32+is%3Aclosed)

Configuration

📅 Schedule: Branch creation - "after 11pm,before 6am" in timezone Asia/Tokyo, Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

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

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

This PR has been generated by Mend Renovate. View repository job log here.

github-actions[bot] commented 5 months ago

depcheck Result

List up libraries that are defined in dependencies and devDependencies in package.json but not used in your codes.

Unused dependencies - @popperjs/core - @sentry/react - @typescript-eslint/eslint-plugin - babel-loader - babel-polyfill - classnames - flexboxgrid - gatsby-legacy-polyfills - gatsby-plugin-flexsearch - gatsby-plugin-twitter - gatsby-react-router-scroll - html-minifier - intersection-observer - md5 - preact - preact-render-to-string - react-body-classname - react-dom - rimraf - sass - typescript
Unused devdependencies - @babel/core - @babel/eslint-parser - @babel/plugin-syntax-typescript - @babel/preset-typescript - @storybook/addon-a11y - @storybook/addon-controls - @storybook/addon-essentials - @storybook/addon-info - @storybook/addon-interactions - @storybook/addon-knobs - @storybook/addon-links - @storybook/addon-storysource - @storybook/addon-viewport - @storybook/builder-webpack5 - @storybook/manager-webpack5 - @textlint-rule/textlint-rule-no-duplicate-abbr - @types/jest - @types/react-test-renderer - @types/responselike - axe-core - babel-plugin-transform-runtime - core-js - cross-env - css-loader - eslint - eslint-config-airbnb - eslint-import-resolver-webpack - eslint-plugin-import - eslint-plugin-jsx-a11y - eslint-plugin-react - gh-pages - husky - identity-obj-proxy - jest - jest-environment-jsdom - markdownlint-cli2 - memlab - netlify-cli - netlify-lambda - nyc - prettier - react-test-renderer - sass-loader - start-server-and-test - stylelint - stylelint-config-recess-order - stylelint-config-recommended-scss - stylelint-config-standard - stylelint-scss - textlint - textlint-filter-rule-allowlist - textlint-filter-rule-comments - textlint-rule-aws-spellcheck - textlint-rule-ja-no-inappropriate-words - textlint-rule-no-mixed-zenkaku-and-hankaku-alphabet - textlint-rule-no-start-duplicated-conjunction - textlint-rule-preset-smarthr - textlint-rule-prh - textlint-rule-terminology - ts-jest - yaml-lint
Missing - colors - /github/workspace/src/styles/_hover.scss - @algolia/transporter - /github/workspace/src/components/SearchBox/index.tsx - @algolia/client-search - /github/workspace/src/components/SearchBox/index.tsx - qs - /github/workspace/scripts/benchmark.js - https - /github/workspace/scripts/uploadScreenShot.ts - sharp - /github/workspace/functions/src/ogp.js
coveralls commented 5 months ago

Pull Request Test Coverage Report for Build 8455599521

Details

Totals Coverage Status
Change from base Build 8455557635: 0.0%
Covered Lines: 251
Relevant Lines: 281
💛 - Coveralls
github-actions[bot] commented 5 months ago

Memlab leaks report

``` page-load [7.2MB] (baseline) [s1] > action-on-page [8.1MB] (target) [s2] > revert [9.2MB] (final) [s3] ------2 clusters------ --Similar leaks in this run: 1634-- --Retained size of leaked objects: 171.2KB-- [] (synthetic) @1 [10.4MB] --2 (shortcut)---> [Window / https://blog.tubone-project24.xyz] (object) @6255 [63.5KB] --setTimeout (property)---> [] (closure) @200663 [72 bytes] --context (internal)---> [] (object) @238911 [20 bytes] --previous (internal)---> [] (object) @94979 [30.2KB] --n (variable)---> [t] (closure) @87043 [1.3KB] --context (internal)---> [] (object) @80261 [47.5KB] --n (variable)---> [Object] (object) @100237 [47.4KB] --9077 (element)---> [Object] (object) @100257 [24 bytes] --exports (property)---> [r] (closure) @241675 [2.7KB] --hasData (property)---> [] (closure) @292777 [80 bytes] --context (internal)---> [] (object) @242109 [1.5KB] --e (variable)---> [Object] (object) @242111 [1KB] --2 (element)---> [Object] (object) @333079 [76 bytes] --aaAutocomplete (property)---> [d] (object) @349561 [348 bytes] --$node (property)---> [$] (object) @350173 [188 bytes] --0 (element)---> [Detached HTMLSpanElement] (native) @326369 [676 bytes] --7 (element)---> [Detached HTMLDivElement] (native) @326921 [5.6KB] --7 (element)---> [Detached HTMLDivElement] (native) @326801 [444 bytes] --6 (element)---> [Detached HTMLDivElement] (native) @326949 [444 bytes] --6 (element)---> [Detached HTMLAnchorElement] (native) @326441 [2.5KB] --11 (element)---> [Detached HTMLAnchorElement] (native) @326455 [2.5KB] --11 (element)---> [Detached HTMLAnchorElement] (native) @326469 [2.5KB] --11 (element)---> [Detached HTMLAnchorElement] (native) @326483 [2.5KB] --11 (element)---> [Detached HTMLAnchorElement] (native) @326497 [2.5KB] --11 (element)---> [Detached HTMLAnchorElement] (native) @326511 [2.5KB] --11 (element)---> [Detached HTMLAnchorElement] (native) @326525 [2.5KB] --13 (element)---> [Detached InternalNode] (native) @40234 [488 bytes] --1 (element)---> [Detached InternalNode] (native) @31380 [432 bytes] --4 (element)---> [Detached ElementIntersectionObserverData] (native) @31188 [72 bytes] --Similar leaks in this run: 479-- --Retained size of leaked objects: 49.9KB-- [] (synthetic) @1 [10.4MB] --2 (shortcut)---> [Window / https://blog.tubone-project24.xyz] (object) @6255 [63.5KB] --___replace (property)---> [] (closure) @168521 [76 bytes] --context (internal)---> [] (object) @98751 [724 bytes] --i (variable)---> [Module] (object) @86939 [6.3KB] --get version (property)---> [version] (closure) @90251 [80 bytes] --context (internal)---> [] (object) @87035 [6.5KB] --Qn (variable)---> [y] (object) @394955 [368 bytes] --props (property)---> [Object] (object) @394957 [28 bytes] --children (property)---> [Object] (object) @410751 [296 bytes] --props (property)---> [Object] (object) @411271 [56 bytes] --children (property)---> [Object] (object) @411295 [1.2KB] --__ (property)---> [Object] (object) @424417 [1.1KB] --__ (property)---> [Object] (object) @424429 [940 bytes] --__ (property)---> [Object] (object) @424443 [736 bytes] --__d (property)---> [Detached HTMLDivElement] (native) @326841 [468 bytes] --5 (element)---> [Detached HTMLDivElement] (native) @326839 [384 bytes] --5 (element)---> [Detached HTMLDivElement] (native) @326837 [384 bytes] --5 (element)---> [Detached HTMLDivElement] (native) @326835 [7.9KB] --5 (element)---> [Detached HTMLDivElement] (native) @326833 [7.1KB] --6 (element)---> [Detached HTMLDivElement] (native) @326825 [5.9KB] --5 (element)---> [Detached HTMLDivElement] (native) @326823 [4.8KB] --5 (element)---> [Detached HTMLPictureElement] (native) @326821 [3.7KB] --5 (element)---> [Detached HTMLSourceElement] (native) @326819 [1.6KB] --10 (element)---> [Detached InternalNode] (native) @31352 [416 bytes] --2 (element)---> [Detached InternalNode] (native) @31356 [56 bytes] --1 (element)---> [Detached NodeList] (native) @36600 [56 bytes] ```
github-actions[bot] commented 5 months ago

Deploy Preview

Deploy path: /home/runner/work/blog/blog/public Functions path: /home/runner/work/blog/blog/functions/src Configuration path: /home/runner/work/blog/blog/netlify.toml Deploying to draft URL... ​ Netlify Build
──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.36.1 ​ ❯ Flags auth: TTs786GkKycSkoas9uwxVwTtamK0txQzpvHwXleU3OQ deployId: 660452fbf96ac424e4e0e0fb dir: ./public functions: ./functions/src open: false prod: false prodIfUnlocked: false site: 3751ef40-b145-4249-9657-39d3fb04ae81 skipFunctionsCache: false ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file /home/runner/work/blog/blog/netlify.toml ​ ❯ Context dev

Build logs: https://app.netlify.com/sites/pensive-lamport-5822d2/deploys/660452fbf96ac424e4e0e0fb Function logs: https://app.netlify.com/sites/pensive-lamport-5822d2/functions?scope=deploy:660452fbf96ac424e4e0e0fb Website draft URL: https://660452fbf96ac424e4e0e0fb--pensive-lamport-5822d2.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --prod

github-actions[bot] commented 5 months ago

Storybook Preview

Deploy path: /home/runner/work/blog/blog/storybook-static Functions path: /home/runner/work/blog/blog/functions/src Configuration path: /home/runner/work/blog/blog/netlify.toml Deploying to draft URL... ​ Netlify Build
──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.36.1 ​ ❯ Flags auth: EPJJ6iiVJKf1WzATp10YTzbujNbkSqWDiVl-3kCXA-Y deployId: 6604534dbc25961da2c82ba0 dir: ./storybook-static open: false prod: false prodIfUnlocked: false site: 905285ac-8339-48d2-86d8-8d639370a095 skipFunctionsCache: false ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file /home/runner/work/blog/blog/netlify.toml ​ ❯ Context dev

Build logs: https://app.netlify.com/sites/blog-storybook/deploys/6604534dbc25961da2c82ba0 Function logs: https://app.netlify.com/sites/blog-storybook/functions?scope=deploy:6604534dbc25961da2c82ba0 Website draft URL: https://6604534dbc25961da2c82ba0--blog-storybook.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --prod

github-actions[bot] commented 5 months ago

Bundle Analyzer URL

https://660452fbf96ac424e4e0e0fb--pensive-lamport-5822d2.netlify.app/webpack-bundle-analyser

github-actions[bot] commented 5 months ago

Lighthouse Score

Desktop

performance: 96 accessibility: 100 best-practices: 100 seo: 92 pwa: 100

Mobile

performance: 86 accessibility: 100 best-practices: 96 seo: 93 pwa: 100