@purpurds/content-block 6.7.0 → 6.7.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/LICENSE.txt +5 -5
- package/dist/content-block.cjs.js +1 -1
- package/dist/content-block.es.js +41 -41
- package/dist/styles.css +1 -1
- package/package.json +8 -8
- package/src/content-block.module.scss +1 -1
package/dist/LICENSE.txt
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
Name: @purpurds/badge
|
|
2
|
-
Version: 6.
|
|
2
|
+
Version: 6.7.1
|
|
3
3
|
License: AGPL-3.0-only
|
|
4
4
|
Private: false
|
|
5
5
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
8
|
Name: @purpurds/cta-link
|
|
9
|
-
Version: 6.
|
|
9
|
+
Version: 6.7.1
|
|
10
10
|
License: AGPL-3.0-only
|
|
11
11
|
Private: false
|
|
12
12
|
|
|
13
13
|
---
|
|
14
14
|
|
|
15
15
|
Name: @purpurds/heading
|
|
16
|
-
Version: 6.
|
|
16
|
+
Version: 6.7.1
|
|
17
17
|
License: AGPL-3.0-only
|
|
18
18
|
Private: false
|
|
19
19
|
|
|
20
20
|
---
|
|
21
21
|
|
|
22
22
|
Name: @purpurds/icon
|
|
23
|
-
Version: 6.
|
|
23
|
+
Version: 6.7.1
|
|
24
24
|
License: AGPL-3.0-only
|
|
25
25
|
Private: false
|
|
26
26
|
|
|
27
27
|
---
|
|
28
28
|
|
|
29
29
|
Name: @purpurds/paragraph
|
|
30
|
-
Version: 6.
|
|
30
|
+
Version: 6.7.1
|
|
31
31
|
License: AGPL-3.0-only
|
|
32
32
|
Private: false
|
|
33
33
|
|
|
@@ -30,5 +30,5 @@
|
|
|
30
30
|
Copyright (c) 2018 Jed Watson.
|
|
31
31
|
Licensed under the MIT License (MIT), see
|
|
32
32
|
http://jedwatson.github.io/classnames
|
|
33
|
-
*/var J;function we(){return J||(J=1,function(t){(function(){var u={}.hasOwnProperty;function n(){for(var r="",e=0;e<arguments.length;e++){var a=arguments[e];a&&(r=p(r,l.call(this,a)))}return r}function l(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var a in r)u.call(r,a)&&r[a]&&(e=p(e,this&&this[a]||a));return e}function p(r,e){return e?r?r+" "+e:r+e:r}t.exports?(n.default=n,t.exports=n):window.classNames=n})()}(A)),A.exports}var xe=we();const ur=ye(xe),be={"purpur-content-block":"_purpur-content-
|
|
33
|
+
*/var J;function we(){return J||(J=1,function(t){(function(){var u={}.hasOwnProperty;function n(){for(var r="",e=0;e<arguments.length;e++){var a=arguments[e];a&&(r=p(r,l.call(this,a)))}return r}function l(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var e="";for(var a in r)u.call(r,a)&&r[a]&&(e=p(e,this&&this[a]||a));return e}function p(r,e){return e?r?r+" "+e:r+e:r}t.exports?(n.default=n,t.exports=n):window.classNames=n})()}(A)),A.exports}var xe=we();const ur=ye(xe),be={"purpur-content-block":"_purpur-content-block_1nd7j_1","purpur-content-block__section":"_purpur-content-block__section_1nd7j_17","purpur-content-block__image-wrapper":"_purpur-content-block__image-wrapper_1nd7j_25","purpur-content-block__video-wrapper":"_purpur-content-block__video-wrapper_1nd7j_28","purpur-content-block__content-wrapper":"_purpur-content-block__content-wrapper_1nd7j_38","purpur-content-block__badge":"_purpur-content-block__badge_1nd7j_43","purpur-content-block__content":"_purpur-content-block__content_1nd7j_38","purpur-content-block__usp-list":"_purpur-content-block__usp-list_1nd7j_49","purpur-content-block__usp-list-item":"_purpur-content-block__usp-list-item_1nd7j_54","purpur-content-block__usp-list-item-icon":"_purpur-content-block__usp-list-item-icon_1nd7j_62","purpur-content-block__links":"_purpur-content-block__links_1nd7j_65","purpur-content-block--negative":"_purpur-content-block--negative_1nd7j_76","purpur-content-block__text-spacing":"_purpur-content-block__text-spacing_1nd7j_76"},$e={"purpur-content-block-group":"_purpur-content-block-group_1g4rh_1"},ke=ur.bind($e),Q="purpur-content-block-group",pr=({children:t,className:u,negative:n,["data-testid"]:l,...p})=>{const r=ke([u,Q,{[`${Q}--negative`]:n}]),e=()=>j.Children.map(t,a=>j.isValidElement(a)?j.cloneElement(a,{negative:n}):a);return i.jsx("div",{className:r,"data-testid":l,...p,children:e()})};pr.displayName="ContentBlockGroup";const c=ur.bind(be),s="purpur-content-block",q=({["data-testid"]:t,className:u,negative:n,image:l,video:p,tagline:r,title:e,ctas:a,usp:o,headingTag:_="h2",headingVariant:f="title-300",onCtaClick:h,children:N,...w})=>{const x=c([u,s,{[`${s}--negative`]:n}]);return i.jsxs("div",{"data-testid":t,className:x,...w,children:[i.jsx("div",{className:c(`${s}__section`),children:p?i.jsx("div",{className:c(`${s}__video-wrapper`),children:p}):i.jsx("div",{className:c(`${s}__image-wrapper`),children:l})}),i.jsx("div",{className:c(`${s}__section`),children:i.jsxs("div",{className:c(`${s}__content-wrapper`),children:[r?i.jsx(Zr,{variant:"special",className:c(`${s}__badge`),children:r}):null,e&&e.trim()&&i.jsx(er,{variant:f,tag:_,negative:n,children:e}),i.jsx("div",{className:c(`${s}__content`),children:N}),o!=null&&o.length?i.jsx("ul",{className:c(`${s}__usp-list`),children:o.map(d=>d&&i.jsxs("li",{className:c(`${s}__usp-list-item`),children:[i.jsx(ar,{size:"xs",className:c(`${s}__usp-list-item-icon`)}),i.jsx(nr,{negative:n,children:d})]},d))}):null,a&&a.length>0&&i.jsx("div",{className:c(`${s}__links`),children:a.map(({text:d,href:b,...M},lr)=>b&&i.jsx(rr,{href:b,variant:lr===0?"primary":"secondary",negative:n,onClick:()=>h==null?void 0:h({text:d,href:b,...M}),...M,children:d},d+b))})]})})]})};q.Group=pr;q.displayName="ContentBlock";exports.ContentBlock=q;
|
|
34
34
|
//# sourceMappingURL=content-block.cjs.js.map
|
package/dist/content-block.es.js
CHANGED
|
@@ -103,28 +103,28 @@ const $r = {
|
|
|
103
103
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M10.354 3.05c.732-1.267 2.56-1.267 3.291 0l8.66 15c.732 1.267-.182 2.85-1.645 2.85H3.34c-1.463 0-2.377-1.583-1.646-2.85l8.66-15Zm1.595.862a.092.092 0 0 0-.036.038l-8.66 15a.092.092 0 0 0-.015.05c0 .014.005.032.015.05a.11.11 0 0 0 .036.038.09.09 0 0 0 .05.012H20.66a.088.088 0 0 0 .05-.012.106.106 0 0 0 .037-.038.105.105 0 0 0 .015-.05.092.092 0 0 0-.015-.05l-8.66-15a.092.092 0 0 0-.036-.038A.106.106 0 0 0 12 3.9a.105.105 0 0 0-.05.012Z" clip-rule="evenodd"/><path d="m12.523 14.922.412-6.25a.936.936 0 1 0-1.868 0l.421 6.25h1.035ZM12 17.52c.44 0 .826-.387.826-.815 0-.418-.387-.816-.826-.816-.428 0-.825.398-.825.816 0 .428.397.815.825.815Z"/><path fill-rule="evenodd" d="M12.691 15.096h-1.37l-.431-6.53a1 1 0 0 1 .997-1.066h.227a1 1 0 0 1 .998 1.064l-.42 6.532Zm.244-6.425a.936.936 0 1 0-1.868.002l.421 6.249h1.035l.412-6.25ZM13 16.706c0 .526-.466.99-1 .99-.522 0-1-.463-1-.99 0-.264.125-.51.304-.689.18-.178.429-.301.696-.301.536 0 1 .475 1 .99Zm-.174 0c0 .428-.387.815-.826.815-.428 0-.825-.387-.825-.815 0-.418.397-.816.825-.816.44 0 .826.398.826.816Z" clip-rule="evenodd"/></svg>',
|
|
104
104
|
keywords: ["error"],
|
|
105
105
|
category: "status"
|
|
106
|
-
},
|
|
106
|
+
}, jr = {
|
|
107
107
|
name: "info",
|
|
108
108
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11 8.18c0 .537.469.979 1.007.979.524 0 .993-.442.993-.98s-.469-.979-.993-.979c-.538 0-1.007.441-1.007.98Zm.152 1.958v6.897h1.696v-6.897h-1.696Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
|
|
109
109
|
keywords: ["info"],
|
|
110
110
|
category: "status"
|
|
111
|
-
},
|
|
111
|
+
}, Sr = {
|
|
112
112
|
name: "offering",
|
|
113
113
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.118 4.6H7a1.9 1.9 0 0 0-1.9 1.9V8a1.9 1.9 0 0 0 1.5 1.858v.642a.9.9 0 1 0 1.8 0v-.6h3.2v.6a.9.9 0 0 0 1.8 0v-.6h3.7V11a.9.9 0 0 0 1.8 0V9.858A1.9 1.9 0 0 0 20.4 8V6.5a1.9 1.9 0 0 0-1.9-1.9h-.618c-.063-.708-.3-1.394-.756-1.943-.56-.674-1.384-1.057-2.376-1.057-.92 0-1.696.33-2.25.915-.554-.585-1.33-.915-2.25-.915-.992 0-1.816.383-2.376 1.057-.457.549-.693 1.235-.756 1.943Zm1.812 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm4.5 0h2.64c-.053-.34-.174-.607-.328-.792-.192-.232-.493-.408-.992-.408s-.8.176-.992.408c-.154.185-.275.452-.328.792Zm-.03 3.5h5.1a.1.1 0 0 0 .1-.1V6.5a.1.1 0 0 0-.1-.1h-5.1v1.7Zm-1.8-1.7H7a.1.1 0 0 0-.1.1V8a.1.1 0 0 0 .1.1h4.6V6.4Zm8.335 5.147c.743-.107 1.52.135 2.201.817.474.473.695 1.011.708 1.548.012.508-.163.927-.318 1.2-.185.326-.47.607-.634.77l-.049.047-4.414 4.414a1.9 1.9 0 0 1-1.343.557H7.914a.1.1 0 0 0-.07.03l-.5.5a1.9 1.9 0 0 1-2.687 0L2.57 19.342a1.9 1.9 0 0 1 0-2.686l4-4a1.9 1.9 0 0 1 1.343-.557H14.5v.9-.9h.041l.065.004a2.73 2.73 0 0 1 .79.185 2.665 2.665 0 0 1 1.46 1.417c.188-.162.375-.324.551-.479.46-.401.815-.722.957-.863.338-.34.882-.719 1.571-.817ZM15.088 15.1a1.06 1.06 0 0 0 .08-.145c.1-.207.113-.38.027-.553a.867.867 0 0 0-.668-.497.628.628 0 0 0-.042-.005h-6.57a.1.1 0 0 0-.071.03l-4 4a.1.1 0 0 0 0 .14l2.085 2.087a.1.1 0 0 0 .142 0l.5-.5a1.9 1.9 0 0 1 1.343-.557h8.172a.1.1 0 0 0 .07-.03l4.415-4.414c.225-.225.334-.335.39-.434a.539.539 0 0 0 .083-.266.283.283 0 0 0-.026-.11.712.712 0 0 0-.154-.21c-.319-.318-.542-.326-.674-.307-.186.026-.392.146-.554.307-.191.192-.595.553-1.043.946-.904.79-2.143 1.838-2.561 2.144l-.238.174H10.5a.9.9 0 0 1 0-1.8h4.588Z" clip-rule="evenodd"/></svg>',
|
|
114
114
|
keywords: ["offering"],
|
|
115
115
|
category: "other"
|
|
116
|
-
},
|
|
116
|
+
}, Ar = {
|
|
117
117
|
name: "question",
|
|
118
118
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13.672 12.056c-.635.547-1.242 1.07-1.164 2.062h-1.385c-.309-1.553.504-2.214 1.23-2.805.514-.419.986-.802.986-1.442 0-.593-.489-1.068-1.267-1.068-.764 0-1.345.422-1.872 1.187L9 9.067C9.712 7.92 10.807 7.3 12.086 7.3 13.906 7.3 15 8.42 15 9.78c0 1.133-.678 1.717-1.328 2.277Zm-.822 3.763c0 .54-.487 1.028-1.041 1.028-.554 0-1.042-.488-1.042-1.028 0-.528.488-1.029 1.042-1.029s1.042.501 1.042 1.029Z"/><path fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm-1.75 0a8.25 8.25 0 1 1-16.5 0 8.25 8.25 0 0 1 16.5 0Z" clip-rule="evenodd"/></svg>',
|
|
119
119
|
keywords: ["question"],
|
|
120
120
|
category: "status"
|
|
121
|
-
},
|
|
121
|
+
}, Or = {
|
|
122
122
|
name: "tag",
|
|
123
123
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 4a.9.9 0 0 1 .9-.9h6.5a.9.9 0 0 1 .636.264l10 10a.9.9 0 0 1 0 1.272l-4.5 4.5a.9.9 0 1 1-1.272-1.272L19.227 14l-9.1-9.1H4.9v5.227l9.736 9.737a.9.9 0 1 1-1.272 1.272l-10-10A.9.9 0 0 1 3.1 10.5V4ZM8 7.4a.6.6 0 1 0 0 1.2.6.6 0 0 0 0-1.2ZM5.6 8a2.4 2.4 0 1 1 4.8 0 2.4 2.4 0 0 1-4.8 0Z" clip-rule="evenodd"/></svg>',
|
|
124
124
|
keywords: ["tag"],
|
|
125
125
|
category: "other"
|
|
126
126
|
};
|
|
127
|
-
function
|
|
127
|
+
function Zr(t) {
|
|
128
128
|
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
|
|
129
129
|
}
|
|
130
130
|
var I = { exports: {} };
|
|
@@ -167,7 +167,7 @@ function qr() {
|
|
|
167
167
|
}(I)), I.exports;
|
|
168
168
|
}
|
|
169
169
|
var Mr = qr();
|
|
170
|
-
const R = /* @__PURE__ */
|
|
170
|
+
const R = /* @__PURE__ */ Zr(Mr), S = {
|
|
171
171
|
"purpur-badge": "_purpur-badge_1mlzj_1",
|
|
172
172
|
"purpur-badge__icon": "_purpur-badge__icon_1mlzj_13",
|
|
173
173
|
"purpur-badge--attention": "_purpur-badge--attention_1mlzj_17",
|
|
@@ -179,7 +179,7 @@ const R = /* @__PURE__ */ jr(Mr), A = {
|
|
|
179
179
|
"purpur-badge--warning": "_purpur-badge--warning_1mlzj_41",
|
|
180
180
|
"purpur-badge--error": "_purpur-badge--error_1mlzj_45",
|
|
181
181
|
"purpur-badge--black-friday": "_purpur-badge--black-friday_1mlzj_49"
|
|
182
|
-
},
|
|
182
|
+
}, A = "purpur-badge", g = {
|
|
183
183
|
ATTENTION: "attention",
|
|
184
184
|
BLACK_FRIDAY: "black-friday",
|
|
185
185
|
ERROR: "error",
|
|
@@ -193,9 +193,9 @@ const R = /* @__PURE__ */ jr(Mr), A = {
|
|
|
193
193
|
switch (t) {
|
|
194
194
|
case g.ATTENTION:
|
|
195
195
|
case g.SPECIAL:
|
|
196
|
-
return Ar;
|
|
197
|
-
case g.INFORMATION:
|
|
198
196
|
return Sr;
|
|
197
|
+
case g.INFORMATION:
|
|
198
|
+
return jr;
|
|
199
199
|
case g.GENERAL:
|
|
200
200
|
return kr;
|
|
201
201
|
case g.SUCCESS:
|
|
@@ -205,9 +205,9 @@ const R = /* @__PURE__ */ jr(Mr), A = {
|
|
|
205
205
|
case g.ERROR:
|
|
206
206
|
return Nr;
|
|
207
207
|
case g.NEUTRAL:
|
|
208
|
-
return
|
|
208
|
+
return Ar;
|
|
209
209
|
case g.BLACK_FRIDAY:
|
|
210
|
-
return
|
|
210
|
+
return Or;
|
|
211
211
|
default:
|
|
212
212
|
return;
|
|
213
213
|
}
|
|
@@ -220,7 +220,7 @@ const R = /* @__PURE__ */ jr(Mr), A = {
|
|
|
220
220
|
className: r = "",
|
|
221
221
|
...e
|
|
222
222
|
}) => {
|
|
223
|
-
const a = Cr(n), o = R([r, A
|
|
223
|
+
const a = Cr(n), o = R([r, S[A], S[`${A}--${n}`]]);
|
|
224
224
|
return /* @__PURE__ */ w("span", { "aria-label": p, className: o, "data-testid": l, ...e, children: [
|
|
225
225
|
u && a && /* @__PURE__ */ i(
|
|
226
226
|
X,
|
|
@@ -229,7 +229,7 @@ const R = /* @__PURE__ */ jr(Mr), A = {
|
|
|
229
229
|
allyTitle: p,
|
|
230
230
|
size: "xs",
|
|
231
231
|
svg: a,
|
|
232
|
-
className: R(
|
|
232
|
+
className: R(S[`${A}__icon`])
|
|
233
233
|
}
|
|
234
234
|
),
|
|
235
235
|
t
|
|
@@ -294,7 +294,7 @@ const Rr = /* @__PURE__ */ Hr(Lr), Pr = {
|
|
|
294
294
|
u ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
295
295
|
], l = u ? `<title>${u}</title>` : "";
|
|
296
296
|
return `<svg ${zr(n)}>${l}${t}</svg>`;
|
|
297
|
-
}, Gr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(),
|
|
297
|
+
}, Gr = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Z = ({
|
|
298
298
|
["data-testid"]: t,
|
|
299
299
|
svg: u,
|
|
300
300
|
allyTitle: n,
|
|
@@ -317,7 +317,7 @@ const Rr = /* @__PURE__ */ Hr(Lr), Pr = {
|
|
|
317
317
|
}
|
|
318
318
|
);
|
|
319
319
|
};
|
|
320
|
-
|
|
320
|
+
Z.displayName = "Icon";
|
|
321
321
|
const Fr = {
|
|
322
322
|
name: "arrow-left",
|
|
323
323
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
|
|
@@ -416,7 +416,7 @@ const Qr = /* @__PURE__ */ Kr(Jr), Xr = {
|
|
|
416
416
|
icon: _ = "forward",
|
|
417
417
|
...f
|
|
418
418
|
}, h) => {
|
|
419
|
-
const
|
|
419
|
+
const j = re(
|
|
420
420
|
[
|
|
421
421
|
u,
|
|
422
422
|
v,
|
|
@@ -429,12 +429,12 @@ const Qr = /* @__PURE__ */ Kr(Jr), Xr = {
|
|
|
429
429
|
[`${v}--full-width`]: l
|
|
430
430
|
}
|
|
431
431
|
), b = ee[_], $ = /* @__PURE__ */ w(or, { children: [
|
|
432
|
-
r && (_ === "back" || _ === "phone") && /* @__PURE__ */ i(
|
|
432
|
+
r && (_ === "back" || _ === "phone") && /* @__PURE__ */ i(Z, { svg: b, size: a === "lg" ? "sm" : "xs" }),
|
|
433
433
|
(!p || p && !r) && t,
|
|
434
|
-
r && (_ === "forward" || _ === "external") && /* @__PURE__ */ i(
|
|
434
|
+
r && (_ === "forward" || _ === "external") && /* @__PURE__ */ i(Z, { svg: b, size: a === "lg" ? "sm" : "xs" })
|
|
435
435
|
] }), d = {
|
|
436
436
|
...f,
|
|
437
|
-
className:
|
|
437
|
+
className: j,
|
|
438
438
|
"data-testid": n
|
|
439
439
|
};
|
|
440
440
|
return "href" in f && f.href ? /* @__PURE__ */ i("a", { ...d, ref: h, children: $ }) : /* @__PURE__ */ i("span", { ...d, ref: h, children: $ });
|
|
@@ -700,7 +700,7 @@ nr.displayName = "Paragraph";
|
|
|
700
700
|
function xe(t) {
|
|
701
701
|
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
|
|
702
702
|
}
|
|
703
|
-
var
|
|
703
|
+
var O = { exports: {} };
|
|
704
704
|
/*!
|
|
705
705
|
Copyright (c) 2018 Jed Watson.
|
|
706
706
|
Licensed under the MIT License (MIT), see
|
|
@@ -737,33 +737,33 @@ function ke() {
|
|
|
737
737
|
}
|
|
738
738
|
t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
|
|
739
739
|
})();
|
|
740
|
-
}(
|
|
740
|
+
}(O)), O.exports;
|
|
741
741
|
}
|
|
742
742
|
var Ne = ke();
|
|
743
|
-
const ur = /* @__PURE__ */ xe(Ne),
|
|
744
|
-
"purpur-content-block": "_purpur-content-
|
|
745
|
-
"purpur-content-block__section": "_purpur-content-
|
|
746
|
-
"purpur-content-block__image-wrapper": "_purpur-content-block__image-
|
|
747
|
-
"purpur-content-block__video-wrapper": "_purpur-content-block__video-
|
|
748
|
-
"purpur-content-block__content-wrapper": "_purpur-content-block__content-
|
|
749
|
-
"purpur-content-block__badge": "_purpur-content-
|
|
750
|
-
"purpur-content-block__content": "_purpur-content-
|
|
751
|
-
"purpur-content-block__usp-list": "_purpur-content-block__usp-
|
|
752
|
-
"purpur-content-block__usp-list-item": "_purpur-content-block__usp-list-
|
|
753
|
-
"purpur-content-block__usp-list-item-icon": "_purpur-content-block__usp-list-item-
|
|
754
|
-
"purpur-content-block__links": "_purpur-content-
|
|
755
|
-
"purpur-content-block--negative": "_purpur-content-block--
|
|
756
|
-
"purpur-content-block__text-spacing": "_purpur-content-block__text-
|
|
757
|
-
},
|
|
743
|
+
const ur = /* @__PURE__ */ xe(Ne), je = {
|
|
744
|
+
"purpur-content-block": "_purpur-content-block_1nd7j_1",
|
|
745
|
+
"purpur-content-block__section": "_purpur-content-block__section_1nd7j_17",
|
|
746
|
+
"purpur-content-block__image-wrapper": "_purpur-content-block__image-wrapper_1nd7j_25",
|
|
747
|
+
"purpur-content-block__video-wrapper": "_purpur-content-block__video-wrapper_1nd7j_28",
|
|
748
|
+
"purpur-content-block__content-wrapper": "_purpur-content-block__content-wrapper_1nd7j_38",
|
|
749
|
+
"purpur-content-block__badge": "_purpur-content-block__badge_1nd7j_43",
|
|
750
|
+
"purpur-content-block__content": "_purpur-content-block__content_1nd7j_38",
|
|
751
|
+
"purpur-content-block__usp-list": "_purpur-content-block__usp-list_1nd7j_49",
|
|
752
|
+
"purpur-content-block__usp-list-item": "_purpur-content-block__usp-list-item_1nd7j_54",
|
|
753
|
+
"purpur-content-block__usp-list-item-icon": "_purpur-content-block__usp-list-item-icon_1nd7j_62",
|
|
754
|
+
"purpur-content-block__links": "_purpur-content-block__links_1nd7j_65",
|
|
755
|
+
"purpur-content-block--negative": "_purpur-content-block--negative_1nd7j_76",
|
|
756
|
+
"purpur-content-block__text-spacing": "_purpur-content-block__text-spacing_1nd7j_76"
|
|
757
|
+
}, Se = {
|
|
758
758
|
"purpur-content-block-group": "_purpur-content-block-group_1g4rh_1"
|
|
759
|
-
},
|
|
759
|
+
}, Ae = ur.bind(Se), Q = "purpur-content-block-group", pr = ({
|
|
760
760
|
children: t,
|
|
761
761
|
className: u,
|
|
762
762
|
negative: n,
|
|
763
763
|
["data-testid"]: l,
|
|
764
764
|
...p
|
|
765
765
|
}) => {
|
|
766
|
-
const r =
|
|
766
|
+
const r = Ae([
|
|
767
767
|
u,
|
|
768
768
|
Q,
|
|
769
769
|
{
|
|
@@ -773,7 +773,7 @@ const ur = /* @__PURE__ */ xe(Ne), Se = {
|
|
|
773
773
|
return /* @__PURE__ */ i("div", { className: r, "data-testid": l, ...p, children: cr.map(t, (a) => M.isValidElement(a) ? M.cloneElement(a, { negative: n }) : a) });
|
|
774
774
|
};
|
|
775
775
|
pr.displayName = "ContentBlockGroup";
|
|
776
|
-
const c = ur.bind(
|
|
776
|
+
const c = ur.bind(je), s = "purpur-content-block", lr = ({
|
|
777
777
|
["data-testid"]: t,
|
|
778
778
|
className: u,
|
|
779
779
|
negative: n,
|
|
@@ -786,7 +786,7 @@ const c = ur.bind(Se), s = "purpur-content-block", lr = ({
|
|
|
786
786
|
headingTag: _ = "h2",
|
|
787
787
|
headingVariant: f = "title-300",
|
|
788
788
|
onCtaClick: h,
|
|
789
|
-
children:
|
|
789
|
+
children: j,
|
|
790
790
|
...b
|
|
791
791
|
}) => {
|
|
792
792
|
const $ = c([
|
|
@@ -801,7 +801,7 @@ const c = ur.bind(Se), s = "purpur-content-block", lr = ({
|
|
|
801
801
|
/* @__PURE__ */ i("div", { className: c(`${s}__section`), children: /* @__PURE__ */ w("div", { className: c(`${s}__content-wrapper`), children: [
|
|
802
802
|
r ? /* @__PURE__ */ i(Br, { variant: "special", className: c(`${s}__badge`), children: r }) : null,
|
|
803
803
|
e && e.trim() && /* @__PURE__ */ i(er, { variant: f, tag: _, negative: n, children: e }),
|
|
804
|
-
/* @__PURE__ */ i("div", { className: c(`${s}__content`), children:
|
|
804
|
+
/* @__PURE__ */ i("div", { className: c(`${s}__content`), children: j }),
|
|
805
805
|
o != null && o.length ? /* @__PURE__ */ i("ul", { className: c(`${s}__usp-list`), children: o.map(
|
|
806
806
|
(d) => d && /* @__PURE__ */ w("li", { className: c(`${s}__usp-list-item`), children: [
|
|
807
807
|
/* @__PURE__ */ i(
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-content-
|
|
1
|
+
._purpur-content-block_1nd7j_1{display:flex;flex-direction:column;align-items:flex-start;gap:var(--purpur-spacing-400)}@media (min-width: 1024px){._purpur-content-block_1nd7j_1{align-items:center;flex-direction:row;gap:var(--purpur-spacing-300)}._purpur-content-block_1nd7j_1:nth-child(2n){flex-direction:row-reverse}}._purpur-content-block_1nd7j_1 ._purpur-content-block__section_1nd7j_17{width:100%}@media (min-width: 1024px){._purpur-content-block_1nd7j_1 ._purpur-content-block__section_1nd7j_17{width:50%}}._purpur-content-block_1nd7j_1 ._purpur-content-block__image-wrapper_1nd7j_25{width:100%}._purpur-content-block_1nd7j_1 ._purpur-content-block__video-wrapper_1nd7j_28 video,._purpur-content-block_1nd7j_1 ._purpur-content-block__image-wrapper_1nd7j_25 img{border-radius:var(--purpur-border-radius-md)}@media (min-width: 600px){._purpur-content-block_1nd7j_1 ._purpur-content-block__video-wrapper_1nd7j_28 video,._purpur-content-block_1nd7j_1 ._purpur-content-block__image-wrapper_1nd7j_25 img{border-radius:var(--purpur-border-radius-lg)}}._purpur-content-block_1nd7j_1 ._purpur-content-block__content-wrapper_1nd7j_38{display:flex;flex-direction:column;gap:var(--purpur-spacing-150)}._purpur-content-block_1nd7j_1 ._purpur-content-block__badge_1nd7j_43{width:fit-content}._purpur-content-block_1nd7j_1 ._purpur-content-block__content_1nd7j_38{max-width:80ch}._purpur-content-block_1nd7j_1 ._purpur-content-block__usp-list_1nd7j_49{margin:0;padding:0;list-style:none}._purpur-content-block_1nd7j_1 ._purpur-content-block__usp-list-item_1nd7j_54{display:flex;align-items:center;justify-content:left}._purpur-content-block_1nd7j_1 ._purpur-content-block__usp-list-item_1nd7j_54:not(:last-child){margin-bottom:var(--purpur-spacing-100)}._purpur-content-block_1nd7j_1 ._purpur-content-block__usp-list-item-icon_1nd7j_62{margin-right:var(--purpur-spacing-50)}._purpur-content-block_1nd7j_1 ._purpur-content-block__links_1nd7j_65{margin-top:var(--purpur-spacing-250);display:flex;flex-direction:column;gap:var(--purpur-spacing-200)}@media (min-width: 600px){._purpur-content-block_1nd7j_1 ._purpur-content-block__links_1nd7j_65{flex-direction:row}}._purpur-content-block--negative_1nd7j_76 ._purpur-content-block__text-spacing_1nd7j_76 p{color:var(--purpur-color-text-default-negative)}._purpur-content-block--negative_1nd7j_76 ._purpur-content-block__usp-list-item-icon_1nd7j_62 svg{fill:var(--purpur-color-text-default-negative)}._purpur-content-block-group_1g4rh_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-1200);padding:var(--purpur-spacing-600) 0}@media (min-width: 600px){._purpur-content-block-group_1g4rh_1{gap:var(--purpur-spacing-1600);padding:var(--purpur-spacing-800) 0}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/content-block",
|
|
3
|
-
"version": "6.7.
|
|
3
|
+
"version": "6.7.2",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/content-block.cjs.js",
|
|
6
6
|
"types": "./dist/content-block.d.ts",
|
|
@@ -16,13 +16,13 @@
|
|
|
16
16
|
"source": "src/content-block.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/badge": "6.7.
|
|
20
|
-
"@purpurds/
|
|
21
|
-
"@purpurds/
|
|
22
|
-
"@purpurds/
|
|
23
|
-
"@purpurds/
|
|
24
|
-
"@purpurds/
|
|
25
|
-
"@purpurds/tokens": "6.7.
|
|
19
|
+
"@purpurds/badge": "6.7.2",
|
|
20
|
+
"@purpurds/cta-link": "6.7.2",
|
|
21
|
+
"@purpurds/heading": "6.7.2",
|
|
22
|
+
"@purpurds/grid": "6.7.2",
|
|
23
|
+
"@purpurds/icon": "6.7.2",
|
|
24
|
+
"@purpurds/paragraph": "6.7.2",
|
|
25
|
+
"@purpurds/tokens": "6.7.2"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@rushstack/eslint-patch": "~1.10.0",
|