@justeattakeaway/pie-form-label 0.8.2 → 0.8.4

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import type { CSSResult } from 'lit';
+import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
 import type { LitElement } from 'lit';
 import type { TemplateResult } from 'lit';
 
@@ -29,8 +30,8 @@ export declare class PieFormLabel extends PieFormLabel_base implements FormLabel
     static styles: CSSResult;
 }
 
-declare const PieFormLabel_base: (new (...args: any[]) => {
+declare const PieFormLabel_base: GenericConstructor<{
     isRTL: boolean;
-}) & typeof LitElement;
+}> & typeof LitElement;
 
 export { }

package/dist/index.js

@@ -1,42 +1,23 @@
-import { isServer as d, unsafeCSS as m, html as f, nothing as i, LitElement as b } from "lit";
-import { property as c } from "lit/decorators.js";
-const g = (t) => {
-  class e extends t {
-    /**
-     * A getter to determine whether the text direction is right-to-left (RTL).
-     * If the `dir` property is present on the component, it will be used to determine the text direction.
-     * If running on the client-side (not SSR) and the `dir` property is not present, the text direction will be inferred
-     * from the document's root element. This inference is not available during SSR.
-     * In all other cases, it will return `false`, indicating a left-to-right (LTR) text direction.
-     *
-     * @returns {boolean} - Returns `true` if the text direction is RTL, otherwise `false`.
-     */
-    get isRTL() {
-      return this.dir ? this.dir === "rtl" : !d && !this.dir ? document.documentElement.getAttribute("dir") === "rtl" : !1;
-    }
-  }
-  return e;
-};
-function h(t, e) {
-  customElements.get(t) ? console.warn(`PIE Web Component: "${t}" has already been defined. Please ensure the component is only being defined once in your application.`) : customElements.define(t, e);
-}
-const u = `.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)}
+import { LitElement as m, html as f, nothing as a, unsafeCSS as b } from "lit";
+import { RtlMixin as d, defineCustomElement as g } from "@justeattakeaway/pie-webc-core";
+import { property as p } from "lit/decorators.js";
+const h = `.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, L = Object.getOwnPropertyDescriptor, p = (t, e, n, o) => {
-  for (var r = o > 1 ? void 0 : o ? L(e, n) : e, a = t.length - 1, s; a >= 0; a--)
-    (s = t[a]) && (r = (o ? s(e, n, r) : s(r)) || r);
-  return o && r && v(e, n, r), r;
+var v = Object.defineProperty, L = Object.getOwnPropertyDescriptor, c = (n, e, r, o) => {
+  for (var t = o > 1 ? void 0 : o ? L(e, r) : e, i = n.length - 1, s; i >= 0; i--)
+    (s = n[i]) && (t = (o ? s(e, r, t) : s(t)) || t);
+  return o && t && v(e, r, t), t;
 };
-const y = "pie-form-label";
-class l extends g(b) {
+const u = "pie-form-label";
+class l extends d(m) {
   _renderOptionalLabel() {
     const { optional: e } = this;
-    return e ? f`<span class="c-formLabel-optional">${e}</span>` : i;
+    return e ? f`<span class="c-formLabel-optional">${e}</span>` : a;
   }
   render() {
     const {
       trailing: e,
-      isRTL: n
+      isRTL: r
     } = this;
     return f`
             <label
@@ -44,25 +25,25 @@ class l extends g(b) {
                 class="c-formLabel"
                 for=${this.for}>
                     <div>
-                        ${n ? this._renderOptionalLabel() : i}
+                        ${r ? this._renderOptionalLabel() : a}
                         <span class="c-formLabel-leading"><slot></slot></span>
-                        ${n ? i : this._renderOptionalLabel()}
+                        ${r ? a : this._renderOptionalLabel()}
                     </div>
-                    ${e ? f`<span class="c-formLabel-trailing">${e}</span>` : i}
+                    ${e ? f`<span class="c-formLabel-trailing">${e}</span>` : a}
             </label>`;
   }
 }
-l.styles = m(u);
-p([
-  c({ type: String, reflect: !0 })
+l.styles = b(h);
+c([
+  p({ type: String, reflect: !0 })
 ], l.prototype, "for", 2);
-p([
-  c({ type: String })
+c([
+  p({ type: String })
 ], l.prototype, "optional", 2);
-p([
-  c({ type: String })
+c([
+  p({ type: String })
 ], l.prototype, "trailing", 2);
-h(y, l);
+g(u, l);
 export {
   l as PieFormLabel
 };

package/dist/react.d.ts

@@ -1,4 +1,5 @@
 import type { CSSResult } from 'lit';
+import type { GenericConstructor } from '@justeattakeaway/pie-webc-core';
 import type { LitElement } from 'lit';
 import type { ReactWebComponent } from '@lit/react';
 import type { TemplateResult } from 'lit';
@@ -32,8 +33,8 @@ declare class PieFormLabel_2 extends PieFormLabel_base implements FormLabelProps
     static styles: CSSResult;
 }
 
-declare const PieFormLabel_base: (new (...args: any[]) => {
+declare const PieFormLabel_base: GenericConstructor<{
     isRTL: boolean;
-}) & typeof LitElement;
+}> & typeof LitElement;
 
 export { }

package/dist/react.js

@@ -2,6 +2,7 @@ import * as e from "react";
 import { createComponent as m } from "@lit/react";
 import { PieFormLabel as o } from "./index.js";
 import "lit";
+import "@justeattakeaway/pie-webc-core";
 import "lit/decorators.js";
 const l = m({
   displayName: "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.8.2",
+  "version": "0.8.4",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -28,10 +28,10 @@
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@justeattakeaway/pie-components-config": "0.6.0"
+    "@justeattakeaway/pie-components-config": "0.7.0"
   },
   "dependencies": {
-    "@justeattakeaway/pie-webc-core": "0.12.0"
+    "@justeattakeaway/pie-webc-core": "0.14.0"
   },
   "volta": {
     "extends": "../../../package.json"