Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat: V3 UI avatar #18997

Merged
merged 6 commits into from
Jan 30, 2025
Merged

feat: V3 UI avatar #18997

merged 6 commits into from
Jan 30, 2025

Conversation

sean-brydon
Copy link
Member

Not much changed here
CleanShot 2025-01-29 at 15 59 10

@graphite-app graphite-app bot requested review from a team January 29, 2025 16:00
@keithwillcode keithwillcode added consumer core area: core, team members only labels Jan 29, 2025
@dosubot dosubot bot added ui area: UI, frontend, button, form, input ✨ feature New feature or request labels Jan 29, 2025
@graphite-app Graphite App
Copy link

graphite-app bot commented Jan 29, 2025

Graphite Automations

"Add consumer team as reviewer" took an action on this PR • (01/29/25)

1 reviewer was added to this PR based on Keith Williams's automation.

"Add foundation team as reviewer" took an action on this PR • (01/29/25)

1 reviewer was added to this PR based on Keith Williams's automation.

sean-brydon
sean-brydon commented Jan 29, 2025
View reviewed changes
packages/features/ee/workflows/components/WorkflowListPage.tsx
@@ -239,7 +239,7 @@ export default function WorkflowListPage({ workflows }: Props) {
workflow?.team.logo,
workflow.team?.name as string
)}
size="xxs"
size="xs"
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This size doesnt exist anymore. Only place it was being used

@vercel Vercel
Copy link

vercel bot commented Jan 29, 2025 •
edited
Loading

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
cal-com-ui-playground 🛑 Canceled (Inspect) Jan 30, 2025 8:03am
2 Skipped Deployments
Name Status Preview Comments Updated (UTC)
cal ⬜️ Ignored (Inspect) Visit Preview Jan 30, 2025 8:03am
calcom-web-canary ⬜️ Ignored (Inspect) Visit Preview Jan 30, 2025 8:03am

@sean-brydon sean-brydon changed the base branch from feat/v3/playground to feat/v3/main January 29, 2025 18:48
@socket-security Socket Security
Copy link

socket-security bot commented Jan 29, 2025 •
edited
Loading

New, updated, and removed dependencies detected. Learn more about Socket for GitHub ↗︎

Package New capabilities Transitives Size Publisher
npm/@axiomhq/[email protected] environment Transitive: network +3 395 kB lukasmalkmus
npm/@calcom/[email protected] environment, network, unsafe 0 3.55 MB morgan-calcom
npm/@calcom/[email protected] environment, network 0 4.74 MB morgan-calcom
npm/@golevelup/[email protected] None 0 20.1 kB wonderpanda
npm/@microsoft/[email protected] None 0 3.41 MB microsoftgraph
npm/@nest-lab/[email protected] None +2 344 kB jmcdo29
npm/@nestjs/[email protected] None +2 175 kB nestjscore
npm/@nestjs/[email protected] Transitive: environment, eval, filesystem, network, shell, unsafe +65 35.7 MB
npm/@nestjs/[email protected] None +5 4.68 MB
npm/@nestjs/[email protected] environment, filesystem +4 4.73 MB nestjscore
npm/@nestjs/[email protected] Transitive: environment, filesystem, network, shell +10 4.9 MB
npm/@nestjs/[email protected] None +14 259 kB nestjscore
npm/@nestjs/[email protected] None 0 21.2 kB nestjscore
npm/@nestjs/[email protected] Transitive: environment, eval, filesystem, network, unsafe +53 1.44 MB
npm/@nestjs/[email protected] Transitive: eval, filesystem, network +16 29.9 MB nestjscore
npm/@nestjs/[email protected] Transitive: environment, eval, filesystem +6 14.8 MB nestjscore
npm/@nestjs/[email protected] None +1 90.4 kB
npm/@nestjs/[email protected] None 0 208 kB nestjscore
npm/@sentry/[email protected] None 0 83.9 kB sentry-bot
npm/@sentry/[email protected] environment, filesystem, network Transitive: eval, shell, unsafe +205 157 MB billyvg, evanpurkhiser, haza, ...7 more
npm/@sentry/[email protected] Transitive: filesystem, shell +2 3.51 MB billyvg, evanpurkhiser, haza, ...7 more
npm/@types/[email protected] None 0 5.73 kB types
npm/@types/[email protected] None +8 102 kB types
npm/@types/[email protected] None +1 42.5 kB types
npm/@types/[email protected] None 0 120 kB types
npm/@types/[email protected] 🔁 npm/@types/[email protected], npm/@types/[email protected] None +1 2.31 MB types
npm/@types/[email protected] None +3 71.9 kB types
npm/@types/[email protected] Transitive: filesystem, network +4 160 kB types
npm/[email protected] network Transitive: eval, filesystem, unsafe +27 773 kB ulisesgascon
npm/[email protected] filesystem, shell Transitive: environment, eval, network, unsafe +14 7.4 MB manast
npm/[email protected] None 0 776 kB typestack-release-bot
npm/[email protected] None +2 13.5 MB typestack-release-bot
npm/[email protected] environment, network Transitive: filesystem +11 229 kB dougwilson
npm/[email protected] None +2 40.3 kB ulisesgascon
npm/[email protected] Transitive: environment, eval, filesystem, network, shell +39 94.6 MB google-wombot
npm/[email protected] None 0 104 kB evanhahn
npm/[email protected] network +5 2.69 MB chimurai
npm/[email protected] None 0 464 B andreeleuterio
npm/[email protected] network +8 868 kB ioredis-robot
npm/[email protected] None 0 11.8 kB atool
npm/[email protected] Transitive: environment, eval, filesystem, network, shell, unsafe +110 3.59 MB simenb
npm/[email protected] environment, filesystem Transitive: eval, network, shell, unsafe +49 12.5 MB salesforce-releases
npm/[email protected] None 0 36.7 kB ptarjan
npm/[email protected] environment +1 71.7 kB gremo
npm/[email protected] Transitive: environment +2 86.2 kB htunnicliff
npm/[email protected] environment, network Transitive: eval, filesystem, shell +56 1.27 GB thvu
npm/[email protected] environment, network +1 428 kB lukasmalkmus
npm/[email protected] Transitive: environment, filesystem, network, shell +24 4.89 MB jellydn
npm/[email protected] eval 0 273 kB jellydn
npm/[email protected] Transitive: environment, filesystem +27 1.12 GB rauchg, timneutkens, vercel-release-bot
npm/[email protected] environment, network Transitive: eval, filesystem +13 2.65 MB eugef
npm/[email protected] None +14 251 kB themikenicholson
npm/[email protected] network +3 168 kB jaredhanson
npm/[email protected] None 0 5.65 kB goto-bus-stop
npm/[email protected] None 0 9.39 kB medikoo
npm/[email protected] None 0 295 kB rbuckton
npm/[email protected] network, shell Transitive: eval +17 5.39 MB stripe-bindings
npm/[email protected] network Transitive: environment, eval, filesystem +27 1.45 MB titanism
npm/[email protected] environment, filesystem, unsafe Transitive: eval, network, shell +52 24.5 MB kul
npm/[email protected] Transitive: filesystem, network +6 23.3 MB blakeembrey, jbrantly, johnnyreilly
npm/[email protected] environment, filesystem, unsafe +1 219 kB jonaskello
npm/[email protected] None 0 439 kB rogierschouten

