@indico-data/design-system 2.7.0 → 2.9.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.css +195 -19
- package/lib/index.d.ts +14 -2
- package/lib/index.esm.css +195 -19
- package/lib/index.esm.js +7 -2
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +7 -1
- package/lib/index.js.map +1 -1
- package/lib/src/components/forms/textarea/Textarea.d.ts +22 -0
- package/lib/src/components/forms/textarea/Textarea.stories.d.ts +11 -0
- package/lib/src/components/forms/textarea/__tests__/Textarea.test.d.ts +1 -0
- package/lib/src/components/forms/textarea/index.d.ts +1 -0
- package/lib/src/components/forms/toggle/Toggle.d.ts +12 -0
- package/lib/src/components/forms/toggle/Toggle.stories.d.ts +6 -0
- package/lib/src/components/forms/toggle/__tests__/Toggle.test.d.ts +1 -0
- package/lib/src/components/forms/toggle/index.d.ts +1 -0
- package/lib/src/components/index.d.ts +1 -0
- package/lib/src/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/forms/checkbox/Checkbox.mdx +6 -1
- package/src/components/forms/checkbox/Checkbox.stories.tsx +10 -4
- package/src/components/forms/checkbox/Checkbox.tsx +1 -1
- package/src/components/forms/checkbox/styles/Checkbox.scss +16 -16
- package/src/components/forms/input/Input.stories.tsx +70 -64
- package/src/components/forms/input/styles/Input.scss +10 -3
- package/src/components/forms/textarea/Textarea.mdx +19 -0
- package/src/components/forms/textarea/Textarea.stories.tsx +363 -0
- package/src/components/forms/textarea/Textarea.tsx +85 -0
- package/src/components/forms/textarea/__tests__/Textarea.test.tsx +103 -0
- package/src/components/forms/textarea/index.ts +1 -0
- package/src/components/forms/textarea/styles/Textarea.scss +102 -0
- package/src/components/forms/toggle/Toggle.mdx +15 -0
- package/src/components/forms/toggle/Toggle.stories.tsx +126 -0
- package/src/components/forms/toggle/Toggle.tsx +51 -0
- package/src/components/forms/toggle/__tests__/Toggle.test.tsx +19 -0
- package/src/components/forms/toggle/index.ts +1 -0
- package/src/components/forms/toggle/styles/Toggle.scss +72 -0
- package/src/components/index.ts +1 -0
- package/src/index.ts +1 -0
- package/src/styles/index.scss +2 -0
package/lib/index.js
CHANGED
|
@@ -18681,7 +18681,12 @@ const Radio$2 = (_a) => {
|
|
|
18681
18681
|
|
|
18682
18682
|
const Checkbox = (_a) => {
|
|
18683
18683
|
var { ref, id, label, name, value, onChange, isDisabled, isChecked = false } = _a, rest = __rest$1(_a, ["ref", "id", "label", "name", "value", "onChange", "isDisabled", "isChecked"]);
|
|
18684
|
-
return (jsxRuntime.jsx("div", { className: "form-control", children: jsxRuntime.jsxs("div", { className: "checkbox-wrapper", children: [jsxRuntime.jsx("input", Object.assign({ "data-testid": `form-checkbox-input-${name}
|
|
18684
|
+
return (jsxRuntime.jsx("div", { className: "form-control", children: jsxRuntime.jsxs("div", { className: "checkbox-wrapper", children: [jsxRuntime.jsx("input", Object.assign({ "data-testid": `form-checkbox-input-${name}`, className: "checkbox-input", type: "checkbox", id: id, checked: isChecked, name: name, value: value, disabled: isDisabled, ref: ref, onChange: onChange, tabIndex: 0, "aria-describedby": id, "aria-label": label }, rest)), jsxRuntime.jsx("label", { htmlFor: id, className: "checkbox-input-label", "data-testid": `label-checkbox-input-${name}`, children: label })] }) }));
|
|
18685
|
+
};
|
|
18686
|
+
|
|
18687
|
+
const Toggle$1 = (_a) => {
|
|
18688
|
+
var { ref, id, label, name, value, onChange, isDisabled, isChecked } = _a, rest = __rest$1(_a, ["ref", "id", "label", "name", "value", "onChange", "isDisabled", "isChecked"]);
|
|
18689
|
+
return (jsxRuntime.jsx("div", { className: "form-control", children: jsxRuntime.jsxs("div", { className: "toggle-wrapper", children: [jsxRuntime.jsx("input", Object.assign({ "data-testid": `form-toggle-input-${name}`, className: "toggle-input", type: "checkbox", id: id, checked: isChecked, name: name, value: value, disabled: isDisabled, ref: ref, onChange: onChange, tabIndex: 0, "aria-describedby": id, "aria-label": label }, rest)), jsxRuntime.jsx("label", { htmlFor: id, className: "switch" }), jsxRuntime.jsx("label", { className: 'toggle-label', htmlFor: id, children: label })] }) }));
|
|
18685
18690
|
};
|
|
18686
18691
|
|
|
18687
18692
|
const StyledAccordion = styled__default.default.details `
|
|
@@ -41560,6 +41565,7 @@ exports.Table = Table$1;
|
|
|
41560
41565
|
exports.TextInput = TextInput;
|
|
41561
41566
|
exports.TextTruncate = TextTruncate;
|
|
41562
41567
|
exports.Toggle = Toggle;
|
|
41568
|
+
exports.ToggleInput = Toggle$1;
|
|
41563
41569
|
exports.Tooltip = Tooltip;
|
|
41564
41570
|
exports.colorUtils = color;
|
|
41565
41571
|
exports.numberUtils = number;
|