@justeattakeaway/pie-form-label 0.14.4 → 0.15.0

package/custom-elements.json

@@ -97,8 +97,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "PieElement",
+            "package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"
           },
           "tagName": "pie-form-label",
           "customElement": true

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import type { CSSResult } from 'lit';
 import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import type { LitElement } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
 import type { TemplateResult } from 'lit';
 
@@ -32,6 +32,6 @@ export declare class PieFormLabel extends PieFormLabel_base implements FormLabel
     static styles: CSSResult;
 }
 
-declare const PieFormLabel_base: GenericConstructor<RTLInterface> & typeof LitElement;
+declare const PieFormLabel_base: GenericConstructor<RTLInterface> & typeof PieElement;
 
 export { }

package/dist/index.js

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

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import type { CSSResult } from 'lit';
 import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
-import type { LitElement } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import * as React_2 from 'react';
 import type { RTLInterface } from '@justeattakeaway/pie-webc-core';
 import type { TemplateResult } from 'lit';
@@ -35,7 +35,7 @@ declare class PieFormLabel_2 extends PieFormLabel_base implements FormLabelProps
     static styles: CSSResult;
 }
 
-declare const PieFormLabel_base: GenericConstructor<RTLInterface> & typeof LitElement;
+declare const PieFormLabel_base: GenericConstructor<RTLInterface> & typeof PieElement;
 
 declare type ReactBaseType = React_2.LabelHTMLAttributes<HTMLLabelElement>;
 

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@justeattakeaway/pie-form-label",
   "description": "PIE Design System Form Label built using Web Components",
-  "version": "0.14.4",
+  "version": "0.15.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/justeattakeaway/pie",
+    "directory": "packages/components/pie-form-label"
+  },
+  "homepage": "https://github.com/justeattakeaway/pie/tree/main/packages/components/pie-form-label",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -24,9 +30,6 @@
     "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
     "lint:style:fix": "yarn lint:style --fix",
     "watch": "run -T vite build --watch",
-    "test": "echo \"Error: no test specified\" && exit 0",
-    "test:ci": "yarn test",
-    "test:browsers-setup": "npx playwright-lit-setup",
     "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
     "test:browsers:ci": "yarn test:browsers",
     "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_FORM_LABEL} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
@@ -36,15 +39,16 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.18.0",
-    "@justeattakeaway/pie-css": "0.13.1",
-    "@justeattakeaway/pie-switch": "0.30.6",
-    "@justeattakeaway/pie-text-input": "0.24.5",
-    "@justeattakeaway/pie-wrapper-react": "0.14.2",
+    "@justeattakeaway/pie-components-config": "0.19.0",
+    "@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-wrapper-react": "0.14.3",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.24.2"
+    "@justeattakeaway/pie-webc-core": "0.25.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/index.ts

@@ -1,6 +1,7 @@
 import {
-    LitElement, type TemplateResult, html, nothing, unsafeCSS,
+    type TemplateResult, html, nothing, unsafeCSS,
 } 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 { property } from 'lit/decorators.js';
@@ -15,7 +16,7 @@ const componentSelector = 'pie-form-label';
 /**
  * @tagname pie-form-label
  */
-export class PieFormLabel extends RtlMixin(LitElement) implements FormLabelProps {
+export class PieFormLabel extends RtlMixin(PieElement) implements FormLabelProps {
     @property({ type: String, reflect: true })
     public for: FormLabelProps['for'];