@indico-data/design-system 2.29.2 → 2.30.1
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 +78 -82
- package/lib/index.esm.css +78 -82
- package/lib/index.esm.js +7 -4
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +7 -4
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/floatUI/styles/FloatUI.scss +3 -3
- package/src/components/forms/form/styles/Form.scss +8 -0
- package/src/components/forms/textarea/Textarea.tsx +3 -0
- package/src/components/pill/Pill.stories.tsx +10 -1
- package/src/components/table/Table.tsx +9 -2
- package/src/components/table/styles/Table.scss +73 -57
- package/src/components/table/styles/_variables.scss +9 -9
package/lib/index.js
CHANGED
|
@@ -20961,8 +20961,11 @@ const LoadingComponent = () => {
|
|
|
20961
20961
|
};
|
|
20962
20962
|
|
|
20963
20963
|
const Table$1 = (props) => {
|
|
20964
|
-
const { responsive = true, direction = 'auto', keyField = 'id', striped = true, noDataComponent = 'built-in', isDisabled, isLoading, subHeaderAlign = 'left' } = props, rest = __rest$1(props, ["responsive", "direction", "keyField", "striped", "noDataComponent", "isDisabled", "isLoading", "subHeaderAlign"]);
|
|
20965
|
-
|
|
20964
|
+
const { responsive = true, direction = 'auto', keyField = 'id', striped = true, noDataComponent = 'built-in', isDisabled, isLoading, subHeaderAlign = 'left', className } = props, rest = __rest$1(props, ["responsive", "direction", "keyField", "striped", "noDataComponent", "isDisabled", "isLoading", "subHeaderAlign", "className"]);
|
|
20965
|
+
const combinedClassName = classNames(className, {
|
|
20966
|
+
'table--striped': striped,
|
|
20967
|
+
});
|
|
20968
|
+
return (jsxRuntime.jsx("div", { className: "table", children: jsxRuntime.jsx(Xe, Object.assign({ responsive: responsive, direction: direction, subHeaderAlign: subHeaderAlign, keyField: keyField, striped: striped, className: combinedClassName, disabled: isDisabled, noDataComponent: noDataComponent, progressPending: isLoading, progressComponent: jsxRuntime.jsx(LoadingComponent, {}) }, rest)) }));
|
|
20966
20969
|
};
|
|
20967
20970
|
|
|
20968
20971
|
const Label = ({ label, name, isRequired }) => {
|
|
@@ -21014,10 +21017,10 @@ const Toggle$1 = e__namespace.default.forwardRef((_a, ref) => {
|
|
|
21014
21017
|
});
|
|
21015
21018
|
|
|
21016
21019
|
const Textarea = e__namespace.default.forwardRef((_a, ref) => {
|
|
21017
|
-
var { label, name, placeholder, value, onChange, isRequired, isDisabled, errorMessage, helpText, hasHiddenLabel, rows, cols, readonly, wrap, form, maxLength, autofocus } = _a, rest = __rest$1(_a, ["label", "name", "placeholder", "value", "onChange", "isRequired", "isDisabled", "errorMessage", "helpText", "hasHiddenLabel", "rows", "cols", "readonly", "wrap", "form", "maxLength", "autofocus"]);
|
|
21020
|
+
var { label, name, placeholder, value, onChange, isRequired, isDisabled, errorMessage, helpText, hasHiddenLabel, rows, cols, readonly, wrap, form, maxLength, autofocus, defaultValue } = _a, rest = __rest$1(_a, ["label", "name", "placeholder", "value", "onChange", "isRequired", "isDisabled", "errorMessage", "helpText", "hasHiddenLabel", "rows", "cols", "readonly", "wrap", "form", "maxLength", "autofocus", "defaultValue"]);
|
|
21018
21021
|
const hasErrors = errorMessage && errorMessage.length > 0;
|
|
21019
21022
|
const textareaClasses = classNames('textarea', { error: hasErrors });
|
|
21020
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "textarea-wrapper", children: jsxRuntime.jsx("textarea", Object.assign({ ref: ref, rows: rows, cols: cols, autoFocus: autofocus, wrap: wrap, form: form, maxLength: maxLength, readOnly: readonly, "data-testid": `form-textarea-${name}`, name: name, disabled: isDisabled, placeholder: placeholder, onChange: onChange, className: textareaClasses, "aria-invalid": hasErrors ? true : undefined, "aria-describedby": hasErrors || helpText ? `${name}-helper` : undefined, "aria-required": isRequired }, rest)) }), hasErrors && jsxRuntime.jsx(DisplayFormError, { message: errorMessage }), helpText && (jsxRuntime.jsx("div", { "data-testid": `${name}-help-text`, className: "help-text", id: `${name}-helper`, children: helpText }))] }));
|
|
21023
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "textarea-wrapper", children: jsxRuntime.jsx("textarea", Object.assign({ ref: ref, rows: rows, cols: cols, autoFocus: autofocus, wrap: wrap, form: form, maxLength: maxLength, readOnly: readonly, "data-testid": `form-textarea-${name}`, name: name, disabled: isDisabled, placeholder: placeholder, onChange: onChange, className: textareaClasses, "aria-invalid": hasErrors ? true : undefined, "aria-describedby": hasErrors || helpText ? `${name}-helper` : undefined, "aria-required": isRequired, value: value, defaultValue: defaultValue }, rest)) }), hasErrors && jsxRuntime.jsx(DisplayFormError, { message: errorMessage }), helpText && (jsxRuntime.jsx("div", { "data-testid": `${name}-help-text`, className: "help-text", id: `${name}-helper`, children: helpText }))] }));
|
|
21021
21024
|
});
|
|
21022
21025
|
const LabeledTextarea = withLabel(Textarea);
|
|
21023
21026
|
|