material 3.2.6 → 3.2.7

package/dist/components/fab/constants.d.ts

@@ -1,79 +1,39 @@
-/**
- * FAB variants following Material Design 3 guidelines
- */
 export declare const FAB_VARIANTS: {
-    /** Primary container colour (default) */
     readonly PRIMARY_CONTAINER: "primary-container";
-    /** Secondary container colour */
     readonly SECONDARY_CONTAINER: "secondary-container";
-    /** Tertiary container colour */
     readonly TERTIARY_CONTAINER: "tertiary-container";
-    /** Primary tone colour */
     readonly PRIMARY: "primary";
-    /** Secondary tone colour */
     readonly SECONDARY: "secondary";
-    /** Tertiary tone colour */
     readonly TERTIARY: "tertiary";
 };
-/**
- * FAB size variants
- */
 export declare const FAB_SIZES: {
-    /** 56px diameter, for standard primary actions (default) */
     readonly DEFAULT: "default";
-    /** 80px diameter with a 28px icon */
     readonly MEDIUM: "medium";
-    /** 96px diameter, for emphasis or touch-focused interfaces */
     readonly LARGE: "large";
 };
-/**
- * FAB position options
- */
 export declare const FAB_POSITIONS: {
-    /** Position in the top-right corner */
     readonly TOP_RIGHT: "top-right";
-    /** Position in the top-left corner */
     readonly TOP_LEFT: "top-left";
-    /** Position in the bottom-right corner (most common for primary actions) */
     readonly BOTTOM_RIGHT: "bottom-right";
-    /** Position in the bottom-left corner */
     readonly BOTTOM_LEFT: "bottom-left";
 };
-/**
- * FAB CSS classes
- */
 export declare const FAB_CLASSES: {
-    /** Root element class */
     readonly ROOT: "fab";
-    /** Class for the icon container */
     readonly ICON: "fab__icon";
-    /** Applied when FAB is lowered (pressed state) */
     readonly LOWERED: "fab--lowered";
-    /** Applied to medium FABs */
     readonly MEDIUM: "fab--medium";
-    /** Applied to large FABs */
     readonly LARGE: "fab--large";
 };
-/**
- * Button types for FAB
- */
 export declare const FAB_TYPES: {
     readonly BUTTON: "button";
     readonly SUBMIT: "submit";
     readonly RESET: "reset";
 };
-/**
- * Default icon sizes based on FAB size
- */
 export declare const FAB_ICON_SIZES: {
     readonly DEFAULT: "24px";
     readonly MEDIUM: "28px";
     readonly LARGE: "32px";
 };
-/**
- * Default animations for FAB
- */
 export declare const FAB_ANIMATIONS: {
-    /** Entrance animation duration in milliseconds */
     readonly ENTRANCE_DURATION: 250;
 };

package/dist/components/fab/fab.d.ts

@@ -1,45 +1,3 @@
 import { FabConfig, FabComponent } from "./types.js";
-/**
- * Creates a new Floating Action Button (FAB) component
- *
- * Floating Action Buttons (FABs) represent the primary action in an application.
- * They're circular buttons that float above the UI, and typically contain an icon.
- * FABs follow Material Design 3 guidelines with support for multiple variants,
- * sizes, and positioning options.
- *
- * @param {FabConfig} config - FAB configuration object
- * @returns {FabComponent} FAB component instance
- *
- * @throws {Error} If the FAB cannot be created due to invalid configuration
- *
- * @category Components
- *
- * @example
- * ```typescript
- * // Create a default FAB with a plus icon
- * const fab = createFab({
- *   icon: '<svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>',
- *   ariaLabel: 'Add new item'
- * });
- *
- * // Create a medium FAB with a custom position
- * const mediumFab = createFab({
- *   size: 'medium',
- *   icon: '<svg>...</svg>',
- *   variant: 'secondary',
- *   position: 'bottom-right'
- * });
- *
- * // Add click handler and attach to DOM
- * fab.on('click', () => {
- *   console.log('FAB clicked');
- * });
- * document.body.appendChild(fab.element);
- *
- * // Later, update the FAB's appearance
- * fab.setIcon('<span class="material-icons">edit</span>');
- * fab.setPosition('bottom-left');
- * ```
- */
 declare const createFab: (config: FabConfig) => FabComponent;
 export default createFab;

package/dist/components/fab/index.d.ts

@@ -1,35 +1,2 @@
-/**
- * @module Fab
- *
- * Floating Action Button (FAB) component following Material Design 3 guidelines.
- * FABs are circular buttons that represent the primary action in an application.
- * They are prominently displayed, typically in a fixed position overlaid on the UI.
- *
- * Features:
- * - Multiple variants (primary, secondary, tertiary, surface)
- * - Four size options (small, default, medium, large; small is deprecated)
- * - Configurable positioning
- * - Icon support with customization
- * - Ripple effect on interaction
- * - Accessibility support
- *
- * @example
- * ```typescript
- * // Create a primary FAB with a plus icon
- * const fab = createFab({
- *   icon: '<svg viewBox="0 0 24 24"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>',
- *   position: 'bottom-right',
- *   ariaLabel: 'Add new item'
- * });
- *
- * // Attach to DOM and add click handler
- * container.appendChild(fab.element);
- * fab.on('click', () => {
- *   console.log('FAB clicked');
- * });
- * ```
- *
- * @category Components
- */
 export { default, default as createFab } from "./fab.js";
 export type { FabConfig, FabComponent, FabEvents, FabVariant, FabSize, FabPosition, } from "./types.js";