@justeattakeaway/pie-form-label 0.15.0 → 0.16.0

package/dist/index.js

@@ -1,30 +1,24 @@
-import { LitElement as m, html as f, nothing as l, unsafeCSS as b } from "lit";
-import { property as s } from "lit/decorators.js";
+import { LitElement as b, nothing as l, html as p, unsafeCSS as m } from "lit";
 import { ifDefined as h } from "lit/directives/if-defined.js";
-import { RtlMixin as u, defineCustomElement as v } from "@justeattakeaway/pie-webc-core";
-var y = Object.defineProperty, L = (n, e, r, g) => {
-  for (var t = void 0, i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (t = a(e, r, t) || t);
-  return t && y(e, r, t), t;
-};
-class d extends m {
-  constructor() {
-    super(...arguments), this.v = "0.15.0";
+import { RtlMixin as v, safeCustomElement as u } from "@justeattakeaway/pie-webc-core";
+import { property as g } from "lit/decorators.js";
+const o = class o extends b {
+  willUpdate() {
+    this.getAttribute("v") || this.setAttribute("v", o.v);
   }
-}
-L([
-  s({ type: String, reflect: !0 })
-], d.prototype, "v");
-const x = "*,*: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)}";
-var _ = Object.defineProperty, c = (n, e, r, g) => {
-  for (var t = void 0, i = n.length - 1, a; i >= 0; i--)
-    (a = n[i]) && (t = a(e, r, t) || t);
-  return t && _(e, r, t), t;
 };
-const $ = "pie-form-label", p = class p extends u(d) {
+o.v = "0.16.0";
+let d = o;
+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)}";
+var y = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, t, s, a) => {
+  for (var r = a > 1 ? void 0 : a ? w(t, s) : t, f = e.length - 1, c; f >= 0; f--)
+    (c = e[f]) && (r = (a ? c(t, s, r) : c(r)) || r);
+  return a && r && y(t, s, r), r;
+};
+let i = class extends v(d) {
   _renderOptionalLabel() {
     const { optional: e } = this;
-    return e ? f`<span class="c-formLabel-optional">${e}</span>` : l;
+    return e ? p`<span class="c-formLabel-optional">${e}</span>` : l;
   }
   handleClick() {
     if (this.for) {
@@ -36,35 +30,36 @@ const $ = "pie-form-label", p = class p extends u(d) {
   render() {
     const {
       trailing: e,
-      isRTL: r
+      isRTL: t
     } = this;
-    return f`
+    return p`
             <label
                 @click=${this.handleClick}
                 data-test-id="pie-form-label"
                 class="c-formLabel"
                 for=${h(this.for)}>
                     <div>
-                        ${r ? this._renderOptionalLabel() : l}
+                        ${t ? this._renderOptionalLabel() : l}
                         <span class="c-formLabel-leading" data-test-id="pie-form-label-leading"><slot></slot></span>
-                        ${r ? l : this._renderOptionalLabel()}
+                        ${t ? l : this._renderOptionalLabel()}
                     </div>
-                    ${e ? f`<span class="c-formLabel-trailing" data-test-id="pie-form-label-trailing">${e}</span>` : l}
+                    ${e ? p`<span class="c-formLabel-trailing" data-test-id="pie-form-label-trailing">${e}</span>` : l}
             </label>`;
   }
 };
-p.styles = b(x);
-let o = p;
-c([
-  s({ type: String, reflect: !0 })
-], o.prototype, "for");
-c([
-  s({ type: String })
-], o.prototype, "optional");
-c([
-  s({ type: String })
-], o.prototype, "trailing");
-v($, o);
+i.styles = m(L);
+n([
+  g({ type: String, reflect: !0 })
+], i.prototype, "for", 2);
+n([
+  g({ type: String })
+], i.prototype, "optional", 2);
+n([
+  g({ type: String })
+], i.prototype, "trailing", 2);
+i = n([
+  u("pie-form-label")
+], i);
 export {
-  o as PieFormLabel
+  i as PieFormLabel
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-form-label",
   "description": "PIE Design System Form Label built using Web Components",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -39,16 +39,16 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.19.0",
+    "@justeattakeaway/pie-components-config": "0.20.1",
     "@justeattakeaway/pie-css": "0.16.0",
-    "@justeattakeaway/pie-monorepo-utils": "0.5.0",
-    "@justeattakeaway/pie-switch": "1.3.0",
-    "@justeattakeaway/pie-text-input": "0.27.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.5.1",
+    "@justeattakeaway/pie-switch": "1.4.0",
+    "@justeattakeaway/pie-text-input": "0.28.0",
     "@justeattakeaway/pie-wrapper-react": "0.14.3",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.25.0"
+    "@justeattakeaway/pie-webc-core": "0.26.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/index.ts

@@ -3,7 +3,7 @@ import {
 } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { RtlMixin, defineCustomElement, type PIEInputElement } from '@justeattakeaway/pie-webc-core';
+import { RtlMixin, safeCustomElement, type PIEInputElement } from '@justeattakeaway/pie-webc-core';
 import { property } from 'lit/decorators.js';
 import styles from './form-label.scss?inline';
 import { type FormLabelProps } from './defs';
@@ -16,6 +16,7 @@ const componentSelector = 'pie-form-label';
 /**
  * @tagname pie-form-label
  */
+@safeCustomElement('pie-form-label')
 export class PieFormLabel extends RtlMixin(PieElement) implements FormLabelProps {
     @property({ type: String, reflect: true })
     public for: FormLabelProps['for'];
@@ -72,8 +73,6 @@ export class PieFormLabel extends RtlMixin(PieElement) implements FormLabelProps
     static styles = unsafeCSS(styles);
 }
 
-defineCustomElement(componentSelector, PieFormLabel);
-
 declare global {
     interface HTMLElementTagNameMap {
         [componentSelector]: PieFormLabel;

package/declaration.d.ts

@@ -1,9 +0,0 @@
-declare module '*.scss' {
-    const content: Record<string, string>;
-    export default content;
-}
-
-declare module '*.scss?inline' {
-    const content: Record<string, string>;
-    export default content;
-}