@indico-data/design-system 2.14.0 → 2.15.1

package/lib/index.js

@@ -18747,6 +18747,12 @@ const Skeleton = (_a) => {
     return jsxRuntime.jsx("div", Object.assign({ className: combinedClassName, style: dynamicStyle }, rest));
 };
 
+const Card = (_a) => {
+    var { className = '', children, title, subtitle, hasBoxShadow = false } = _a, rest = __rest$1(_a, ["className", "children", "title", "subtitle", "hasBoxShadow"]);
+    const cardClasses = y$1('card', { 'card--box-shadow': hasBoxShadow }, className);
+    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 })] })));
+};
+
 const StyledAccordion = styled__default.default.details `
   summary {
     display: inherit;
@@ -18839,13 +18845,9 @@ const StyledSectionHeader = styled__default.default.header `
 `;
 
 const SectionHeader = (props) => {
-    const { className, style, children, id } = props, restOfProps = __rest$1(props, ["className", "style", "children", "id"]);
+    const { className = '', style = {}, children, id } = props, restOfProps = __rest$1(props, ["className", "style", "children", "id"]);
     return (jsxRuntime.jsx(StyledSectionHeader, Object.assign({ className: y$1('SectionHeader', className), "data-cy": props['data-cy'], id: id, style: style }, restOfProps, { children: children })));
 };
-SectionHeader.defaultProps = {
-    className: '',
-    style: {},
-};
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
@@ -23237,7 +23239,7 @@ const StyledSearchField = styled__default.default.div `
 `;
 
 const SearchInput = (props) => {
-    const { id, inputBorder, showSearchIcon, showClearInputIcon, className, inputProps, onChange, onClear, onKeyUp, placeholder, value, } = props;
+    const { id, inputBorder, showSearchIcon, showClearInputIcon, className = '', inputProps, onChange, onClear, onKeyUp, placeholder, value, } = props;
     const getId = id ? id : v4();
     return (jsxRuntime.jsxs(StyledSearchField, { className: y$1(className, {
             inputBorder,
@@ -23245,9 +23247,6 @@ const SearchInput = (props) => {
             showClearInputIcon,
         }), "data-cy": props['data-cy'], children: [showSearchIcon && (jsxRuntime.jsx("label", { htmlFor: getId, children: jsxRuntime.jsx(Icon, { name: "fa-search", ariaLabel: "search" }) })), jsxRuntime.jsx("input", Object.assign({ "data-testid": props['data-testid'], type: "search", id: getId, placeholder: placeholder, value: value, onChange: onChange, onKeyUp: onKeyUp }, inputProps)), showClearInputIcon && (jsxRuntime.jsx(Icon, { name: "x-close", ariaLabel: "clear input", className: "clear-input", onClick: onClear }))] }));
 };
-SearchInput.defaultProps = {
-    className: '',
-};
 
 const StyledTextInput = styled__default.default.div `
   position: relative;
@@ -41577,6 +41576,7 @@ exports.BarSpinner = BarSpinner;
 exports.BorderSelect = BorderSelect;
 exports.Button = Button$2;
 exports.COLORS = allColors;
+exports.Card = Card;
 exports.Checkbox = Checkbox;
 exports.CirclePulse = CirclePulse;
 exports.CircleSpinner = CircleSpinner;