@justeattakeaway/pie-assistive-text 0.10.11 → 0.11.1

package/dist/index.js

@@ -9,21 +9,21 @@ const c = class c extends u {
     this.getAttribute("v") || this.setAttribute("v", c.v);
   }
 };
-c.v = "0.10.11";
-let v = c;
-const b = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.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"], d = {
+c.v = "0.11.1";
+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 = {
   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, n = t.length - 1, l; n >= 0; n--)
-    (l = t[n]) && (s = (a ? l(e, i, s) : l(s)) || s);
+  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;
 };
 const H = "pie-assistive-text";
-let r = class extends v {
+let r = class extends d {
   constructor() {
-    super(...arguments), this.variant = d.variant, this.isVisuallyHidden = d.isVisuallyHidden;
+    super(...arguments), this.variant = v.variant, this.isVisuallyHidden = v.isVisuallyHidden;
   }
   /**
    * Renders the assistive-text icon content.
@@ -56,7 +56,7 @@ let r = class extends v {
 r.styles = h(b);
 p([
   x({ type: String }),
-  y(H, w, d.variant)
+  y(H, w, v.variant)
 ], r.prototype, "variant", 2);
 p([
   x({ type: Boolean })
@@ -66,6 +66,6 @@ r = p([
 ], r);
 export {
   r as PieAssistiveText,
-  d as defaultProps,
+  v as defaultProps,
   w as variants
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-assistive-text",
   "description": "PIE Design System Assistive Text built using Web Components",
-  "version": "0.10.11",
+  "version": "0.11.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -19,7 +19,12 @@
     "**/*.d.ts"
   ],
   "pieMetadata": {
-    "componentStatus": "beta"
+    "componentStatus": "beta",
+    "replaces": {
+      "snacks": [
+        "ErrorMessage"
+      ]
+    }
   },
   "scripts": {
     "build": "run -T vite build",
@@ -40,13 +45,13 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
     "@justeattakeaway/pie-components-config": "0.21.0",
-    "@justeattakeaway/pie-css": "0.19.0",
+    "@justeattakeaway/pie-css": "0.23.0",
     "@justeattakeaway/pie-monorepo-utils": "0.7.0",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icons-webc": "1.14.2",
-    "@justeattakeaway/pie-webc-core": "1.1.0"
+    "@justeattakeaway/pie-icons-webc": "1.15.1",
+    "@justeattakeaway/pie-webc-core": "3.0.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/assistive-text.scss

@@ -5,7 +5,7 @@
 }
 
 .c-assistiveText {
-    --assistive-text-color: var(--dt-color-content-subdued);
+    --assistive-text-color: var(--dt-color-content-subdued-solid);
 
     margin: 0;
     padding-block-start: var(--dt-spacing-a);
@@ -25,11 +25,11 @@
 }
 
 .c-assistiveText--success {
-    --assistive-text-color: var(--dt-color-content-positive);
+    --assistive-text-color: var(--dt-color-content-positive-solid);
 }
 
 .c-assistiveText--error {
-    --assistive-text-color: var(--dt-color-content-error);
+    --assistive-text-color: var(--dt-color-content-error-solid);
 }
 
 .c-assistiveText--isVisuallyHidden {