npm - @getflip/swirl-components - Versions diffs - 0.361.0 → 0.362.1 - Mend

@getflip/swirl-components 0.361.0 → 0.362.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1784) hide show

package/dist/components/swirl-shell-layout.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { d as defineCustomElement$4 } from './swirl-stack2.js';
 import { d as defineCustomElement$3 } from './swirl-tooltip2.js';
 import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
-const swirlShellLayoutCss = ".sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:\"nav main\"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:\"header header header\"\n      \"nav main sidebar\"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(\n          --swirl-shell-sidebar-width\n        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(\n        --swirl-shell-sidebar-width\n      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none;flex-basis:calc(50% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid transparent}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}";
+const swirlShellLayoutCss = ".sc-swirl-shell-layout-h{--swirl-shell-background:var(--s-surface-sunken-default);--swirl-shell-text-color:var(--s-text-default);--swirl-shell-header-height:3.25rem;--swirl-shell-collapsed-nav-width:4rem;--swirl-shell-extended-nav-width:18rem;--swirl-shell-sidebar-width:21rem;display:flex;width:100%;height:100%}.sc-swirl-shell-layout-h *.sc-swirl-shell-layout{box-sizing:border-box}.shell-layout.sc-swirl-shell-layout{display:grid;overflow:hidden;width:100%;min-height:100%;background-color:var(--swirl-shell-background);transition:grid-template-columns 0.1s;grid-template-columns:0 1fr 0;grid-template-rows:1fr;grid-template-areas:\"nav main\"}@media (prefers-reduced-motion){.shell-layout.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout.sc-swirl-shell-layout{padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);-moz-column-gap:var(--s-space-8);column-gap:var(--s-space-8);grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr 0;grid-template-rows:var(--swirl-shell-header-height) 1fr;grid-template-areas:\"header header header\"\n      \"nav main sidebar\"}}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout{border-bottom:none;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-action-primary-hovered)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-action-primary-pressed)}.shell-layout--branded-header.sc-swirl-shell-layout .shell-layout__header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-action-primary-default)}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{scrollbar-width:none}.shell-layout--navigation-collapsed.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout::-webkit-scrollbar{width:0;background:transparent;-webkit-appearance:none}}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{max-width:100%;max-height:3rem;flex-basis:100%}@media (min-width: 992px){.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr 0}}@media (min-width: 1440px){.shell-layout--sidebar-active.shell-layout--navigation-collapsed.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-collapsed-nav-width) 1fr var(\n          --swirl-shell-sidebar-width\n        )}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__main.sc-swirl-shell-layout{width:100%}}.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar.sc-swirl-shell-layout{overflow:initial}@media (min-width: 992px){.shell-layout--sidebar-active.sc-swirl-shell-layout .shell-layout__sidebar-body.sc-swirl-shell-layout{border:0.0625rem solid var(--s-border-default);transform:translate3d(0, 0, 0)}}@media (min-width: 1440px){.shell-layout--sidebar-active.sc-swirl-shell-layout{grid-template-columns:var(--swirl-shell-extended-nav-width) 1fr var(\n        --swirl-shell-sidebar-width\n      )}}.sc-swirl-shell-layout:not(.shell-layout--sidebar-active) .shell-layout__sidebar.sc-swirl-shell-layout{animation:shell-layout-no-overflow-after-transition 0.1s;animation-fill-mode:forwards}.shell-layout--sidebar-scrollable.sc-swirl-shell-layout:not(.shell-layout--sidebar-scrolled-to-top) .shell-layout__sidebar-app-bar.sc-swirl-shell-layout{border-bottom-color:var(--s-border-default)}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:translate3d(0, 0, 0);box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__nav.sc-swirl-shell-layout{transform:none;box-shadow:none}}.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:block}@media (min-width: 992px){.shell-layout--mobile-navigation-active.sc-swirl-shell-layout .shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{display:none}}.shell-layout--has-secondary-nav.sc-swirl-shell-layout .shell-layout__secondary-nav.sc-swirl-shell-layout{display:block}.shell-layout--secondary-nav-collapsed.sc-swirl-shell-layout .shell-layout__secondary-nav-items.sc-swirl-shell-layout{display:none}.shell-layout__header.sc-swirl-shell-layout{position:relative;display:none;width:calc(100% + var(--s-space-8));padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;color:var(--swirl-shell-text-color);grid-area:header}@media (min-width: 992px){.shell-layout__header.sc-swirl-shell-layout{display:flex}}.shell-layout__skip-link.sc-swirl-shell-layout{position:absolute;z-index:9;top:0;left:0;padding:var(--s-space-4);border:none;color:var(--swirl-shell-text-color);background-color:var(--swirl-shell-background);font:inherit;cursor:pointer}.shell-layout__skip-link.sc-swirl-shell-layout:not(:focus):not(:active){position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.shell-layout__header-left.sc-swirl-shell-layout{display:flex;padding-left:var(--s-space-2);flex-basis:8rem;flex-shrink:0;align-items:center;gap:var(--s-space-8)}.shell-layout__header-right.sc-swirl-shell-layout{--swirl-ghost-button-background-default:var(--s-surface-sunken-default);--swirl-ghost-button-background-hovered:var(--s-surface-sunken-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-sunken-pressed);display:flex;flex-basis:8rem;flex-shrink:0;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__logo.sc-swirl-shell-layout{display:flex;flex-grow:1;justify-content:center;align-items:center}.shell-layout__logo.sc-swirl-shell-layout-s>a{display:flex}.shell-layout__logo.sc-swirl-shell-layout-s>a img,.shell-layout__logo.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__header-tool.sc-swirl-shell-layout{position:relative;width:2.25rem;height:2.25rem;padding:var(--s-space-8);flex-shrink:0;border:none;border-radius:var(--s-border-radius-sm);color:var(--swirl-shell-text-color);background-color:var(--s-surface-sunken-default);font:inherit;cursor:pointer}.shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-sunken-hovered)}.shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-sunken-pressed)}.shell-layout__header-tool.sc-swirl-shell-layout:focus{outline:none}.shell-layout__header-tool.sc-swirl-shell-layout:focus-visible{box-shadow:0 0 0 0.125rem var(--s-focus-default)}.shell-layout__header-tool.sc-swirl-shell-layout swirl-badge.sc-swirl-shell-layout{--swirl-badge-border-color:var(--s-surface-sunken-default);position:absolute;top:var(--s-space-2);right:var(--s-space-2);padding-right:var(--s-space-2);transform:translate3d(0.1875rem, 0, 0)}.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:none}@media (min-width: 992px){.shell-layout__sidebar-toggle.sc-swirl-shell-layout{display:block}}.shell-layout__nav.sc-swirl-shell-layout{position:fixed;z-index:9;top:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;max-width:18.75rem;color:var(--swirl-shell-text-color);background-color:var(--s-surface-overlay-default);transition:transform 0.1s, box-shadow 0.1s, width 0.1s;transform:translate3d(-100%, 0, 0);grid-area:nav}@media (prefers-reduced-motion){.shell-layout__nav.sc-swirl-shell-layout{transition:none}}@media (min-width: 992px){.shell-layout__nav.sc-swirl-shell-layout{position:relative;max-width:none;padding-top:0;padding-right:var(--s-space-4);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);background-color:var(--swirl-shell-background);transform:none;box-shadow:none;inset:auto}}.shell-layout__mobile-header.sc-swirl-shell-layout{display:flex;min-height:3.5rem;margin-bottom:var(--s-space-8);padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:0.0625rem solid var(--s-border-default)}.shell-layout__mobile-header.sc-swirl-shell-layout-s>img{max-height:1.75rem}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout{background-color:var(--s-surface-overlay-default)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:hover{background-color:var(--s-surface-overlay-hovered)}.shell-layout__mobile-header.sc-swirl-shell-layout .shell-layout__header-tool.sc-swirl-shell-layout:active{background-color:var(--s-surface-overlay-pressed)}@media (min-width: 992px){.shell-layout__mobile-header.sc-swirl-shell-layout{display:none}}.shell-layout__mobile-header-tools.sc-swirl-shell-layout{display:flex;justify-content:flex-end;align-items:center;gap:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout{padding:var(--s-space-8)}.shell-layout__nav-body.sc-swirl-shell-layout-s ul{margin:0;padding:0;list-style:none}.shell-layout__nav-body.sc-swirl-shell-layout-s li{display:flex}@media (min-width: 992px){.shell-layout__nav-body.sc-swirl-shell-layout{padding:0}}.shell-layout__mobile-nav-backdrop.sc-swirl-shell-layout{position:fixed;z-index:8;display:none;background-color:rgba(0, 0, 0, 0.25);animation:shell-layout-backdrop-fade-in 0.1s;inset:0}.shell-layout__secondary-nav.sc-swirl-shell-layout{display:none}.shell-layout__secondary-nav-items.sc-swirl-shell-layout-s>ul,.shell-layout__secondary-nav-items .sc-swirl-shell-layout-s>ul{display:flex;flex-direction:column;gap:var(--s-space-2)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul{flex-wrap:wrap;flex-direction:row;gap:var(--s-space-16)}.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view.sc-swirl-shell-layout-s>ul>*,.shell-layout:not(.shell-layout--navigation-collapsed) .shell-layout__secondary-nav-items--grid-view .sc-swirl-shell-layout-s>ul>*{min-width:0;max-height:none}.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul,.shell-layout--navigation-collapsed .shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul{gap:var(--s-space-16)}.shell-layout__secondary-nav-items--tiled.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--tiled .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(50% - var(--s-space-8))}.shell-layout__secondary-nav-items--app-icon.sc-swirl-shell-layout-s>ul>*,.shell-layout__secondary-nav-items--app-icon .sc-swirl-shell-layout-s>ul>*{flex-basis:calc(32% - var(--s-space-8))}.shell-layout__main.sc-swirl-shell-layout{overflow:hidden;background-color:var(--s-background-default);grid-area:main}@media (min-width: 992px){.shell-layout__main.sc-swirl-shell-layout{width:calc(100% + var(--s-space-8));border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm)}}.shell-layout__sidebar.sc-swirl-shell-layout{position:relative;display:none;min-height:0;grid-area:sidebar}@media (min-width: 992px){.shell-layout__sidebar.sc-swirl-shell-layout{display:block}}.shell-layout__sidebar-body.sc-swirl-shell-layout{z-index:1;display:flex;width:var(--swirl-shell-sidebar-width);height:100%;border-radius:var(--s-border-radius-sm);background-color:var(--s-background-default);flex-direction:column}@media (min-width: 992px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:absolute;top:0;right:0;bottom:0;transition:transform 0.1s;transform:translate3d(calc(100% + var(--s-space-24)), 0, 0);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 1440px){.shell-layout__sidebar-body.sc-swirl-shell-layout{position:relative;transform:none;box-shadow:none;inset:auto}}@media (prefers-reduced-motion){.shell-layout__sidebar-body.sc-swirl-shell-layout{transition:none}}.shell-layout__sidebar-app-bar.sc-swirl-shell-layout{flex-grow:0;flex-shrink:0;border-bottom:var(--s-border-width-default) solid transparent}.shell-layout__sidebar-content.sc-swirl-shell-layout{overflow:auto;flex-grow:1}@keyframes shell-layout-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes shell-layout-no-overflow-after-transition{0%{overflow:initial}99%{overflow:initial}100%{overflow:hidden}}";
 const SECONDARY_NAVIGATION_COLLAPSE_STORAGE_KEY = "SWIRL_SHELL_SECONDARY_NAVIGATION_COLLAPSE_STATE";
 const SECONDARY_NAVIGATION_VIEW_STORAGE_KEY = "SWIRL_SHELL_SECONDARY_NAVIGATION_VIEW_STATE";
@@ -32,6 +32,7 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
         this.browserForwardButtonLabel = "Navigate forward";
         this.collapseNavigationButtonLabel = "Collapse navigation";
         this.enableSecondaryNavGridLayout = true;
+        this.secondaryNavGridLayoutVariant = "tiled";
         this.expandNavigationButtonLabel = "Expand navigation";
         this.gridNavLayoutToggleLabel = "Grid";
         this.hideMobileNavigationButtonLabel = "Close navigation";
