coconut_design_system 0.9.9 copy "coconut_design_system: ^0.9.9" to clipboard
coconut_design_system: ^0.9.9 copied to clipboard

The Coconut Design System For Coconut Vault/Wallet. Anyone who wants to use this design system is free to do so.

๐Ÿ“œ CHANGELOG #

All notable changes to the Coconut Design System will be documented in this file.
This project follows Semantic Versioning. #

0.9.9 - 2026-01-02 #

โœจ Features #

  • Pulldown
    • Added isSelectedItemBold option to customize font weight when the item is selected.
    • Added padding option to customize padding.

0.9.8 - 2026-01-02 #

โœจ Features #

  • PulldownMenuItem

    • Added isDisabled option to control clickable state in CoconutPulldownMenuItem.
  • Button

    • Added borderColor option to customize border color.

๐Ÿ›  Fixes #

  • UnderlinedButton
    • Adjusted layout calculations to respect textScaleFactor for proper text scaling.

0.9.7 - 2025-11-12 #

๐Ÿ›  Fixes #

  • TextField
    • Removed the ellipsis option from description text to avoid unintended truncation.

๐Ÿงผ Cleanup #

  • Formatting
    • Set formatter line length to 120 characters for consistent code wrapping.

0.9.6 - 2025-10-21 #

โœจ Features #

  • Popup

    • Added centerTitle option to align title text in CoconutPopup.
    • Added useFixedFontSize option to control font scaling in CoconutPopup.
      • Added useFixedFontSize parameter to maintain consistent text sizing.
      • When enabled, applies TextScaler.linear(1.0) to override system font scale.
      • Defaults to true for consistent popup appearance across devices.
      • Improves accessibility and design consistency.
  • Checkbox

    • Added disabledColor property for enhanced customization.

๐Ÿ›  Fixes #

  • AppBar

    • Centered title with subLabel even when actionButton is absent.
  • SegmentedControl

    • Corrected AnimatedSegmentedControl width calculation for proper layout.
  • Tooltip

    • Corrected icon padding in fixed tooltip.
  • Popup

    • Updated default font sizes in CoconutPopup (title: 18 bold, description: 18, buttonText: 16 bold).

0.9.5 - 2025-09-19 #

๐Ÿ›  Fixes #

  • SegmentedControl
  • Adjusted position calculation logic for the animated background to ensure the indicator aligns correctly with the selected segment.

0.9.4 - 2025-09-19 #

โœจ Features #

  • General

    • Added currentCount field for enhanced state tracking.
  • SegmentedControl

    • Added option to toggle selection animation.

๐Ÿ›  Fixes #

  • TextField

    • Added enabled property for better control over interactivity.
  • Stepper

    • Added minCount and initialCount to prevent invalid states.
  • CoconutPopup

    • Updated default button font style for consistency.
  • SegmentedControl

    • Synced selection state with parent updates and reset animation to ensure UI consistency.

โ™ป๏ธ Refactor #

  • Tooltip
    • Removed multiline detection logic using TextPainter for simplification.

0.9.3 - 2025-08-22 #

โœจ Features #

  • AppBar

    • Set statusBarColor to transparent in Android SystemUiOverlayStyle.
  • TextField

    • Added textScaler to CoconutTextField description text.

๐Ÿ›  Fixes #

  • Applied FittedBox to CoconutTextField placeholder and CoconutButton text for proper scaling.

0.9.2 - 2025-08-07 #

โœจ Features #

  • TextField

    • Added autocorrect and enableSuggestions options.
    • Added onEditingComplete callback to CoconutTextField.
  • AppBar

    • Applied systemOverlayStyle to buildHomeAppbar based on platform and brightness.

0.9.1 - 2025-07-18 #

โœจ Features #

  • Colors

    • Added gray750 to CoconutColors.
  • Layout

    • Added spacing_150 to CoconutLayout.
  • AppBar

    • Added customTitle attribute.
    • Removed HitTestBehavior.translucent from GestureDetector on customTitle.
    • Made title attribute optional.
  • TextField

    • Added fontWeight and borderRadius attributes.
    • Added enableInteractiveSelection.
  • Tooltip

    • Added borderRadius attribute.
  • Switch

    • Added support for trackColor and scale.
    • Applied minimum size constraints.
  • Animation

    • Introduced CoconutShakeAnimation widget for reusable shake effects.

๐Ÿ›  Fixes #

  • TextField

    • Fixed onChanged not triggering when controller.text changes.
    • Prevented multiple listener calls when text is unchanged.
  • Switch

    • Ensured minimum size application to CoconutSwitch.

0.9.0 - 2025-06-17 #

โœจ Features #

  • CoconutColors
    • Added warningText, borderGray, borderLightGray, oceanBlue, whiteLilac, searchbarBackground, searchbarHint, searchbarText, cyanBlue, secondaryText, gray850, warningYellow, warningYellowBackground.
  • Styles
    • Introduced CoconutBorder, CoconutPadding, CoconutBoxDecoration utility classes for standardized styling.
  • CoconutToast
    • Added support for replacing an existing toast.

