@getflip/swirl-components 0.46.1 → 0.48.0

package/dist/esm/swirl-icon-delete.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconDelete = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-description.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconDescription = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-double-arrow-left.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconDoubleArrowLeft = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-double-arrow-right.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconDoubleArrowRight = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-download.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconDownload = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-edit.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconEdit = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-emoji-mood.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconEmojiMood = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-emoji-satisfied.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconEmojiSatisfied = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-error_3.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, h, F as Fragment, H as Host } from './index-0ff2
 import { c as classnames } from './index-d280dafb.js';
 import { g as getDesktopMediaQuery } from './utils-61f188cc.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconError = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-expand-more.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconExpandMore = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-filter.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconFilter = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-folder.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconFolder = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-group-assign.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconGroupAssign = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-groups-custom.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconGroupsCustom = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-groups-filled.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconGroupsFilled = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-groups-outlined.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconGroupsOutlined = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-groups.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconGroups = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-help.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconHelp = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-image.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconImage = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-improve-text.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconImproveText = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-insert-below.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconInsertBelow = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-insert-on-top.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconInsertOnTop = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-inventory.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconInventory = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-like.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconLike = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-link.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconLink = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-lock.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconLock = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-logout.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconLogout = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-long-text.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconLongText = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-mail.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconMail = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-manage-accounts.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconManageAccounts = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-mention.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconMention = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-menu-filled.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconMenuFilled = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-menu-outlined.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconMenuOutlined = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-menu.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconMenu = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-message.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconMessage = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-more-horizontal.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconMoreHorizontal = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-news-filled.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconNewsFilled = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-news-outlined.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconNewsOutlined = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-notifications-active.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconNotificationsActive = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-notifications-off.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconNotificationsOff = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-notifications.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconNotifications = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-open-in-new.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconOpenInNew = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-people-alt.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconPeopleAlt = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-person-off.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconPersonOff = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-person.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconPerson = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-phone.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconPhone = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-poll.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconPoll = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-print.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconPrint = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-recieved.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconRecieved = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-search-strong.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconSearchStrong = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-search.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconSearch = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-send.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconSend = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-settings.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconSettings = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-short-text.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconShortText = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-simplify.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconSimplify = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-spellcheck.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconSpellcheck = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-sync.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconSync = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-tasks-filled.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconTasksFilled = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-tasks-outlined.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconTasksOutlined = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-time-filled.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconTimeFilled = class {
   constructor(hostRef) {

package/dist/esm/swirl-icon-time-outlined.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment } from './index-0ff2c8e0.js';
 import { c as classnames } from './index-d280dafb.js';
 
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 
 const SwirlIconTimeOutlined = class {
   constructor(hostRef) {