@purpurds/promotion-card 6.8.1 → 6.8.3
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 +6 -6
- package/dist/promotion-card.cjs.js +7 -7
- package/dist/promotion-card.cjs.js.map +1 -1
- package/dist/promotion-card.es.js +60 -51
- package/dist/promotion-card.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +11 -11
- package/src/promotion-card.module.scss +0 -1
- package/src/promotion-card.tsx +1 -1
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-promotion-
|
|
1
|
+
._purpur-promotion-card_1ufmj_1{position:relative;width:100%;height:100%;color:var(--promotion-card-color);box-sizing:border-box}._purpur-promotion-card--without-image_1ufmj_8 ._purpur-promotion-card__content_1ufmj_8{position:relative;z-index:1}._purpur-promotion-card--without-image_1ufmj_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_1ufmj_8:before{background-position:center center}}@container promotion-card (min-width: 1024px){._purpur-promotion-card--without-image_1ufmj_8:before{transform:rotateY(0)}}._purpur-promotion-card--with-image_1ufmj_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_1ufmj_33{grid-template-areas:"body image";grid-template-columns:repeat(2,1fr)}}._purpur-promotion-card__card_1ufmj_45{container:promotion-card/inline-size}._purpur-promotion-card__image-gradient_1ufmj_48{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_1ufmj_48{left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,var(--promotion-card-background),transparent 75%)}}._purpur-promotion-card__actions_1ufmj_64{display:flex;flex-wrap:wrap;gap:var(--purpur-spacing-200);padding-top:var(--purpur-spacing-400)}._purpur-promotion-card__content_1ufmj_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_1ufmj_80{padding:var(--purpur-spacing-600)}._purpur-promotion-card__content--without-image_1ufmj_80 ._purpur-promotion-card__main-content_1ufmj_83{display:flex;flex-direction:row;gap:var(--purpur-spacing-300)}._purpur-promotion-card__content--without-image_1ufmj_80 ._purpur-promotion-card__heading_1ufmj_88{width:100%}}@container promotion-card (min-width: 600px){._purpur-promotion-card__content--with-image_1ufmj_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_1ufmj_93{padding:var(--purpur-spacing-1200) var(--purpur-spacing-600)}}._purpur-promotion-card__badge-wrapper_1ufmj_104{width:100%;padding-bottom:var(--purpur-spacing-200)}._purpur-promotion-card__heading_1ufmj_88,._purpur-promotion-card__body_1ufmj_108{width:100%}._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__heading_1ufmj_88{margin-bottom:var(--purpur-spacing-150);color:var(--promotion-card-color)}._purpur-promotion-card__main-content_1ufmj_83{display:flex;flex-direction:column}._purpur-promotion-card__main-content--space-between_1ufmj_119{flex-grow:1}._purpur-promotion-card__main-content--flex-end_1ufmj_122{flex-grow:0}._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108{display:flex;flex-direction:column;flex-grow:1}._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 p,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 h1,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 h2,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 h3,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 h4,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 h5,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 h6,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 ul,._purpur-promotion-card_1ufmj_1 ._purpur-promotion-card__body_1ufmj_108 ol{color:var(--promotion-card-color)}._purpur-promotion-card__child-content_1ufmj_142{flex-grow:1}._purpur-promotion-card__additional-text_1ufmj_145{margin-top:var(--purpur-spacing-400)}._purpur-promotion-card__image-wrapper_1ufmj_148{grid-area:image}._purpur-promotion-card__image-wrapper--decorative_1ufmj_151 picture,._purpur-promotion-card__image-wrapper--decorative_1ufmj_151 img,._purpur-promotion-card__image-wrapper--product_1ufmj_152 picture,._purpur-promotion-card__image-wrapper--product_1ufmj_152 img{display:block;width:100%;height:auto}._purpur-promotion-card__image-wrapper--decorative_1ufmj_151 img,._purpur-promotion-card__image-wrapper--product_1ufmj_152 img{object-fit:cover}._purpur-promotion-card__image-wrapper--decorative_1ufmj_151{position:relative;width:100%;aspect-ratio:3/2}@container promotion-card (min-width: 600px){._purpur-promotion-card__image-wrapper--decorative_1ufmj_151{aspect-ratio:unset}._purpur-promotion-card__image-wrapper--decorative_1ufmj_151 img{height:100%}}._purpur-promotion-card__image-wrapper--product_1ufmj_152{display:flex;justify-content:center;align-items:center;padding:var(--purpur-spacing-400)}._purpur-promotion-card_1ufmj_1 [class*=_purpur-cta-link_],._purpur-promotion-card_1ufmj_1 [class*=_purpur-button_]{width:100%}@container promotion-card (min-width: 600px){._purpur-promotion-card_1ufmj_1 [class*=_purpur-cta-link_],._purpur-promotion-card_1ufmj_1 [class*=_purpur-button_]{width:auto}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/promotion-card",
|
|
3
|
-
"version": "6.8.
|
|
3
|
+
"version": "6.8.3",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/promotion-card.cjs.js",
|
|
6
6
|
"types": "./dist/promotion-card.d.ts",
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
"source": "src/promotion-card.tsx",
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"classnames": "~2.5.0",
|
|
20
|
-
"@purpurds/badge": "6.8.
|
|
21
|
-
"@purpurds/
|
|
22
|
-
"@purpurds/
|
|
23
|
-
"@purpurds/
|
|
24
|
-
"@purpurds/
|
|
25
|
-
"@purpurds/
|
|
26
|
-
"@purpurds/
|
|
27
|
-
"@purpurds/tokens": "6.8.
|
|
20
|
+
"@purpurds/badge": "6.8.3",
|
|
21
|
+
"@purpurds/cta-link": "6.8.3",
|
|
22
|
+
"@purpurds/heading": "6.8.3",
|
|
23
|
+
"@purpurds/button": "6.8.3",
|
|
24
|
+
"@purpurds/card": "6.8.3",
|
|
25
|
+
"@purpurds/paragraph": "6.8.3",
|
|
26
|
+
"@purpurds/icon": "6.8.3",
|
|
27
|
+
"@purpurds/tokens": "6.8.3"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@rushstack/eslint-patch": "~1.10.0",
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"vite": "^6.2.1",
|
|
50
50
|
"vitest": "^2.1.2",
|
|
51
51
|
"@purpurds/component-rig": "1.0.0",
|
|
52
|
-
"@purpurds/text-spacing": "6.8.
|
|
53
|
-
"@purpurds/grid": "6.8.
|
|
52
|
+
"@purpurds/text-spacing": "6.8.3",
|
|
53
|
+
"@purpurds/grid": "6.8.3"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
56
|
"@types/react": "^18 || ^19",
|
package/src/promotion-card.tsx
CHANGED
|
@@ -113,7 +113,7 @@ const PromotionCardComponent = (
|
|
|
113
113
|
} as React.CSSProperties;
|
|
114
114
|
|
|
115
115
|
return (
|
|
116
|
-
<Card ref={ref} className={cx(`${rootClassName}__card`)}>
|
|
116
|
+
<Card ref={ref} className={cx(`${rootClassName}__card`)} fullHeight>
|
|
117
117
|
<div
|
|
118
118
|
data-testid={dataTestid}
|
|
119
119
|
style={{
|