@justeattakeaway/pie-card 0.21.2 → 0.21.3

package/custom-elements.json

@@ -88,18 +88,12 @@
             {
               "kind": "field",
               "name": "tag",
-              "type": {
-                "text": "CardProps['tag']"
-              },
               "privacy": "public",
               "attribute": "tag"
             },
             {
               "kind": "field",
               "name": "variant",
-              "type": {
-                "text": "CardProps['variant']"
-              },
               "privacy": "public",
               "attribute": "variant"
             },
@@ -107,7 +101,7 @@
               "kind": "field",
               "name": "href",
               "type": {
-                "text": "string | undefined"
+                "text": "CardProps['href']"
               },
               "privacy": "public",
               "attribute": "href",
@@ -117,7 +111,7 @@
               "kind": "field",
               "name": "target",
               "type": {
-                "text": "string | undefined"
+                "text": "CardProps['target']"
               },
               "privacy": "public",
               "attribute": "target",
@@ -127,7 +121,7 @@
               "kind": "field",
               "name": "rel",
               "type": {
-                "text": "string | undefined"
+                "text": "CardProps['rel']"
               },
               "privacy": "public",
               "attribute": "rel",
@@ -143,7 +137,7 @@
               "kind": "field",
               "name": "aria",
               "type": {
-                "text": "CardProps['aria'] | undefined"
+                "text": "CardProps['aria']"
               },
               "privacy": "public",
               "attribute": "aria"
@@ -158,7 +152,7 @@
               "kind": "field",
               "name": "padding",
               "type": {
-                "text": "CardProps['padding'] | undefined"
+                "text": "CardProps['padding']"
               },
               "privacy": "public",
               "attribute": "padding"
@@ -254,36 +248,30 @@
           "attributes": [
             {
               "name": "tag",
-              "type": {
-                "text": "CardProps['tag']"
-              },
               "fieldName": "tag"
             },
             {
               "name": "variant",
-              "type": {
-                "text": "CardProps['variant']"
-              },
               "fieldName": "variant"
             },
             {
               "name": "href",
               "type": {
-                "text": "string | undefined"
+                "text": "CardProps['href']"
               },
               "fieldName": "href"
             },
             {
               "name": "target",
               "type": {
-                "text": "string | undefined"
+                "text": "CardProps['target']"
               },
               "fieldName": "target"
             },
             {
               "name": "rel",
               "type": {
-                "text": "string | undefined"
+                "text": "CardProps['rel']"
               },
               "fieldName": "rel"
             },
@@ -294,7 +282,7 @@
             {
               "name": "aria",
               "type": {
-                "text": "CardProps['aria'] | undefined"
+                "text": "CardProps['aria']"
               },
               "fieldName": "aria"
             },
@@ -305,7 +293,7 @@
             {
               "name": "padding",
               "type": {
-                "text": "CardProps['padding'] | undefined"
+                "text": "CardProps['padding']"
               },
               "fieldName": "padding"
             }

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import type { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';
 import type { TemplateResult } from 'lit';
 
-export declare type AriaProps = {
+declare type AriaProps = {
     label?: string;
 };
 
@@ -61,15 +61,15 @@ export declare const paddingValues: string[];
  * @tagname pie-card
  */
 export declare class PieCard extends LitElement implements CardProps {
-    tag: CardProps['tag'];
-    variant: CardProps['variant'];
-    href?: string;
-    target?: string;
-    rel?: string;
+    tag: "a" | "button";
+    variant: "default" | "outline" | "inverse" | "outline-inverse";
+    href: CardProps['href'];
+    target: CardProps['target'];
+    rel: CardProps['rel'];
     disabled: boolean;
-    aria?: CardProps['aria'];
+    aria: CardProps['aria'];
     isDraggable: boolean;
-    padding?: CardProps['padding'];
+    padding: CardProps['padding'];
     private assignedElements?;
     private onClickHandler;
     /**

package/dist/index.js

@@ -137,11 +137,11 @@ const p = "pie-card", h = class h extends S {
 h.styles = $(k);
 let t = h;
 c([
-  d(),
+  d({ type: String }),
   b(p, O, s.tag)
 ], t.prototype, "tag");
 c([
-  d(),
+  d({ type: String }),
   b(p, E, s.variant)
 ], t.prototype, "variant");
 c([

package/dist/react.d.ts

@@ -5,7 +5,7 @@ import type { PropertyValues } from 'lit';
 import * as React_2 from 'react';
 import type { TemplateResult } from 'lit';
 
-export declare type AriaProps = {
+declare type AriaProps = {
     label?: string;
 };
 
@@ -64,15 +64,15 @@ export declare const PieCard: React_2.ForwardRefExoticComponent<CardProps & Reac
  * @tagname pie-card
  */
 declare class PieCard_2 extends LitElement implements CardProps {
-    tag: CardProps['tag'];
-    variant: CardProps['variant'];
-    href?: string;
-    target?: string;
-    rel?: string;
+    tag: "a" | "button";
+    variant: "default" | "outline" | "inverse" | "outline-inverse";
+    href: CardProps['href'];
+    target: CardProps['target'];
+    rel: CardProps['rel'];
     disabled: boolean;
-    aria?: CardProps['aria'];
+    aria: CardProps['aria'];
     isDraggable: boolean;
-    padding?: CardProps['padding'];
+    padding: CardProps['padding'];
     private assignedElements?;
     private onClickHandler;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@justeattakeaway/pie-card",
-  "version": "0.21.2",
+  "version": "0.21.3",
   "description": "PIE Design System Card built using Web Components",
   "type": "module",
   "main": "dist/index.js",

package/src/defs.ts

@@ -8,7 +8,7 @@ export const paddingValues = spacingTokens.flatMap((first) => [first, ...spacing
 
 type PaddingValue = typeof spacingTokens[number];
 
-export type AriaProps = {
+type AriaProps = {
     label?: string;
 };
 

package/src/index.ts

@@ -23,35 +23,35 @@ const componentSelector = 'pie-card';
  * @tagname pie-card
  */
 export class PieCard extends LitElement implements CardProps {
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, tags, defaultProps.tag)
-    public tag: CardProps['tag'] = defaultProps.tag;
+    public tag = defaultProps.tag;
 
-    @property()
+    @property({ type: String })
     @validPropertyValues(componentSelector, variants, defaultProps.variant)
-    public variant: CardProps['variant'] = defaultProps.variant;
+    public variant = defaultProps.variant;
 
     @property({ type: String, reflect: true })
-    public href?: string;
+    public href: CardProps['href'];
 
     @property({ type: String, reflect: true })
-    public target?: string;
+    public target: CardProps['target'];
 
     @property({ type: String, reflect: true })
-    public rel?: string;
+    public rel: CardProps['rel'];
 
     @property({ type: Boolean })
     public disabled = defaultProps.disabled;
 
     @property({ type: Object })
-    public aria?: CardProps['aria'];
+    public aria: CardProps['aria'];
 
     @property({ type: Boolean })
     public isDraggable = defaultProps.isDraggable;
 
     @property({ type: String })
     @validPropertyValues(componentSelector, paddingValues, undefined)
-    public padding?: CardProps['padding'];
+    public padding: CardProps['padding'];
 
     @queryAssignedElements({ flatten: true })
     private assignedElements?: HTMLElement[];