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

[FX-5880] Update PageHead to follow BASE #4529

Merged
merged 26 commits into from
Sep 17, 2024
Merged

[FX-5880] Update PageHead to follow BASE #4529

merged 26 commits into from
Sep 17, 2024

Conversation

TomasSlama
Copy link
Contributor

@TomasSlama TomasSlama commented Sep 5, 2024 •
edited by AdrianContiu
Loading

FX-5880

Description

This PR adds a new PageHeadBase component to conform to BASE. This will replace PageHead which is deprecated and will be removed in a future major release of Picasso.

tailwindcss has been updated to >=4.10, so it can allow proper use of the new TailwindCSS features like has-[].

Note: This PR will have a follow-up ticket to ensure that the new component can be adopted into StaffPortal.

How to test

Screenshots

PageHead PageHeadBase
image image

mobile version
image

Development checks

  • Add changeset according to guidelines (if needed)
  • Double check if picasso-tailwind-merge requires major update (check its README.md)
  • Read CONTRIBUTING.md and Component API principles
  • Make sure that additions and changes on the design follow Toptal's BASE design, and it's been already discussed with designers at #-base-core
  • Annotate all props in component with documentation
  • Create examples for component
  • Ensure that deployed demo has expected results and good examples
  • Ensure the changed/created components have not caused accessibility issues. How to use accessibility plugin in storybook.
  • Self reviewed
  • Covered with tests (visual tests included)

Breaking change

  • codemod is created and showcased in the changeset
  • test alpha package of Picasso in StaffPortal

All development checks should be done and set checked to pass the
GitHub Bot: TODOLess action

PR commands

List of available commands:

  • @toptal-bot run package:alpha-release - Release alpha version
  • @toptal-anvil ping reviewers - Ping FX team for review
PR Review Guidelines

When to approve? ✅

