npm - @getflip/swirl-components - Versions diffs - 0.504.0 → 0.506.0 - Mend

@getflip/swirl-components 0.504.0 → 0.506.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 (1666) hide show

package/dist/cjs/swirl-tab-bar.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ var index = require('./index-DfC2lanl.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var utils = require('./utils-UfZG-xPD.js');
-const swirlTabBarCss = () => `.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;overflow-x:auto;width:100%;justify-content:flex-start;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--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.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;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.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.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.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.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.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{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);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{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{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)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.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;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}`;
+const swirlTabBarCss = () => `.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;overflow-x:auto;width:100%;justify-content:flex-start;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--wrap.sc-swirl-tab-bar{flex-wrap:wrap}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar,.tab-bar--justify-evenly.sc-swirl-tab-bar .tab-bar__tab.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;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.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.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.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.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.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{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);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{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{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)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.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;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}`;
 const SwirlTabBar = class {
     constructor(hostRef) {
@@ -64,7 +64,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: 'cea695a31584e81e5cf93c399a4936260549eebd' }, index.h("div", { key: '21bc9de307bcbbdb0021bd64f0a6033326413568', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: '182108ae05dc11c364786439e2454c81bca71a54' }, index.h("div", { key: '1eaaccfc4e1cc719dcfc17ec99e5a30ba30969a1', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",
@@ -73,13 +73,14 @@ const SwirlTabBar = class {
             const labelClassName = index$1.classnames("tab-bar__tab-label", {
                 "tab-bar__tab-label--variant-pill": this.variant === "pill",
             });
-            return (index.h("button", { "aria-controls": this.disableTabSemantics ? undefined : tab.id, "aria-selected": this.disableTabSemantics
+            const tabButton = (index.h("button", { "aria-controls": this.disableTabSemantics ? undefined : tab.id, "aria-selected": this.disableTabSemantics
                     ? undefined
                     : tab.active
                         ? "true"
-                        : "false", class: className, id: `tab-${tab.id}`, key: tab.id,
+                        : "false", class: className, id: `tab-${tab.id}`, key: tab.tooltip ? undefined : tab.id,
                 // eslint-disable-next-line react/jsx-no-bind
                 onClick: () => this.activateTab.emit(tab.id), onFocus: this.onTabFocus, role: this.disableTabSemantics ? undefined : "tab", tabIndex: this.disableTabSemantics ? undefined : tab.active ? 0 : -1, type: "button" }, tab.icon && (index.h("span", { class: "tab-bar__tab-icon", innerHTML: tab.icon })), index.h("span", { class: labelClassName }, tab.label, tab.suffix && (index.h("span", { class: "tab-bar__tab-suffix" }, tab.suffix)))));
+            return tab.tooltip ? (index.h("swirl-tooltip", { content: tab.tooltip, key: tab.id }, tabButton)) : (tabButton);
         }))));
     }
     get el() { return index.getElement(this); }

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

@@ -12,7 +12,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: '3c4be9425efcafb509e1a94255c297a282ca3012', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '008b50131f6dafd7f0c2c9fd558ddfd827676209' })));
+        return (index.h(index.Host, { key: '78155d46b10401e9d445bc4127ed1598fc7c01c7', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '922e46d2dfe04fe2c86be659fbb89aac92196241' })));
     }
 };
 SwirlTab.style = swirlTabCss();

package/dist/cjs/swirl-table-cell.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '0f63f258732831ffaa5bfa9b663d2d6a31e7e881', class: "table-cell", role: "cell" }, index.h("slot", { key: '70a9ea64d035367908d97e004d699f42b3a0df6c' })));
+        return (index.h(index.Host, { key: 'ea4a34c30b8de5d753e80f9c321a959085357f36', class: "table-cell", role: "cell" }, index.h("slot", { key: 'f49042a27373939e63cc09d08da35bf1eb6c0d1f' })));
     }
 };
 SwirlTableCell.style = swirlTableCellCss();

package/dist/cjs/swirl-table-row-group.cjs.entry.js CHANGED Viewed