🚮 Removed packages: npm/@types/[email protected], npm/@types/[email protected], npm/@types/[email protected], npm/[email protected], npm/[email protected]

View full report↗︎

@socket-security Socket Security
Copy link

socket-security bot commented Jan 29, 2025 •
edited
Loading

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Alert Package NoteSourceCI
Known malware npm/[email protected]
  • Note: Package has been removed from the npm registry due to security concerns. This is a placeholder package published by the npm security team to prevent malicious usage of the package name. The original package likely contained harmful code.
 🚫

View full report↗︎

Next steps

What is known malware?

This package is malware. We have asked the package registry to remove it.

It is strongly recommended that malware is removed from your codebase.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/[email protected] or ignore all packages with @SocketSecurity ignore-all

@sean-brydon sean-brydon merged commit ccf13c5 into feat/v3/main Jan 30, 2025
11 of 15 checks passed
@sean-brydon sean-brydon deleted the feat/v3/avatar branch January 30, 2025 07:59
@vercel vercel bot temporarily deployed to Preview – cal-com-ui-playground January 30, 2025 08:03 Inactive
joeauyeung added a commit that referenced this pull request Feb 14, 2025
@sean-brydon @eunjae-lee
@ThyMinimalDev @hariombalhara @joeauyeung
feat: v3 of UI components (#19136)
5d709cf 
* ui playground

* add types to ui

* push avatar ignore ts and eslint errors

* feat: V3 UI avatar  (#18997)

* avatar playground

* add overflow-hidden back for loading indicator

* update lock

* feat: v3/badge  (#18999)

* badge intro

* fix text on small badge

* add dark mode warning

* feat: v3/button (#19014)

* TOC

* wip buttons

* shadows

* secondary

* semantic colours

* minimal buttons

* update disabled states

* checkbox

* dropdown v3

* load icons

* fix design sections

* fix icon gap

* fix

* remove client component from rsc

* use peer as avatar

* gif

* fix button gap - dropdown iocn

* support start icon in dropdowns

* add alert demo + v3 component + darken semantic text

* base inputs and text field

* wip input

* input field addon/suffix

* toast page

* wip select

* match designs for input and select rounded

* fix

* fix select isloading transform

* fix multi icons transition rotation

* fix group heading

* range slider demo + range slider

* range slider popover design

* v3 dialog

* fix slider thumb size

* wrap in suspense for useSearchParam difference in next14+

* base of tabs + horizontal tabs

* fix select sizing to match input 36px

* fix dark mode hover on button

* target domState class for light/dark so we work on portal elements

* fix default bg on popover

* lightmode toasts + eleveation token

* empty screen

* intro to split button concept

* mass colour updates

* intro to themes

* remove i18n from label with name

* bouncy buttons

* feat: small select

* nav item dumb component

* full demo

* settings demo

* fix tabs

* fix mt

* fix dropdown feedback from loom

* alert fixes mentioned in loom

* push font-cal

* move to fumadocs

* fix avatar

* colors table

* add typeography

* icon + spacing guide

* add border radius and shadow tables

* fix colours and border radius

* remove prose undline via fumas fork

* fix icon buttons sizes

* button group component

* fix horizontal tabs

* tab fixes

* switches

* pagination component

* show toasts components raw

* sync with airtable

* add use client

* 10px on input again

* 10px in select also

* fix input height

* fix files merge

* fix loading state for icon buttons

* fix button fab

* Enable addon to now overflow to next line in DS

* use cal font for dialog text

* add avatar square variant

* fix select padding and menu size

* fix type errors

* fix type errors

* add switch small size and fix type errors

* fix ref types on input

* update web styles

* remove addonFilled to fix type errors

* push dialog fixes

* fix checkbox display

* remove prose from alert examples

* remove prose from all our component examples

* badge rounded-lg on lg size

* update colors

* force w/h on icon buttons instead of inheriting

* remove border-focus

* remove border-focus from tailwind config

* update tokens to match new colours

* add new border subtle tokens and add to toasts

* fix lg button padding

* fix and drastically improve rtl rests

* multi select use badges

* use badge design for select pills

* fix avatar alignment

* fix tests and remove redudant ones

* fix tests and remove redudant ones

* update atoms globals css

* extract tokens.css

* extract app.css

* force flex for atoms

* add @calcom/ui/css

* revert ui playground styles abstraction

* fix input focus states

* fix focus states for buttons

* feat: v3/app work (#19233)

* globals.css for app + event types listing search

* few app wide NITS

* fix select foucs within styling

* fix formbuilder switch styles

* fix disabled state of nested inputs

* workflow fixes

* webhook form fixes

* i18n on tabs info

* booking filters + tab

* fix filters spacing

* make first item so we get correct border radius if not default

* round radio group in create event types + make button small

* profile page

* update editor br

* button nits in existing places in the app

* fix timezone select and multilist in guest form

* fix text area on public booking page

* size small event types create

* margin on routing filter

* filters improvments

* routing insights fixes

* fix date filter range

* ooo fixes

* fix teams/members bulk actions

* create team UI

* i18n in useTabs instead of in tab component now

* Add event type setup border to availability

* fix bulk actions on org members table

* onboarding fixes

* fix input types with ref stripe comparision

* i18n fixes for platform

* update globals of atoms

* fix form builder firstname/lastname switch + correct footer useage

* fix select

* Revert "add @calcom/ui/css"

This reverts commit 0dd8f90.

* revert tokens css

* Revert "extract app.css"

This reverts commit 10b9986.

* linear nits

* workflow dropdown

* fix page theme heading sizes to match cards

* fix stepper for team creation

* adjust margin to FilterSearchField

* fix ooo icon

* fix booker and dark mode due to darkgray 50

* more dark mode fixes

* add size prop

---------

Co-authored-by: Eunjae Lee <[email protected]>
Co-authored-by: Morgan Vernay <[email protected]>

* remove ui-playground

* fix grow missing from merge

* add search icon data-test-id back to search

* fix FormAction style

* fix datatestid for apps and tabs

* change selector for team invitation e2e

* fix use data-testid from item instaed of using names

* rename upper case O

* fix unit tests data-testid

* fix unit tests data-testid

* more data-testid changes

* add data-testid to apps tab

* data-testid to installed appPage

* fix embed tests

* fix filter-popover-trigger

* use text-error and use dataId for locator

* more e2e improvment

* pass in single testId as button is now duplicate

* show field-error instead

* add test to eventtype tabs

* Add css vars to embed too\

* add scrollbar and change dialog overlay colour

* fix type

* use attribute instead of class for tab detection

* await promise

* use new tokens for sprite generation

* add correct testing Ids to e2e instead of button:text

* use testIds for creation of orgs

* Webhook receiver wait for 10 seconds

---------

Co-authored-by: Eunjae Lee <[email protected]>
Co-authored-by: Morgan Vernay <[email protected]>
Co-authored-by: Hariom <[email protected]>
Co-authored-by: Joe Au-Yeung <[email protected]>
Co-authored-by: Joe Au-Yeung <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
consumer core area: core, team members only ✨ feature New feature or request ui area: UI, frontend, button, form, input
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@sean-brydon @keithwillcode