- Added flex-direction adjustments for CarouselFeatured component to support column-reverse layout on smaller screens and row layout on medium and larger screens.
- Removed redundant vendor prefixes from box-sizing and text-decoration properties in devportal2024-v1.css for cleaner code and improved maintainability.
- Created a new Payments page with multiple sections including Hero, Why Choose, Advanced Features, Stablecoins, Embedded Payments, Partner Logos, Flexible Integration, Developer Spotlight, and Stay Connected.
- Each section is designed to highlight various aspects of the XRP Ledger Payments Infrastructure, featuring components like FeaturedVideoHero and CardsIconGrid.
- Added corresponding styles and images to enhance the visual presentation of the new sections.
- Replaced existing content in index.page.tsx with new section components for improved structure and maintainability.
- Added new sections: HomeBeginJourneySection, HomeBlockchainStatsSection, HomeComplianceDirectorySection, HomeDevelopersFeatureSection, HomeFutureFinanceCallout, HomeHeroCallout, HomeInstitutionsFeatureSection, HomePartnerLogosSection, HomeStayConnectedSection, and HomeCarousel.
- Updated styles for CarouselFeatured and CardStat components to enhance visual consistency and responsiveness.
- Introduced SCSS for HomeHero section to manage layout and spacing effectively.
- Added dark mode support for paragraph text in LinkTextCard.
- Introduced responsive margin adjustments for button groups in SectionHeader.
- Updated FeatureSingleTopic styles to include proper heading and description classes for consistency.
- Removed redundant vendor prefixes from box-sizing and text-decoration properties.
- Adjusted line-height for the legend element to ensure proper spacing.
- Updated display classes to maintain consistent styling across breakpoints.
- Cleaned up unused CSS rules to enhance maintainability.
* qa/section-cards: link colors, dark mode green TextCard, CardTextIconCard text color
Co-Authored-By: Oz <oz-agent@warp.dev>
* updating documentation, fix per QA feedback
* removing important and css clean up
---------
Co-authored-by: Oz <oz-agent@warp.dev>
- Adjusted the gap for the small variant from 8px to 4px.
- Introduced a new medium gap variant with responsive settings (16px on mobile/tablet, 24px on desktop).
- Updated ButtonGroupProps interface to include the new medium gap option.
- Modified HeaderHeroPrimaryMedia to utilize the new medium gap setting for button groups.
- Added responsive gap settings for grid rows in CarouselFeatured.
- Standardized margin and padding for the CarouselFeatured component.
- Updated SCSS and CSS files to reflect these changes for better visual consistency.
- Adjusted background and text colors for various variants in CalloutMediaBanner.
- Updated SCSS variables for improved color consistency across dark mode.
- Cleaned up and standardized CSS formatting for better readability.
- Added dark mode background color for the StandardCard component.
- Removed unnecessary padding and border radius from the showcase StandardCard group section for a cleaner look.
- Updated CSS files with new styles and optimizations.
* fixed to the button for light + dark, all three buttons
* empty commit
Co-Authored-By: Oz <oz-agent@warp.dev>
* testing link to qa branch
* fix spacing
* minifying css
---------
Co-authored-by: Oz <oz-agent@warp.dev>
- Updated the FeatureSingleTopic component to allow configurable button variants (primary or secondary) based on the `singleButtonVariant` prop.
- Improved mobile and tablet responsiveness by ensuring content always appears above the image, regardless of orientation.
- Refined button rendering logic for better clarity in the README and component documentation.
- Adjusted SCSS styles for improved spacing and alignment across different screen sizes.
- Introduced the FeatureSingleTopic component, enhancing layout flexibility with responsive design.
- Added SCSS styles for various screen sizes, including media queries for improved spacing and alignment.
- Implemented dark mode styles for better accessibility and visual consistency.
- Introduced CarouselButton component for navigation with multiple color variants (neutral, green, black).
- Enhanced CarouselCardListShowcase to include a visual showcase of CarouselButton in various states.
- Created CarouselFeatured component showcasing featured images with navigation and responsive behavior.
- Updated styles for CarouselButton and integrated it into existing patterns for improved navigation experience.
- Introduced the FeaturedVideoHero component featuring a responsive layout with a headline, optional subtitle, call-to-action buttons, and a video element.
- Added associated SCSS styles for the component to ensure proper spacing and theming.
- Created a showcase page to demonstrate the usage of the FeaturedVideoHero pattern.
- Updated types to include design constraints for buttons and video elements.
- Implemented validation for required props to enhance development experience.
