@allxsmith/bestax-bulma 5.42.0 → 5.42.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.
@@ -55,7 +55,15 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
55
55
  * markup can't carry it, and a mixed box renders unmixed until hydration.
56
56
  */
57
57
  indeterminate?: boolean;
58
- /** Additional CSS classes to apply. */
58
+ /**
59
+ * Additional CSS classes, on the outer `<label>`. That's the element that
60
+ * declares the `--bulma-checkbox-*` variables, so a class is how to set
61
+ * one: `style` and the other input attributes go to the `<input>`. Name
62
+ * `.styled-checkbox` beside your class in the selector, so it beats the
63
+ * label's own declaration whatever order the stylesheets load in. A
64
+ * `color` prop declares the fills again on `.styled-checkbox.is-<color>`,
65
+ * which ties that selector, so leave `color` unset when a class sets them.
66
+ */
59
67
  className?: string;
60
68
  /** The label/content for the checkbox. */
61
69
  children?: React.ReactNode;
@@ -46,7 +46,16 @@ export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
46
46
  textColor?: (typeof validColors)[number] | 'inherit' | 'current';
47
47
  /** Whether the radio is disabled. */
48
48
  disabled?: boolean;
49
- /** Additional CSS classes to apply. */
49
+ /**
50
+ * Additional CSS classes, on the outer `<label>`. That's the element that
51
+ * declares the `--bulma-radio-*` variables, so a class is how to set one:
52
+ * `style` and the other input attributes go to the `<input>`. Name
53
+ * `.styled-radio` beside your class in the selector, so it beats the
54
+ * label's own declaration whatever order the stylesheets load in. A
55
+ * `color` prop declares the active color again on
56
+ * `.styled-radio.is-<color>`, which ties that selector, so leave `color`
57
+ * unset when a class sets it.
58
+ */
50
59
  className?: string;
51
60
  /** The label/content for the radio. */
52
61
  children?: React.ReactNode;
@@ -55,7 +55,15 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
55
55
  * markup can't carry it, and a mixed box renders unmixed until hydration.
56
56
  */
57
57
  indeterminate?: boolean;
58
- /** Additional CSS classes to apply. */
58
+ /**
59
+ * Additional CSS classes, on the outer `<label>`. That's the element that
60
+ * declares the `--bulma-checkbox-*` variables, so a class is how to set
61
+ * one: `style` and the other input attributes go to the `<input>`. Name
62
+ * `.styled-checkbox` beside your class in the selector, so it beats the
63
+ * label's own declaration whatever order the stylesheets load in. A
64
+ * `color` prop declares the fills again on `.styled-checkbox.is-<color>`,
65
+ * which ties that selector, so leave `color` unset when a class sets them.
66
+ */
59
67
  className?: string;
60
68
  /** The label/content for the checkbox. */
61
69
  children?: React.ReactNode;
@@ -46,7 +46,16 @@ export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
46
46
  textColor?: (typeof validColors)[number] | 'inherit' | 'current';
47
47
  /** Whether the radio is disabled. */
48
48
  disabled?: boolean;
49
- /** Additional CSS classes to apply. */
49
+ /**
50
+ * Additional CSS classes, on the outer `<label>`. That's the element that
51
+ * declares the `--bulma-radio-*` variables, so a class is how to set one:
52
+ * `style` and the other input attributes go to the `<input>`. Name
53
+ * `.styled-radio` beside your class in the selector, so it beats the
54
+ * label's own declaration whatever order the stylesheets load in. A
55
+ * `color` prop declares the active color again on
56
+ * `.styled-radio.is-<color>`, which ties that selector, so leave `color`
57
+ * unset when a class sets it.
58
+ */
50
59
  className?: string;
51
60
  /** The label/content for the radio. */
52
61
  children?: React.ReactNode;