@@ -174,10 +175,12 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
     }
     setSecondaryNavItemsTiled() {
         this.secondaryNavItems.forEach((item) => {
-            item.tiled =
+            item.variant =
                 this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" ||
-                        (this.navigationCollapsed && this.isDesktopViewport));
+                        (this.navigationCollapsed && this.isDesktopViewport))
+                    ? this.secondaryNavGridLayoutVariant
+                    : "default";
         });
     }
     restoreSecondaryNavState() {
@@ -213,25 +216,26 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: '145beb59a3a61eb54bdf0afb62910673a7f68f15' }, h("div", { key: 'fc8670543e559badd26edfef174b5841e32252ea', class: className }, h("header", { key: '93a9731c41b24095664fae994204465809eba542', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '1d6650ff78b19704eabf838c9f8b6a62ab21255f', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '7827b786a8fbde3b4710538ca0bcb34cd778a378', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'c9d882a8a68ec78c4eae18a230302a34cc4291fa', content: this.navigationCollapsed
+        return (h(Host, { key: '9c751493caa90c8d209cdaf802f3a2471cf2c43b' }, h("div", { key: '0d6a9b9c3747723307c4afd71bfa12ac678863ce', class: className }, h("header", { key: '4ae8c6df5ca8a88a03d7ebd8ae9a376c1b0cc7b0', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '086c1bdd5bf9ec288cfd6c94d323d69062368a53', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'fd246e7a0d5bcb6e615c178a52b80a79dcb372e3', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'f65d96f20f2d61a91d880357a7d0af5fa8920c93', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '1ab392572c7b366b49f03819099b327a6859f1d0', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: 'f26f8e633330956653e7931f54e5b055f7750c45' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '5738d3bf54bb5f193473fe526357e2db9a81be2e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '179718ea90513e2fa688d0527edab4e0e2685630' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: 'fa8a132b5745c58bc9ca4a5127a050d8e2a322f5', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'c3dcc838e7345e587f099a0bf99e76071b851fa2', size: 20 }), h("swirl-visually-hidden", { key: 'c2b34b9dcfacd0f0959250675fcf05477298dc6d' }, this.browserBackButtonLabel)), h("a", { key: 'c70433fe8b668436d7de5861ef5e5c6739c12f2f', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '33c060e8e5f99860be1f96e2e1e3a1b6c416af40', size: 20 }), h("swirl-visually-hidden", { key: '85f09cc5e891a723b5b12a64d04f396c73ad9271' }, this.browserForwardButtonLabel)), h("slot", { key: 'fb3e7a7eaa86bdc45db5960adba4600c8cb70cc4', name: "left-header-tools" })), h("div", { key: '67551617c815eff767e57b617c9f99170276f6ca', class: "shell-layout__logo" }, h("slot", { key: '7f0b8a256cc9380aa49070007cd23aefab158331', name: "logo" })), h("div", { key: '0985541a454b5615eb33b8acf908927005ac5339', class: "shell-layout__header-right" }, h("slot", { key: '7d26b8cd00a5ba0ed6c79c24db9a49262c7536ff', name: "right-header-tools" }), h("button", { key: '5dded5c0b6c0f4f9fc79c560fef3cf8b684f72c3', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '53e5e7158b05226fa1c5a80218cf56d63f935a41', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '3f7905b838a01000eb53c37cc2d3d7fe0b9fb261' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '3c2b8574d4f753bc1a0720f4f2bb8ade0802d0f1', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: '5a8482c134dbe1c360b32acbaf1fa4827fa2e237', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '45360123d5147e80eeea2c3ec8a6b93350f1a3cc', size: 20 }), h("swirl-visually-hidden", { key: '0933277119b59c5d1336dcf42dca8c626a9e93c9' }, this.browserBackButtonLabel)), h("a", { key: 'e812ed7a623fb4d2fb97cf434ffdcf09cbfa51e2', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '5e78c3967302c0e5ba99f1e1922dca66a78f3f7c', size: 20 }), h("swirl-visually-hidden", { key: '228e4d052c359a30b5207b2463d8dcd270a5cb5c' }, this.browserForwardButtonLabel)), h("slot", { key: '922ad9dbc8f8e8ed3867d7b4993308ac43c7cf36', name: "left-header-tools" })), h("div", { key: '70b8cc0cbe8fa2f4439a96427c27b32309e82079', class: "shell-layout__logo" }, h("slot", { key: '7f5be19beae205048190df3462f342ceb80c7aa5', name: "logo" })), h("div", { key: '42ac3f772d663f7a0d3f977b79d4d692a01306b7', class: "shell-layout__header-right" }, h("slot", { key: '4afadfcc9a89264979dd24c418fad28ef043f019', name: "right-header-tools" }), h("button", { key: 'a1a7ffaa3260eaf2d91f30e24ecb121a0e4adc8b', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '5ea6514239f1d0bc5a18cad695257657dfe5a595', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '9d61e2a3d2ce3f7e8073cc96734679fc7e8a96c6' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '27eaec5b60d5dfbb4cf962d543c93f364b9e1c84', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'dd842d448e0a8c40bbcbf9e6c471b65391e656aa', name: "avatar" }))), h("div", { key: '21ec3253f535a6e11fc4e4b9d3275be16bef3e37', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '03ccd71ba07a10b25e2e6cc08fa35d20583d0af9', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '67d4bfd1af203813d62cc33ec30536f1d583fd2c', class: "shell-layout__mobile-header" }, h("slot", { key: '5a58cb78d82a485208d78f18a6344d8e6700f9de', name: "mobile-logo" }), h("div", { key: 'f97151a5d10dc38914ca0724ab4ef91605748946', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'bafbae1b3c90f0b3e4b8b307bab0fdaa921e6865', name: "mobile-header-tools" }), h("button", { key: '7da04b4e2eb07e8c20a22d90fa213e2b30abd9ac', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '103e4618977f434370e1798d1a51d320640a0fad', size: 20 }), h("swirl-visually-hidden", { key: '5abbf1644bf262e8d35c6067ea1c828f020d91d4' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '142f08f462b8bf8399d2bf2d6422d6e7315c570c', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '85b00ace5e31af100ede2cc0131bac6b6f775e94' }, h("span", { key: '41a713f916dadcc7e49487fb8ae6c09fa00fcc30', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '16ce50afbb39c9b07fef6101acad2ec2c4ba4586', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '03b3ce1513e83a0479c032aef4cdffb465f1124a', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '65e40b6c023d7d7a4dac4c66497196ed97f82b9f', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '1bbf9dcf3f7d371e6d4741b2981c9c577ca561c7', paddingBlockEnd: "16" }, h("swirl-stack", { key: '8f1c8e98897eb678eebc599dac9dc4335e0182cd', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'fad25f850b48d068ae362d3af46480f0216f388a', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '750f08ca2df6dd1b200b33c1c4a74067a8355816', name: "avatar" }))), h("div", { key: 'f6b8966a7a8c0b3381667f88440a9b5aa6d6180f', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '99af15ebba4f59849a42c536b357c3119e72a369', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'e8f0f3c7c22f3424b5da244a4f9e35d68a6df16b', class: "shell-layout__mobile-header" }, h("slot", { key: '688378a54a44173cbe601f152460b8233b2c722c', name: "mobile-logo" }), h("div", { key: 'b355ee02bd82221aac2a805cb28655c85adaa831', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '79b8058933acb81b6068c7f047ad4361c261880f', name: "mobile-header-tools" }), h("button", { key: 'bea6783adf1ae60de494396600e5b772222e345c', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '9cc9b6f61948e8311f29c7b23aca1d95673ed434', size: 20 }), h("swirl-visually-hidden", { key: 'c8f3710ff32046e1474291bb8459b746b742e5b6' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '61a889dca67f3af0a728cc64d9a55325640eb1ef', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '9581c3fd6fbfb88eca016e77ad41735caa6c7a43' }, h("span", { key: '560779789e0792aa360defb0eef73e5c5bfd63cc', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '91670892f54522f80500d9a0855690e56534485c', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'd393078255ba73d63350c65a7ebb0a67a72b9286', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '4bfb0409ffcf41c1c4a89bae77a33fcd1cfa9358', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'e30f4ddfb5b82eb2f8979909b0cff098cb0e7c91', paddingBlockEnd: "16" }, h("swirl-stack", { key: '0cf8f58c0d38e87dc5393b13e0b880ae3298f3ef', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '5c93d538b2e1a1912fd105db17513b916cba0a35', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'a25fd052e4f847f6cca797c0f75441c103b32d85', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '0c1998573727739df3a79333390edabf8b202b71', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '58194ffa9a4de1213d32d4cb3be20abad06767a0', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '0016ff5a602a91b8ceb9ae880430f1cf646417e9', class: {
+                [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
-                    (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, h("slot", { key: '0f8de170a58e97c7247e32bd299be70801c39d4a', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '4eaff45b2e6ab9fa6b0ba750c743e72cf599f520', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'b9c9733e3fdba52431a5ac69b515a6096b5ff2de' })), h("aside", { key: 'c6bf67f8577ae161af4d0870aee0924b9774a406', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '4dd11812f5c370fbed3964bf499aca4e442a8b82', class: "shell-layout__sidebar-body" }, h("div", { key: '856529398cb2ee871550a8e16d411efbb08505ea', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '19fe1d49a68109ec28235ea18b8389bc59c66ea2', name: "sidebar-app-bar" })), h("div", { key: 'cd69d10323442c23387b0f08f80a0e361b7737ba', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: 'f36a07e5d839b96d6150fdc10f03d3ce124b5596', name: "sidebar" })))))));
+                    this.secondaryNavView === "grid",
+            } }, h("slot", { key: '713dd9ebb264042fd9d02fd4aca023b39f493b8e', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '731beca3e221213721ff45682fb1e92583ad3a85', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'cfb3e086eaa14d09b91957e46ad97372b4adcb92' })), h("aside", { key: 'cd5c9d5a4bdd1314dd91b6f66d2870b9ec2cb46e', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '3cffb268ef38cba98918b424d092b41217d2d045', class: "shell-layout__sidebar-body" }, h("div", { key: '4d16bd2adf9d09ead5ed0d0ebd5848807c932a2a', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '1098ee7a56eba10fb16fc7873d13d10b474bd3f0', name: "sidebar-app-bar" })), h("div", { key: 'aa5d4878ac74495f44486a598f7979359158ec06', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '9f6efd442c7955dd9a9c57e12ac68e5c81e3dfee', name: "sidebar" })))))));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -247,6 +251,7 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
         "browserForwardButtonLabel": [1, "browser-forward-button-label"],
         "collapseNavigationButtonLabel": [1, "collapse-navigation-button-label"],
         "enableSecondaryNavGridLayout": [4, "enable-secondary-nav-grid-layout"],
+        "secondaryNavGridLayoutVariant": [1, "secondary-nav-grid-layout-variant"],
         "expandNavigationButtonLabel": [1, "expand-navigation-button-label"],
         "gridNavLayoutToggleLabel": [1, "grid-nav-layout-toggle-label"],
         "hideMobileNavigationButtonLabel": [1, "hide-mobile-navigation-button-label"],

package/dist/components/swirl-shell-navigation-item.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './swirl-badge2.js';
 import { d as defineCustomElement$3 } from './swirl-tooltip2.js';
 import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
