3.13.1 (2022-12-20)
3.13.0 (2022-12-20)
3.12.0 (2022-12-19)
3.11.0 (2022-12-14)
- ArrowToggle: normal flip behavior #115 (#419) (081292f)
- use native scrollbar on mobile devices (#395) (83c5851)
3.10.2 (2022-12-13)
3.10.1 (2022-12-12)
3.10.0 (2022-12-12)
- ShareTooltip: popup default options container width (#410) (7cf7435)
- Tooltip: fix transition glitch on nearby tooltips (#408) (7f7f752)
- Tooltip: tooltip sometimes gets stuck on an element (#413) (2fdab3f)
- withTableSelection: range select must ignore disabled lines (#414) (5b50237)
3.9.2 (2022-12-07)
3.9.1 (2022-12-06)
- DropdownMenu.Item: allow
children
(#402) (253e291) - Menu.Item: remove
onClick
from disabled items (#404) (1394457)
3.9.0 (2022-12-06)
3.8.0 (2022-12-05)
- DropdownMenu: allow
<DropdownMenu.Item/>
w/outaction
(#392) (a606920) - DropdownMenu: extract
<DropdownMenu.Item/>
(#397) (1307f87) - ShareTooltip: add LinkedIn as one of default SM sharing option (#383) (5aacc1a)
- DropdownMenu: close opened menu on disable (#393) (14ba916)
- DropdownMenu: trigger callback on each state change (#394) (a70b248)
3.7.0 (2022-12-01)
3.6.0 (2022-11-18)
- CopyToClipboard: add options (#378) (80c5329)
- Label: support action button in all themes (#381) (7bdcce9)
- List: remove pointer-events from disabled items (#382) (c6367cf)
3.5.0 (2022-11-09)
- Select: move selection logic to useSelect (#370) (dcf97a4)
- Table: add possibility to range select with shift key pressed (#374) (d76407f)
3.4.0 (2022-11-01)
3.3.0 (2022-10-20)
3.2.0 (2022-10-19)
3.1.3 (2022-10-18)
- Select: prevent page scrolling after first click (#364) (3320a7e)
- use directly import from lodash (#359) (490cf20)
3.1.2 (2022-10-14)
3.1.1 (2022-10-13)
- Add missing --yc-color-base-modal for light-hc (#352) (db14312)
- update hc colors for generic-accent-disabled (#355) (2760749)
3.1.0 (2022-10-03)
3.0.2 (2022-09-26)
- loose i18n typings (#345) (5612aee)
- RadioButton: fix option icon styles (#339) (ea9e31f)
- use background-size as percent value for loading button for safari (#342) (c0ec61b)
3.0.1 (2022-09-09)
3.0.0 (2022-09-08)
- transfer package from yandex-cloud (#331)
- updated i18n, and remove it from peer deps
- Popover: refactored to functional component, use
PopoverInstanceProps
type as ref type for public methods
v2
import {I18N} from '@yandex-cloud/i18n';
I18N.setDefaultLang('en');
v3
import {configure} from '@gravity-ui/uikit';
configure({lang: 'en'});
2.15.0 (2022-09-07)
2.14.0 (2022-09-01)
2.13.4 (2022-08-22)
2.13.3 (2022-08-18)
2.13.2 (2022-08-11)
2.13.1 (2022-08-10)
2.13.0 (2022-08-08)
- Label: add
closeButtonLabel
prop (#292) (5b6499d) - Modal: add contentClassName prop to the Modal component (#289) (79caad6)
2.12.0 (2022-08-02)
2.11.0 (2022-08-01)
- add ChangelogDialog component (#267) (4c51c2d)
- Popover: add prop to disable link styles (#280) (9ebb795)
- 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)
2.10.2 (2022-07-28)
2.10.1 (2022-07-27)
- Breadcrumbs: i18n must be used inside component (#271) (ec479a2)
- Breadcrumbs: render custom divider before more button (#272) (353d13e)
2.10.0 (2022-07-21)
2.9.0 (2022-07-20)
- 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)
- 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)
- popover applies actual visibility on autoclosable true (#206) (151273b)
- Table: add ability to set className of all cells in a column (#205) (b5e6608)
- 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)
- 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)
- 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)
2.5.0 (2022-06-07)
2.4.2 (2022-05-30)
2.4.1 (2022-05-27)
2.4.0 (2022-05-25)
2.3.1 (2022-05-19)
2.3.0 (2022-05-18)
2.2.2 (2022-05-17)
2.2.1 (2022-05-16)
2.2.0 (2022-05-16)
2.1.1 (2022-04-29)
2.1.0 (2022-04-27)
- 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)
- 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)
- 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
- 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
- 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
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
- DropdownMenu: default switcher size changed from
s
tom
- Button:
clear
view was removed, consider usingflat-secondary
instead - Tooltip: component was renamed to
Popover
- HelpTooltip: component was renamed to
HelpPopover
- New
Tooltip
component - Tabs: icon, counter and label can be set on TabsItem
- Removed
react-router-dom
dependency
1.10.0 (2022-03-25)
1.9.0 (2022-03-22)
1.8.1 (2022-03-18)
- freeze deps (eca3184)
1.8.0 (2022-03-10)
- add eventBroker for Menu (#90) (8fbedce)
- ClipboardButton: improve a11y (#86) (907cadc)
- Tabs: improve a11y (#94) (da9f256)
1.7.0 (2022-02-04)
1.6.0 (2022-01-27)
- border-radius tokens (#65) (d73c8ee)
- migrate Progress component (#42) (d0afc5e)
- migrate Tooltip and HelpTooltip components (#60) (c3128c8)
1.5.0 (2022-01-25)
- migrate ArrowToggle component (#61) (558bb2c)
- migrate Dialog component (#43) (894cab3)
- migrate Toaster component (#46) (5ec2569)
- 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)
1.4.1 (2022-01-20)
1.4.0 (2022-01-18)
- ClipboardButton: correctly handle click event (b170ac0), closes #45
- ClipboardButton: should work properly (#47) (5c00db3)
- correctly show textarea resize control (#33) (bed5a23)
1.3.0 (2021-12-24)
- migrate Table changes (9fc7627)
1.2.1 (2021-12-23)
1.2.0 (2021-12-23)
- export useLayer hook (#23) (10e3380)
- remove unnecessary pointer-events of Label (#27) (3e18385)
- root scss variable (#22) (dfb9131)
1.1.4 (2021-12-22)
- compile js files via tsc aswell (efa9914)
1.1.3 (2021-12-16)
1.1.2 (2021-12-16)
- reexport List and Table from index (6e5379f)
1.1.1 (2021-12-16)
- reexport RadioGroup from index (f45339a)