@justeattakeaway/pie-link 1.2.7 → 1.2.9

package/custom-elements.json

@@ -66,7 +66,7 @@
           "type": {
             "text": "DefaultProps"
           },
-          "default": "{\r\n    tag: 'a',\r\n    variant: 'default',\r\n    size: 'medium',\r\n    underline: 'default',\r\n    isBold: false,\r\n    isStandalone: false,\r\n    hasVisited: false,\r\n    iconPlacement: 'leading',\r\n    type: 'submit',\r\n}"
+          "default": "{\n    tag: 'a',\n    variant: 'default',\n    size: 'medium',\n    underline: 'default',\n    isBold: false,\n    isStandalone: false,\n    hasVisited: false,\n    iconPlacement: 'leading',\n    type: 'submit',\n}"
         }
       ],
       "exports": [
@@ -150,32 +150,27 @@
             {
               "kind": "field",
               "name": "tag",
-              "privacy": "public",
-              "attribute": "tag"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "variant",
-              "privacy": "public",
-              "attribute": "variant"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "size",
-              "privacy": "public",
-              "attribute": "size"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "underline",
-              "privacy": "public",
-              "attribute": "underline"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "iconPlacement",
-              "privacy": "public",
-              "attribute": "iconPlacement"
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -183,9 +178,7 @@
               "type": {
                 "text": "LinkProps['href']"
               },
-              "privacy": "public",
-              "attribute": "href",
-              "reflects": true
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -193,9 +186,7 @@
               "type": {
                 "text": "LinkProps['target']"
               },
-              "privacy": "public",
-              "attribute": "target",
-              "reflects": true
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -203,34 +194,27 @@
               "type": {
                 "text": "LinkProps['rel']"
               },
-              "privacy": "public",
-              "attribute": "rel",
-              "reflects": true
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "isBold",
-              "privacy": "public",
-              "attribute": "isBold"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "isStandalone",
-              "privacy": "public",
-              "attribute": "isStandalone",
-              "reflects": true
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "hasVisited",
-              "privacy": "public",
-              "attribute": "hasVisited"
+              "privacy": "public"
             },
             {
               "kind": "field",
               "name": "type",
-              "privacy": "public",
-              "attribute": "type"
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -238,14 +222,13 @@
               "type": {
                 "text": "LinkProps['aria']"
               },
-              "privacy": "public",
-              "attribute": "aria"
+              "privacy": "public"
             },
             {
               "kind": "method",
               "name": "renderContent",
               "privacy": "private",
-              "description": "Renders the link content.\r\nIcons are only shown in block elements"
+              "description": "Renders the link content.\nIcons are only shown in block elements"
             },
             {
               "kind": "method",
@@ -276,72 +259,6 @@
               "description": "Renders the link as an anchor element."
             }
           ],
