@descope/web-components-ui 1.0.85 → 1.0.86

package/dist/umd/387.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[387],{3387:(e,r,t)=>{t.d(r,{Z:()=>w,f:()=>n});var o=t(4988),p=t(2061);const n=(0,t(4567).iY)("password-field");let a="";const{host:i,inputWrapper:l,inputElement:d,inputElementPlaceholder:s,revealButton:c,label:u,requiredIndicator:h}={host:()=>":host",inputWrapper:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:"> input:placeholder-shown"},revealButton:{selector:"vaadin-password-field-button"},label:{selector:"> label"},requiredIndicator:{selector:"::part(required-indicator)::after"}},f=(0,p.qC)((0,o.yk)({mappings:{wrapperBorderStyle:{...l,property:"border-style"},wrapperBorderWidth:{...l,property:"border-width"},wrapperBorderColor:{...l,property:"border-color"},wrapperBorderRadius:{...l,property:"border-radius"},labelTextColor:[{...u,property:"color"},{...h,property:"color"}],inputTextColor:[{...d,property:"color"}],placeholderTextColor:{...s,property:"color"},fontSize:[{},i],height:l,padding:l,pointerCursor:[{...c,property:"cursor"},{...u,property:"cursor"},{...h,property:"cursor"}]}}),o.e4,o.dj,o.Ae)((0,o.DM)({slots:["suffix"],wrappedEleName:"vaadin-password-field",style:()=>a,excludeAttrsSync:["tabindex"],componentName:n}));a="\n\t:host {\n\t\tdisplay: inline-block;\n\t}\n\tvaadin-password-field {\n\t\twidth: 100%;\n\t}\n\tvaadin-password-field > input {\n\t\tmin-height: 0;\n\t}\n\tvaadin-password-field::part(input-field) {\n\t\tbackground: transparent;\n\t}\n\tvaadin-password-field::part(input-field)::after {\n\t\topacity: 0;\n\t}\t\n\tvaadin-password-field::before {\n\t\theight: initial;\n\t}\n";const w=f}}]);
+"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[387],{3387:(e,r,t)=>{t.d(r,{Z:()=>w,f:()=>n});var o=t(4988),p=t(2061);const n=(0,t(4567).iY)("password-field");let a="";const{host:i,inputWrapper:l,inputElement:d,inputElementPlaceholder:s,revealButton:c,label:u,requiredIndicator:h}={host:()=>":host",inputWrapper:{selector:"::part(input-field)"},inputElement:{selector:"> input"},inputElementPlaceholder:{selector:"> input:placeholder-shown"},revealButton:{selector:"vaadin-password-field-button"},label:{selector:"> label"},requiredIndicator:{selector:"::part(required-indicator)::after"}},f=(0,p.qC)((0,o.yk)({mappings:{wrapperBorderStyle:{...l,property:"border-style"},wrapperBorderWidth:{...l,property:"border-width"},wrapperBorderColor:{...l,property:"border-color"},wrapperBorderRadius:{...l,property:"border-radius"},labelTextColor:[{...u,property:"color"},{...h,property:"color"}],inputTextColor:[{...d,property:"color"}],placeholderTextColor:{...s,property:"color"},fontSize:[{},i],height:l,padding:l,pointerCursor:[{...c,property:"cursor"},{...u,property:"cursor"},{...h,property:"cursor"}]}}),o.e4,o.dj,o.Ae)((0,o.DM)({slots:["suffix"],wrappedEleName:"vaadin-password-field",style:()=>a,excludeAttrsSync:["tabindex"],componentName:n}));a="\n\t:host {\n\t\tdisplay: inline-block;\n\t}\n\tvaadin-password-field {\n\t\twidth: 100%;\n\t\tpadding: 0;\n\t}\n\tvaadin-password-field > input {\n\t\tmin-height: 0;\n\t}\n\tvaadin-password-field::part(input-field) {\n\t\tbackground: transparent;\n\t}\n\tvaadin-password-field::part(input-field)::after {\n\t\topacity: 0;\n\t}\t\n\tvaadin-password-field::before {\n\t\theight: initial;\n\t}\n";const w=f}}]);

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

