npm - @getflip/swirl-components - Versions diffs - 0.396.0 → 0.397.0 - Mend

@getflip/swirl-components 0.396.0 → 0.397.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 (1722) hide show

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 var floatingUi_dom_browser_min = require('./floating-ui.dom.browser.min-PA1q-Uql.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var utils = require('./utils-UfZG-xPD.js');

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 var index$1 = require('./index-DcAhLZUH.js');
 const swirlTreeNavigationItemCss = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}";

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 const swirlTreeNavigationCss = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}";

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 var index$1 = require('./index-DcAhLZUH.js');
 var sortable_esm = require('./sortable.esm-B1ZNencO.js');
 var swirlTreeView_config = require('./swirl-tree-view.config-Cg6OacWF.js');

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 var sortable_esm = require('./sortable.esm-B1ZNencO.js');
 var swirlTreeView_config = require('./swirl-tree-view.config-Cg6OacWF.js');

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 const swirlVideoThumbnailCss = ":host {\n  display: flex;\n  width: 100%;\n}\n\n  :host * {\n    box-sizing: border-box;\n  }\n\n.video-thumbnail {\n  position: relative;\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  container-type: inline-size;\n  container-name: video-thumbnail;\n}\n\n.video-thumbnail:after {\n    position: absolute;\n    background-color: rgba(0, 0, 0, 0.05);\n    content: \"\";\n    inset: 0;\n  }\n\n.video-thumbnail:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n.video-thumbnail:focus-visible {\n    outline-color: var(--s-focus-default);\n    outline-offset: var(--s-space-4);\n  }\n\n.video-thumbnail__image {\n  width: 100%;\n}\n\n.video-thumbnail__duration {\n  position: absolute;\n  bottom: var(--s-space-8);\n  left: var(--s-space-8);\n  padding: var(--s-space-2) var(--s-space-8);\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-on-image);\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),\n    rgba(255, 255, 255, 0.1);\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  letter-spacing: var(--s-letter-spacing-tighter);\n}\n\n.video-thumbnail__play-icon {\n  position: absolute;\n  z-index: 1;\n  top: 50%;\n  left: 50%;\n  width: 2.5rem;\n  height: 2.5rem;\n  transform: translate3d(-50%, -50%, 0);\n}\n\n@container video-thumbnail (min-width: 448px) {\n  .video-thumbnail__play-icon {\n    width: 3.5rem;\n    height: 4.5rem;\n  }\n}\n";

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 const swirlVisuallyHiddenCss = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}";

package/dist/cjs/wc-datepicker.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-DM-IG6w2.js');
+var index = require('./index-DAtJPITi.js');
 function addDays(date, days) {
   const newDate = new Date(date);

package/dist/collection/components/swirl-button/swirl-button.js CHANGED Viewed

@@ -8,6 +8,7 @@ import { DesktopMediaQuery } from "../../services/media-query.service";
  */
 export class SwirlButton {
     constructor() {
+        this.cursor = "pointer";
         this.iconPosition = "start";
         this.intent = "default";
         this.size = "m";
@@ -76,9 +77,13 @@ export class SwirlButton {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '49d43aafbfefa72d23f1fb0bec48dcb7333d0610', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'a7cf0739cf899b6736693ec45604bf06960f42be', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: this.inheritFontSize
-                ? { fontSize: "inherit", lineHeight: "inherit" }
-                : {} }, Boolean(this.icon) && (h("span", { key: 'a48af7d78a53bb7efd90df4f8df886a7a8c59dc8', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: 'c3c70eab6feabaa93cf1599e662aa37706f52757', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '69a451895b40ee9decfd817e9f2d015c4a76dde6', name: "icon" }))), !hideLabel && h("span", { key: 'cd1669aeccd8cc518b252a48e95b7e8c978b2548', class: "button__label" }, this.label), hasTag && (h("span", { key: '40de97546408ff28cd03b4cfd6e216044ea89088', class: "button__tag" }, h("slot", { key: 'e69c28a98e3bdc1d6c8c6d5f6fef04330b9e64f7', name: "tag" }))), hasTrailingSlot && (h("div", { key: '6306ba16fbf752aa11c34a3aa3a190c8094d79fc', class: "button__trailing-slot" }, h("slot", { key: '4d17a8b0f819b95ae7a0908bff23648280a84dce', name: "trailing" }))))));
+        return (h(Host, { key: '1573a4e272a1b62d465a1e8b80277af1831f9857', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '89735f5fbfc754c86dfb33419838820137a2a559', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
+                cursor: !this.disabled && this.cursor !== "pointer"
+                    ? this.cursor
+                    : undefined,
+                fontSize: this.inheritFontSize ? "inherit" : undefined,
+                lineHeight: this.inheritFontSize ? "inherit" : undefined,
+            } }, Boolean(this.icon) && (h("span", { key: '36d73a47b7cf5073a1cc55d38637735c1be55c35', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '4ab65105a67da14690e989d1e6e18c7b24fe1e14', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '6f67cbaba7cc556fec3fc4ac6ed6c44fa6912e7b', name: "icon" }))), !hideLabel && h("span", { key: '60e78db85d5932f88fa0d025d5ac67ef1afbac0b', class: "button__label" }, this.label), hasTag && (h("span", { key: '3178f0b6833fd1b0c4d8a392a1bfc7a841025b51', class: "button__tag" }, h("slot", { key: '0ddc0d9cf92d363825c2b9863da39c690382564a', name: "tag" }))), hasTrailingSlot && (h("div", { key: 'a0fab6b3cb5ad5f84c73755afeba7d18b64417b6', class: "button__trailing-slot" }, h("slot", { key: 'f7badc86eeb813254aa48733910d5ac477b972cc', name: "trailing" }))))));
     }
     static get is() { return "swirl-button"; }
     static get encapsulation() { return "scoped"; }
