@getflip/swirl-components 0.120.5 → 0.122.0

package/dist/types/components/swirl-tab/swirl-tab.d.ts

@@ -1,7 +1,9 @@
+export type SwirlTabPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24";
 export declare class SwirlTab {
   active?: boolean;
   icon?: string;
   label: string;
+  padding?: SwirlTabPadding;
   tabId: string;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -52,6 +52,7 @@ import { SwirlSpinnerSize } from "./components/swirl-spinner/swirl-spinner";
 import { SwirlStackAlign, SwirlStackJustify, SwirlStackOrientation, SwirlStackSpacing } from "./components/swirl-stack/swirl-stack";
 import { SwirlStatusIndicatorIntent } from "./components/swirl-status-indicator/swirl-status-indicator";
 import { SwirlSymbolSize } from "./components/swirl-symbol/swirl-symbol.types";
+import { SwirlTabPadding } from "./components/swirl-tab/swirl-tab";
 import { SwirlTabBarTab } from "./components/swirl-tab-bar/swirl-tab-bar";
 import { SwirlTableColumnSort } from "./components/swirl-table-column/swirl-table-column";
 import { SwirlTagIntent } from "./components/swirl-tag/swirl-tag";
@@ -110,6 +111,7 @@ export { SwirlSpinnerSize } from "./components/swirl-spinner/swirl-spinner";
 export { SwirlStackAlign, SwirlStackJustify, SwirlStackOrientation, SwirlStackSpacing } from "./components/swirl-stack/swirl-stack";
 export { SwirlStatusIndicatorIntent } from "./components/swirl-status-indicator/swirl-status-indicator";
 export { SwirlSymbolSize } from "./components/swirl-symbol/swirl-symbol.types";
+export { SwirlTabPadding } from "./components/swirl-tab/swirl-tab";
 export { SwirlTabBarTab } from "./components/swirl-tab-bar/swirl-tab-bar";
 export { SwirlTableColumnSort } from "./components/swirl-table-column/swirl-table-column";
 export { SwirlTagIntent } from "./components/swirl-tag/swirl-tag";
@@ -280,6 +282,7 @@ export namespace Components {
         "centerInline"?: boolean;
         "cover"?: boolean;
         "left"?: string;
+        "maxHeight"?: string;
         "maxWidth"?: string;
         "overflow"?: SwirlBoxOverflow;
         "padding"?: SwirlBoxPadding;
@@ -1640,6 +1643,7 @@ export namespace Components {
         "active"?: boolean;
         "icon"?: string;
         "label": string;
+        "padding"?: SwirlTabPadding;
         "tabId": string;
     }
     interface SwirlTabBar {
@@ -4297,6 +4301,7 @@ declare namespace LocalJSX {
         "centerInline"?: boolean;
         "cover"?: boolean;
         "left"?: string;
+        "maxHeight"?: string;
         "maxWidth"?: string;
         "overflow"?: SwirlBoxOverflow;
         "padding"?: SwirlBoxPadding;
@@ -5568,6 +5573,7 @@ declare namespace LocalJSX {
         "active"?: boolean;
         "icon"?: string;
         "label": string;
+        "padding"?: SwirlTabPadding;
         "tabId": string;
     }
     interface SwirlTabBar {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.120.5",
+  "version": "0.122.0",
   "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": ""
@@ -6759,6 +6763,36 @@
           "name": "label",
           "description": ""
         },
+        {
+          "name": "padding",
+          "description": "",
+          "values": [
+            {
+              "name": "0"
+            },
+            {
+              "name": "12"
+            },
+            {
+              "name": "16"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "20"
+            },
+            {
+              "name": "24"
+            },
+            {
+              "name": "4"
+            },
+            {
+              "name": "8"
+            }
+          ]
+        },
         {
           "name": "tab-id",
           "description": ""

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

@@ -1 +0,0 @@
-import{r as s,h as t,H as i}from"./p-3fca9a05.js";import{c as a}from"./p-b7898321.js";const o=class{constructor(t){s(this,t),this.active=void 0,this.icon=void 0,this.label=void 0,this.tabId=void 0}render(){const s=a("tab",{"tab--active":this.active});return t(i,{"aria-labelledby":`tab-${this.tabId}`,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1},t("div",{class:s},t("slot",null)))}};o.style=":host{display:block;width:100%}:host *{box-sizing:border-box}.tab{display:none;width:100%;padding:var(--s-space-8)}.tab--active{display:block}";export{o as swirl_tab}

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}

package/dist/typings.d.ts

@@ -1 +0,0 @@
-declare module "balance-text";