Sarai-WMDE created this task. Sarai-WMDE added a project: Wikidata Design System. Restricted Application added a subscriber: Aklapper. Restricted Application added a project: Wikidata.
TASK DESCRIPTION IMP: As decided by the DS constellation, this component (which name should be changed to Frame <https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit?node-id=4323%3A5460>) doesn't need to be abstracted for reusage for now. In case we detect the need for it in the future, we'd probably make it available as a mixin. As a DS designer and developer, I want to have a new box component implemented, because it is needed for the Query Builder hike in order to be able to group conditions and condition groups. **ACs** [ ] The box is implemented according to the Figma specs <https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit?node-id=4323%3A5460>. Specs represent a base/default style of the box, which needs to be fully customizable. [ ] The box's default component-level tokens are created according to the naming convention used to style the component (TBD by @Sarai-WMDE ) [ ] The box is displayed in Storybook according to the specifications **States** The box is not an interactive component, so it doesn't display any states. **Storybook** [ ] This component has its own page in Storybook, included by alphabetical order (See structure <https://docs.google.com/document/d/1loENZ13z5s_Nes4exm5Z9d5S3PnR7F_0brv5azQ5XB4/edit>) [ ] Controls: allow users to enter/select values to modify the custom parameters: paddings, border-color, border-radius, border-width, background-color and elevation (TBD how/if this is possible) **Notes:** The box component is a** structural component** that allows grouping content within a UI area that is visually outlined against the page background. Boxes are very customizable and can take several parameters and several values for each one of these: paddings, border-color, border-radius, border-width, background-color and elevation can be modified by implementers using system tokens. This is a block-level component and it should not take any width values. TASK DETAIL https://phabricator.wikimedia.org/T268493 WORKBOARD https://phabricator.wikimedia.org/project/board/4521/ EMAIL PREFERENCES https://phabricator.wikimedia.org/settings/panel/emailpreferences/ To: Sarai-WMDE Cc: Aklapper, Sarai-WMDE, Akuckartz, Nandana, Lahi, Gq86, GoranSMilovanovic, QZanden, LawExplorer, _jensen, rosalieper, Scott_WUaS, Volker_E, Wikidata-bugs, aude, Lydia_Pintscher, Mbch331
_______________________________________________ Wikidata-bugs mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/wikidata-bugs
