@purpurds/promotion-card 5.20.1 → 5.21.1

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 (8) hide show
  1. package/dist/LICENSE.txt +5 -5
  2. package/dist/promotion-card.cjs.js +15 -15
  3. package/dist/promotion-card.cjs.js.map +1 -1
  4. package/dist/promotion-card.es.js +222 -218
  5. package/dist/promotion-card.es.js.map +1 -1
  6. package/dist/styles.css +1 -1
  7. package/package.json +16 -16
  8. package/src/promotion-card.module.scss +2 -2
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-promotion-card_qosug_1{position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card--without-image_qosug_8 ._purpur-promotion-card__content_qosug_8{position:relative;z-index:1}._purpur-promotion-card--without-image_qosug_8:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--promotion-card-background);background-image:var(--promotion-card-background-image);background-position:right 50% center;background-size:cover;transform:rotateY(180deg)}@container promotion-card (min-width: 600px){._purpur-promotion-card--without-image_qosug_8:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card--without-image_qosug_8:before{transform:rotateY(0)}}._purpur-promotion-card--with-image_qosug_33{display:grid;grid-template-areas:"image" "body";grid-template-rows:auto 1fr;background:var(--promotion-card-background)}@container promotion-card (min-width: 600px){._purpur-promotion-card--with-image_qosug_33{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__card_qosug_45{container:promotion-card/inline-size;height:100%}._purpur-promotion-card__image-gradient_qosug_49{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(0,var(--promotion-card-background),transparent 75%)}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-gradient_qosug_49{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--promotion-card-background),transparent 75%)}}._purpur-promotion-card__actions_qosug_65{display:flex;flex-wrap:wrap;gap:var(--purpur-spacing-200);padding-top:var(--purpur-spacing-400)}._purpur-promotion-card__content_qosug_8{grid-area:body;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--purpur-spacing-400);box-sizing:border-box}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--without-image_qosug_81{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_qosug_81 ._purpur-promotion-card__main-content_qosug_84{display:flex;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_qosug_81 ._purpur-promotion-card__heading_qosug_88{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_qosug_93{flex-direction:column;justify-content:center;padding:var(--purpur-spacing-600) var(--purpur-spacing-400)}}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--with-image_qosug_93{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_qosug_104{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_qosug_88,._purpur-promotion-card__body_qosug_108{width:100%}._purpur-promotion-card__heading_qosug_88{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__main-content_qosug_84,._purpur-promotion-card__body_qosug_108{display:flex;flex-direction:column;flex-grow:1}._purpur-promotion-card__body_qosug_108,._purpur-promotion-card__body_qosug_108 p,._purpur-promotion-card__body_qosug_108 h1,._purpur-promotion-card__body_qosug_108 h2,._purpur-promotion-card__body_qosug_108 h3,._purpur-promotion-card__body_qosug_108 h4,._purpur-promotion-card__body_qosug_108 h5,._purpur-promotion-card__body_qosug_108 h6,._purpur-promotion-card__body_qosug_108 ul,._purpur-promotion-card__body_qosug_108 ol{color:var(--promotion-card-color)}._purpur-promotion-card__child-content_qosug_137{flex-grow:1}._purpur-promotion-card__image-wrapper_qosug_140{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_qosug_143 picture,._purpur-promotion-card__image-wrapper--decorative_qosug_143 img,._purpur-promotion-card__image-wrapper--product_qosug_144 picture,._purpur-promotion-card__image-wrapper--product_qosug_144 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_qosug_143 img,._purpur-promotion-card__image-wrapper--product_qosug_144 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_qosug_143{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_qosug_143{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_qosug_143 img{height:100%}}._purpur-promotion-card__image-wrapper--product_qosug_144{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_qosug_1 [class*=_purpur-cta-link_],._purpur-promotion-card_qosug_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_qosug_1 [class*=_purpur-cta-link_],._purpur-promotion-card_qosug_1 [class*=_purpur-button_]{width:auto}}
1
+ ._purpur-promotion-card_12rh3_1{position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card--without-image_12rh3_8 ._purpur-promotion-card__content_12rh3_8{position:relative;z-index:1}._purpur-promotion-card--without-image_12rh3_8:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--promotion-card-background);background-image:var(--promotion-card-background-image);background-position:right 50% center;background-size:cover;transform:rotateY(180deg)}@container promotion-card (min-width: 600px){._purpur-promotion-card--without-image_12rh3_8:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card--without-image_12rh3_8:before{transform:rotateY(0)}}._purpur-promotion-card--with-image_12rh3_33{display:grid;grid-template-areas:"image" "body";grid-template-rows:auto 1fr;background:var(--promotion-card-background)}@container promotion-card (min-width: 600px){._purpur-promotion-card--with-image_12rh3_33{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__card_12rh3_45{container:promotion-card/inline-size;height:100%}._purpur-promotion-card__image-gradient_12rh3_49{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(0,var(--promotion-card-background),transparent 75%)}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-gradient_12rh3_49{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--promotion-card-background),transparent 75%)}}._purpur-promotion-card__actions_12rh3_65{display:flex;flex-wrap:wrap;gap:var(--purpur-spacing-200);padding-top:var(--purpur-spacing-400)}._purpur-promotion-card__content_12rh3_8{grid-area:body;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--purpur-spacing-400);box-sizing:border-box}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--without-image_12rh3_81{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_12rh3_81 ._purpur-promotion-card__main-content_12rh3_84{display:flex;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_12rh3_81 ._purpur-promotion-card__heading_12rh3_88{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_12rh3_93{flex-direction:column;justify-content:center;padding:var(--purpur-spacing-600) var(--purpur-spacing-400)}}@container promotion-card (min-width: 1024px){._purpur-promotion-card__content--with-image_12rh3_93{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_12rh3_104{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_12rh3_88,._purpur-promotion-card__body_12rh3_108{width:100%}._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__heading_12rh3_88{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__main-content_12rh3_84,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108{display:flex;flex-direction:column;flex-grow:1}._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 p,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h1,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h2,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h3,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h4,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h5,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 h6,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 ul,._purpur-promotion-card_12rh3_1 ._purpur-promotion-card__body_12rh3_108 ol{color:var(--promotion-card-color)}._purpur-promotion-card__child-content_12rh3_137{flex-grow:1}._purpur-promotion-card__image-wrapper_12rh3_140{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_12rh3_143 picture,._purpur-promotion-card__image-wrapper--decorative_12rh3_143 img,._purpur-promotion-card__image-wrapper--product_12rh3_144 picture,._purpur-promotion-card__image-wrapper--product_12rh3_144 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_12rh3_143 img,._purpur-promotion-card__image-wrapper--product_12rh3_144 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_12rh3_143{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_12rh3_143{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_12rh3_143 img{height:100%}}._purpur-promotion-card__image-wrapper--product_12rh3_144{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_12rh3_1 [class*=_purpur-cta-link_],._purpur-promotion-card_12rh3_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_12rh3_1 [class*=_purpur-cta-link_],._purpur-promotion-card_12rh3_1 [class*=_purpur-button_]{width:auto}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/promotion-card",
3
- "version": "5.20.1",
3
+ "version": "5.21.1",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/promotion-card.cjs.js",
6
6
  "types": "./dist/promotion-card.d.ts",
@@ -16,18 +16,18 @@
16
16
  "source": "src/promotion-card.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.0",
19
- "@purpurds/badge": "5.20.1",
20
- "@purpurds/button": "5.20.1",
21
- "@purpurds/cta-link": "5.20.1",
22
- "@purpurds/heading": "5.20.1",
23
- "@purpurds/icon": "5.20.1",
24
- "@purpurds/card": "5.20.1",
25
- "@purpurds/tokens": "5.20.1"
19
+ "@purpurds/badge": "5.21.1",
20
+ "@purpurds/card": "5.21.1",
21
+ "@purpurds/cta-link": "5.21.1",
22
+ "@purpurds/heading": "5.21.1",
23
+ "@purpurds/button": "5.21.1",
24
+ "@purpurds/icon": "5.21.1",
25
+ "@purpurds/tokens": "5.21.1"
26
26
  },
27
27
  "devDependencies": {
28
28
  "@rushstack/eslint-patch": "~1.10.0",
29
- "@storybook/react": "^8.2.6",
30
- "storybook": "^8.2.6",
29
+ "@storybook/react": "^8.3.5",
30
+ "storybook": "^8.3.5",
31
31
  "@telia/base-rig": "~8.2.0",
32
32
  "@telia/react-rig": "~3.2.0",
33
33
  "@testing-library/dom": "~9.3.3",
@@ -43,13 +43,13 @@
43
43
  "prettier": "~2.8.8",
44
44
  "react-dom": "^18.3.1",
45
45
  "react": "^18.3.1",
46
- "typescript": "^5.5.4",
47
- "vite": "5.3.4",
48
- "vitest": "~1.5.0",
46
+ "typescript": "^5.6.3",
47
+ "vite": "5.4.8",
48
+ "vitest": "^2.1.2",
49
49
  "@purpurds/component-rig": "1.0.0",
50
- "@purpurds/text-spacing": "5.20.1",
51
- "@purpurds/paragraph": "5.20.1",
52
- "@purpurds/grid": "5.20.1"
50
+ "@purpurds/text-spacing": "5.21.1",
51
+ "@purpurds/grid": "5.21.1",
52
+ "@purpurds/paragraph": "5.21.1"
53
53
  },
54
54
  "scripts": {
55
55
  "build:dev": "vite",
package/src/promotion-card.module.scss CHANGED
@@ -122,7 +122,7 @@
122
122
  width: 100%;
123
123
  }
124
124
 
125
- &__heading {
125
+ & &__heading {
126
126
  margin-bottom: var(--purpur-spacing-150);
127
127
  color: var(--promotion-card-color);
128
128
  }
@@ -133,7 +133,7 @@
133
133
  flex-grow: 1;
134
134
  }
135
135
 
136
- &__body {
136
+ & &__body {
137
137
  display: flex;
138
138
  flex-direction: column;
139
139
  flex-grow: 1;