@allxsmith/bestax-bulma 5.67.11 → 5.67.12

package/dist/types/elements/Notification.d.ts

@@ -15,17 +15,19 @@ export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>,
      * notification renders unstyled; those log a console warning in development
      * and will be removed from this union in the next major version.
      *
-     * `dark` takes the dark color's own text and background from bestax's
-     * stylesheets, as a dark `Button` has. With Bulma's CSS alone, a dark
-     * notification's text inherits the color around it, which on a light page
-     * is one shade off its background.
+     * `dark` and `light` take their color's own text and background from
+     * bestax's stylesheets, as a dark or light `Button` has. With Bulma's CSS
+     * alone, their text inherits the color around it, which on a light page is
+     * one shade off a dark notification's background, and on a dark page is
+     * hard to read on a light one.
      */
     color?: (typeof validColors)[number];
     /** Text color helper. */
     textColor?: (typeof validColors)[number] | 'inherit' | 'current';
     /**
-     * Use the light color variant. The dark color has none, so `color="dark"`
-     * with `isLight` looks the same as without it, as a dark `Button` does.
+     * Use the light color variant. The light and dark colors have none, so
+     * `color="light"` or `color="dark"` with `isLight` looks the same as
+     * without it, as a light or dark `Button` does.
      */
     isLight?: boolean;
     /**
@@ -80,15 +82,17 @@ export interface NotificationOptions {
      * notification renders unstyled; those log a console warning in development
      * and will be removed from this union in the next major version.
      *
-     * `dark` takes the dark color's own text and background from bestax's
-     * stylesheets, as a dark `Button` has. With Bulma's CSS alone, a dark
-     * notification's text inherits the color around it, which on a light page
-     * is one shade off its background.
+     * `dark` and `light` take their color's own text and background from
+     * bestax's stylesheets, as a dark or light `Button` has. With Bulma's CSS
+     * alone, their text inherits the color around it, which on a light page is
+     * one shade off a dark notification's background, and on a dark page is
+     * hard to read on a light one.
      */
     color?: (typeof validColors)[number];
     /**
-     * Use the light color variant. The dark color has none, so `color="dark"`
-     * with `isLight` looks the same as without it, as a dark `Button` does.
+     * Use the light color variant. The light and dark colors have none, so
+     * `color="light"` or `color="dark"` with `isLight` looks the same as
+     * without it, as a light or dark `Button` does.
      */
     isLight?: boolean;
     /** Duration in ms before auto-close. Default 3000. */

package/dist/types/elements/Tag.d.ts

@@ -16,11 +16,20 @@ export type TagSize = (typeof validTagSizes)[number];
 export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, Omit<BulmaClassesProps, 'color'> {
     /** Additional CSS classes to apply. */
     className?: string;
-    /** Bulma color modifier for the tag. */
+    /**
+     * Bulma color modifier for the tag.
+     *
+     * `light` takes the light color's own text from bestax's stylesheets. With
+     * Bulma's CSS alone, a light tag's text inherits the color around it, which
+     * on a dark page is hard to read.
+     */
     color?: TagColor;
     /** Tag size. */
     size?: TagSize;
-    /** Use the light color variant. */
+    /**
+     * Use the light color variant. The light color has none, so
+     * `color="light"` with `isLight` looks the same as without it.
+     */
     isLight?: boolean;
     /** Renders a rounded tag. */
     isRounded?: boolean;

package/dist/types-cjs/elements/Notification.d.ts

@@ -15,17 +15,19 @@ export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>,
      * notification renders unstyled; those log a console warning in development
      * and will be removed from this union in the next major version.
      *
-     * `dark` takes the dark color's own text and background from bestax's
-     * stylesheets, as a dark `Button` has. With Bulma's CSS alone, a dark
-     * notification's text inherits the color around it, which on a light page
-     * is one shade off its background.
+     * `dark` and `light` take their color's own text and background from
+     * bestax's stylesheets, as a dark or light `Button` has. With Bulma's CSS
+     * alone, their text inherits the color around it, which on a light page is
+     * one shade off a dark notification's background, and on a dark page is
+     * hard to read on a light one.
      */
     color?: (typeof validColors)[number];
     /** Text color helper. */
     textColor?: (typeof validColors)[number] | 'inherit' | 'current';
     /**
-     * Use the light color variant. The dark color has none, so `color="dark"`
-     * with `isLight` looks the same as without it, as a dark `Button` does.
+     * Use the light color variant. The light and dark colors have none, so
+     * `color="light"` or `color="dark"` with `isLight` looks the same as
+     * without it, as a light or dark `Button` does.
      */
     isLight?: boolean;
     /**
@@ -80,15 +82,17 @@ export interface NotificationOptions {
      * notification renders unstyled; those log a console warning in development
      * and will be removed from this union in the next major version.
      *
-     * `dark` takes the dark color's own text and background from bestax's
-     * stylesheets, as a dark `Button` has. With Bulma's CSS alone, a dark
-     * notification's text inherits the color around it, which on a light page
-     * is one shade off its background.
+     * `dark` and `light` take their color's own text and background from
+     * bestax's stylesheets, as a dark or light `Button` has. With Bulma's CSS
+     * alone, their text inherits the color around it, which on a light page is
+     * one shade off a dark notification's background, and on a dark page is
+     * hard to read on a light one.
      */
     color?: (typeof validColors)[number];
     /**
-     * Use the light color variant. The dark color has none, so `color="dark"`
-     * with `isLight` looks the same as without it, as a dark `Button` does.
+     * Use the light color variant. The light and dark colors have none, so
+     * `color="light"` or `color="dark"` with `isLight` looks the same as
+     * without it, as a light or dark `Button` does.
      */
     isLight?: boolean;
     /** Duration in ms before auto-close. Default 3000. */

package/dist/types-cjs/elements/Tag.d.ts

@@ -16,11 +16,20 @@ export type TagSize = (typeof validTagSizes)[number];
 export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, Omit<BulmaClassesProps, 'color'> {
     /** Additional CSS classes to apply. */
     className?: string;
-    /** Bulma color modifier for the tag. */
+    /**
+     * Bulma color modifier for the tag.
+     *
+     * `light` takes the light color's own text from bestax's stylesheets. With
+     * Bulma's CSS alone, a light tag's text inherits the color around it, which
+     * on a dark page is hard to read.
+     */
     color?: TagColor;
     /** Tag size. */
     size?: TagSize;
-    /** Use the light color variant. */
+    /**
+     * Use the light color variant. The light color has none, so
+     * `color="light"` with `isLight` looks the same as without it.
+     */
     isLight?: boolean;
     /** Renders a rounded tag. */
     isRounded?: boolean;