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.

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

feat/theme-breakpoint #1213

Merged
merged 31 commits into from
Sep 20, 2024
Merged

feat/theme-breakpoint #1213

merged 31 commits into from
Sep 20, 2024

Conversation

fulcanellee
Copy link
Collaborator

@fulcanellee fulcanellee commented May 20, 2024

Опишите проблему

Добавил возможность глобального переопределения breakpoint компонентов

Бета
https://www.npmjs.com/package/@alfalab/core-components/v/47.3.0-beta.0

Copy link

changeset-bot bot commented May 20, 2024

🦋 Changeset detected

Latest commit: bc5ca30

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

This PR includes changesets to release 77 packages
Name Type
@alfalab/core-components-amount-input Minor
@alfalab/core-components-amount Minor
@alfalab/core-components-button Minor
@alfalab/core-components-calendar-input Minor
@alfalab/core-components-calendar Minor
@alfalab/core-components-checkbox-group Minor
@alfalab/core-components-checkbox Minor
@alfalab/core-components-code-input Minor
@alfalab/core-components-confirmation Minor
@alfalab/core-components-custom-picker-button Minor
@alfalab/core-components-date-range-input Minor
@alfalab/core-components-date-time-input Minor
@alfalab/core-components-filter-tag Minor
@alfalab/core-components-form-control Minor
@alfalab/core-components-input-autocomplete Minor
@alfalab/core-components-input Minor
@alfalab/core-components-international-phone-input Minor
@alfalab/core-components-markdown Minor
@alfalab/core-components-modal Minor
@alfalab/core-components-number-input Minor
@alfalab/core-components-pattern-lock Minor
@alfalab/core-components-picker-button Minor
@alfalab/core-components-plate Minor
@alfalab/core-components-radio-group Minor
@alfalab/core-components-select-with-tags Minor
@alfalab/core-components-select Minor
@alfalab/core-components-shared Minor
@alfalab/core-components-side-panel Minor
@alfalab/core-components-system-message Minor
@alfalab/core-components-tabs Minor
@alfalab/core-components-tag Minor
@alfalab/core-components-themes Minor
@alfalab/core-components-toast-plate Minor
@alfalab/core-components-toast Minor
@alfalab/core-components-tooltip Minor
@alfalab/core-components-universal-date-input Minor
@alfalab/core-components-pure-cell Patch
@alfalab/core-components-attach Patch
@alfalab/core-components-confirmation-v1 Patch
@alfalab/core-components-custom-button Patch
@alfalab/core-components-icon-button Patch
@alfalab/core-components-navigation-bar-private Patch
@alfalab/core-components-navigation-bar Patch
@alfalab/core-components-pass-code-v1 Patch
@alfalab/core-components-pass-code Patch
@alfalab/core-components-pattern-lock-v1 Patch
@alfalab/core-components-product-cover Patch
@alfalab/core-components-table Patch
@alfalab/core-components-calendar-range Patch
@alfalab/core-components-calendar-with-skeleton Patch
@alfalab/core-components-textarea Patch
@alfalab/core-components-intl-phone-input Patch
@alfalab/core-components-date-input Patch
@alfalab/core-components-masked-input Patch
@alfalab/core-components-password-input Patch
@alfalab/core-components-slider-input Patch
@alfalab/core-components-time-input Patch
@alfalab/core-components-with-suffix Patch
@alfalab/core-components-alert Patch
@alfalab/core-components-action-button Patch
@alfalab/core-components-base-modal Patch
@alfalab/core-components-bottom-sheet Patch
@alfalab/core-components-popup-sheet Patch
@alfalab/core-components-portal Patch
@alfalab/core-components-radio Patch
@alfalab/core-components-sortable-list Patch
@alfalab/core-components-switch Patch
@alfalab/core-components-tab-bar Patch
@alfalab/core-components-pagination Patch
@alfalab/core-components-notification Patch
@alfalab/core-components-gallery Patch
@alfalab/core-components-file-upload-item Patch
@alfalab/core-components-bank-card Patch
@alfalab/core-components-phone-input Patch
@alfalab/core-components-drawer Patch
@alfalab/core-components-notification-manager Patch
@alfalab/core-components-popover 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

