@justeattakeaway/pie-assistive-text 0.3.6 → 0.3.7

package/custom-elements.json

@@ -19,6 +19,14 @@
             "text": "['default', 'error', 'success']"
           },
           "default": "['default', 'error', 'success']"
+        },
+        {
+          "kind": "variable",
+          "name": "defaultProps",
+          "type": {
+            "text": "DefaultProps"
+          },
+          "default": "{\n    variant: 'default',\n}"
         }
       ],
       "exports": [
@@ -29,6 +37,14 @@
             "name": "variants",
             "module": "src/defs.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "defaultProps",
+          "declaration": {
+            "name": "defaultProps",
+            "module": "src/defs.js"
+          }
         }
       ]
     },
@@ -54,7 +70,6 @@
                 "text": "AssistiveTextProps['variant'] | undefined"
               },
               "privacy": "public",
-              "default": "'default'",
               "attribute": "variant"
             },
             {
@@ -75,7 +90,6 @@
               "type": {
                 "text": "AssistiveTextProps['variant'] | undefined"
               },
-              "default": "'default'",
               "fieldName": "variant"
             }
           ],

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core';
 import type { CSSResult } from 'lit';
 import type { LitElement } from 'lit';
 import type { TemplateResult } from 'lit';
@@ -9,6 +10,10 @@ export declare interface AssistiveTextProps {
     variant?: typeof variants[number];
 }
 