@@ -41,10 +41,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: '3285a304c26b2a243ae5b16d035754188944b88a', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'd54767867bbbc9d19e5052c05f4601260833d9f6', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '502e98d7419c3352d6b4930480d68302a0ec5d65', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'ba7c646b28287330cbd60dfb866d60e6d9d780b9', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '383216020c5f014fbfa1799041994dfee6156260', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '438a1f94d1bbf988bcb97b44701e2936e9c447fc', content: this.tooltip, position: "top" }, index.h("swirl-icon-info", { key: 'be318c7550aabfd6adbc36b5ac9f3985a1f86426', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'a7102fde457aa69a5ad3219ea829e771295b6daa', class: {
+        return (index.h(index.Host, { key: 'dcb975bd96b16882ee484cec871de0aead3a01a5', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'd66718d5d1f938d703bc56db2318c4c3f0177aed', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '21093b793416902e72b267e0b5cf69faace4aab0', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'bb381f1a0018be1a543dbe5518e677b24e7044ac', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: 'a659dc7099d22c398eb62e0c49941733d152a8a7', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '6de7b38f910a7133c792e36d7d093b06e0671d4d', content: this.tooltip, position: "top" }, index.h("swirl-icon-info", { key: 'ea7c42c0156dcac7079d78a8d72639e7898aed69', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '496ac688538df6a21d7d8ac3cf86c0cf8163dd6d', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: 'fcba52e132f890af886f701828c7c7039a330fff' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '60711234f172da25de8ca3cfcf2de844b381106e' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: '8815759019b816380b7bfd51a8f430707b4ebb2e', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'b5302647aeb147352b36ff1c3b2529e2fbc41adc' })));
+        return (index.h(index.Host, { key: '36afd3fd26549487196f341532cbbb50a29295c9', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '001c02564da5096a1f9a1dfa4756714985083e6f' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -70,14 +70,15 @@ const SwirlTabs = class {
     }
     updateTabBarTabs() {
         this.tabBarTabs = this.tabs.map((tab) => ({
+            active: this.activeTab === tab.tabId,
             icon: tab.icon,
             id: tab.tabId,
             label: tab.label,
-            active: this.activeTab === tab.tabId,
+            tooltip: tab.tooltip,
         }));
     }
     render() {
-        return (index.h(index.Host, { key: 'daef37a28d2ac81bb0862e224e6f435f67aef9d2' }, index.h("div", { key: 'bafd3b1a1fe8b36edb086170552ea162b183deb6', class: "tabs" }, index.h("swirl-tab-bar", { key: '2f21b8f2bcc336d1bda13019a2485a10b48252e4', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: 'f7fd542ca83a7833b42a24b01622277acaa4caf2' })));
+        return (index.h(index.Host, { key: 'cd4220917f5b37bd4a8721019f89a62f759005c8' }, index.h("div", { key: 'f63798196469b8b4feb3430856a9d0cfa4821c72', class: "tabs" }, index.h("swirl-tab-bar", { key: 'be51fd2047c21eafdf254d325e56b23895ebeca7', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), index.h("slot", { key: '287e1e8266f12f96000ea15c92e4fbe4d2900c73' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js CHANGED Viewed

@@ -152,7 +152,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: '925cc599c698c3b3d736087998229eede03f1e23' }, index.h("slot", { key: '8bf9d2091d7f5b2e1813162d29207391b56067a7' })));
+        return (index.h(index.Host, { key: '074063c287bac5e25870f2d6f26dcfd02be761b3' }, index.h("slot", { key: '622eac04596346263467a4362946ffdfe319e546' })));
     }
     static get watchers() { return {
         "config": [{

package/dist/cjs/swirl-time-input.cjs.entry.js CHANGED Viewed

@@ -170,7 +170,7 @@ const SwirlTimeInput = class {
         const className = index$2.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '1b81c6f479845bbccffd38ffc57ce36c9c2cea08' }, index.h("div", { key: 'd1efc6dc3a9bce292cfe63d4b429b0b0b6767591', class: className }, index.h("input", { key: 'f6dbc5c62481c466cf3befe7d88443d1b551f70e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), index.h("span", { key: '1eadc98e9b3717a1cba57eebce418eaaeb6cc840', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '6845a41af9f464ffa2aef58fdb7c2499ec6263ac', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'fcdeb010b8389387eae3c9dab598f70573291ade' }, index.h("div", { key: '6db1744f3cde43fcdcd66ac00dbadf607e00140f', class: className }, index.h("input", { key: '0f8b4eb76ddd534258ddad59a0199e69f42e7747', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", readonly: this.readonly }), index.h("span", { key: 'fb1600c32a3463d3c9616f22989cb74a488bfed3', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'be3f64dca60952b040ed5087279a7490e6fe7017', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toggle-button.cjs.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const SwirlToggleButton = class {
             "button--pressed": this.isPressed,
         });
         const ariaLabel = this.hideLabel ? this.label : undefined;
-        return (index.h("button", { key: 'be452f8ebccc40c5b98c9737fb7c76be37d47d71', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '59cb769717b75fa1bedc37c575ed2f231b181540', class: "button__icon", glyph: this.icon })), !this.hideLabel && index.h("span", { key: 'a5e3cb07a845a12a2b19f0be9eaa1c8b21fad480', class: "button__label" }, this.label)));
+        return (index.h("button", { key: '456fc8222c7ab1bc27dcac7caaa726d285e06047', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", "aria-label": ariaLabel, onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: 'c6811db2a681212afe74961a0cd3bdc021ced5a7', class: "button__icon", glyph: this.icon })), !this.hideLabel && index.h("span", { key: '0b843d6648ab385b9228ce5cc29cfba739d03ef5', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = swirlToggleButtonCss();

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js CHANGED Viewed

@@ -93,12 +93,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": this.hasCustomIcon || Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: '15cbe5683daa53e7fdd930586616901e11d373b1', role: "none" }, index.h("li", { key: '81909ebc312cef0650506dece925918f151e324b', class: {
+        return (index.h(index.Host, { key: '02755f33bd6d0fde1a99e59d6686d7ec090bb656', role: "none" }, index.h("li", { key: '75eb85e859665dddde11f8c9224b077f3213fe2b', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: '646f5c1b024f567e998d1d9a0c44c66d13602558', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, index.h("span", { key: '50d2e92949bf8eac2acf001e6c34bb98a731d683', class: "tree-navigation-item__content" }, this.hasCustomIcon && (index.h("span", { key: '1b4926b15eb1255a134ead1da3d3f0a63f0fb49b', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, index.h("slot", { key: '3ddde65ec0a56e5efd4da7c50e4842dcd981ebf5', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (index.h("swirl-icon", { key: '44f249abd5f87cc2d68beaa569dd958cf9f1bc5c', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'b8f73dd9e0833b0e80402be5bed0592ba0b07501', class: "tree-navigation-item__label" }, index.h("span", { key: 'e6a2359673d807a723836d302e425c3cf0b7a023', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'd1e0c32adf741a596d54b4670e681416a13bcb46', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '784805dea22d02d0ab9dfc8a47f026c7d1808c88', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '0bcae849ea7cda2e43dfa34f12d0cd7c929e0f8f', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '1e5ad5e807e7fd604b401c12c75004f920192926', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (index.h("swirl-tag", { key: '03264a83e359fbe66246db0a94c907f9b3411bfd', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (index.h("ul", { key: '59b20ddafa87a32fbfc78d1e7a18846416e83914', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: 'ecb30304d4c9497b8973124b4fba0ae0e2cbb71a', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, index.h("span", { key: '57429d3336ba7836598e8f8537aa203d9da21e6f', class: "tree-navigation-item__content" }, this.hasCustomIcon && (index.h("span", { key: '3d48a85352cf0cabdc0bcce33980bed944b9694a', class: "tree-navigation-item__icon", "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }, index.h("slot", { key: '4943f5d8c7946ebf6675428907099db92516ea15', name: "custom-icon" }))), !this.hasCustomIcon && this.icon && (index.h("swirl-icon", { key: 'e609ade13e08be9f3f688b01a00445619b83a45f', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '5831ed74dd49e06bcaa1102fd8a191132787fca0', class: "tree-navigation-item__label" }, index.h("span", { key: '84daf9b483dc66f50e14d84f6db3c67739a33b0e', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'fe8e638278a33cf1981f31c7fc04fba7bf1002bc', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '52d155b9a20ec498025a7078b22e10111d14a8bd', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '6ffd17c88908597f5a4521abe5a0c295ed2c1198', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '25f92e5587c23d0bc8253c8429bf8745d79206fb', size: 16, role: "img", "aria-label": "External link" })))), this.markAsNew && (index.h("swirl-tag", { key: '38de1ce6def7963b5ae4d1ffb83ce73f737bf9ca', class: "tree-navigation-item__is-new-tag", intent: "default", label: this.markAsNewLabel, size: "s", variant: "strong" })))), this.hasChildren && (index.h("ul", { key: '5af6e906816fb847d8db046b8a6bae048e2d0e03', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: '92c2f3b333522d6f11ec6fd88f60895aaf32d013' }))))));
+            } }, index.h("slot", { key: '37a64a4b8737d35cad241c1ebb3f293eac9858f3' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlTreeNavigation = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '20456499fb0a0beb4400496eec0bff3582edd360' }, index.h("ul", { key: '5f125a9a7d65c8974b74a8f05782644bdb21b5b6', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '2b15d95564c65f78f191536cdcb0f88b778bf644' }))));
+        return (index.h(index.Host, { key: 'a43d2c09121920ea165bc30ae82b07c0496aa9a9' }, index.h("ul", { key: '9754ebf36743a585568faf0dec9f3eb52ba02ad2', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '1f285a8935a3e7d1df9030bcd1267548ce31c004' }))));
     }
 };
 SwirlTreeNavigation.style = swirlTreeNavigationCss();

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const SwirlVideoThumbnail = class {
         this.durationLabel = "Duration";
     }
     render() {
-        return (index.h(index.Host, { key: 'c94384ed792baebc0fb1189f8efb750067f24880' }, index.h("button", { key: 'e542039c8ec57832f8a52ff5a29d7912743c0246', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '7f0ecbd0e4664ea5a8946893e9daf7b1bbf5cae0', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'cb7cfc478b50b9ed72137e88e98c6a24391a78a3', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'd3e40fdbdcae626c63705b18ca94d83783414f43' }, this.durationLabel), this.duration)), index.h("svg", { key: '1053df0e559d973e45dfe96408503d09fb977ec0', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'af47e8b7762ca7dda99f63cb1be1398fdec5ee38', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (index.h(index.Host, { key: '2892857e49ea7971e1cc590fac0cd05dc0095f30' }, index.h("button", { key: 'b1601f4616b525d57f76e3d4a891fe6561dc19a6', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: 'd285e56e43c1abb8a61393b30e595eb7c210f6f9', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: '4f456dd256bf2197522928f33c7457848af4102e', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'db7dd44d51c09c7a6ad3a64087859d151e6d16c8' }, this.durationLabel), this.duration)), index.h("svg", { key: 'ee0241638306710be6248151d12a715b27e46abd', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'f0a6b49ce1cf2dc6a3cb4454fb357131559d6eaf', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
 };
 SwirlVideoThumbnail.style = swirlVideoThumbnailCss();

package/dist/cjs/swirl-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '94134fa049f9d6d3d699a2253aa51ca65e7c2763' }, index.h("slot", { key: 'f9bee71bd8e08da65a3dbbad91eda8c6254dd3ac' })));
+        return (index.h(index.Host, { key: '0d9547cef5182a4fea95942e13e4b085fb59b6f3' }, index.h("slot", { key: 'c2bd03690f976118ea1cda804193abdbaef1964b' })));
     }
 };
 SwirlVisuallyHidden.style = swirlVisuallyHiddenCss();

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -180,6 +180,7 @@
     "components/swirl-icon/icons/swirl-icon-expand-less.js",
     "components/swirl-icon/icons/swirl-icon-expand-more.js",
     "components/swirl-icon/icons/swirl-icon-experiment.js",
+    "components/swirl-icon/icons/swirl-icon-fact-check.js",
     "components/swirl-icon/icons/swirl-icon-file-copy.js",
     "components/swirl-icon/icons/swirl-icon-file.js",
     "components/swirl-icon/icons/swirl-icon-filter.js",
@@ -236,6 +237,7 @@
     "components/swirl-icon/icons/swirl-icon-manage-accounts.js",
     "components/swirl-icon/icons/swirl-icon-mark-chat-read.js",
     "components/swirl-icon/icons/swirl-icon-mark-chat-unread.js",
+    "components/swirl-icon/icons/swirl-icon-mark-email-read.js",
     "components/swirl-icon/icons/swirl-icon-mention.js",
     "components/swirl-icon/icons/swirl-icon-menu-book-filled.js",
     "components/swirl-icon/icons/swirl-icon-menu-book.js",
@@ -259,6 +261,7 @@
     "components/swirl-icon/icons/swirl-icon-open-in-full.js",
     "components/swirl-icon/icons/swirl-icon-open-in-new.js",
     "components/swirl-icon/icons/swirl-icon-passkey.js",
+    "components/swirl-icon/icons/swirl-icon-password.js",
     "components/swirl-icon/icons/swirl-icon-patient-list.js",
     "components/swirl-icon/icons/swirl-icon-pause-circle.js",
     "components/swirl-icon/icons/swirl-icon-pause.js",

package/dist/collection/components/swirl-data-cell/swirl-data-cell.css CHANGED Viewed

@@ -13,7 +13,6 @@
   gap: var(--s-space-8);
   width: 100%;
   padding: var(--s-space-12) var(--s-space-16);
-  background-color: var(--s-surface-raised-50-default);
   border-radius: var(--swirl-data-cell-border-radius, var(--s-border-radius-l));
 }
@@ -23,7 +22,7 @@
 /* Intent backgrounds */
 .data-cell--intent-default {
-  background-color: var(--swirl-tag-background-default);
+  background-color: var(--s-surface-raised-50-default);
 }
 .data-cell--intent-info {
@@ -50,6 +49,10 @@
   background-color: var(--s-surface-on-image-default);
 }
+.data-cell--intent-subdued {
+  background-color: var(--s-surface-raised-default);
+}
 .data-cell--vertical {
   align-items: center;
 }

package/dist/collection/components/swirl-data-cell/swirl-data-cell.js CHANGED Viewed

@@ -50,8 +50,8 @@ export class SwirlDataCell {
         const hostRole = isInDataCellStack ? "listitem" : "group";
         const contentRole = hasCheckbox || hasRadio ? "button" : undefined;
         const wrapperRole = isInDataCellStack && !contentRole ? "group" : contentRole;
-        const labelContent = (h("swirl-stack", { key: 'ab16afe01f6c3c18dd67a5da174026e1e8de6bf3', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: 'ae92a2d8cb8431aaf862e93eb847943b9a6d8279', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: '6454b08e1b64849e0900e144b30cf74d8b6581f3', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'dfe5c87e7a844fa5a1aa57e20fd2f3b262ad9876', size: 16, tabIndex: 0 })))));
-        return (h(Host, { key: '0a0404e543eb4072e67660e330704495f45eef66', role: hostRole }, h("div", { key: 'eac7c29bb73dd59d41146a85cc0c11dc33cccedd', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: wrapperRole, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (h("div", { key: '83898c60be03a148614ec046f9d89428d48051a9', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '3050473fef6c3b8378f51edb2f36e6b250a3db68', name: "media" }))), h("div", { key: '5239437999175393cb8c5737f0fcc9576684da41', class: "data-cell__content" }, hasLabel && (h("div", { key: '15eb00504d85050f405024166f4642fa17ebf6d5', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: '7cae24859db14bff3fe9bb5309122f72a03331a6', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: '07b26cd6a1cb75dd47e7a00e6db49fd7c921497e', class: "data-cell__suffix" }, h("slot", { key: '77b8abbfd5742cf0987c350e8f7464f76eabbf03', name: "suffix" }))))));
+        const labelContent = (h("swirl-stack", { key: '48f093525242c0bb603ec29d29ddc0ec145f56bd', orientation: "horizontal", align: "center", spacing: "4" }, h("span", { key: 'a1904fbf6eee9abb5d1b602331d787bc779bc810', class: "data-cell__label", id: labelId, role: "term" }, this.label), this.tooltip && (h("swirl-tooltip", { key: '60b66fcb9970913a55e7b656f5626f05ff3f7f89', class: "data-cell__tooltip", content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: 'e811e3c7797a2ff4648c84a5b4f57c30bd58ce5e', size: 16, tabIndex: 0 })))));
+        return (h(Host, { key: '3a40f5d699ff449abd1ab76a9f7969d30f0a801d', role: hostRole }, h("div", { key: '4f2a98a9c7eedb8c4ec61e1258fda81569618dd8', class: className, part: "data-cell", onClick: hasCheckbox || hasRadio ? this.handleClick : undefined, role: wrapperRole, tabIndex: hasCheckbox || hasRadio ? 0 : undefined }, hasMedia && (h("div", { key: 'd02b407100f375ec0bc4580569c4ec27fdbf5eca', class: "data-cell__media", "aria-hidden": "true" }, h("slot", { key: '1326338efeefbbcbe484f645dbc6e32c0da1585e', name: "media" }))), h("div", { key: '119f58fe18cfc46203c6f579b988d91dd61b288a', class: "data-cell__content" }, hasLabel && (h("div", { key: 'ca9ed0e4c3d4d4b713e61d60d378902815b7dc92', class: "data-cell__label-wrapper" }, labelContent)), (hasContent || this.value || hasSuffix) && (h("div", { key: 'c55d22eed287cbdb24c14cb62e112a418f56eff6', class: "data-cell__value-wrapper", role: "definition", "aria-labelledby": hasLabel ? labelId : undefined, id: valueId }, hasContent ? (h("div", { class: "data-cell__input" }, h("slot", { name: "content" }))) : (this.value && h("div", { class: "data-cell__value" }, this.value))))), hasSuffix && (h("div", { key: '6f60098d9203ea359ee6d51a644fb697d22bc578', class: "data-cell__suffix" }, h("slot", { key: 'b3f5d2f2e9ed76eb4f42ba383ff2d84fddb09e65', name: "suffix" }))))));
     }
     static get is() { return "swirl-data-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -72,7 +72,7 @@ export class SwirlDataCell {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlDataCellIntent",
-                    "resolved": "\"critical\" | \"default\" | \"info\" | \"special\" | \"success\" | \"translucent\" | \"warning\"",
+                    "resolved": "\"critical\" | \"default\" | \"info\" | \"special\" | \"subdued\" | \"success\" | \"translucent\" | \"warning\"",
                     "references": {
                         "SwirlDataCellIntent": {
                             "location": "local",

package/dist/collection/components/swirl-icon/icons/swirl-icon-fact-check.js ADDED Viewed

@@ -0,0 +1,105 @@
+// DO NOT EDIT. THIS FILE GETS GENERATED VIA "yarn generate".
+import { Fragment, h } from "@stencil/core";
+import classnames from "classnames";
+export class SwirlIconFactCheck {
+    constructor() {
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        const hasLabel = Boolean(this.label);
+        return (h("svg", { key: '0ad9bf88447afafb7fae42e52e666b6c775a224d', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'acc7b34e32273b73fb3d8dddabace42fed1c1936' }, this.label), this.size === 16 && (h(Fragment, { key: '45c01c7e2f85de84072d4ad5fa2967e63d35a8c6' }, h("path", { key: 'b234770b19b57028a6afc4ea088362822907999f', d: "M2.66732 14C2.30065 14 1.98676 13.8694 1.72565 13.6083C1.46454 13.3472 1.33398 13.0333 1.33398 12.6667V3.33333C1.33398 2.96667 1.46454 2.65278 1.72565 2.39167C1.98676 2.13056 2.30065 2 2.66732 2H13.334C13.7007 2 14.0145 2.13056 14.2757 2.39167C14.5368 2.65278 14.6673 2.96667 14.6673 3.33333V12.6667C14.6673 13.0333 14.5368 13.3472 14.2757 13.6083C14.0145 13.8694 13.7007 14 13.334 14H2.66732ZM2.66732 12.6667H13.334V3.33333H2.66732V12.6667ZM3.33398 11.3333H6.66732V10H3.33398V11.3333ZM9.70065 10L13.0007 6.7L12.0507 5.75L9.70065 8.11667L8.75065 7.16667L7.81732 8.11667L9.70065 10ZM3.33398 8.66667H6.66732V7.33333H3.33398V8.66667ZM3.33398 6H6.66732V4.66667H3.33398V6Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '110a877cf804a3e9a60ea38581d4386cc8597d4b' }, h("path", { key: 'b197f7c62ebd7f9a544aed137d19422fedf5c079', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V5C2 4.45 2.19583 3.97917 2.5875 3.5875C2.97917 3.19583 3.45 3 4 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V5H4V19ZM5 17H10V15H5V17ZM14.55 15L19.5 10.05L18.075 8.625L14.55 12.175L13.125 10.75L11.725 12.175L14.55 15ZM5 13H10V11H5V13ZM5 9H10V7H5V9Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd3b275de41e5940b3d7cd47990a2a9784c018eca' }, h("path", { key: '78fcf59f43f8b36279f6c14b61687c27c1239924', d: "M4.66732 24.5C4.02565 24.5 3.47635 24.2715 3.0194 23.8146C2.56246 23.3576 2.33398 22.8083 2.33398 22.1667V5.83333C2.33398 5.19167 2.56246 4.64236 3.0194 4.18542C3.47635 3.72847 4.02565 3.5 4.66732 3.5H23.334C23.9757 3.5 24.525 3.72847 24.9819 4.18542C25.4388 4.64236 25.6673 5.19167 25.6673 5.83333V22.1667C25.6673 22.8083 25.4388 23.3576 24.9819 23.8146C24.525 24.2715 23.9757 24.5 23.334 24.5H4.66732ZM4.66732 22.1667H23.334V5.83333H4.66732V22.1667ZM5.83398 19.8333H11.6673V17.5H5.83398V19.8333ZM16.9757 17.5L22.7507 11.725L21.0882 10.0625L16.9757 14.2042L15.3132 12.5417L13.6798 14.2042L16.9757 17.5ZM5.83398 15.1667H11.6673V12.8333H5.83398V15.1667ZM5.83398 10.5H11.6673V8.16667H5.83398V10.5Z", fill: "currentColor" })))));
+    }
+    static get is() { return "swirl-icon-fact-check"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../swirl-icon.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconColor",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\"",
+                    "references": {
+                        "SwirlIconColor": {
+                            "location": "import",
+                            "path": "../swirl-icon",
+                            "id": "src/components/swirl-icon/swirl-icon.tsx::SwirlIconColor",
+                            "referenceLocation": "SwirlIconColor"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "color"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "size": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "SwirlIconSize",
+                    "resolved": "16 | 20 | 24 | 28",
+                    "references": {
+                        "SwirlIconSize": {
+                            "location": "import",
+                            "path": "../swirl-icon.types",
+                            "id": "src/components/swirl-icon/swirl-icon.types.ts::SwirlIconSize",
+                            "referenceLocation": "SwirlIconSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "size",
+                "defaultValue": "24"
+            }
+        };
+    }
+}

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

@@ -12,7 +12,7 @@ export class SwirlIconFileCopy {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: 'bbf7d9c32c4b71cb9797da5f9e3610ef596ac5f2', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '4506204603fdeb9a22ebd728313608237be3d1bd' }, this.label), this.size === 16 && (h(Fragment, { key: '384a6fa26feda6793be495037a4500797f8b15ad' }, h("path", { key: 'f1ceca6def532ebbc710f8aa46bcce8b79993381', d: "M12.6667 12.6667H5.33334C4.96667 12.6667 4.65278 12.5362 4.39167 12.2751C4.13056 12.014 4 11.7001 4 11.3334V2.00008C4 1.63341 4.13056 1.31953 4.39167 1.05841C4.65278 0.797304 4.96667 0.666748 5.33334 0.666748H9.45C9.62778 0.666748 9.79723 0.700081 9.95834 0.766748C10.1194 0.833415 10.2611 0.927859 10.3833 1.05008L13.6167 4.28341C13.7389 4.40564 13.8333 4.5473 13.9 4.70841C13.9667 4.86953 14 5.03897 14 5.21675V11.3334C14 11.7001 13.8694 12.014 13.6083 12.2751C13.3472 12.5362 13.0333 12.6667 12.6667 12.6667ZM9.33334 2.00008H5.33334V11.3334H12.6667V5.33341H10C9.81111 5.33341 9.65278 5.26953 9.525 5.14175C9.39723 5.01397 9.33334 4.85564 9.33334 4.66675V2.00008ZM2.66667 15.3334C2.3 15.3334 1.98611 15.2029 1.725 14.9417C1.46389 14.6806 1.33334 14.3667 1.33334 14.0001V5.33341C1.33334 5.14453 1.39722 4.98619 1.525 4.85841C1.65278 4.73064 1.81111 4.66675 2 4.66675C2.18889 4.66675 2.34722 4.73064 2.475 4.85841C2.60278 4.98619 2.66667 5.14453 2.66667 5.33341V14.0001H9.33334C9.52223 14.0001 9.68056 14.064 9.80834 14.1917C9.93611 14.3195 10 14.4779 10 14.6667C10 14.8556 9.93611 15.014 9.80834 15.1417C9.68056 15.2695 9.52223 15.3334 9.33334 15.3334H2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'd369f76736594a68465af4236a3f0effcc6c1dc6' }, h("path", { key: '62c8ac89b01b2692417e400cd7152092b25f2b5e', d: "M19 19H8C7.45 19 6.97917 18.8042 6.5875 18.4125C6.19583 18.0208 6 17.55 6 17V3C6 2.45 6.19583 1.97917 6.5875 1.5875C6.97917 1.19583 7.45 1 8 1H14.175C14.4417 1 14.6958 1.05 14.9375 1.15C15.1792 1.25 15.3917 1.39167 15.575 1.575L20.425 6.425C20.6083 6.60833 20.75 6.82083 20.85 7.0625C20.95 7.30417 21 7.55833 21 7.825V17C21 17.55 20.8042 18.0208 20.4125 18.4125C20.0208 18.8042 19.55 19 19 19ZM14 3H8V17H19V8H15C14.7167 8 14.4792 7.90417 14.2875 7.7125C14.0958 7.52083 14 7.28333 14 7V3ZM4 23C3.45 23 2.97917 22.8042 2.5875 22.4125C2.19583 22.0208 2 21.55 2 21V8C2 7.71667 2.09583 7.47917 2.2875 7.2875C2.47917 7.09583 2.71667 7 3 7C3.28333 7 3.52083 7.09583 3.7125 7.2875C3.90417 7.47917 4 7.71667 4 8V21H14C14.2833 21 14.5208 21.0958 14.7125 21.2875C14.9042 21.4792 15 21.7167 15 22C15 22.2833 14.9042 22.5208 14.7125 22.7125C14.5208 22.9042 14.2833 23 14 23H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'cab2923dd67f8795b7a9003f39c0b66db21ea416' }, h("path", { key: '6e4b4617ceaced4c1f189a71e36a10e9c439f708', d: "M22.1667 22.1667H9.33334C8.69167 22.1667 8.14236 21.9383 7.68542 21.4813C7.22847 21.0244 7 20.4751 7 19.8334V3.50008C7 2.85841 7.22847 2.30911 7.68542 1.85216C8.14236 1.39522 8.69167 1.16675 9.33334 1.16675H16.5375C16.8486 1.16675 17.1451 1.22508 17.4271 1.34175C17.709 1.45841 17.9569 1.62369 18.1708 1.83758L23.8292 7.49591C24.0431 7.7098 24.2083 7.95772 24.325 8.23966C24.4417 8.52161 24.5 8.81814 24.5 9.12925V19.8334C24.5 20.4751 24.2715 21.0244 23.8146 21.4813C23.3576 21.9383 22.8083 22.1667 22.1667 22.1667ZM16.3333 3.50008H9.33334V19.8334H22.1667V9.33341H17.5C17.1694 9.33341 16.8924 9.22161 16.6688 8.998C16.4451 8.77439 16.3333 8.4973 16.3333 8.16675V3.50008ZM4.66667 26.8334C4.025 26.8334 3.4757 26.6049 3.01875 26.148C2.56181 25.6911 2.33334 25.1417 2.33334 24.5001V9.33341C2.33334 9.00286 2.44514 8.72578 2.66875 8.50216C2.89236 8.27855 3.16945 8.16675 3.5 8.16675C3.83056 8.16675 4.10764 8.27855 4.33125 8.50216C4.55486 8.72578 4.66667 9.00286 4.66667 9.33341V24.5001H16.3333C16.6639 24.5001 16.941 24.6119 17.1646 24.8355C17.3882 25.0591 17.5 25.3362 17.5 25.6667C17.5 25.9973 17.3882 26.2744 17.1646 26.498C16.941 26.7216 16.6639 26.8334 16.3333 26.8334H4.66667Z", fill: "currentColor" })))));
+        return (h("svg", { key: '2628a3c50f52837f49b924fa9c2a355bda260e9e', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'e3c45639fd345c46ac2677cf361dc8317ecfc897' }, this.label), this.size === 16 && (h(Fragment, { key: 'e52ea60880c0cb8abcbb9b0928d4a5a4eb89524a' }, h("path", { key: '3b84c5ccf26ef2c2c4eb46f58ff3e3f56624c10f', d: "M12.6667 12.6667H5.33334C4.96667 12.6667 4.65278 12.5362 4.39167 12.2751C4.13056 12.014 4 11.7001 4 11.3334V2.00008C4 1.63341 4.13056 1.31953 4.39167 1.05841C4.65278 0.797304 4.96667 0.666748 5.33334 0.666748H9.45C9.62778 0.666748 9.79723 0.700081 9.95834 0.766748C10.1194 0.833415 10.2611 0.927859 10.3833 1.05008L13.6167 4.28341C13.7389 4.40564 13.8333 4.5473 13.9 4.70841C13.9667 4.86953 14 5.03897 14 5.21675V11.3334C14 11.7001 13.8694 12.014 13.6083 12.2751C13.3472 12.5362 13.0333 12.6667 12.6667 12.6667ZM9.33334 2.00008H5.33334V11.3334H12.6667V5.33341H10C9.81111 5.33341 9.65278 5.26953 9.525 5.14175C9.39723 5.01397 9.33334 4.85564 9.33334 4.66675V2.00008ZM2.66667 15.3334C2.3 15.3334 1.98611 15.2029 1.725 14.9417C1.46389 14.6806 1.33334 14.3667 1.33334 14.0001V5.33341C1.33334 5.14453 1.39722 4.98619 1.525 4.85841C1.65278 4.73064 1.81111 4.66675 2 4.66675C2.18889 4.66675 2.34722 4.73064 2.475 4.85841C2.60278 4.98619 2.66667 5.14453 2.66667 5.33341V14.0001H9.33334C9.52223 14.0001 9.68056 14.064 9.80834 14.1917C9.93611 14.3195 10 14.4779 10 14.6667C10 14.8556 9.93611 15.014 9.80834 15.1417C9.68056 15.2695 9.52223 15.3334 9.33334 15.3334H2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'bf786105cd3ca653fc54c05bbe2bbeed2d2b9b79' }, h("path", { key: '8eb05eee07f2ba55303e69f8bd181a6437f5b28a', d: "M19 19H8C7.45 19 6.97917 18.8042 6.5875 18.4125C6.19583 18.0208 6 17.55 6 17V3C6 2.45 6.19583 1.97917 6.5875 1.5875C6.97917 1.19583 7.45 1 8 1H14.175C14.4417 1 14.6958 1.05 14.9375 1.15C15.1792 1.25 15.3917 1.39167 15.575 1.575L20.425 6.425C20.6083 6.60833 20.75 6.82083 20.85 7.0625C20.95 7.30417 21 7.55833 21 7.825V17C21 17.55 20.8042 18.0208 20.4125 18.4125C20.0208 18.8042 19.55 19 19 19ZM14 3H8V17H19V8H15C14.7167 8 14.4792 7.90417 14.2875 7.7125C14.0958 7.52083 14 7.28333 14 7V3ZM4 23C3.45 23 2.97917 22.8042 2.5875 22.4125C2.19583 22.0208 2 21.55 2 21V8C2 7.71667 2.09583 7.47917 2.2875 7.2875C2.47917 7.09583 2.71667 7 3 7C3.28333 7 3.52083 7.09583 3.7125 7.2875C3.90417 7.47917 4 7.71667 4 8V21H14C14.2833 21 14.5208 21.0958 14.7125 21.2875C14.9042 21.4792 15 21.7167 15 22C15 22.2833 14.9042 22.5208 14.7125 22.7125C14.5208 22.9042 14.2833 23 14 23H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3a4f29a1b562a5705b05c216285a3abcb21816d6' }, h("path", { key: '97b109356f44451887e06490df35589f17450eb1', d: "M22.1667 22.1667H9.33334C8.69167 22.1667 8.14236 21.9383 7.68542 21.4813C7.22847 21.0244 7 20.4751 7 19.8334V3.50008C7 2.85841 7.22847 2.30911 7.68542 1.85216C8.14236 1.39522 8.69167 1.16675 9.33334 1.16675H16.5375C16.8486 1.16675 17.1451 1.22508 17.4271 1.34175C17.709 1.45841 17.9569 1.62369 18.1708 1.83758L23.8292 7.49591C24.0431 7.7098 24.2083 7.95772 24.325 8.23966C24.4417 8.52161 24.5 8.81814 24.5 9.12925V19.8334C24.5 20.4751 24.2715 21.0244 23.8146 21.4813C23.3576 21.9383 22.8083 22.1667 22.1667 22.1667ZM16.3333 3.50008H9.33334V19.8334H22.1667V9.33341H17.5C17.1694 9.33341 16.8924 9.22161 16.6688 8.998C16.4451 8.77439 16.3333 8.4973 16.3333 8.16675V3.50008ZM4.66667 26.8334C4.025 26.8334 3.4757 26.6049 3.01875 26.148C2.56181 25.6911 2.33334 25.1417 2.33334 24.5001V9.33341C2.33334 9.00286 2.44514 8.72578 2.66875 8.50216C2.89236 8.27855 3.16945 8.16675 3.5 8.16675C3.83056 8.16675 4.10764 8.27855 4.33125 8.50216C4.55486 8.72578 4.66667 9.00286 4.66667 9.33341V24.5001H16.3333C16.6639 24.5001 16.941 24.6119 17.1646 24.8355C17.3882 25.0591 17.5 25.3362 17.5 25.6667C17.5 25.9973 17.3882 26.2744 17.1646 26.498C16.941 26.7216 16.6639 26.8334 16.3333 26.8334H4.66667Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-file-copy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlIconFile {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: '45320d608d942681b010f0fbba08e8532344330f', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '56e0d30b57dbc6d5570434e47f0f1e47a7eac9e6' }, this.label), this.size === 16 && (h(Fragment, { key: 'f14f4613213f5c470f7c0a2ff83763761b2254c9' }, h("path", { key: '5d3623711d2557342a70d83ac8c6f647e3bb7415', d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6da0853f7154d7f92272444d7a1e62ef0d86064e' }, h("path", { key: '688df699b9f2b3332b2a70903d658f58c33af6f6', d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '82fc6a9b6454a85673df03c1966cf295fd9b4e0f' }, h("path", { key: 'f859403d2976e1a1bdb2b5fc9eae45a5c04bf19e', d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })))));
+        return (h("svg", { key: '726aea52997cc94a094dc4edb684abb07f4e3b07', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '534ee57460ed15caaa4fb6bbc95f572fcef8909f' }, this.label), this.size === 16 && (h(Fragment, { key: '171a26978bb3650b513f1668dff742679a1de569' }, h("path", { key: '6f5fa036ea7fbf305b155bda79da1ccd0c18a1a2', d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2270b102ed707c0f96b174781da6eb2bc012de1f' }, h("path", { key: '7c2ac5ee3223f140223d6a2c2b8b75123fc7c9f6', d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '97b738f187f591bd6f39de34f9c6af0887d20de1' }, h("path", { key: '751acc45865587290b019c241df7ab7958efc1ee', d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlIconFilter {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: 'aa76b11a7bc9b2505e2306b23e695cc0cd5c1678', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '583d1d0c74f358d79c9ebeb80e17730cfc6593fe' }, this.label), this.size === 16 && (h(Fragment, { key: 'dcb3018b700775d0efe60c0f6435528c41c017fb' }, h("path", { key: 'f7436e156dcf013f8d364932ea704db336830a32', d: "M7.33333 12C7.14444 12 6.98622 11.936 6.85867 11.808C6.73067 11.6804 6.66667 11.5222 6.66667 11.3333C6.66667 11.1444 6.73067 10.9862 6.85867 10.8587C6.98622 10.7307 7.14444 10.6667 7.33333 10.6667H8.66667C8.85556 10.6667 9.014 10.7307 9.142 10.8587C9.26956 10.9862 9.33333 11.1444 9.33333 11.3333C9.33333 11.5222 9.26956 11.6804 9.142 11.808C9.014 11.936 8.85556 12 8.66667 12H7.33333ZM2.66667 5.33333C2.47778 5.33333 2.31956 5.26956 2.192 5.142C2.064 5.014 2 4.85556 2 4.66667C2 4.47778 2.064 4.31933 2.192 4.19133C2.31956 4.06378 2.47778 4 2.66667 4H13.3333C13.5222 4 13.6804 4.06378 13.808 4.19133C13.936 4.31933 14 4.47778 14 4.66667C14 4.85556 13.936 5.014 13.808 5.142C13.6804 5.26956 13.5222 5.33333 13.3333 5.33333H2.66667ZM4.66667 8.66667C4.47778 8.66667 4.31933 8.60267 4.19133 8.47467C4.06378 8.34711 4 8.18889 4 8C4 7.81111 4.06378 7.65267 4.19133 7.52467C4.31933 7.39711 4.47778 7.33333 4.66667 7.33333H11.3333C11.5222 7.33333 11.6804 7.39711 11.808 7.52467C11.936 7.65267 12 7.81111 12 8C12 8.18889 11.936 8.34711 11.808 8.47467C11.6804 8.60267 11.5222 8.66667 11.3333 8.66667H4.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '43411e82f3c8bd4016b9d46aa020a8a38bbedd91' }, h("path", { key: '35e72b6bf3b92aaea81d073488f846cd865390bd', d: "M11 18C10.7167 18 10.4793 17.904 10.288 17.712C10.096 17.5207 10 17.2833 10 17C10 16.7167 10.096 16.4793 10.288 16.288C10.4793 16.096 10.7167 16 11 16H13C13.2833 16 13.521 16.096 13.713 16.288C13.9043 16.4793 14 16.7167 14 17C14 17.2833 13.9043 17.5207 13.713 17.712C13.521 17.904 13.2833 18 13 18H11ZM4 8C3.71667 8 3.47933 7.90433 3.288 7.713C3.096 7.521 3 7.28333 3 7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6H20C20.2833 6 20.5207 6.09567 20.712 6.287C20.904 6.479 21 6.71667 21 7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8H4ZM7 13C6.71667 13 6.479 12.904 6.287 12.712C6.09567 12.5207 6 12.2833 6 12C6 11.7167 6.09567 11.479 6.287 11.287C6.479 11.0957 6.71667 11 7 11H17C17.2833 11 17.5207 11.0957 17.712 11.287C17.904 11.479 18 11.7167 18 12C18 12.2833 17.904 12.5207 17.712 12.712C17.5207 12.904 17.2833 13 17 13H7Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'ecc3013affa987fd3d16a3693913dfd510ca9af5' }, h("path", { key: '4aa0b5866a78e98f08a8d73f97707155ddc15b0d', d: "M12.8333 21C12.5028 21 12.2259 20.888 12.0027 20.664C11.7787 20.4408 11.6667 20.1639 11.6667 19.8333C11.6667 19.5028 11.7787 19.2259 12.0027 19.0027C12.2259 18.7787 12.5028 18.6667 12.8333 18.6667H15.1667C15.4972 18.6667 15.7745 18.7787 15.9985 19.0027C16.2217 19.2259 16.3333 19.5028 16.3333 19.8333C16.3333 20.1639 16.2217 20.4408 15.9985 20.664C15.7745 20.888 15.4972 21 15.1667 21H12.8333ZM4.66667 9.33333C4.33611 9.33333 4.05922 9.22172 3.836 8.9985C3.612 8.7745 3.5 8.49722 3.5 8.16667C3.5 7.83611 3.612 7.55883 3.836 7.33483C4.05922 7.11161 4.33611 7 4.66667 7H23.3333C23.6639 7 23.9408 7.11161 24.164 7.33483C24.388 7.55883 24.5 7.83611 24.5 8.16667C24.5 8.49722 24.388 8.7745 24.164 8.9985C23.9408 9.22172 23.6639 9.33333 23.3333 9.33333H4.66667ZM8.16667 15.1667C7.83611 15.1667 7.55883 15.0547 7.33483 14.8307C7.11161 14.6074 7 14.3306 7 14C7 13.6694 7.11161 13.3922 7.33483 13.1682C7.55883 12.9449 7.83611 12.8333 8.16667 12.8333H19.8333C20.1639 12.8333 20.4408 12.9449 20.664 13.1682C20.888 13.3922 21 13.6694 21 14C21 14.3306 20.888 14.6074 20.664 14.8307C20.4408 15.0547 20.1639 15.1667 19.8333 15.1667H8.16667Z", fill: "currentColor" })))));
+        return (h("svg", { key: '6b41dad33b9103fccedb96ea1cac2477f0731fc0', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'ab2d2a596e7fdfce1e7e8593d480af14f59df310' }, this.label), this.size === 16 && (h(Fragment, { key: 'c69546ee3d550d099a3e612087da45275ae005f5' }, h("path", { key: '8e3b347c2fbd522cdf40ff012f404513ddfe3319', d: "M7.33333 12C7.14444 12 6.98622 11.936 6.85867 11.808C6.73067 11.6804 6.66667 11.5222 6.66667 11.3333C6.66667 11.1444 6.73067 10.9862 6.85867 10.8587C6.98622 10.7307 7.14444 10.6667 7.33333 10.6667H8.66667C8.85556 10.6667 9.014 10.7307 9.142 10.8587C9.26956 10.9862 9.33333 11.1444 9.33333 11.3333C9.33333 11.5222 9.26956 11.6804 9.142 11.808C9.014 11.936 8.85556 12 8.66667 12H7.33333ZM2.66667 5.33333C2.47778 5.33333 2.31956 5.26956 2.192 5.142C2.064 5.014 2 4.85556 2 4.66667C2 4.47778 2.064 4.31933 2.192 4.19133C2.31956 4.06378 2.47778 4 2.66667 4H13.3333C13.5222 4 13.6804 4.06378 13.808 4.19133C13.936 4.31933 14 4.47778 14 4.66667C14 4.85556 13.936 5.014 13.808 5.142C13.6804 5.26956 13.5222 5.33333 13.3333 5.33333H2.66667ZM4.66667 8.66667C4.47778 8.66667 4.31933 8.60267 4.19133 8.47467C4.06378 8.34711 4 8.18889 4 8C4 7.81111 4.06378 7.65267 4.19133 7.52467C4.31933 7.39711 4.47778 7.33333 4.66667 7.33333H11.3333C11.5222 7.33333 11.6804 7.39711 11.808 7.52467C11.936 7.65267 12 7.81111 12 8C12 8.18889 11.936 8.34711 11.808 8.47467C11.6804 8.60267 11.5222 8.66667 11.3333 8.66667H4.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e1d2bf15b3a21db17b69064d4267e561d6b14551' }, h("path", { key: 'e6bda3d4eb3952352afd652898a65e1903a4d02a', d: "M11 18C10.7167 18 10.4793 17.904 10.288 17.712C10.096 17.5207 10 17.2833 10 17C10 16.7167 10.096 16.4793 10.288 16.288C10.4793 16.096 10.7167 16 11 16H13C13.2833 16 13.521 16.096 13.713 16.288C13.9043 16.4793 14 16.7167 14 17C14 17.2833 13.9043 17.5207 13.713 17.712C13.521 17.904 13.2833 18 13 18H11ZM4 8C3.71667 8 3.47933 7.90433 3.288 7.713C3.096 7.521 3 7.28333 3 7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6H20C20.2833 6 20.5207 6.09567 20.712 6.287C20.904 6.479 21 6.71667 21 7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8H4ZM7 13C6.71667 13 6.479 12.904 6.287 12.712C6.09567 12.5207 6 12.2833 6 12C6 11.7167 6.09567 11.479 6.287 11.287C6.479 11.0957 6.71667 11 7 11H17C17.2833 11 17.5207 11.0957 17.712 11.287C17.904 11.479 18 11.7167 18 12C18 12.2833 17.904 12.5207 17.712 12.712C17.5207 12.904 17.2833 13 17 13H7Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '49ec58a1c469474c0de27160ac63f1790d918c12' }, h("path", { key: '3a87b01e9e9fa07fe0b2083f464124b0c916bf6e', d: "M12.8333 21C12.5028 21 12.2259 20.888 12.0027 20.664C11.7787 20.4408 11.6667 20.1639 11.6667 19.8333C11.6667 19.5028 11.7787 19.2259 12.0027 19.0027C12.2259 18.7787 12.5028 18.6667 12.8333 18.6667H15.1667C15.4972 18.6667 15.7745 18.7787 15.9985 19.0027C16.2217 19.2259 16.3333 19.5028 16.3333 19.8333C16.3333 20.1639 16.2217 20.4408 15.9985 20.664C15.7745 20.888 15.4972 21 15.1667 21H12.8333ZM4.66667 9.33333C4.33611 9.33333 4.05922 9.22172 3.836 8.9985C3.612 8.7745 3.5 8.49722 3.5 8.16667C3.5 7.83611 3.612 7.55883 3.836 7.33483C4.05922 7.11161 4.33611 7 4.66667 7H23.3333C23.6639 7 23.9408 7.11161 24.164 7.33483C24.388 7.55883 24.5 7.83611 24.5 8.16667C24.5 8.49722 24.388 8.7745 24.164 8.9985C23.9408 9.22172 23.6639 9.33333 23.3333 9.33333H4.66667ZM8.16667 15.1667C7.83611 15.1667 7.55883 15.0547 7.33483 14.8307C7.11161 14.6074 7 14.3306 7 14C7 13.6694 7.11161 13.3922 7.33483 13.1682C7.55883 12.9449 7.83611 12.8333 8.16667 12.8333H19.8333C20.1639 12.8333 20.4408 12.9449 20.664 13.1682C20.888 13.3922 21 13.6694 21 14C21 14.3306 20.888 14.6074 20.664 14.8307C20.4408 15.0547 20.1639 15.1667 19.8333 15.1667H8.16667Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-filter"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlIconFolderShared {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: '17c4b083ee76eb061310cc58a4ec4c2087d88705', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'bb9e65f7c61c48a5d2c8054482834e4c4a3c2776' }, this.label), this.size === 16 && (h(Fragment, { key: '2cc20592671d454324d37e8ad869d1fc4ff3b3eb' }, h("path", { key: '7630e5d7f69a39d0def2fbcd7f34d2929d140059', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '0b2716e276bfde9eadeba22a8ea31201ca520b3e' }, h("path", { key: '30e5ba1fbe8dd5e1bba81bd1ac6e01e5f685849e', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1e14c7dce7fb90fd73e39df2229479b80defc297' }, h("path", { key: '54ec19b5f31fdda3e56cafa4f055a81b18a6b19f', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
+        return (h("svg", { key: '7a51857c91e556ba0bafae637bea5c6467d333f5', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '8e497e33995375fd5c79ef7a6ea6d13a66157fc7' }, this.label), this.size === 16 && (h(Fragment, { key: 'a57f7b6bcba618ff866db2daa842a7560394eaa5' }, h("path", { key: '524d89e70865b56d20937094ca38f17728adda6b', d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'e230c2cf1ad550082194a9c73b9ff4ec48d07010' }, h("path", { key: 'ec0708b205ed3f1df8cb9c3cc3c84cbe2fbd7ddf', d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '362d33f420ea53bdae19b61ac7d3c8f05970dc0a' }, h("path", { key: '69bf61d8e3e065bf0aa2c2667911aa68547cfe40', d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-folder-shared"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlIconFolder {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: '54316149eaaf12df3281d24e3a004d65024374b8', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '1bcd59fa4692c3b6ece921667827aee2cabdc759' }, this.label), this.size === 16 && (h(Fragment, { key: 'a6221b48eed3ca4677e3c10c2e40d54bf9423134' }, h("path", { key: '2522becac2801c082ad41e999f569d243a8312d7', d: "M2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '9c07ed404fb14d76ca22aab225d15e24cc7f76cc' }, h("path", { key: 'a12b2a52d545961de891419762b738e9aa436678', d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '2d68fcd44c25d2fdf92db7791d21b607c05e9c68' }, h("path", { key: 'c240853adb1964422fa493e199f6f80cfd836ae7', d: "M4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
+        return (h("svg", { key: '82235c77fd4745cccc60e71e2b64422b7f3f65b7', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '4a594251e19ab7515d54959271ab93b1d72597c6' }, this.label), this.size === 16 && (h(Fragment, { key: '2f0792dea2f11d7714487a476e1dd18e7d988be2' }, h("path", { key: '055c7b876f8bb0497df23b8dc149824ccc2e4bec', d: "M2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'f120e49b7d01e356176b909e4c01712ba9440012' }, h("path", { key: 'f3e052bfaf826b013581de8c27f771b1d4345207', d: "M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '77a81412595399c700b2f8f4c0093ab8de1c85c7' }, h("path", { key: '78f39b03c5e67ba38f70e84e39d5b2a4beb98279', d: "M4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-folder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-icon/icons/swirl-icon-format-h-one.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class SwirlIconFormatHOne {
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
         const hasLabel = Boolean(this.label);
-        return (h("svg", { key: 'b1ddabb7e9285fea6620b5bfbacbe54861676c6d', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: 'c22f0c90dab5ee5f90eeb6006a992c3504fe5907' }, this.label), this.size === 16 && (h(Fragment, { key: 'a5eabf4ec10184d8b661675d02da5e16334e8a85' }, h("path", { key: '2a7b460b0373d3c1a29c79018d17d423d47f9520', d: "M4.00004 11.3334C3.81115 11.3334 3.65271 11.2694 3.52471 11.1414C3.39715 11.0138 3.33337 10.8556 3.33337 10.6667V5.33335C3.33337 5.14446 3.39715 4.98602 3.52471 4.85802C3.65271 4.73046 3.81115 4.66669 4.00004 4.66669C4.18893 4.66669 4.34737 4.73046 4.47537 4.85802C4.60293 4.98602 4.66671 5.14446 4.66671 5.33335V7.33335H7.33337V5.33335C7.33337 5.14446 7.39737 4.98602 7.52537 4.85802C7.65293 4.73046 7.81115 4.66669 8.00004 4.66669C8.18893 4.66669 8.34737 4.73046 8.47537 4.85802C8.60293 4.98602 8.66671 5.14446 8.66671 5.33335V10.6667C8.66671 10.8556 8.60293 11.0138 8.47537 11.1414C8.34737 11.2694 8.18893 11.3334 8.00004 11.3334C7.81115 11.3334 7.65293 11.2694 7.52537 11.1414C7.39737 11.0138 7.33337 10.8556 7.33337 10.6667V8.66669H4.66671V10.6667C4.66671 10.8556 4.60293 11.0138 4.47537 11.1414C4.34737 11.2694 4.18893 11.3334 4.00004 11.3334ZM12 11.3334C11.8112 11.3334 11.6529 11.2694 11.5254 11.1414C11.3974 11.0138 11.3334 10.8556 11.3334 10.6667V6.00002H10.6667C10.4778 6.00002 10.3196 5.93602 10.192 5.80802C10.064 5.68046 10 5.52224 10 5.33335C10 5.14446 10.064 4.98602 10.192 4.85802C10.3196 4.73046 10.4778 4.66669 10.6667 4.66669H12C12.1889 4.66669 12.3472 4.73046 12.4747 4.85802C12.6027 4.98602 12.6667 5.14446 12.6667 5.33335V10.6667C12.6667 10.8556 12.6027 11.0138 12.4747 11.1414C12.3472 11.2694 12.1889 11.3334 12 11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '906df095462b34e31337fa28c2c55a99471b18db' }, h("path", { key: 'cd630323b9b371d6056df7b62417eed1bff5bb79', d: "M6 17C5.71667 17 5.479 16.904 5.287 16.712C5.09567 16.5207 5 16.2833 5 16V8C5 7.71667 5.09567 7.479 5.287 7.287C5.479 7.09567 5.71667 7 6 7C6.28333 7 6.521 7.09567 6.713 7.287C6.90433 7.479 7 7.71667 7 8V11H11V8C11 7.71667 11.096 7.479 11.288 7.287C11.4793 7.09567 11.7167 7 12 7C12.2833 7 12.521 7.09567 12.713 7.287C12.9043 7.479 13 7.71667 13 8V16C13 16.2833 12.9043 16.5207 12.713 16.712C12.521 16.904 12.2833 17 12 17C11.7167 17 11.4793 16.904 11.288 16.712C11.096 16.5207 11 16.2833 11 16V13H7V16C7 16.2833 6.90433 16.5207 6.713 16.712C6.521 16.904 6.28333 17 6 17ZM18 17C17.7167 17 17.4793 16.904 17.288 16.712C17.096 16.5207 17 16.2833 17 16V9H16C15.7167 9 15.4793 8.904 15.288 8.712C15.096 8.52067 15 8.28333 15 8C15 7.71667 15.096 7.479 15.288 7.287C15.4793 7.09567 15.7167 7 16 7H18C18.2833 7 18.5207 7.09567 18.712 7.287C18.904 7.479 19 7.71667 19 8V16C19 16.2833 18.904 16.5207 18.712 16.712C18.5207 16.904 18.2833 17 18 17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3c4eea8622612b98f36d36ad9b00b147a5ba58a2' }, h("path", { key: 'a4f8cfcd05ebbfb36e90b57eb44fd0ab1a76e784', d: "M7.00004 19.8334C6.66949 19.8334 6.39221 19.7214 6.16821 19.4974C5.94499 19.2741 5.83337 18.9972 5.83337 18.6667V9.33335C5.83337 9.0028 5.94499 8.72552 6.16821 8.50152C6.39221 8.2783 6.66949 8.16669 7.00004 8.16669C7.3306 8.16669 7.60787 8.2783 7.83187 8.50152C8.0551 8.72552 8.16671 9.0028 8.16671 9.33335V12.8334H12.8334V9.33335C12.8334 9.0028 12.9454 8.72552 13.1694 8.50152C13.3926 8.2783 13.6695 8.16669 14 8.16669C14.3306 8.16669 14.6079 8.2783 14.8319 8.50152C15.0551 8.72552 15.1667 9.0028 15.1667 9.33335V18.6667C15.1667 18.9972 15.0551 19.2741 14.8319 19.4974C14.6079 19.7214 14.3306 19.8334 14 19.8334C13.6695 19.8334 13.3926 19.7214 13.1694 19.4974C12.9454 19.2741 12.8334 18.9972 12.8334 18.6667V15.1667H8.16671V18.6667C8.16671 18.9972 8.0551 19.2741 7.83187 19.4974C7.60787 19.7214 7.3306 19.8334 7.00004 19.8334ZM21 19.8334C20.6695 19.8334 20.3926 19.7214 20.1694 19.4974C19.9454 19.2741 19.8334 18.9972 19.8334 18.6667V10.5H18.6667C18.3362 10.5 18.0593 10.388 17.836 10.164C17.612 9.9408 17.5 9.66391 17.5 9.33335C17.5 9.0028 17.612 8.72552 17.836 8.50152C18.0593 8.2783 18.3362 8.16669 18.6667 8.16669H21C21.3306 8.16669 21.6075 8.2783 21.8307 8.50152C22.0547 8.72552 22.1667 9.0028 22.1667 9.33335V18.6667C22.1667 18.9972 22.0547 19.2741 21.8307 19.4974C21.6075 19.7214 21.3306 19.8334 21 19.8334Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'b688c2125bd701bfd837b2f6a1b7a2005f8aeb07', "aria-hidden": hasLabel ? undefined : "true", class: className, fill: "none", height: this.size, part: "icon", role: hasLabel ? "img" : undefined, style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, hasLabel && h("title", { key: '588048433906de25e2252f7352b742257d8450c7' }, this.label), this.size === 16 && (h(Fragment, { key: '5efcfdc084726b581234effc15af3030ab602518' }, h("path", { key: '2f7d71a7855d4d8afcdce049c7c877153c6ed30b', d: "M4.00004 11.3334C3.81115 11.3334 3.65271 11.2694 3.52471 11.1414C3.39715 11.0138 3.33337 10.8556 3.33337 10.6667V5.33335C3.33337 5.14446 3.39715 4.98602 3.52471 4.85802C3.65271 4.73046 3.81115 4.66669 4.00004 4.66669C4.18893 4.66669 4.34737 4.73046 4.47537 4.85802C4.60293 4.98602 4.66671 5.14446 4.66671 5.33335V7.33335H7.33337V5.33335C7.33337 5.14446 7.39737 4.98602 7.52537 4.85802C7.65293 4.73046 7.81115 4.66669 8.00004 4.66669C8.18893 4.66669 8.34737 4.73046 8.47537 4.85802C8.60293 4.98602 8.66671 5.14446 8.66671 5.33335V10.6667C8.66671 10.8556 8.60293 11.0138 8.47537 11.1414C8.34737 11.2694 8.18893 11.3334 8.00004 11.3334C7.81115 11.3334 7.65293 11.2694 7.52537 11.1414C7.39737 11.0138 7.33337 10.8556 7.33337 10.6667V8.66669H4.66671V10.6667C4.66671 10.8556 4.60293 11.0138 4.47537 11.1414C4.34737 11.2694 4.18893 11.3334 4.00004 11.3334ZM12 11.3334C11.8112 11.3334 11.6529 11.2694 11.5254 11.1414C11.3974 11.0138 11.3334 10.8556 11.3334 10.6667V6.00002H10.6667C10.4778 6.00002 10.3196 5.93602 10.192 5.80802C10.064 5.68046 10 5.52224 10 5.33335C10 5.14446 10.064 4.98602 10.192 4.85802C10.3196 4.73046 10.4778 4.66669 10.6667 4.66669H12C12.1889 4.66669 12.3472 4.73046 12.4747 4.85802C12.6027 4.98602 12.6667 5.14446 12.6667 5.33335V10.6667C12.6667 10.8556 12.6027 11.0138 12.4747 11.1414C12.3472 11.2694 12.1889 11.3334 12 11.3334Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '6ebee69efffc72af2a1c5dbbde8506094218d2a0' }, h("path", { key: '06ff3189eebbf3699065593eda39d9e91e15741a', d: "M6 17C5.71667 17 5.479 16.904 5.287 16.712C5.09567 16.5207 5 16.2833 5 16V8C5 7.71667 5.09567 7.479 5.287 7.287C5.479 7.09567 5.71667 7 6 7C6.28333 7 6.521 7.09567 6.713 7.287C6.90433 7.479 7 7.71667 7 8V11H11V8C11 7.71667 11.096 7.479 11.288 7.287C11.4793 7.09567 11.7167 7 12 7C12.2833 7 12.521 7.09567 12.713 7.287C12.9043 7.479 13 7.71667 13 8V16C13 16.2833 12.9043 16.5207 12.713 16.712C12.521 16.904 12.2833 17 12 17C11.7167 17 11.4793 16.904 11.288 16.712C11.096 16.5207 11 16.2833 11 16V13H7V16C7 16.2833 6.90433 16.5207 6.713 16.712C6.521 16.904 6.28333 17 6 17ZM18 17C17.7167 17 17.4793 16.904 17.288 16.712C17.096 16.5207 17 16.2833 17 16V9H16C15.7167 9 15.4793 8.904 15.288 8.712C15.096 8.52067 15 8.28333 15 8C15 7.71667 15.096 7.479 15.288 7.287C15.4793 7.09567 15.7167 7 16 7H18C18.2833 7 18.5207 7.09567 18.712 7.287C18.904 7.479 19 7.71667 19 8V16C19 16.2833 18.904 16.5207 18.712 16.712C18.5207 16.904 18.2833 17 18 17Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd9f42670b19e16728cb34dc7bcf4bf56a38e5eb4' }, h("path", { key: '6ccb60399734edaeffc1fd11086e8bdcd3300fc2', d: "M7.00004 19.8334C6.66949 19.8334 6.39221 19.7214 6.16821 19.4974C5.94499 19.2741 5.83337 18.9972 5.83337 18.6667V9.33335C5.83337 9.0028 5.94499 8.72552 6.16821 8.50152C6.39221 8.2783 6.66949 8.16669 7.00004 8.16669C7.3306 8.16669 7.60787 8.2783 7.83187 8.50152C8.0551 8.72552 8.16671 9.0028 8.16671 9.33335V12.8334H12.8334V9.33335C12.8334 9.0028 12.9454 8.72552 13.1694 8.50152C13.3926 8.2783 13.6695 8.16669 14 8.16669C14.3306 8.16669 14.6079 8.2783 14.8319 8.50152C15.0551 8.72552 15.1667 9.0028 15.1667 9.33335V18.6667C15.1667 18.9972 15.0551 19.2741 14.8319 19.4974C14.6079 19.7214 14.3306 19.8334 14 19.8334C13.6695 19.8334 13.3926 19.7214 13.1694 19.4974C12.9454 19.2741 12.8334 18.9972 12.8334 18.6667V15.1667H8.16671V18.6667C8.16671 18.9972 8.0551 19.2741 7.83187 19.4974C7.60787 19.7214 7.3306 19.8334 7.00004 19.8334ZM21 19.8334C20.6695 19.8334 20.3926 19.7214 20.1694 19.4974C19.9454 19.2741 19.8334 18.9972 19.8334 18.6667V10.5H18.6667C18.3362 10.5 18.0593 10.388 17.836 10.164C17.612 9.9408 17.5 9.66391 17.5 9.33335C17.5 9.0028 17.612 8.72552 17.836 8.50152C18.0593 8.2783 18.3362 8.16669 18.6667 8.16669H21C21.3306 8.16669 21.6075 8.2783 21.8307 8.50152C22.0547 8.72552 22.1667 9.0028 22.1667 9.33335V18.6667C22.1667 18.9972 22.0547 19.2741 21.8307 19.4974C21.6075 19.7214 21.3306 19.8334 21 19.8334Z", fill: "currentColor" })))));
     }
     static get is() { return "swirl-icon-format-h-one"; }
     static get encapsulation() { return "shadow"; }