@getflip/swirl-components 0.138.0 → 0.139.0

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

@@ -14,9 +14,12 @@ export class SwirlBox {
     this.centerBlock = undefined;
     this.centerInline = undefined;
     this.cover = undefined;
+    this.height = undefined;
     this.left = undefined;
     this.maxHeight = undefined;
+    this.minHeight = undefined;
     this.maxWidth = undefined;
+    this.minWidth = undefined;
     this.overflow = "visible";
     this.padding = "0";
     this.paddingBlockEnd = undefined;
@@ -25,7 +28,9 @@ export class SwirlBox {
     this.paddingInlineStart = undefined;
     this.position = undefined;
     this.right = undefined;
+    this.shrink = undefined;
     this.top = undefined;
+    this.width = undefined;
     this.zIndex = undefined;
   }
   render() {
@@ -33,11 +38,14 @@ export class SwirlBox {
       alignItems: this.centerBlock ? "center" : undefined,
       bottom: this.bottom,
       display: this.centerBlock || this.centerInline ? "flex" : undefined,
-      height: this.cover ? "100%" : undefined,
+      flexShrink: this.shrink,
+      height: this.cover ? "100%" : this.height,
       justifyContent: this.centerInline ? "center" : undefined,
       left: this.left,
       maxHeight: this.maxHeight,
+      minHeight: this.minHeight,
       maxWidth: this.maxWidth,
+      minWidth: this.minWidth,
       overflow: this.overflow,
       padding: `var(--s-space-${this.padding})`,
       paddingBlockEnd: Boolean(this.paddingBlockEnd)
@@ -57,7 +65,7 @@ export class SwirlBox {
         : this.position,
       right: this.right,
       top: this.top,
-      width: this.cover ? "100%" : undefined,
+      width: this.cover ? "100%" : this.width,
       zIndex: this.zIndex,
     };
     const className = classnames("box", {
@@ -237,6 +245,23 @@ export class SwirlBox {
         "attribute": "cover",
         "reflect": false
       },
+      "height": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "height",
+        "reflect": false
+      },
       "left": {
         "type": "string",
         "mutable": false,
@@ -271,6 +296,23 @@ export class SwirlBox {
         "attribute": "max-height",
         "reflect": false
       },
+      "minHeight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "min-height",
+        "reflect": false
+      },
       "maxWidth": {
         "type": "string",
         "mutable": false,
@@ -288,6 +330,23 @@ export class SwirlBox {
         "attribute": "max-width",
         "reflect": false
       },
+      "minWidth": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "min-width",
+        "reflect": false
+      },
       "overflow": {
         "type": "string",
         "mutable": false,
@@ -461,6 +520,23 @@ export class SwirlBox {
         "attribute": "right",
         "reflect": false
       },
+      "shrink": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "shrink",
+        "reflect": false
+      },
       "top": {
         "type": "string",
         "mutable": false,
@@ -478,6 +554,23 @@ export class SwirlBox {
         "attribute": "top",
         "reflect": false
       },
+      "width": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "width",
+        "reflect": false
+      },
       "zIndex": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/swirl-box/swirl-box.stories.js

@@ -24,7 +24,4 @@ const Template = (args) => {
   return element;
 };
 export const SwirlBox = Template.bind({});
-SwirlBox.args = {
-  cover: true,
-  padding: "16",
-};
+SwirlBox.args = {};

package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.js

@@ -4,7 +4,6 @@ export class SwirlImageGridItem {
   constructor() {
     this.onLoad = () => {
       this.loaded = true;
-      console.log(this.loaded);
     };
     this.alt = undefined;
     this.icon = undefined;