@justeattakeaway/pie-thumbnail 0.8.27 → 0.8.29

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 (6) hide show
  1. package/custom-elements.json +71 -16
  2. package/dist/index.d.ts +0 -0
  3. package/dist/index.js +1 -1
  4. package/dist/react.d.ts +0 -0
  5. package/dist/react.js +0 -0
  6. package/package.json +3 -3
package/custom-elements.json CHANGED
@@ -18,7 +18,7 @@
18
18
  "type": {
19
19
  "text": "[\n 'default', 'outline',\n]"
20
20
  },
21
- "default": "[\n 'default', 'outline',\n]"
21
+ "default": "[ 'default', 'outline', ]"
22
22
  },
23
23
  {
24
24
  "kind": "variable",
@@ -26,7 +26,7 @@
26
26
  "type": {
27
27
  "text": "[\n 'default', 'subtle', 'strong', 'dark', 'inverse', 'inverse-alternative'\n]"
28
28
  },
29
- "default": "[\n 'default', 'subtle', 'strong', 'dark', 'inverse', 'inverse-alternative'\n]"
29
+ "default": "[ 'default', 'subtle', 'strong', 'dark', 'inverse', 'inverse-alternative' ]"
30
30
  },
31
31
  {
32
32
  "kind": "variable",
@@ -34,7 +34,7 @@
34
34
  "type": {
35
35
  "text": "Record<typeof backgroundColors[number], string>"
36
36
  },
37
- "default": "{\n default: 'c-thumbnail--backgroundDefault',\n subtle: 'c-thumbnail--backgroundSubtle',\n strong: 'c-thumbnail--backgroundStrong',\n dark: 'c-thumbnail--backgroundDark',\n inverse: 'c-thumbnail--backgroundInverse',\n 'inverse-alternative': 'c-thumbnail--backgroundInverseAlternative',\n}"
37
+ "default": "{ default: 'c-thumbnail--backgroundDefault', subtle: 'c-thumbnail--backgroundSubtle', strong: 'c-thumbnail--backgroundStrong', dark: 'c-thumbnail--backgroundDark', inverse: 'c-thumbnail--backgroundInverse', 'inverse-alternative': 'c-thumbnail--backgroundInverseAlternative', }"
38
38
  },
39
39
  {
40
40
  "kind": "variable",
@@ -47,7 +47,7 @@
47
47
  {
48
48
  "kind": "variable",
49
49
  "name": "sizes",
50
- "default": "Object.freeze(Array.from(\n { length: (SIZE_MAX - SIZE_MIN) / SIZE_INCREMENT_BY + 1 },\n (_, i) => SIZE_MIN + i * SIZE_INCREMENT_BY,\n))"
50
+ "default": "Object.freeze(Array.from( { length: (SIZE_MAX - SIZE_MIN) / SIZE_INCREMENT_BY + 1 }, (_, i) => SIZE_MIN + i * SIZE_INCREMENT_BY, ))"
51
51
  },
52
52
  {
53
53
  "kind": "variable",
@@ -55,7 +55,7 @@
55
55
  "type": {
56
56
  "text": "DefaultProps"
57
57
  },
58
- "default": "{\n variant: 'default',\n size: 48,\n src: '',\n alt: '',\n disabled: false,\n hasPadding: false,\n hideDefaultPlaceholder: false,\n backgroundColor: 'default',\n aspectRatio: '1by1',\n placeholder: {\n src: '',\n alt: '',\n },\n}"
58
+ "default": "{ variant: 'default', size: 48, src: '', alt: '', disabled: false, hasPadding: false, hideDefaultPlaceholder: false, backgroundColor: 'default', aspectRatio: '1by1', placeholder: { src: '', alt: '', }, }"
59
59
  }
60
60
  ],
