@indico-data/design-system 2.6.0 → 2.7.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 +89 -0
- package/lib/index.d.ts +13 -1
- package/lib/index.esm.css +89 -0
- package/lib/index.esm.js +6 -1
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +6 -0
- package/lib/index.js.map +1 -1
- package/lib/src/components/forms/checkbox/Checkbox.d.ts +12 -0
- package/lib/src/components/forms/checkbox/Checkbox.stories.d.ts +7 -0
- package/lib/src/components/forms/checkbox/__tests__/Checkbox.test.d.ts +1 -0
- package/lib/src/components/forms/checkbox/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 +67 -0
- package/src/components/forms/checkbox/Checkbox.stories.tsx +169 -0
- package/src/components/forms/checkbox/Checkbox.tsx +55 -0
- package/src/components/forms/checkbox/__tests__/Checkbox.test.tsx +35 -0
- package/src/components/forms/checkbox/index.ts +1 -0
- package/src/components/forms/checkbox/styles/Checkbox.scss +98 -0
- package/src/components/index.ts +1 -0
- package/src/index.ts +1 -0
- package/src/styles/index.scss +1 -0
package/lib/index.js
CHANGED
|
@@ -18679,6 +18679,11 @@ const Radio$2 = (_a) => {
|
|
|
18679
18679
|
return (jsxRuntime.jsx("div", { className: "form-control", children: jsxRuntime.jsxs("div", { className: "radio-wrapper", children: [jsxRuntime.jsx("input", Object.assign({ "data-testid": `form-radio-input-${name}` }, rest, { className: "radio-input", type: "radio", id: id, name: name, value: value, disabled: isDisabled, ref: ref, onChange: onChange, tabIndex: 0, "aria-describedby": id, "aria-label": label })), jsxRuntime.jsx("label", { htmlFor: id, className: "radio-input-label", "data-testid": `label-radio-input-${name}`, children: label })] }) }));
|
|
18680
18680
|
};
|
|
18681
18681
|
|
|
18682
|
+
const Checkbox = (_a) => {
|
|
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}` }, rest, { 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 })), jsxRuntime.jsx("label", { htmlFor: id, className: "checkbox-input-label", "data-testid": `label-checkbox-input-${name}`, children: label })] }) }));
|
|
18685
|
+
};
|
|
18686
|
+
|
|
18682
18687
|
const StyledAccordion = styled__default.default.details `
|
|
18683
18688
|
summary {
|
|
18684
18689
|
display: inherit;
|
|
@@ -41509,6 +41514,7 @@ exports.BarSpinner = BarSpinner;
|
|
|
41509
41514
|
exports.BorderSelect = BorderSelect;
|
|
41510
41515
|
exports.Button = Button$2;
|
|
41511
41516
|
exports.COLORS = allColors;
|
|
41517
|
+
exports.Checkbox = Checkbox;
|
|
41512
41518
|
exports.CirclePulse = CirclePulse;
|
|
41513
41519
|
exports.CircleSpinner = CircleSpinner;
|
|
41514
41520
|
exports.Col = Col;
|