@purpurds/promotion-card 8.5.0 → 8.5.2

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.
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-promotion-card_1hj0f_1{container:promotion-card/inline-size;position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card__inner_1hj0f_9{height:100%}._purpur-promotion-card__inner--without-image_1hj0f_12 ._purpur-promotion-card__content_1hj0f_12{position:relative;z-index:1}._purpur-promotion-card__inner--without-image_1hj0f_12: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__inner--without-image_1hj0f_12:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card__inner--without-image_1hj0f_12:before{transform:rotateY(0)}}._purpur-promotion-card__inner--with-image_1hj0f_37{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__inner--with-image_1hj0f_37{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__actions_1hj0f_49{display:flex;flex-wrap:wrap;gap:var(--purpur-spacing-200);padding-top:var(--purpur-spacing-400)}._purpur-promotion-card__content_1hj0f_12{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_1hj0f_65{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_1hj0f_65 ._purpur-promotion-card__main-content_1hj0f_68{display:flex;flex-direction:row;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_1hj0f_65 ._purpur-promotion-card__heading_1hj0f_73{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_1hj0f_78{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_1hj0f_78{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_1hj0f_89{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_1hj0f_73,._purpur-promotion-card__body_1hj0f_93{width:100%}._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__heading_1hj0f_73{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__main-content_1hj0f_68{display:flex;flex-direction:column}._purpur-promotion-card__main-content--space-between_1hj0f_104{flex-grow:1}._purpur-promotion-card__main-content--flex-end_1hj0f_107{flex-grow:0}._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93{display:flex;flex-direction:column;flex-grow:1}._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 p,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 h1,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 h2,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 h3,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 h4,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 h5,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 h6,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 ul,._purpur-promotion-card_1hj0f_1 ._purpur-promotion-card__body_1hj0f_93 ol{color:var(--promotion-card-color)}._purpur-promotion-card__child-content_1hj0f_127{flex-grow:1}._purpur-promotion-card__additional-text_1hj0f_130{margin-top:var(--purpur-spacing-400)}._purpur-promotion-card__image-wrapper_1hj0f_133{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_1hj0f_136 picture,._purpur-promotion-card__image-wrapper--decorative_1hj0f_136 img,._purpur-promotion-card__image-wrapper--product_1hj0f_137 picture,._purpur-promotion-card__image-wrapper--product_1hj0f_137 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_1hj0f_136 img,._purpur-promotion-card__image-wrapper--product_1hj0f_137 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_1hj0f_136{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_1hj0f_136{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_1hj0f_136 img{height:100%}}._purpur-promotion-card__image-wrapper--product_1hj0f_137{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_1hj0f_1 [class*=_purpur-cta-link_],._purpur-promotion-card_1hj0f_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_1hj0f_1 [class*=_purpur-cta-link_],._purpur-promotion-card_1hj0f_1 [class*=_purpur-button_]{width:auto}}
1
+ ._purpur-promotion-card_w7fvy_1{container:promotion-card/inline-size;position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card__inner_w7fvy_9{height:100%}._purpur-promotion-card__inner--without-image_w7fvy_12 ._purpur-promotion-card__content_w7fvy_12{position:relative;z-index:1}._purpur-promotion-card__inner--without-image_w7fvy_12: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__inner--without-image_w7fvy_12:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card__inner--without-image_w7fvy_12:before{transform:rotateY(0)}}._purpur-promotion-card__inner--with-image_w7fvy_37{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__inner--with-image_w7fvy_37{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__actions_w7fvy_49{display:flex;flex-wrap:wrap;gap:var(--purpur-spacing-200);padding-top:var(--purpur-spacing-400)}._purpur-promotion-card__content_w7fvy_12{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_w7fvy_65{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_w7fvy_65 ._purpur-promotion-card__main-content_w7fvy_68{display:flex;flex-direction:row;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_w7fvy_65 ._purpur-promotion-card__heading_w7fvy_73{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_w7fvy_78{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_w7fvy_78{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_w7fvy_89{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_w7fvy_73,._purpur-promotion-card__body_w7fvy_93{width:100%}._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__heading_w7fvy_73{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__main-content_w7fvy_68{display:flex;flex-direction:column}._purpur-promotion-card__main-content--space-between_w7fvy_104{flex-grow:1}._purpur-promotion-card__main-content--flex-end_w7fvy_107{flex-grow:0}._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93{display:flex;flex-direction:column;flex-grow:1}._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 p,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 h1,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 h2,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 h3,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 h4,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 h5,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 h6,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 ul,._purpur-promotion-card_w7fvy_1 ._purpur-promotion-card__body_w7fvy_93 ol{color:var(--promotion-card-color)}._purpur-promotion-card__child-content_w7fvy_127{flex-grow:1}._purpur-promotion-card__additional-text_w7fvy_130{margin-top:var(--purpur-spacing-400)}._purpur-promotion-card__image-wrapper_w7fvy_133{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_w7fvy_136 picture,._purpur-promotion-card__image-wrapper--decorative_w7fvy_136 img,._purpur-promotion-card__image-wrapper--product_w7fvy_137 picture,._purpur-promotion-card__image-wrapper--product_w7fvy_137 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_w7fvy_136 img,._purpur-promotion-card__image-wrapper--product_w7fvy_137 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_w7fvy_136{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_w7fvy_136{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_w7fvy_136 img{height:100%}}._purpur-promotion-card__image-wrapper--product_w7fvy_137{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_w7fvy_1 [class*=_purpur-cta-link_]:not([class*=_purpur-cta-link__icon]),._purpur-promotion-card_w7fvy_1 [class*=_purpur-button_]:not([class*=_purpur-button__spinner]){width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_w7fvy_1 [class*=_purpur-cta-link_]:not([class*=_purpur-cta-link__icon]),._purpur-promotion-card_w7fvy_1 [class*=_purpur-button_]:not([class*=_purpur-button__spinner]){width:auto}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/promotion-card",
3
- "version": "8.5.0",
3
+ "version": "8.5.2",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/promotion-card.cjs.js",
6
6
  "types": "./dist/promotion-card.d.ts",
@@ -17,15 +17,15 @@
17
17
  "source": "src/promotion-card.tsx",
18
18
  "dependencies": {
19
19
  "classnames": "~2.5.0",
20
- "@purpurds/card": "8.5.0",
21
- "@purpurds/button": "8.5.0",
22
- "@purpurds/icon": "8.5.0",
23
- "@purpurds/badge": "8.5.0",
24
- "@purpurds/heading": "8.5.0",
25
- "@purpurds/cta-link": "8.5.0",
26
- "@purpurds/tokens": "8.5.0",
27
- "@purpurds/common-types": "8.5.0",
28
- "@purpurds/paragraph": "8.5.0"
20
+ "@purpurds/badge": "8.5.2",
21
+ "@purpurds/card": "8.5.2",
22
+ "@purpurds/button": "8.5.2",
23
+ "@purpurds/common-types": "8.5.2",
24
+ "@purpurds/cta-link": "8.5.2",
25
+ "@purpurds/heading": "8.5.2",
26
+ "@purpurds/icon": "8.5.2",
27
+ "@purpurds/paragraph": "8.5.2",
28
+ "@purpurds/tokens": "8.5.2"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@storybook/react-vite": "^9.0.18",
@@ -45,10 +45,10 @@
45
45
  "typescript": "^5.6.3",
46
46
  "vite": "^6.2.1",
47
47
  "vitest": "^3.1.2",
48
- "@purpurds/grid": "8.5.0",
49
48
  "@purpurds/component-rig": "1.0.0",
50
- "@purpurds/theme": "8.5.0",
51
- "@purpurds/text-spacing": "8.5.0"
49
+ "@purpurds/grid": "8.5.2",
50
+ "@purpurds/text-spacing": "8.5.2",
51
+ "@purpurds/theme": "8.5.2"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "@types/react": "^18 || ^19",
@@ -190,8 +190,8 @@
190
190
  }
191
191
  }
192
192
 
193
- [class*="_purpur-cta-link_"],
194
- [class*="_purpur-button_"] {
193
+ [class*="_purpur-cta-link_"]:not([class*="_purpur-cta-link__icon"]),
194
+ [class*="_purpur-button_"]:not([class*="_purpur-button__spinner"]) {
195
195
  width: 100%;
196
196
 
197
197
  @container promotion-card (min-width: #{$purpur-breakpoint-md}) {