@purpurds/promotion-card 5.14.0 → 5.15.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.
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-promotion-card_hmb27_1{position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card--without-image_hmb27_8:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;background:var(--promotion-card-background-image) right 50% center;background-size:cover;transform:rotateY(180deg)}@container promotion-card (min-width: 600px){._purpur-promotion-card--without-image_hmb27_8:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card--without-image_hmb27_8:before{transform:rotateY(0)}}._purpur-promotion-card--with-image_hmb27_28{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_hmb27_28{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__card_hmb27_40{container:promotion-card/inline-size;height:100%}._purpur-promotion-card__image-gradient_hmb27_44{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_hmb27_44{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--promotion-card-background),transparent 75%)}}._purpur-promotion-card__content_hmb27_60{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_hmb27_70{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_hmb27_70 ._purpur-promotion-card__main-content_hmb27_73{display:flex;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_hmb27_70 ._purpur-promotion-card__heading_hmb27_77{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_hmb27_82{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_hmb27_82{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_hmb27_93{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_hmb27_77,._purpur-promotion-card__body_hmb27_97{width:100%}._purpur-promotion-card__heading_hmb27_77{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__body_hmb27_97{display:flex;flex-direction:column}._purpur-promotion-card__body_hmb27_97,._purpur-promotion-card__body_hmb27_97 p,._purpur-promotion-card__body_hmb27_97 h1,._purpur-promotion-card__body_hmb27_97 h2,._purpur-promotion-card__body_hmb27_97 h3,._purpur-promotion-card__body_hmb27_97 h4,._purpur-promotion-card__body_hmb27_97 h5,._purpur-promotion-card__body_hmb27_97 h6,._purpur-promotion-card__body_hmb27_97 ul,._purpur-promotion-card__body_hmb27_97 ol{color:var(--promotion-card-color)}._purpur-promotion-card__image-wrapper_hmb27_120{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_hmb27_123 picture,._purpur-promotion-card__image-wrapper--decorative_hmb27_123 img,._purpur-promotion-card__image-wrapper--product_hmb27_124 picture,._purpur-promotion-card__image-wrapper--product_hmb27_124 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_hmb27_123 img,._purpur-promotion-card__image-wrapper--product_hmb27_124 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_hmb27_123{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_hmb27_123{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_hmb27_123 img{height:100%}}._purpur-promotion-card__image-wrapper--product_hmb27_124{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_hmb27_1 [class*=_purpur-cta-link_],._purpur-promotion-card_hmb27_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_hmb27_1 [class*=_purpur-cta-link_],._purpur-promotion-card_hmb27_1 [class*=_purpur-button_]{width:auto}}
1
+ ._purpur-promotion-card_1u1no_1{position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card--without-image_1u1no_8:before{content:"";position:absolute;z-index:-1;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_1u1no_8:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card--without-image_1u1no_8:before{transform:rotateY(0)}}._purpur-promotion-card--with-image_1u1no_30{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_1u1no_30{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__card_1u1no_42{container:promotion-card/inline-size;height:100%}._purpur-promotion-card__image-gradient_1u1no_46{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_1u1no_46{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--promotion-card-background),transparent 75%)}}._purpur-promotion-card__content_1u1no_62{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_1u1no_72{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_1u1no_72 ._purpur-promotion-card__main-content_1u1no_75{display:flex;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_1u1no_72 ._purpur-promotion-card__heading_1u1no_79{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_1u1no_84{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_1u1no_84{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_1u1no_95{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_1u1no_79,._purpur-promotion-card__body_1u1no_99{width:100%}._purpur-promotion-card__heading_1u1no_79{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__body_1u1no_99{display:flex;flex-direction:column}._purpur-promotion-card__body_1u1no_99,._purpur-promotion-card__body_1u1no_99 p,._purpur-promotion-card__body_1u1no_99 h1,._purpur-promotion-card__body_1u1no_99 h2,._purpur-promotion-card__body_1u1no_99 h3,._purpur-promotion-card__body_1u1no_99 h4,._purpur-promotion-card__body_1u1no_99 h5,._purpur-promotion-card__body_1u1no_99 h6,._purpur-promotion-card__body_1u1no_99 ul,._purpur-promotion-card__body_1u1no_99 ol{color:var(--promotion-card-color)}._purpur-promotion-card__image-wrapper_1u1no_122{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_1u1no_125 picture,._purpur-promotion-card__image-wrapper--decorative_1u1no_125 img,._purpur-promotion-card__image-wrapper--product_1u1no_126 picture,._purpur-promotion-card__image-wrapper--product_1u1no_126 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_1u1no_125 img,._purpur-promotion-card__image-wrapper--product_1u1no_126 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_1u1no_125{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_1u1no_125{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_1u1no_125 img{height:100%}}._purpur-promotion-card__image-wrapper--product_1u1no_126{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_1u1no_1 [class*=_purpur-cta-link_],._purpur-promotion-card_1u1no_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_1u1no_1 [class*=_purpur-cta-link_],._purpur-promotion-card_1u1no_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.14.0",
3
+ "version": "5.15.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,11 +16,11 @@
16
16
  "source": "src/promotion-card.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.0",
19
- "@purpurds/badge": "5.14.0",
20
- "@purpurds/heading": "5.14.0",
21
- "@purpurds/icon": "5.14.0",
22
- "@purpurds/tokens": "5.14.0",
23
- "@purpurds/card": "5.14.0"
19
+ "@purpurds/badge": "5.15.1",
20
+ "@purpurds/icon": "5.15.1",
21
+ "@purpurds/heading": "5.15.1",
22
+ "@purpurds/card": "5.15.1",
23
+ "@purpurds/tokens": "5.15.1"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@rushstack/eslint-patch": "~1.10.0",
@@ -44,11 +44,11 @@
44
44
  "typescript": "^5.5.4",
45
45
  "vite": "5.3.4",
46
46
  "vitest": "~1.5.0",
47
+ "@purpurds/cta-link": "5.15.1",
47
48
  "@purpurds/component-rig": "1.0.0",
48
- "@purpurds/cta-link": "5.14.0",
49
- "@purpurds/paragraph": "5.14.0",
50
- "@purpurds/text-spacing": "5.14.0",
51
- "@purpurds/grid": "5.14.0"
49
+ "@purpurds/grid": "5.15.1",
50
+ "@purpurds/paragraph": "5.15.1",
51
+ "@purpurds/text-spacing": "5.15.1"
52
52
  },
53
53
  "scripts": {
54
54
  "build:dev": "vite",
@@ -15,7 +15,9 @@
15
15
  z-index: -1;
16
16
  width: 100%;
17
17
  height: 100%;
18
- background: var(--promotion-card-background-image) right 50% center;
18
+ background-color: var(--promotion-card-background);
19
+ background-image: var(--promotion-card-background-image);
20
+ background-position: right 50% center;
19
21
  background-size: cover;
20
22
  transform: rotateY(180deg);
21
23