@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/LICENSE.txt +3 -3
- package/dist/promotion-card.cjs.js +6 -6
- package/dist/promotion-card.cjs.js.map +1 -1
- package/dist/promotion-card.d.ts +1 -1
- package/dist/promotion-card.es.js +53 -54
- package/dist/promotion-card.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +10 -10
- package/src/promotion-card.module.scss +3 -1
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-promotion-
|
|
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.
|
|
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.
|
|
20
|
-
"@purpurds/
|
|
21
|
-
"@purpurds/
|
|
22
|
-
"@purpurds/
|
|
23
|
-
"@purpurds/
|
|
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/
|
|
49
|
-
"@purpurds/paragraph": "5.
|
|
50
|
-
"@purpurds/text-spacing": "5.
|
|
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
|
|
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
|
|