@coveralls
Copy link

coveralls commented May 20, 2024

Pull Request Test Coverage Report for Build 10922737144

Details

  • 43 of 44 (97.73%) changed or added relevant lines in 19 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage increased (+0.01%) to 83.378%

Changes Missing Coverage Covered Lines Changed/Added Lines %
packages/shared/src/getComponentBreakpoint/getComponentBreakpoint.ts 9 10 90.0%
Totals Coverage Status
Change from base Build 10905334904: 0.01%
Covered Lines: 10282
Relevant Lines: 11334

💛 - Coveralls

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.


## Глобальные брейкпоинты
Как уже было сказано, по умолчанию брейкпоинты в компонентах установлены на `1024px`.
Это значение можно переопределить глобально. Для этого необходимо подключить в корневой CSS файл необходимый брейкпоинт.
Copy link
Contributor

@SiebenSieben SiebenSieben May 22, 2024

Choose a reason for hiding this comment

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

Если это нужно в теме corp, то может сразу в неё подключить?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Думаю, пусть сами поправят, во избежание непредвиденных поломок.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@NikitaRodyukov
Copy link
Contributor

Потестил доработку у нас в сторибуке, все ок, если не выпиливать css переменные при сборке. Проблема будет в продуктовых командах которые выпиливают переменные, у них просто не будет работать

@SiebenSieben SiebenSieben changed the title feat/theme-breakpoint [WIP] feat/theme-breakpoint Jul 5, 2024
…heme_breakpoint

# Conflicts:
#	packages/button/src/Component.responsive.tsx
#	packages/shared/src/index.ts
@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@fulcanellee fulcanellee requested review from Oladii and removed request for Oladii July 12, 2024 14:10
@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

…heme_breakpoint

# Conflicts:
#	packages/calendar/src/Component.responsive.tsx
#	packages/checkbox-group/src/Component.responsive.tsx
#	packages/code-input/src/Component.responsive.tsx
#	packages/confirmation/src/component.responsive.tsx
#	packages/custom-picker-button/src/Component.responsive.tsx
#	packages/filter-tag/src/Component.responsive.tsx
#	packages/pattern-lock/src/Component.responsive.tsx
#	packages/plate/src/Component.responsive.tsx
#	packages/radio-group/src/Component.responsive.tsx
#	packages/tag/src/Component.responsive.tsx
#	packages/toast-plate/src/Component.responsive.tsx
#	packages/toast/src/Component.responsive.tsx
@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

…heme_breakpoint

# Conflicts:
#	packages/amount-input/package.json
#	packages/calendar-input/package.json
#	packages/checkbox-group/package.json
#	packages/code-input/package.json
#	packages/custom-picker-button/package.json
#	packages/date-range-input/package.json
#	packages/date-time-input/package.json
#	packages/filter-tag/package.json
#	packages/picker-button/package.json
#	packages/radio-group/package.json
#	packages/select-with-tags/package.json
#	packages/tag/package.json
#	packages/toast-plate/package.json
#	packages/toast/package.json
#	packages/tooltip/package.json
@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@NikitaRodyukov
Copy link
Contributor

Потестил доработку через js все ок

…heme_breakpoint

# Conflicts:
#	packages/amount-input/package.json
@core-ds-bot
Copy link
Collaborator

Собрана новая демка.

@SiebenSieben SiebenSieben changed the title [WIP] feat/theme-breakpoint feat/theme-breakpoint Sep 20, 2024
@fulcanellee fulcanellee merged commit d5fcb2f into master Sep 20, 2024
7 checks passed
@fulcanellee fulcanellee deleted the feat/theme_breakpoint branch September 20, 2024 10:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

8 participants