-          "attributes": [
-            {
-              "name": "tag",
-              "fieldName": "tag"
-            },
-            {
-              "name": "variant",
-              "fieldName": "variant"
-            },
-            {
-              "name": "size",
-              "fieldName": "size"
-            },
-            {
-              "name": "underline",
-              "fieldName": "underline"
-            },
-            {
-              "name": "iconPlacement",
-              "fieldName": "iconPlacement"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "LinkProps['href']"
-              },
-              "fieldName": "href"
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "LinkProps['target']"
-              },
-              "fieldName": "target"
-            },
-            {
-              "name": "rel",
-              "type": {
-                "text": "LinkProps['rel']"
-              },
-              "fieldName": "rel"
-            },
-            {
-              "name": "isBold",
-              "fieldName": "isBold"
-            },
-            {
-              "name": "isStandalone",
-              "fieldName": "isStandalone"
-            },
-            {
-              "name": "hasVisited",
-              "fieldName": "hasVisited"
-            },
-            {
-              "name": "type",
-              "fieldName": "type"
-            },
-            {
-              "name": "aria",
-              "type": {
-                "text": "LinkProps['aria']"
-              },
-              "fieldName": "aria"
-            }
-          ],
           "superclass": {
             "name": "PieElement",
             "package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
+import { CSSResult } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
-import type { TemplateResult } from 'lit-html';
+import { TemplateResult } from 'lit-html';
 
 declare type AriaProps = {
     label?: string;

package/dist/index.js

@@ -8,7 +8,7 @@ const h = class h extends b {
     this.getAttribute("v") || this.setAttribute("v", h.v);
   }
 };
-h.v = "1.2.7";
+h.v = "1.2.9";
 let u = h;
 const z = "*,*:after,*:before{box-sizing:inherit}:host{display:inline-block;--link-font-weight: var(--dt-font-weight-regular);--link-text-color: var(--dt-color-content-link);--link-text-decoration: var(--dt-font-style-underline)}:host([isstandalone]){display:block}.c-link{--link-font-family: var(--dt-font-interactive-l-family);--link-font-size: calc(var(--dt-font-size-16) * 1px);--link-line-height: calc(var(--dt-font-size-16-line-height) * 1px);--link-icon-size: 16px;--link-icon-offset-top: var(--dt-spacing-a);display:inline-block;font-family:var(--link-font-family);font-size:var(--link-font-size);line-height:var(--link-line-height);font-weight:var(--link-font-weight);color:var(--link-text-color);text-decoration:var(--link-text-decoration);cursor:pointer}.c-link:hover,.c-link:active{--link-text-decoration: none}.c-link.c-link--high-visibility{--link-text-color: var(--dt-color-content-link-distinct)}.c-link.c-link--inverse{--link-text-color: var(--dt-color-content-link-inverse)}.c-link.c-link--small{--link-font-size: calc(var(--dt-font-size-14) * 1px);--link-line-height: calc(var(--dt-font-size-14-line-height) * 1px);--link-icon-offset-top: 2px}.c-link.c-link--underline-reversed.c-link--standalone{--link-text-decoration: none}.c-link.c-link--underline-reversed.c-link--standalone:hover,.c-link.c-link--underline-reversed.c-link--standalone:active{--link-text-decoration: var(--dt-font-style-underline)}.c-link.c-link--bold{--link-font-weight: var(--dt-font-weight-bold)}.c-link.c-link--standalone{display:block;width:fit-content}.c-link.c-link--hasVisited:visited{color:var(--dt-color-content-link-visited)}.c-link.c-link--hasVisited:visited.c-link--inverse{color:var(--dt-color-content-link-visited-inverse)}.c-link:focus-visible{outline:none;border-radius:2px;box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer)}button.c-link{outline:none;border:none;-webkit-user-select:none;user-select:none;background:transparent;padding:0}.c-link-content{display:flex;gap:var(--dt-spacing-a)}::slotted(.c-pieIcon),::slotted(svg){display:inline-flex;margin-block-start:var(--link-icon-offset-top);height:var(--link-icon-size);width:var(--link-icon-size)}", S = ["default", "high-visibility", "inverse"], $ = ["small", "medium"], w = ["leading", "trailing"], P = ["a", "button"], B = ["submit", "button", "reset", "menu"], V = ["default", "reversed"], e = {
   tag: "a",

package/dist/react.d.ts

@@ -1,8 +1,8 @@
 import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
-import type { CSSResult } from 'lit';
+import { CSSResult } from 'lit';
 import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
 import * as React_2 from 'react';
-import type { TemplateResult } from 'lit-html';
+import { TemplateResult } from 'lit-html';
 
 declare type AriaProps = {
     label?: string;
@@ -73,7 +73,7 @@ export declare interface LinkProps {
     type?: typeof buttonTypes[number];
 }
 
-export declare const PieLink: React_2.ForwardRefExoticComponent<LinkProps & React_2.RefAttributes<PieLink_2> & React_2.AnchorHTMLAttributes<HTMLAnchorElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement>>;
+export declare const PieLink: React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<LinkProps> & React_2.RefAttributes<PieLink_2> & ReactBaseType>;
 
 /**
  * @tagname pie-link
@@ -116,6 +116,8 @@ declare class PieLink_2 extends PieElement implements LinkProps {
     static styles: CSSResult;
 }
 
+declare type ReactBaseType = React_2.AnchorHTMLAttributes<HTMLAnchorElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement>;
+
 export declare const sizes: readonly ["small", "medium"];
 
 export declare const tags: readonly ["a", "button"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@justeattakeaway/pie-link",
   "description": "PIE Design System Link built using Web Components",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "repository": {
     "type": "git",
     "url": "https://github.com/justeattakeaway/pie",
@@ -39,14 +39,14 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.9.0",
-    "@justeattakeaway/pie-components-config": "0.20.1",
-    "@justeattakeaway/pie-css": "0.17.0",
-    "@justeattakeaway/pie-monorepo-utils": "0.5.1",
+    "@justeattakeaway/pie-components-config": "0.21.0",
+    "@justeattakeaway/pie-css": "0.19.0",
+    "@justeattakeaway/pie-monorepo-utils": "0.6.0",
     "@justeattakeaway/pie-wrapper-react": "0.14.3",
     "cem-plugin-module-file-extensions": "0.0.5"
   },
   "dependencies": {
-    "@justeattakeaway/pie-icons-webc": "1.13.0",
+    "@justeattakeaway/pie-icons-webc": "1.14.1",
     "@justeattakeaway/pie-webc-core": "1.0.0"
   },
   "volta": {