61
61
  "exports": [
@@ -121,47 +121,56 @@
121
121
  {
122
122
  "kind": "field",
123
123
  "name": "variant",
124
- "privacy": "public"
124
+ "privacy": "public",
125
+ "attribute": "variant"
125
126
  },
126
127
  {
127
128
  "kind": "field",
128
129
  "name": "size",
129
- "privacy": "public"
130
+ "privacy": "public",
131
+ "attribute": "size"
130
132
  },
131
133
  {
132
134
  "kind": "field",
133
135
  "name": "aspectRatio",
134
- "privacy": "public"
136
+ "privacy": "public",
137
+ "attribute": "aspectRatio"
135
138
  },
136
139
  {
137
140
  "kind": "field",
138
141
  "name": "src",
139
- "privacy": "public"
142
+ "privacy": "public",
143
+ "attribute": "src"
140
144
  },
141
145
  {
142
146
  "kind": "field",
143
147
  "name": "alt",
144
- "privacy": "public"
148
+ "privacy": "public",
149
+ "attribute": "alt"
145
150
  },
146
151
  {
147
152
  "kind": "field",
148
153
  "name": "disabled",
149
- "privacy": "public"
154
+ "privacy": "public",
155
+ "attribute": "disabled"
150
156
  },
151
157
  {
152
158
  "kind": "field",
153
159
  "name": "hasPadding",
154
- "privacy": "public"
160
+ "privacy": "public",
161
+ "attribute": "hasPadding"
155
162
  },
156
163
  {
157
164
  "kind": "field",
158
165
  "name": "hideDefaultPlaceholder",
159
- "privacy": "public"
166
+ "privacy": "public",
167
+ "attribute": "hideDefaultPlaceholder"
160
168
  },
161
169
  {
162
170
  "kind": "field",
163
171
  "name": "backgroundColor",
164
- "privacy": "public"
172
+ "privacy": "public",
173
+ "attribute": "backgroundColor"
165
174
  },
166
175
  {
167
176
  "kind": "field",
@@ -169,7 +178,8 @@
169
178
  "type": {
170
179
  "text": "ThumbnailProps['placeholder']"
171
180
  },
172
- "privacy": "public"
181
+ "privacy": "public",
182
+ "attribute": "placeholder"
173
183
  },
174
184
  {
175
185
  "kind": "field",
@@ -246,6 +256,51 @@
246
256
  "description": "Checks the image load status and triggers error handling if needed.\nThis is needed as the `onerror` event is not triggered in SSR."
247
257
  }
248
258
  ],
259
+ "attributes": [
260
+ {
261
+ "name": "variant",
262
+ "fieldName": "variant"
263
+ },
264
+ {
265
+ "name": "size",
266
+ "fieldName": "size"
267
+ },
268
+ {
269
+ "name": "aspectRatio",
270
+ "fieldName": "aspectRatio"
271
+ },
272
+ {
273
+ "name": "src",
274
+ "fieldName": "src"
275
+ },
276
+ {
277
+ "name": "alt",
278
+ "fieldName": "alt"
279
+ },
280
+ {
281
+ "name": "disabled",
282
+ "fieldName": "disabled"
283
+ },
284
+ {
285
+ "name": "hasPadding",
286
+ "fieldName": "hasPadding"
287
+ },
288
+ {
289
+ "name": "hideDefaultPlaceholder",
290
+ "fieldName": "hideDefaultPlaceholder"
291
+ },
292
+ {
293
+ "name": "backgroundColor",
294
+ "fieldName": "backgroundColor"
295
+ },
296
+ {
297
+ "name": "placeholder",
298
+ "type": {
299
+ "text": "ThumbnailProps['placeholder']"
300
+ },
301
+ "fieldName": "placeholder"
302
+ }
303
+ ],
249
304
  "superclass": {
250
305
  "name": "PieElement",
251
306
  "package": "@justeattakeaway/pie-webc-core/src/internals/PieElement"
@@ -260,7 +315,7 @@
260
315
  "name": "*",
261
316
  "declaration": {
262
317
  "name": "*",
263
- "package": "./defs"
318
+ "module": "src/defs"
264
319
  }
265
320
  },
266
321
  {
package/dist/index.d.ts CHANGED
File without changes
package/dist/index.js CHANGED
@@ -7,7 +7,7 @@ const h = class h extends _ {
7
7
  this.getAttribute("v") || this.setAttribute("v", h.v);
8
8
  }
9
9
  };
10
- h.v = "0.8.27";
10
+ h.v = "0.8.29";
11
11
  let m = h;
12
12
  const D = [
13
13
  "default",
package/dist/react.d.ts CHANGED
File without changes
package/dist/react.js CHANGED
File without changes
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-thumbnail",
3
3
  "description": "PIE Design System Thumbnail built using Web Components",
4
- "version": "0.8.27",
4
+ "version": "0.8.29",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
@@ -41,9 +41,9 @@
41
41
  "author": "Just Eat Takeaway.com - Design System Team",
42
42
  "license": "Apache-2.0",
43
43
  "devDependencies": {
44
- "@justeattakeaway/pie-components-config": "0.21.1",
44
+ "@justeattakeaway/pie-components-config": "0.21.2",
45
45
  "@justeattakeaway/pie-css": "1.1.1",
46
- "@justeattakeaway/pie-monorepo-utils": "0.9.0"
46
+ "@justeattakeaway/pie-monorepo-utils": "0.9.1"
47
47
  },
48
48
  "dependencies": {
49
49
  "@justeattakeaway/pie-webc-core": "14.0.1"