Commit Graph

251 Commits

Author SHA1 Message Date
akcodez
7bfeff8ed5 fix optimization 2026-06-08 16:57:29 -07:00
Calvin
f2dd437aed [feat] Add LinkTextCard and LinkTextDirectory Components (#3501)
* adding linktextcard + linktextdirectory

* adding dark mode

* code review clean up

* code review comments
2026-06-08 16:57:16 -07:00
Calvin Jhunjhuwala
0e488106ac adding TileLinks pattern, adding LinkSmallGrid 2026-06-08 16:57:16 -07:00
Calvin Jhunjhuwala
39f94116d0 adding button group utils for validation, cleaning up styling for FeatureSingleTopic 2026-06-08 16:56:48 -07:00
Calvin Jhunjhuwala
37aa6ed2e6 fix back to html.light, will consolidate later 2026-06-08 16:56:09 -07:00
Calvin Jhunjhuwala
fafd859290 stylesheet clean up 2026-06-08 16:56:09 -07:00
Calvin Jhunjhuwala
b1142242fd cleaning up the files, removing dead css, leveraging the grid more 2026-06-08 16:56:09 -07:00
akcodez
4a9f0d48be Add CarouselButton component and integrate into CarouselCardList and CarouselFeatured showcases
- 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.
2026-06-08 16:56:03 -07:00
akcodez
4ba8a7058b Enhance FeatureSingleTopic component with button variant support and responsive behavior updates
- 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.
2026-06-08 16:55:44 -07:00
akcodez
7b075f8690 Add FeatureSingleTopic pattern component with associated styles
- 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.
2026-06-08 16:55:44 -07:00
Calvin Jhunjhuwala
9adb3009b8 fixing button and button groups for feature 2 column 2026-06-08 16:55:31 -07:00
Calvin Jhunjhuwala
4d7fb3a185 fixing spacing and alignments 2026-06-08 16:55:31 -07:00
Calvin Jhunjhuwala
79a2a4e92b working button group, updated examples 2026-06-08 16:54:56 -07:00
akcodez
6dfea15028 hide scroll on open mobile menu 2026-06-08 16:54:56 -07:00
akcodez
a249cdbc54 Update navigation constants and submenu data for improved routing
- Changed hrefs for main navigation items to reflect new paths.
- Updated submenu data for 'Develop' and 'Use Cases' sections with new links.
- Adjusted community submenu links for better resource access.
- Refined network submenu data to include relevant resources and insights.
2026-06-08 16:54:55 -07:00
akcodez
ad3941b59b Refactor TextCard component structure and styles
- Removed unnecessary wrapper elements for header and footer in TextCard, simplifying the markup.
- Updated class names in SCSS for better clarity and consistency.
- Enhanced CardsTwoColumnProps documentation to specify that description and secondaryDescription can be either string or ReactNode.
- Cleaned up CSS by removing redundant vendor prefixes for better maintainability.
2026-06-08 16:54:55 -07:00
akcodez
61697b0c17 Add disabled state to TextCard component and update showcase
- Implemented a disabled state for the TextCard component, enhancing accessibility and user experience.
- Updated the CardsTwoColumnShowcase to include examples of disabled TextCards in both light and dark modes.
- Refined styles for the disabled state to ensure visual clarity and consistency across themes.
- Enhanced documentation to reflect the new disabled functionality in the TextCard component.
2026-06-08 16:54:55 -07:00
akcodez
91cdc22aad Enhance TextCard component and update CardsTwoColumn pattern
- Introduced the TextCard component with 6 color variants and interactive states, including hover and pressed effects.
- Updated CardsTwoColumn pattern to utilize the new TextCard component, showcasing all 6 color variants in a responsive layout.
- Improved documentation for both TextCard and CardsTwoColumn, detailing usage, props, and responsive behavior.
- Refactored styles to ensure consistency and maintainability across components.
2026-06-08 16:54:55 -07:00
akcodez
29356aea8f Add CardsTwoColumn pattern styles and integrate into XRPL styles
- Introduced new styles for the CardsTwoColumn pattern, including responsive layouts and various card designs.
- Updated the xrpl.scss file to import the new CardsTwoColumn styles, ensuring they are included in the overall styling framework.
2026-06-08 16:54:55 -07:00
gabriel-ortiz
deb5ad7144 Add FeaturedVideoHero pattern component with showcase and styles
- 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.
2026-06-08 16:54:41 -07:00
gabriel-ortiz
ad29470d9a Update padding for CTA buttons in HeaderHeroPrimaryMedia component
- Added !important to padding for hover and focus states of tertiary buttons to ensure consistent styling across interactions.
2026-06-08 16:54:40 -07:00
Calvin Jhunjhuwala
2a619da9df code clean up, ready for additional review 2026-06-08 16:54:36 -07:00
Calvin Jhunjhuwala
5d87bd1b20 merging main branch 2026-06-08 16:54:03 -07:00
Calvin Jhunjhuwala
79a85ed349 cleaning up duplicate, cleaning up button group, useMemo for rectangle grid 2026-06-08 16:54:03 -07:00
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