@getflip/swirl-components 0.264.0 → 0.265.0

package/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-12-03T09:41:45",
+  "timestamp": "2024-12-04T16:08:34",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.18.1",
@@ -47611,10 +47611,10 @@
       "props": [
         {
           "name": "borderColor",
-          "type": "\"default\" | \"strong\"",
+          "type": "\"default\" | \"highlight\" | \"strong\"",
           "complexType": {
             "original": "SwirlSeparatorBorderColor",
-            "resolved": "\"default\" | \"strong\"",
+            "resolved": "\"default\" | \"highlight\" | \"strong\"",
             "references": {
               "SwirlSeparatorBorderColor": {
                 "location": "local",
@@ -47634,6 +47634,10 @@
               "value": "default",
               "type": "string"
             },
+            {
+              "value": "highlight",
+              "type": "string"
+            },
             {
               "value": "strong",
               "type": "string"
@@ -59348,7 +59352,7 @@
       "path": "src/components/swirl-search/swirl-search.tsx"
     },
     "src/components/swirl-separator/swirl-separator.tsx::SwirlSeparatorBorderColor": {
-      "declaration": "export type SwirlSeparatorBorderColor = \"default\" | \"strong\";",
+      "declaration": "export type SwirlSeparatorBorderColor = \"default\" | \"strong\" | \"highlight\";",
       "docstring": "",
       "path": "src/components/swirl-separator/swirl-separator.tsx"
     },

package/dist/cjs/swirl-action-list_3.cjs.entry.js

@@ -139,7 +139,7 @@ const SwirlActionListItem = class {
 };
 SwirlActionListItem.style = SwirlActionListItemStyle0;
 
-const swirlSeparatorCss = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--border-color-strong) .separator__line{background-color:var(--s-border-strong)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}";
+const swirlSeparatorCss = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--border-color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--border-color-highlight) .separator__line{background-color:var(--s-border-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}";
 const SwirlSeparatorStyle0 = swirlSeparatorCss;
 
 const SwirlSeparator = class {
@@ -160,7 +160,7 @@ const SwirlSeparator = class {
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = index$1.classnames("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-        return (index.h(index.Host, { key: '9b3bf40f3d40c3d3b9375b0123d0654b84112d74', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, index.h("span", { key: '90b75d9119cf2fa3d204fc041d4270739e047aa0', class: "separator__line" })));
+        return (index.h(index.Host, { key: '31df25534223187cebaad9cda91e97c7c6d0f220', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, index.h("span", { key: 'b6ca9955f2a8429d658dcc09308dd93503e41f1c', class: "separator__line" })));
     }
 };
 SwirlSeparator.style = SwirlSeparatorStyle0;