-const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n  display: inline-flex;\n  width: 100%;\n}\n\n:host * {\n    box-sizing: border-box;\n  }\n\n.shell-navigation-item {\n  --swirl-app-icon-size: 1.5rem;\n  --swirl-shell-navigation-item-gradient: linear-gradient(\n    rgba(0, 0, 0, 0),\n    rgba(0, 0, 0, 0.8)\n  );\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 3rem;\n  padding: var(--s-space-8);\n  flex-shrink: 0;\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  text-decoration: none;\n  cursor: pointer;\n  container-type: size;\n  gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n.shell-navigation-item:focus {\n    outline: none;\n  }\n\n.shell-navigation-item:focus-visible {\n    z-index: 1;\n    box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n    --swirl-app-icon-size: 2rem;\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n      overflow: hidden;\n      border-radius: var(--s-border-radius-sm);\n      background-color: var(--s-background-default);\n      box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n    --swirl-app-icon-size: 100%;\n\n    height: auto;\n    padding: 0;\n    align-items: start;\n    border-radius: var(--s-border-radius-base);\n    flex-direction: column;\n    container-type: inline-size;\n    gap: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n      background-color: transparent;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n        text-decoration: underline;\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n      position: absolute;\n      top: var(--s-space-12);\n      left: var(--s-space-12);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n      position: inherit;\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n      overflow: hidden;\n      width: 100%;\n      min-width: 100%;\n      height: auto;\n      min-height: auto;\n      border-radius: var(--s-border-radius-base);\n      background-color: var(--s-surface-sunken-hovered);\n      aspect-ratio: 1;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n          position: absolute;\n          display: inline-block;\n          width: 100%;\n          border-radius: var(--s-border-radius-base);\n          background-image: var(--swirl-shell-navigation-item-gradient);\n          content: \"\";\n          aspect-ratio: 1;\n        }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n      position: absolute;\n      top: -0.375rem;\n      right: -0.375rem;\n      padding: var(--s-space-2);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n      display: -webkit-box;\n      overflow: hidden;\n      color: var(--s-text-default);\n      font-weight: var(--s-font-weight-semibold);\n      text-align: start;\n      white-space: normal;\n      text-overflow: unset;\n      overflow-wrap: anywhere;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n      position: absolute;\n      bottom: var(--s-space-12);\n      left: var(--s-space-12);\n      margin-right: var(--s-space-12);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n        color: rgba(242, 242, 242, 1);\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n        color: rgb(25, 25, 25);\n      }\n\n.shell-navigation-item.shell-navigation-item--active {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n      color: var(--s-icon-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n      color: var(--s-text-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n    background-color: var(--s-surface-sunken-default)\n}\n  }\n\n.shell-navigation-item__icon {\n  display: inline-flex;\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  min-height: 2rem;\n  justify-content: center;\n  align-items: center;\n}\n\n.shell-navigation-item__text-wrapper {\n  overflow: hidden;\n  min-width: 0;\n  flex-grow: 1;\n  text-align: start;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n  margin-left: var(--s-space-8);\n  font-weight: var(--s-font-weight-normal);\n  color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n  flex-shrink: 0;\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n  .shell-navigation-item__badge {\n    position: absolute;\n    top: var(--s-space-4);\n    right: var(--s-space-4);\n    padding: var(--s-space-2);\n  }\n\n  .shell-navigation-item--gradient .shell-navigation-item__icon {\n    --swirl-shell-navigation-item-gradient: none;\n  }\n\n  .shell-navigation-item__badge--dot {\n    top: var(--s-space-8);\n    right: var(--s-space-8);\n  }\n}\n\n@container (min-width: 10rem) {\n  .shell-navigation-item__badge--dot {\n    padding-right: var(--s-space-4);\n  }\n}\n";
+const swirlShellNavigationItemCss = "/**\n* seems the container query does not work as expected\n*/\n\n:host {\n  display: inline-flex;\n  width: 100%;\n}\n\n:host * {\n    box-sizing: border-box;\n  }\n\n.shell-navigation-item {\n  --swirl-app-icon-size: 2rem;\n  --swirl-shell-navigation-item-gradient: linear-gradient(\n    rgba(0, 0, 0, 0),\n    rgba(0, 0, 0, 0.8)\n  );\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 3rem;\n  padding: var(--s-space-8);\n  flex-shrink: 0;\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  text-decoration: none;\n  cursor: pointer;\n  container-type: size;\n  gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n.shell-navigation-item:focus {\n    outline: none;\n  }\n\n.shell-navigation-item:focus-visible {\n    z-index: 1;\n    box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n    --swirl-app-icon-size: 2rem;\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n      overflow: hidden;\n      border-radius: var(--s-border-radius-sm);\n      background-color: var(--s-background-default);\n      box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n    }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n        width: 2rem;\n        min-width: 2rem;\n        height: 2rem;\n        min-height: 2rem;\n      }\n\n.shell-navigation-item.shell-navigation-item--filled {\n    padding: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n        color: var(--s-icon-on-action-primary);\n        background-color: var(--s-action-primary-default);\n      }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n      position: inherit;\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n    --swirl-app-icon-size: 100%;\n\n    height: auto;\n    padding: 0;\n    align-items: start;\n    border-radius: var(--s-border-radius-base);\n    flex-direction: column;\n    container-type: inline-size;\n    gap: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n      background-color: transparent;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n        text-decoration: underline;\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n      position: absolute;\n      top: var(--s-space-12);\n      left: var(--s-space-12);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n      position: inherit;\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n      overflow: hidden;\n      width: 100%;\n      min-width: 100%;\n      height: auto;\n      min-height: auto;\n      border-radius: var(--s-border-radius-base);\n      background-color: var(--s-surface-sunken-hovered);\n      aspect-ratio: 1;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n          position: absolute;\n          display: inline-block;\n          width: 100%;\n          border-radius: var(--s-border-radius-base);\n          background-image: var(--swirl-shell-navigation-item-gradient);\n          content: \"\";\n          aspect-ratio: 1;\n        }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n      color: var(--s-text-default);\n      font-weight: var(--s-font-weight-semibold);\n      text-align: start;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n      position: absolute;\n      bottom: var(--s-space-12);\n      left: var(--s-space-12);\n      margin-right: var(--s-space-12);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n        color: rgba(242, 242, 242, 1);\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n        color: rgb(25, 25, 25);\n      }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n    --swirl-app-icon-size: 100%;\n    font-size: var(--s-font-size-xs);\n    padding: var(--s-space-8) var(--s-space-4);\n    align-items: center;\n    height: auto;\n    border-radius: var(--s-border-radius-sm);\n    flex-direction: column;\n    container-type: inline-size;\n    gap: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n      padding: var(--s-space-8);\n      --swirl-app-icon-size: 2rem;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n        max-width: 2rem;\n      }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n        max-width: 2rem;\n        max-height: 2rem;\n      }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n      overflow: hidden;\n      width: 100%;\n      max-width: 3.5rem;\n      height: auto;\n      border-radius: var(--s-border-radius-base);\n\n      color: var(--s-icon-on-action-primary);\n      aspect-ratio: 1;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n      max-width: 3.5rem;\n      max-height: 3.5rem;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n      line-height: var(--s-line-height-xs);\n      text-align: center;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n      display: -webkit-box;\n      overflow: hidden;\n      white-space: normal;\n      text-overflow: unset;\n      overflow-wrap: anywhere;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n      position: absolute;\n      top: -0.375rem;\n      right: -0.375rem;\n      padding: var(--s-space-2);\n    }\n\n.shell-navigation-item.shell-navigation-item--active {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n      color: var(--s-icon-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n      color: var(--s-text-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n    background-color: var(--s-surface-sunken-default)\n}\n  }\n\n.shell-navigation-item__icon {\n  display: inline-flex;\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  min-height: 2rem;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n  overflow: hidden;\n  min-width: 0;\n  flex-grow: 1;\n  text-align: start;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n  margin-left: var(--s-space-8);\n  font-weight: var(--s-font-weight-normal);\n  color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n  flex-shrink: 0;\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n  .shell-navigation-item__badge {\n    position: absolute;\n    top: var(--s-space-4);\n    right: var(--s-space-4);\n    padding: var(--s-space-2);\n  }\n\n  .shell-navigation-item--gradient .shell-navigation-item__icon {\n    --swirl-shell-navigation-item-gradient: none;\n  }\n\n  .shell-navigation-item__badge--dot {\n    top: var(--s-space-8);\n    right: var(--s-space-8);\n  }\n}\n\n@container (min-width: 10rem) {\n  .shell-navigation-item__badge--dot {\n    padding-right: var(--s-space-4);\n  }\n}\n";
 const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellNavigationItem extends HTMLElement {
     constructor() {
@@ -13,13 +13,34 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         this.__attachShadow();
         this.hideLabel = false;
         this.inlineLabelColor = "default";
+        this.variant = "default";
+    }
+    componentWillLoad() {
+        this.forceIconProps();
+    }
+    componentDidRender() {
+        this.forceIconProps();
+    }
+    forceIconProps() {
+        const iconEl = this.el.querySelector("[slot='icon']");
+        const smallIcon = this.hideLabel || this.variant === "default";
+        if (iconEl &&
+            (iconEl.tagName.startsWith("SWIRL-ICON") ||
+                iconEl.tagName.startsWith("SWIRL-EMOJI") ||
+                iconEl.tagName.startsWith("SWIRL-SYMBOL"))) {
+            iconEl.setAttribute("size", smallIcon ? "20" : "24");
+        }
     }
     render() {
-        const tagClassNames = classNames("shell-navigation-item", {
+        const hasSwirlAppIcon = Boolean(this.el.querySelector("swirl-app-icon"));
+        const tagClassNames = classNames("shell-navigation-item", `shell-navigation-item--${this.variant}`, {
             "shell-navigation-item--active": this.active,
             "shell-navigation-item--boxed": this.boxed,
-            "shell-navigation-item--tiled": this.tiled,
+            "shell-navigation-item--filled": this.filled,
+            "shell-navigation-item--inline-label": this.inlineLabel,
             "shell-navigation-item--gradient": this.withGradient,
+            "shell-navigation-item--hide-label": this.hideLabel,
+            "shell-navigation-item--has-app-icon": hasSwirlAppIcon,
         });
         const labelClassNames = classNames("shell-navigation-item__label", {
             "shell-navigation-item__label--light": this.inlineLabelColor === "light",
@@ -31,9 +52,9 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         const tooltipContent = this.description
             ? `${this.label} ${this.description}`
             : this.label;
-        return (h(Host, { key: 'c5fe604eba70c09f532850d9547ac77e63907b68' }, h("swirl-tooltip", { key: '9189209fec8308e2c7ded881cc09735e4bb7de01', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'dfc5ee51c08a90d6d0299e897a148d97b76ebe86', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '44b87e21631ded76bd2f4baa1223a13adc9d4dfa', class: "shell-navigation-item__icon" }, h("slot", { key: '4f81888c8feaa9b613dd35ac959e17a2c154f25b', name: "icon" })), !this.hideLabel ? (this.tiled ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '2640130ad0d30190f9c682bbc84e81edf0bf010a', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'cad673a0a9f38a18a82ab1f54622780e95103f90' }, h("swirl-tooltip", { key: '28dc1e5db2a3c904b2510f796ad7bb1066ee796c', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '221d94e96b760edc1249924297af2d13fb99f12d', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '4ea0230ff658a088276ca156b22bd4bfc96bfa03', class: "shell-navigation-item__icon" }, h("slot", { key: '9dfb7a37d9e0cbcb515c09c8562a9e75657e5b47', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("span", { key: 'e7c51b017a8c6f9b2044274e4d22146f135fef79', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: 'f9f73e35ca63f46cdf352167568b524e9c808124', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
-            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
+            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" })))))));
     }
     get el() { return this; }
     static get style() { return swirlShellNavigationItemCss; }
@@ -41,6 +62,7 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         "active": [4],
         "badgeLabel": [1, "badge-label"],
         "boxed": [4],
+        "filled": [4],
         "hideLabel": [4, "hide-label"],
         "href": [1],
         "inlineLabel": [4, "inline-label"],
@@ -48,7 +70,7 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         "label": [1],
         "description": [1],
         "target": [1],
-        "tiled": [4],
+        "variant": [1],
         "withGradient": [4, "with-gradient"]
     }]);
 function defineCustomElement$1() {

package/dist/components/swirl-skeleton-box2.js CHANGED Viewed

@@ -13,11 +13,11 @@ const SwirlSkeletonBox = /*@__PURE__*/ proxyCustomElement(class SwirlSkeletonBox
     }
     render() {
         const className = classNames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: '46ad219b39508c0f6a4087a7cc3ccbe7414c1813', style: {
+        return (h(Host, { key: 'b7d0def70588e3c02bf9256c5ecc6fa67bd7da21', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: 'c3cf0c23b2a41224ef2c9c7884fb21838c4e389b', class: className, style: {
+            } }, h("div", { key: '90743565eeb02ab7384466699284c3ad9cca7e83', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/components/swirl-skeleton-text.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlSkeletonText$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSkeleton
     render() {
         const className = classNames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classNames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: 'bd88ab3103abad7e11d29553316290644c50d45b' }, h("div", { key: 'e069ab7ed44155fdab0899d11bc7d67556b8ba8c', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: 'ca789c1979612c8121b0f1ec5727cd62c284edf4' }, h("div", { key: 'e7e45b74354223b9a0f389d3728691ebbd2774c8', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get style() { return swirlSkeletonTextCss; }
 }, [1, "swirl-skeleton-text", {

package/dist/components/swirl-spinner2.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSpinner = /*@__PURE__*/ proxyCustomElement(class SwirlSpinner extends
     }
     render() {
         const className = classNames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: 'e5f3d910c7a8237ed0270c166b68e7176a7ca154' }, h("span", { key: '04b5196ba7e16405ad65b62257213271eec45a44', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '337d331928a067e43ca5a2cd368014c4b1062019', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'ea4d6f0e909e64d14162c3b08ea7c5fe37f49dc8', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'a80d940f389622b7f36dd2b5d1be16f9d9b90604', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'a89e3eee0bad4b4f0998e72b5e3d7348f6371e4c' }, h("span", { key: 'ee9470c9ea287d75656988564cf0e0ed2cfc633d', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '343e69cab508213397e5b8542a755c308c67e91d' }, h("span", { key: 'fc5cdbca0b9350d70b0c462fb675545cdac53f01', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '12391d13de20ab622d130a243d6c37fd13c388e9', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'f910d45bf400fe7cf5ec2174ef1098bcda557308', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'd852e5956aebf8826c4132b7770e5b2fa28fea30', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'fab9622695b534835b7735b61881f05b7ca9cb67' }, h("span", { key: '8a50d169678c85f2a0d7e156c11748212acabda6', class: "spinner__label" }, this.label))))));
     }
     static get style() { return swirlSpinnerCss; }
 }, [1, "swirl-spinner", {

package/dist/components/swirl-status-indicator.js CHANGED Viewed

@@ -11,7 +11,7 @@ const SwirlStatusIndicator$1 = /*@__PURE__*/ proxyCustomElement(class SwirlStatu
     }
     render() {
         const className = classNames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: 'c11d1de029c227a62ec754932dc3616780815386' }, h("div", { key: '332ab9d0fd8db2a1d3c0b562ef2ff849291e32a6', class: className }, h("span", { key: '65f5047f4f60da82f412e65013d4df2d27e3811b', class: "status-indicator__dot" }), h("span", { key: 'f8147947a90569a2da16d8fea70e105061330e85', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '9d4ad3865c14201d4c16055c54072fa09967c20e' }, h("div", { key: 'd9389cadd7bda120c5faf806da14a4be3fce7628', class: className }, h("span", { key: 'dbc2cf0fe7feb1362d1446cf1f22c13cc7a41ae5', class: "status-indicator__dot" }), h("span", { key: '9c5cbad193d526b4cb7e31df069f6e1e0139d600', class: "status-indicator__label" }, this.label))));
     }
     static get style() { return swirlStatusIndicatorCss; }
 }, [1, "swirl-status-indicator", {

package/dist/components/swirl-switch.js CHANGED Viewed

@@ -33,9 +33,9 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSwitch extends
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '13ba1716bc7142703cc1500626e2f80a17391db9' }, h("label", { key: '8fc01e9cead6ef409e8556d8ff7ea63598f236c3', class: className, htmlFor: this.inputId }, h("span", { key: '68361a49b663b6dad33ad4d5396e94d4bb8f23ad', class: "switch__control" }, h("swirl-visually-hidden", { key: 'b3669541d478b21527f208aff800a637c3a949c9' }, h("input", { key: 'cb786055af07a27ad71026fc3d452b8141e5faf9', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: 'ca1f071615f6d212ebbe45e63a997262abb31f76' }, h("label", { key: '01ea5236c24279327fdacaf04235d7691f0c1195', class: className, htmlFor: this.inputId }, h("span", { key: 'd17b9f56db83b9b6c3b955d7a956ff6a2a545a66', class: "switch__control" }, h("swirl-visually-hidden", { key: '90c01a89d4e63573c57585aabf1275278b615256' }, h("input", { key: '2ac0b55018cb93bdee90985825827a4271fbfadb', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '30dec914719190736a0ee42d3a74049d5486f597', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '51acf4a6cf3d134a563f7d11dd310d88a77d9f55', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'e7101c259de05f65be07ebe749e82717ac9fef5a', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'eb41b48db1349da2a99c7f8dbe1344316a83a9a6' }, this.swirlAriaLabel || this.label)), this.description && (h("span", { key: 'fccc0e647e35bbb49eb185500655ee8e88153783', class: "switch__description" }, this.description))))));
+                : undefined, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: 'ce930906f21a00c53da71eb59c9e691c4d754d10', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '5aa3573f01e8ca2f93ac5414ebb61d72d13d260f', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: '69728963d19ed790ff1de363e11a35e324ff96c0', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'cfe24dd0a28b2bc7dfdac5f64d5070d5e40877ba' }, this.swirlAriaLabel || this.label)), this.description && (h("span", { key: '593ebe1ae07dc67c0942bb5f304811057d12945f', class: "switch__description" }, this.description))))));
     }
     get el() { return this; }
     static get style() { return swirlSwitchCss; }

package/dist/components/swirl-symbol-account-circle.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolAccountCircle$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'ebfba039c0b7313d2e2a7031737ea050b0639dbc', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '62f6750c5536339d62dd7c0c1818cb35c8810e48' }, h("path", { key: '419ee171357a8ca7744f64eddba77561090a99a8', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'd94f05e92297086594f9df7bf74ff97102ac0703', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'fa0f005b36aefc5358e917de46748c105eed5399' }, h("path", { key: '3e5231c95f01641b52f575a2fd175b3608a2012a', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-account-circle", {

package/dist/components/swirl-symbol-alternate-email.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolAlternateEmail$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '582c5aface17e973733971144f6716c8f8806706', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'dfe13e64a690ee12538eecb361483daa0ff1eca5' }, h("path", { key: '748df7b8437695ffdcc9cdb046d5b07e3f5e20a9', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'e6f99b9ef17228e7a63032787387f3b25a644526', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '2b6991fdbe46cf60749b092e86d5f78bbbb8ba41' }, h("path", { key: 'b34aeffbdca107f1e2656bf13bc33a817e64bc5a', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-alternate-email", {

package/dist/components/swirl-symbol-android.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolAndroid$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolA
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '6dbe5d9780c528e0dae732eb243fa6132b0ceb16', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'fc7af3f023c3c4333019c7d7fe148eccbaccfe6b' }, h("path", { key: '58528f18c8a60d2062d9ea9f7260407c2be7b34b', d: "M16.6 14.658C16.4352 14.658 16.2742 14.6091 16.1372 14.5176C16.0002 14.4261 15.8935 14.296 15.8304 14.1438C15.7674 13.9916 15.7509 13.8241 15.783 13.6625C15.8151 13.5009 15.8945 13.3525 16.011 13.236C16.1275 13.1195 16.2759 13.0401 16.4375 13.008C16.5991 12.9759 16.7666 12.9924 16.9188 13.0554C17.071 13.1185 17.2011 13.2252 17.2926 13.3622C17.3841 13.4992 17.433 13.6602 17.433 13.825C17.433 14.0459 17.3452 14.2578 17.189 14.414C17.0328 14.5702 16.8209 14.658 16.6 14.658ZM7.4 14.658C7.23525 14.658 7.0742 14.6091 6.93721 14.5176C6.80022 14.4261 6.69346 14.296 6.63041 14.1438C6.56736 13.9916 6.55086 13.8241 6.58301 13.6625C6.61515 13.5009 6.69448 13.3525 6.81098 13.236C6.92748 13.1195 7.0759 13.0401 7.23749 13.008C7.39908 12.9759 7.56656 12.9924 7.71878 13.0554C7.87099 13.1185 8.00108 13.2252 8.09261 13.3622C8.18415 13.4992 8.233 13.6602 8.233 13.825C8.233 14.0459 8.14524 14.2578 7.98902 14.414C7.8328 14.5702 7.62093 14.658 7.4 14.658ZM16.9 9.641L18.564 6.758C18.6099 6.67844 18.6223 6.5839 18.5985 6.4952C18.5746 6.40649 18.5166 6.33088 18.437 6.285C18.3574 6.23912 18.2629 6.22672 18.1742 6.25054C18.0855 6.27436 18.0099 6.33244 17.964 6.412L16.281 9.331C14.9347 8.72739 13.4759 8.41534 12.0005 8.41534C10.5251 8.41534 9.06631 8.72739 7.72 9.331L6.034 6.412C6.01128 6.37261 5.98103 6.33807 5.94496 6.31037C5.90889 6.28266 5.86772 6.26233 5.8238 6.25054C5.77988 6.23875 5.73407 6.23572 5.68897 6.24163C5.64388 6.24755 5.6004 6.26228 5.561 6.285C5.5216 6.30772 5.48707 6.33798 5.45936 6.37404C5.43166 6.41011 5.41133 6.45128 5.39954 6.4952C5.38775 6.53912 5.38472 6.58494 5.39063 6.63003C5.39654 6.67512 5.41128 6.71861 5.434 6.758L7.1 9.641C5.66202 10.4236 4.44232 11.553 3.55168 12.9267C2.66103 14.3004 2.12766 15.8748 2 17.507H22C21.8723 15.8749 21.3388 14.3005 20.4482 12.9268C19.5576 11.5531 18.3379 10.4237 16.9 9.641Z", fill: "currentColor" }))));
+        return (h("svg", { key: '148ab5000e29094b4eb31657811891fda48c6cd8', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '54e3353e0dc6117d5d37e8747f518f038692952d' }, h("path", { key: '4ee00944e1ed74fa8963073e7a0207ffe28537ed', d: "M16.6 14.658C16.4352 14.658 16.2742 14.6091 16.1372 14.5176C16.0002 14.4261 15.8935 14.296 15.8304 14.1438C15.7674 13.9916 15.7509 13.8241 15.783 13.6625C15.8151 13.5009 15.8945 13.3525 16.011 13.236C16.1275 13.1195 16.2759 13.0401 16.4375 13.008C16.5991 12.9759 16.7666 12.9924 16.9188 13.0554C17.071 13.1185 17.2011 13.2252 17.2926 13.3622C17.3841 13.4992 17.433 13.6602 17.433 13.825C17.433 14.0459 17.3452 14.2578 17.189 14.414C17.0328 14.5702 16.8209 14.658 16.6 14.658ZM7.4 14.658C7.23525 14.658 7.0742 14.6091 6.93721 14.5176C6.80022 14.4261 6.69346 14.296 6.63041 14.1438C6.56736 13.9916 6.55086 13.8241 6.58301 13.6625C6.61515 13.5009 6.69448 13.3525 6.81098 13.236C6.92748 13.1195 7.0759 13.0401 7.23749 13.008C7.39908 12.9759 7.56656 12.9924 7.71878 13.0554C7.87099 13.1185 8.00108 13.2252 8.09261 13.3622C8.18415 13.4992 8.233 13.6602 8.233 13.825C8.233 14.0459 8.14524 14.2578 7.98902 14.414C7.8328 14.5702 7.62093 14.658 7.4 14.658ZM16.9 9.641L18.564 6.758C18.6099 6.67844 18.6223 6.5839 18.5985 6.4952C18.5746 6.40649 18.5166 6.33088 18.437 6.285C18.3574 6.23912 18.2629 6.22672 18.1742 6.25054C18.0855 6.27436 18.0099 6.33244 17.964 6.412L16.281 9.331C14.9347 8.72739 13.4759 8.41534 12.0005 8.41534C10.5251 8.41534 9.06631 8.72739 7.72 9.331L6.034 6.412C6.01128 6.37261 5.98103 6.33807 5.94496 6.31037C5.90889 6.28266 5.86772 6.26233 5.8238 6.25054C5.77988 6.23875 5.73407 6.23572 5.68897 6.24163C5.64388 6.24755 5.6004 6.26228 5.561 6.285C5.5216 6.30772 5.48707 6.33798 5.45936 6.37404C5.43166 6.41011 5.41133 6.45128 5.39954 6.4952C5.38775 6.53912 5.38472 6.58494 5.39063 6.63003C5.39654 6.67512 5.41128 6.71861 5.434 6.758L7.1 9.641C5.66202 10.4236 4.44232 11.553 3.55168 12.9267C2.66103 14.3004 2.12766 15.8748 2 17.507H22C21.8723 15.8749 21.3388 14.3005 20.4482 12.9268C19.5576 11.5531 18.3379 10.4237 16.9 9.641Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-android", {

package/dist/components/swirl-symbol-announcement.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolAnnouncement$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSy
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '17f9a77bdd084ffd636ecedd5d71aa89e54e1c63', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '4de9972b7f96c41a5cdaca1b276c3c1719d8072e' }, h("path", { key: '724f2cfd981781e539771cf30585c96461702115', d: "M20 2H4C3.47005 2.00158 2.96227 2.2128 2.58753 2.58753C2.2128 2.96227 2.00158 3.47005 2 4V22L6 18H20C20.5299 17.9984 21.0377 17.7872 21.4125 17.4125C21.7872 17.0377 21.9984 16.5299 22 16V4C21.9984 3.47005 21.7872 2.96227 21.4125 2.58753C21.0377 2.2128 20.5299 2.00158 20 2ZM12 11C11.7348 11 11.4804 10.8946 11.2929 10.7071C11.1054 10.5196 11 10.2652 11 10V6C11 5.73478 11.1054 5.48043 11.2929 5.29289C11.4804 5.10536 11.7348 5 12 5C12.2652 5 12.5196 5.10536 12.7071 5.29289C12.8946 5.48043 13 5.73478 13 6V10C13 10.2652 12.8946 10.5196 12.7071 10.7071C12.5196 10.8946 12.2652 11 12 11ZM13 15H11V13H13V15Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'b718b6e6b071fe2450dbbc432606813c024758bf', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0d46be1a127156a736e5081414c1453475db44ad' }, h("path", { key: '977b716b10319f1897d7bfd8960b36a682fee386', d: "M20 2H4C3.47005 2.00158 2.96227 2.2128 2.58753 2.58753C2.2128 2.96227 2.00158 3.47005 2 4V22L6 18H20C20.5299 17.9984 21.0377 17.7872 21.4125 17.4125C21.7872 17.0377 21.9984 16.5299 22 16V4C21.9984 3.47005 21.7872 2.96227 21.4125 2.58753C21.0377 2.2128 20.5299 2.00158 20 2ZM12 11C11.7348 11 11.4804 10.8946 11.2929 10.7071C11.1054 10.5196 11 10.2652 11 10V6C11 5.73478 11.1054 5.48043 11.2929 5.29289C11.4804 5.10536 11.7348 5 12 5C12.2652 5 12.5196 5.10536 12.7071 5.29289C12.8946 5.48043 13 5.73478 13 6V10C13 10.2652 12.8946 10.5196 12.7071 10.7071C12.5196 10.8946 12.2652 11 12 11ZM13 15H11V13H13V15Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-announcement", {

package/dist/components/swirl-symbol-backup.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolBackup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolBa
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '8e270ce9757f09cdc25bb8d7f6a375668f1c89d5', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0246e22b6a94fed791ab81bc4a4781bdd00f5056' }, h("path", { key: '36acd4bb024130116438c5b0dfae6b13940eb475', d: "M19 11C19.001 9.30604 18.3871 7.66929 17.2725 6.39373C16.1578 5.11818 14.6181 4.29053 12.9393 4.06449C11.2605 3.83845 9.55667 4.22938 8.14432 5.16469C6.73198 6.1 5.70709 7.5161 5.26 9.15C3.95216 9.46173 2.80381 10.2417 2.03194 11.3426C1.26008 12.4434 0.91817 13.7888 1.07083 15.1246C1.22349 16.4604 1.86015 17.694 2.86048 18.5923C3.86082 19.4906 5.15555 19.9914 6.5 20H18.5C19.6508 19.9951 20.7562 19.551 21.5905 18.7584C22.4248 17.9657 22.925 16.8845 22.9888 15.7355C23.0526 14.5865 22.6753 13.4565 21.934 12.5763C21.1926 11.6962 20.1431 11.1323 19 11ZM13 13V15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15V13H9.21C9.11214 12.9986 9.01683 12.9686 8.93589 12.9135C8.85495 12.8585 8.79195 12.7809 8.75468 12.6904C8.71742 12.5999 8.70753 12.5005 8.72625 12.4044C8.74498 12.3083 8.79148 12.2199 8.86 12.15L11.65 9.36C11.6965 9.31313 11.7518 9.27594 11.8127 9.25055C11.8736 9.22517 11.939 9.2121 12.005 9.2121C12.071 9.2121 12.1364 9.22517 12.1973 9.25055C12.2582 9.27594 12.3135 9.31313 12.36 9.36L15.15 12.15C15.2185 12.2199 15.265 12.3083 15.2837 12.4044C15.3025 12.5005 15.2926 12.5999 15.2553 12.6904C15.2181 12.7809 15.155 12.8585 15.0741 12.9135C14.9932 12.9686 14.8979 12.9986 14.8 13H13Z", fill: "currentColor" }))));
+        return (h("svg", { key: '725234e5aabcf607971399323b250e79c47d3a2e', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ccf21e1542463ebbd9ccf683cd358dad5219e181' }, h("path", { key: 'b0937168fb39430cf6e5a1b5e39e6dac2921d896', d: "M19 11C19.001 9.30604 18.3871 7.66929 17.2725 6.39373C16.1578 5.11818 14.6181 4.29053 12.9393 4.06449C11.2605 3.83845 9.55667 4.22938 8.14432 5.16469C6.73198 6.1 5.70709 7.5161 5.26 9.15C3.95216 9.46173 2.80381 10.2417 2.03194 11.3426C1.26008 12.4434 0.91817 13.7888 1.07083 15.1246C1.22349 16.4604 1.86015 17.694 2.86048 18.5923C3.86082 19.4906 5.15555 19.9914 6.5 20H18.5C19.6508 19.9951 20.7562 19.551 21.5905 18.7584C22.4248 17.9657 22.925 16.8845 22.9888 15.7355C23.0526 14.5865 22.6753 13.4565 21.934 12.5763C21.1926 11.6962 20.1431 11.1323 19 11ZM13 13V15C13 15.2652 12.8946 15.5196 12.7071 15.7071C12.5196 15.8946 12.2652 16 12 16C11.7348 16 11.4804 15.8946 11.2929 15.7071C11.1054 15.5196 11 15.2652 11 15V13H9.21C9.11214 12.9986 9.01683 12.9686 8.93589 12.9135C8.85495 12.8585 8.79195 12.7809 8.75468 12.6904C8.71742 12.5999 8.70753 12.5005 8.72625 12.4044C8.74498 12.3083 8.79148 12.2199 8.86 12.15L11.65 9.36C11.6965 9.31313 11.7518 9.27594 11.8127 9.25055C11.8736 9.22517 11.939 9.2121 12.005 9.2121C12.071 9.2121 12.1364 9.22517 12.1973 9.25055C12.2582 9.27594 12.3135 9.31313 12.36 9.36L15.15 12.15C15.2185 12.2199 15.265 12.3083 15.2837 12.4044C15.3025 12.5005 15.2926 12.5999 15.2553 12.6904C15.2181 12.7809 15.155 12.8585 15.0741 12.9135C14.9932 12.9686 14.8979 12.9986 14.8 13H13Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-backup", {

package/dist/components/swirl-symbol-beach-access.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolBeachAccess$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSym
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '49126a31beb326bce537fb4ddc565445627f92e9', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'dcc7e09e9ca55718c6dbc39741fa18931c58c66d' }, h("path", { key: '259be122831ea7bcb5203f738be8bdf47edb9de5', d: "M13.13 14.56L14.56 13.13L20.29 18.86C20.3839 18.9539 20.4584 19.0654 20.5092 19.188C20.56 19.3107 20.5862 19.4422 20.5862 19.575C20.5862 19.7078 20.56 19.8393 20.5092 19.9619C20.4584 20.0846 20.3839 20.1961 20.29 20.29C20.1961 20.3839 20.0846 20.4584 19.962 20.5092C19.8393 20.56 19.7078 20.5862 19.575 20.5862C19.4422 20.5862 19.3107 20.56 19.188 20.5092C19.0654 20.4584 18.9539 20.3839 18.86 20.29L13.13 14.56ZM17.42 8.82999L18.69 7.55999C18.9024 7.352 19.0653 7.09889 19.1666 6.81942C19.2679 6.53994 19.305 6.24126 19.2752 5.94549C19.2455 5.64972 19.1495 5.36443 18.9946 5.11075C18.8396 4.85707 18.6296 4.6415 18.38 4.47999C16.4475 3.29944 14.1744 2.80256 11.9256 3.06915C9.67682 3.33574 7.58287 4.35033 5.98 5.94999C7.96561 5.31437 10.0895 5.24725 12.1113 5.75623C14.1331 6.26521 15.972 7.32997 17.42 8.82999ZM5.95 5.97999C4.35126 7.58313 3.33653 9.67625 3.06821 11.9244C2.79989 14.1725 3.29348 16.4456 4.47 18.38C4.63075 18.6305 4.84601 18.8414 5.09971 18.9971C5.35341 19.1527 5.63899 19.249 5.93513 19.2788C6.23127 19.3086 6.53032 19.2712 6.80995 19.1692C7.08957 19.0672 7.34255 18.9034 7.55 18.69L8.82 17.42C7.32318 15.9699 6.26132 14.1305 5.75421 12.1091C5.2471 10.0877 5.31491 7.96488 5.95 5.97999ZM5.97 5.95999L5.96 5.96999C5.58 8.97999 7.13 12.85 10.26 15.99L15.99 10.26C12.86 7.12999 8.98 5.57999 5.97 5.95999Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'a2d0be169e21b731f330cb194ba038c59c8cfb18', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'd644d05e3e34957eb47cb2c00b06b48f1b64fbdd' }, h("path", { key: 'f2485d5a500507e08ee5d07dd5ccffadf63a98c7', d: "M13.13 14.56L14.56 13.13L20.29 18.86C20.3839 18.9539 20.4584 19.0654 20.5092 19.188C20.56 19.3107 20.5862 19.4422 20.5862 19.575C20.5862 19.7078 20.56 19.8393 20.5092 19.9619C20.4584 20.0846 20.3839 20.1961 20.29 20.29C20.1961 20.3839 20.0846 20.4584 19.962 20.5092C19.8393 20.56 19.7078 20.5862 19.575 20.5862C19.4422 20.5862 19.3107 20.56 19.188 20.5092C19.0654 20.4584 18.9539 20.3839 18.86 20.29L13.13 14.56ZM17.42 8.82999L18.69 7.55999C18.9024 7.352 19.0653 7.09889 19.1666 6.81942C19.2679 6.53994 19.305 6.24126 19.2752 5.94549C19.2455 5.64972 19.1495 5.36443 18.9946 5.11075C18.8396 4.85707 18.6296 4.6415 18.38 4.47999C16.4475 3.29944 14.1744 2.80256 11.9256 3.06915C9.67682 3.33574 7.58287 4.35033 5.98 5.94999C7.96561 5.31437 10.0895 5.24725 12.1113 5.75623C14.1331 6.26521 15.972 7.32997 17.42 8.82999ZM5.95 5.97999C4.35126 7.58313 3.33653 9.67625 3.06821 11.9244C2.79989 14.1725 3.29348 16.4456 4.47 18.38C4.63075 18.6305 4.84601 18.8414 5.09971 18.9971C5.35341 19.1527 5.63899 19.249 5.93513 19.2788C6.23127 19.3086 6.53032 19.2712 6.80995 19.1692C7.08957 19.0672 7.34255 18.9034 7.55 18.69L8.82 17.42C7.32318 15.9699 6.26132 14.1305 5.75421 12.1091C5.2471 10.0877 5.31491 7.96488 5.95 5.97999ZM5.97 5.95999L5.96 5.96999C5.58 8.97999 7.13 12.85 10.26 15.99L15.99 10.26C12.86 7.12999 8.98 5.57999 5.97 5.95999Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-beach-access", {

package/dist/components/swirl-symbol-bookmark.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolBookmark$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbol
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '6c38943dea1e80359015ca61407f132569e64ef8', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '4b82afeca67b0d60f85ef6693a0787b027f4ac08' }, h("path", { key: 'bbf06ed9eb124b9f5aa40f7bee6baf70a7d516f6', d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'ff2c7aef69db5bb344e0140dbd2f48c56ef3bba5', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '8d3f37c5cb04b456c99e9904b5b9233380197507' }, h("path", { key: 'eef5efce7ab0d871ee545fda96c32ea521c01beb', d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-bookmark", {

package/dist/components/swirl-symbol-cloud.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolCloud$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolClo
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '0c3e692470f85c5926c90567821863e85c3f8ab7', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'fe7ea7cb04ef267a9c24df211fc083031c70bbd2' }, h("path", { key: 'c783ed0e23b3f685f9a8052d4d651918c1cece02', d: "M19.35 10.04C19.0492 8.51623 18.2822 7.12361 17.1552 6.05484C16.0283 4.98606 14.597 4.29397 13.0594 4.07431C11.5218 3.85466 9.95398 4.11831 8.57282 4.82877C7.19165 5.53924 6.06544 6.66141 5.35 8.04C3.83222 8.21584 2.43869 8.9641 1.45369 10.1322C0.468684 11.3002 -0.0335876 12.8001 0.04933 14.3257C0.132248 15.8514 0.794107 17.288 1.8999 18.3424C3.00569 19.3969 4.4721 19.9897 6 20H19C20.2928 20.0011 21.5355 19.5001 22.4659 18.6025C23.3964 17.705 23.9418 16.4811 23.9872 15.1891C24.0326 13.8971 23.5744 12.638 22.7093 11.6773C21.8441 10.7167 20.6397 10.1296 19.35 10.04Z", fill: "currentColor" }))));
+        return (h("svg", { key: '474bdd1eaa8856dbb14952bdb613a70eb22b68f5', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'b9fe36b193a479c2ed38fe37f800a545fca2c3ff' }, h("path", { key: '3c4bd478de12ec55f75abba8634e036d8e7bf5e8', d: "M19.35 10.04C19.0492 8.51623 18.2822 7.12361 17.1552 6.05484C16.0283 4.98606 14.597 4.29397 13.0594 4.07431C11.5218 3.85466 9.95398 4.11831 8.57282 4.82877C7.19165 5.53924 6.06544 6.66141 5.35 8.04C3.83222 8.21584 2.43869 8.9641 1.45369 10.1322C0.468684 11.3002 -0.0335876 12.8001 0.04933 14.3257C0.132248 15.8514 0.794107 17.288 1.8999 18.3424C3.00569 19.3969 4.4721 19.9897 6 20H19C20.2928 20.0011 21.5355 19.5001 22.4659 18.6025C23.3964 17.705 23.9418 16.4811 23.9872 15.1891C24.0326 13.8971 23.5744 12.638 22.7093 11.6773C21.8441 10.7167 20.6397 10.1296 19.35 10.04Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-cloud", {

package/dist/components/swirl-symbol-coronavirus.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolCoronavirus$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSym
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '30365fd72d93aa6e65c9ed7aa36b55afdae38f79', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '8d9a05b8bcba9ddb92ef1fa7490b94812cfeb65e' }, h("path", { key: 'dfbacb378e937ed43a85f25372574e609239067d', d: "M21.25 10.5C21.0515 10.5013 20.8615 10.5807 20.7211 10.7211C20.5807 10.8615 20.5013 11.0515 20.5 11.25H18.96C18.8158 9.91223 18.288 8.64468 17.44 7.6L18.53 6.51L18.54 6.52C18.6087 6.59369 18.6915 6.65279 18.7835 6.69378C18.8755 6.73477 18.9748 6.75682 19.0755 6.75859C19.1762 6.76037 19.2762 6.74184 19.3696 6.70412C19.463 6.6664 19.5478 6.61026 19.619 6.53904C19.6903 6.46782 19.7464 6.38299 19.7841 6.2896C19.8218 6.19621 19.8404 6.09618 19.8386 5.99548C19.8368 5.89478 19.8148 5.79546 19.7738 5.70346C19.7328 5.61146 19.6737 5.52866 19.6 5.46L18.54 4.4C18.3991 4.26589 18.2117 4.19175 18.0172 4.19322C17.8227 4.19469 17.6364 4.27166 17.4976 4.40789C17.3587 4.54412 17.2783 4.72895 17.2731 4.92338C17.268 5.11781 17.3386 5.30663 17.47 5.45L16.38 6.54C15.3359 5.6992 14.0727 5.17519 12.74 5.03V3.5H12.75C12.8485 3.5 12.946 3.4806 13.037 3.44291C13.128 3.40522 13.2107 3.34998 13.2803 3.28033C13.35 3.21069 13.4052 3.12801 13.4429 3.03701C13.4806 2.94602 13.5 2.84849 13.5 2.75C13.5 2.65151 13.4806 2.55398 13.4429 2.46299C13.4052 2.37199 13.35 2.28932 13.2803 2.21967C13.2107 2.15003 13.128 2.09478 13.037 2.05709C12.946 2.0194 12.8485 2 12.75 2H11.25C11.1515 1.99934 11.0539 2.01809 10.9626 2.05518C10.8714 2.09226 10.7883 2.14696 10.7182 2.21614C10.6481 2.28532 10.5923 2.36763 10.554 2.45837C10.5157 2.54911 10.4957 2.64651 10.495 2.745C10.4943 2.84349 10.5131 2.94115 10.5502 3.03239C10.5873 3.12364 10.642 3.20669 10.7111 3.2768C10.7803 3.3469 10.8626 3.4027 10.9534 3.441C11.0441 3.4793 11.1415 3.49934 11.24 3.5V5.05C9.90616 5.1907 8.64176 5.71522 7.6 6.56L6.51 5.47L6.52 5.46C6.65248 5.31783 6.7246 5.12978 6.72118 4.93548C6.71775 4.74118 6.63903 4.55579 6.50162 4.41838C6.36421 4.28097 6.17882 4.20225 5.98452 4.19883C5.79022 4.1954 5.60217 4.26752 5.46 4.4L4.4 5.46C4.26589 5.60087 4.19175 5.78833 4.19322 5.98282C4.19469 6.17731 4.27166 6.36363 4.40789 6.50245C4.54411 6.64127 4.72894 6.72174 4.92337 6.72688C5.1178 6.73202 5.30663 6.66143 5.45 6.53L6.54 7.62C5.69835 8.65881 5.17716 9.92008 5.04 11.25H3.5C3.5 11.0511 3.42098 10.8603 3.28033 10.7197C3.13968 10.579 2.94891 10.5 2.75 10.5C2.55109 10.5 2.36032 10.579 2.21967 10.7197C2.07902 10.8603 2 11.0511 2 11.25V12.75C2 12.9489 2.07902 13.1397 2.21967 13.2803C2.36032 13.421 2.55109 13.5 2.75 13.5C2.94891 13.5 3.13968 13.421 3.28033 13.2803C3.42098 13.1397 3.5 12.9489 3.5 12.75H5.04C5.1862 14.0776 5.70637 15.3364 6.54 16.38L5.45 17.47C5.38043 17.4017 5.29807 17.3477 5.20763 17.3112C5.11719 17.2747 5.02045 17.2564 4.92293 17.2573C4.82541 17.2583 4.72903 17.2784 4.6393 17.3166C4.54957 17.3548 4.46825 17.4103 4.4 17.48C4.26052 17.6211 4.1823 17.8116 4.1823 18.01C4.1823 18.2084 4.26052 18.3989 4.4 18.54L5.46 19.6C5.60217 19.7325 5.79022 19.8046 5.98452 19.8012C6.17882 19.7977 6.36421 19.719 6.50162 19.5816C6.63903 19.4442 6.71775 19.2588 6.72118 19.0645C6.7246 18.8702 6.65248 18.6822 6.52 18.54L6.51 18.53L7.6 17.44C8.64038 18.2807 9.90034 18.8048 11.23 18.95V20.5C11.0311 20.5013 10.8408 20.5816 10.7011 20.7232C10.5614 20.8648 10.4837 21.0561 10.485 21.255C10.4863 21.4539 10.5666 21.6442 10.7082 21.7839C10.8498 21.9236 11.0411 22.0013 11.24 22H12.74C12.9389 22 13.1297 21.921 13.2703 21.7803C13.411 21.6397 13.49 21.4489 13.49 21.25C13.49 21.0511 13.411 20.8603 13.2703 20.7197C13.1297 20.579 12.9389 20.5 12.74 20.5H12.73V18.96C14.0639 18.8194 15.3283 18.2948 16.37 17.45L17.46 18.54C17.3917 18.6096 17.3377 18.6919 17.3012 18.7824C17.2647 18.8728 17.2464 18.9696 17.2473 19.0671C17.2483 19.1646 17.2684 19.261 17.3066 19.3507C17.3448 19.4404 17.4003 19.5217 17.47 19.59C17.6111 19.7295 17.8016 19.8077 18 19.8077C18.1984 19.8077 18.3889 19.7295 18.53 19.59L19.59 18.53C19.7225 18.3878 19.7946 18.1998 19.7912 18.0055C19.7877 17.8112 19.709 17.6258 19.5716 17.4884C19.4342 17.351 19.2488 17.2723 19.0545 17.2688C18.8602 17.2654 18.6722 17.3375 18.53 17.47L18.52 17.48L17.43 16.39C18.2757 15.3439 18.8032 14.0771 18.95 12.74H20.49C20.49 12.9389 20.569 13.1297 20.7097 13.2703C20.8503 13.411 21.0411 13.49 21.24 13.49C21.4389 13.49 21.6297 13.411 21.7703 13.2703C21.911 13.1297 21.99 12.9389 21.99 12.74V11.24C21.9903 11.1427 21.9713 11.0464 21.9342 10.9565C21.8971 10.8666 21.8426 10.7849 21.7738 10.7162C21.7051 10.6474 21.6234 10.5929 21.5335 10.5558C21.4436 10.5187 21.3473 10.4997 21.25 10.5ZM13.75 8C13.9478 8 14.1411 8.05865 14.3056 8.16853C14.47 8.27841 14.5982 8.43459 14.6739 8.61732C14.7496 8.80004 14.7694 9.00111 14.7308 9.19509C14.6922 9.38907 14.597 9.56726 14.4571 9.70711C14.3173 9.84696 14.1391 9.9422 13.9451 9.98079C13.7511 10.0194 13.55 9.99957 13.3673 9.92388C13.1846 9.84819 13.0284 9.72002 12.9185 9.55557C12.8086 9.39112 12.75 9.19778 12.75 9C12.75 8.73478 12.8554 8.48043 13.0429 8.29289C13.2304 8.10536 13.4848 8 13.75 8ZM12 13C11.8022 13 11.6089 12.9414 11.4444 12.8315C11.28 12.7216 11.1518 12.5654 11.0761 12.3827C11.0004 12.2 10.9806 11.9989 11.0192 11.8049C11.0578 11.6109 11.153 11.4327 11.2929 11.2929C11.4327 11.153 11.6109 11.0578 11.8049 11.0192C11.9989 10.9806 12.2 11.0004 12.3827 11.0761C12.5654 11.1518 12.7216 11.28 12.8315 11.4444C12.9414 11.6089 13 11.8022 13 12C13 12.2652 12.8946 12.5196 12.7071 12.7071C12.5196 12.8946 12.2652 13 12 13ZM10.25 8C10.4478 8 10.6411 8.05865 10.8056 8.16853C10.97 8.27841 11.0982 8.43459 11.1739 8.61732C11.2496 8.80004 11.2694 9.00111 11.2308 9.19509C11.1922 9.38907 11.097 9.56726 10.9571 9.70711C10.8173 9.84696 10.6391 9.9422 10.4451 9.98079C10.2511 10.0194 10.05 9.99957 9.86732 9.92388C9.68459 9.84819 9.52841 9.72002 9.41853 9.55557C9.30865 9.39112 9.25 9.19778 9.25 9C9.25 8.73478 9.35536 8.48043 9.54289 8.29289C9.73043 8.10536 9.98478 8 10.25 8ZM8.5 13C8.30222 13 8.10888 12.9414 7.94443 12.8315C7.77998 12.7216 7.65181 12.5654 7.57612 12.3827C7.50043 12.2 7.48063 11.9989 7.51921 11.8049C7.5578 11.6109 7.65304 11.4327 7.79289 11.2929C7.93275 11.153 8.11093 11.0578 8.30491 11.0192C8.49889 10.9806 8.69996 11.0004 8.88268 11.0761C9.06541 11.1518 9.22159 11.28 9.33147 11.4444C9.44135 11.6089 9.5 11.8022 9.5 12C9.5 12.2652 9.39464 12.5196 9.20711 12.7071C9.01957 12.8946 8.76522 13 8.5 13ZM10.25 16C10.0522 16 9.85888 15.9414 9.69443 15.8315C9.52998 15.7216 9.40181 15.5654 9.32612 15.3827C9.25043 15.2 9.23063 14.9989 9.26921 14.8049C9.3078 14.6109 9.40304 14.4327 9.54289 14.2929C9.68275 14.153 9.86093 14.0578 10.0549 14.0192C10.2489 13.9806 10.45 14.0004 10.6327 14.0761C10.8154 14.1518 10.9716 14.28 11.0815 14.4444C11.1914 14.6089 11.25 14.8022 11.25 15C11.25 15.2652 11.1446 15.5196 10.9571 15.7071C10.7696 15.8946 10.5152 16 10.25 16ZM13.75 16C13.5522 16 13.3589 15.9414 13.1944 15.8315C13.03 15.7216 12.9018 15.5654 12.8261 15.3827C12.7504 15.2 12.7306 14.9989 12.7692 14.8049C12.8078 14.6109 12.903 14.4327 13.0429 14.2929C13.1827 14.153 13.3609 14.0578 13.5549 14.0192C13.7489 13.9806 13.95 14.0004 14.1327 14.0761C14.3154 14.1518 14.4716 14.28 14.5815 14.4444C14.6914 14.6089 14.75 14.8022 14.75 15C14.75 15.2652 14.6446 15.5196 14.4571 15.7071C14.2696 15.8946 14.0152 16 13.75 16ZM14.5 12C14.5 11.8022 14.5586 11.6089 14.6685 11.4444C14.7784 11.28 14.9346 11.1518 15.1173 11.0761C15.3 11.0004 15.5011 10.9806 15.6951 11.0192C15.8891 11.0578 16.0673 11.153 16.2071 11.2929C16.347 11.4327 16.4422 11.6109 16.4808 11.8049C16.5194 11.9989 16.4996 12.2 16.4239 12.3827C16.3482 12.5654 16.22 12.7216 16.0556 12.8315C15.8911 12.9414 15.6978 13 15.5 13C15.2348 13 14.9804 12.8946 14.7929 12.7071C14.6054 12.5196 14.5 12.2652 14.5 12Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'f3f4fe46e8ebd67ccfaa4f9efcc8fe5303c28b49', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '0f29097626ec82eb7424fe1404203410f2be9378' }, h("path", { key: '458d70c8a2f46065aa92ce8431c47beb464b09be', d: "M21.25 10.5C21.0515 10.5013 20.8615 10.5807 20.7211 10.7211C20.5807 10.8615 20.5013 11.0515 20.5 11.25H18.96C18.8158 9.91223 18.288 8.64468 17.44 7.6L18.53 6.51L18.54 6.52C18.6087 6.59369 18.6915 6.65279 18.7835 6.69378C18.8755 6.73477 18.9748 6.75682 19.0755 6.75859C19.1762 6.76037 19.2762 6.74184 19.3696 6.70412C19.463 6.6664 19.5478 6.61026 19.619 6.53904C19.6903 6.46782 19.7464 6.38299 19.7841 6.2896C19.8218 6.19621 19.8404 6.09618 19.8386 5.99548C19.8368 5.89478 19.8148 5.79546 19.7738 5.70346C19.7328 5.61146 19.6737 5.52866 19.6 5.46L18.54 4.4C18.3991 4.26589 18.2117 4.19175 18.0172 4.19322C17.8227 4.19469 17.6364 4.27166 17.4976 4.40789C17.3587 4.54412 17.2783 4.72895 17.2731 4.92338C17.268 5.11781 17.3386 5.30663 17.47 5.45L16.38 6.54C15.3359 5.6992 14.0727 5.17519 12.74 5.03V3.5H12.75C12.8485 3.5 12.946 3.4806 13.037 3.44291C13.128 3.40522 13.2107 3.34998 13.2803 3.28033C13.35 3.21069 13.4052 3.12801 13.4429 3.03701C13.4806 2.94602 13.5 2.84849 13.5 2.75C13.5 2.65151 13.4806 2.55398 13.4429 2.46299C13.4052 2.37199 13.35 2.28932 13.2803 2.21967C13.2107 2.15003 13.128 2.09478 13.037 2.05709C12.946 2.0194 12.8485 2 12.75 2H11.25C11.1515 1.99934 11.0539 2.01809 10.9626 2.05518C10.8714 2.09226 10.7883 2.14696 10.7182 2.21614C10.6481 2.28532 10.5923 2.36763 10.554 2.45837C10.5157 2.54911 10.4957 2.64651 10.495 2.745C10.4943 2.84349 10.5131 2.94115 10.5502 3.03239C10.5873 3.12364 10.642 3.20669 10.7111 3.2768C10.7803 3.3469 10.8626 3.4027 10.9534 3.441C11.0441 3.4793 11.1415 3.49934 11.24 3.5V5.05C9.90616 5.1907 8.64176 5.71522 7.6 6.56L6.51 5.47L6.52 5.46C6.65248 5.31783 6.7246 5.12978 6.72118 4.93548C6.71775 4.74118 6.63903 4.55579 6.50162 4.41838C6.36421 4.28097 6.17882 4.20225 5.98452 4.19883C5.79022 4.1954 5.60217 4.26752 5.46 4.4L4.4 5.46C4.26589 5.60087 4.19175 5.78833 4.19322 5.98282C4.19469 6.17731 4.27166 6.36363 4.40789 6.50245C4.54411 6.64127 4.72894 6.72174 4.92337 6.72688C5.1178 6.73202 5.30663 6.66143 5.45 6.53L6.54 7.62C5.69835 8.65881 5.17716 9.92008 5.04 11.25H3.5C3.5 11.0511 3.42098 10.8603 3.28033 10.7197C3.13968 10.579 2.94891 10.5 2.75 10.5C2.55109 10.5 2.36032 10.579 2.21967 10.7197C2.07902 10.8603 2 11.0511 2 11.25V12.75C2 12.9489 2.07902 13.1397 2.21967 13.2803C2.36032 13.421 2.55109 13.5 2.75 13.5C2.94891 13.5 3.13968 13.421 3.28033 13.2803C3.42098 13.1397 3.5 12.9489 3.5 12.75H5.04C5.1862 14.0776 5.70637 15.3364 6.54 16.38L5.45 17.47C5.38043 17.4017 5.29807 17.3477 5.20763 17.3112C5.11719 17.2747 5.02045 17.2564 4.92293 17.2573C4.82541 17.2583 4.72903 17.2784 4.6393 17.3166C4.54957 17.3548 4.46825 17.4103 4.4 17.48C4.26052 17.6211 4.1823 17.8116 4.1823 18.01C4.1823 18.2084 4.26052 18.3989 4.4 18.54L5.46 19.6C5.60217 19.7325 5.79022 19.8046 5.98452 19.8012C6.17882 19.7977 6.36421 19.719 6.50162 19.5816C6.63903 19.4442 6.71775 19.2588 6.72118 19.0645C6.7246 18.8702 6.65248 18.6822 6.52 18.54L6.51 18.53L7.6 17.44C8.64038 18.2807 9.90034 18.8048 11.23 18.95V20.5C11.0311 20.5013 10.8408 20.5816 10.7011 20.7232C10.5614 20.8648 10.4837 21.0561 10.485 21.255C10.4863 21.4539 10.5666 21.6442 10.7082 21.7839C10.8498 21.9236 11.0411 22.0013 11.24 22H12.74C12.9389 22 13.1297 21.921 13.2703 21.7803C13.411 21.6397 13.49 21.4489 13.49 21.25C13.49 21.0511 13.411 20.8603 13.2703 20.7197C13.1297 20.579 12.9389 20.5 12.74 20.5H12.73V18.96C14.0639 18.8194 15.3283 18.2948 16.37 17.45L17.46 18.54C17.3917 18.6096 17.3377 18.6919 17.3012 18.7824C17.2647 18.8728 17.2464 18.9696 17.2473 19.0671C17.2483 19.1646 17.2684 19.261 17.3066 19.3507C17.3448 19.4404 17.4003 19.5217 17.47 19.59C17.6111 19.7295 17.8016 19.8077 18 19.8077C18.1984 19.8077 18.3889 19.7295 18.53 19.59L19.59 18.53C19.7225 18.3878 19.7946 18.1998 19.7912 18.0055C19.7877 17.8112 19.709 17.6258 19.5716 17.4884C19.4342 17.351 19.2488 17.2723 19.0545 17.2688C18.8602 17.2654 18.6722 17.3375 18.53 17.47L18.52 17.48L17.43 16.39C18.2757 15.3439 18.8032 14.0771 18.95 12.74H20.49C20.49 12.9389 20.569 13.1297 20.7097 13.2703C20.8503 13.411 21.0411 13.49 21.24 13.49C21.4389 13.49 21.6297 13.411 21.7703 13.2703C21.911 13.1297 21.99 12.9389 21.99 12.74V11.24C21.9903 11.1427 21.9713 11.0464 21.9342 10.9565C21.8971 10.8666 21.8426 10.7849 21.7738 10.7162C21.7051 10.6474 21.6234 10.5929 21.5335 10.5558C21.4436 10.5187 21.3473 10.4997 21.25 10.5ZM13.75 8C13.9478 8 14.1411 8.05865 14.3056 8.16853C14.47 8.27841 14.5982 8.43459 14.6739 8.61732C14.7496 8.80004 14.7694 9.00111 14.7308 9.19509C14.6922 9.38907 14.597 9.56726 14.4571 9.70711C14.3173 9.84696 14.1391 9.9422 13.9451 9.98079C13.7511 10.0194 13.55 9.99957 13.3673 9.92388C13.1846 9.84819 13.0284 9.72002 12.9185 9.55557C12.8086 9.39112 12.75 9.19778 12.75 9C12.75 8.73478 12.8554 8.48043 13.0429 8.29289C13.2304 8.10536 13.4848 8 13.75 8ZM12 13C11.8022 13 11.6089 12.9414 11.4444 12.8315C11.28 12.7216 11.1518 12.5654 11.0761 12.3827C11.0004 12.2 10.9806 11.9989 11.0192 11.8049C11.0578 11.6109 11.153 11.4327 11.2929 11.2929C11.4327 11.153 11.6109 11.0578 11.8049 11.0192C11.9989 10.9806 12.2 11.0004 12.3827 11.0761C12.5654 11.1518 12.7216 11.28 12.8315 11.4444C12.9414 11.6089 13 11.8022 13 12C13 12.2652 12.8946 12.5196 12.7071 12.7071C12.5196 12.8946 12.2652 13 12 13ZM10.25 8C10.4478 8 10.6411 8.05865 10.8056 8.16853C10.97 8.27841 11.0982 8.43459 11.1739 8.61732C11.2496 8.80004 11.2694 9.00111 11.2308 9.19509C11.1922 9.38907 11.097 9.56726 10.9571 9.70711C10.8173 9.84696 10.6391 9.9422 10.4451 9.98079C10.2511 10.0194 10.05 9.99957 9.86732 9.92388C9.68459 9.84819 9.52841 9.72002 9.41853 9.55557C9.30865 9.39112 9.25 9.19778 9.25 9C9.25 8.73478 9.35536 8.48043 9.54289 8.29289C9.73043 8.10536 9.98478 8 10.25 8ZM8.5 13C8.30222 13 8.10888 12.9414 7.94443 12.8315C7.77998 12.7216 7.65181 12.5654 7.57612 12.3827C7.50043 12.2 7.48063 11.9989 7.51921 11.8049C7.5578 11.6109 7.65304 11.4327 7.79289 11.2929C7.93275 11.153 8.11093 11.0578 8.30491 11.0192C8.49889 10.9806 8.69996 11.0004 8.88268 11.0761C9.06541 11.1518 9.22159 11.28 9.33147 11.4444C9.44135 11.6089 9.5 11.8022 9.5 12C9.5 12.2652 9.39464 12.5196 9.20711 12.7071C9.01957 12.8946 8.76522 13 8.5 13ZM10.25 16C10.0522 16 9.85888 15.9414 9.69443 15.8315C9.52998 15.7216 9.40181 15.5654 9.32612 15.3827C9.25043 15.2 9.23063 14.9989 9.26921 14.8049C9.3078 14.6109 9.40304 14.4327 9.54289 14.2929C9.68275 14.153 9.86093 14.0578 10.0549 14.0192C10.2489 13.9806 10.45 14.0004 10.6327 14.0761C10.8154 14.1518 10.9716 14.28 11.0815 14.4444C11.1914 14.6089 11.25 14.8022 11.25 15C11.25 15.2652 11.1446 15.5196 10.9571 15.7071C10.7696 15.8946 10.5152 16 10.25 16ZM13.75 16C13.5522 16 13.3589 15.9414 13.1944 15.8315C13.03 15.7216 12.9018 15.5654 12.8261 15.3827C12.7504 15.2 12.7306 14.9989 12.7692 14.8049C12.8078 14.6109 12.903 14.4327 13.0429 14.2929C13.1827 14.153 13.3609 14.0578 13.5549 14.0192C13.7489 13.9806 13.95 14.0004 14.1327 14.0761C14.3154 14.1518 14.4716 14.28 14.5815 14.4444C14.6914 14.6089 14.75 14.8022 14.75 15C14.75 15.2652 14.6446 15.5196 14.4571 15.7071C14.2696 15.8946 14.0152 16 13.75 16ZM14.5 12C14.5 11.8022 14.5586 11.6089 14.6685 11.4444C14.7784 11.28 14.9346 11.1518 15.1173 11.0761C15.3 11.0004 15.5011 10.9806 15.6951 11.0192C15.8891 11.0578 16.0673 11.153 16.2071 11.2929C16.347 11.4327 16.4422 11.6109 16.4808 11.8049C16.5194 11.9989 16.4996 12.2 16.4239 12.3827C16.3482 12.5654 16.22 12.7216 16.0556 12.8315C15.8911 12.9414 15.6978 13 15.5 13C15.2348 13 14.9804 12.8946 14.7929 12.7071C14.6054 12.5196 14.5 12.2652 14.5 12Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-coronavirus", {

package/dist/components/swirl-symbol-desktop-windows.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolDesktopWindows$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'b0fbf3b54b77ee66410e20584ca265ea1444ed4c', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '56aad75f8688612294cce1c98da63d99c717bfd5' }, h("path", { key: '09c46670fd2836988be988cfa1ab5f9d453deb1d', d: "M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H9C8.45 20 8 20.45 8 21C8 21.55 8.45 22 9 22H15C15.55 22 16 21.55 16 21C16 20.45 15.55 20 15 20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2ZM20 16H4C3.45 16 3 15.55 3 15V5C3 4.45 3.45 4 4 4H20C20.55 4 21 4.45 21 5V15C21 15.55 20.55 16 20 16Z", fill: "currentColor" }))));
+        return (h("svg", { key: '11808f65fa6a4e62cd0747dd489cfe864e9ec524', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'aba95502e9ca95dabb28682829a2964dd481e4c1' }, h("path", { key: '3cbc2dd988de738ed569ffa1756f941db6ef0df3', d: "M21 2H3C1.9 2 1 2.9 1 4V16C1 17.1 1.9 18 3 18H10V20H9C8.45 20 8 20.45 8 21C8 21.55 8.45 22 9 22H15C15.55 22 16 21.55 16 21C16 20.45 15.55 20 15 20H14V18H21C22.1 18 23 17.1 23 16V4C23 2.9 22.1 2 21 2ZM20 16H4C3.45 16 3 15.55 3 15V5C3 4.45 3.45 4 4 4H20C20.55 4 21 4.45 21 5V15C21 15.55 20.55 16 20 16Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-desktop-windows", {

package/dist/components/swirl-symbol-directions-car-filled.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolDirectionsCarFilled$1 = /*@__PURE__*/ proxyCustomElement(class
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '1e4d8d2fdc7ed67a0ddfbba0cf2843b357335fe4', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '5ccd061eb719df75847a9bb67f57f6e7f8b77d65' }, h("path", { key: '610c786fe8a6ebc99a32a0f76a82e10d32aa52c5', d: "M18.92 6.01C18.8187 5.71425 18.6272 5.45772 18.3725 5.27653C18.1178 5.09534 17.8126 4.99863 17.5 5H6.5C6.18761 4.99952 5.88286 5.09659 5.6283 5.27765C5.37373 5.45872 5.18205 5.71475 5.08 6.01L3 12V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21C4.89782 21 5.27936 20.842 5.56066 20.5607C5.84196 20.2794 6 19.8978 6 19.5V19H18V19.5C18 19.8978 18.158 20.2794 18.4393 20.5607C18.7206 20.842 19.1022 21 19.5 21C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V12L18.92 6.01ZM7.5 16C7.20333 16 6.91332 15.912 6.66664 15.7472C6.41997 15.5824 6.22771 15.3481 6.11418 15.074C6.00065 14.7999 5.97094 14.4983 6.02882 14.2074C6.0867 13.9164 6.22956 13.6491 6.43934 13.4393C6.64912 13.2296 6.91639 13.0867 7.20736 13.0288C7.49834 12.9709 7.79994 13.0006 8.07403 13.1142C8.34811 13.2277 8.58238 13.42 8.7472 13.6666C8.91203 13.9133 9 14.2033 9 14.5C9 14.8978 8.84196 15.2794 8.56066 15.5607C8.27936 15.842 7.89782 16 7.5 16ZM16.5 16C16.2033 16 15.9133 15.912 15.6666 15.7472C15.42 15.5824 15.2277 15.3481 15.1142 15.074C15.0006 14.7999 14.9709 14.4983 15.0288 14.2074C15.0867 13.9164 15.2296 13.6491 15.4393 13.4393C15.6491 13.2296 15.9164 13.0867 16.2074 13.0288C16.4983 12.9709 16.7999 13.0006 17.074 13.1142C17.3481 13.2277 17.5824 13.42 17.7472 13.6666C17.912 13.9133 18 14.2033 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16ZM5.81 10L6.85 7H17.14L18.18 10H5.81Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'c91581c9fe9bfb78533f58acb338e6a9a0c406ab', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '725785c0fb7f8045505c61c402b3ad9ac33629e2' }, h("path", { key: 'cddefb83e7c854ee1beb5ab49635e42ee6f6d60a', d: "M18.92 6.01C18.8187 5.71425 18.6272 5.45772 18.3725 5.27653C18.1178 5.09534 17.8126 4.99863 17.5 5H6.5C6.18761 4.99952 5.88286 5.09659 5.6283 5.27765C5.37373 5.45872 5.18205 5.71475 5.08 6.01L3 12V19.5C3 19.8978 3.15804 20.2794 3.43934 20.5607C3.72064 20.842 4.10218 21 4.5 21C4.89782 21 5.27936 20.842 5.56066 20.5607C5.84196 20.2794 6 19.8978 6 19.5V19H18V19.5C18 19.8978 18.158 20.2794 18.4393 20.5607C18.7206 20.842 19.1022 21 19.5 21C19.8978 21 20.2794 20.842 20.5607 20.5607C20.842 20.2794 21 19.8978 21 19.5V12L18.92 6.01ZM7.5 16C7.20333 16 6.91332 15.912 6.66664 15.7472C6.41997 15.5824 6.22771 15.3481 6.11418 15.074C6.00065 14.7999 5.97094 14.4983 6.02882 14.2074C6.0867 13.9164 6.22956 13.6491 6.43934 13.4393C6.64912 13.2296 6.91639 13.0867 7.20736 13.0288C7.49834 12.9709 7.79994 13.0006 8.07403 13.1142C8.34811 13.2277 8.58238 13.42 8.7472 13.6666C8.91203 13.9133 9 14.2033 9 14.5C9 14.8978 8.84196 15.2794 8.56066 15.5607C8.27936 15.842 7.89782 16 7.5 16ZM16.5 16C16.2033 16 15.9133 15.912 15.6666 15.7472C15.42 15.5824 15.2277 15.3481 15.1142 15.074C15.0006 14.7999 14.9709 14.4983 15.0288 14.2074C15.0867 13.9164 15.2296 13.6491 15.4393 13.4393C15.6491 13.2296 15.9164 13.0867 16.2074 13.0288C16.4983 12.9709 16.7999 13.0006 17.074 13.1142C17.3481 13.2277 17.5824 13.42 17.7472 13.6666C17.912 13.9133 18 14.2033 18 14.5C18 14.8978 17.842 15.2794 17.5607 15.5607C17.2794 15.842 16.8978 16 16.5 16ZM5.81 10L6.85 7H17.14L18.18 10H5.81Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-directions-car-filled", {

package/dist/components/swirl-symbol-edit-calendar.js CHANGED Viewed

@@ -13,7 +13,7 @@ const SwirlSymbolEditCalendar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSy
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'b2ae37a8d653539586f460e5472005ca62a8b267', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '4e3846f031ddc5a702fd0628c58173474f8a2a32' }, h("path", { key: 'b8aeedfa00ba16264f65bca6a04499e0da986f28', d: "M12 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20L3.01 6C3.00882 5.73787 3.05941 5.47808 3.15887 5.23554C3.25833 4.99301 3.40471 4.77251 3.58961 4.58668C3.7745 4.40086 3.99427 4.25338 4.2363 4.1527C4.47833 4.05202 4.73786 4.00013 5 4H6V3C6 2.73478 6.10536 2.48043 6.29289 2.29289C6.48043 2.10536 6.73478 2 7 2C7.26522 2 7.51957 2.10536 7.70711 2.29289C7.89464 2.48043 8 2.73478 8 3V4H16V3C16 2.73478 16.1054 2.48043 16.2929 2.29289C16.4804 2.10536 16.7348 2 17 2C17.2652 2 17.5196 2.10536 17.7071 2.29289C17.8946 2.48043 18 2.73478 18 3V4H19C19.5299 4.00158 20.0377 4.2128 20.4125 4.58753C20.7872 4.96227 20.9984 5.47005 21 6V12H19V10H5V20H12V22ZM22.13 16.99L22.84 16.28C23.0263 16.0926 23.1308 15.8392 23.1308 15.575C23.1308 15.3108 23.0263 15.0574 22.84 14.87L22.13 14.16C21.9426 13.9737 21.6892 13.8692 21.425 13.8692C21.1608 13.8692 20.9074 13.9737 20.72 14.16L20.01 14.87L22.13 16.99ZM21.42 17.7L16.41 22.71C16.2232 22.8939 15.9721 22.9979 15.71 23H14.5C14.3674 23 14.2402 22.9473 14.1464 22.8536C14.0527 22.7598 14 22.6326 14 22.5V21.29C14.002 21.0249 14.1058 20.7707 14.29 20.58L19.3 15.57L21.42 17.7Z", fill: "currentColor" }))));
+        return (h("svg", { key: '2f73b5b8e66c91bac64b06a46c1bccb43e48ea32', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'ed7703ddb1dab6a492bb7fef91cb7e27043a4280' }, h("path", { key: '1c0d191687ede10c27af8b7ad9db4af7880bd1d0', d: "M12 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20L3.01 6C3.00882 5.73787 3.05941 5.47808 3.15887 5.23554C3.25833 4.99301 3.40471 4.77251 3.58961 4.58668C3.7745 4.40086 3.99427 4.25338 4.2363 4.1527C4.47833 4.05202 4.73786 4.00013 5 4H6V3C6 2.73478 6.10536 2.48043 6.29289 2.29289C6.48043 2.10536 6.73478 2 7 2C7.26522 2 7.51957 2.10536 7.70711 2.29289C7.89464 2.48043 8 2.73478 8 3V4H16V3C16 2.73478 16.1054 2.48043 16.2929 2.29289C16.4804 2.10536 16.7348 2 17 2C17.2652 2 17.5196 2.10536 17.7071 2.29289C17.8946 2.48043 18 2.73478 18 3V4H19C19.5299 4.00158 20.0377 4.2128 20.4125 4.58753C20.7872 4.96227 20.9984 5.47005 21 6V12H19V10H5V20H12V22ZM22.13 16.99L22.84 16.28C23.0263 16.0926 23.1308 15.8392 23.1308 15.575C23.1308 15.3108 23.0263 15.0574 22.84 14.87L22.13 14.16C21.9426 13.9737 21.6892 13.8692 21.425 13.8692C21.1608 13.8692 20.9074 13.9737 20.72 14.16L20.01 14.87L22.13 16.99ZM21.42 17.7L16.41 22.71C16.2232 22.8939 15.9721 22.9979 15.71 23H14.5C14.3674 23 14.2402 22.9473 14.1464 22.8536C14.0527 22.7598 14 22.6326 14 22.5V21.29C14.002 21.0249 14.1058 20.7707 14.29 20.58L19.3 15.57L21.42 17.7Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-edit-calendar", {