@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.d.ts
CHANGED
|
@@ -251,13 +251,7 @@ type Props$n = PermafrostComponent$1 & {
|
|
|
251
251
|
style?: object;
|
|
252
252
|
children?: React$1.ReactNode;
|
|
253
253
|
};
|
|
254
|
-
declare const SectionHeader:
|
|
255
|
-
(props: Props$n): react_jsx_runtime.JSX.Element;
|
|
256
|
-
defaultProps: {
|
|
257
|
-
className: string;
|
|
258
|
-
style: {};
|
|
259
|
-
};
|
|
260
|
-
};
|
|
254
|
+
declare const SectionHeader: (props: Props$n) => react_jsx_runtime.JSX.Element;
|
|
261
255
|
|
|
262
256
|
declare const SectionTable: (props: any) => react_jsx_runtime.JSX.Element;
|
|
263
257
|
|
|
@@ -476,12 +470,7 @@ type Props$h = PermafrostComponent$1 & {
|
|
|
476
470
|
placeholder?: string;
|
|
477
471
|
value?: string;
|
|
478
472
|
};
|
|
479
|
-
declare const SearchInput:
|
|
480
|
-
(props: Props$h): react_jsx_runtime.JSX.Element;
|
|
481
|
-
defaultProps: {
|
|
482
|
-
className: string;
|
|
483
|
-
};
|
|
484
|
-
};
|
|
473
|
+
declare const SearchInput: (props: Props$h) => react_jsx_runtime.JSX.Element;
|
|
485
474
|
|
|
486
475
|
type Props$g = PermafrostComponent$1 & {
|
|
487
476
|
autoComplete?: 'email' | 'current-password' | 'new-password' | string;
|
package/lib/index.esm.js
CHANGED
|
@@ -18820,13 +18820,9 @@ const StyledSectionHeader = styled.header `
|
|
|
18820
18820
|
`;
|
|
18821
18821
|
|
|
18822
18822
|
const SectionHeader = (props) => {
|
|
18823
|
-
const { className, style, children, id } = props, restOfProps = __rest$1(props, ["className", "style", "children", "id"]);
|
|
18823
|
+
const { className = '', style = {}, children, id } = props, restOfProps = __rest$1(props, ["className", "style", "children", "id"]);
|
|
18824
18824
|
return (jsx(StyledSectionHeader, Object.assign({ className: y$1('SectionHeader', className), "data-cy": props['data-cy'], id: id, style: style }, restOfProps, { children: children })));
|
|
18825
18825
|
};
|
|
18826
|
-
SectionHeader.defaultProps = {
|
|
18827
|
-
className: '',
|
|
18828
|
-
style: {},
|
|
18829
|
-
};
|
|
18830
18826
|
|
|
18831
18827
|
// Unique ID creation requires a high quality random # generator. In the browser we therefore
|
|
18832
18828
|
// require the crypto API and do not support built-in fallback to lower quality random number
|
|
@@ -23218,7 +23214,7 @@ const StyledSearchField = styled.div `
|
|
|
23218
23214
|
`;
|
|
23219
23215
|
|
|
23220
23216
|
const SearchInput = (props) => {
|
|
23221
|
-
const { id, inputBorder, showSearchIcon, showClearInputIcon, className, inputProps, onChange, onClear, onKeyUp, placeholder, value, } = props;
|
|
23217
|
+
const { id, inputBorder, showSearchIcon, showClearInputIcon, className = '', inputProps, onChange, onClear, onKeyUp, placeholder, value, } = props;
|
|
23222
23218
|
const getId = id ? id : v4();
|
|
23223
23219
|
return (jsxs(StyledSearchField, { className: y$1(className, {
|
|
23224
23220
|
inputBorder,
|
|
@@ -23226,9 +23222,6 @@ const SearchInput = (props) => {
|
|
|
23226
23222
|
showClearInputIcon,
|
|
23227
23223
|
}), "data-cy": props['data-cy'], children: [showSearchIcon && (jsx("label", { htmlFor: getId, children: jsx(Icon, { name: "fa-search", ariaLabel: "search" }) })), jsx("input", Object.assign({ "data-testid": props['data-testid'], type: "search", id: getId, placeholder: placeholder, value: value, onChange: onChange, onKeyUp: onKeyUp }, inputProps)), showClearInputIcon && (jsx(Icon, { name: "x-close", ariaLabel: "clear input", className: "clear-input", onClick: onClear }))] }));
|
|
23228
23224
|
};
|
|
23229
|
-
SearchInput.defaultProps = {
|
|
23230
|
-
className: '',
|
|
23231
|
-
};
|
|
23232
23225
|
|
|
23233
23226
|
const StyledTextInput = styled.div `
|
|
23234
23227
|
position: relative;
|