@descope/web-components-ui 1.0.268 → 1.0.270

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1 @@
1
- "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[7317],{7107:(t,e,o)=>{o.r(e),o.d(e,{ContainerClass:()=>p});var n=o(1e3),r=o(2561),s=o(2061);const i=(0,o(4567).iY)("container");class d 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 p=(0,s.qC)((0,n.yk)({mappings:{hostHeight:{selector:()=>":host",property:"height"},hostWidth:{selector:()=>":host",property:"width"},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)(d);customElements.define(i,p)}}]);
1
+ "use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[7317],{7107:(t,o,e)=>{e.r(o),e.d(o,{ContainerClass:()=>d});var n=e(1e3),r=e(2561),s=e(2061);const i=(0,e(4567).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)}}]);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@descope/web-components-ui",
3
- "version": "1.0.268",
3
+ "version": "1.0.270",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.cjs.js",
6
6
  "module": "dist/index.esm.js",
@@ -32,6 +32,7 @@ export const ContainerClass = compose(
32
32
  mappings: {
33
33
  hostHeight: { selector: () => ':host', property: 'height' },
34
34
  hostWidth: { selector: () => ':host', property: 'width' },
35
+ hostDirection: { selector: () => ':host', property: 'direction' },
35
36
 
36
37
  verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
37
38
  horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
@@ -37,6 +37,7 @@ const container = {
37
37
  [compVars.backgroundColor]: globalRefs.colors.surface.light,
38
38
  [compVars.color]: globalRefs.colors.surface.contrast,
39
39
  [compVars.borderRadius]: '0px',
40
+ [compVars.hostDirection]: globalRefs.direction,
40
41
 
41
42
  verticalPadding: {
42
43
  sm: { [compVars.verticalPadding]: '5px' },
@@ -10,6 +10,7 @@ export const grid = {
10
10
  [vars.hostWidth]: '100%',
11
11
  [vars.hostHeight]: '100%',
12
12
  [vars.hostMinHeight]: '400px',
13
+ [vars.fontWeight]: '400',
13
14
  [vars.backgroundColor]: globalRefs.colors.surface.light,
14
15
 
15
16
  [vars.fontSize]: refs.fontSize,