๐Ÿ›  Fixes #

  • Color
    • Fixed typo in color name: borderLightgray โ†’ borderLightGray.
  • CoconutTextField
    • Fixed placeholder text to always initialize regardless of prefix presence.
  • CoconutAppBar
    • Fixed platform-specific systemOverlayStyle handling for accurate status bar icon brightness.
    • Replaced null with an empty Container as flexibleSpace fallback to avoid rendering issues.

โ™ป๏ธ Refactor #

  • Simplified home-appbar-icon layout and padding logic.

0.8.0 - 2025-05-09 #

โš ๏ธ Breaking Changes #

  • CoconutPulldownMenu
    • Replaced buttons and onTap with entries and onSelected.
    • entries is now required.
    • Introduced CoconutPulldownMenuGroup to support grouped items.
    • Deprecated buttons and onTap. Backward compatibility maintained temporarily.
    • โš ๏ธ Update your implementations to use the new entries model.
    • Improved divider and border handling for dynamic structures.

โœจ Features #

  • CoconutToolTip
    • Added support for optional custom icons.
    • Adjusted icon alignment dynamically based on richText line count.
  • CoconutTextField
    • Placeholder now stays top-aligned and toggles visibility with focus.
    • Counter color logic refined and placeholder ignores pointer events.
    • Placeholder text height now aligns with input text height.
    • Added demo svg asset for obscureText mode.
  • CoconutToast
    • New method: showWarningToast() with warning color and icon.
    • Icon alignment now adjusts based on richText line count.

๐Ÿ›  Fixes #

  • CoconutPulldownMenu
    • Default horizontal padding corrected to 20.
    • Top border radius now applied correctly when the first item is not a group.
  • CoconutTextField
    • Placeholder behavior and layout improved as above.
  • CoconutAppBar / CoconutPopup
    • buildWithNext's toolbarHeight adjusted for bottom app bars.
    • Fixed leading icon padding and popup dialog radius mismatch.
  • CoconutToast
    • Fixed iOS dark background issue by setting MaterialType.transparency.

โ™ป๏ธ Refactor #

  • Renamed toast icon asset: circle_info.svg โ†’ info_circle.svg.
  • Adjusted icon sizing and alignment within toast components.

0.7.4 - 2025-04-17 #

โœจ Features #

  • CoconutTextField
    • Added textInputFormatter parameter.

0.7.3 - 2025-04-16 #

โœจ Features #

  • Added CoconutFrostedAppBar, a new PreferredSizeWidget variant with blur background, scroll-based title opacity, and dynamic background color adjustment based on scroll.
  • Added support for automatic line-height (height) scaling based on font size via applyVariation().
    • Headings (โ‰ฅ 24px): 1.2
    • Body text and captions (< 24px): 1.4

โ™ป๏ธ Refactor #

  • Unified theming logic by removing brightness parameters and using Theme.of(context).brightness internally.
  • Simplified AppBar button icon rendering using shared asset logic.
  • Extracted and renamed internal AppBar builder functions for clarity and modularity:
    • build() โ€“ general AppBar with optional back/close icon, sublabel, etc.
    • buildHomeAppbar() โ€“ sliver-based AppBar optimized for home layouts.
    • buildWithNext() โ€“ AppBar variant with a trailing "Next" action button.

๐Ÿ’„ UI Improvements #

  • Consistent spacing, padding, and icon sizing across all AppBar types.
  • Added support for PreferredSize bottomWidget and EdgeInsets appBarInnerMargin in buildHomeAppbar for dynamic layout flexibility.

๐Ÿงผ Cleanup #

  • Improved documentation with usage examples and detailed parameter descriptions.
  • Removed unnecessary keys and parameters like faucetIconKey for simplification.
  • All predefined TextStyle entries in CoconutTypography now include consistent height values for better vertical rhythm and layout consistency.

0.7.2 - 2025-04-15 #

โœจ New Features #

  • CoconutAppBar
    • Explicitly set SystemUiOverlayStyle for light mode to ensure consistent status bar appearance.

๐Ÿ›  Fixes & Improvements #

  • CoconutTextField

    • activeColor is now applied only when the field is focused, improving border color behavior.
  • CoconutButton

    • Fixed text alignment by wrapping label with Center to ensure both vertical and horizontal centering.
  • CoconutTypography

    • Set default line height for better text layout consistency.

0.7.1 - 2025-04-02 #

โœจ New Features #

  • CoconutAppBar
    • Added titlePadding parameter to allow custom padding around the title.

0.7.0 - 2025-03-28 #

