@indico-data/design-system 2.13.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 +84 -0
- package/lib/index.d.ts +71 -53
- package/lib/index.esm.css +84 -0
- package/lib/index.esm.js +16 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +17 -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 +2 -0
- package/lib/src/components/skeleton/Skeleton.d.ts +9 -0
- package/lib/src/components/skeleton/Skeleton.stories.d.ts +9 -0
- package/lib/src/components/skeleton/__tests__/Skeleton.test.d.ts +1 -0
- package/lib/src/components/skeleton/index.d.ts +1 -0
- package/lib/src/index.d.ts +2 -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 +2 -0
- package/src/components/skeleton/Skeleton.mdx +44 -0
- package/src/components/skeleton/Skeleton.stories.tsx +132 -0
- package/src/components/skeleton/Skeleton.tsx +20 -0
- package/src/components/skeleton/__tests__/Skeleton.test.tsx +25 -0
- package/src/components/skeleton/index.ts +1 -0
- package/src/components/skeleton/styles/Skeleton.scss +41 -0
- package/src/index.ts +2 -0
- package/src/styles/index.scss +2 -0
- package/src/styles/storybook.scss +12 -0
- package/src/styles/variables/_dropshadows.scss +5 -0
- package/src/styles/variables/index.scss +1 -0
package/lib/index.js
CHANGED
|
@@ -18738,6 +18738,21 @@ const Form = (_a) => {
|
|
|
18738
18738
|
return (jsxRuntime.jsx("form", Object.assign({ onSubmit: handleSubmit, action: action, method: method, target: target, autoComplete: autocomplete, noValidate: noValidate, encType: enctype, rel: rel }, rest, { children: children })));
|
|
18739
18739
|
};
|
|
18740
18740
|
|
|
18741
|
+
const Skeleton = (_a) => {
|
|
18742
|
+
var { className, height, width, isCircle, isFullHeight } = _a, rest = __rest$1(_a, ["className", "height", "width", "isCircle", "isFullHeight"]);
|
|
18743
|
+
const dynamicStyle = Object.assign(Object.assign({}, (height && { height: `${height}px` })), (width && { width: `${width}px` }));
|
|
18744
|
+
const circleClass = isCircle ? 'skeleton--circle' : '';
|
|
18745
|
+
const fullHeightClass = isFullHeight ? 'skeleton--full-height' : '';
|
|
18746
|
+
const combinedClassName = `skeleton ${circleClass} ${fullHeightClass} ${className || ''}`.trim();
|
|
18747
|
+
return jsxRuntime.jsx("div", Object.assign({ className: combinedClassName, style: dynamicStyle }, rest));
|
|
18748
|
+
};
|
|
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
|
+
|
|
18741
18756
|
const StyledAccordion = styled__default.default.details `
|
|
18742
18757
|
summary {
|
|
18743
18758
|
display: inherit;
|
|
@@ -41568,6 +41583,7 @@ exports.BarSpinner = BarSpinner;
|
|
|
41568
41583
|
exports.BorderSelect = BorderSelect;
|
|
41569
41584
|
exports.Button = Button$2;
|
|
41570
41585
|
exports.COLORS = allColors;
|
|
41586
|
+
exports.Card = Card;
|
|
41571
41587
|
exports.Checkbox = Checkbox;
|
|
41572
41588
|
exports.CirclePulse = CirclePulse;
|
|
41573
41589
|
exports.CircleSpinner = CircleSpinner;
|
|
@@ -41612,6 +41628,7 @@ exports.Select = Select;
|
|
|
41612
41628
|
exports.SelectInput = Select$1;
|
|
41613
41629
|
exports.Shrug = Shrug;
|
|
41614
41630
|
exports.SingleCombobox = SingleCombobox;
|
|
41631
|
+
exports.Skeleton = Skeleton;
|
|
41615
41632
|
exports.TYPOGRAPHY = typography;
|
|
41616
41633
|
exports.Table = Table$1;
|
|
41617
41634
|
exports.TextInput = TextInput;
|