npm - @getflip/swirl-components-react - Versions diffs - 0.288.0 → 0.290.0 - Mend

@getflip/swirl-components-react 0.288.0 → 0.290.0

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 (335) hide show

package/dist/{swirl-select.entry.efad34ad.js → swirl-select.entry.3cbccc75.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { r as d, c as n, h as e, H as p, g as u } from "./index.19e43523.js";
+import { r as d, c as n, h as e, H as p, g as u } from "./index.832d0b3f.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { q as w } from "./utils-fbb8b494.acf1ae9e.js";
+import { q as w } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const b = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--standalone.sc-swirl-select{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.select--standalone.sc-swirl-select .select__indicator.sc-swirl-select{position:relative;top:auto;right:auto;cursor:pointer;transform:none}.select--standalone.sc-swirl-select .select__input.sc-swirl-select{padding-right:var(--s-space-8);font-weight:var(--s-font-weight-medium);cursor:pointer}.select--standalone.sc-swirl-select .select__value-container.sc-swirl-select{width:-webkit-min-content;width:-moz-min-content;width:min-content}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__resize-helper.sc-swirl-select{display:block;width:auto;height:0;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));padding-right:var(--s-space-8);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;white-space:pre;white-space:pre;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__resize-helper.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;flex-shrink:0;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}", m = b, v = class {

package/dist/{swirl-separator.entry.2678a603.js → swirl-separator.entry.d3e9a93a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as r, F as a, H as s } from "./index.19e43523.js";
+import { r as e, h as r, F as a, H as s } from "./index.832d0b3f.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-shell-layout.entry.b2236e28.js → swirl-shell-layout.entry.221cf825.js} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { r as y, c as o, h as e, H as u, g as b } from "./index.19e43523.js";
+import { r as y, c as o, h as e, H as u, g as b } from "./index.832d0b3f.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
 import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
