@progressive-development/pd-forms 0.5.6 → 0.6.0

package/dist/stories/button.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const Button: Story;
+//# sourceMappingURL=button.stories.d.ts.map

package/dist/stories/button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/button.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AAGzB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAUM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC"}

package/dist/stories/checkbox.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        parameters: {
+            actions: {
+                handles: string[];
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const Checkbox: Story;
+export declare const SwitchTemplate: Story;
+//# sourceMappingURL=checkbox.stories.d.ts.map

package/dist/stories/checkbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../src/stories/checkbox.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,QAAQ,EAAE,KA8CtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA8B5B,CAAC"}

package/dist/stories/form-container.stories.d.ts

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        parameters: {
+            actions: {
+                handles: string[];
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const FormContainer: Story;
+export declare const FormContainerCustomBaseWidth: Story;
+//# sourceMappingURL=form-container.stories.d.ts.map

package/dist/stories/form-container.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-container.stories.d.ts","sourceRoot":"","sources":["../../src/stories/form-container.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,gBAAgB,CAAC;AAGxB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAUtB,eAAO,MAAM,aAAa,EAAE,KAwI3B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAiH1C,CAAC"}

package/dist/stories/form-row.stories.d.ts

@@ -0,0 +1,27 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        parameters: {
+            actions: {
+                handles: string[];
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const FormRow: Story;
+//# sourceMappingURL=form-row.stories.d.ts.map

package/dist/stories/form-row.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-row.stories.d.ts","sourceRoot":"","sources":["../../src/stories/form-row.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAG3B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

package/dist/stories/input-area.stories.d.ts

@@ -0,0 +1,54 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        primaryColor: {
+            control: "color";
+        };
+        secondaryColor: {
+            control: "color";
+        };
+        textColor: {
+            control: "color";
+        };
+        highlightColor: {
+            control: "color";
+        };
+        errorColor: {
+            control: "color";
+        };
+        errorBackgroundColor: {
+            control: "color";
+        };
+        borderRadius: {
+            control: "text";
+        };
+        displayFont: {
+            control: "text";
+        };
+        fontSize: {
+            control: "text";
+        };
+        parameters: {
+            actions: {
+                handles: string[];
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const InputArea: Story;
+//# sourceMappingURL=input-area.stories.d.ts.map

package/dist/stories/input-area.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-area.stories.d.ts","sourceRoot":"","sources":["../../src/stories/input-area.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,qBAAqB,CAAC;AAG7B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,SAAS,EAAE,KA4GvB,CAAC"}

package/dist/stories/input-file.stories.d.ts

@@ -0,0 +1,49 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+        onClick: {
+            action: string;
+        };
+        size: {
+            control: {
+                type: "select";
+            };
+            options: string[];
+        };
+        primaryColor: {
+            control: "color";
+        };
+        secondaryColor: {
+            control: "color";
+        };
+        textColor: {
+            control: "color";
+        };
+        highlightColor: {
+            control: "color";
+        };
+        errorColor: {
+            control: "color";
+        };
+        errorBackgroundColor: {
+            control: "color";
+        };
+        borderRadius: {
+            control: "text";
+        };
+        displayFont: {
+            control: "text";
+        };
+        fontSize: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const InputFile: Story;
+//# sourceMappingURL=input-file.stories.d.ts.map

package/dist/stories/input-file.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-file.stories.d.ts","sourceRoot":"","sources":["../../src/stories/input-file.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,qBAAqB,CAAC;AAG7B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,SAAS,EAAE,KAmFvB,CAAC"}

package/dist/stories/input.stories.d.ts

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        primaryColor: {
+            control: "color";
+        };
+        secondaryColor: {
+            control: "color";
+        };
+        textColor: {
+            control: "color";
+        };
+        highlightColor: {
+            control: "color";
+        };
+        errorColor: {
+            control: "color";
+        };
+        errorBackgroundColor: {
+            control: "color";
+        };
+        borderRadius: {
+            control: "text";
+        };
+        displayFont: {
+            control: "text";
+        };
+        fontSize: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const Input: Story;
+//# sourceMappingURL=input.stories.d.ts.map

package/dist/stories/input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../src/stories/input.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAI3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,mBAAmB,CAAC;AAC3B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,KAAK,EAAE,KA8JnB,CAAC"}

package/dist/stories/pd-icon-button.stories.d.ts

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    render: (args: import('@storybook/web-components').Args) => import('lit-html').TemplateResult<1>;
+    argTypes: {
+        pdButtonIcon: {
+            control: "text";
+        };
+        buttonText: {
+            control: "text";
+        };
+        panelButton: {
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const DefaultButton: Story;
+export declare const DefaulIcontButton: Story;
+export declare const DefaulIcontButtonDisabled: Story;
+export declare const DefaulIcontButtonPrimary: Story;
+export declare const DefaulIcontButtonPrimaryDisabled: Story;
+export declare const DefaulTextIcontButton: Story;
+export declare const PanelButton: Story;
+export declare const PanelButtonWithContent: Story;
+export declare const PanelButtonWithContentRight: Story;
+export declare const PanelButtonWithContentUp: Story;
+export declare const PanelButtonWithContentRightUp: Story;
+//# sourceMappingURL=pd-icon-button.stories.d.ts.map

package/dist/stories/pd-icon-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pd-icon-button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-icon-button.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AAGpC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAoBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAQtC,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAgBpC,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,KAiBzC,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,KAiBtC,CAAC;AAGF,eAAO,MAAM,6BAA6B,EAAE,KAkB3C,CAAC"}

package/dist/stories/radio-group.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj;
+export declare const RadioGroup: Story;
+//# sourceMappingURL=radio-group.stories.d.ts.map

package/dist/stories/radio-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/radio-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,mBAAmB,CAAC;AAC3B,OAAO,sBAAsB,CAAC;AAC9B,OAAO,yBAAyB,CAAC;AAGjC,QAAA,MAAM,IAAI;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,UAAU,EAAE,KA0CxB,CAAC"}

package/dist/stories/range.stories.d.ts

@@ -0,0 +1,9 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj;
+export declare const Range: Story;
+//# sourceMappingURL=range.stories.d.ts.map

package/dist/stories/range.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.stories.d.ts","sourceRoot":"","sources":["../../src/stories/range.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,gBAAgB,CAAC;AACxB,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAG3B,QAAA,MAAM,IAAI;;;CAGM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAUtB,eAAO,MAAM,KAAK,EAAE,KAmFnB,CAAC"}

package/dist/stories/select.stories.d.ts

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/web-components';
+declare const meta: {
+    title: string;
+    argTypes: {
+        primaryColor: {
+            control: "color";
+        };
+        secondaryColor: {
+            control: "color";
+        };
+        textColor: {
+            control: "color";
+        };
+        highlightColor: {
+            control: "color";
+        };
+        errorColor: {
+            control: "color";
+        };
+        errorBackgroundColor: {
+            control: "color";
+        };
+        borderRadius: {
+            control: "text";
+        };
+        displayFont: {
+            control: "text";
+        };
+        fontSize: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj;
+export declare const Select: Story;
+//# sourceMappingURL=select.stories.d.ts.map

package/dist/stories/select.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../src/stories/select.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,iBAAiB,CAAC;AACzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,mBAAmB,CAAC;AAG3B,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,MAAM,EAAE,KAqDpB,CAAC"}

package/dist/styles/shared-input-field-styles.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
+ */
+/**
+ * Shared styles for pd-input, pd-input-area and pd-select.
+ */
+export declare const SharedInputFieldStyles: import('lit').CSSResult;
+//# sourceMappingURL=shared-input-field-styles.d.ts.map

package/dist/styles/shared-input-field-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-input-field-styles.d.ts","sourceRoot":"","sources":["../../src/styles/shared-input-field-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,eAAO,MAAM,sBAAsB,yBA2JlC,CAAC"}

package/dist/{src → styles}/shared-input-field-styles.js

@@ -4,8 +4,7 @@ import { css } from "lit";
  * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
  */
 const SharedInputFieldStyles = css`
-
-  /* Describe input div (with icon) around input/select/area element */  
+  /* Describe input div (with icon) around input/select/area element */
   .input {
     display: inline-block;
     /*position: relative; Prüfen: Wenn das an ist, felder über scroll-menu?
@@ -18,7 +17,6 @@ const SharedInputFieldStyles = css`
     /*padding-top: var(--squi-input-padding, 0.5rem); */
   }
 
-
   :host([text-right]) .input > input {
     text-align: right;
   }
@@ -40,24 +38,30 @@ const SharedInputFieldStyles = css`
     right: 5px;
   }
 
-  :host([icon-right]) .input > input {    
+  :host([icon-right]) .input > input {
     padding-right: calc(var(--pd-input-field-height, 2rem) + 5px);
   }
 
-  /* relative hack => see comment above in .input class, do it only for icon fiels relative for the moment*/  
-  :host([icon-right]) .input {    
-    position: relative;    
+  /* relative hack => see comment above in .input class, do it only for icon fiels relative for the moment*/
+  :host([icon-right]) .input {
+    position: relative;
+  }
+  :host([icon-left]) .input {
+    position: relative;
   }
-  :host([icon-left]) .input {    
-    position: relative;    
-  }  
 
-  pd-icon {    
+  pd-icon {
     display: none;
     position: absolute;
-    --pd-icon-size: var(--pd-input-icon-size, calc(var(--pd-input-field-height, 2rem) * 0.9));
+    --pd-icon-size: var(
+      --pd-input-icon-size,
+      calc(var(--pd-input-field-height, 2rem) * 0.9)
+    );
     --pd-icon-col-active: var(--pd-input-icon-color, #edf7fd);
-    --pd-icon-stroke-col-active: var(--pd-input-icon-stroke-color, var(--pd-default-color));
+    --pd-icon-stroke-col-active: var(
+      --pd-input-icon-stroke-color,
+      var(--pd-default-color)
+    );
     top: 2px;
   }
 
@@ -78,17 +82,22 @@ const SharedInputFieldStyles = css`
     /*font-size: var(--squi-input-font-size, calc(var(--squi-input-height) / 1.8));*/
     font-size: var(--pd-default-font-input-size);
     font-family: var(--pd-default-font-input-family);
-    
+
     border: var(--pd-input-field-border, 1px solid var(--pd-default-light-col));
     box-shadow: inset 0 1px 2px rgba(50, 48, 49, 0.1);
-    border-bottom: var(--pd-input-field-border-bottom, 
-      2px solid var(--pd-default-col));
+    border-bottom: var(
+      --pd-input-field-border-bottom,
+      2px solid var(--pd-default-col)
+    );
     border-radius: var(--pd-border-radius, 0);
   }
 
   /* Hover for input, area, select */
   .input-style:hover {
-    border-color: var(--pd-input-field-border-col-hover, var(--pd-default-hover-col));
+    border-color: var(
+      --pd-input-field-border-col-hover,
+      var(--pd-default-hover-col)
+    );
   }
 
   /* Fokus for input, area => select with own css.? */
@@ -106,10 +115,12 @@ const SharedInputFieldStyles = css`
   /* Disabled for input, area => select with own css.? */
   .input-style[disabled] {
     opacity: 0.5;
-    cursor: auto;    
+    cursor: auto;
     background-color: var(--pd-input-field-bg-col-disabled, #e9e9e9);
-    border-bottom: var(--pd-input-field-border-bottom-disabled, 
-      2px solid var(--pd-default-disabled-col));
+    border-bottom: var(
+      --pd-input-field-border-bottom-disabled,
+      2px solid var(--pd-default-disabled-col)
+    );
   }
 
   .input-style[readonly]:hover,
@@ -119,10 +130,12 @@ const SharedInputFieldStyles = css`
 
   /* Disabled for input, area => select with own css.? */
   .input-style[readonly] {
-    border-bottom: var(--pd-input-field-border-bottom-disabled, 
-      2px solid var(--pd-default-disabled-col));
+    border-bottom: var(
+      --pd-input-field-border-bottom-disabled,
+      2px solid var(--pd-default-disabled-col)
+    );
   }
-  
+
   /* error element style for input, area => select has own css.? */
   .error .input-style {
     border: 1px solid var(--pd-default-error-col);
@@ -144,8 +157,7 @@ const SharedInputFieldStyles = css`
   }
   ::-ms-input-placeholder {
     color: var(--pd-input-placeholder-color, #474747e4);
-  } 
-
+  }
 `;
 export {
   SharedInputFieldStyles

package/dist/styles/shared-input-styles.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
+ */
+/**
+ * Shared styles for all input elements:
+ * Used from pd-input, pd-select, pd-input-area, pd-range, pd-checkbox and pd-radio-group.
+ */
+export declare const SharedInputStyles: import('lit').CSSResult;
+//# sourceMappingURL=shared-input-styles.d.ts.map

package/dist/styles/shared-input-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-input-styles.d.ts","sourceRoot":"","sources":["../../src/styles/shared-input-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,yBAwD7B,CAAC"}

package/dist/{src → styles}/shared-input-styles.js

@@ -4,18 +4,20 @@ import { css } from "lit";
  * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
  */
 const SharedInputStyles = css`
-  
   /**
    * Label used for input, select, input-area, range and radio-group.
    * Not used in button, button-group, checkbox (may have a label...?), form-row, form-container 
-   */   
+   */
   label {
     display: block;
     padding: var(--pd-input-label-padding, 0);
     color: var(--pd-input-lable-col, var(--pd-default-dark-col));
     text-align: var(--pd-input-label-align, left);
     font-size: var(--pd-input-lable-font-size, 0.9em);
-    font-family: var(--pd-input-lable-font-family, var(--pd-default-font-title-family));
+    font-family: var(
+      --pd-input-lable-font-family,
+      var(--pd-default-font-title-family)
+    );
     max-width: var(--pd-input-field-width, 250px);
   }
 
@@ -33,11 +35,11 @@ const SharedInputStyles = css`
   .error-box p {
     margin: 0;
     padding: 0.25rem 0.25rem 0.25rem 0.5rem;
-    font-size: .8rem;          
+    font-size: 0.8rem;
   }
 
   /* gradient noch aufräumen */
-  
+
   .gradient {
     background: linear-gradient(
       to bottom,
@@ -57,7 +59,6 @@ const SharedInputStyles = css`
   .gradient[disabled] {
     background: linear-gradient(to bottom, #ebebeb 0%, #999 100%);
   }
-
 `;
 export {
   SharedInputStyles

package/dist/types.d.ts

@@ -0,0 +1,10 @@
+export interface PdSelectOption {
+    name: string;
+    value: string;
+}
+/**
+ * MDN-konforme Autocomplete-Werte.
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
+ */
+export type PdAutocomplete = "on" | "off" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "email" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "country" | "country-name" | "postal-code" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "url" | "photo" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "one-time-code";
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,KAAK,GACL,MAAM,GACN,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,OAAO,GACP,oBAAoB,GACpB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,GACL,OAAO,GACP,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,eAAe,CAAC"}