@justeattakeaway/pie-form-label 0.16.2 → 0.16.4

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.
Files changed (3) hide show
  1. package/dist/index.js +4 -4
  2. package/package.json +4 -4
  3. package/src/form-label.scss +5 -1
package/dist/index.js CHANGED
@@ -7,12 +7,12 @@ const o = class o extends b {
7
7
  this.getAttribute("v") || this.setAttribute("v", o.v);
8
8
  }
9
9
  };
10
- o.v = "0.16.2";
10
+ o.v = "0.16.4";
11
11
  let d = o;
12
- const L = "*,*:after,*:before{box-sizing:inherit}.c-formLabel{--form-label-font-size: calc(var(--dt-font-size-14) * 1px);--form-label-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--form-label-font-weight: var(--dt-font-weight-bold);--form-label-color: var(--dt-color-content-default);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--dt-spacing-d);color:var(--form-label-color);font-size:var(--form-label-font-size);line-height:var(--form-label-line-height);font-weight:var(--form-label-font-weight);margin-block-end:var(--dt-spacing-a)}.c-formLabel-optional,.c-formLabel-trailing{color:var(--dt-color-content-subdued);font-weight:var(--dt-font-weight-regular)}.c-formLabel-leading{margin-inline-end:var(--dt-spacing-b)}.c-formLabel-trailing{flex-shrink:0;white-space:var(--dt-spacing-d)}";
12
+ const L = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-formLabel{--form-label-font-size: calc(var(--dt-font-size-14) * 1px);--form-label-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--form-label-font-weight: var(--dt-font-weight-bold);--form-label-color: var(--dt-color-content-default);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--dt-spacing-d);color:var(--form-label-color);font-size:var(--form-label-font-size);line-height:var(--form-label-line-height);font-weight:var(--form-label-font-weight);padding-block-end:var(--dt-spacing-a)}.c-formLabel-optional,.c-formLabel-trailing{color:var(--dt-color-content-subdued);font-weight:var(--dt-font-weight-regular)}.c-formLabel-leading{margin-inline-end:var(--dt-spacing-b)}.c-formLabel-trailing{flex-shrink:0;white-space:var(--dt-spacing-d)}";
13
13
  var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, t, s, a) => {
14
- for (var r = a > 1 ? void 0 : a ? w(t, s) : t, f = e.length - 1, c; f >= 0; f--)
15
- (c = e[f]) && (r = (a ? c(t, s, r) : c(r)) || r);
14
+ for (var r = a > 1 ? void 0 : a ? w(t, s) : t, c = e.length - 1, f; c >= 0; c--)
15
+ (f = e[c]) && (r = (a ? f(t, s, r) : f(r)) || r);
16
16
  return a && r && y(t, s, r), r;
17
17
  };
18
18
  let i = class extends v(d) {
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-form-label",
3
3
  "description": "PIE Design System Form Label built using Web Components",
4
- "version": "0.16.2",
4
+ "version": "0.16.4",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
8
8
  "directory": "packages/components/pie-form-label"
9
9
  },
10
- "homepage": "https://github.com/justeattakeaway/pie/tree/main/packages/components/pie-form-label",
10
+ "homepage": "https://webc.pie.design/?path=/docs/components-form-label--overview",
11
11
  "type": "module",
12
12
  "main": "dist/index.js",
13
13
  "module": "dist/index.js",
@@ -42,8 +42,8 @@
42
42
  "@justeattakeaway/pie-components-config": "0.20.1",
43
43
  "@justeattakeaway/pie-css": "0.16.0",
44
44
  "@justeattakeaway/pie-monorepo-utils": "0.5.1",
45
- "@justeattakeaway/pie-switch": "1.4.3",
46
- "@justeattakeaway/pie-text-input": "0.28.4",
45
+ "@justeattakeaway/pie-switch": "2.0.3",
46
+ "@justeattakeaway/pie-text-input": "0.28.7",
47
47
  "@justeattakeaway/pie-wrapper-react": "0.14.3",
48
48
  "cem-plugin-module-file-extensions": "0.0.5"
49
49
  },
package/src/form-label.scss CHANGED
@@ -1,5 +1,9 @@
1
1
  @use '@justeattakeaway/pie-css/scss' as p;
2
2
 
3
+ :host {
4
+ display: block;
5
+ }
6
+
3
7
  .c-formLabel {
4
8
  --form-label-font-size: #{p.font-size(--dt-font-size-14)};
5
9
  --form-label-line-height: calc(var(--dt-font-size-14-line-height) * 1px);
@@ -14,7 +18,7 @@
14
18
  font-size: var(--form-label-font-size);
15
19
  line-height: var(--form-label-line-height);
16
20
  font-weight: var(--form-label-font-weight);
17
- margin-block-end: var(--dt-spacing-a);
21
+ padding-block-end: var(--dt-spacing-a);
18
22
  }
19
23
 
20
24
  .c-formLabel-optional,