@mond-design-system/react 6.0.0 → 6.1.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/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +9 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -765,9 +765,12 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "typ
|
|
|
765
765
|
*/
|
|
766
766
|
declare function Checkbox({ label, labelHidden, indeterminate, className, ref, ...rest }: CheckboxProps): ReactElement;
|
|
767
767
|
|
|
768
|
+
type RadioSize = "sm" | "md" | "lg";
|
|
768
769
|
interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
769
770
|
/** Inline label — part of the click target. */
|
|
770
771
|
label: string;
|
|
772
|
+
/** Control step. Default md. The 44px target holds at every step. */
|
|
773
|
+
size?: RadioSize;
|
|
771
774
|
ref?: Ref<HTMLInputElement>;
|
|
772
775
|
}
|
|
773
776
|
/**
|
|
@@ -782,7 +785,7 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"
|
|
|
782
785
|
* </fieldset>
|
|
783
786
|
* ```
|
|
784
787
|
*/
|
|
785
|
-
declare function Radio({ label, className, ...rest }: RadioProps): ReactElement;
|
|
788
|
+
declare function Radio({ label, size, className, ...rest }: RadioProps): ReactElement;
|
|
786
789
|
|
|
787
790
|
interface SwitchBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
788
791
|
/** Busy blocks toggling for the same reason disabled does — a second tap
|
package/dist/index.d.ts
CHANGED
|
@@ -765,9 +765,12 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "typ
|
|
|
765
765
|
*/
|
|
766
766
|
declare function Checkbox({ label, labelHidden, indeterminate, className, ref, ...rest }: CheckboxProps): ReactElement;
|
|
767
767
|
|
|
768
|
+
type RadioSize = "sm" | "md" | "lg";
|
|
768
769
|
interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
769
770
|
/** Inline label — part of the click target. */
|
|
770
771
|
label: string;
|
|
772
|
+
/** Control step. Default md. The 44px target holds at every step. */
|
|
773
|
+
size?: RadioSize;
|
|
771
774
|
ref?: Ref<HTMLInputElement>;
|
|
772
775
|
}
|
|
773
776
|
/**
|
|
@@ -782,7 +785,7 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"
|
|
|
782
785
|
* </fieldset>
|
|
783
786
|
* ```
|
|
784
787
|
*/
|
|
785
|
-
declare function Radio({ label, className, ...rest }: RadioProps): ReactElement;
|
|
788
|
+
declare function Radio({ label, size, className, ...rest }: RadioProps): ReactElement;
|
|
786
789
|
|
|
787
790
|
interface SwitchBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
|
|
788
791
|
/** Busy blocks toggling for the same reason disabled does — a second tap
|
package/dist/index.js
CHANGED
|
@@ -1255,9 +1255,9 @@ function Checkbox({
|
|
|
1255
1255
|
}
|
|
1256
1256
|
|
|
1257
1257
|
// mds-cssmod:/home/runner/work/mond-design-system/mond-design-system/packages/react/src/components/Radio/Radio.module.css?mds-scoped
|
|
1258
|
-
var Radio_module_default = { "root": "mds-Radio__root", "dot": "mds-Radio__dot mds-hit-area__hitArea", "label": "mds-Radio__label" };
|
|
1259
|
-
function Radio({ label, className, ...rest }) {
|
|
1260
|
-
return /* @__PURE__ */ jsxs("label", { className: cx(Radio_module_default.root, className), children: [
|
|
1258
|
+
var Radio_module_default = { "root": "mds-Radio__root", "size-sm": "mds-Radio__size-sm", "size-lg": "mds-Radio__size-lg", "dot": "mds-Radio__dot mds-hit-area__hitArea", "label": "mds-Radio__label" };
|
|
1259
|
+
function Radio({ label, size: size2 = "md", className, ...rest }) {
|
|
1260
|
+
return /* @__PURE__ */ jsxs("label", { className: cx(Radio_module_default.root, Radio_module_default[`size-${size2}`], className), children: [
|
|
1261
1261
|
/* @__PURE__ */ jsx("input", { type: "radio", className: Radio_module_default.dot, ...rest }),
|
|
1262
1262
|
/* @__PURE__ */ jsx("span", { className: Radio_module_default.label, children: label })
|
|
1263
1263
|
] });
|