Commit Graph

317 Commits

Author SHA1 Message Date
gabriel-ortiz
f1d5c05c78 Refactor StandardCard component and utility functions
- Replaced the hasChildren utility function with isEmpty for better clarity in child element checks.
- Updated SCSS styles for the StandardCard buttons to maintain consistent alignment and spacing across breakpoints.
- Removed the deprecated hasChildren function from the helpers module to streamline utility functions.
2026-06-08 16:53:22 -07:00
gabriel-ortiz
6a5f9e0db3 Add StandardCardGroupSection pattern component and related styles
- Introduced the StandardCardGroupSection component, which displays a headline, description, and a responsive grid of StandardCard components.
- Implemented SCSS styles for the StandardCardGroupSection, ensuring consistent spacing and dark mode support.
- Added utility functions for key generation and environment checks to enhance component functionality.
- Created a README file detailing usage, props, and best practices for the StandardCardGroupSection.
- Included new StandardCard component with customizable variants and button handling.
2026-06-08 16:53:22 -07:00
gabriel-ortiz
6fd5bd9b30 Add HeaderHeroPrimaryMedia component and styles
- Introduced HeaderHeroPrimaryMedia component for a responsive hero section featuring a headline, subtitle, call-to-action buttons, and media elements (images, videos, or custom React components).
- Implemented associated SCSS styles to ensure proper layout and design constraints, including aspect ratios and object-fit properties.
- Added README documentation detailing usage, props, and best practices for the component.
- Included validation for required props with console warnings for missing fields.
2026-06-08 16:53:09 -07:00
Calvin Jhunjhuwala
9f5ad3abe6 logo square grid ready for review 2026-06-08 16:52:45 -07:00
akcodez
16f606a34c Add CarouselCardList pattern component and showcase
- Introduced the CarouselCardList component for a horizontal scrolling card carousel with navigation buttons.
- Implemented responsive design for mobile, tablet, and desktop views.
- Added SCSS styles for light and dark mode support.
- Created a dedicated showcase page demonstrating the CarouselCardList features and usage examples.
- Included comprehensive documentation for props and variants.
2026-06-08 16:52:32 -07:00
Calvin Jhunjhuwala
e37dd720cd cleaning up code, consolidating and attaching the CardStat to the grid, less css 2026-06-08 16:52:19 -07:00
akcodez
233b90979a design QA and changes with Design team 2026-06-08 16:52:14 -07:00
akcodez
cd346330a4 fix tablet 2026-06-08 16:52:14 -07:00
akcodez
a6808a8111 add back bundle 2026-06-08 16:52:14 -07:00
akcodez
60f71a67ca complete pattern and showcase 2026-06-08 16:52:14 -07:00
akcodez
f57c981ea6 Add FeatureTwoColumn pattern and button enhancements
- Introduced the FeatureTwoColumn pattern for showcasing features in a two-column layout, supporting multiple color themes and responsive design.
- Implemented button behavior based on the number of links, with configurations for 1 to 5 links.
- Added `forceColor` prop to Button component to maintain button color across light and dark themes, particularly useful for colored backgrounds.
- Updated styles and documentation for both the FeatureTwoColumn pattern and Button component to reflect new features and usage guidelines.
2026-06-08 16:52:14 -07:00
akcodez
86ba492151 design changes 2026-06-08 16:52:03 -07:00
akcodez
0896845fff Refactor CardStat component buttons and add CardStats styles
- Simplified button rendering in CardStat component by consolidating href and onClick handling.
- Introduced new styles for CardStats, including responsive design for various screen sizes and dark mode support.
- Updated SCSS imports to include CardStats styles.
2026-06-08 16:52:03 -07:00
akcodez
3b982073f7 53 ---> 52 2026-06-08 16:52:03 -07:00
akcodez
da6650231e changes with design review 2026-06-08 16:52:03 -07:00
akcodez
fd6ce77da8 Add CardsFeatured pattern component and styles
- Introduced the CardsFeatured component to showcase a grid of card images with headings and descriptions.
- Implemented responsive design for mobile, tablet, and desktop views.
- Added SCSS styles for light and dark mode support.
- Created a dedicated page for the CardsFeatured pattern showcase, including design specifications and examples.
2026-06-08 16:52:03 -07:00
akcodez
acd58bb5ee Enhance Navbar and Submenu components for improved accessibility and keyboard navigation
- Added keyboard navigation support to NavItems, allowing users to close submenus with the Escape key and toggle with Enter/Space.
- Implemented onClose callback in Submenu components to facilitate submenu closure.
- Updated Navbar to handle submenu closing for keyboard navigation.
- Adjusted styles for better layout and responsiveness in submenus.
2026-06-08 16:51:58 -07:00
akcodez
46b7a9470d Refactor submenu styles for improved layout and spacing
- Updated .bds-submenu__section to use justify-content: space-between for better distribution of space between header and items.
- Removed gap property and set margin-top to 0 for .bds-submenu__tier2 to enhance visual alignment in Use Cases section.
2026-06-08 16:51:58 -07:00
akcodez
8fcf955c9d Add LanguageDropdown component to Navbar and enhance LanguagePill functionality
- Introduced LanguageDropdown for improved language selection in Navbar and MobileMenu.
- Updated LanguagePill to display the current language dynamically and manage dropdown state.
- Enhanced styles for language-related components to support open/close states and transitions.
- Added mobile-specific dropdown positioning and styles for better user experience.
2026-06-08 16:51:58 -07:00
akcodez
9b31f544d5 PERFECT THE ANIMATION 2026-06-08 16:51:52 -07:00
akcodez
af33a01b0a Enhance Navbar with XRP Ledger text animation and update styles for dark mode and submenu transitions 2026-06-08 16:51:52 -07:00
akcodez
a625b5ec2c add proper icons 2026-06-08 16:51:52 -07:00
akcodez
f118ff28ea add arrow moving logic 2026-06-08 16:51:52 -07:00
akcodez
68ee9aca5a add dark mode styles 2026-06-08 16:51:45 -07:00
akcodez
b3b4f29e11 fix animation 2026-06-08 16:51:45 -07:00
akcodez
c3d1e58a97 udpate animations 2026-06-08 16:51:45 -07:00
akcodez
aa9c559dc3 fix nav heights 2026-06-08 16:51:45 -07:00
akcodez
0a814ea17c add all submenus 2026-06-08 16:51:45 -07:00
akcodez
ba3032f58c add basis for navbar 2026-06-08 16:51:45 -07:00
Calvin Jhunjhuwala
1cdf943bdc css clean up 2026-06-08 16:51:19 -07:00
Calvin Jhunjhuwala
8bd9499d81 fixing per comments 2026-06-08 16:51:19 -07:00
Calvin Jhunjhuwala
d08db388cc css clean up 2026-06-08 16:50:17 -07:00
Calvin Jhunjhuwala
3726701cd2 fixing per comments 2026-06-08 16:50:17 -07:00
Calvin Jhunjhuwala
bd146a7220 added light image variant for example page 2026-06-08 16:50:17 -07:00
Calvin Jhunjhuwala
1eb23fe2f3 fixing button spacing + image background 2026-06-08 16:50:17 -07:00
Calvin Jhunjhuwala
025b2b44bc cleaning up css 2026-06-08 16:50:17 -07:00
Calvin Jhunjhuwala
46f98c8e2b updated and working showcase for call out media 2026-06-08 16:50:17 -07:00
akcodez
b9f5ddb180 merge main in, resolve comments 2026-06-08 16:50:17 -07:00
akcodez
512837956f Card - image : hovering card should not activate button hover state 2026-06-08 16:50:17 -07:00
akcodez
f932279995 fix disasbled dark mode link color 2026-06-08 16:50:17 -07:00
akcodez
5640fc3358 Refactor button typography for responsiveness and consistency
- Updated Button component styles to use responsive typography mixins for better adaptability across devices.
- Removed redundant media queries and adjusted font sizes and line heights for both button types.
- Ensured margin resets to maintain consistent spacing in various contexts.
- Enhanced CSS for improved readability and maintainability.
2026-06-08 16:50:16 -07:00
akcodez
1add558fa5 Update CardImage and TileLogo components for improved responsiveness and layout
- Adjusted column spans in CardImage showcase to support a 4-column layout on larger screens.
- Updated TileLogo showcase to reflect changes in aspect ratios and responsive behavior, ensuring proper display across different screen sizes.
- Enhanced SCSS styles for both components to maintain consistency in appearance and functionality in light and dark themes.
- Refined documentation to clarify usage and responsive design principles for both CardImage and TileLogo components.
2026-06-08 16:50:16 -07:00
akcodez
ef7032611b Update HeaderHeroSplitMedia styles for aspect ratio and title alignment
- Changed tablet aspect ratio from 2:1 to 16:9 for better compatibility with an 8-column grid.
- Adjusted title alignment in the title-only layout from center to top for improved visual hierarchy.
2026-06-08 16:50:16 -07:00
akcodez
b96e415b76 minor qa changes 2026-06-08 16:50:16 -07:00
akcodez
80f3b1d670 Refactor HeaderHeroSplitMedia styles for tablet and accent surfaces
- Updated spacing variables for tablet view to enhance layout consistency.
- Introduced accent-specific spacing for title and description groups on tablet and desktop.
- Adjusted margin and gap values for improved responsiveness and visual hierarchy.
2026-06-08 16:50:16 -07:00
akcodez
c69abdd963 Update HeaderHeroSplitMedia styles for improved color consistency and dark mode support
- Refactored color variables to use design tokens for better maintainability.
- Ensured consistent text colors for titles and descriptions in both light and dark modes.
- Adjusted color values for better contrast and readability across themes.
2026-06-08 16:50:16 -07:00
akcodez
8eb0b15982 Add HeaderHeroSplitMedia styles and adjust typography margins
- Introduced new styles for the HeaderHeroSplitMedia component, including layout, typography, and responsive design adjustments.
- Updated margin-bottom for paragraph and label-r elements to enhance spacing consistency.
2026-06-08 16:50:16 -07:00
gabriel-ortiz
0651e4e27e Add theme mode mixin and update CardIcon focus styles
- Introduced a new SCSS mixin for theme mode that applies styles based on light or dark themes, with validation for mode parameters.
- Updated CardIcon styles to maintain background color on focus for both light and green themes, enhancing accessibility and user experience.
- Removed unnecessary import from SmallTilesSection styles to streamline the codebase.
2026-06-08 16:49:58 -07:00
gabriel-ortiz
9f95c7c551 Add SmallTilesSection component and styles
- Introduced the SmallTilesSection component for displaying multiple CardIcon components in a responsive grid layout.
- Implemented SCSS styles for the SmallTilesSection, including responsive grid behavior and spacing adjustments.
- Added documentation for the SmallTilesSection component, detailing usage, props, and examples.
- Updated main stylesheet to include SmallTilesSection styles.
2026-06-08 16:49:58 -07:00
akcodez
a2be74ed52 Card - image : hovering card should not activate button hover state 2026-06-08 16:49:57 -07:00