@descope/web-components-ui 1.0.345 → 1.0.346

package/dist/umd/descope-container-index-js.js

@@ -1 +1 @@
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7317],{17107:(t,o,e)=>{e.r(o),e.d(o,{ContainerClass:()=>d});var n=e(94978),r=e(33346),s=e(2061);const i=(0,e(54567).iY)("container");class p extends((0,r.s)({componentName:i,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t</style>\n\t\t<slot></slot>\n\t"}}const d=(0,s.qC)((0,n.yk)({mappings:{hostHeight:{selector:()=>":host",property:"height"},hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:{},flexWrap:{},backgroundColor:{},color:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{}}}),n.e4,n.Ae)(p);customElements.define(i,d)}}]);
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7317],{17107:(t,o,e)=>{e.r(o),e.d(o,{ContainerClass:()=>l});var r=e(94978),n=e(33346),s=e(2061);const i=(0,e(54567).iY)("container");class p extends((0,n.s)({componentName:i,baseSelector:"slot"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t\t:host > slot {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\toverflow: auto;\n\t\t\t}\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t</style>\n\t\t<slot></slot>\n\t"}}const l=(0,s.qC)((0,r.yk)({mappings:{hostHeight:{selector:()=>":host",property:"height"},hostWidth:{selector:()=>":host",property:"width"},hostDirection:{selector:()=>":host",property:"direction"},itemsGrow:{selector:()=>"::slotted(*)",property:"flex-grow",fallback:"0"},verticalPadding:[{property:"padding-top"},{property:"padding-bottom"}],horizontalPadding:[{property:"padding-left"},{property:"padding-right"}],flexDirection:{},justifyContent:{},alignItems:{},gap:{},flexWrap:{},backgroundColor:{},color:{},borderRadius:{},borderColor:{},borderStyle:{},borderWidth:{},boxShadow:{}}}),r.e4,r.Ae)(p);customElements.define(i,l)}}]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "1.0.345",
+  "version": "1.0.346",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/descope-container/ContainerClass.js

@@ -33,7 +33,7 @@ export const ContainerClass = compose(
       hostHeight: { selector: () => ':host', property: 'height' },
       hostWidth: { selector: () => ':host', property: 'width' },
       hostDirection: { selector: () => ':host', property: 'direction' },
-
+      itemsGrow: { selector: () => '::slotted(*)', property: 'flex-grow', fallback: '0' },
       verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
       horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
 

package/src/theme/components/container.js

@@ -32,6 +32,7 @@ const { shadowColor } = helperRefs;
 const container = {
   ...helperTheme,
 
+  [compVars.itemsGrow]: '0',
   [compVars.hostWidth]: '100%',
   [compVars.boxShadow]: 'none',
   [compVars.backgroundColor]: globalRefs.colors.surface.main,