@@ -94,14 +99,20 @@ export class SwirlButton {
     }
     static get properties() {
         return {
-            "elevated": {
-                "type": "boolean",
-                "attribute": "elevated",
+            "cursor": {
+                "type": "string",
+                "attribute": "cursor",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
+                    "original": "SwirlButtonCursor",
+                    "resolved": "\"text\" | \"copy\" | \"progress\" | \"default\" | \"none\" | \"auto\" | \"context-menu\" | \"help\" | \"pointer\" | \"wait\" | \"cell\" | \"crosshair\" | \"vertical-text\" | \"alias\" | \"move\" | \"no-drop\" | \"not-allowed\" | \"grab\" | \"grabbing\" | \"e-resize\" | \"n-resize\" | \"ne-resize\" | \"nw-resize\" | \"s-resize\" | \"se-resize\" | \"sw-resize\" | \"w-resize\" | \"ew-resize\" | \"ns-resize\" | \"nesw-resize\" | \"nwse-resize\" | \"col-resize\" | \"row-resize\" | \"all-scroll\" | \"zoom-in\" | \"zoom-out\"",
+                    "references": {
+                        "SwirlButtonCursor": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonCursor"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
@@ -111,7 +122,8 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"pointer\""
             },
             "disabled": {
                 "type": "boolean",
@@ -151,13 +163,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaControls": {
-                "type": "string",
-                "attribute": "swirl-aria-controls",
+            "elevated": {
+                "type": "boolean",
+                "attribute": "elevated",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -170,9 +182,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaCurrent": {
+            "form": {
                 "type": "string",
-                "attribute": "swirl-aria-current",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -189,13 +201,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaDescribedby": {
-                "type": "string",
-                "attribute": "swirl-aria-describedby",
+            "hideLabel": {
+                "type": "boolean",
+                "attribute": "hide-label",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
@@ -208,9 +220,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaExpanded": {
+            "href": {
                 "type": "string",
-                "attribute": "swirl-aria-expanded",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,9 +239,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaHaspopup": {
+            "icon": {
                 "type": "string",
-                "attribute": "swirl-aria-haspopup",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -246,33 +258,46 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "swirlAriaLabel": {
+            "iconPosition": {
                 "type": "string",
-                "attribute": "swirl-aria-label",
+                "attribute": "icon-position",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "SwirlButtonIconPosition",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {
+                        "SwirlButtonIconPosition": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIconPosition"
+                        }
+                    }
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"start\""
             },
-            "form": {
+            "intent": {
                 "type": "string",
-                "attribute": "form",
+                "attribute": "intent",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "SwirlButtonIntent",
+                    "resolved": "\"critical\" | \"default\" | \"primary\" | \"strong\"",
+                    "references": {
+                        "SwirlButtonIntent": {
+                            "location": "local",
+                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIntent"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": true,
@@ -282,11 +307,12 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "\"default\""
             },
-            "hideLabel": {
+            "inheritFontSize": {
                 "type": "boolean",
-                "attribute": "hide-label",
+                "attribute": "inherit-font-size",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -303,17 +329,17 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "href": {
+            "label": {
                 "type": "string",
-                "attribute": "href",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
-                "optional": true,
+                "required": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -322,9 +348,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "icon": {
+            "name": {
                 "type": "string",
-                "attribute": "icon",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -341,23 +367,61 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "iconPosition": {
+            "pill": {
+                "type": "boolean",
+                "attribute": "pill",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "pressed": {
+                "type": "boolean",
+                "attribute": "pressed",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "size": {
                 "type": "string",
-                "attribute": "icon-position",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
-                    "original": "SwirlButtonIconPosition",
-                    "resolved": "\"end\" | \"start\"",
+                    "original": "SwirlButtonSize",
+                    "resolved": "\"l\" | \"m\"",
                     "references": {
-                        "SwirlButtonIconPosition": {
+                        "SwirlButtonSize": {
                             "location": "local",
                             "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
-                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIconPosition"
+                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonSize"
                         }
                     }
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -365,22 +429,16 @@ export class SwirlButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "\"start\""
+                "defaultValue": "\"m\""
             },
-            "intent": {
+            "swirlAriaControls": {
                 "type": "string",
-                "attribute": "intent",
+                "attribute": "swirl-aria-controls",
                 "mutable": false,
                 "complexType": {
-                    "original": "SwirlButtonIntent",
-                    "resolved": "\"critical\" | \"default\" | \"primary\" | \"strong\"",
-                    "references": {
-                        "SwirlButtonIntent": {
-                            "location": "local",
-                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
-                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonIntent"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": true,
@@ -390,20 +448,19 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "\"default\""
+                "reflect": false
             },
-            "label": {
+            "swirlAriaCurrent": {
                 "type": "string",
-                "attribute": "label",
+                "attribute": "swirl-aria-current",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -412,9 +469,9 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "name": {
+            "swirlAriaDescribedby": {
                 "type": "string",
-                "attribute": "name",
+                "attribute": "swirl-aria-describedby",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -431,13 +488,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "pill": {
-                "type": "boolean",
-                "attribute": "pill",
+            "swirlAriaExpanded": {
+                "type": "string",
+                "attribute": "swirl-aria-expanded",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -450,13 +507,13 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "pressed": {
-                "type": "boolean",
-                "attribute": "pressed",
+            "swirlAriaHaspopup": {
+                "type": "string",
+                "attribute": "swirl-aria-haspopup",
                 "mutable": false,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "string",
+                    "resolved": "string",
                     "references": {}
                 },
                 "required": false,
@@ -469,20 +526,14 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false
             },
-            "size": {
+            "swirlAriaLabel": {
                 "type": "string",
-                "attribute": "size",
+                "attribute": "swirl-aria-label",
                 "mutable": false,
                 "complexType": {
-                    "original": "SwirlButtonSize",
-                    "resolved": "\"l\" | \"m\"",
-                    "references": {
-                        "SwirlButtonSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/swirl/swirl/packages/swirl-components/src/components/swirl-button/swirl-button.tsx",
-                            "id": "src/components/swirl-button/swirl-button.tsx::SwirlButtonSize"
-                        }
-                    }
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
                 },
                 "required": false,
                 "optional": true,
@@ -492,8 +543,7 @@ export class SwirlButton {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false,
-                "defaultValue": "\"m\""
+                "reflect": false
             },
             "target": {
                 "type": "string",
@@ -610,25 +660,6 @@ export class SwirlButton {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "\"ghost\""
-            },
-            "inheritFontSize": {
-                "type": "boolean",
-                "attribute": "inherit-font-size",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
             }
         };
     }

package/dist/collection/components/swirl-form-control/swirl-form-control.css CHANGED Viewed

@@ -336,6 +336,7 @@
   color: var(--s-text-subdued);
   flex-direction: column;
   gap: var(--s-space-2);
+  background-color: var(--swirl-form-control-label-background-color);
 }
 .form-control__secondary-label {