2.0 (#523)

* 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 <[email protected]>
Co-authored-by: Felicio Mununga <[email protected]>

.changeset/selfish-bugs-poke.md

@@ -0,0 +1,9 @@
+---
+'@status-im/eslint-config': major
+'@status-im/components': major
+'@status-im/js': major
+'@status-im/colors': major
+'@status-im/icons': major
+---
+
+switch to tailwind

.eslintignore

@@ -4,5 +4,3 @@
 **/proto
 **/coverage
 **/storybook-static
-**/examples
-**/packages/status-react

.github/workflows/ci.yml

@@ -11,7 +11,6 @@ env:
   NEXT_PUBLIC_GHOST_API_URL: ''
   NEXT_PUBLIC_GHOST_API_KEY: ''
   INFURA_API_KEY: ''
-  TAMAGUI_TARGET: 'web'
 
 jobs:
   build:

.github/workflows/release.yml

@@ -11,7 +11,6 @@ env:
   NEXT_PUBLIC_GHOST_API_URL: ''
   NEXT_PUBLIC_GHOST_API_KEY: ''
   INFURA_API_KEY: ''
-  TAMAGUI_TARGET: 'web'
 
 jobs:
   ci:

.gitignore

@@ -80,9 +80,6 @@ node_modules/
 # Vercel
 .vercel
 
-# Tamagui
-.tamagui
-
 # Storybook
 storybook-static
 

.prettierrc

@@ -1,5 +1,7 @@
 {
   "semi": false,
   "singleQuote": true,
-  "arrowParens": "avoid"
+  "arrowParens": "avoid",
+  "plugins": ["prettier-plugin-tailwindcss"],
+  "tailwindFunctions": ["cx", "cva"]
 }

.vscode/settings.json

@@ -1,11 +1,14 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
-  "eslint.packageManager": "yarn",
   "npm.packageManager": "yarn",
   "eslint.workingDirectories": [
     {
       "mode": "auto",
       "#comment": "See https://github.com/microsoft/vscode-eslint/issues/1161 for reason (i.e. multiple .eslintrc config files)"
     }
+  ],
+  "tailwindCSS.experimental.classRegex": [
+    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
   ]
 }