@allxsmith/bestax-bulma 5.15.4 → 5.16.0

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

@@ -10,12 +10,10 @@ export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>,
      * Bulma color modifier for the notification (renders `is-<color>`).
      *
      * Only `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`,
-     * `white`, `light`, and `dark` have shipped CSS for `.notification`. The
-     * other accepted values (`black-bis`, `black-ter`, `grey-darker`,
-     * `grey-dark`, `grey`, `grey-light`, `grey-lighter`) emit a class no CSS
-     * rule matches, so the notification renders unstyled; they log a console
-     * warning in development and will be removed from this union in the next
-     * major version.
+     * `white`, `light`, and `dark` have shipped CSS for `.notification`. Every
+     * other value the union accepts emits a class no CSS rule matches, so the
+     * notification renders unstyled; those log a console warning in development
+     * and will be removed from this union in the next major version.
      */
     color?: (typeof validColors)[number];
     /** Text color helper. */
@@ -50,12 +48,10 @@ export interface NotificationOptions {
      * Bulma color modifier for the notification (renders `is-<color>`).
      *
      * Only `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`,
-     * `white`, `light`, and `dark` have shipped CSS for `.notification`. The
-     * other accepted values (`black-bis`, `black-ter`, `grey-darker`,
-     * `grey-dark`, `grey`, `grey-light`, `grey-lighter`) emit a class no CSS
-     * rule matches, so the notification renders unstyled; they log a console
-     * warning in development and will be removed from this union in the next
-     * major version.
+     * `white`, `light`, and `dark` have shipped CSS for `.notification`. Every
+     * other value the union accepts emits a class no CSS rule matches, so the
+     * notification renders unstyled; those log a console warning in development
+     * and will be removed from this union in the next major version.
      */
     color?: (typeof validColors)[number];
     /** Use the light color variant. */

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

@@ -10,11 +10,10 @@ export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgress
      * Bulma color modifier for the progress bar (renders `is-<color>`).
      *
      * Only `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`,
-     * `white`, `light`, and `dark` have shipped CSS for `.progress`. The other
-     * accepted values (`black-bis`, `black-ter`, `grey-darker`, `grey-dark`,
-     * `grey`, `grey-light`, `grey-lighter`) emit a class no CSS rule matches, so
-     * the bar renders unstyled; they log a console warning in development and
-     * will be removed from this union in the next major version.
+     * `white`, `light`, and `dark` have shipped CSS for `.progress`. Every
+     * other value the union accepts emits a class no CSS rule matches, so the
+     * bar renders unstyled; those log a console warning in development and will
+     * be removed from this union in the next major version.
      */
     color?: (typeof validColors)[number];
     /** Size modifier for the progress bar. */

package/dist/types/helpers/bulmaClassHelpers.d.ts

@@ -2,7 +2,7 @@
  * Valid Bulma color classes.
  * @example 'primary', 'link', 'info'
  */
-export declare const validColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "black-bis", "black-ter", "grey-darker", "grey-dark", "grey", "grey-light", "grey-lighter", "white", "light", "dark"];
+export declare const validColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "black-bis", "black-ter", "grey-darker", "grey-dark", "grey", "grey-light", "grey-lighter", "white", "white-bis", "white-ter", "light", "dark"];
 /**
  * Valid Bulma color shade suffixes.
  * @example '00', '05', 'invert', 'light', 'dark', 'soft', 'bold', 'on-scheme'
@@ -98,6 +98,54 @@ export declare const validFlexGrowShrink: readonly ["0", "1", "2", "3", "4", "5"
  * @example 'mobile', 'tablet', 'desktop'
  */
 export declare const validViewports: readonly ["mobile", "tablet", "tablet-only", "touch", "desktop", "desktop-only", "widescreen", "widescreen-only", "fullhd"];
+/**
+ * Valid Bulma float classes.
+ * @example 'left', 'right'
+ */
+export declare const validFloats: readonly ["left", "right"];
+/**
+ * Valid Bulma overflow classes.
+ * @example 'clipped'
+ */
+export declare const validOverflows: readonly ["clipped"];
+/**
+ * Valid Bulma interaction classes.
+ * @example 'unselectable', 'clickable'
+ */
+export declare const validInteractions: readonly ["unselectable", "clickable"];
+/**
+ * Valid Bulma cursor helper values.
+ *
+ * These share no class stem: `pointer` renders `is-clickable` and `help`
+ * renders `is-cursor-help`, so the class each one emits lives in
+ * `cursorClasses` rather than being built from the value.
+ * @example 'pointer', 'help'
+ */
+export declare const validCursors: readonly ["pointer", "help"];
+/**
+ * Cursor helper value to the class it renders.
+ *
+ * A `Record` over `validCursors` on purpose: TypeScript then rejects a value
+ * added to the tuple with no class for it, and a class for a value the tuple
+ * does not carry, so the accepted set and the rendered classes cannot drift
+ * apart.
+ */
+export declare const cursorClasses: Record<(typeof validCursors)[number], string>;
+/**
+ * Valid Bulma border-radius helper classes.
+ * @example 'radiusless'
+ */
+export declare const validRadii: readonly ["radiusless"];
+/**
+ * Valid Bulma shadow helper classes.
+ * @example 'shadowless'
+ */
+export declare const validShadows: readonly ["shadowless"];
+/**
+ * Valid Bulma responsive helper classes.
+ * @example 'mobile', 'narrow'
+ */
+export declare const validResponsives: readonly ["mobile", "narrow"];
 /**
  * Props for applying a Bulma viewport modifier to viewport-aware helper classes.
  */