+export declare type DefaultProps = ComponentDefaultPropsGeneric<AssistiveTextProps, 'variant'>;
+
+export declare const defaultProps: DefaultProps;
+
 /**
  * @tagname pie-assistive-text
  * @slot - Default slot

package/dist/index.js

@@ -1,20 +1,22 @@
-import { unsafeCSS as p, LitElement as f, html as i, nothing as l } from "lit";
-import { property as d } from "lit/decorators.js";
-import { validPropertyValues as x, defineCustomElement as m } from "@justeattakeaway/pie-webc-core";
-import { ifDefined as h } from "lit/directives/if-defined.js";
+import { unsafeCSS as f, LitElement as d, html as i, nothing as l } from "lit";
+import { property as x } from "lit/decorators.js";
+import { validPropertyValues as m, defineCustomElement as h } from "@justeattakeaway/pie-webc-core";
+import { ifDefined as u } from "lit/directives/if-defined.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconAlertCircle.js";
 import "@justeattakeaway/pie-icons-webc/dist/IconCheckCircle.js";
-const u = `*,*:after,*:before{box-sizing:inherit}.c-assistiveText{--assistive-text-color: var(--dt-color-content-default);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[variant=success]{--assistive-text-color: var(--dt-color-content-positive)}.c-assistiveText[variant=error]{--assistive-text-color: var(--dt-color-content-error)}.c-assistiveText .c-assistiveText-icon{display:inline-flex}
-`, y = ["default", "error", "success"];
-var g = Object.defineProperty, b = Object.getOwnPropertyDescriptor, T = (r, t, o, s) => {
-  for (var e = s > 1 ? void 0 : s ? b(t, o) : t, a = r.length - 1, c; a >= 0; a--)
-    (c = r[a]) && (e = (s ? c(t, o, e) : c(e)) || e);
-  return s && e && g(t, o, e), e;
+const y = `*,*:after,*:before{box-sizing:inherit}.c-assistiveText{--assistive-text-color: var(--dt-color-content-default);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[variant=success]{--assistive-text-color: var(--dt-color-content-positive)}.c-assistiveText[variant=error]{--assistive-text-color: var(--dt-color-content-error)}.c-assistiveText .c-assistiveText-icon{display:inline-flex}
+`, g = ["default", "error", "success"], v = {
+  variant: "default"
 };
-const v = "pie-assistive-text";
-class n extends f {
+var b = Object.defineProperty, T = Object.getOwnPropertyDescriptor, w = (r, t, o, s) => {
+  for (var e = s > 1 ? void 0 : s ? T(t, o) : t, a = r.length - 1, n; a >= 0; a--)
+    (n = r[a]) && (e = (s ? n(t, o, e) : n(e)) || e);
+  return s && e && b(t, o, e), e;
+};
+const p = "pie-assistive-text";
+class c extends d {
   constructor() {
-    super(...arguments), this.variant = "default";
+    super(...arguments), this.variant = v.variant;
   }
   /**
   * Renders the assistive-text icon content.
@@ -34,19 +36,20 @@ class n extends f {
         <p
             class="c-assistiveText"
             data-test-id="pie-assistive-text"
-            variant=${h(t)}>
+            variant=${u(t)}>
             ${this.renderIcon()}
             <slot></slot>
         </p>`;
   }
 }
-n.styles = p(u);
-T([
-  d({ type: String }),
-  x(v, y, "default")
-], n.prototype, "variant", 2);
-m(v, n);
+c.styles = f(y);
+w([
+  x({ type: String }),
+  m(p, g, v.variant)
+], c.prototype, "variant", 2);
+h(p, c);
 export {
-  n as PieAssistiveText,
-  y as variants
+  c as PieAssistiveText,
+  v as defaultProps,
+  g as variants
 };

package/dist/react.d.ts

@@ -1,3 +1,4 @@
+import { ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core';
 import type { CSSResult } from 'lit';
 import type { LitElement } from 'lit';
 import * as React_2 from 'react';
@@ -10,6 +11,10 @@ export declare interface AssistiveTextProps {
     variant?: typeof variants[number];
 }
 
+export declare type DefaultProps = ComponentDefaultPropsGeneric<AssistiveTextProps, 'variant'>;
+
+export declare const defaultProps: DefaultProps;
+
 export declare const PieAssistiveText: React_2.ForwardRefExoticComponent<AssistiveTextProps & React_2.RefAttributes<PieAssistiveText_2> & ReactBaseType>;
 
 /**

package/dist/react.js

@@ -1,7 +1,7 @@
 import * as t from "react";
 import { createComponent as e } from "@lit/react";
 import { PieAssistiveText as i } from "./index.js";
-import { variants as T } from "./index.js";
+import { defaultProps as A, variants as T } from "./index.js";
 import "lit";
 import "lit/decorators.js";
 import "@justeattakeaway/pie-webc-core";
@@ -17,5 +17,6 @@ const s = e({
 }), c = s;
 export {
   c as PieAssistiveText,
+  A as defaultProps,
   T 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.3.6",
+  "version": "0.3.7",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -40,8 +40,8 @@
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icons-webc": "0.23.1",
-    "@justeattakeaway/pie-webc-core": "0.22.0"
+    "@justeattakeaway/pie-icons-webc": "0.24.0",
+    "@justeattakeaway/pie-webc-core": "0.23.0"
   },
   "volta": {
     "extends": "../../../package.json"

package/src/defs.ts

@@ -1,3 +1,5 @@
+import { type ComponentDefaultPropsGeneric } from '@justeattakeaway/pie-webc-core';
+
 export const variants = ['default', 'error', 'success'] as const;
 
 export interface AssistiveTextProps {
@@ -6,3 +8,9 @@ export interface AssistiveTextProps {
      */
     variant?: typeof variants[number];
 }
+
+export type DefaultProps = ComponentDefaultPropsGeneric<AssistiveTextProps, 'variant'>;
+
+export const defaultProps: DefaultProps = {
+    variant: 'default',
+};

package/src/index.ts

@@ -9,7 +9,7 @@ import '@justeattakeaway/pie-icons-webc/dist/IconAlertCircle.js';
 import '@justeattakeaway/pie-icons-webc/dist/IconCheckCircle.js';
 
 import styles from './assistive-text.scss?inline';
-import { AssistiveTextProps, variants } from './defs';
+import { AssistiveTextProps, variants, defaultProps } from './defs';
 
 // Valid values available to consumers
 export * from './defs';
@@ -22,8 +22,8 @@ const componentSelector = 'pie-assistive-text';
  */
 export class PieAssistiveText extends LitElement implements AssistiveTextProps {
     @property({ type: String })
-    @validPropertyValues(componentSelector, variants, 'default')
-    public variant?: AssistiveTextProps['variant'] = 'default';
+    @validPropertyValues(componentSelector, variants, defaultProps.variant)
+    public variant?: AssistiveTextProps['variant'] = defaultProps.variant;
 
     /**
  * Renders the assistive-text icon content.