@indico-data/design-system 2.45.5 → 2.46.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/components/badge/Badge.d.ts +2 -0
- package/lib/components/badge/Badge.stories.d.ts +7 -0
- package/lib/components/badge/__tests__/Badge.test.d.ts +1 -0
- package/lib/components/badge/index.d.ts +1 -0
- package/lib/components/badge/types.d.ts +7 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/menu/Menu.d.ts +2 -1
- package/lib/index.css +59 -4
- package/lib/index.d.ts +13 -2
- package/lib/index.esm.css +59 -4
- package/lib/index.esm.js +13 -4
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +13 -3
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/badge/Badge.mdx +36 -0
- package/src/components/badge/Badge.stories.tsx +109 -0
- package/src/components/badge/Badge.tsx +18 -0
- package/src/components/badge/__tests__/Badge.test.tsx +17 -0
- package/src/components/badge/index.ts +1 -0
- package/src/components/badge/styles/Badge.scss +61 -0
- package/src/components/badge/types.ts +8 -0
- package/src/components/button/styles/_variables.scss +4 -4
- package/src/components/card/Card.tsx +1 -1
- package/src/components/index.ts +1 -0
- package/src/components/menu/Menu.tsx +3 -2
- package/src/index.ts +1 -1
- package/src/styles/index.scss +1 -0
package/lib/index.js
CHANGED
|
@@ -22501,12 +22501,13 @@ const Card = (_a) => {
|
|
|
22501
22501
|
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 })] })));
|
|
22502
22502
|
};
|
|
22503
22503
|
|
|
22504
|
-
function Menu(
|
|
22505
|
-
|
|
22504
|
+
function Menu(_a) {
|
|
22505
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
22506
|
+
return (jsxRuntime.jsx("div", Object.assign({ className: classNames('menu', className) }, rest, { children: React__namespace.default.Children.map(children, (child) => React__namespace.default.isValidElement(child)
|
|
22506
22507
|
? React__namespace.default.cloneElement(child, {
|
|
22507
22508
|
className: classNames(child.props.className, 'menu-item'),
|
|
22508
22509
|
})
|
|
22509
|
-
: child) }));
|
|
22510
|
+
: child) })));
|
|
22510
22511
|
}
|
|
22511
22512
|
|
|
22512
22513
|
const Pill = (_a) => {
|
|
@@ -22518,6 +22519,15 @@ const Pill = (_a) => {
|
|
|
22518
22519
|
return (jsxRuntime.jsx("div", Object.assign({ className: pillClasses }, rest, { children: children })));
|
|
22519
22520
|
};
|
|
22520
22521
|
|
|
22522
|
+
const Badge = (_a) => {
|
|
22523
|
+
var { className = '', children, size = 'md', string } = _a, rest = __rest(_a, ["className", "children", "size", "string"]);
|
|
22524
|
+
const badgeClasses = classNames('badge', {
|
|
22525
|
+
[`badge--${size}`]: size,
|
|
22526
|
+
}, className);
|
|
22527
|
+
return (jsxRuntime.jsx("div", Object.assign({ className: badgeClasses }, rest, { children: string ? jsxRuntime.jsx("p", { children: string }) : children })));
|
|
22528
|
+
};
|
|
22529
|
+
|
|
22530
|
+
exports.Badge = Badge;
|
|
22521
22531
|
exports.BarSpinner = BarSpinner;
|
|
22522
22532
|
exports.Button = Button$1;
|
|
22523
22533
|
exports.Card = Card;
|