@arc-ui/community-components 3.0.0 → 3.0.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/.turbo/turbo-build.log +9 -9
- package/CHANGELOG.md +6 -0
- package/lib/Accordion/Accordion.cjs +1 -1
- package/lib/Accordion/Accordion.mjs +1 -1
- package/lib/Accordion/styles.css +1 -0
- package/lib/FAQs/FAQs.cjs +1 -1
- package/lib/FAQs/FAQs.mjs +1 -1
- package/lib/_shared/cjs/{Accordion-C4XdbGCu.cjs → Accordion-D5fpUJzm.cjs} +10 -8
- package/lib/_shared/esm/{Accordion-Ct7RuUbx.mjs → Accordion-LLwNdzax.mjs} +10 -8
- package/lib/index.cjs +10 -8
- package/lib/index.cjs.map +1 -1
- package/lib/index.mjs +10 -8
- package/lib/index.mjs.map +1 -1
- package/lib/styles.css +1 -1
- package/package.json +3 -3
- package/src/components/Accordion/Accordion.module.css +6 -0
- package/src/components/Accordion/Accordion.tsx +3 -1
- package/versions.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -223,17 +223,17 @@ function requireClassnames () {
|
|
|
223
223
|
var classnamesExports = requireClassnames();
|
|
224
224
|
var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
|
|
225
225
|
|
|
226
|
-
var styles$
|
|
226
|
+
var styles$h = {"accordion-header":"AccordionHeading-module_accordion-header__8s12f","accordion-header--hasImage":"AccordionHeading-module_accordion-header--hasImage__wbDjW","accordion-header--padded":"AccordionHeading-module_accordion-header--padded__me1JY","accordion-header--headingSizeM":"AccordionHeading-module_accordion-header--headingSizeM__amLfy"};
|
|
227
227
|
|
|
228
228
|
var AccordionHeading = function (_a) {
|
|
229
229
|
var _b, _c;
|
|
230
230
|
var heading = _a.heading, content = _a.content, id = _a.id, _d = _a.isPadded, isPadded = _d === void 0 ? false : _d, _e = _a.headingLevel, headingLevel = _e === void 0 ? "2" : _e, _f = _a.headingSize, headingSize = _f === void 0 ? "xl" : _f, image = _a.image, props = __rest(_a, ["heading", "content", "id", "isPadded", "headingLevel", "headingSize", "image"]);
|
|
231
231
|
return (React.createElement("div", __assign({ className: classNames((_b = {},
|
|
232
|
-
_b[styles$
|
|
233
|
-
_b[styles$
|
|
234
|
-
_b[styles$
|
|
232
|
+
_b[styles$h["accordion-header"]] = true,
|
|
233
|
+
_b[styles$h["accordion-header--padded"]] = isPadded,
|
|
234
|
+
_b[styles$h["accordion-header--headingSizeM"]] = headingSize === "m",
|
|
235
235
|
_b)) }, filterDataAttrs(props)),
|
|
236
|
-
React.createElement("div", { className: classNames((_c = {}, _c[styles$
|
|
236
|
+
React.createElement("div", { className: classNames((_c = {}, _c[styles$h["accordion-header--hasImage"]] = image, _c)) },
|
|
237
237
|
image && (React.createElement("div", null,
|
|
238
238
|
React.createElement(Image$2, __assign({}, image, { width: 68, fit: "cover" })))),
|
|
239
239
|
React.createElement(Heading, { level: headingLevel, id: id, size: headingSize }, heading)),
|
|
@@ -242,23 +242,25 @@ var AccordionHeading = function (_a) {
|
|
|
242
242
|
React.createElement(Text, { size: "l", elementType: "p" }, content)))));
|
|
243
243
|
};
|
|
244
244
|
|
|
245
|
-
var styles$
|
|
245
|
+
var styles$g = {"AccordionDisclosureListItem":"AccordionDisclosureList-module_AccordionDisclosureListItem__p8LIT"};
|
|
246
246
|
|
|
247
247
|
var AccordionDisclosureList = function (_a) {
|
|
248
248
|
var disclosureList = _a.disclosureList;
|
|
249
249
|
return (React.createElement("ul", null, disclosureList.map(function (_a) {
|
|
250
250
|
var children = _a.children, summary = _a.summary, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.indentDetails, indentDetails = _c === void 0 ? false : _c, headingLevel = _a.headingLevel, id = _a.id, props = __rest(_a, ["children", "summary", "isOpen", "indentDetails", "headingLevel", "id"]);
|
|
251
|
-
return (React.createElement("li", { key: id, className: styles$
|
|
251
|
+
return (React.createElement("li", { key: id, className: styles$g.AccordionDisclosureListItem },
|
|
252
252
|
React.createElement(Disclosure, __assign({ summary: summary, isOpen: isOpen, indentDetails: indentDetails, headingLevel: headingLevel }, filterDataAttrs(props)), children)));
|
|
253
253
|
})));
|
|
254
254
|
};
|
|
255
255
|
|
|
256
|
+
var styles$f = {"Accordion":"Accordion-module_Accordion__LsXTU"};
|
|
257
|
+
|
|
256
258
|
/**
|
|
257
259
|
* Use the `Accordion` component to package together a title, content and a number of disclosure components into one section (maximum 10).
|
|
258
260
|
*/
|
|
259
261
|
var Accordion = function (_a) {
|
|
260
262
|
var heading = _a.heading, headingLevel = _a.headingLevel, headingSize = _a.headingSize, content = _a.content, id = _a.id, disclosureList = _a.disclosureList, props = __rest(_a, ["heading", "headingLevel", "headingSize", "content", "id", "disclosureList"]);
|
|
261
|
-
return (React.createElement("div", __assign({}, filterDataAttrs(props)),
|
|
263
|
+
return (React.createElement("div", __assign({ className: styles$f.Accordion }, filterDataAttrs(props)),
|
|
262
264
|
React.createElement(AccordionHeading, { isPadded: true, id: id, "data-testid": "Accordion-header", heading: heading, headingLevel: headingLevel, headingSize: headingSize, content: content }),
|
|
263
265
|
React.createElement(AccordionDisclosureList, { disclosureList: disclosureList })));
|
|
264
266
|
};
|