@progressive-development/pd-forms 0.1.34 → 0.1.35

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent pd-forms following open-wc recommendations",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

package/src/PdBaseUiInput.js

@@ -86,7 +86,10 @@ import { SharedInputStyles } from './shared-input-styles.js';
             }
 
             .label-header pd-icon {
-              --pd-icon-size: 1rem;
+              --pd-icon-size: 1.25rem;
+              --pd-icon-col-active: var(--pd-default-col);
+              --pd-icon-col-active-hover: var(--pd-default-hover-col);
+              --pd-icon-stroke-width: 0;
               padding-right: 5px;
               cursor: help;
             }
@@ -227,7 +230,7 @@ import { SharedInputStyles } from './shared-input-styles.js';
         return html`
           <div class="label-header">
             <label for="${forParam}">${this.label}${this.required && this.label ? this.defaultRequiredChar : ''}${additionalValue ? html` - <b>${additionalValue}</b>` : ''}</label>
-            ${this.helperTxt ? html`<pd-icon title="${this.helperTxt}" icon="userIcon" class="" activeIcon></pd-icon>` : ""}
+            ${this.helperTxt ? html`<pd-icon title="${this.helperTxt}" icon="helpIcon" activeIcon></pd-icon>` : ""}
           </div>
         `;
     }

package/stories/range.stories.js

@@ -42,6 +42,17 @@ function Template() {
               .optionValueMapper="${OPTIONS_GENRE}">
         </pd-range>
       </pd-form-row>
+      <pd-form-row>
+        <pd-range id="range5060Id"
+              class="quarter4"
+              label="50er/60er" 
+              helperTxt="Hier steht ein Hilfstext"
+              required
+              max="4"
+              value="0"
+              .optionValueMapper="${OPTIONS_GENRE}">
+        </pd-range>
+      </pd-form-row>
     </pd-form-container>
 
     <h2>Test Validation</h2>