@indico-data/design-system 2.14.0 → 2.15.0
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/lib/index.css +47 -0
- package/lib/index.d.ts +64 -55
- package/lib/index.esm.css +47 -0
- package/lib/index.esm.js +7 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +7 -0
- package/lib/index.js.map +1 -1
- package/lib/src/components/card/Card.d.ts +10 -0
- package/lib/src/components/card/Card.stories.d.ts +6 -0
- package/lib/src/components/card/__tests__/Card.test.d.ts +1 -0
- package/lib/src/components/card/index.d.ts +1 -0
- package/lib/src/components/index.d.ts +1 -0
- package/lib/src/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/card/Card.mdx +14 -0
- package/src/components/card/Card.stories.tsx +97 -0
- package/src/components/card/Card.tsx +33 -0
- package/src/components/card/__tests__/Card.test.tsx +26 -0
- package/src/components/card/index.ts +1 -0
- package/src/components/card/styles/Card.scss +44 -0
- package/src/components/index.ts +1 -0
- package/src/index.ts +1 -0
- package/src/styles/index.scss +1 -0
- package/src/styles/variables/_dropshadows.scss +5 -0
- package/src/styles/variables/index.scss +1 -0
package/lib/index.js
CHANGED
|
@@ -18747,6 +18747,12 @@ const Skeleton = (_a) => {
|
|
|
18747
18747
|
return jsxRuntime.jsx("div", Object.assign({ className: combinedClassName, style: dynamicStyle }, rest));
|
|
18748
18748
|
};
|
|
18749
18749
|
|
|
18750
|
+
const Card = (_a) => {
|
|
18751
|
+
var { className = '', children, title, subtitle, hasBoxShadow = false } = _a, rest = __rest$1(_a, ["className", "children", "title", "subtitle", "hasBoxShadow"]);
|
|
18752
|
+
const cardClasses = y$1('card', { 'card--box-shadow': hasBoxShadow }, className);
|
|
18753
|
+
return (jsxRuntime.jsxs("div", Object.assign({ className: cardClasses }, rest, { children: [(title || subtitle) && (jsxRuntime.jsxs("div", { className: "card__header", children: [title && jsxRuntime.jsx("h2", { children: title }), subtitle && jsxRuntime.jsx("p", { children: subtitle })] })), jsxRuntime.jsx("div", { className: "card__content", children: children })] })));
|
|
18754
|
+
};
|
|
18755
|
+
|
|
18750
18756
|
const StyledAccordion = styled__default.default.details `
|
|
18751
18757
|
summary {
|
|
18752
18758
|
display: inherit;
|
|
@@ -41577,6 +41583,7 @@ exports.BarSpinner = BarSpinner;
|
|
|
41577
41583
|
exports.BorderSelect = BorderSelect;
|
|
41578
41584
|
exports.Button = Button$2;
|
|
41579
41585
|
exports.COLORS = allColors;
|
|
41586
|
+
exports.Card = Card;
|
|
41580
41587
|
exports.Checkbox = Checkbox;
|
|
41581
41588
|
exports.CirclePulse = CirclePulse;
|
|
41582
41589
|
exports.CircleSpinner = CircleSpinner;
|