@getflip/swirl-components 0.121.0 → 0.122.1

package/dist/types/components.d.ts

@@ -282,6 +282,7 @@ export namespace Components {
         "centerInline"?: boolean;
         "cover"?: boolean;
         "left"?: string;
+        "maxHeight"?: string;
         "maxWidth"?: string;
         "overflow"?: SwirlBoxOverflow;
         "padding"?: SwirlBoxPadding;
@@ -4300,6 +4301,7 @@ declare namespace LocalJSX {
         "centerInline"?: boolean;
         "cover"?: boolean;
         "left"?: string;
+        "maxHeight"?: string;
         "maxWidth"?: string;
         "overflow"?: SwirlBoxOverflow;
         "padding"?: SwirlBoxPadding;

package/package.json

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

package/vscode-data.json

@@ -673,6 +673,10 @@
           "name": "left",
           "description": ""
         },
+        {
+          "name": "max-height",
+          "description": ""
+        },
         {
           "name": "max-width",
           "description": ""

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

@@ -1 +0,0 @@
-import{r as t,h as s,H as i}from"./p-3fca9a05.js";import{c as e}from"./p-b7898321.js";const a=class{constructor(s){t(this,s),this.align="start",this.as="div",this.height=void 0,this.justify="start",this.orientation="vertical",this.spacing="0",this.wrap=!1}render(){const t=this.as,a=e("stack",`stack--align-${this.align}`,`stack--justify-${this.justify}`,`stack--orientation-${this.orientation}`,{"stack--wrap":this.wrap});return s(i,{style:{height:this.height}},s(t,{class:a,style:{gap:`var(--s-space-${this.spacing})`,height:this.height}},s("slot",null)))}};a.style=":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{display:flex;width:100%;max-width:100%}.stack ::slotted(*){min-width:0;max-width:100%;flex-basis:auto;flex-grow:0;flex-shrink:1}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-space-between{justify-content:space-between}.stack--justify-space-around{justify-content:space-around}.stack--justify-space-evenly{justify-content:space-evenly}.stack--justify-stretch{justify-content:stretch}.stack--justify-stretch ::slotted(*){flex-grow:1}.stack--orientation-vertical{flex-direction:column}.stack--orientation-horizontal{flex-direction:row}.stack--wrap{flex-wrap:wrap}";export{a as swirl_stack}

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

@@ -1 +0,0 @@
-import{r as i,h as o,H as t}from"./p-3fca9a05.js";import{c as s}from"./p-b7898321.js";const d=class{constructor(o){i(this,o),this.bordered=void 0,this.borderedBlockEnd=void 0,this.borderedBlockStart=void 0,this.borderedInlineEnd=void 0,this.borderedInlineStart=void 0,this.bottom=void 0,this.centerBlock=void 0,this.centerInline=void 0,this.cover=void 0,this.left=void 0,this.maxWidth=void 0,this.overflow="visible",this.padding="0",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.position=void 0,this.right=void 0,this.top=void 0,this.zIndex=void 0}render(){const i={alignItems:this.centerBlock?"center":void 0,bottom:this.bottom,display:this.centerBlock||this.centerInline?"flex":void 0,height:this.cover?"100%":void 0,justifyContent:this.centerInline?"center":void 0,left:this.left,overflow:this.overflow,padding:`var(--s-space-${this.padding})`,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,position:Boolean(this.overflow)?this.position||"relative":this.position,maxWidth:this.maxWidth,right:this.right,top:this.top,width:this.cover?"100%":void 0,zIndex:this.zIndex},d=s("box",{"box--bordered":this.bordered,"box--bordered-block-end":this.borderedBlockEnd,"box--bordered-block-start":this.borderedBlockStart,"box--bordered-inline-end":this.borderedInlineEnd,"box--bordered-inline-start":this.borderedInlineStart,"box--cover":this.cover});return o(t,{class:d,style:i},o("slot",null))}};d.style=":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--bordered-block-end){border-block-end:var(--s-border-width-default) solid\n      var(--s-border-default)}:host(.box--bordered-block-start){border-block-start:var(--s-border-width-default) solid\n      var(--s-border-default)}:host(.box--bordered-inline-end){border-inline-end:var(--s-border-width-default) solid\n      var(--s-border-default)}:host(.box--bordered-inline-start){border-inline-start:var(--s-border-width-default) solid\n      var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}";export{d as swirl_box}