svelte-tiny-virtual-list chore(deps): update dependency beercss to v3.11.20

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
beercss (source)	`3.6.13` -> `3.11.20`

Release Notes

beercss/beercss (beercss)

`v3.11.20`

Compare Source

CHANGELOG 3.11.20

🚀 Added

Added navigation rail/bar from "M3 expressive" (https://github.com/beercss/beercss/issues/460, https://github.com/beercss/beercss/issues/461)
Added shape element from "M3 expressive" (all 35 shapes)
Updated shape size, to be compatible with nav

🩹 Fixed

Fixed extend button when using <img class="responsive"> inside it.
Fixed horizontal scroll on textarea (https://github.com/beercss/beercss/issues/467)
Fixed some scoped version issues (https://github.com/beercss/beercss/issues/466, https://github.com/beercss/beercss/issues/463)
Fixed link butons inside nav (https://github.com/beercss/beercss/issues/471)
Fixed menu open on iOS (https://github.com/beercss/beercss/issues/474)

⚠️ Breaking changes

Navigation drawer was deprecated on "M3 Expressive" use list instead
Refactored main layout to use flexbox grid

Navigation drawer was deprecated on "M3 expressive" use `list` instead

Before:

<nav class="drawer">
  <a>
    <i>search</i>
    <div>Search</div>
  </a>
</nav>

<nav class="drawer">
  <a href="/path">
    <i>search</i>
    <div>Search</div>
  </a>
</nav>

After:

<ul class="list">
  <li class="wave round">
    <i>search</i>
    <div>Search</div>
  </li>
</ul>

<ul class="list">
  <li class="wave round">
    <a href="/path">
      <i>search</i>
      <div>Search</div>
    </a>
  </li>
</ul>

Added navigation rail/bar from "M3 expressive"

Navigation rail (normal/expanded)

<nav class="left">...</nav>
<nav class="left max">...</nav>

Flexible navigation bar (normal/expanded)

<nav class="bottom">...</nav>
<nav class="bottom max">...</nav>

Refactored main layout to use flexbox grid

Now we use the code below. This is how the majority M3 projects looks like. Only the <main> element is required. Old projects that uses a nav.top/nav.bottom and nav.left/nav.right at same time, could be impacted.

<body>
  <nav class="left">LEFT</nav>
  <nav class="right">RIGHT</nav>
  <nav class="top">TOP</nav>
  <nav class="bottom">BOTTOM</nav>
  <header>HEADER</header>
  <main>MAIN</main>
  <footer>FOOTER</footer>
</body>

Added `shape` element from "M3 expressive" (all 35 shapes)

<div class="shape loading-indicator"></div>

<div class="shape loading-indicator">
  <img class="responsive" src="/favicon.png">
</div>

<div class="small-witdh small-height">
  <div class="shape loading-indicator max"></div>
</div>

CHANGELOG 3.11.11

🚀 Added

Updated sliders from M3 expressive (new sizes, value indicator and inset icon)
Updated button groups (added connected, standard and split helpers)

🩹 Fixed

Fixed theme on nav https://github.com/beercss/beercss/issues/459
Fixed main header/footer z-index
Fixed responsive images on button for iOS devices

⚠️ Breaking changes

None

<nav class="group">
  <button class="left-round">Button</button>
  <button class="no-round">Button</button>
  <button class="right-round">Button</button>
</nav>

<nav class="group connected">
  <button class="left-round">Button</button>
  <button class="no-round">Button</button>
  <button class="right-round">Button</button>
</nav>

<nav class="group split">
  <button class="left-round">Button</button>
  <button class="right-round">Button</button>
</nav>

`v3.11.10`

Compare Source

`v3.11.9`

Compare Source

`v3.11.8`

Compare Source

`v3.11.7`

Compare Source

`v3.11.6`

Compare Source

`v3.11.5`

Compare Source

`v3.11.4`

Compare Source

CHANGELOG 3.11.4

🚀 Added

Updated borders and backgrounds of cards like latest M3 specs
Updated paddings of buttons and chips like latest M3 specs

🩹 Fixed

It was showing element on small devices when used <nav class="left drawer min l">...</nav> https://github.com/beercss/beercss/issues/453
Removed default shadows on button, use elevate, small-elevate, medium-elevate or large-elevate helper

⚠️ Breaking changes

None

`v3.11.3`

Compare Source

`v3.11.2`

Compare Source

`v3.11.1`

Compare Source

CHANGELOG 3.11.1

🚀 Added

Added "M3 expressive" buttons
Added "M3 expressive" button groups
Added "M3 expressive" FAB menu
Added "M3 expressive" split buttons
Added "M3 expressive" toolbars

🩹 Fixed

Fixed menu top right alignment https://github.com/beercss/beercss/issues/451

⚠️ Breaking changes

Segmented button was deprecated, use button groups from "M3 expressive"

More about 'M3 expressive"

https://m3.material.io/blog/building-with-m3-expressive
https://www.youtube.com/watch?v=n17dnMChX14

`v3.10.8`

Compare Source

CHANGELOG 3.10.8

🚀 Added

None

🩹 Fixed

Fixed responsive breakpoints https://github.com/beercss/beercss/issues/435

⚠️ Breaking changes

None

`v3.10.7`

Compare Source

CHANGELOG 3.10.7

🚀 Added

None

🩹 Fixed

Fixed tooltip on header/footer https://github.com/beercss/beercss/issues/433
Fixed scoped build

⚠️ Breaking changes

None

`v3.10.6`

Compare Source

`v3.10.5`

Compare Source

CHANGELOG 3.10.5

🚀 Added

Added scoped version https://github.com/beercss/beercss/issues/429 https://github.com/beercss/beercss/issues/427
Added custom element version
Reduced 1kb on final bundle (without gzip)

🩹 Fixed

Fixed invalid import path on scoped version and custom element version (fixed in >= 3.10.3) https://github.com/beercss/beercss/issues/429#issuecomment-2791933193
Fixed typescript declarations (fixed in >= 3.10.4)
Fixed some header and footer bevaviors (fixed in >= 3.10.5)

⚠️ Breaking changes

None

SCOPED VERSION

Applied on child elements of <* class="beer">...</*>.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/beer.scoped.min.css" rel="stylesheet" />
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/beer.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/material-dynamic-colors.min.js"></script>

npm i beercss
npm i material-dynamic-colors

import "beercss/scoped";
import "material-dynamic-colors";

CUSTOM ELEMENT VERSION

Applied on child elements of <beer-css>...</beer-css>.

<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/beer.custom-element.min.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn/material-dynamic-colors.min.js"></script>

npm i beercss
npm i material-dynamic-colors

import "beercss/custom-element";
import "material-dynamic-colors";

`v3.10.4`

Compare Source

`v3.10.3`

Compare Source

`v3.10.2`

Compare Source

`v3.10.1`

Compare Source

`v3.10.0`

Compare Source

`v3.9.7`

Compare Source

CHANGELOG 3.9.7

🚀 Added

Reducing 2kb on final bundle (from 16kb to 14kb)

🩹 Fixed

None

⚠️ Breaking changes

None

`v3.9.6`

Compare Source

CHANGELOG 3.9.6

🚀 Added

Added top, bottom helpers to menu https://github.com/beercss/beercss/issues/422
Added more projects that reach 10+ stars https://github.com/beercss/beercss/issues/305

🩹 Fixed

None

⚠️ Breaking changes

None

Added `top`, `bottom` helpers to `menu`

<menu class="top">...</menu>
<menu class="top no-wrap">...</menu>
<menu class="top left no-wrap">...</menu>
<menu class="top right no-wrap">...</menu>

`v3.9.5`

Compare Source

CHANGELOG 3.9.5

🚀 Added

Added support to Popover API on dialog and snackbar elements
- https://github.com/beercss/beercss/discussions/187
- https://github.com/beercss/beercss/discussions/404
Added list element (supporting nested and expansion lists too) https://github.com/beercss/beercss/discussions/410
Added small, medium, large, extra helpers to checkbox and radio elements https://github.com/beercss/beercss/issues/356
Updated root size to 1rem (it will get the browser default automattcally) https://github.com/beercss/beercss/issues/38
Updated active switch animation, knob gets bigger https://github.com/beercss/beercss/issues/191
Added space helpers to menu
Added border helper to menu
Added minimal subset of icons https://github.com/beercss/beercss/issues/418

🩹 Fixed

Fixed square behavior on images https://github.com/beercss/beercss/issues/413
Fixed autoresizing textarea https://github.com/beercss/beercss/issues/401
Fixed setup for Svelte use case https://github.com/beercss/beercss/issues/417

⚠️ Breaking changes

Removed invalid HTML markup on menu element https://github.com/beercss/beercss/discussions/410

Added support to Popover API on `dialog` and `snackbar` elements

<button popovertarget="dialog">Button</button>

<dialog id="dialog" popover>
  <h5>Title</h5>
  <nav>
    <button popovertarget="dialog">Button</button>
  </nav>
</dialog>

<button popovertarget="snackbar">Button</button>

<div id="snackbar" class="snackbar" popover>
  <span>Some text</span>
  <button popovertarget="snackbar">Button</button>
</div>

Added `list` element (supporting nested and expansion lists too)

<ul class="list">
  <li>Item</li>
  <li>Item</li>
</ul>

<ul class="list">
  <li>
    <a href="#">Item</a>
  </li>
  <li>
    <a href="#">Item</a>
  </li>
</ul>

Added `small`, `medium`, `large`, `extra` helpers to `checkbox` and `radio` elements

<label class="checkbox small">
  <input type="checkbox" />
  <span></span>
</label>

<label class="radio large">
  <input type="radio" />
  <span></span>
</label>

Removed invalid HTML markup on `menu` element

// before
<menu>
  <a>Item</a>
  <a>Item</a>
</menu>

// after
<menu>
  <li>Item</li>
  <li>Item</li>
</menu>

// before
<menu>
  <a href="#">Item</a>
  <a href="#">Item</a>
</menu>

// after
<menu>
  <li>
    <a href="#">Item</a>
  </li>
  <li>
    <a href="#">Item</a>
  </li>
</menu>

// before
<menu>
  <a class="row">
    <i>home</i>
    <span>Home</span>
  </a>
  <a class="row">
    <i>search</i>
    <span>Search</span>
  </a>
</menu>

// after
<menu>
  <li>
    <i>home</i>
    <span>Home</span>
  </li>
  <li>
    <i>search</i>
    <span>Search</span>
  </li>
</menu>

// before
<menu>
  <a>Item</a>
  <a>Item</a>
  <menu>
    <a>Item</a>
    <a>Item</a>
  </menu>
</menu>

// after
<menu>
  <li>Item</li>
  <li>Item</li>
  <li>
    <menu>
      <li>Item</li>
      <li>Item</li>
    </menu>
  </li>
</menu>

// before
<menu class="min">
  <div class="field large prefix no-margin">
    <i class="front">arrow_back</i>
    <input>
  </div>
  <a class="row">
    <i>history</i>
    <div>Item 1</div>
  </a>
</menu>

// after
<menu class="min">
  <li>
    <div class="field large prefix">
      <i class="front">arrow_back</i>
      <input>
    </div>
  </li>
  <li>
    <i>history</i>
    <div>Item 1</div>
  </li>
</menu>

`v3.9.4`

Compare Source

`v3.9.3`

Compare Source

`v3.9.2`

Compare Source

`v3.9.1`

Compare Source

`v3.9.0`

Compare Source

`v3.8.0`

Compare Source

CHANGELOG 3.8.0

🚀 Added

Added auto click on password icon https://github.com/beercss/beercss/discussions/382
Added the ripple effect helpers ripple, slow-ripple, fast-ripple (an optional js solution, the wave effect still is the default) https://github.com/beercss/beercss/discussions/389

🩹 Fixed

Fixed support to asp.net when adds an extra input hidden https://github.com/beercss/beercss/issues/400
Fixed autofocus on dialog https://github.com/beercss/beercss/issues/397

Added the ripple effect helpers `ripple`, `slow-ripple`, `fast-ripple` (an optional js solution, the wave effect still is the default)

<button class="ripple">Ripple</button>
<button class="slow-ripple">Slow ripple</button>
<button class="fast-ripple">Fast ripple</button>

`v3.7.14`

Compare Source

CHANGELOG 3.7.14

🚀 Added

Refactored the JS file, break into small parts
Added ui("mode", "auto") to set the mode according to device color scheme https://github.com/beercss/beercss/issues/360
Added max height for autoresized textarea https://github.com/beercss/beercss/issues/297
Added logic tabs to <nav class="tabbed"> elements https://github.com/beercss/beercss/discussions/355
Added color to wave effect, it will get the foreground color by default
Added outline to buttons and links (https://github.com/beercss/beercss/discussions/371)
Updated font icons
Updated border color of default chip, like MD3 guidelines
Added outline to checkbox, radio, switch and slider
Preventing import cycles on the JS part (https://github.com/beercss/beercss/pull/376)
Using nav.row like a.row to avoid nested <a> markup https://github.com/beercss/beercss/issues/391

🩹 Fixed

Fixed multi-level menu https://github.com/beercss/beercss/issues/359
Fixed focus on search https://github.com/beercss/beercss/issues/357
Fixed vertical slider on touchable devices https://github.com/beercss/beercss/issues/354
Fixed scroll dialog on touchable devices https://github.com/beercss/beercss/issues/339
Fixed color on autofill inputs, using --on-surface color https://github.com/beercss/beercss/issues/367 https://github.com/beercss/beercss/issues/332
Fixed chip letter spacing when used button tag
Fixed rounded chip
Fixed color on transparent buttons https://github.com/beercss/beercss/issues/373
Fixed label up on filled textarea https://github.com/beercss/beercss/issues/372
Fixed circle progress on iOS https://github.com/beercss/beercss/issues/370
Fixed side effetct on other elements, when use progress https://github.com/beercss/beercss/issues/388
Fixed imports https://github.com/beercss/beercss/issues/386
Fixed active tabs https://github.com/beercss/beercss/issues/393
Fixed navigations with buttons and vertical borders https://github.com/beercss/beercss/issues/392

⚠️ Breaking changes

If you don't set light or dark on body, the mode will be set according to device color scheme

If you don't set `light` or `dark` on `body`, the mode will be set according to device color scheme

// before, it was light
<body>

// after, it will add light/dark according to device color scheme

<body class="light|dark">

`v3.7.13`

Compare Source

`v3.7.12`

Compare Source

`v3.7.11`

Compare Source

`v3.7.10`

Compare Source

`v3.7.9`

Compare Source

`v3.7.8`

Compare Source

`v3.7.7`

Compare Source

`v3.7.6`

Compare Source

`v3.7.5`

Compare Source

`v3.7.4`

Compare Source

`v3.7.3`

Compare Source

`v3.7.2`

Compare Source

`v3.7.1`

Compare Source

`v3.7.0`

Compare Source

Configuration

📅 Schedule: Branch creation - Between 12:00 AM and 03:59 AM, only on Monday ( * 0-3 * * 1 ) in timezone Europe/Vienna, Automerge - Between 12:00 AM and 03:59 AM ( * 0-3 * * * ) in timezone Europe/Vienna.

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

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

[ ] If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

Oct 21 '24 00:10 renovate[bot]

Deploying svelte-tiny-virtual-list with Cloudflare Pages

Latest commit:	`56c0d4e`
Status:	✅ Deploy successful!
Preview URL:	https://4b92fe07.svelte-tiny-virtual-list.pages.dev
Branch Preview URL:	https://renovate-beercss-3-x.svelte-tiny-virtual-list.pages.dev

View logs

Oct 21 '24 00:10 cloudflare-workers-and-pages[bot]

Deploying svelte-tiny-virtual-list with Cloudflare Pages

Latest commit:	`96e5e80`
Status:	✅ Deploy successful!
Preview URL:	https://a4ba8abd.svelte-tiny-virtual-list.pages.dev
Branch Preview URL:	https://renovate-beercss-3-x.svelte-tiny-virtual-list.pages.dev

View logs

Feb 21 '25 19:02 cloudflare-workers-and-pages[bot]

svelte-tiny-virtual-list svelte-tiny-virtual-list copied to clipboard

chore(deps): update dependency beercss to v3.11.20

Release Notes

CHANGELOG 3.11.20

🚀 Added

🩹 Fixed

⚠️ Breaking changes

Navigation drawer was deprecated on "M3 expressive" use list instead

Added navigation rail/bar from "M3 expressive"

Refactored main layout to use flexbox grid

Added shape element from "M3 expressive" (all 35 shapes)

CHANGELOG 3.11.11

🚀 Added

🩹 Fixed

⚠️ Breaking changes

CHANGELOG 3.11.4

🚀 Added

🩹 Fixed

⚠️ Breaking changes

CHANGELOG 3.11.1

🚀 Added

🩹 Fixed

⚠️ Breaking changes

CHANGELOG 3.10.8

🚀 Added

🩹 Fixed

⚠️ Breaking changes

CHANGELOG 3.10.7

🚀 Added

🩹 Fixed

⚠️ Breaking changes

CHANGELOG 3.10.5

🚀 Added

🩹 Fixed

⚠️ Breaking changes

SCOPED VERSION

CUSTOM ELEMENT VERSION

CHANGELOG 3.9.7

🚀 Added

🩹 Fixed

⚠️ Breaking changes

CHANGELOG 3.9.6

🚀 Added

🩹 Fixed

⚠️ Breaking changes

Added top, bottom helpers to menu

CHANGELOG 3.9.5

🚀 Added

🩹 Fixed

⚠️ Breaking changes

Added support to Popover API on dialog and snackbar elements

Added list element (supporting nested and expansion lists too)

Added small, medium, large, extra helpers to checkbox and radio elements

Removed invalid HTML markup on menu element

CHANGELOG 3.8.0

🚀 Added

🩹 Fixed

Added the ripple effect helpers ripple, slow-ripple, fast-ripple (an optional js solution, the wave effect still is the default)

CHANGELOG 3.7.14

🚀 Added

🩹 Fixed

⚠️ Breaking changes

If you don't set light or dark on body, the mode will be set according to device color scheme

Configuration

Deploying svelte-tiny-virtual-list with Cloudflare Pages

Deploying svelte-tiny-virtual-list with Cloudflare Pages

svelte-tiny-virtual-list
svelte-tiny-virtual-list copied to clipboard

Navigation drawer was deprecated on "M3 expressive" use `list` instead

Added `shape` element from "M3 expressive" (all 35 shapes)

Added `top`, `bottom` helpers to `menu`

Added support to Popover API on `dialog` and `snackbar` elements

Added `list` element (supporting nested and expansion lists too)

Added `small`, `medium`, `large`, `extra` helpers to `checkbox` and `radio` elements

Removed invalid HTML markup on `menu` element

Added the ripple effect helpers `ripple`, `slow-ripple`, `fast-ripple` (an optional js solution, the wave effect still is the default)

If you don't set `light` or `dark` on `body`, the mode will be set according to device color scheme