mirror of
https://github.com/status-im/wakuconnect-chat-sdk.git
synced 2025-01-18 08:01:52 +00:00
edfdfd6dbc
* set up tailwind * add typography tokens * add shadows tokens * add border radius tokens * add react-aria * update tailwind config * update tokens * fix deps * add blur variant * update tw config * upgrade storybook * update storybook config * add inter * wip button * wip input * wip tabs * update typography tokens * u storybook * add types to src root * update storybook config * add sb type * u storybook * add icon button * add input * add checkbox * add counter * update checkbox * add dropdown * update button * f storybook types * u deps * update base config * update icon imports * add text * update colors build output * fix import * update colors format * add .vsode setting * update components buidl * mv * u button * add popover * u * add types * u shortcut * fix icons attributes * f * mv * u * add toast * update tw formatting * rm apps * rm examples * rm tamagui * dist tailwind config * rm more * stricter tsconfig * add source field * remove tokens * rm tamagui files * add prettier config to components * u text props * add tooltip * u toast * do not pass props * u icon buton * u dropdown button * add icon only to button * u type * checkbox * wip * fix build * fix components build * u tooltip * add theme * add input * u checkbox * update dropdown-button * add dropdown menu * move input to be reviewew * u dropdown button * u * u popover * u tabs * mv IconComponent -> IconElement * u tag * u context tag * u * fix context tag story * add provider * u button * u avatar * f avatar * a opacity to avatar * f prettier * f avatar * f * f * rm old setting * fix button props * skeleton wip * rm config * a dropdown submenu * add blur variant * add step * add step to tabs * add blur to context tag * u * add 80 to community * u tw config * add type * u checkbox * fix dropdown menu checkbox item * u button * unify content * customize color globally * add icons stories * add colors story * rm * u * rm dep * cleanup * u tsconfig * f opacity for emoji * remove "web#build" task from turbo.json * f dropdown menu * u tw export * add license * add changeset * update readme * f steps * f tag * f button * udpate colors format * update customisation color tailwind config * fix opacity * add shadow dark mode * u readme * u --------- Co-authored-by: Jakub Kotula <520927+jkbktl@users.noreply.github.com> Co-authored-by: Felicio Mununga <felicio@users.noreply.github.com>
56 lines
1.2 KiB
TypeScript
56 lines
1.2 KiB
TypeScript
import React from 'react'
|
|
import type { Preview } from '@storybook/react'
|
|
import { customisation } from '@status-im/colors'
|
|
import './reset.css'
|
|
|
|
const preview: Preview = {
|
|
globalTypes: {
|
|
customisation: {
|
|
toolbar: {
|
|
title: 'Customisation',
|
|
// icon: 'paintbrush',
|
|
defaultValue: 'blue',
|
|
items: Object.keys(customisation),
|
|
dynamicTitle: true,
|
|
defaultItem: 'army',
|
|
},
|
|
},
|
|
},
|
|
|
|
parameters: {
|
|
// layout: 'centered',
|
|
customisation: {
|
|
default: 'blue',
|
|
values: [
|
|
{ name: 'blue', value: '#0000ff' },
|
|
{ name: 'red', value: '#ff0000' },
|
|
],
|
|
},
|
|
backgrounds: {
|
|
default: 'light',
|
|
values: [
|
|
{ name: 'light', value: '#fff' },
|
|
{ name: 'dark', value: '#0D1625' },
|
|
],
|
|
},
|
|
},
|
|
|
|
decorators: [
|
|
(Story, context) => {
|
|
document.body.setAttribute(
|
|
'data-theme',
|
|
context.parameters.backgrounds?.default === 'dark' ? 'dark' : 'light',
|
|
)
|
|
|
|
document.body.setAttribute(
|
|
'data-customisation',
|
|
context.globals.customisation ?? 'blue',
|
|
)
|
|
|
|
return <Story />
|
|
},
|
|
],
|
|
}
|
|
|
|
export default preview
|