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

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

package/dist/components/swirl-icon-arrow-upward2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconArrowUpward = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-attachment.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconAttachment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-block.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconBlock$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconBookmark$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-cancel2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCancel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconChatBubble$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconChatsFilled$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconChatsOutlined$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-check-circle2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCheckCircle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-check-small2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCheckSmall = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-check-strong2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCheckStrong = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-check.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCheck$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconChevronLeft$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconChevronRight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCloseSmall$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-close2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconClose = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-cloud-upload2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCloudUpload = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-column.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconColumn$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-comment.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconComment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-copy.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconCopy$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconDateRange$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-delete.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconDelete$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-description.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconDescription$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconDoubleArrowLeft$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconDoubleArrowRight$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-download.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconDownload$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-drag-handle2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconDragHandle = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-edit.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconEdit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconEmojiMood$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconEmojiSatisfied$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-error2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconError = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-expand-less2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconExpandLess = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-expand-more2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconExpandMore = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-file-copy2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconFileCopy = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-file2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconFile = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-filter.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconFilter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-folder-shared2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconFolderShared = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-folder.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconFolder$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-fullscreen-exit2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconFullscreenExit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-fullscreen2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconFullscreen = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconGroupAssign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconGroupsCustom$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconGroupsFilled$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-groups-outlined.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconGroupsOutlined$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-groups.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconGroups$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-help.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconHelp$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-image.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconImage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-improve-text.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconImproveText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-info2.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconInfo = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-insert-below.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconInsertBelow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-insert-on-top.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconInsertOnTop$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-inventory.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconInventory$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-like.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconLike$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-link.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconLink$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-lock.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconLock$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-logout.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconLogout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-long-text.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconLongText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-mail.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconMail$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-manage-accounts.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconManageAccounts$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/swirl-icon-mention.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { c as classnames } from './index2.js';
-const swirlIconCss = ":host{display:inline-flex}";
+const swirlIconCss = ":host{display:inline-flex;width:100%;align-self:center}";
 const SwirlIconMention$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {