@indico-data/design-system 2.6.0 → 2.8.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.
Files changed (33) hide show
  1. package/lib/index.css +165 -0
  2. package/lib/index.d.ts +26 -2
  3. package/lib/index.esm.css +165 -0
  4. package/lib/index.esm.js +11 -1
  5. package/lib/index.esm.js.map +1 -1
  6. package/lib/index.js +12 -0
  7. package/lib/index.js.map +1 -1
  8. package/lib/src/components/forms/checkbox/Checkbox.d.ts +12 -0
  9. package/lib/src/components/forms/checkbox/Checkbox.stories.d.ts +7 -0
  10. package/lib/src/components/forms/checkbox/__tests__/Checkbox.test.d.ts +1 -0
  11. package/lib/src/components/forms/checkbox/index.d.ts +1 -0
  12. package/lib/src/components/forms/toggle/Toggle.d.ts +12 -0
  13. package/lib/src/components/forms/toggle/Toggle.stories.d.ts +6 -0
  14. package/lib/src/components/forms/toggle/__tests__/Toggle.test.d.ts +1 -0
  15. package/lib/src/components/forms/toggle/index.d.ts +1 -0
  16. package/lib/src/components/index.d.ts +2 -0
  17. package/lib/src/index.d.ts +2 -0
  18. package/package.json +1 -1
  19. package/src/components/forms/checkbox/Checkbox.mdx +72 -0
  20. package/src/components/forms/checkbox/Checkbox.stories.tsx +175 -0
  21. package/src/components/forms/checkbox/Checkbox.tsx +55 -0
  22. package/src/components/forms/checkbox/__tests__/Checkbox.test.tsx +35 -0
  23. package/src/components/forms/checkbox/index.ts +1 -0
  24. package/src/components/forms/checkbox/styles/Checkbox.scss +98 -0
  25. package/src/components/forms/toggle/Toggle.mdx +15 -0
  26. package/src/components/forms/toggle/Toggle.stories.tsx +126 -0
  27. package/src/components/forms/toggle/Toggle.tsx +51 -0
  28. package/src/components/forms/toggle/__tests__/Toggle.test.tsx +19 -0
  29. package/src/components/forms/toggle/index.ts +1 -0
  30. package/src/components/forms/toggle/styles/Toggle.scss +72 -0
  31. package/src/components/index.ts +2 -0
  32. package/src/index.ts +2 -0
  33. package/src/styles/index.scss +2 -0
package/lib/index.js CHANGED
@@ -18679,6 +18679,16 @@ 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}`, 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 })] }) }));
18690
+ };
18691
+
18682
18692
  const StyledAccordion = styled__default.default.details `
18683
18693
  summary {
18684
18694
  display: inherit;
@@ -41509,6 +41519,7 @@ exports.BarSpinner = BarSpinner;
41509
41519
  exports.BorderSelect = BorderSelect;
41510
41520
  exports.Button = Button$2;
41511
41521
  exports.COLORS = allColors;
41522
+ exports.Checkbox = Checkbox;
41512
41523
  exports.CirclePulse = CirclePulse;
41513
41524
  exports.CircleSpinner = CircleSpinner;
41514
41525
  exports.Col = Col;
@@ -41554,6 +41565,7 @@ exports.Table = Table$1;
41554
41565
  exports.TextInput = TextInput;
41555
41566
  exports.TextTruncate = TextTruncate;
41556
41567
  exports.Toggle = Toggle;
41568
+ exports.ToggleInput = Toggle$1;
41557
41569
  exports.Tooltip = Tooltip;
41558
41570
  exports.colorUtils = color;
41559
41571
  exports.numberUtils = number;