@progressive-development/pd-forms 0.0.23 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Webcomponent pd-forms following open-wc recommendations",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "author": "PD Progressive Development",
6
- "version": "0.0.23",
6
+ "version": "0.0.25",
7
7
  "main": "index.js",
8
8
  "module": "index.js",
9
9
  "scripts": {
package/src/PdFormRow.js CHANGED
@@ -47,7 +47,7 @@ export class PdFormRow extends LitElement {
47
47
  }
48
48
  /* Area is longer? Scrollbar? */
49
49
  ::slotted(.quarter3-area) {
50
- --squi-input-width: calc((var(--my-row-width) - 22px) * 0.75 - (var(--my-gap) * 0.25));
50
+ --squi-input-width-area: calc((var(--my-row-width) - 22px) * 0.75 - (var(--my-gap) * 0.25));
51
51
  }
52
52
 
53
53
  ::slotted(.quarter4) {
@@ -55,7 +55,7 @@ export class PdFormRow extends LitElement {
55
55
  }
56
56
  /* Area is longer? Scrollbar? */
57
57
  ::slotted(.quarter4-area) {
58
- --squi-input-width: calc(var(--my-row-width) - 22px);
58
+ --squi-input-width-area: calc(var(--my-row-width) - 22px);
59
59
  }
60
60
 
61
61
  @media (max-width: 930px) {
@@ -78,7 +78,7 @@ export class PdInputArea extends PdBaseUIInput {
78
78
  css`
79
79
  /* 10 py scroll border rigth? => overwrite*/
80
80
  .input-style {
81
- width: var(--squi-input-width, 240px);
81
+ width: var(--squi-input-width-area, 240px);
82
82
  }
83
83
 
84
84
  `];
package/src/PdSelect.js CHANGED
@@ -200,7 +200,7 @@ export class PdSelect extends PdBaseUIInput {
200
200
 
201
201
  render() {
202
202
  return html`
203
- <label for="${this.id}Select">${this.label}${this.required ? this._defaultRequiredChar : ''}</label>
203
+ <label for="${this.id}Select">${this.label}${this.required ? this.defaultRequiredChar : ''}</label>
204
204
  <div class="input ${classMap({ error: this.errorMsg.length > 0 })}">
205
205
  <pd-icon
206
206
  icon="toggleCollapse"