v2.2.1

2.2.1 (2022-05-16)

Bug Fixes

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

v2.2.0

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)

@yandex-cloud/uikit v2.1.1

Bug Fixes

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

@yandex-cloud/uikit v2.1.0

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)

@yandex-cloud/uikit v2.0.0

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

@yandex-cloud/uikit v1.10.0

Features

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

@yandex-cloud/uikit v1.9.0

Features

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

Bug Fixes

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

@yandex-cloud/uikit v1.8.1

Bug Fixes

• freeze deps (eca3184)

@yandex-cloud/uikit v1.8.0

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)

@yandex-cloud/uikit v1.7.0

Features

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