You are OK with merging this PR and

  1. You have no extra requests.
  2. You have optional requests.
    1. Add nit: to your comment. (ex. nit: I'd rename this variable from makeCircle to getCircle)

When to request changes? ❌

You are not OK with merging this PR because

  1. Something is broken after the changes.
  2. Acceptance criteria is not reached.
  3. Code is dirty.

When to comment (neither ✅ nor ❌)

You want your comments to be addressed before merging this PR in cases like:

  1. There are leftovers like unnecessary logs, comments, etc.
  2. You have an opinionated comment regarding the code that requires a discussion.
  3. You have questions.

How to handle the comments?

  1. An owner of a comment is the only one who can resolve it.
  2. An owner of a comment must resolve it when it's addressed.
  3. A PR owner must reply with ✅ when a comment is addressed.

@TomasSlama TomasSlama self-assigned this Sep 5, 2024
@changeset-bot changeset-bot
Copy link

changeset-bot bot commented Sep 5, 2024 •
edited
Loading

🦋 Changeset detected

Latest commit: 53b0311

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 39 packages
Name Type
@toptal/picasso Major
@toptal/base-tailwind Major
@toptal/picasso-tailwind Major
@toptal/picasso-tabs Patch
@toptal/picasso-rich-text-editor Patch
@toptal/picasso-button Patch
@toptal/picasso-page Minor
@toptal/picasso-select Patch
@toptal/picasso-switch Major
@toptal/picasso-tagselector Patch
@toptal/picasso-forms Patch
@toptal/picasso-query-builder Patch
@toptal/picasso-accordion Patch
@toptal/picasso-alert Patch
@toptal/picasso-application-update-notification Patch
@toptal/picasso-calendar Patch
@toptal/picasso-carousel Patch
@toptal/picasso-drawer Patch
@toptal/picasso-file-input Patch
@toptal/picasso-helpbox Patch
@toptal/picasso-modal Patch
@toptal/picasso-notification Patch
@toptal/picasso-outlined-input Patch
@toptal/picasso-pagination Patch
@toptal/picasso-password-input Patch
@toptal/picasso-prompt-modal Patch
@toptal/picasso-section Patch
@toptal/picasso-show-more Patch
@toptal/picasso-skeleton-loader Patch
@toptal/picasso-table Patch
@toptal/picasso-tree-view Patch
@toptal/picasso-date-picker Patch
@toptal/picasso-dropzone Patch
@toptal/picasso-autocomplete Patch
@toptal/picasso-avatar-upload Patch
@toptal/picasso-input Patch
@toptal/picasso-number-input Patch
@toptal/picasso-timepicker Patch
@toptal/picasso-date-select Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@TomasSlama TomasSlama changed the title Update PageHead to follow BASE [FX-5880] Update PageHead to follow BASE Sep 6, 2024
@TomasSlama TomasSlama marked this pull request as ready for review September 6, 2024 09:13
@TomasSlama TomasSlama requested a review from a team September 6, 2024 09:13
@TomasSlama
Copy link
Contributor Author

@toptal-bot run package:alpha-release

@toptal-devbot
Copy link
Collaborator

Your alpha package is ready 🎉
yarn add @topkit/analytics-charts@56.0.3-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/base-tailwind@0.0.3-alpha-fx-5880-page-head-2-7af9caef5.68+7af9caef5
yarn add @toptal/picasso@49.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-accordion@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-account-select@3.0.3-alpha-fx-5880-page-head-2-7af9caef5.17+7af9caef5
yarn add @toptal/picasso-alert@3.0.13-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-amount@1.0.8-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-application-update-notification@2.0.13-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-autocomplete@4.0.4-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-avatar@6.1.1-alpha-fx-5880-page-head-2-7af9caef5.17+7af9caef5
yarn add @toptal/picasso-avatar-upload@3.0.4-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-backdrop@1.0.6-alpha-fx-5880-page-head-2-7af9caef5.109+7af9caef5
yarn add @toptal/picasso-badge@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-breadcrumbs@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-button@4.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-calendar@4.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-carousel@4.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-charts@59.0.2-alpha-fx-5880-page-head-2-7af9caef5.80+7af9caef5
yarn add @toptal/picasso-checkbox@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-codemod@6.0.1-alpha-fx-5880-page-head-2-7af9caef5.231+7af9caef5
yarn add @toptal/picasso-collapse@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-container@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-date-picker@2.0.17-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-date-select@1.0.49-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-drawer@3.0.13-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-dropdown@4.1.1-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-dropzone@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-empty-state@2.0.4-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-environment-banner@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-fade@1.0.6-alpha-fx-5880-page-head-2-7af9caef5.109+7af9caef5
yarn add @toptal/picasso-file-input@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-form@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-forms@72.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-grid@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-helpbox@5.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-icons@1.6.1-alpha-fx-5880-page-head-2-7af9caef5.95+7af9caef5
yarn add @toptal/picasso-image@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-input@3.0.15-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-input-adornment@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-link@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-list@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.24+7af9caef5
yarn add @toptal/picasso-loader@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-logo@2.0.1-alpha-fx-5880-page-head-2-7af9caef5.20+7af9caef5
yarn add @toptal/picasso-menu@3.0.3-alpha-fx-5880-page-head-2-7af9caef5.17+7af9caef5
yarn add @toptal/picasso-modal@3.0.13-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-modal-context@1.0.2-alpha-fx-5880-page-head-2-7af9caef5.290+7af9caef5
yarn add @toptal/picasso-note@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-notification@4.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-number-input@3.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-outlined-input@3.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-overview-block@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-page@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-pagination@4.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-paper@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-password-input@4.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-pictograms@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-popper@1.0.4-alpha-fx-5880-page-head-2-7af9caef5.188+7af9caef5
yarn add @toptal/picasso-prompt-modal@2.0.13-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-provider@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.109+7af9caef5
yarn add @toptal/picasso-query-builder@7.2.6-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-quote@2.0.3-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-radio@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-rating@3.0.1-alpha-fx-5880-page-head-2-7af9caef5.13+7af9caef5
yarn add @toptal/picasso-rich-text-editor@16.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-section@5.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-select@3.0.4-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-shared@15.0.1-alpha-fx-5880-page-head-2-7af9caef5.188+7af9caef5
yarn add @toptal/picasso-show-more@2.0.1-alpha-fx-5880-page-head-2-7af9caef5.11+7af9caef5
yarn add @toptal/picasso-skeleton-loader@1.0.38-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-slide@1.0.1-alpha-fx-5880-page-head-2-7af9caef5.109+7af9caef5
yarn add @toptal/picasso-slider@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-step@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-switch@2.0.13-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-table@3.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-tabs@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-tag@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-tagselector@2.0.19-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-tailwind@2.8.1-alpha-fx-5880-page-head-2-7af9caef5.90+7af9caef5
yarn add @toptal/picasso-tailwind-merge@2.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-test-utils@1.1.2-alpha-fx-5880-page-head-2-7af9caef5.188+7af9caef5
yarn add @toptal/picasso-timeline@5.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-timepicker@3.0.2-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-tooltip@1.1.6-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-tree-view@3.0.13-alpha-fx-5880-page-head-2-7af9caef5.15+7af9caef5
yarn add @toptal/picasso-typography@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.26+7af9caef5
yarn add @toptal/picasso-typography-overflow@4.0.1-alpha-fx-5880-page-head-2-7af9caef5.2+7af9caef5
yarn add @toptal/picasso-user-badge@5.1.1-alpha-fx-5880-page-head-2-7af9caef5.17+7af9caef5
yarn add @toptal/picasso-utils@1.0.4-alpha-fx-5880-page-head-2-7af9caef5.188+7af9caef5

@AdrianContiu AdrianContiu self-requested a review September 9, 2024 09:48
AdrianContiu
AdrianContiu reviewed Sep 9, 2024
View reviewed changes
Copy link
Contributor

@AdrianContiu AdrianContiu left a comment •
edited
Loading

Choose a reason for hiding this comment

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

Errata: the layout is defined correctly after installing dependencies. The comment below is not relevant anymore.

The bottom border is doubled when labels are present.

image

packages/base/Page/src/PageHead/PageHead.tsx Outdated Show resolved Hide resolved
@AdrianContiu
Copy link
Contributor

@toptal-bot run package:alpha-release

@toptal-devbot
Copy link
Collaborator

Your alpha package is ready 🎉
yarn add @topkit/analytics-charts@56.0.3-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/base-tailwind@0.0.3-alpha-fx-5880-page-head-2-241fef4ab.76+241fef4ab
yarn add @toptal/picasso@49.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-accordion@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-account-select@3.0.3-alpha-fx-5880-page-head-2-241fef4ab.25+241fef4ab
yarn add @toptal/picasso-alert@3.0.13-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-amount@1.0.8-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-application-update-notification@2.0.13-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-autocomplete@4.0.4-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-avatar@6.1.1-alpha-fx-5880-page-head-2-241fef4ab.25+241fef4ab
yarn add @toptal/picasso-avatar-upload@3.0.4-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-backdrop@1.0.6-alpha-fx-5880-page-head-2-241fef4ab.117+241fef4ab
yarn add @toptal/picasso-badge@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-breadcrumbs@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-button@4.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-calendar@4.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-carousel@4.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-charts@59.0.2-alpha-fx-5880-page-head-2-241fef4ab.88+241fef4ab
yarn add @toptal/picasso-checkbox@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-codemod@6.0.1-alpha-fx-5880-page-head-2-241fef4ab.239+241fef4ab
yarn add @toptal/picasso-collapse@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-container@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-date-picker@2.0.17-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-date-select@1.0.49-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-drawer@3.0.13-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-dropdown@4.1.1-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-dropzone@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-empty-state@2.0.4-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-environment-banner@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-fade@1.0.6-alpha-fx-5880-page-head-2-241fef4ab.117+241fef4ab
yarn add @toptal/picasso-file-input@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-form@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-forms@72.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-grid@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-helpbox@5.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-icons@1.6.1-alpha-fx-5880-page-head-2-241fef4ab.103+241fef4ab
yarn add @toptal/picasso-image@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-input@3.0.15-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-input-adornment@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-link@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-list@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.32+241fef4ab
yarn add @toptal/picasso-loader@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-logo@2.0.1-alpha-fx-5880-page-head-2-241fef4ab.28+241fef4ab
yarn add @toptal/picasso-menu@3.0.3-alpha-fx-5880-page-head-2-241fef4ab.25+241fef4ab
yarn add @toptal/picasso-modal@3.0.13-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-modal-context@1.0.2-alpha-fx-5880-page-head-2-241fef4ab.298+241fef4ab
yarn add @toptal/picasso-note@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-notification@4.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-number-input@3.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-outlined-input@3.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-overview-block@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-page@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-pagination@4.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-paper@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-password-input@4.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-pictograms@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-popper@1.0.4-alpha-fx-5880-page-head-2-241fef4ab.196+241fef4ab
yarn add @toptal/picasso-prompt-modal@2.0.13-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-provider@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.117+241fef4ab
yarn add @toptal/picasso-query-builder@7.2.6-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-quote@2.0.3-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-radio@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-rating@3.0.1-alpha-fx-5880-page-head-2-241fef4ab.21+241fef4ab
yarn add @toptal/picasso-rich-text-editor@16.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-section@5.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-select@3.0.4-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-shared@15.0.1-alpha-fx-5880-page-head-2-241fef4ab.196+241fef4ab
yarn add @toptal/picasso-show-more@2.0.1-alpha-fx-5880-page-head-2-241fef4ab.19+241fef4ab
yarn add @toptal/picasso-skeleton-loader@1.0.38-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-slide@1.0.1-alpha-fx-5880-page-head-2-241fef4ab.117+241fef4ab
yarn add @toptal/picasso-slider@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-step@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-switch@2.0.13-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-table@3.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-tabs@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-tag@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-tagselector@2.0.19-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-tailwind@2.8.1-alpha-fx-5880-page-head-2-241fef4ab.98+241fef4ab
yarn add @toptal/picasso-tailwind-merge@2.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-test-utils@1.1.2-alpha-fx-5880-page-head-2-241fef4ab.196+241fef4ab
yarn add @toptal/picasso-timeline@5.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-timepicker@3.0.2-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-tooltip@1.1.6-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-tree-view@3.0.13-alpha-fx-5880-page-head-2-241fef4ab.23+241fef4ab
yarn add @toptal/picasso-typography@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.34+241fef4ab
yarn add @toptal/picasso-typography-overflow@4.0.1-alpha-fx-5880-page-head-2-241fef4ab.10+241fef4ab
yarn add @toptal/picasso-user-badge@5.1.1-alpha-fx-5880-page-head-2-241fef4ab.25+241fef4ab
yarn add @toptal/picasso-utils@1.0.4-alpha-fx-5880-page-head-2-241fef4ab.196+241fef4ab

@toptal-devbot
Copy link
Collaborator

⚠️ Following packages are missing changesets. Please check if they don't require one.

@toptal/picasso-utils

@AdrianContiu
Copy link
Contributor

@toptal-anvil ping reviewers

@AdrianContiu
Copy link
Contributor

@toptal-anvil ping reviewers

@AdrianContiu AdrianContiu requested review from a team and removed request for a team September 16, 2024 09:42
@AdrianContiu AdrianContiu self-assigned this Sep 16, 2024
@AdrianContiu
Copy link
Contributor

@toptal-bot run package:alpha-release

@toptal-devbot
Copy link
Collaborator

Your alpha package is ready 🎉
yarn add @topkit/analytics-charts@56.0.3-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/base-tailwind@0.0.3-alpha-fx-5880-page-head-2-99d1c9975.85+99d1c9975
yarn add @toptal/picasso@49.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-accordion@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-account-select@3.0.3-alpha-fx-5880-page-head-2-99d1c9975.34+99d1c9975
yarn add @toptal/picasso-alert@3.0.13-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-amount@1.0.8-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-application-update-notification@2.0.13-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-autocomplete@4.0.4-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-avatar@6.1.1-alpha-fx-5880-page-head-2-99d1c9975.34+99d1c9975
yarn add @toptal/picasso-avatar-upload@3.0.4-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-backdrop@1.0.6-alpha-fx-5880-page-head-2-99d1c9975.126+99d1c9975
yarn add @toptal/picasso-badge@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-breadcrumbs@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-button@4.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-calendar@4.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-carousel@4.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-charts@59.0.2-alpha-fx-5880-page-head-2-99d1c9975.97+99d1c9975
yarn add @toptal/picasso-checkbox@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-codemod@6.0.1-alpha-fx-5880-page-head-2-99d1c9975.248+99d1c9975
yarn add @toptal/picasso-collapse@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-container@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-date-picker@2.0.17-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-date-select@1.0.49-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-drawer@3.0.13-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-dropdown@4.1.1-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-dropzone@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-empty-state@2.0.4-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-environment-banner@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-fade@1.0.6-alpha-fx-5880-page-head-2-99d1c9975.126+99d1c9975
yarn add @toptal/picasso-file-input@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-form@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-forms@72.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-grid@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-helpbox@5.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-icons@1.6.1-alpha-fx-5880-page-head-2-99d1c9975.112+99d1c9975
yarn add @toptal/picasso-image@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-input@3.0.15-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-input-adornment@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-link@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-list@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.41+99d1c9975
yarn add @toptal/picasso-loader@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-logo@2.0.1-alpha-fx-5880-page-head-2-99d1c9975.37+99d1c9975
yarn add @toptal/picasso-menu@3.0.3-alpha-fx-5880-page-head-2-99d1c9975.34+99d1c9975
yarn add @toptal/picasso-modal@3.0.13-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-modal-context@1.0.2-alpha-fx-5880-page-head-2-99d1c9975.307+99d1c9975
yarn add @toptal/picasso-note@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-notification@4.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-number-input@3.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-outlined-input@3.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-overview-block@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-page@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-pagination@4.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-paper@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-password-input@4.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-pictograms@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-popper@1.0.4-alpha-fx-5880-page-head-2-99d1c9975.205+99d1c9975
yarn add @toptal/picasso-prompt-modal@2.0.13-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-provider@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.126+99d1c9975
yarn add @toptal/picasso-query-builder@7.2.6-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-quote@2.0.3-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-radio@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-rating@3.0.1-alpha-fx-5880-page-head-2-99d1c9975.30+99d1c9975
yarn add @toptal/picasso-rich-text-editor@16.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-section@5.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-select@3.0.4-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-shared@15.0.1-alpha-fx-5880-page-head-2-99d1c9975.205+99d1c9975
yarn add @toptal/picasso-show-more@2.0.1-alpha-fx-5880-page-head-2-99d1c9975.28+99d1c9975
yarn add @toptal/picasso-skeleton-loader@1.0.38-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-slide@1.0.1-alpha-fx-5880-page-head-2-99d1c9975.126+99d1c9975
yarn add @toptal/picasso-slider@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-step@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-switch@2.0.13-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-table@3.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-tabs@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-tag@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-tagselector@2.0.19-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-tailwind@2.8.1-alpha-fx-5880-page-head-2-99d1c9975.107+99d1c9975
yarn add @toptal/picasso-tailwind-merge@2.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-test-utils@1.1.2-alpha-fx-5880-page-head-2-99d1c9975.205+99d1c9975
yarn add @toptal/picasso-timeline@5.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-timepicker@3.0.2-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-tooltip@1.1.6-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-tree-view@3.0.13-alpha-fx-5880-page-head-2-99d1c9975.32+99d1c9975
yarn add @toptal/picasso-typography@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.43+99d1c9975
yarn add @toptal/picasso-typography-overflow@4.0.1-alpha-fx-5880-page-head-2-99d1c9975.19+99d1c9975
yarn add @toptal/picasso-user-badge@5.1.1-alpha-fx-5880-page-head-2-99d1c9975.34+99d1c9975
yarn add @toptal/picasso-utils@1.0.4-alpha-fx-5880-page-head-2-99d1c9975.205+99d1c9975

@AdrianContiu
Copy link
Contributor

@toptal-anvil ping reviewers

@ruslan-sed ruslan-sed self-requested a review September 17, 2024 07:18
@AdrianContiu
Copy link
Contributor

@toptal-anvil ping reviewers

ruslan-sed
ruslan-sed approved these changes Sep 17, 2024
View reviewed changes
Copy link
Contributor

@ruslan-sed ruslan-sed left a comment •
edited
Loading

Choose a reason for hiding this comment

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

The code looks nice and works as expected, great job!

@TomasSlama
Copy link
Contributor Author

I approve

@AdrianContiu AdrianContiu merged commit e7e45d2 into master Sep 17, 2024
18 checks passed
@AdrianContiu AdrianContiu deleted the fx-5880-page-head-2 branch September 17, 2024 12:28
@toptal-build toptal-build mentioned this pull request Sep 17, 2024
Merged
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@ruslan-sed ruslan-sed ruslan-sed approved these changes

@AdrianContiu AdrianContiu AdrianContiu approved these changes

Assignees

@TomasSlama TomasSlama

@AdrianContiu AdrianContiu

Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
4 participants
@TomasSlama @toptal-devbot @AdrianContiu @ruslan-sed