@justeattakeaway/pie-link 1.2.6 → 1.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/custom-elements.json +13 -96
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.js +1 -1
  4. package/dist/react.d.ts +5 -3
  5. package/package.json +5 -5
package/custom-elements.json CHANGED
@@ -150,32 +150,27 @@
150
150
  {
151
151
  "kind": "field",
152
152
  "name": "tag",
153
- "privacy": "public",
154
- "attribute": "tag"
153
+ "privacy": "public"
155
154
  },
156
155
  {
157
156
  "kind": "field",
158
157
  "name": "variant",
159
- "privacy": "public",
160
- "attribute": "variant"
158
+ "privacy": "public"
161
159
  },
162
160
  {
163
161
  "kind": "field",
164
162
  "name": "size",
165
- "privacy": "public",
166
- "attribute": "size"
163
+ "privacy": "public"
167
164
  },
168
165
  {
169
166
  "kind": "field",
170
167
  "name": "underline",
171
- "privacy": "public",
172
- "attribute": "underline"
168
+ "privacy": "public"
173
169
  },
174
170
  {
175
171
  "kind": "field",
176
172
  "name": "iconPlacement",
177
- "privacy": "public",
178
- "attribute": "iconPlacement"
173
+ "privacy": "public"
179
174
  },
180
175
  {
181
176
  "kind": "field",
@@ -183,9 +178,7 @@
183
178
  "type": {
184
179
  "text": "LinkProps['href']"
185
180
  },
186
- "privacy": "public",
187
- "attribute": "href",
188
- "reflects": true
181
+ "privacy": "public"
189
182
  },
190
183
  {
191
184
  "kind": "field",
@@ -193,9 +186,7 @@
193
186
  "type": {
194
187
  "text": "LinkProps['target']"
195
188
  },
196
- "privacy": "public",
197
- "attribute": "target",
198
- "reflects": true
189
+ "privacy": "public"
199
190
  },
200
191
  {
201
192
  "kind": "field",
@@ -203,34 +194,27 @@
203
194
  "type": {
204
195
  "text": "LinkProps['rel']"
205
196
  },
206
- "privacy": "public",
207
- "attribute": "rel",
208
- "reflects": true
197
+ "privacy": "public"
209
198
  },
210
199
  {
211
200
  "kind": "field",
212
201
  "name": "isBold",
213
- "privacy": "public",
214
- "attribute": "isBold"
202
+ "privacy": "public"
215
203
  },
216
204
  {
217
205
  "kind": "field",
218
206
  "name": "isStandalone",
219
- "privacy": "public",
220
- "attribute": "isStandalone",
221
- "reflects": true
207
+ "privacy": "public"
222
208
  },
223
209
  {
224
210
  "kind": "field",
225
211
  "name": "hasVisited",
226
- "privacy": "public",
227
- "attribute": "hasVisited"
212
+ "privacy": "public"
228
213
  },
229
214
  {
230
215
  "kind": "field",
231
216
  "name": "type",
232
- "privacy": "public",
233
- "attribute": "type"
217
+ "privacy": "public"
234
218
  },
235
219
  {
236
220
  "kind": "field",
@@ -238,8 +222,7 @@
238
222
  "type": {
239
223
  "text": "LinkProps['aria']"
240
224
  },
241
- "privacy": "public",
242
- "attribute": "aria"
225
+ "privacy": "public"
243
226
  },
244
227
  {
245
228
  "kind": "method",
@@ -276,72 +259,6 @@
276
259
  "description": "Renders the link as an anchor element."
277
260
  }
278
261
  ],
