@progressive-development/pd-forms 0.8.1 → 0.8.3

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.
@@ -1 +1 @@
1
- {"version":3,"file":"pd-button-group.d.ts","sourceRoot":"","sources":["../src/pd-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,2BAA2B,CAAC;AAEnC,qBACa,aAAc,SAAQ,QAAQ;IAEzC,UAAU,EAAE,UAAU,EAAE,CAAM;IAG9B,SAAS,EAAE,MAAM,EAAE,CAAM;IAGzB,OAAO,CAAC,gBAAgB,CAAgB;IAExC,OAAgB,MAAM,EAAE,cAAc,CA0CpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWtD,KAAK,CAAC,aAAa,EAAE,MAAM;IAIzB,MAAM;IAkBf,OAAO,CAAC,OAAO;CAYhB"}
1
+ {"version":3,"file":"pd-button-group.d.ts","sourceRoot":"","sources":["../src/pd-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,2BAA2B,CAAC;AAEnC,qBACa,aAAc,SAAQ,QAAQ;IAEzC,UAAU,EAAE,UAAU,EAAE,CAAM;IAG9B,SAAS,EAAE,MAAM,EAAE,CAAM;IAGzB,OAAO,CAAC,gBAAgB,CAAgB;IAExC,OAAgB,MAAM,EAAE,cAAc,CA2CpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWtD,KAAK,CAAC,aAAa,EAAE,MAAM;IAIzB,MAAM;IAkBf,OAAO,CAAC,OAAO;CAYhB"}
@@ -72,6 +72,7 @@ PdButtonGroup.styles = [
72
72
  display: flex;
73
73
  flex-direction: var(--group-direction);
74
74
  width: var(--group-width);
75
+ --pd-icon-button-width: 100%;
75
76
  }
76
77
 
77
78
  /* geht noch nicht */
@@ -79,7 +79,7 @@ PdIconButtonSelectGroup.styles = [
79
79
 
80
80
  .button-group-style {
81
81
  --pd-button-group-direction: column;
82
- --pd-icon-button-width: 100%;
82
+ --pd-icon-button-justify: flex-start;
83
83
  }
84
84
  `
85
85
  ];
@@ -1 +1 @@
1
- {"version":3,"file":"pd-icon-panel-button.d.ts","sourceRoot":"","sources":["../src/pd-icon-panel-button.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,qBACa,iBAAkB,SAAQ,QAAQ;IAE7C,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAQ;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,OAAO,CAAS;IAG7B,OAAO,EAAE,OAAO,CAAS;IAGzB,QAAQ,EAAE,OAAO,CAAS;IAG1B,OAAO,EAAE,OAAO,CAAS;IAGzB,kBAAkB,EAAE,MAAM,CAAM;IAGhC,SAAS,EAAE,OAAO,CAAS;IAI3B,OAAO,CAAC,cAAc,CAAkB;IAGxC,OAAO,CAAC,UAAU,CAAkB;IAEpC,OAAgB,MAAM,EAAE,cAAc,CAwOpC;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,WAAW,CAEjB;IAGF,MAAM;IA8CN,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,YAAY;CAQrB"}
1
+ {"version":3,"file":"pd-icon-panel-button.d.ts","sourceRoot":"","sources":["../src/pd-icon-panel-button.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,qBACa,iBAAkB,SAAQ,QAAQ;IAE7C,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAQ;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,OAAO,CAAS;IAG7B,OAAO,EAAE,OAAO,CAAS;IAGzB,QAAQ,EAAE,OAAO,CAAS;IAG1B,OAAO,EAAE,OAAO,CAAS;IAGzB,kBAAkB,EAAE,MAAM,CAAM;IAGhC,SAAS,EAAE,OAAO,CAAS;IAI3B,OAAO,CAAC,cAAc,CAAkB;IAGxC,OAAO,CAAC,UAAU,CAAkB;IAEpC,OAAgB,MAAM,EAAE,cAAc,CA6OpC;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,WAAW,CAEjB;IAGF,MAAM;IA8CN,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,YAAY;CAQrB"}
@@ -124,16 +124,16 @@ PdIconPanelButton.styles = [
124
124
 
125
125
  .icon-button-style {
126
126
  --pd-icon-size: var(--pd-icon-button-size, 32px);
127
+ box-sizing: border-box;
127
128
  width: var(--pd-icon-button-width, auto);
128
-
129
129
  z-index: 6;
130
130
 
131
131
  display: inline-flex;
132
132
  align-items: center;
133
- justify-content: center;
133
+ justify-content: var(--pd-icon-button-justify, center);
134
134
  gap: var(--pd-icon-button-gap, 0.5rem);
135
135
 
136
- height: var(--pd-icon-button-height, 3em);
136
+ height: var(--pd-icon-button-height, auto);
137
137
  line-height: var(--pd-icon-button-line-height, 1);
138
138
  padding: var(--pd-icon-button-padding, 0 1rem);
139
139
 
@@ -166,6 +166,26 @@ PdIconPanelButton.styles = [
166
166
  font-size: var(--pd-icon-button-font-size, 1.5rem);
167
167
  font-weight: bold;
168
168
  font-family: var(--pd-default-font-title-family);
169
+ padding: 0.55rem 0;
170
+ }
171
+
172
+ .button-icon {
173
+ padding: 0.3rem 0;
174
+ }
175
+
176
+ .toggle-button {
177
+ padding-left: var(--pd-icon-button-gap, 0.5rem);
178
+ }
179
+
180
+ .loader {
181
+ border: 12px solid var(--pd-secondary-col);
182
+ border-top: 12px solid var(--pd-secondary-light-col);
183
+ border-radius: 50%;
184
+ width: 10px;
185
+ height: 10px;
186
+ animation: spin 2s linear infinite;
187
+
188
+ margin: 0.3rem 0.1rem 0.3rem 0;
169
189
  }
170
190
 
171
191
  :host(:not([disabled]):not([_timerDisabled])) .icon-button-style:hover {
@@ -220,7 +240,7 @@ PdIconPanelButton.styles = [
220
240
 
221
241
  min-width: var(
222
242
  --pd-icon-button-panel-min-width,
223
- 100%
243
+ auto
224
244
  ); /* Panel wird so breit wie der Button */
225
245
  max-width: var(
226
246
  --pd-icon-button-panel-max-width,
@@ -297,17 +317,6 @@ PdIconPanelButton.styles = [
297
317
  transform-origin: bottom right;
298
318
  }
299
319
 
300
- .loader {
301
- border: 12px solid var(--pd-secondary-col);
302
- border-top: 12px solid var(--pd-secondary-light-col);
303
- border-radius: 50%;
304
- width: 12px;
305
- height: 12px;
306
- animation: spin 2s linear infinite;
307
-
308
- margin-right: 0.5rem;
309
- }
310
-
311
320
  :host([selected]:not([disabled]):not([_timerDisabled]))
312
321
  .icon-button-style {
313
322
  background-color: var(
@@ -327,10 +336,6 @@ PdIconPanelButton.styles = [
327
336
  text-shadow: none;
328
337
  }
329
338
 
330
- .toggle-button {
331
- padding-left: var(--pd-icon-button-gap, 0.5rem);
332
- }
333
-
334
339
  @keyframes spin {
335
340
  0% {
336
341
  transform: rotate(0deg);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progressive-development/pd-forms",
3
- "version": "0.8.1",
3
+ "version": "0.8.3",
4
4
  "description": "Webcomponent pd-forms for rendering form input elements.",
5
5
  "author": "PD Progressive Development",
6
6
  "license": "SEE LICENSE IN LICENSE",