โœจ New Features #

  • CoconutAppBar

    • Added height and expandedHeight properties.
    • Added bottomWidget and preferredSizeHeight to buildHomeAppbar.
  • CoconutPulldownMenu

    • Added buttonHeight and buttonPadding parameters.
    • Support for customizing dropdown shadow via blurRadius and spreadRadius.
  • CoconutPopup

    • Added centerDescription parameter.
    • Added ClipRRect and press effect.
    • Separated padding into titlePadding and descriptionPadding.
    • Added customizable TextStyle for title, description, and buttons.
  • CoconutTextField

    • Added padding, height, textAlign, textInputAction, isLengthVisible, and fontFamily parameters.
  • CoconutChip

    • Removed child property.
    • Added:
      • label, labelFontFamily, labelSize, labelColor
      • isSelected, hasOpacity, selectedBorderWidth, minWidth

๐Ÿ›  Fixes & Improvements #

  • CoconutAppBar

    • Fixed alignment issue in buildHomeAppbar.
  • CoconutTextField

    • Fixed border color logic.
    • Unified error handling: replaced isVisibleErrorText with isError.
  • CoconutUnderlinedButton

    • Fixed underline occupying entire screen width.
    • Enabled touch detection in padding area.
  • CoconutChip

    • Changed isSelected to be nullable.
  • CoconutPulldown

    • Refactored: Removed dividerIndex and dividerPointColor, added dividerHeight and borderRadius.
  • CoconutPopup

    • Adjusted button press opacity effect.
  • General

    • Removed unnecessary Container usage in widget tree.

0.6.0 - 2025-02-25 #

โœจ New Features #

  • Added CoconutFrostedAppBar โ€“ A frosted glass effect app bar with adaptive status bar icon color.
  • Added keys property to CoconutSegmentedControl โ€“ Allows better state management by using GlobalKey.

๐Ÿ›  Fixes & Improvements #

  • CoconutTooltip

    • Fixed opacity transition issue in tooltip animations.
    • Added baseBackgroundColor support for fixed tooltips.
  • CoconutTextField

    • Modified behavior to prevent disposal of FocusNode and TextEditingController in dispose, considering external injection.
  • CoconutToast

    • General bug fixes and stability improvements.
  • CoconutBottomSheet

    • Fixed unintended UI behavior.
  • CoconutAppBar

    • Removed hasRightIcon parameter โ€“ Now the app bar automatically determines if a right icon is needed.
    • Refactored buildWithNext to derive brightness from Theme.of(context) instead of using a default parameter.

0.5.0 - 2025-02-14 #

๐ŸŽ‰ New Features #

  • โœจ Added CoconutButton โ€“ Standard, Outlined, and Underlined Button components.
  • โœจ Added CoconutSegmentedControl โ€“ A segmented button control for tab-based selections.
  • โœจ Added CoconutAppBar โ€“ Customizable app bar with buttons and title support.
  • โœจ Added CoconutAppBarButton โ€“ A button component for use within CoconutAppBar.
  • โœจ Added CoconutTooltip โ€“ Provides fixed and floating tooltips.
  • โœจ Added CoconutToast โ€“ Supports top and bottom toast notifications.
  • โœจ Added CoconutPopup โ€“ A customizable popup dialog with title and description.
  • โœจ Added CoconutPulldown โ€“ A dropdown menu for selecting options.
  • โœจ Added CoconutPulldownMenu โ€“ A list-based pulldown menu for selections.
  • โœจ Added CoconutCheckbox โ€“ Custom checkbox UI component.
  • โœจ Added CoconutSwitch โ€“ A toggle switch component.
  • โœจ Added CoconutStepper โ€“ A stepper UI for navigation flows.
  • โœจ Added CoconutChip โ€“ A chip-style UI component.
  • โœจ Added CoconutTagChip โ€“ A tag-style chip for filtering and selection.
  • โœจ Added CoconutTextField โ€“ A themed text field component.
  • โœจ Added CoconutBottomSheet โ€“ Supports modal and fixed bottom sheets.
  • โœจ Added CoconutBubbleClipper โ€“ Custom clippers for tooltips and speech bubbles.
  • โœจ Added CoconutProgressIndicator โ€“ Animated progress bar indicator.
  • โœจ Added CoconutCircularIndicator โ€“ Lottie-based animated circular indicator.
  • โœจ Added CoconutIcon โ€“ Custom icon component for consistent theming.
  • โœจ Added CoconutColorScheme โ€“ Centralized color management.
  • โœจ Added CoconutTypography โ€“ Standardized text styles and font settings.
  • โœจ Added CoconutLayout โ€“ Layout-based spacing and size management.
  • โœจ Added CoconutSizes โ€“ Predefined size values for spacing and UI components.
  • โœจ Added CoconutStyles โ€“ Common UI styles and border radius settings.

5
likes
140
points
180
downloads

Publisher

verified publishernoncelab.com

Weekly Downloads

The Coconut Design System For Coconut Vault/Wallet. Anyone who wants to use this design system is free to do so.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

unknown (license)

Dependencies

flutter, flutter_svg, lottie, provider

More

Packages that depend on coconut_design_system