@getflip/swirl-components 0.380.0 → 0.381.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-15T14:12:34",
+  "timestamp": "2025-09-16T10:42:45",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.35.0",
@@ -70274,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",
@@ -70306,6 +70306,10 @@
               "value": "default",
               "type": "string"
             },
+            {
+              "value": "disabled",
+              "type": "string"
+            },
             {
               "value": "highlight",
               "type": "string"
@@ -75810,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-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-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",