package/dist/types/helpers/colorDeprecations.d.ts

@@ -4,7 +4,7 @@
  * `has-background-*` helpers DO cover these values — only the
  * component-modifier form is dead.
  */
-export declare const UNSTYLED_MODIFIER_COLORS: readonly ["black-bis", "black-ter", "grey-darker", "grey-dark", "grey", "grey-light", "grey-lighter"];
+export declare const UNSTYLED_MODIFIER_COLORS: readonly ["black-bis", "black-ter", "white-bis", "white-ter", "grey-darker", "grey-dark", "grey", "grey-light", "grey-lighter"];
 /** Test-only: re-arm the warn-once registry. */
 export declare const resetColorDeprecationWarnings: () => void;
 /**

package/dist/types/helpers/useBulmaClasses.d.ts

@@ -50,7 +50,7 @@ export declare const useBulmaClasses: <T extends object>(props: BulmaClassesProp
     bulmaHelperStyles?: CSSProperties;
     rest: Omit<T, keyof BulmaClassesProps>;
 };
-export { validColors, validColorShades, validSchemeColors, validSizes, validTextSizes, validAlignments, validTextTransforms, validTextWeights, validFontFamilies, validDisplays, validVisibilities, validFlexDirections, validFlexWraps, validJustifyContents, validAlignContents, validAlignItems, validAlignSelfs, validFlexGrowShrink, validViewports, } from './bulmaClassHelpers';
+export { validColors, validColorShades, validSchemeColors, validSizes, validTextSizes, validAlignments, validTextTransforms, validTextWeights, validFontFamilies, validDisplays, validVisibilities, validFlexDirections, validFlexWraps, validJustifyContents, validAlignContents, validAlignItems, validAlignSelfs, validFlexGrowShrink, validViewports, validFloats, validOverflows, validInteractions, validCursors, validRadii, validShadows, validResponsives, } from './bulmaClassHelpers';
 export type { BulmaViewportProps, BulmaDisplayProps };
 export * from './useColorClasses';
 export * from './useSpacingClasses';

package/dist/types/helpers/useOtherClasses.d.ts

@@ -1,23 +1,24 @@
+import { validCursors, validFloats, validInteractions, validOverflows, validRadii, validResponsives, validShadows } from './bulmaClassHelpers';
 /**
  * Props for applying miscellaneous Bulma helper classes.
  */
 export interface BulmaOtherProps {
     /** Float direction (e.g., 'left', 'right'). */
-    float?: 'left' | 'right';
+    float?: (typeof validFloats)[number];
     /** Overflow behavior (e.g., 'clipped'). */
-    overflow?: 'clipped';
+    overflow?: (typeof validOverflows)[number];
     /** Applies overlay styling if true. */
     overlay?: boolean;
     /** Interaction behavior (e.g., 'unselectable', 'clickable'). */
-    interaction?: 'unselectable' | 'clickable';
+    interaction?: (typeof validInteractions)[number];
     /** Cursor style (e.g., 'pointer', 'help'). */
-    cursor?: 'pointer' | 'help';
+    cursor?: (typeof validCursors)[number];
     /** Border radius style (e.g., 'radiusless'). */
-    radius?: 'radiusless';
+    radius?: (typeof validRadii)[number];
     /** Shadow style (e.g., 'shadowless'). */
-    shadow?: 'shadowless';
+    shadow?: (typeof validShadows)[number];
     /** Responsive behavior (e.g., 'mobile', 'narrow'). */
-    responsive?: 'mobile' | 'narrow';
+    responsive?: (typeof validResponsives)[number];
     /** Add Bulma skeleton class if true. */
     skeleton?: boolean;
     /** Applies clearfix to fix floating children if true. */

package/dist/types/layout/Hero.d.ts

@@ -14,12 +14,10 @@ export interface HeroProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulma
      * Bulma color modifier for the hero section (renders `is-<color>`).
      *
      * Only `primary`, `link`, `info`, `success`, `warning`, `danger`, `black`,
-     * `white`, `light`, and `dark` have shipped CSS for `.hero`. The other
-     * accepted values (`black-bis`, `black-ter`, `grey-darker`, `grey-dark`,
-     * `grey`, `grey-light`, `grey-lighter`, `inherit`, `current`) emit a class
-     * no CSS rule matches, so the hero renders unstyled; they log a console
-     * warning in development and will be removed from this union in the next
-     * major version.
+     * `white`, `light`, and `dark` have shipped CSS for `.hero`. Every other
+     * value the union accepts emits a class no CSS rule matches, so the hero
+     * renders unstyled; those log a console warning in development and will be
+     * removed from this union in the next major version.
      */
     color?: (typeof validColors)[number] | 'inherit' | 'current';
     /** Hero size. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.15.4",
+  "version": "5.16.0",
   "description": "A fully-typed React component library for the Bulma CSS framework. Build modern UIs quickly with reusable, accessible, and customizable Bulma-based React components.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -99,12 +99,29 @@
     "agents",
     "agent-skills"
   ],
+  "typesVersions": {
+    "*": {
+      "constants": [
+        "./dist/types/helpers/bulmaClassHelpers.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.esm.js",
       "require": "./dist/index.cjs.js"
     },
+    "./constants": {
+      "import": {
+        "types": "./dist/types/helpers/bulmaClassHelpers.d.ts",
+        "default": "./dist/constants.esm.js"
+      },
+      "require": {
+        "types": "./dist/constants.d.cts",
+        "default": "./dist/constants.cjs"
+      }
+    },
     "./dist/extras.css": {
       "default": "./dist/extras.css"
     },