@@ -1 +1 @@
-"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[178],{6446:(t,e,o)=>{o.r(e),o.d(e,{Divider:()=>f});var n=o(4988),i=o(693),s=o(2061),r=o(4567);const d=(0,r.iY)("divider");class h extends((0,i.s)({componentName:d,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t:host > div::before,\n\t\t\t:host > div::after {\n\t\t\t\tcontent: '';\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\n\t\t\tdescope-text {\n\t\t\t\tflex-grow: 0;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t:host(:empty) descope-text {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t:host([vertical=\"true\"]) div {\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\n\t\t</style>\n\t\t<div>\n\t\t\t<descope-text>\n\t\t\t\t<slot></slot>\n\t\t\t</descope-text>\n\t\t</div>\n\t",this.textComponent=this.shadowRoot.querySelector("descope-text"),(0,r.oP)(this,this.textComponent,{includeAttrs:["mode","variant","italic"]})}}const{root:p,before:c,after:a,text:l,host:x}={root:{selector:""},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"},host:{selector:()=>":host"}},f=(0,s.qC)((0,n.yk)({mappings:{maxTextWidth:{...l,property:"max-width"},minHeight:p,alignItems:p,alignSelf:p,flexDirection:p,textPadding:{...l,property:"padding"},width:x,padding:x,backgroundColor:[c,a],opacity:[c,a],textWidth:{...l,property:"width"},dividerHeight:[{...c,property:"height"},{...a,property:"height"}],dividerWidth:[{...c,property:"width"},{...a,property:"width"}]}}),n.e4,n.Ae)(h);o(1876),customElements.define(d,f)}}]);
+"use strict";(self.webpackChunkDescopeUI=self.webpackChunkDescopeUI||[]).push([[178],{6446:(t,e,n)=>{n.r(e),n.d(e,{Divider:()=>f});var o=n(4988),i=n(693),s=n(2061),r=n(4567);const d=(0,r.iY)("divider");class h extends((0,i.s)({componentName:d,baseSelector:":host > div"})){constructor(){super(),this.attachShadow({mode:"open"}).innerHTML="\n\t\t<style>\n\t\t\t:host {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t\t:host > div {\n\t\t\t\tdisplay: flex;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t:host > div::before,\n\t\t\t:host > div::after {\n\t\t\t\tcontent: '';\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\n\t\t\tdescope-text {\n\t\t\t\tflex-grow: 0;\n\t\t\t\tflex-shrink: 0;\n\t\t\t}\n\n\t\t\t:host(:empty) descope-text {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t:host([vertical=\"true\"]) div {\n\t\t\t\twidth: fit-content;\n\t\t\t}\n\n\t\t</style>\n\t\t<div>\n\t\t\t<descope-text>\n\t\t\t\t<slot></slot>\n\t\t\t</descope-text>\n\t\t</div>\n\t",this.textComponent=this.shadowRoot.querySelector("descope-text"),(0,r.oP)(this,this.textComponent,{includeAttrs:["mode","variant","italic"]})}}const{root:p,before:c,after:l,text:a,host:x}={root:{selector:""},before:{selector:"::before"},after:{selector:"::after"},text:{selector:"descope-text"},host:{selector:()=>":host"}},f=(0,s.qC)((0,o.yk)({mappings:{maxTextWidth:{...a,property:"max-width"},minHeight:p,alignItems:p,alignSelf:p,flexDirection:p,textPadding:{...a,property:"padding"},width:x,padding:x,backgroundColor:[c,l],opacity:[c,l],textWidth:{...a,property:"width"},dividerHeight:[{...c,property:"height"},{...l,property:"height"}],dividerWidth:[{...c,property:"width"},{...l,property:"width"}]}}),o.e4,o.Ae)(h);n(1876),customElements.define(d,f)}}]);

package/package.json

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

package/src/components/descope-divider/Divider.js

@@ -14,6 +14,9 @@ class RawDivider extends createBaseClass({ componentName, baseSelector: ':host >
 
 		this.attachShadow({ mode: 'open' }).innerHTML = `
 		<style>
+			:host {
+				display: inline-block;
+			}
 			:host > div {
 				display: flex;
 				height: 100%;

package/src/components/descope-password-field/PasswordField.js

@@ -64,6 +64,7 @@ overrides = `
 	}
 	vaadin-password-field {
 		width: 100%;
+		padding: 0;
 	}
 	vaadin-password-field > input {
 		min-height: 0;

package/src/theme/components/textArea.js

@@ -6,7 +6,6 @@ const globalRefs = getThemeRefs(globals);
 const vars = TextArea.cssVarList;
 
 const textArea = {
-	[vars.width]: '100%',
 	[vars.color]: globalRefs.colors.primary.main,
 	[vars.backgroundColor]: globalRefs.colors.surface.light,
 	[vars.resize]: 'vertical',
@@ -17,6 +16,7 @@ const textArea = {
 	[vars.borderColor]: 'transparent',
 	[vars.outlineWidth]: '2px',
 	[vars.outlineStyle]: 'solid',
+	[vars.outlineColor]: 'transparent',
 
 
 	_bordered: {