formaat-design / reshaped Goto Github PK
View Code? Open in Web Editor NEWCommunity repository for storing examples, reporting issues and tracking roadmap
Home Page: https://reshaped.so
Community repository for storing examples, reporting issues and tracking roadmap
Home Page: https://reshaped.so
postcss-custom-media has an issue with misusing the Postcss.8 api which causes it to not work with some other plugins
Before the release:
Components like Tooltip or Dropdown always render in the element. There is a z-index issue happening because of this approach.
If there are fixed elements on the page, Tooltips used on the page should be displayed under that element, but Tooltips called from that element, should be rendered above it. This is not happening right now because Flyout components are using the same z-index value.
Ideas:
Should we update highlighted faded to work on white better?
Add documentation on where to get icon assets and how to better use them. Currently we rely on icons using currentColor on its elements (like in Feather icons). It would be better to find a way to use icons that can work with fill: currentColor coming from CSS.
After the first part of the Figma library will be ready, we need to add it to the release process of the code library and add it to the changelog download links.
Implement the dribbble page demo in Figma including all viewport sizes
Review React and Figma libraries in preparation for 1.0 release
TODO: Add description
Implement all components available in Arcade React library and include it into the release process
Update button styles according to the latest design in Figma library
TODO: Add description
TODO: Add description
Using esModule: true
in webpack css-loader, style-loader and mini-css-extract-plugin changes the way CSS modules are exported. If named exports are not used โ it gets an additional default
field added.
Switching to import * as s
and using camelCase in the style selectors, including modificators, might potentially solve the problem for both enabled and disabled esModule values.
After each documentation article, add navigation controls for the previous and next pages
Options:
Remove the duplicated logic by adding icon support to Link and auto switching Link to inline-flex to inline when icon is used.
Find or create a plugin for switching themes in FIgma
Preserve the mobile text field and select height to make sure it's aligned with Button
Currently Frame works for a number of cases, like a shortcut for flexbox API children positioning, defining its dimensions etc. Research what else it can be responsible for without going into an approach of building absolutely everything with Frame.
For the cases of clickable Cards with other links or buttons inside, we need to support an "overlay clickable area" that will cover the whole card.
Check the behaviour on the demo page + add tests
Add documentation and examples for popular frameworks
Documentation
Components:
Improvements
Add multiple features to improve overall documentation experience and discoverability of articles users are looking for.
Since in Minimal theme on landing page Primary color is white in dark mode switch handle is not visible. Could we use an onColor for such cases or is there a better solution?
Having diabled UI element often could be considered harmfull for UX.
User may not have understanding of the actual reason why it is disabled.
There is a pattern when we apply disabled appearance and readonly state to control, so:
Move Privacy, Terms and conditions and License pages from other resources to the landing page to improve their discoverability
During theme transformation from JS definition to CSS variables, we currently transform them to the end values that can be used directly in the product. Since there are currently no color function in CSS, it's not possible to apply custom opacity values to them.
Therefore we need to support rgb values not wrapped with a CSS rgb function, e.g. --arcade-color-white: 255, 255, 255
.
Improve design tokens documentation to include visual examples and interactive demos of the tokens
Since Button text variant is now supported via Link component, we should add icon support to Link.
Review additional use cases where Container can be used and what it needs to cover them. Since it currently defines single padding value, if we want to customise that - we'll need to apply bleed through some css variable.
Fix mini-css-extract-plugin css ordering issue
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.