@justeattakeaway/pie-form-label 0.14.3 → 0.14.5

package/custom-elements.json

@@ -27,7 +27,7 @@
               "kind": "field",
               "name": "for",
               "type": {
-                "text": "string | undefined"
+                "text": "FormLabelProps['for']"
               },
               "privacy": "public",
               "attribute": "for",
@@ -37,7 +37,7 @@
               "kind": "field",
               "name": "optional",
               "type": {
-                "text": "string | undefined"
+                "text": "FormLabelProps['optional']"
               },
               "privacy": "public",
               "attribute": "optional"
@@ -46,7 +46,7 @@
               "kind": "field",
               "name": "trailing",
               "type": {
-                "text": "string | undefined"
+                "text": "FormLabelProps['trailing']"
               },
               "privacy": "public",
               "attribute": "trailing"
@@ -71,21 +71,21 @@
             {
               "name": "for",
               "type": {
-                "text": "string | undefined"
+                "text": "FormLabelProps['for']"
               },
               "fieldName": "for"
             },
             {
               "name": "optional",
               "type": {
-                "text": "string | undefined"
+                "text": "FormLabelProps['optional']"
               },
               "fieldName": "optional"
             },
             {
               "name": "trailing",
               "type": {
-                "text": "string | undefined"
+                "text": "FormLabelProps['trailing']"
               },
               "fieldName": "trailing"
             }

package/dist/index.d.ts

@@ -23,9 +23,9 @@ export declare interface FormLabelProps {
  * @tagname pie-form-label
  */
 export declare class PieFormLabel extends PieFormLabel_base implements FormLabelProps {
-    for?: string;
-    optional?: string;
-    trailing?: string;
+    for: FormLabelProps['for'];
+    optional: FormLabelProps['optional'];
+    trailing: FormLabelProps['trailing'];
     private _renderOptionalLabel;
     private handleClick;
     render(): TemplateResult<1>;

package/dist/index.js

@@ -1,17 +1,17 @@
-import { LitElement as d, html as l, nothing as i, unsafeCSS as g } from "lit";
+import { LitElement as d, html as l, nothing as o, 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);
+var v = Object.defineProperty, s = (c, e, t, L) => {
+  for (var r = void 0, a = c.length - 1, p; a >= 0; a--)
+    (p = c[a]) && (r = p(e, t, r) || r);
   return r && v(e, t, r), r;
 };
-const y = "pie-form-label", c = class c extends b(d) {
+const y = "pie-form-label", f = class f extends b(d) {
   _renderOptionalLabel() {
     const { optional: e } = this;
-    return e ? l`<span class="c-formLabel-optional">${e}</span>` : i;
+    return e ? l`<span class="c-formLabel-optional">${e}</span>` : o;
   }
   handleClick() {
     if (this.for) {
@@ -32,26 +32,26 @@ const y = "pie-form-label", c = class c extends b(d) {
                 class="c-formLabel"
                 for=${m(this.for)}>
                     <div>
-                        ${t ? this._renderOptionalLabel() : i}
+                        ${t ? this._renderOptionalLabel() : o}
                         <span class="c-formLabel-leading" data-test-id="pie-form-label-leading"><slot></slot></span>
-                        ${t ? i : this._renderOptionalLabel()}
+                        ${t ? o : this._renderOptionalLabel()}
                     </div>
-                    ${e ? l`<span class="c-formLabel-trailing" data-test-id="pie-form-label-trailing">${e}</span>` : i}
+                    ${e ? l`<span class="c-formLabel-trailing" data-test-id="pie-form-label-trailing">${e}</span>` : o}
             </label>`;
   }
 };
-c.styles = g(u);
-let o = c;
+f.styles = g(u);
+let i = f;
 s([
   n({ type: String, reflect: !0 })
-], o.prototype, "for");
+], i.prototype, "for");
 s([
   n({ type: String })
-], o.prototype, "optional");
+], i.prototype, "optional");
 s([
   n({ type: String })
-], o.prototype, "trailing");
-h(y, o);
+], i.prototype, "trailing");
+h(y, i);
 export {
-  o as PieFormLabel
+  i as PieFormLabel
 };

package/dist/react.d.ts

@@ -26,9 +26,9 @@ export declare const PieFormLabel: React_2.ForwardRefExoticComponent<FormLabelPr
  * @tagname pie-form-label
  */
 declare class PieFormLabel_2 extends PieFormLabel_base implements FormLabelProps {
-    for?: string;
-    optional?: string;
-    trailing?: string;
+    for: FormLabelProps['for'];
+    optional: FormLabelProps['optional'];
+    trailing: FormLabelProps['trailing'];
     private _renderOptionalLabel;
     private handleClick;
     render(): TemplateResult<1>;

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.3",
+  "version": "0.14.5",
+  "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",
@@ -37,10 +40,10 @@
   "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.3",
-    "@justeattakeaway/pie-text-input": "0.24.2",
-    "@justeattakeaway/pie-wrapper-react": "0.14.2",
+    "@justeattakeaway/pie-css": "0.15.1",
+    "@justeattakeaway/pie-switch": "1.2.1",
+    "@justeattakeaway/pie-text-input": "0.26.1",
+    "@justeattakeaway/pie-wrapper-react": "0.14.3",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {

package/src/index.ts

@@ -17,13 +17,13 @@ const componentSelector = 'pie-form-label';
  */
 export class PieFormLabel extends RtlMixin(LitElement) implements FormLabelProps {
     @property({ type: String, reflect: true })
-    public for?: string;
+    public for: FormLabelProps['for'];
 
     @property({ type: String })
-    public optional?: string;
+    public optional: FormLabelProps['optional'];
 
     @property({ type: String })
-    public trailing?: string;
+    public trailing: FormLabelProps['trailing'];
 
     private _renderOptionalLabel (): TemplateResult | typeof nothing {
         const { optional } = this;