Commit Graph

508 Commits

Author SHA1 Message Date
Jakub Kotula 1df8c16091
Refactor Context tag component (#379)
* switch

* context tag refactor

* merge conflicts

* use new Avatar component

* clean up

* clean up

* simplify

* fix

* fix

* omg final fix

* pr fixes

* type fix

* fix positioning

* clean up
2023-04-25 12:02:58 +02:00
Felicio Mununga 811fa081a8
Extend Avatar (#371)
* add color hash to Avatar

* remove compoundVariants

* remove outline prop

* remove vars

* ref figma

* remove example

* add background color to Image

* extend radius variants in Image

* use union type

* add channel avatar to stories

* add channel avatar as Avatar type

* resolve typecheck errors

* add name prop

* add icon avatar as Avatar type

* add community avatar

* move fallback

* set default icon color

* add group avatar

* add wallet avatar

* join user type

* join channel type

* remove 32 text variant

* assert LockBase variant

* remove fn type guards

* fix icon import

* set icon sizes based on props

* set default variants and use render fns

* uses raidus tokens

* add outline

* remove outline

* fix overlapping background on loaded image

* fix indicator position

* fix background color
2023-04-19 12:56:20 +02:00
Felicio Mununga def47472e6
Fix `yarn.lock` (#382)
* fix yarn.lock

* fixup
2023-04-19 11:26:40 +02:00
marcelines f25c918fb2
fix: fixes yarn lock causing error when adding new dependencies 2023-04-17 12:58:00 +01:00
Felicio Mununga adac3ad25e
format files 2023-04-17 12:17:23 +02:00
Pavel 6558e437f5
Automate sync of colors and icons with Figma (#378)
* remove old icons

* add script for syncing icons

* regenerate icons

* update @status-im/icons exports

* allow scroll in storybook

* migrate to new icons import

* add iconography story

* update root package.json

* fix typo

* add @status-im/colors

* generate colors

* add colors story

* fix ci
2023-04-14 23:27:05 +02:00
Felicio Mununga 9cbf21599b
Add Tag (#372)
* add tag

* add next-env.d.ts

* fix gap

* use $full token for borderRadius

* remove comments

* fix system message render

* fix action type

* rm next-env.d.ts
2023-04-12 16:36:00 +02:00
Jakub Kotula 24d4bbe054
Delete message / system messages (#367)
* initial

* system messages

* create subcomponents

* all variants

* integration into app

* fix incorrect naming

* fix icon color

* fix spacings, positionings, colors

* CR fixes

* fix wrong props

* fix imports

* fix PR
2023-04-11 20:54:56 +02:00
Felicio Mununga f652512454
terminate `storybook` on `SIGINT` (#375) 2023-04-11 20:53:24 +02:00
Pavel e586de1890
Upgrade TypeScript, Vite, Storybook, Tamagui (#373)
* upgrade deps

* update storybook configs

* add required tamagui token :/
2023-04-11 20:52:18 +02:00
Jakub Kotula 558faa9725
Migrate to border radius tokens (#365)
* fix border radius tokens across components + fix counter structure

* adjust border radius

* adjust highest token

* temporary hardcode values for blur view and image

* remove accordion

* fix new tokens

* remove unused import

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-04-11 12:30:25 +02:00
Felicio Mununga a0406e834a
add `happy-dom` to `@status-im/js` 2023-04-06 17:22:04 +02:00
Pavel e7b6aa090d
Update community sidebars, topbar & author (#370)
* add ChannelAvatar component

* add Channel component

* add expandable state to DividerLabel

* change counter story name

* Finalize SidebarCommunity component

* complete Author component

* update UserList component

* finalize SidebarMembers component

* Finalize Topbar component

* fix Banner truncate

* update dropdown menu props

* update app styles

* make mono font work

* render author part optionally

* rename css IDs

* remove console.log

* imageUrl -> imageSrc

* upgrade expo-blur

* add loading to messages

* fix  ¯\_(ツ)_/¯  comment
2023-04-05 16:31:35 +02:00
marcelines 91fe20549c
Add skeleton and loading states (#366)
* feat: add skeleton placeholder components and stories

* feat: adds gap messages component and stories

* feat: add information box component and stories (WIP)

* feat: add dismiss prop and more stories

* fix: changes onDismiss existing function to onClose

* feat: add sidebar skeleton loader

* feat: makes the banner component more flexible

* update information box

* fix: changes from review

* feat: add topbar-skeleton component

* Fix Skeleton typo

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-04-05 14:48:38 +02:00
Felicio Mununga fc580590ab
Add Toast (#369)
* add icorrect icon

* update correct icon

* add radix toast dep

* set isolation

Co-authored-by: Pavel <prichodko@users.noreply.github.com>

* add toast

 Co-authored-by: Pavel <prichodko@users.noreply.github.com>

* move ToastContainer to separate file

* add custom fn

---------

Co-authored-by: Pavel <prichodko@users.noreply.github.com>
Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-04-04 15:52:02 +02:00
Jakub Kotula f2bb6f3d38
fix gap in button between text and icon (#368) 2023-04-04 12:57:13 +02:00
Pavel 00f97e4d3b
Calculate topbar and composer height dynamically (#362)
* dynamically calculate topbar and composer height

* simplify scroll position calculation

* update AnchorActions component

* update initial content scroll position

* add if condition
2023-03-31 16:45:43 +02:00
Pavel dda3cf1dfe
Update dropdown menu styles (#364)
* update dropdown menu styles

* fix menu item label
2023-03-31 13:14:35 +02:00
Pavel Prichodko b8faced665
fix button font weight 2023-03-30 14:50:32 +02:00
Pavel 7c7e8f78ab
Message reactions, add Tabs, update Dialog and Tooltip (#361)
* add Tabs component

* update Tooltip styling

* add reactions dialog

* use IconButton and simplify ReactButton

* add PressableTrigger to dialog

* update css reset

* update pressable type

* fix text story name

* update dynamic button props

* add counter to TabsTrigger

* fix casing in USerListProps

* make Dialog.Content customizable

* update dialogs
2023-03-30 14:41:56 +02:00
Jakub Kotula 6ed390b0dc
fix pinned dialog button size & icon (#363) 2023-03-30 14:30:47 +02:00
Pavel c351d864a0
Unread messages, review and complete dividers (#360)
* add NewMessages divider

* add DividerDate

* unify dividers

* fix NewMessages gradient

* NewMessages -> DividerNewMessages
2023-03-30 13:40:10 +02:00
Jakub Kotula c338bf7aae
Add pinned messages (#355)
* initial

* add to app

* add to app

* context tag

* rebase and fix changes

* update context-tag, update dialog

* update mocks

* fix dialog show

* clean up stories

* fix ids

* unify component definition

* pr fixes

* fix blur view

* fix blur view

* fix composer position

* context tag

* add icon avatar + pin announcement

* fix spacing

* fixes

* blue background for pin

---------

Co-authored-by: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
2023-03-30 13:32:26 +02:00
Pavel a167396062
Add system messages (#356)
* add DynamicButton component

* add AnchorActions component

* add AnchorActions to web app
2023-03-22 14:42:04 +01:00
Pavel Prichodko 25eb3f24f3
fix button spread props 2023-03-22 10:59:17 +01:00
Pavel db7befaec2
Unify typography and enforce only valid variants (#354)
* unify typography under Text component

* migrate from paragraph/heading to text

* update font configuration
2023-03-22 10:57:25 +01:00
Pavel 6474b39bac
Replies, buttons, add shadow (#353)
* improve primary button

* create shadow component

* add all avatar variants

* update reply

* update button prop

* add usePressableColors hook

* update icon button component

* update messages actions

* update composer

* add inverted variant to Shadow component

* update Message component

* fix prop name

* add user-select none to web app

* fix avatar shape

* fix button icon color

* fix icon button token name

* fix icon button selected prop name

* change accordion item prop name

* set default indicator variant

* fix button prop

* export helper types

* refactor accordion props

* buttons only extend PressableProps

* improve typing of variants in component props

* add tmp workaround for pressable props

* remove new line

* make GetVariants helper nonnullable

* fix image aspectRatio

* fix avatar indicator

* fix icon button props

* add todo
2023-03-22 10:39:42 +01:00
Jakub Kotula 461a9bfe60
Fix indigo token values (#351) 2023-03-16 13:25:40 +01:00
Pavel Prichodko a9e9682ed0
rename typegen -> build:types 2023-03-14 13:49:33 +01:00
Pavel Prichodko e419435272
add react types resolution 2023-03-14 13:48:29 +01:00
Pavel Prichodko 1fac364ffe
fix local development 2023-03-14 13:48:09 +01:00
Pavel Prichodko 24df67ad33
update scripts 2023-03-13 22:52:54 +01:00
Pavel Prichodko 9d45202b8d
use Vite in @status-im/components 2023-03-13 22:52:43 +01:00
Pavel Prichodko 05d4a54c14
upgrade vite and friends 2023-03-13 22:37:38 +01:00
Pavel Prichodko b58a750db3
remove examples and status-react from monorepo pkgs 2023-03-13 22:36:46 +01:00
Pavel Prichodko a034a670e2
upgrade eslint and prettier 2023-03-13 22:28:29 +01:00
Pavel Prichodko 01a06e8132
unify react versions 2023-03-13 22:24:39 +01:00
Pavel Prichodko e3da188c99
unify typescript versions 2023-03-13 22:18:59 +01:00
Pavel Prichodko 47308ca5c3
unify package.jsons 2023-03-13 21:48:42 +01:00
Pavel Prichodko 81b3f7cc8c
update ci workflow 2023-03-13 21:48:08 +01:00
Pavel Prichodko 1fb8f99740
fix icons generations 2023-03-13 21:47:52 +01:00
Pavel Prichodko 4491ecaaf7
temporarily update Image props 2023-03-13 20:24:29 +01:00
Pavel Prichodko ad4a2ad296
remove hard-coded emojis 2023-03-13 20:24:13 +01:00
Pavel Prichodko e17fdbfc7a
fix imports 2023-03-13 19:58:31 +01:00
Pavel Prichodko 9d6ac4ddc2
unify gitignore files 2023-03-13 19:51:26 +01:00
Pavel Prichodko e41a855fac
add storybook to eslintignore 2023-03-13 19:23:32 +01:00
Pavel Prichodko b14d465c18
reuse gitignore for formatting 2023-03-13 19:23:14 +01:00
Pavel Prichodko 069d89f71f
fix lint and reformat 2023-03-13 19:22:51 +01:00
Pavel Prichodko 86abc4df44
upgrade tamagui to latest 2023-03-13 16:44:40 +01:00
Pavel Prichodko 30a2fbb33a
add dev scripts to root package.json 2023-03-13 15:53:21 +01:00