Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update Components and Include New Icons #1

Merged
merged 17 commits into from
Mar 27, 2024

Conversation

kubit-ui
Copy link
Owner

This pull request includes updates to several components to improve usability and align with our design guidelines.

In addition, we've included a new set of icons to enhance the user interface and provide a more intuitive experience for our users, and to use on Kubit and Wireframe themes.

This commit includes a set of icons for project use. A section in Storybook has also been added to interactively view these icons. This assists in understanding how these icons appear in different contexts, enabling the selection of the most suitable icon for each situation.

The icons were designed by Atisa, whose work can be found at https://iconduck.com/designers/atisa. Appreciation is extended to Atisa for the excellent work in designing these icons.
This commit introduces a feature that allows the modification of the background color of table cells. This enhancement provides more flexibility in customizing the appearance of the table, enabling the highlighting of specific cells, rows, or columns for better data visualization and readability.
…absent

This commit addresses an issue where the id was being added to the aria-describedby attribute even when screenReaderText was not present. Now, the aria-describedby attribute will only be populated if screenReaderText is provided, ensuring proper accessibility standards are maintained.
This commit resolves a design issue by rendering tabs for Desktop views and a button with actionBottomSheet for mobile and tablet views. This ensures a seamless user experience across different device types by providing an interface that is tailored to the screen size and capabilities of the device.
…ries

This commit includes a Storybook addon that allows linking to Figma or GitHub directly from any component's story. This enhancement provides a convenient way to access the design or source code of the component, improving the workflow for developers and designers.
This commit includes the addition of more icons to the project. These icons enhance the visual appeal and user experience of the application, providing more options for visual communication and interaction.
This commit includes a refactoring of the icon component, improving their structure and performance. The changes enhance the maintainability of the code and provide a more efficient rendering of the icons, leading to an improved user experience.
This commit addresses several issues:

1. Fixed an error that occurred during the execution of the onBlur event.
2. Enhanced error handling to distinguish between normal and ranged errors.
3. Rectified an issue with empty aria labels in SVGs within buttons, improving accessibility.
4. Corrected the event name for the onBlur event in the InputDate component, ensuring accurate event handling.
This commit addresses the following enhancements in the table component:

1. When the user scrolls, the column header now remains sticky with a shadow effect, improving readability and user experience.
2. Only vertical scrolling is enabled, providing a more focused view of the data.
3. The maximum height of the table is set to 768px. Beyond this height, scrolling is enabled on desktop devices, ensuring the table remains within a manageable size.
This commit includes a modification to the carousel component's CSS. The align-items property has been changed from 'center' to 'stretch'. This change allows the items in the carousel to fill the full height of the container, providing a more uniform appearance.
Links to the corresponding repositories on GitHub and designs on Figma have been added to all component stories. This will provide easier and direct access to the relevant resources for each component.
Enhanced the application to support multiple rows and columns. This update provides a more flexible layout and improves the display of data, allowing for a more organized and readable structure
Links to the corresponding repositories on GitHub and designs on Figma have been added to all component stories. This will provide easier and direct access to the relevant resources for each component
Resolved an issue with the inputCurrency component when maxDecimals was set to 0. The component now correctly handles this case, ensuring accurate and expected behavior.
Resolved an issue where the toggle component was still receiving focus even when it was disabled. The component now correctly ignores focus events when it is in a disabled state, improving usability and user experience
@kubit-ui kubit-ui added the enhancement New feature or request label Mar 27, 2024
@kubit-ui kubit-ui added this to the Performance Optimization milestone Mar 27, 2024
Copy link

vercel bot commented Mar 27, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
web-components-storybook ✅ Ready (Inspect) Visit Preview Mar 27, 2024 7:15pm

@kubit-ui kubit-ui merged commit 5845cfc into release/1.0.0-saturn Mar 27, 2024
2 checks passed
@kubit-ui kubit-ui deleted the update/fix-components-and-include-icons branch March 28, 2024 19:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant