CHANGELOG.md

Changelog

3.0.1 (2022-09-09)

Bug Fixes

• build errors (#334) (9de0727)

3.0.0 (2022-09-08)

⚠ BREAKING CHANGES

• transfer package from yandex-cloud (#331)
• updated i18n, and remove it from peer deps

Setting language in uikit

v2

import {I18N} from '@yandex-cloud/i18n';

I18N.setDefaultLang('en');

v3

import {configure} from '@gravity-ui/uikit';

configure({lang: 'en'});

Features

• transfer package from yandex-cloud (#331) (2df769d)

2.15.0 (2022-09-07)

Features

• Button: added content and view to eventBroker meta (#319) (19a3463)

Bug Fixes

• relax RealTheme type for compatibility (#329) (a716448)

2.14.0 (2022-09-01)

Features

• added event broker to form components (#294) (c71d4ce)
• high-contrast themes (#316) (cfaf211)

2.13.4 (2022-08-22)

Bug Fixes

• ChangelogModal: fix sizes and margins (#310) (d6e0cae)

2.13.3 (2022-08-18)

Bug Fixes

• Select: calculate tick size from content (#313) (f40144e)

2.13.2 (2022-08-11)

Bug Fixes

• TextInput: increase css specificity to rewrite Button styles (#301) (def1da0)

2.13.1 (2022-08-10)

Bug Fixes

• StoreBadge: content image for StoreBadge with url (#299) (194fa66)

2.13.0 (2022-08-08)

Features

• Label: add closeButtonLabel prop (#292) (5b6499d)
• Modal: add contentClassName prop to the Modal component (#289) (79caad6)

2.12.0 (2022-08-02)

Features

• add ShareTooltip and StoreBadge components (#275) (8c38211)

2.11.0 (2022-08-01)

Features

• add ChangelogDialog component (#267) (4c51c2d)
• Popover: add prop to disable link styles (#280) (9ebb795)

Bug Fixes

• Button: do not reduce clickable area on click (#247) (8214da4)
• Text: fixed warning-heavy textColor variant (#264) (fb7efdc)
• withTableSettings: updateSettings can be a not async function (#256) (918a87b)

2.10.3 (2022-07-28)

Bug Fixes

• Button: add contrast for selected state in dark theme (#262) (cbb86ac)

2.10.2 (2022-07-28)

Bug Fixes

• Breadcrumbs: revert data pass to <Breadcrumbs.Item/> (#276) (5b4bc4b)

2.10.1 (2022-07-27)

Bug Fixes

• Breadcrumbs: i18n must be used inside component (#271) (ec479a2)
• Breadcrumbs: render custom divider before more button (#272) (353d13e)

2.10.0 (2022-07-21)

Features

• Link: add color scheme for a visited link (#243) (857e434)

2.9.0 (2022-07-20)

Features

• Icon: deprecate onClick (#240) (6936469)
• Select: add type=button for <SelectControl/> (#227) (47e0aeb)
• Toaster: move logic to React context (#211) (346cb95)
• Toaster: replace <Link/> in actions with <Button/> (#254) (f603711)

Bug Fixes

• correct target detection for shadow-dom (#213) (9a285be)
• Popover: add overflow-wrap (#226) (3bb01de)
• Toast: padding animation (#234) (8f9a750)
• Toast: remove on close (#218) (fad37d8)
• Toast: return height transition (#235) (8887881)

2.8.0 (2022-06-24)

Features

• popover applies actual visibility on autoclosable true (#206) (151273b)
• Table: add ability to set className of all cells in a column (#205) (b5e6608)

Bug Fixes

• Tabs: center tab content for horizontal tabs (#210) (af73379)
• textinput: set paddings for clear cross depending on size (#208) (0428ca2)
• ThemeProvider theme updating (#202) (4b0962d)

2.7.0 (2022-06-20)

Features

• allow use layers for Dialog/Modal/Popup with different root (#120) (b2782e6)
• Modal: color updates (#195) (be004a6)
• Text: a new component for working with typography (#141) (7837ee8)

Bug Fixes

• List: fix getContainer for sortable container (#190) (efb9257)
• Popover: should be no empty space above links block if no other content provided (#191) (8432fc1)
• Tabs: fix styles for vertical tabs (#177) (27b809f)
• Tabs: return missing spacing when wrapTo used (#198) (48ef89d)

2.6.0 (2022-06-15)

Features

• Popover: use "Delayed" as default behaviour (#193) (f9ade6f)

2.5.0 (2022-06-07)

Features

• I18N: add configure function for manage internal variables like language (#186) (bc3ee55)

Bug Fixes

• default cursor on disabled popover (#182) (2f3f19c)
• menu item qa prop (#181) (22a88ae)

2.4.2 (2022-05-30)

Bug Fixes

• Toaster: fix toast paddings (#172) (a762a01)

2.4.1 (2022-05-27)

Bug Fixes

• List: rerender list after changing activeItemIndex prop (#173) (23f9945)

2.4.0 (2022-05-25)

Features

• update blue color (#170) (2991b26)

2.3.1 (2022-05-19)

Bug Fixes

• replace font-weight usages with mixin (#167) (b38318f)

2.3.0 (2022-05-18)

Features

• new typography variables and mixins (#165) (c86012f)

2.2.2 (2022-05-17)

Bug Fixes

• Toaster: increase css specificity of close button mixin (#163) (17b4637)

2.2.1 (2022-05-16)

Bug Fixes

• RadioButton: fixed types (#160) (c5bd67a)

2.2.0 (2022-05-16)

Features

• tests: replace enzyme with react testing library (#157) (403b303)

Bug Fixes

• Popover: fix max-width css variable (#156) (7859c95)
• Toaster: fix toasts bg color (#158) (76023b7)

2.1.1 (2022-04-29)

Bug Fixes

• Select: fix readme (#152) (78b7194)
• Tabs: add white-space property (#155) (5a07d9b)

2.1.0 (2022-04-27)

Features

• add Stories component (#127) (74e45ba)
• List: add eventBroker for List (#132) (40e64b1)
• Select: improvements (#136) (46affd3)
• Stories: add props "disableOutsideClick" (#151) (358d0d9)
• Toaster: refresh design (#144) (b5996ef)
• Tooltip: add delay before opening/closing (#140) (b3da68c)
• translated DropdownMenu stories (#138) (5b1d083)

Bug Fixes

• checked components types (#129) (ba65eb4)
• Dialog: fix README (#139) (99c584a)
• Stories: add video looping (#149) (be7cb8c)
• Stories: fix right pane style (#147) (ad23e37)
• Stories: fixed styles according to the design (#143) (0cb5691)

2.0.0 (2022-04-08)

Typography

BREAKING

• CSS var renamed: --yc-font-family → --yc-text-body-font-family
• CSS var renamed: --yc-text-body-font-size → --yc-text-body-1-font-size
• CSS var renamed: --yc-text-body-line-height → --yc-text-body-1-line-height
• CSS var renamed: --yc-text-body2-font-size → --yc-text-body-2-font-size
• CSS var renamed: --yc-text-body2-line-height → --yc-text-body-2-line-height
• CSS var renamed: --yc-text-body3-font-size → --yc-text-body-3-font-size
• CSS var renamed: --yc-text-body3-line-height → --yc-text-body-3-line-height
• CSS var removed: --yc-text-lead-font-size (possible replacement - --yc-text-subheader-3-font-size)
• CSS var removed: --yc-text-lead-line-height (possible replacement - --yc-text-subheader-3-line-height)
• CSS var renamed: --yc-text-header-font-size → --yc-text-header-1-font-size
• CSS var renamed: --yc-text-header-line-height → --yc-text-header-1-line-height
• CSS var renamed: --yc-text-title-font-size → --yc-text-header-2-font-size
• CSS var renamed: --yc-text-title-line-height → --yc-text-header-2-line-height
• CSS var renamed: --yc-text-display1-font-size → --yc-text-display-1-font-size
• CSS var renamed: --yc-text-display1-line-height → --yc-text-display-1-line-height
• CSS var renamed: --yc-text-display2-font-size → --yc-text-display-2-font-size
• CSS var renamed: --yc-text-display2-line-height → --yc-text-display-2-line-height
• CSS var renamed: --yc-text-display3-font-size → --yc-text-display-3-font-size
• CSS var renamed: --yc-text-display3-line-height → --yc-text-display-3-line-height
• CSS var renamed: --yc-text-code-1-inline-font-size → --yc-text-code-inline-1-font-size
• CSS var renamed: --yc-text-code-1-inline-line-height → --yc-text-code-inline-1-line-height
• CSS var renamed: --yc-text-code-2-inline-font-size → --yc-text-code-inline-2-font-size
• CSS var renamed: --yc-text-code-2-inline-line-height → --yc-text-code-inline-2-line-height
• CSS var renamed: --yc-text-code-3-inline-font-size → --yc-text-code-inline-3-font-size
• CSS var renamed: --yc-text-code-3-inline-line-height → --yc-text-code-inline-3-line-height
• CSS var removed: --yc-text-code-font-size (possible replacement - --yc-text-code-1-font-size)
• CSS var removed: --yc-text-code-line-height (possible replacement - --yc-text-code-1-line-height)
• Body line-height: 16px → 18px

New

• CSS var added: --yc-text-body-short-font-size
• CSS var added: --yc-text-body-short-line-height
• CSS var added: --yc-text-header-font-weight
• CSS var added: --yc-text-subheader-font-weight
• CSS var added: --yc-text-display-font-weight
• CSS var added: --yc-text-display-4-font-size
• CSS var added: --yc-text-display-4-line-height
• CSS var added: --yc-text-subheader-1-font-size
• CSS var added: --yc-text-subheader-1-line-height
• CSS var added: --yc-text-subheader-2-font-size
• CSS var added: --yc-text-subheader-2-line-height
• CSS var added: --yc-text-subheader-3-font-size
• CSS var added: --yc-text-subheader-3-line-height
• CSS var added: --yc-text-caption-1-font-size
• CSS var added: --yc-text-caption-1-line-height
• CSS var added: --yc-text-caption-2-font-size
• CSS var added: --yc-text-caption-2-line-height
• Mixins added: text-body-1, text-body-2, text-body-3, text-body-short, text-caption-1, text-caption-2, text-header-1, text-header-2, text-subheader-1, text-subheader-2, text-subheader-3, text-display-1, text-display-2, text-display-3, text-display-4, text-code-1, text-code-2, text-code-3, text-code-inline-1, text-code-inline-2, text-code-inline-3

Styles

BREAKING

• CSS var removed: --yc-color-loader-active
• CSS var removed: --yc-color-loader-inactive
• CSS var removed: --yc-color-base-selection-solid, use --yc-color-base-selection
• CSS var removed: --yc-color-base-selection-hover-solid, use --yc-color-base-selection-hover
• CSS var renamed: --yc-tooltip-max-width → --yc-popover-max-width
• CSS var removed: --yc-tabs-space-between, use different sizes of Tabs
• CSS var removed: --yc-tab-item-horizontal-border-width, use different sizes of Tabs
• CSS var removed: --yc-tab-item-horizontal-height, use different sizes of Tabs

New

Some CSS variables are now available for overwrite. Every -yc-my-* variable can be set to redefine base theme. Here full list of such variables:

• --yc-my-scrollbar-width
• --yc-my-border-radius-s
• --yc-my-border-radius-m
• --yc-my-border-radius-l
• --yc-my-border-radius-xl
• --yc-my-color-brand-normal
• --yc-my-color-brand-normal-hover
• --yc-my-color-brand-light
• --yc-my-color-brand-selection
• --yc-my-color-brand-selection-hover
• --yc-my-color-brand-link
• --yc-my-color-brand-link-hover
• --yc-my-color-brand-text-contrast

Components

BREAKING

• DropdownMenu: default switcher size changed from s to m
• Button: clear view was removed, consider using flat-secondary instead
• Tooltip: component was renamed to Popover
• HelpTooltip: component was renamed to HelpPopover

New

• New Tooltip component
• Tabs: icon, counter and label can be set on TabsItem

Other

• Removed react-router-dom dependency

1.10.0 (2022-03-25)

Features

• Skeleton: inline styles (#116) (bfbde83)

1.9.0 (2022-03-22)

Features

• add Modal border-radius css var (#104) (34c5794)

Bug Fixes

• change Readme title for Breadcrumbs (#101) (93a2130)

1.8.1 (2022-03-18)

Bug Fixes

• freeze deps (eca3184)

1.8.0 (2022-03-10)

Features

• add eventBroker for Menu (#90) (8fbedce)
• ClipboardButton: improve a11y (#86) (907cadc)
• Tabs: improve a11y (#94) (da9f256)

Bug Fixes

• restore package-lock.json (#89) (7add961)
• TextInput: pass className to control (#99) (55fd5af)

1.7.0 (2022-02-04)

Features

• add Select component (#72) (3b9246a)

1.6.0 (2022-01-27)

Features

• border-radius tokens (#65) (d73c8ee)
• migrate Progress component (#42) (d0afc5e)
• migrate Tooltip and HelpTooltip components (#60) (c3128c8)

Bug Fixes

• List: clear timeout for delayed setState (#67) (217e72f)

1.5.0 (2022-01-25)

Features

• migrate ArrowToggle component (#61) (558bb2c)
• migrate Dialog component (#43) (894cab3)
• migrate Toaster component (#46) (5ec2569)

Bug Fixes

• List: remove type cast for getItemHeight (#59) (a352b21)
• remove Yandex proprietary fonts (#52) (5017d43)
• Table: actions button click triggers row action (#62) (00ba47d)

1.4.2 (2022-01-21)

Bug Fixes

• allow not to set a fixed height for non-virtualized lists (#54) (df17e41)

1.4.1 (2022-01-20)

Bug Fixes

• should export ListItem (#49) (10a9550)

1.4.0 (2022-01-18)

Features

• add Loader component (#37) (7d02c80)
• migrate Card component (#32) (bd52a23)

Bug Fixes

• ClipboardButton: correctly handle click event (b170ac0), closes #45
• ClipboardButton: should work properly (#47) (5c00db3)
• correctly show textarea resize control (#33) (bed5a23)

Performance Improvements

• small Table performance fixes (#40) (36bb4b4)

1.3.0 (2021-12-24)

Features

• migrate Table changes (9fc7627)

1.2.1 (2021-12-23)

Bug Fixes

• reexport common types (e1af8ed)
• reexport event-broker hooks (b76fe70)

1.2.0 (2021-12-23)

Features

• add interactive prop to Label (#25) (926d0c5)

Bug Fixes

• export useLayer hook (#23) (10e3380)
• remove unnecessary pointer-events of Label (#27) (3e18385)
• root scss variable (#22) (dfb9131)

1.1.4 (2021-12-22)

Bug Fixes

• compile js files via tsc aswell (efa9914)

1.1.3 (2021-12-16)

Bug Fixes

• correctly copy js files to build (54a63ba)
• reexport ThemeValueContext (b972b95)

1.1.2 (2021-12-16)

Bug Fixes

• reexport List and Table from index (6e5379f)

1.1.1 (2021-12-16)

Bug Fixes

• reexport RadioGroup from index (f45339a)

1.1.0 (2021-12-16)

Features

• migrate current code (#6) (7e729f2)
• migrate RadioGroup component (#3) (c3508f3)