279
- "attributes": [
280
- {
281
- "name": "tag",
282
- "fieldName": "tag"
283
- },
284
- {
285
- "name": "variant",
286
- "fieldName": "variant"
287
- },
288
- {
289
- "name": "size",
290
- "fieldName": "size"
291
- },
292
- {
293
- "name": "underline",
294
- "fieldName": "underline"
295
- },
296
- {
297
- "name": "iconPlacement",
298
- "fieldName": "iconPlacement"
299
- },
300
- {
301
- "name": "href",
302
- "type": {
303
- "text": "LinkProps['href']"
304
- },
305
- "fieldName": "href"
306
- },
307
- {
308
- "name": "target",
309
- "type": {
310
- "text": "LinkProps['target']"
311
- },
312
- "fieldName": "target"
313
- },
314
- {
315
- "name": "rel",
316
- "type": {
317
- "text": "LinkProps['rel']"
318
- },
319
- "fieldName": "rel"
320
- },
321
- {
322
- "name": "isBold",
323
- "fieldName": "isBold"
324
- },
325
- {
326
- "name": "isStandalone",
327
- "fieldName": "isStandalone"
328
- },
329
- {
330
- "name": "hasVisited",
331
- "fieldName": "hasVisited"
332
- },
333
- {
334
- "name": "type",
335
- "fieldName": "type"
336
- },
337
- {
338
- "name": "aria",
339
- "type": {
340
- "text": "LinkProps['aria']"
341
- },
342
- "fieldName": "aria"
343
- }
344
- ],
345
262
  "superclass": {
346
263
  "name": "PieElement",
347
264
  "package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
2
- import type { CSSResult } from 'lit';
2
+ import { CSSResult } from 'lit';
3
3
  import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
4
- import type { TemplateResult } from 'lit-html';
4
+ import { TemplateResult } from 'lit-html';
5
5
 
6
6
  declare type AriaProps = {
7
7
  label?: string;
package/dist/index.js CHANGED
@@ -8,7 +8,7 @@ const h = class h extends b {
8
8
  this.getAttribute("v") || this.setAttribute("v", h.v);
9
9
  }
10
10
  };
11
- h.v = "1.2.6";
11
+ h.v = "1.2.8";
12
12
  let u = h;
13
13
  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 = {
14
14
  tag: "a",
package/dist/react.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { ComponentDefaultProps } from '@justeattakeaway/pie-webc-core';
2
- import type { CSSResult } from 'lit';
2
+ import { CSSResult } from 'lit';
3
3
  import { PieElement } from '@justeattakeaway/pie-webc-core/src/internals/PieElement';
4
4
  import * as React_2 from 'react';
5
- import type { TemplateResult } from 'lit-html';
5
+ import { TemplateResult } from 'lit-html';
6
6
 
7
7
  declare type AriaProps = {
8
8
  label?: string;
@@ -73,7 +73,7 @@ export declare interface LinkProps {
73
73
  type?: typeof buttonTypes[number];
74
74
  }
75
75
 
76
- export declare const PieLink: React_2.ForwardRefExoticComponent<LinkProps & React_2.RefAttributes<PieLink_2> & React_2.AnchorHTMLAttributes<HTMLAnchorElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement>>;
76
+ export declare const PieLink: React_2.ForwardRefExoticComponent<React_2.PropsWithoutRef<LinkProps> & React_2.RefAttributes<PieLink_2> & ReactBaseType>;
77
77
 
78
78
  /**
79
79
  * @tagname pie-link
@@ -116,6 +116,8 @@ declare class PieLink_2 extends PieElement implements LinkProps {
116
116
  static styles: CSSResult;
117
117
  }
118
118
 
119
+ declare type ReactBaseType = React_2.AnchorHTMLAttributes<HTMLAnchorElement> & React_2.ButtonHTMLAttributes<HTMLButtonElement>;
120
+
119
121
  export declare const sizes: readonly ["small", "medium"];
120
122
 
121
123
  export declare const tags: readonly ["a", "button"];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-link",
3
3
  "description": "PIE Design System Link built using Web Components",
4
- "version": "1.2.6",
4
+ "version": "1.2.8",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
@@ -39,14 +39,14 @@
39
39
  "license": "Apache-2.0",
40
40
  "devDependencies": {
41
41
  "@custom-elements-manifest/analyzer": "0.9.0",
42
- "@justeattakeaway/pie-components-config": "0.20.1",
43
- "@justeattakeaway/pie-css": "0.16.0",
44
- "@justeattakeaway/pie-monorepo-utils": "0.5.1",
42
+ "@justeattakeaway/pie-components-config": "0.21.0",
43
+ "@justeattakeaway/pie-css": "0.18.0",
44
+ "@justeattakeaway/pie-monorepo-utils": "0.6.0",
45
45
  "@justeattakeaway/pie-wrapper-react": "0.14.3",
46
46
  "cem-plugin-module-file-extensions": "0.0.5"
47
47
  },
48
48
  "dependencies": {
49
- "@justeattakeaway/pie-icons-webc": "1.12.0",
49
+ "@justeattakeaway/pie-icons-webc": "1.14.0",
50
50
  "@justeattakeaway/pie-webc-core": "1.0.0"
51
51
  },
52
52
  "volta": {