@justeattakeaway/pie-modal 1.24.4 → 1.25.0

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 (3) hide show
  1. package/README.md +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +10 -10
package/README.md CHANGED
@@ -57,7 +57,7 @@ Ideally, you should install the component using the **`@justeattakeaway/pie-webc
57
57
  | `size` | `"small"`, `"medium"`, `"large"` | Determines the maximum width of the modal. Large modals will expand to fill the entire page at narrow viewports. | `"medium"` |
58
58
  | `backgroundColor` | `"default"`, `"subtle"`, `"brand-01"`, `"brand-02"`, `"brand-03"`, `"brand-03-subtle"`, `"brand-04"`, `"brand-04-subtle"`, `"brand-05"`, `"brand-05-subtle"`, `"brand-06"`, `"brand-06-subtle"`, `"brand-08"`, `"brand-08-subtle"` | Sets the background color for the modal. | `"default"` |
59
59
  | `imageSlotMode` | `"image"`, `"illustration"` | This property controls if and how the image slot will display its content. `"image"` will display the slot content in a rectangle, covering the entire width of the modal, while `"illustration"` will display the slot content inside a square container. If not specified it will not display the image slot content. | — |
60
- | `imageSlotAspectRatio` | `"small"`, `"medium"`, `"large"` | If the `imageSlotMode` is set to `image`, this property controls the aspect ratio of the image container. The aspect ratios are the following: `"small"` : `4:1`, `"medium"` : `3:1`, `"large"` : `21:9`. | `"medium"` |
60
+ | `imageSlotAspectRatio` | `"small"`, `"medium"`, `"large"` | If the `imageSlotMode` is set to `image`, this property controls the aspect ratio of the image container. The aspect ratios are for **narrow** breakpoints: `"small"` : `3:1`, `"medium"` : `16:9`, `"large"` : `4:3`, and for **wide** breakpoints: `"small"` : `4:1`, `"medium"` : `3:1`, `"large"` : `21:9`. | `"medium"` |
61
61
 
62
62
  ### Slots
63
63
  | Slot | Description |
package/dist/index.js CHANGED
@@ -14,7 +14,7 @@ const x = class x extends T {
14
14
  this.getAttribute("v") || this.setAttribute("v", x.v);
15
15
  }
16
16
  };
17
- x.v = "1.24.4";
17
+ x.v = "1.25.0";
18
18
  let B = x;
19
19
  function V(o) {
20
20
  if (Array.isArray(o)) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-modal",
3
- "version": "1.24.4",
3
+ "version": "1.25.0",
4
4
  "description": "PIE design system modal built using web components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -47,12 +47,12 @@
47
47
  "license": "Apache-2.0",
48
48
  "devDependencies": {
49
49
  "@custom-elements-manifest/analyzer": "0.9.0",
50
- "@justeat/pie-design-tokens": "7.10.2",
51
- "@justeattakeaway/pie-button": "1.12.1",
50
+ "@justeat/pie-design-tokens": "7.11.1",
51
+ "@justeattakeaway/pie-button": "1.12.2",
52
52
  "@justeattakeaway/pie-components-config": "0.21.0",
53
- "@justeattakeaway/pie-css": "0.26.2",
53
+ "@justeattakeaway/pie-css": "0.27.0",
54
54
  "@justeattakeaway/pie-monorepo-utils": "0.7.0",
55
- "@justeattakeaway/pie-text-input": "0.29.14",
55
+ "@justeattakeaway/pie-text-input": "0.29.15",
56
56
  "@justeattakeaway/pie-wrapper-react": "0.14.3",
57
57
  "@types/body-scroll-lock": "3.1.2",
58
58
  "cem-plugin-module-file-extensions": "0.0.5"
@@ -61,11 +61,11 @@
61
61
  "extends": "../../../package.json"
62
62
  },
63
63
  "dependencies": {
64
- "@justeattakeaway/pie-button": "1.12.1",
65
- "@justeattakeaway/pie-icon-button": "2.6.2",
66
- "@justeattakeaway/pie-icons-webc": "1.20.1",
67
- "@justeattakeaway/pie-spinner": "1.4.1",
68
- "@justeattakeaway/pie-webc-core": "6.0.2",
64
+ "@justeattakeaway/pie-button": "1.12.2",
65
+ "@justeattakeaway/pie-icon-button": "2.6.3",
66
+ "@justeattakeaway/pie-icons-webc": "1.20.2",
67
+ "@justeattakeaway/pie-spinner": "1.4.2",
68
+ "@justeattakeaway/pie-webc-core": "7.0.0",
69
69
  "body-scroll-lock": "3.1.5",
70
70
  "dialog-polyfill": "0.5.6"
71
71
  },