-import { d as w, e as t } from "./utils-fbb8b494.acf1ae9e.js";
+import { d as w, e as t } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const p = `.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"

package/dist/{swirl-shell-navigation-item.entry.a875d2f6.js → swirl-shell-navigation-item.entry.03a06f7e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as s, h as n, H as o, g as r } from "./index.19e43523.js";
+import { r as s, h as n, H as o, g as r } from "./index.832d0b3f.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.ff987736.js → swirl-skeleton-box.entry.93859666.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.19e43523.js";
+import { r as t, h as s, H as i } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.1764c87c.js → swirl-skeleton-text.entry.bbd16b35.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.19e43523.js";
+import { r as l, h as t, H as a } from "./index.832d0b3f.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.5536943c.js → swirl-stack.entry.657f0919.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.19e43523.js";
+import { r as a, h as s, H as i } from "./index.832d0b3f.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-status-indicator.entry.9a65472b.js → swirl-status-indicator.entry.8be89d94.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as t, H as a } from "./index.19e43523.js";
+import { r as i, h as t, H as a } from "./index.832d0b3f.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.388656ee.js → swirl-switch.entry.b6309d5b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, c as h, h as i, H as l, g as n } from "./index.19e43523.js";
+import { r, c as h, h as i, H as l, g as n } from "./index.832d0b3f.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-account-circle.entry.4c17be00.js → swirl-symbol-account-circle.entry.f66de424.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as c } from "./index.19e43523.js";
+import { r as t, h as e, F as c } from "./index.832d0b3f.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-alternate-email.entry.63621bea.js → swirl-symbol-alternate-email.entry.7a898516.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.19e43523.js";
+import { r as t, h as C, F as i } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-android.entry.4a0d1e7c.js → swirl-symbol-android.entry.0bc61eb7.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as t } from "./index.19e43523.js";
+import { r as e, h as C, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-announcement.entry.2a14496d.js → swirl-symbol-announcement.entry.f6862ebe.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.19e43523.js";
+import { r as i, h as e, F as o } from "./index.832d0b3f.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-backup.entry.916cbc78.js → swirl-symbol-backup.entry.fd57eb4e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.19e43523.js";
+import { r as t, h as i, F as C } from "./index.832d0b3f.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-beach-access.entry.a5ecab4d.js → swirl-symbol-beach-access.entry.c959aa8b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as t } from "./index.19e43523.js";
+import { r as c, h as e, F as t } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-bookmark.entry.ba12bea4.js → swirl-symbol-bookmark.entry.9685ae20.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.19e43523.js";
+import { r as o, h as e, F as t } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-cloud.entry.f494685a.js → swirl-symbol-cloud.entry.8171a8d9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.19e43523.js";
+import { r as t, h as e, F as l } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-coronavirus.entry.aef16c96.js → swirl-symbol-coronavirus.entry.820fcfc1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as o } from "./index.19e43523.js";
+import { r as e, h as s, F as o } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-desktop-windows.entry.52d473d2.js → swirl-symbol-desktop-windows.entry.8b03d72b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.19e43523.js";
+import { r as t, h as e, F as o } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-directions-car-filled.entry.84d7115d.js → swirl-symbol-directions-car-filled.entry.86018c18.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.19e43523.js";
+import { r as t, h as e, F as C } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-edit-calendar.entry.a4dc6356.js → swirl-symbol-edit-calendar.entry.f8ac3a01.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.19e43523.js";
+import { r as t, h as e, F as l } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-email.entry.c64e5f1b.js → swirl-symbol-email.entry.80aaba68.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as l } from "./index.19e43523.js";
+import { r as t, h as i, F as l } from "./index.832d0b3f.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-emoji-food-beverage.entry.07aab111.js → swirl-symbol-emoji-food-beverage.entry.5eea9654.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as s, F as t } from "./index.19e43523.js";
+import { r as o, h as s, F as t } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-event-menu.entry.c18a5289.js → swirl-symbol-event-menu.entry.188c7643.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.19e43523.js";
+import { r as i, h as e, F as C } from "./index.832d0b3f.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-facebook.entry.1cdfae85.js → swirl-symbol-facebook.entry.269fb0b1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.19e43523.js";
+import { r as o, h as e, F as t } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-favorite.entry.94b1601a.js → swirl-symbol-favorite.entry.0ec65e84.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.19e43523.js";
+import { r as t, h as e, F as o } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-fitness-center.entry.17ad3309.js → swirl-symbol-fitness-center.entry.c47aa82d.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.19e43523.js";
+import { r as i, h as e, F as C } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-flag.entry.59d210c5.js → swirl-symbol-flag.entry.5e3272b7.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.19e43523.js";
+import { r as t, h as e, F as l } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-folder.entry.70859682.js → swirl-symbol-folder.entry.3c729f5b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.19e43523.js";
+import { r as t, h as e, F as l } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-globe.entry.f141360b.js → swirl-symbol-globe.entry.009a4f6f.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.19e43523.js";
+import { r as t, h as e, F as l } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-groups.entry.6631e025.js → swirl-symbol-groups.entry.e9af87ba.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as c } from "./index.19e43523.js";
+import { r as i, h as C, F as c } from "./index.832d0b3f.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-help.entry.bf5b3886.js → swirl-symbol-help.entry.c6581813.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.19e43523.js";
+import { r as i, h as e, F as t } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-image.entry.d92eee94.js → swirl-symbol-image.entry.be771ba8.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.19e43523.js";
+import { r as t, h as e, F as l } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-info-menu.entry.fe0c8df6.js → swirl-symbol-info-menu.entry.7d5e8b67.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.19e43523.js";
+import { r as t, h as e, F as o } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-instagram.entry.c365bb9c.js → swirl-symbol-instagram.entry.c13031e2.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.19e43523.js";
+import { r as t, h as s, F as e } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-ios.entry.483ebff1.js → swirl-symbol-ios.entry.79a31d23.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.19e43523.js";
+import { r as t, h as e, F as C } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-language.entry.e3f9cce9.js → swirl-symbol-language.entry.6a6f4285.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.19e43523.js";
+import { r as i, h as e, F as t } from "./index.832d0b3f.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-leaderboard.entry.01d663f5.js → swirl-symbol-leaderboard.entry.3960652d.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r, h as e, F as t } from "./index.19e43523.js";
+import { r, h as e, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-lightbulb.entry.535ff277.js → swirl-symbol-lightbulb.entry.627af28e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as l } from "./index.19e43523.js";
+import { r as t, h as s, F as l } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-linkedin.entry.0302d2d2.js → swirl-symbol-linkedin.entry.bc1c0082.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as l } from "./index.19e43523.js";
+import { r as t, h as i, F as l } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-location-on.entry.a84b470b.js → swirl-symbol-location-on.entry.29ba83ec.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as o } from "./index.19e43523.js";
+import { r as t, h as i, F as o } from "./index.832d0b3f.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-loyalty.entry.4b34b430.js → swirl-symbol-loyalty.entry.a75c294c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as i } from "./index.19e43523.js";
+import { r as t, h as e, F as i } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-maps-home-work.entry.60d40b2b.js → swirl-symbol-maps-home-work.entry.ed6817c9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.19e43523.js";
+import { r as o, h as e, F as t } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-notifications.entry.314467fb.js → swirl-symbol-notifications.entry.e681d116.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as o } from "./index.19e43523.js";
+import { r as e, h as i, F as o } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-open-in-new.entry.fb477bba.js → swirl-symbol-open-in-new.entry.27902397.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.19e43523.js";
+import { r as C, h as e, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-pedal-bike.entry.2ef73f06.js → swirl-symbol-pedal-bike.entry.56ae4c0a.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as a } from "./index.19e43523.js";
+import { r as i, h as C, F as a } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-pinterest.entry.89908c56.js → swirl-symbol-pinterest.entry.9dc71dcc.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.19e43523.js";
+import { r as t, h as C, F as i } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-policy.entry.7734dc6d.js → swirl-symbol-policy.entry.0f9f16e0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.19e43523.js";
+import { r as t, h as e, F as l } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-push-pin.entry.fb0fbd4f.js → swirl-symbol-push-pin.entry.d5e0c5d0.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as l, h as e, F as t } from "./index.19e43523.js";
+import { r as l, h as e, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-redeem.entry.af2486a1.js → swirl-symbol-redeem.entry.46a53899.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.19e43523.js";
+import { r as i, h as s, F as t } from "./index.832d0b3f.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-report-problem.entry.d91b17e0.js → swirl-symbol-report-problem.entry.8e93c810.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as r } from "./index.19e43523.js";
+import { r as i, h as e, F as r } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-restaurant.entry.2c511727.js → swirl-symbol-restaurant.entry.161d328f.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.19e43523.js";
+import { r as i, h as e, F as C } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-roadmap.entry.5a96ee6d.js → swirl-symbol-roadmap.entry.a3bd21cf.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as a } from "./index.19e43523.js";
+import { r as t, h as e, F as a } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-room.entry.b5aeed51.js → swirl-symbol-room.entry.1a8b7e16.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as o, h as e, F as t } from "./index.19e43523.js";
+import { r as o, h as e, F as t } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-savings.entry.8548340d.js → swirl-symbol-savings.entry.35f383a5.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.19e43523.js";
+import { r as i, h as C, F as t } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-settings-voice.entry.0347be51.js → swirl-symbol-settings-voice.entry.7544eed1.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.19e43523.js";
+import { r as i, h as s, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-shopping-cart.entry.ee748590.js → swirl-symbol-shopping-cart.entry.72b4aa5c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.19e43523.js";
+import { r as i, h as C, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-smartphone.entry.c452996e.js → swirl-symbol-smartphone.entry.74e0ed8e.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as a } from "./index.19e43523.js";
+import { r as i, h as e, F as a } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.3e2deedb.js → swirl-symbol-star.entry.da85336b.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as r } from "./index.19e43523.js";
+import { r as i, h as e, F as r } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.50846ee3.js → swirl-symbol-supervisor-account.entry.a1e16fd3.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.19e43523.js";
+import { r as C, h as e, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.76f47ac5.js → swirl-symbol-thumbs-up-down.entry.3a66ba42.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.19e43523.js";
+import { r as t, h as e, F as C } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-twitter.entry.7a71cede.js → swirl-symbol-twitter.entry.997bb7e8.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as t, F as r } from "./index.19e43523.js";
+import { r as i, h as t, F as r } from "./index.832d0b3f.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wb-sunny.entry.741eb0a2.js → swirl-symbol-wb-sunny.entry.c9e1bc85.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.19e43523.js";
+import { r as i, h as s, F as t } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.5edc53f0.js → swirl-symbol-wechat.entry.577e451c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as i } from "./index.19e43523.js";
+import { r as t, h as s, F as i } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.cdbfc5d4.js → swirl-symbol-weibo.entry.9a94097c.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.19e43523.js";
+import { r as i, h as s, F as t } from "./index.832d0b3f.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.3e33cb5a.js → swirl-symbol-work.entry.6ddaeafb.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.19e43523.js";
+import { r as t, h as e, F as o } from "./index.832d0b3f.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.0aa51ab6.js → swirl-symbol-xing.entry.c1234091.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.19e43523.js";
+import { r as t, h as e, F as C } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.7a53ce24.js → swirl-symbol-youtube.entry.17edcd65.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.19e43523.js";
+import { r as i, h as e, F as o } from "./index.832d0b3f.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.79367829.js → swirl-symbol.entry.d4446b5d.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.19e43523.js";
+import { r as i, h as e, H as t } from "./index.832d0b3f.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", d = r, l = class {

package/dist/swirl-tab-bar.entry.bb315fea.js ADDED Viewed

@@ -0,0 +1,66 @@
+import { r as l, c as b, h as e, H as o, g as d } from "./index.832d0b3f.js";
+import { c as n } from "./index-267776a4.6beb4f4b.js";
+import { f as c } from "./utils-877a768f.c277f897.js";
+import "react";
+import "react-dom";
+const v = `.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid
+      var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer;justify-content:center}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{background-color:transparent;color:var(--s-interactive-neutral-default);padding:var(--s-space-4) var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{border-radius:var(--s-border-radius-full-round);background:var(--s-action-neutral-default);color:var(--s-text-default);padding:var(--s-space-8) var(--s-space-16);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{background:var(--s-action-primary-default);color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}`, h = v, u = class {
+  constructor(r) {
+    l(this, r), this.activateNextTab = b(this, "activateNextTab", 7), this.activatePreviousTab = b(this, "activatePreviousTab", 7), this.activateTab = b(this, "activateTab", 7), this.onKeyDown = (t) => {
+      t.code === "ArrowLeft" ? (t.preventDefault(), this.focusAdjacentTab(!0), this.activatePreviousTab.emit()) : t.code === "ArrowRight" && (t.preventDefault(), this.focusAdjacentTab(!1), this.activateNextTab.emit());
+    }, this.disableTabSemantics = void 0, this.label = void 0, this.justify = "start", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.tabs = [], this.variant = "default";
+  }
+  onTabFocus(r) {
+    r.target.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "center"
+    });
+  }
+  focusAdjacentTab(r) {
+    const t = this.getTabs(), a = t.findIndex((s) => s.ariaSelected === "true"), i = c(r ? a - 1 : a + 1, t.length);
+    t[i].focus();
+  }
+  getTabs() {
+    return Array.from(this.el.querySelectorAll('[role="tab"]'));
+  }
+  render() {
+    const r = n("tab-bar", `tab-bar--justify-${this.justify}`, {
+      "tab-bar--variant-pill": this.variant === "pill",
+      "tab-bar--variant-default": this.variant === "default"
+    }), t = {
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0
+    };
+    return e(o, { key: "f5ebe5a9d614fa2b59dac17e08e90aba4a3c4a60" }, e("div", { key: "8bf90f073348f34fe7293e837e70fe8ea09220ce", "aria-label": this.label, class: r, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? void 0 : "tablist", style: t }, this.tabs.map((a) => {
+      const i = n("tab-bar__tab", {
+        "tab-bar__tab--active": a.active,
+        "tab-bar__tab--variant-pill": this.variant === "pill",
+        "tab-bar__tab--variant-default": this.variant === "default"
+      }), s = n("tab-bar__tab-label", {
+        "tab-bar__tab-label--variant-pill": this.variant === "pill"
+      });
+      return e("button", {
+        "aria-controls": this.disableTabSemantics ? void 0 : a.id,
+        "aria-selected": this.disableTabSemantics ? void 0 : a.active ? "true" : "false",
+        class: i,
+        id: `tab-${a.id}`,
+        key: a.id,
+        onClick: () => this.activateTab.emit(a.id),
+        onFocus: this.onTabFocus,
+        role: this.disableTabSemantics ? void 0 : "tab",
+        tabIndex: this.disableTabSemantics ? void 0 : a.active ? 0 : -1,
+        type: "button"
+      }, a.icon && e("span", { class: "tab-bar__tab-icon", innerHTML: a.icon }), e("span", { class: s }, a.label));
+    })));
+  }
+  get el() {
+    return d(this);
+  }
+};
+u.style = h;
+export {
+  u as swirl_tab_bar
+};