@justeattakeaway/pie-assistive-text 0.8.4 → 0.9.0

package/custom-elements.json

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

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
 import type { CSSResult } from 'lit';
-import type { LitElement } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import type { TemplateResult } from 'lit';
 
 export declare interface AssistiveTextProps {
@@ -22,7 +22,7 @@ export declare const defaultProps: DefaultProps;
  * @tagname pie-assistive-text
  * @slot - Default slot
  */
-export declare class PieAssistiveText extends LitElement implements AssistiveTextProps {
+export declare class PieAssistiveText extends PieElement implements AssistiveTextProps {
     variant: "default" | "error" | "success";
     isVisuallyHidden: boolean;
     /**

package/dist/index.js

@@ -1,62 +1,75 @@
-import { LitElement as x, html as r, nothing as p, unsafeCSS as y } from "lit";
-import { property as v } from "lit/decorators.js";
-import { validPropertyValues as h, defineCustomElement as m } from "@justeattakeaway/pie-webc-core";
-import { classMap as g } from "lit/directives/class-map.js";
+import { LitElement as y, html as n, nothing as v, unsafeCSS as h } from "lit";
+import { property as d } from "lit/decorators.js";
+import { validPropertyValues as m, defineCustomElement as g } from "@justeattakeaway/pie-webc-core";
+import { classMap as b } from "lit/directives/class-map.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconAlertCircle.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconCheckCircle.js";
-const b = "*,*:after,*:before{box-sizing:inherit}.c-assistiveText{--assistive-text-color: var(--dt-color-content-subdued);margin:0;padding-block-start:var(--dt-spacing-a);color:var(--assistive-text-color);font-family:var(--dt-font-body-s-family);font-weight:var(--dt-font-body-s-weight);font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px);gap:var(--dt-spacing-b);display:flex;align-items:flex-start;overflow-wrap:anywhere}.c-assistiveText .c-assistiveText-icon{display:inline-flex}.c-assistiveText--success{--assistive-text-color: var(--dt-color-content-positive)}.c-assistiveText--error{--assistive-text-color: var(--dt-color-content-error)}.c-assistiveText--isVisuallyHidden{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}", w = ["default", "error", "success"], o = {
+var w = Object.defineProperty, T = (r, e, s, c) => {
+  for (var t = void 0, i = r.length - 1, a; i >= 0; i--)
+    (a = r[i]) && (t = a(e, s, t) || t);
+  return t && w(e, s, t), t;
+};
+class f extends y {
+  constructor() {
+    super(...arguments), this.v = "0.9.0";
+  }
+}
+T([
+  d({ type: String, reflect: !0 })
+], f.prototype, "v");
+const V = "*,*:after,*:before{box-sizing:inherit}.c-assistiveText{--assistive-text-color: var(--dt-color-content-subdued);margin:0;padding-block-start:var(--dt-spacing-a);color:var(--assistive-text-color);font-family:var(--dt-font-body-s-family);font-weight:var(--dt-font-body-s-weight);font-size:calc(var(--dt-font-body-s-size) * 1px);line-height:calc(var(--dt-font-body-s-line-height) * 1px);gap:var(--dt-spacing-b);display:flex;align-items:flex-start;overflow-wrap:anywhere}.c-assistiveText .c-assistiveText-icon{display:inline-flex}.c-assistiveText--success{--assistive-text-color: var(--dt-color-content-positive)}.c-assistiveText--error{--assistive-text-color: var(--dt-color-content-error)}.c-assistiveText--isVisuallyHidden{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}", H = ["default", "error", "success"], l = {
   variant: "default",
   isVisuallyHidden: !1
 };
-var T = Object.defineProperty, f = (c, t, i, l) => {
-  for (var s = void 0, a = c.length - 1, d; a >= 0; a--)
-    (d = c[a]) && (s = d(t, i, s) || s);
-  return s && T(t, i, s), s;
+var _ = Object.defineProperty, u = (r, e, s, c) => {
+  for (var t = void 0, i = r.length - 1, a; i >= 0; i--)
+    (a = r[i]) && (t = a(e, s, t) || t);
+  return t && _(e, s, t), t;
 };
-const u = "pie-assistive-text", n = class n extends x {
+const x = "pie-assistive-text", p = class p extends f {
   constructor() {
-    super(...arguments), this.variant = o.variant, this.isVisuallyHidden = o.isVisuallyHidden;
+    super(...arguments), this.variant = l.variant, this.isVisuallyHidden = l.isVisuallyHidden;
   }
   /**
    * Renders the assistive-text icon content.
    * @private
    */
   renderIcon() {
-    const { variant: t } = this;
-    return r`
-            ${t === "success" ? r`<icon-check-circle class="c-assistiveText-icon" size="s" ></icon-check-circle>` : p}
-            ${t === "error" ? r`<icon-alert-circle class="c-assistiveText-icon" size="s"></icon-alert-circle>` : p}`;
+    const { variant: e } = this;
+    return n`
+            ${e === "success" ? n`<icon-check-circle class="c-assistiveText-icon" size="s" ></icon-check-circle>` : v}
+            ${e === "error" ? n`<icon-alert-circle class="c-assistiveText-icon" size="s"></icon-alert-circle>` : v}`;
   }
   render() {
     const {
-      variant: t,
-      isVisuallyHidden: i
-    } = this, l = {
+      variant: e,
+      isVisuallyHidden: s
+    } = this, c = {
       "c-assistiveText": !0,
-      "c-assistiveText--isVisuallyHidden": i,
-      [`c-assistiveText--${t}`]: !0
+      "c-assistiveText--isVisuallyHidden": s,
+      [`c-assistiveText--${e}`]: !0
     };
-    return r`
+    return n`
         <p
-            class="${g(l)}"
+            class="${b(c)}"
             data-test-id="pie-assistive-text">
             ${this.renderIcon()}
             <slot></slot>
         </p>`;
   }
 };
-n.styles = y(b);
-let e = n;
-f([
-  v({ type: String }),
-  h(u, w, o.variant)
-], e.prototype, "variant");
-f([
-  v({ type: Boolean })
-], e.prototype, "isVisuallyHidden");
-m(u, e);
+p.styles = h(V);
+let o = p;
+u([
+  d({ type: String }),
+  m(x, H, l.variant)
+], o.prototype, "variant");
+u([
+  d({ type: Boolean })
+], o.prototype, "isVisuallyHidden");
+g(x, o);
 export {
-  e as PieAssistiveText,
-  o as defaultProps,
-  w as variants
+  o as PieAssistiveText,
+  l as defaultProps,
+  H as variants
 };

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
 import type { CSSResult } from 'lit';
-import type { LitElement } from 'lit';
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import * as React_2 from 'react';
 import type { TemplateResult } from 'lit';
 
@@ -25,7 +25,7 @@ export declare const PieAssistiveText: React_2.ForwardRefExoticComponent<Assisti
  * @tagname pie-assistive-text
  * @slot - Default slot
  */
-declare class PieAssistiveText_2 extends LitElement implements AssistiveTextProps {
+declare class PieAssistiveText_2 extends PieElement implements AssistiveTextProps {
     variant: "default" | "error" | "success";
     isVisuallyHidden: boolean;
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-assistive-text",
   "description": "PIE Design System Assistive Text built using Web Components",
-  "version": "0.8.4",
+  "version": "0.9.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -33,13 +33,14 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.18.0",
-    "@justeattakeaway/pie-css": "0.14.1",
+    "@justeattakeaway/pie-components-config": "0.19.0",
+    "@justeattakeaway/pie-css": "0.16.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.5.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icons-webc": "1.5.0",
-    "@justeattakeaway/pie-webc-core": "0.24.2"
+    "@justeattakeaway/pie-icons-webc": "1.6.1",
+    "@justeattakeaway/pie-webc-core": "0.25.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/index.ts

@@ -1,7 +1,7 @@
 import {
-    LitElement, html, unsafeCSS, nothing, type TemplateResult,
+    html, unsafeCSS, nothing, type TemplateResult,
 } from 'lit';
-
+import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import { property } from 'lit/decorators.js';
 import { validPropertyValues, defineCustomElement } from '@justeattakeaway/pie-webc-core';
 import { classMap } from 'lit/directives/class-map.js';
@@ -20,7 +20,7 @@ const componentSelector = 'pie-assistive-text';
  * @tagname pie-assistive-text
  * @slot - Default slot
  */
-export class PieAssistiveText extends LitElement implements AssistiveTextProps {
+export class PieAssistiveText extends PieElement implements AssistiveTextProps {
     @property({ type: String })
     @validPropertyValues(componentSelector, variants, defaultProps.variant)
     public variant = defaultProps.variant;