@indico-data/design-system 2.15.0 → 2.16.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.d.ts +2 -13
- package/lib/index.esm.js +2 -9
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +2 -9
- package/lib/index.js.map +1 -1
- package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.d.ts +1 -7
- package/lib/src/legacy/components/basic-section/SectionHeader/SectionHeader.stories.d.ts +4 -10
- package/lib/src/legacy/components/inputs/SearchInput/SearchInput.d.ts +1 -6
- package/lib/src/legacy/components/inputs/SearchInput/SearchInput.stories.d.ts +12 -17
- package/package.json +1 -1
- package/src/components/button/Button.stories.tsx +25 -9
- package/src/legacy/components/basic-section/SectionHeader/SectionHeader.tsx +1 -6
- package/src/legacy/components/inputs/SearchInput/SearchInput.tsx +1 -5
package/lib/index.js
CHANGED
|
@@ -18845,13 +18845,9 @@ const StyledSectionHeader = styled__default.default.header `
|
|
|
18845
18845
|
`;
|
|
18846
18846
|
|
|
18847
18847
|
const SectionHeader = (props) => {
|
|
18848
|
-
const { className, style, children, id } = props, restOfProps = __rest$1(props, ["className", "style", "children", "id"]);
|
|
18848
|
+
const { className = '', style = {}, children, id } = props, restOfProps = __rest$1(props, ["className", "style", "children", "id"]);
|
|
18849
18849
|
return (jsxRuntime.jsx(StyledSectionHeader, Object.assign({ className: y$1('SectionHeader', className), "data-cy": props['data-cy'], id: id, style: style }, restOfProps, { children: children })));
|
|
18850
18850
|
};
|
|
18851
|
-
SectionHeader.defaultProps = {
|
|
18852
|
-
className: '',
|
|
18853
|
-
style: {},
|
|
18854
|
-
};
|
|
18855
18851
|
|
|
18856
18852
|
// Unique ID creation requires a high quality random # generator. In the browser we therefore
|
|
18857
18853
|
// require the crypto API and do not support built-in fallback to lower quality random number
|
|
@@ -23243,7 +23239,7 @@ const StyledSearchField = styled__default.default.div `
|
|
|
23243
23239
|
`;
|
|
23244
23240
|
|
|
23245
23241
|
const SearchInput = (props) => {
|
|
23246
|
-
const { id, inputBorder, showSearchIcon, showClearInputIcon, className, inputProps, onChange, onClear, onKeyUp, placeholder, value, } = props;
|
|
23242
|
+
const { id, inputBorder, showSearchIcon, showClearInputIcon, className = '', inputProps, onChange, onClear, onKeyUp, placeholder, value, } = props;
|
|
23247
23243
|
const getId = id ? id : v4();
|
|
23248
23244
|
return (jsxRuntime.jsxs(StyledSearchField, { className: y$1(className, {
|
|
23249
23245
|
inputBorder,
|
|
@@ -23251,9 +23247,6 @@ const SearchInput = (props) => {
|
|
|
23251
23247
|
showClearInputIcon,
|
|
23252
23248
|
}), "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 }))] }));
|
|
23253
23249
|
};
|
|
23254
|
-
SearchInput.defaultProps = {
|
|
23255
|
-
className: '',
|
|
23256
|
-
};
|
|
23257
23250
|
|
|
23258
23251
|
const StyledTextInput = styled__default.default.div `
|
|
23259
23252
|
position: relative;
|