@justeattakeaway/pie-assistive-text 0.11.22 → 0.11.23

package/dist/index.js

@@ -1,26 +1,26 @@
-import { LitElement as u, unsafeCSS as h, nothing as f, html as o } from "lit";
-import { property as x } from "lit/decorators.js";
+import { LitElement as x, unsafeCSS as h, nothing as f, html as a } from "lit";
+import { property as u } from "lit/decorators.js";
 import { validPropertyValues as y, safeCustomElement as m } from "@justeattakeaway/pie-webc-core";
 import { classMap as g } from "lit/directives/class-map.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconAlertCircle.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconCheckCircle.js";
-const c = class c extends u {
+const c = class c extends x {
   willUpdate() {
     this.getAttribute("v") || this.setAttribute("v", c.v);
   }
 };
-c.v = "0.11.22";
+c.v = "0.11.23";
 let d = c;
-const b = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-assistiveText{--assistive-text-color: var(--dt-color-content-subdued-solid);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-solid)}.c-assistiveText--error{--assistive-text-color: var(--dt-color-content-error-solid)}.c-assistiveText--isVisuallyHidden{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}", w = ["default", "error", "success"], v = {
+const b = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-assistiveText{--assistive-text-color: var(--dt-color-content-subdued-solid);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-solid)}.c-assistiveText--error{--assistive-text-color: var(--dt-color-content-error-solid)}.is-visuallyHidden{position:absolute;display:block;height:1px;width:1px;overflow:hidden;padding:1px;white-space:nowrap}", w = ["default", "error", "success"], v = {
   variant: "default",
   isVisuallyHidden: !1
 };
-var T = Object.defineProperty, V = Object.getOwnPropertyDescriptor, p = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? V(e, i) : e, l = t.length - 1, n; l >= 0; l--)
-    (n = t[l]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && T(e, i, s), s;
+var T = Object.defineProperty, H = Object.getOwnPropertyDescriptor, p = (t, e, i, o) => {
+  for (var s = o > 1 ? void 0 : o ? H(e, i) : e, l = t.length - 1, n; l >= 0; l--)
+    (n = t[l]) && (s = (o ? n(e, i, s) : n(s)) || s);
+  return o && s && T(e, i, s), s;
 };
-const H = "pie-assistive-text";
+const V = "pie-assistive-text";
 let r = class extends d {
   constructor() {
     super(...arguments), this.variant = v.variant, this.isVisuallyHidden = v.isVisuallyHidden;
@@ -31,9 +31,9 @@ let r = class extends d {
    */
   renderIcon() {
     const { variant: t } = this;
-    return o`
-            ${t === "success" ? o`<icon-check-circle class="c-assistiveText-icon" size="s" ></icon-check-circle>` : f}
-            ${t === "error" ? o`<icon-alert-circle class="c-assistiveText-icon" size="s"></icon-alert-circle>` : f}`;
+    return a`
+            ${t === "success" ? a`<icon-check-circle class="c-assistiveText-icon" size="s" ></icon-check-circle>` : f}
+            ${t === "error" ? a`<icon-alert-circle class="c-assistiveText-icon" size="s"></icon-alert-circle>` : f}`;
   }
   render() {
     const {
@@ -41,10 +41,10 @@ let r = class extends d {
       isVisuallyHidden: e
     } = this, i = {
       "c-assistiveText": !0,
-      "c-assistiveText--isVisuallyHidden": e,
+      "is-visuallyHidden": e,
       [`c-assistiveText--${t}`]: !0
     };
-    return o`
+    return a`
         <p
             class="${g(i)}"
             data-test-id="pie-assistive-text">
@@ -55,11 +55,11 @@ let r = class extends d {
 };
 r.styles = h(b);
 p([
-  x({ type: String }),
-  y(H, w, v.variant)
+  u({ type: String }),
+  y(V, w, v.variant)
 ], r.prototype, "variant", 2);
 p([
-  x({ type: Boolean })
+  u({ type: Boolean })
 ], r.prototype, "isVisuallyHidden", 2);
 r = p([
   m("pie-assistive-text")

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-assistive-text",
   "description": "PIE Design System Assistive Text built using Web Components",
-  "version": "0.11.22",
+  "version": "0.11.23",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -45,13 +45,13 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.21.0",
-    "@justeattakeaway/pie-css": "0.32.0",
+    "@justeattakeaway/pie-css": "1.0.0",
     "@justeattakeaway/pie-monorepo-utils": "0.7.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icons-webc": "1.21.1",
-    "@justeattakeaway/pie-webc-core": "12.0.0"
+    "@justeattakeaway/pie-icons-webc": "1.21.2",
+    "@justeattakeaway/pie-webc-core": "13.0.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/assistive-text.scss

@@ -32,6 +32,6 @@
     --assistive-text-color: var(--dt-color-content-error-solid);
 }
 
-.c-assistiveText--isVisuallyHidden {
+.is-visuallyHidden {
     @include p.visually-hidden;
 }

package/src/index.ts

@@ -48,7 +48,7 @@ export class PieAssistiveText extends PieElement implements AssistiveTextProps {
 
         const classes = {
             'c-assistiveText': true,
-            'c-assistiveText--isVisuallyHidden': isVisuallyHidden,
+            'is-visuallyHidden': isVisuallyHidden,
             [`c-assistiveText--${variant}`]: true,
         };