@justeattakeaway/pie-notification 0.12.4 → 0.12.6

package/custom-elements.json

@@ -196,18 +196,12 @@
             {
               "kind": "field",
               "name": "variant",
-              "type": {
-                "text": "NonNullable<NotificationProps['variant']>"
-              },
               "privacy": "public",
               "attribute": "variant"
             },
             {
               "kind": "field",
               "name": "position",
-              "type": {
-                "text": "NonNullable<NotificationProps['position']>"
-              },
               "privacy": "public",
               "attribute": "position"
             },
@@ -227,7 +221,7 @@
               "kind": "field",
               "name": "heading",
               "type": {
-                "text": "string | undefined"
+                "text": "NotificationProps['heading']"
               },
               "privacy": "public",
               "attribute": "heading"
@@ -235,9 +229,6 @@
             {
               "kind": "field",
               "name": "headingLevel",
-              "type": {
-                "text": "NonNullable<NotificationProps['headingLevel']>"
-              },
               "privacy": "public",
               "attribute": "headingLevel"
             },
@@ -417,16 +408,10 @@
             },
             {
               "name": "variant",
-              "type": {
-                "text": "NonNullable<NotificationProps['variant']>"
-              },
               "fieldName": "variant"
             },
             {
               "name": "position",
-              "type": {
-                "text": "NonNullable<NotificationProps['position']>"
-              },
               "fieldName": "position"
             },
             {
@@ -440,15 +425,12 @@
             {
               "name": "heading",
               "type": {
-                "text": "string | undefined"
+                "text": "NotificationProps['heading']"
               },
               "fieldName": "heading"
             },
             {
               "name": "headingLevel",
-              "type": {
-                "text": "NonNullable<NotificationProps['headingLevel']>"
-              },
               "fieldName": "headingLevel"
             },
             {

package/dist/index.d.ts

@@ -16,7 +16,7 @@ export declare type ActionProps = {
     ariaLabel?: string;
 };
 
-export declare type AriaProps = {
+declare type AriaProps = {
     close?: string;
     label?: string;
 };
@@ -53,7 +53,7 @@ export declare interface NotificationProps {
      */
     heading?: string;
     /**
-     * The HTML heading tag to use for the notification's heading. Can be h1-h6.
+     * The HTML heading tag to use for the notification's heading. Can be h2-h6.
      */
     headingLevel?: typeof headingLevels[number];
     /**
@@ -123,12 +123,12 @@ export declare const ON_NOTIFICATION_SUPPORTING_ACTION_CLICK_EVENT: string;
  */
 export declare class PieNotification extends LitElement implements NotificationProps {
     isOpen: boolean;
-    variant: NonNullable<NotificationProps['variant']>;
-    position: NonNullable<NotificationProps['position']>;
+    variant: "neutral" | "neutral-alternative" | "info" | "success" | "warning" | "error";
+    position: "inline-content" | "full-width";
     isDismissible: boolean;
     isCompact: boolean;
-    heading?: string;
-    headingLevel: NonNullable<NotificationProps['headingLevel']>;
+    heading: NotificationProps['heading'];
+    headingLevel: "h2" | "h3" | "h4" | "h5" | "h6";
     hideIcon: boolean;
     leadingAction: NotificationProps['leadingAction'];
     supportingAction: NotificationProps['supportingAction'];

package/dist/index.js

@@ -221,11 +221,11 @@ a([
   r({ type: Boolean })
 ], o.prototype, "isOpen");
 a([
-  r(),
+  r({ type: String }),
   $(t, z, d.variant)
 ], o.prototype, "variant");
 a([
-  r(),
+  r({ type: String }),
   $(t, T, d.position)
 ], o.prototype, "position");
 a([
@@ -238,7 +238,7 @@ a([
   r({ type: String })
 ], o.prototype, "heading");
 a([
-  r(),
+  r({ type: String }),
   $(t, S, d.headingLevel)
 ], o.prototype, "headingLevel");
 a([

package/dist/react.d.ts

@@ -17,7 +17,7 @@ export declare type ActionProps = {
     ariaLabel?: string;
 };
 
-export declare type AriaProps = {
+declare type AriaProps = {
     close?: string;
     label?: string;
 };
@@ -54,7 +54,7 @@ export declare interface NotificationProps {
      */
     heading?: string;
     /**
-     * The HTML heading tag to use for the notification's heading. Can be h1-h6.
+     * The HTML heading tag to use for the notification's heading. Can be h2-h6.
      */
     headingLevel?: typeof headingLevels[number];
     /**
@@ -126,12 +126,12 @@ export declare const PieNotification: React_2.ForwardRefExoticComponent<Notifica
  */
 declare class PieNotification_2 extends LitElement implements NotificationProps {
     isOpen: boolean;
-    variant: NonNullable<NotificationProps['variant']>;
-    position: NonNullable<NotificationProps['position']>;
+    variant: "neutral" | "neutral-alternative" | "info" | "success" | "warning" | "error";
+    position: "inline-content" | "full-width";
     isDismissible: boolean;
     isCompact: boolean;
-    heading?: string;
-    headingLevel: NonNullable<NotificationProps['headingLevel']>;
+    heading: NotificationProps['heading'];
+    headingLevel: "h2" | "h3" | "h4" | "h5" | "h6";
     hideIcon: boolean;
     leadingAction: NotificationProps['leadingAction'];
     supportingAction: NotificationProps['supportingAction'];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-notification",
   "description": "PIE Design System Notification built using Web Components",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -42,7 +42,7 @@
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icon-button": "0.29.1",
+    "@justeattakeaway/pie-icon-button": "1.0.0",
     "@justeattakeaway/pie-icons-webc": "1.1.0",
     "@justeattakeaway/pie-webc-core": "0.24.2"
   },

package/src/defs.ts

@@ -4,7 +4,7 @@ export const variants = ['neutral', 'neutral-alternative', 'info', 'success', 'w
 export const headingLevels = ['h2', 'h3', 'h4', 'h5', 'h6'] as const;
 export const positions = ['inline-content', 'full-width'] as const;
 
-export type AriaProps = {
+type AriaProps = {
   close?: string;
   label?: string;
 };
@@ -48,7 +48,7 @@ export interface NotificationProps {
   heading?: string;
 
   /**
-   * The HTML heading tag to use for the notification's heading. Can be h1-h6.
+   * The HTML heading tag to use for the notification's heading. Can be h2-h6.
    */
   headingLevel?: typeof headingLevels[number];
 

package/src/index.ts

@@ -50,13 +50,13 @@ export class PieNotification extends LitElement implements NotificationProps {
     @property({ type: Boolean })
     public isOpen = defaultProps.isOpen;
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, variants, defaultProps.variant)
-    public variant: NonNullable<NotificationProps['variant']> = defaultProps.variant;
+    public variant = defaultProps.variant;
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, positions, defaultProps.position)
-    public position: NonNullable<NotificationProps['position']> = defaultProps.position;
+    public position = defaultProps.position;
 
     @property({ type: Boolean })
     public isDismissible = defaultProps.isDismissible;
@@ -65,11 +65,11 @@ export class PieNotification extends LitElement implements NotificationProps {
     public isCompact = defaultProps.isCompact;
 
     @property({ type: String })
-    public heading?: string;
+    public heading: NotificationProps['heading'];
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, headingLevels, defaultProps.headingLevel)
-    public headingLevel: NonNullable<NotificationProps['headingLevel']> = defaultProps.headingLevel;
+    public headingLevel = defaultProps.headingLevel;
 
     @property({ type: Boolean })
     public hideIcon = defaultProps.hideIcon;