@getflip/swirl-components 0.26.2 → 0.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.26.2",
+  "version": "0.28.0",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/vscode-data.json

@@ -815,10 +815,18 @@
           "name": "elevated",
           "description": ""
         },
+        {
+          "name": "highlighted",
+          "description": ""
+        },
         {
           "name": "href",
           "description": ""
         },
+        {
+          "name": "image-aspect-ratio",
+          "description": ""
+        },
         {
           "name": "interactive",
           "description": ""
@@ -826,6 +834,48 @@
         {
           "name": "link-target",
           "description": ""
+        },
+        {
+          "name": "swirl-aria-label",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "swirl-carousel",
+      "description": {
+        "kind": "markdown",
+        "value": "slot - The slides"
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": ""
+        },
+        {
+          "name": "loop-around",
+          "description": ""
+        },
+        {
+          "name": "next-slide-button-label",
+          "description": ""
+        },
+        {
+          "name": "previous-slide-button-label",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "swirl-carousel-slide",
+      "description": {
+        "kind": "markdown",
+        "value": "slot - The slide contents"
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": ""
         }
       ]
     },

package/dist/swirl-components/p-b7f6c305.entry.js

@@ -1 +0,0 @@
-import{r,h as o,H as a}from"./p-05c15d47.js";import{c as e}from"./p-b7898321.js";const t=class{constructor(o){r(this,o),this.as="div",this.elevated=void 0,this.interactive=void 0,this.href=void 0,this.linkTarget=void 0}render(){const r=Boolean(this.href)?"a":this.as,t=e("card",{"card--elevated":this.elevated,"card--interactive":this.interactive||this.href});return o(a,null,o(r,{class:t,href:this.href,rel:Boolean(this.href)&&"_blank"===this.linkTarget?"noreferrer":void 0,target:this.linkTarget},o("slot",null)))}};t.style=":host{display:block}:host *{box-sizing:border-box}.card{display:block;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-default);font:inherit;text-decoration:none}.card--elevated{border-color:transparent;box-shadow:0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16),\n    0 0.25rem 1rem rgba(25, 26, 28, 0.04)}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--s-surface-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--s-surface-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}";export{t as swirl_card}