@getflip/swirl-components 0.379.4 → 0.381.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-15T14:00:17",
+  "timestamp": "2025-09-16T10:42:45",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -3788,10 +3788,10 @@
         },
         {
           "name": "intent",
-          "type": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+          "type": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\" | \"strong\"",
           "complexType": {
             "original": "SwirlBadgeIntent",
-            "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+            "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\" | \"strong\"",
             "references": {
               "SwirlBadgeIntent": {
                 "location": "local",
@@ -3851,6 +3851,10 @@
             {
               "value": "radish",
               "type": "string"
+            },
+            {
+              "value": "strong",
+              "type": "string"
             }
           ],
           "optional": true,
@@ -70270,10 +70274,10 @@
         },
         {
           "name": "color",
-          "type": "\"critical\" | \"default\" | \"highlight\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"subdued\" | \"success\" | \"warning\"",
+          "type": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"subdued\" | \"success\" | \"warning\"",
           "complexType": {
             "original": "SwirlTextColor",
-            "resolved": "\"critical\" | \"default\" | \"highlight\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"subdued\" | \"success\" | \"warning\"",
+            "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"subdued\" | \"success\" | \"warning\"",
             "references": {
               "SwirlTextColor": {
                 "location": "local",
@@ -70302,6 +70306,10 @@
               "value": "default",
               "type": "string"
             },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
             {
               "value": "highlight",
               "type": "string"
@@ -75366,7 +75374,7 @@
       "path": "src/components/swirl-avatar-group/swirl-avatar-group.tsx"
     },
     "src/components/swirl-badge/swirl-badge.tsx::SwirlBadgeIntent": {
-      "declaration": "export type SwirlBadgeIntent =\n  | \"banana\"\n  | \"blueberry\"\n  | \"chilli\"\n  | \"critical\"\n  | \"grape\"\n  | \"info\"\n  | \"kiwi\"\n  | \"neutral\"\n  | \"pumpkin\"\n  | \"radish\";",
+      "declaration": "export type SwirlBadgeIntent =\n  | \"banana\"\n  | \"blueberry\"\n  | \"chilli\"\n  | \"critical\"\n  | \"grape\"\n  | \"info\"\n  | \"kiwi\"\n  | \"neutral\"\n  | \"pumpkin\"\n  | \"radish\"\n  | \"strong\";",
       "docstring": "",
       "path": "src/components/swirl-badge/swirl-badge.tsx"
     },
@@ -75806,7 +75814,7 @@
       "path": "src/components/swirl-text/swirl-text.tsx"
     },
     "src/components/swirl-text/swirl-text.tsx::SwirlTextColor": {
-      "declaration": "export type SwirlTextColor =\n  | \"critical\"\n  | \"default\"\n  | \"highlight\"\n  | \"on-action-primary\"\n  | \"on-image\"\n  | \"on-status\"\n  | \"on-surface-highlight\"\n  | \"on-surface-highlight-subdued\"\n  | \"subdued\"\n  | \"success\"\n  | \"warning\";",
+      "declaration": "export type SwirlTextColor =\n  | \"critical\"\n  | \"default\"\n  | \"disabled\"\n  | \"highlight\"\n  | \"on-action-primary\"\n  | \"on-image\"\n  | \"on-status\"\n  | \"on-surface-highlight\"\n  | \"on-surface-highlight-subdued\"\n  | \"subdued\"\n  | \"success\"\n  | \"warning\";",
       "docstring": "",
       "path": "src/components/swirl-text/swirl-text.tsx"
     },

package/dist/cjs/swirl-badge.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-DM-IG6w2.js');
 var index$1 = require('./index-DcAhLZUH.js');
 
-const swirlBadgeCss = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-info{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}";
+const swirlBadgeCss = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:center;align-items:center}:host *{box-sizing:border-box}.badge{display:inline-flex;max-width:100%;justify-content:center;align-items:center;border-radius:2rem;color:var(--s-text-on-status);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);box-shadow:0 0 0 0.125rem var(--swirl-badge-border-color)}.badge--size-xs{min-width:1rem;height:1rem;font-size:0.6875rem}.badge--size-xs .badge__label{padding-right:0.25rem;padding-left:0.25rem}.badge--size-xs .badge__icon>swirl-icon,.badge--size-xs .badge__icon>*::part(icon){width:0.75rem;height:0.75rem}.badge--size-s{min-width:1.25rem;height:1.25rem;font-size:0.75rem}.badge--size-s .badge__label{padding-right:0.375rem;padding-left:0.375rem}.badge--size-s .badge__icon>swirl-icon,.badge--size-s .badge__icon>*::part(icon){width:1rem;height:1rem}.badge--size-m{min-width:1.5rem;height:1.5rem}.badge--size-m .badge__label{padding-right:0.4375rem;padding-left:0.4375rem}.badge--has-icon{padding-right:0;padding-left:0}.badge--intent-critical{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.badge--intent-banana{color:var(--s-text-dark);background-color:var(--s-decorative-banana-surface)}.badge--intent-blueberry{color:var(--s-text-on-status);background-color:var(--s-decorative-blueberry-surface)}.badge--intent-chilli{color:var(--s-text-on-status);background-color:var(--s-decorative-chilli-surface)}.badge--intent-grape{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.badge--intent-info{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.badge--intent-kiwi{color:var(--s-text-on-status);background-color:var(--s-decorative-kiwi-surface)}.badge--intent-neutral{color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued)}.badge--intent-pumpkin{color:var(--s-text-dark);background-color:var(--s-decorative-pumpkin-surface)}.badge--intent-radish{color:var(--s-text-on-status);background-color:var(--s-decorative-radish-surface)}.badge--intent-strong{color:var(--s-text-on-status);background-color:var(--s-interactive-neutral-default)}.badge--variant-dot{width:1.5rem;min-width:0;height:1.5rem}.badge--variant-dot.badge--size-xs{width:0.5rem;height:0.5rem}.badge--variant-dot.badge--size-s{width:0.75rem;height:0.75rem}.badge--variant-dot.badge--size-m{width:1rem;height:1rem}.badge--variant-dot .badge__label{padding-right:0;padding-left:0}.badge--variant-dot .badge__icon{display:none}.badge__icon{display:inline-flex}.badge__icon>swirl-icon,.badge__icon>*::part(icon){width:1rem;height:1rem}.badge__label{display:inline-flex;overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}";
 
 const SwirlBadge = class {
     constructor(hostRef) {
@@ -16,7 +16,7 @@ const SwirlBadge = class {
         const className = index$1.classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (index.h(index.Host, { key: '6b83b0188fafee31f864047bc0b16f78a8b8c4f0', role: "status" }, index.h("span", { key: '663d7ffd7c164512488d6eef9ca198cf1309efba', class: className, part: "badge" }, this.icon && index.h("span", { key: 'f57ad0add763c7e402df4a071e1c33979605750c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
+        return (index.h(index.Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, index.h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && index.h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (index.h("span", { class: "badge__label" }, this.label)) : (index.h(index.Fragment, null, this.icon === undefined && (index.h("span", { class: "badge__label" }, "\u00A0")), index.h("swirl-visually-hidden", null, this.label))))));
     }
 };
 SwirlBadge.style = swirlBadgeCss;

package/dist/cjs/swirl-text.cjs.entry.js

@@ -936,7 +936,7 @@ function shave(target, maxHeight, opts) {
     }
 }
 
-const swirlTextCss = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}";
+const swirlTextCss = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}";
 
 const SwirlText = class {
     constructor(hostRef) {
@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index$1.h(index$1.Host, { key: '6102c8f79c359365857a7cacc67b97132123ed8f' }, index$1.h(Tag, { key: '8a7c665f5d4bfbf70848a4b48d6615815d61f127', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '6dbc8c743baf7292399f5afce9f28fe96298a4b2' }))));
+        return (index$1.h(index$1.Host, { key: 'a635ca2f4d4b7afc4e4d4fceb0e995823e6cebdd' }, index$1.h(Tag, { key: 'e9cb49646443c597aa220a12ad0ce008aef9617e', class: className, ref: (el) => (this.textEl = el), style: styles }, index$1.h("slot", { key: '33a7c292355d29886765808a120f1ead1dd43ab7' }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/collection/components/swirl-badge/swirl-badge.css

@@ -121,6 +121,11 @@
   background-color: var(--s-decorative-radish-surface);
 }
 
+.badge--intent-strong {
+  color: var(--s-text-on-status);
+  background-color: var(--s-interactive-neutral-default);
+}
+
 .badge--variant-dot {
   width: 1.5rem;
   min-width: 0;

package/dist/collection/components/swirl-badge/swirl-badge.js

@@ -10,7 +10,7 @@ export class SwirlBadge {
         const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: '6b83b0188fafee31f864047bc0b16f78a8b8c4f0', role: "status" }, h("span", { key: '663d7ffd7c164512488d6eef9ca198cf1309efba', class: className, part: "badge" }, this.icon && h("span", { key: 'f57ad0add763c7e402df4a071e1c33979605750c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
     static get is() { return "swirl-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +51,7 @@ export class SwirlBadge {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlBadgeIntent",
-                    "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\"",
+                    "resolved": "\"banana\" | \"blueberry\" | \"chilli\" | \"critical\" | \"grape\" | \"info\" | \"kiwi\" | \"neutral\" | \"pumpkin\" | \"radish\" | \"strong\"",
                     "references": {
                         "SwirlBadgeIntent": {
                             "location": "local",

package/dist/collection/components/swirl-text/swirl-text.css

@@ -29,6 +29,10 @@
   color: var(--s-text-default);
 }
 
+.text--color-disabled {
+  color: var(--s-text-disabled);
+}
+
 .text--color-highlight {
   color: var(--s-text-highlight);
 }

package/dist/collection/components/swirl-text/swirl-text.js

@@ -51,7 +51,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '6102c8f79c359365857a7cacc67b97132123ed8f' }, h(Tag, { key: '8a7c665f5d4bfbf70848a4b48d6615815d61f127', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '6dbc8c743baf7292399f5afce9f28fe96298a4b2' }))));
+        return (h(Host, { key: 'a635ca2f4d4b7afc4e4d4fceb0e995823e6cebdd' }, h(Tag, { key: 'e9cb49646443c597aa220a12ad0ce008aef9617e', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '33a7c292355d29886765808a120f1ead1dd43ab7' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }
@@ -138,7 +138,7 @@ export class SwirlText {
                 "mutable": false,
                 "complexType": {
                     "original": "SwirlTextColor",
-                    "resolved": "\"critical\" | \"default\" | \"highlight\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"subdued\" | \"success\" | \"warning\"",
+                    "resolved": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"subdued\" | \"success\" | \"warning\"",
                     "references": {
                         "SwirlTextColor": {
                             "location": "local",