npm - @getflip/swirl-components - Versions diffs - 0.48.0 → 0.48.1 - Mend

@getflip/swirl-components 0.48.0 → 0.48.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 (421) hide show

package/components.json CHANGED Viewed

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-05-02T08:16:51",
+  "timestamp": "2023-05-03T08:18:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "3.0.0",

package/dist/cjs/swirl-app-layout_7.cjs.entry.js CHANGED Viewed

@@ -252,7 +252,7 @@ const SwirlEmptyState = class {
 };
 SwirlEmptyState.style = swirlEmptyStateCss;
-const swirlIconCss$1 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$1 = ":host{display:inline-flex}";
 const SwirlIconFile = class {
   constructor(hostRef) {
@@ -267,7 +267,7 @@ const SwirlIconFile = class {
 };
 SwirlIconFile.style = swirlIconCss$1;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconFolderShared = class {
   constructor(hostRef) {

package/dist/cjs/swirl-avatar.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex;width:100%;height:100%}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
+const swirlAvatarCss = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--s-surface-raised-default)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-xs{width:1.75rem;height:1.75rem;font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem;font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem;font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem;font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem;font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem;font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:2.25rem}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}";
 const swirlAvatarSizeMappings = {
   xs: 28,

package/dist/cjs/swirl-date-picker_2.cjs.entry.js CHANGED Viewed

@@ -37,7 +37,7 @@ const SwirlDatePicker = class {
 };
 SwirlDatePicker.style = swirlDatePickerCss;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconToday = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-add-photo.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconAddPhoto = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-add_6.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss$5 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$5 = ":host{display:inline-flex}";
 const SwirlIconAdd = class {
   constructor(hostRef) {
@@ -20,7 +20,7 @@ const SwirlIconAdd = class {
 };
 SwirlIconAdd.style = swirlIconCss$5;
-const swirlIconCss$4 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$4 = ":host{display:inline-flex}";
 const SwirlIconFileCopy = class {
   constructor(hostRef) {
@@ -35,7 +35,7 @@ const SwirlIconFileCopy = class {
 };
 SwirlIconFileCopy.style = swirlIconCss$4;
-const swirlIconCss$3 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$3 = ":host{display:inline-flex}";
 const SwirlIconFullscreen = class {
   constructor(hostRef) {
@@ -50,7 +50,7 @@ const SwirlIconFullscreen = class {
 };
 SwirlIconFullscreen.style = swirlIconCss$3;
-const swirlIconCss$2 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$2 = ":host{display:inline-flex}";
 const SwirlIconFullscreenExit = class {
   constructor(hostRef) {
@@ -65,7 +65,7 @@ const SwirlIconFullscreenExit = class {
 };
 SwirlIconFullscreenExit.style = swirlIconCss$2;
-const swirlIconCss$1 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$1 = ":host{display:inline-flex}";
 const SwirlIconMenuBook = class {
   constructor(hostRef) {
@@ -80,7 +80,7 @@ const SwirlIconMenuBook = class {
 };
 SwirlIconMenuBook.style = swirlIconCss$1;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconRemove = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-admin-panel-settings.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconAdminPanelSettings = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-ai.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconAi = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-arrow-back.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconArrowBack = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-arrow-downward_2.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss$1 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$1 = ":host{display:inline-flex}";
 const SwirlIconArrowDownward = class {
   constructor(hostRef) {
@@ -20,7 +20,7 @@ const SwirlIconArrowDownward = class {
 };
 SwirlIconArrowDownward.style = swirlIconCss$1;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconArrowUpward = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-arrow-forward.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconArrowForward = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-arrow-left_4.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss$2 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$2 = ":host{display:inline-flex}";
 const SwirlIconArrowLeft = class {
   constructor(hostRef) {
@@ -20,7 +20,7 @@ const SwirlIconArrowLeft = class {
 };
 SwirlIconArrowLeft.style = swirlIconCss$2;
-const swirlIconCss$1 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$1 = ":host{display:inline-flex}";
 const SwirlIconArrowRight = class {
   constructor(hostRef) {
@@ -35,7 +35,7 @@ const SwirlIconArrowRight = class {
 };
 SwirlIconArrowRight.style = swirlIconCss$1;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconMoreVertikal = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-arrow-right-small.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconArrowRightSmall = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-attachment.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconAttachment = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-block.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconBlock = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-bookmark.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconBookmark = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-cancel_4.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss$3 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$3 = ":host{display:inline-flex}";
 const SwirlIconCancel = class {
   constructor(hostRef) {
@@ -20,7 +20,7 @@ const SwirlIconCancel = class {
 };
 SwirlIconCancel.style = swirlIconCss$3;
-const swirlIconCss$2 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$2 = ":host{display:inline-flex}";
 const SwirlIconExpandLess = class {
   constructor(hostRef) {
@@ -35,7 +35,7 @@ const SwirlIconExpandLess = class {
 };
 SwirlIconExpandLess.style = swirlIconCss$2;
-const swirlIconCss$1 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$1 = ":host{display:inline-flex}";
 const SwirlIconVisibility = class {
   constructor(hostRef) {
@@ -50,7 +50,7 @@ const SwirlIconVisibility = class {
 };
 SwirlIconVisibility.style = swirlIconCss$1;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconVisibilityOff = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-chat-bubble.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconChatBubble = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-chats-filled.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconChatsFilled = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-chats-outlined.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconChatsOutlined = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-check-circle_3.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss$2 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$2 = ":host{display:inline-flex}";
 const SwirlIconCheckCircle = class {
   constructor(hostRef) {
@@ -20,7 +20,7 @@ const SwirlIconCheckCircle = class {
 };
 SwirlIconCheckCircle.style = swirlIconCss$2;
-const swirlIconCss$1 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$1 = ":host{display:inline-flex}";
 const SwirlIconInfo = class {
   constructor(hostRef) {
@@ -35,7 +35,7 @@ const SwirlIconInfo = class {
 };
 SwirlIconInfo.style = swirlIconCss$1;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconWarning = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-check-small_4.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index$1 = require('./index-83363034.js');
 const index$2 = require('./index-2ddd0598.js');
 const utils = require('./utils-f1b4e064.js');
-const swirlIconCss$1 = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss$1 = ":host{display:inline-flex}";
 const SwirlIconCheckSmall = class {
   constructor(hostRef) {
@@ -21,7 +21,7 @@ const SwirlIconCheckSmall = class {
 };
 SwirlIconCheckSmall.style = swirlIconCss$1;
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconDragHandle = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-check-strong.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconCheckStrong = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-check.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconCheck = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-chevron-left.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconChevronLeft = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-chevron-right.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconChevronRight = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-close-small.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconCloseSmall = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-close.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconClose = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-cloud-upload.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconCloudUpload = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-column.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconColumn = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-comment.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconComment = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-copy.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconCopy = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-date-range.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconDateRange = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-delete.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconDelete = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-description.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconDescription = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-double-arrow-left.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconDoubleArrowLeft = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-double-arrow-right.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconDoubleArrowRight = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-download.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconDownload = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-edit.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconEdit = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-emoji-mood.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconEmojiMood = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-emoji-satisfied.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconEmojiSatisfied = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-error_3.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
 const utils = require('./utils-f1b4e064.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconError = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-expand-more.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconExpandMore = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-filter.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconFilter = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-folder.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconFolder = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-group-assign.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconGroupAssign = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-groups-custom.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconGroupsCustom = class {
   constructor(hostRef) {

package/dist/cjs/swirl-icon-groups-filled.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-83363034.js');
 const index$1 = require('./index-2ddd0598.js');
-const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
+const swirlIconCss = ":host{display:inline-flex}";
 const SwirlIconGroupsFilled = class {
   constructor(hostRef) {