├── .browserslistrc ├── .config ├── build.config.js ├── jest │ ├── __mocks__ │ │ └── noop.js │ ├── jest.config.js │ └── jest.setup.js ├── postcss-hermione.config.js ├── postcss.config.js ├── pr-description-config-standalone.json └── themekit.config.json ├── .editorconfig ├── .eslintrc ├── .gitignore ├── .mapping.json ├── .nvmrc ├── .prettierrc ├── .storybook ├── decorators │ ├── reset-style.js │ └── theme-provider.js ├── main.js ├── manager-head.html ├── manager.js └── preview.js ├── .stylelintrc ├── .yaspellerrc ├── AUTHORS.md ├── CONTRIBUTING.md ├── LICENSE.md ├── README.md ├── a.yaml ├── package.json ├── scripts └── build-and-deploy-website.js ├── src ├── Attach │ ├── Attach.const │ │ └── index.ts │ ├── Attach.css │ ├── Attach.registry │ │ ├── desktop.ts │ │ ├── interface.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Attach.tokens │ │ ├── Attach.mapper.yml │ │ └── Attach.tokens.yml │ ├── Attach.tsx │ ├── Attach@desktop.tsx │ ├── Attach@touch-pad.tsx │ ├── Attach@touch-phone.tsx │ ├── Control │ │ ├── Attach-Control.css │ │ └── Attach-Control.tsx │ ├── Holder │ │ ├── Attach-Holder.css │ │ └── Attach-Holder.tsx │ ├── IconFile │ │ ├── Attach-IconFile.css │ │ └── IconFile.assets │ │ │ └── icon-file.png │ ├── Reset │ │ ├── Attach-Reset.css │ │ └── Reset.assets │ │ │ └── reset.svg │ ├── __examples__ │ │ ├── hasHolder.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── theme.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Attach.node.test.tsx │ │ ├── Attach.test.tsx │ │ └── __snapshots__ │ │ │ └── Attach.test.tsx.snap │ ├── _size │ │ ├── Attach_size_l.css │ │ ├── Attach_size_l.tsx │ │ ├── Attach_size_m.css │ │ ├── Attach_size_m.tsx │ │ ├── Attach_size_s.css │ │ └── Attach_size_s.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Badge │ ├── Badge.css │ ├── Badge.tokens │ │ └── Badge.tokens.yml │ ├── Badge.tsx │ ├── __examples__ │ │ ├── badgeInButton.tsx │ │ ├── iconWithBadgeContent.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ └── withBadgeContent.tsx │ ├── __tests__ │ │ ├── Badge.node.test.tsx │ │ ├── Badge.test.tsx │ │ └── __snapshots__ │ │ │ └── Badge.test.tsx.snap │ ├── desktop │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ └── index.ts │ └── touch-phone │ │ └── index.ts ├── Button │ ├── Button.css │ ├── Button.tokens │ │ ├── Button.mapper.yml │ │ └── Button.tokens.yml │ ├── Button.tsx │ ├── Button@desktop.css │ ├── Button@desktop.tsx │ ├── Button@touch-pad.tsx │ ├── Button@touch-phone.tsx │ ├── ButtonCn.tsx │ ├── Icon │ │ ├── Button-Icon.css │ │ └── Button-Icon.tsx │ ├── Text │ │ ├── Button-Text.css │ │ └── Button-Text.tsx │ ├── __examples__ │ │ ├── baseline.tsx │ │ ├── content.tsx │ │ ├── custom-content.tsx │ │ ├── index.examples.tsx │ │ ├── perf.tsx │ │ ├── pin.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── states.tsx │ │ ├── theme.tsx │ │ ├── view.tsx │ │ └── width.tsx │ ├── __tests__ │ │ ├── Button.node.test.tsx │ │ ├── Button.test.tsx │ │ ├── Button_type_link.node.test.tsx │ │ ├── Button_type_link.test.tsx │ │ └── __snapshots__ │ │ │ ├── Button.test.tsx.snap │ │ │ └── Button_type_link.test.tsx.snap │ ├── _baseline │ │ ├── Button_baseline.css │ │ └── Button_baseline.tsx │ ├── _pin │ │ ├── Button_pin_brick-brick.css │ │ ├── Button_pin_brick-brick.tsx │ │ ├── Button_pin_brick-circle.css │ │ ├── Button_pin_brick-circle.tsx │ │ ├── Button_pin_brick-clear.css │ │ ├── Button_pin_brick-clear.tsx │ │ ├── Button_pin_brick-round.css │ │ ├── Button_pin_brick-round.tsx │ │ ├── Button_pin_circle-brick.css │ │ ├── Button_pin_circle-brick.tsx │ │ ├── Button_pin_circle-circle.css │ │ ├── Button_pin_circle-circle.tsx │ │ ├── Button_pin_circle-clear.css │ │ ├── Button_pin_circle-clear.tsx │ │ ├── Button_pin_clear-brick.css │ │ ├── Button_pin_clear-brick.tsx │ │ ├── Button_pin_clear-circle.css │ │ ├── Button_pin_clear-circle.tsx │ │ ├── Button_pin_clear-clear.css │ │ ├── Button_pin_clear-clear.tsx │ │ ├── Button_pin_clear-round.css │ │ ├── Button_pin_clear-round.tsx │ │ ├── Button_pin_round-brick.css │ │ ├── Button_pin_round-brick.tsx │ │ ├── Button_pin_round-clear.css │ │ └── Button_pin_round-clear.tsx │ ├── _size │ │ ├── Button_size_l.css │ │ ├── Button_size_l.tsx │ │ ├── Button_size_m.css │ │ ├── Button_size_m.tsx │ │ ├── Button_size_s.css │ │ └── Button_size_s.tsx │ ├── _theme │ │ ├── Button_theme_action.css │ │ ├── Button_theme_action.tsx │ │ ├── Button_theme_action@desktop.css │ │ ├── Button_theme_action@desktop.tsx │ │ ├── Button_theme_clear.css │ │ ├── Button_theme_clear.tsx │ │ ├── Button_theme_clear@desktop.css │ │ ├── Button_theme_clear@desktop.tsx │ │ ├── Button_theme_link.css │ │ ├── Button_theme_link.tsx │ │ ├── Button_theme_normal.css │ │ ├── Button_theme_normal.tsx │ │ ├── Button_theme_normal@desktop.css │ │ ├── Button_theme_normal@desktop.tsx │ │ ├── Button_theme_pseudo.css │ │ ├── Button_theme_pseudo.tsx │ │ ├── Button_theme_pseudo@desktop.css │ │ ├── Button_theme_pseudo@desktop.tsx │ │ ├── Button_theme_raised.css │ │ ├── Button_theme_raised.tsx │ │ ├── Button_theme_raised@desktop.css │ │ ├── Button_theme_raised@desktop.tsx │ │ ├── Button_theme_websearch.css │ │ ├── Button_theme_websearch.tsx │ │ ├── Button_theme_websearch@desktop.css │ │ └── Button_theme_websearch@desktop.tsx │ ├── _type │ │ ├── Button_type_link.tsx │ │ └── Button_type_submit.tsx │ ├── _view │ │ ├── Button_view_action.css │ │ ├── Button_view_action.tsx │ │ ├── Button_view_action@desktop.css │ │ ├── Button_view_action@desktop.tsx │ │ ├── Button_view_clear.css │ │ ├── Button_view_clear.tsx │ │ ├── Button_view_clear@desktop.css │ │ ├── Button_view_clear@desktop.tsx │ │ ├── Button_view_default.css │ │ ├── Button_view_default.tsx │ │ ├── Button_view_default@desktop.css │ │ ├── Button_view_default@desktop.tsx │ │ ├── Button_view_link.css │ │ ├── Button_view_link.tsx │ │ ├── Button_view_link@desktop.css │ │ ├── Button_view_link@desktop.tsx │ │ ├── Button_view_pseudo.css │ │ ├── Button_view_pseudo.tsx │ │ ├── Button_view_pseudo@desktop.css │ │ ├── Button_view_pseudo@desktop.tsx │ │ ├── Button_view_raised.css │ │ ├── Button_view_raised.tsx │ │ ├── Button_view_raised@desktop.css │ │ └── Button_view_raised@desktop.tsx │ ├── _width │ │ ├── Button_width_auto.css │ │ ├── Button_width_auto.tsx │ │ ├── Button_width_max.css │ │ └── Button_width_max.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── mixins │ │ ├── Button_base.pcss │ │ ├── Button_checked-hovered.pcss │ │ ├── Button_checked.pcss │ │ ├── Button_clear-base.pcss │ │ ├── Button_clear-checked.pcss │ │ ├── Button_clear-disabled.pcss │ │ ├── Button_clear-hovered.pcss │ │ ├── Button_clear.pcss │ │ ├── Button_disabled.pcss │ │ ├── Button_filled.pcss │ │ ├── Button_focused.pcss │ │ ├── Button_hovered.pcss │ │ ├── Button_outlined-base.pcss │ │ ├── Button_outlined.pcss │ │ ├── Button_pressed.pcss │ │ ├── Button_progress.pcss │ │ ├── Button_raised.pcss │ │ └── Button_size.pcss │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── ButtonGroup │ ├── ButtonGroup.css │ ├── ButtonGroup.tokens │ │ └── ButtonGroup.tokens.yml │ ├── ButtonGroup.tsx │ ├── ButtonGroup.utils.tsx │ ├── __examples__ │ │ ├── SampleMenu.tsx │ │ ├── checkbox.examples.tsx │ │ ├── default.examples.tsx │ │ ├── disabled.examples.tsx │ │ ├── divider.examples.tsx │ │ ├── drop-down.examples.tsx │ │ ├── gap.examples.tsx │ │ ├── index.examples.tsx │ │ ├── pin.examples.tsx │ │ ├── playground.examples.tsx │ │ ├── radio.examples.tsx │ │ ├── rtl.examples.tsx │ │ ├── select.examples.tsx │ │ ├── showcase.examples.tsx │ │ ├── size.examples.tsx │ │ ├── split.css │ │ ├── split.examples.tsx │ │ ├── vertical.examples.tsx │ │ └── view.examples.tsx │ ├── __tests__ │ │ ├── ButtonGroup.node.test.tsx │ │ ├── ButtonGroup.test.tsx │ │ └── __snapshots__ │ │ │ └── ButtonGroup.test.tsx.snap │ ├── _gap │ │ ├── ButtonGroup_gap_l.css │ │ ├── ButtonGroup_gap_l.tsx │ │ ├── ButtonGroup_gap_m.css │ │ ├── ButtonGroup_gap_m.tsx │ │ ├── ButtonGroup_gap_s.css │ │ ├── ButtonGroup_gap_s.tsx │ │ ├── ButtonGroup_gap_xl.css │ │ └── ButtonGroup_gap_xl.tsx │ ├── _pin │ │ ├── ButtonGroup_pin_base.css │ │ ├── ButtonGroup_pin_circle.css │ │ ├── ButtonGroup_pin_circle.tsx │ │ ├── ButtonGroup_pin_round.css │ │ └── ButtonGroup_pin_round.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Checkbox │ ├── Box │ │ ├── Checkbox-Box.css │ │ ├── Checkbox-Box.tsx │ │ ├── Checkbox-Box@desktop.css │ │ └── Checkbox-Box@desktop.tsx │ ├── Checkbox.css │ ├── Checkbox.registry │ │ ├── desktop.ts │ │ ├── interface.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Checkbox.tokens │ │ ├── Checkbox.mapper.yml │ │ └── Checkbox.tokens.yml │ ├── Checkbox.tsx │ ├── Checkbox@desktop.css │ ├── Checkbox@desktop.tsx │ ├── Checkbox@touch-pad.tsx │ ├── Checkbox@touch-phone.tsx │ ├── Control │ │ ├── Checkbox-Control.css │ │ ├── Checkbox-Control.tsx │ │ ├── Checkbox-Control@desktop.css │ │ └── Checkbox-Control@desktop.tsx │ ├── Label │ │ ├── Checkbox-Label.css │ │ ├── Checkbox-Label.tsx │ │ ├── Checkbox-Label@desktop.css │ │ └── Checkbox-Label@desktop.tsx │ ├── Tick │ │ ├── Checkbox-Tick.assets │ │ │ ├── tick-m.svg │ │ │ └── tick-s.svg │ │ ├── Checkbox-Tick.css │ │ ├── Checkbox-Tick.tsx │ │ ├── Checkbox-Tick@desktop.css │ │ └── Checkbox-Tick@desktop.tsx │ ├── __examples__ │ │ ├── indeterminate.tsx │ │ ├── index.examples.tsx │ │ ├── lines.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── theme.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Checkbox.node.test.tsx │ │ ├── Checkbox.test.tsx │ │ └── __snapshots__ │ │ │ └── Checkbox.test.tsx.snap │ ├── _indeterminate │ │ ├── Checkbox_indeterminate.assets │ │ │ ├── indeterminate-black.svg │ │ │ └── indeterminate-white.svg │ │ ├── Checkbox_indeterminate.css │ │ └── Checkbox_indeterminate.tsx │ ├── _lines │ │ ├── Checkbox_lines_multi.css │ │ ├── Checkbox_lines_multi.tsx │ │ ├── Checkbox_lines_one.css │ │ └── Checkbox_lines_one.tsx │ ├── _size │ │ ├── Checkbox_size_m.css │ │ ├── Checkbox_size_m.tsx │ │ ├── Checkbox_size_s.css │ │ └── Checkbox_size_s.tsx │ ├── _theme │ │ ├── Checkbox_theme_normal.css │ │ ├── Checkbox_theme_normal.tsx │ │ ├── Checkbox_theme_normal@desktop.css │ │ ├── Checkbox_theme_normal@desktop.tsx │ │ ├── Checkbox_theme_pseudo.css │ │ ├── Checkbox_theme_pseudo.tsx │ │ ├── Checkbox_theme_pseudo@desktop.css │ │ └── Checkbox_theme_pseudo@desktop.tsx │ ├── _view │ │ ├── Checkbox_view_default.css │ │ ├── Checkbox_view_default.tsx │ │ ├── Checkbox_view_default@desktop.css │ │ ├── Checkbox_view_default@desktop.tsx │ │ ├── Checkbox_view_outline.css │ │ ├── Checkbox_view_outline.tsx │ │ ├── Checkbox_view_outline@desktop.css │ │ └── Checkbox_view_outline@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Divider │ ├── Divider.css │ ├── Divider.tokens │ │ └── Divider.tokens.yml │ ├── Divider.tsx │ ├── Line │ │ └── Divider-Line.tsx │ ├── __examples__ │ │ ├── color.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── simple.tsx │ │ ├── size.tsx │ │ ├── withStyles.tsx │ │ └── withText.tsx │ ├── __tests__ │ │ ├── Divider.node.test.tsx │ │ ├── Divider.test.tsx │ │ └── __snapshots__ │ │ │ └── Divider.test.tsx.snap │ ├── desktop │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ └── index.ts │ └── touch-phone │ │ └── index.ts ├── Drawer │ ├── Content │ │ └── Drawer-Content.tsx │ ├── Drawer.const │ │ └── index.ts │ ├── Drawer.css │ ├── Drawer.examples │ │ └── touch-phone │ │ │ ├── big.examples.tsx │ │ │ ├── custom-title.examples.tsx │ │ │ ├── fixed.examples.tsx │ │ │ ├── index.examples.tsx │ │ │ ├── nested.examples.tsx │ │ │ ├── onOpenEnd.examples.tsx │ │ │ ├── playground.examples.tsx │ │ │ └── small.examples.tsx │ ├── Drawer.registry │ │ ├── index.ts │ │ └── touch-phone.ts │ ├── Drawer.tsx │ ├── Drawer.utils │ │ ├── index.ts │ │ ├── noop.ts │ │ ├── useClientHeight.ts │ │ ├── useDrag.ts │ │ └── useSpring.ts │ ├── Drawer@touch-phone.tsx │ ├── __tests__ │ │ ├── Drawer.node.test.tsx │ │ ├── Drawer.test.tsx │ │ └── __snapshots__ │ │ │ └── Drawer.test.tsx.snap │ ├── _view │ │ ├── Drawer_view_default.css │ │ └── Drawer_view_default.ts │ ├── readme.md │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Dropdown │ ├── Dropdown.css │ ├── Dropdown.tsx │ ├── __examples__ │ │ ├── SampleMenu.tsx │ │ ├── arrow.tsx │ │ ├── common.tsx │ │ ├── directions.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── split.tsx │ │ └── tail.tsx │ ├── __tests__ │ │ ├── Dropdown.node.test.tsx │ │ ├── Dropdown.test.tsx │ │ └── __snapshots__ │ │ │ └── Dropdown.test.tsx.snap │ ├── desktop │ │ └── index.ts │ ├── readme.md │ ├── touch-pad │ │ └── index.ts │ └── touch-phone │ │ └── index.ts ├── Header │ ├── Button │ │ ├── _view │ │ │ ├── Button_view_search-arrow.css │ │ │ └── Button_view_search-arrow.tsx │ │ └── index.ts │ ├── Header.const.ts │ ├── Header.css │ ├── Header.tokens │ │ └── Header.tokens.yml │ ├── Header.tsx │ ├── Icons │ │ ├── Header-Icons.css │ │ ├── Header-Icons.tsx │ │ ├── Icons.assets │ │ │ ├── mirror.svg │ │ │ ├── news.svg │ │ │ ├── sport.svg │ │ │ └── weather.svg │ │ ├── Inline-Icons.css │ │ ├── Inline-Icons.tsx │ │ ├── Mirror-Icon.css │ │ ├── Mirror-Icon.tsx │ │ ├── News-Icon.css │ │ ├── News-Icon.tsx │ │ ├── Services-Icon.css │ │ ├── Services-Icon.tsx │ │ ├── Sport-Icon.css │ │ ├── Sport-Icon.tsx │ │ ├── Weather-Icon.css │ │ └── Weather-Icon.tsx │ ├── Logo │ │ ├── Header-Logo.css │ │ ├── Header-Logo.tsx │ │ ├── Inline-Logo.css │ │ ├── Inline-Logo.tsx │ │ ├── Logo.assets │ │ │ ├── rebrand │ │ │ │ ├── yandex-circle-en.svg │ │ │ │ ├── yandex-circle-ru.svg │ │ │ │ ├── yandex-en.svg │ │ │ │ └── yandex-ru.svg │ │ │ ├── yandex-circle-en.svg │ │ │ ├── yandex-circle-ru.svg │ │ │ ├── yandex-en.svg │ │ │ └── yandex-ru.svg │ │ ├── Logoaas.css │ │ ├── Logoaas.tsx │ │ └── Logoaas.utils.ts │ ├── Nav │ │ ├── Header-Nav.css │ │ └── Header-Nav.tsx │ ├── Search │ │ ├── Header-Search.css │ │ └── Header-Search.tsx │ ├── Textinput │ │ ├── _view │ │ │ ├── Textinput_view_search-arrow.css │ │ │ └── Textinput_view_search-arrow.tsx │ │ └── index.ts │ ├── __examples__ │ │ ├── assets │ │ │ ├── auto.svg │ │ │ ├── burger-red.svg │ │ │ └── burger.svg │ │ ├── autoru.tsx │ │ ├── directory.tsx │ │ ├── icons.tsx │ │ ├── index.examples.tsx │ │ ├── inlinelogo.tsx │ │ ├── local.tsx │ │ ├── logoaas.tsx │ │ ├── mirror.tsx │ │ ├── moe.tsx │ │ ├── nav.tsx │ │ ├── playground.tsx │ │ ├── q.tsx │ │ ├── serpheader.tsx │ │ ├── sport.tsx │ │ ├── trip.tsx │ │ ├── tui.tsx │ │ ├── weather.tsx │ │ ├── web4.tsx │ │ ├── yandexlogo.tsx │ │ └── zenvideo.tsx │ ├── __tests__ │ │ ├── Header.hermione.ts │ │ ├── Header.node.test.tsx │ │ ├── Header.test.tsx │ │ ├── Logo.test.tsx │ │ ├── __snapshots__ │ │ │ ├── Header.test.tsx.snap │ │ │ └── Logo.test.tsx.snap │ │ ├── scenarios │ │ │ ├── default.tsx │ │ │ ├── logo.tsx │ │ │ ├── scenarios.examples.tsx │ │ │ ├── search.tsx │ │ │ └── tabs.tsx │ │ └── screens │ │ │ ├── 235673d │ │ │ ├── linux-chrome │ │ │ │ └── Default.png │ │ │ ├── linux-firefox │ │ │ │ └── Default.png │ │ │ └── win-ie11 │ │ │ │ └── Default.png │ │ │ ├── 29daba9 │ │ │ ├── linux-chrome │ │ │ │ ├── Tabs.png │ │ │ │ └── hovered.png │ │ │ ├── linux-firefox │ │ │ │ ├── Tabs.png │ │ │ │ └── hovered.png │ │ │ └── win-ie11 │ │ │ │ ├── Tabs.png │ │ │ │ └── hovered.png │ │ │ ├── 49824ed │ │ │ ├── linux-chrome │ │ │ │ └── Logo.png │ │ │ ├── linux-firefox │ │ │ │ └── Logo.png │ │ │ └── win-ie11 │ │ │ │ └── Logo.png │ │ │ └── b4c4583 │ │ │ ├── linux-chrome │ │ │ └── Search-arrow.png │ │ │ ├── linux-firefox │ │ │ └── Search-arrow.png │ │ │ └── win-ie11 │ │ │ └── Search-arrow.png │ ├── desktop │ │ └── index.ts │ ├── index.ts │ └── readme.md ├── Icon │ ├── Icon.css │ ├── Icon.tsx │ ├── __examples__ │ │ ├── custom-icon.svg │ │ ├── custom.tsx │ │ ├── direction.tsx │ │ ├── glyph.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── style.tsx │ │ └── type.tsx │ ├── __tests__ │ │ ├── Icon.node.test.tsx │ │ ├── Icon.test.tsx │ │ └── __snapshots__ │ │ │ └── Icon.test.tsx.snap │ ├── _glyph │ │ ├── Icon_glyph.css │ │ ├── Icon_glyph_carets-v.css │ │ ├── Icon_glyph_carets-v.tsx │ │ ├── Icon_glyph_type-arrow.css │ │ ├── Icon_glyph_type-arrow.tsx │ │ ├── Icon_glyph_type-check.css │ │ ├── Icon_glyph_type-check.tsx │ │ ├── Icon_glyph_type-close.css │ │ ├── Icon_glyph_type-close.tsx │ │ ├── Icon_glyph_type-cross-websearch.css │ │ ├── Icon_glyph_type-cross-websearch.tsx │ │ ├── Icon_glyph_type-cross.css │ │ ├── Icon_glyph_type-cross.tsx │ │ ├── Icon_glyph_type-filter.css │ │ ├── Icon_glyph_type-filter.tsx │ │ ├── Icon_glyph_type-indeterminate.css │ │ ├── Icon_glyph_type-indeterminate.tsx │ │ ├── Icon_glyph_type-tick.css │ │ ├── Icon_glyph_type-tick.tsx │ │ ├── Icon_glyph_type_load@test.tsx │ │ ├── Icon_glyph_x-sign.css │ │ └── Icon_glyph_x-sign.tsx │ ├── _type │ │ ├── Icon_type_arrow.css │ │ ├── Icon_type_arrow.tsx │ │ ├── Icon_type_close.css │ │ ├── Icon_type_close.tsx │ │ ├── Icon_type_cross-websearch.css │ │ ├── Icon_type_cross-websearch.tsx │ │ ├── Icon_type_cross.css │ │ ├── Icon_type_cross.tsx │ │ ├── Icon_type_filter.css │ │ ├── Icon_type_filter.tsx │ │ ├── Icon_type_home@tests.css │ │ ├── Icon_type_home@tests.tsx │ │ ├── Icon_type_load@tests.css │ │ ├── Icon_type_load@tests.tsx │ │ ├── Icon_type_location@tests.css │ │ ├── Icon_type_location@tests.tsx │ │ ├── Icon_type_play@tests.css │ │ ├── Icon_type_play@tests.tsx │ │ ├── icon_type.assets │ │ │ ├── android.png │ │ │ ├── camera.png │ │ │ ├── camera.svg │ │ │ ├── download.png │ │ │ ├── download.svg │ │ │ ├── fav.png │ │ │ ├── home.png │ │ │ ├── home.svg │ │ │ ├── load.png │ │ │ ├── load.svg │ │ │ ├── location.png │ │ │ ├── location.svg │ │ │ ├── play.png │ │ │ ├── play.svg │ │ │ ├── print.png │ │ │ ├── print.svg │ │ │ ├── route.png │ │ │ ├── route.svg │ │ │ ├── trash.png │ │ │ └── trash.svg │ │ ├── icon_type_arrow.assets │ │ │ ├── arrow-b-xs.svg │ │ │ ├── arrow-b.svg │ │ │ ├── arrow-l-xs.svg │ │ │ ├── arrow-l.svg │ │ │ ├── arrow-r-xs.svg │ │ │ ├── arrow-r.svg │ │ │ ├── arrow-t-xs.svg │ │ │ └── arrow-t.svg │ │ ├── icon_type_close.assets │ │ │ └── close.svg │ │ ├── icon_type_cross-websearch.assets │ │ │ └── cross-websearch.svg │ │ ├── icon_type_cross.assets │ │ │ ├── cross-m.svg │ │ │ └── cross-s.svg │ │ └── icon_type_filter.assets │ │ │ └── filter.svg │ ├── bundle.ts │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Image │ ├── Image.assets │ │ ├── 1x1@1x.png │ │ ├── 2x1@1x.png │ │ ├── img-540w.png │ │ ├── img-700w.png │ │ └── img-not-found.png │ ├── Image.css │ ├── Image.tsx │ ├── __examples__ │ │ ├── index.examples.tsx │ │ ├── load-error-stub.tsx │ │ ├── playground.tsx │ │ ├── sizes-srcset.tsx │ │ └── width-height.tsx │ ├── __tests__ │ │ ├── Image.node.test.tsx │ │ ├── Image.test.tsx │ │ └── __snapshots__ │ │ │ └── Image.test.tsx.snap │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── LayerManager │ ├── LayerManager.tsx │ ├── __examples__ │ │ ├── complex-modal.tsx │ │ ├── complex-popup.tsx │ │ └── index.examples.tsx │ ├── __tests__ │ │ ├── LayerManager.hermione-sample.tsx │ │ ├── LayerManager.hermione.ts │ │ ├── LayerManager.test.tsx │ │ ├── __screenshots__ │ │ │ └── unmount-trigger-on-click │ │ │ │ ├── linux-chrome │ │ │ │ ├── after-click.png │ │ │ │ └── before-click.png │ │ │ │ ├── linux-firefox │ │ │ │ ├── after-click.png │ │ │ │ └── before-click.png │ │ │ │ └── win-ie11 │ │ │ │ ├── after-click.png │ │ │ │ └── before-click.png │ │ └── scenarios │ │ │ └── unmount.tsx │ ├── index.ts │ └── readme.md ├── Link │ ├── Link.css │ ├── Link.tokens │ │ └── Link.tokens.yml │ ├── Link.tsx │ ├── Link@desktop.css │ ├── Link@desktop.tsx │ ├── __examples__ │ │ ├── disabled.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── pseudo.tsx │ │ ├── theme.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Link.node.test.tsx │ │ ├── Link.test.tsx │ │ └── __snapshots__ │ │ │ └── Link.test.tsx.snap │ ├── _pseudo │ │ └── Link_pseudo.tsx │ ├── _theme │ │ ├── Link_theme_black.css │ │ ├── Link_theme_black.tsx │ │ ├── Link_theme_black@desktop.css │ │ ├── Link_theme_black@desktop.tsx │ │ ├── Link_theme_ghost.css │ │ ├── Link_theme_ghost.tsx │ │ ├── Link_theme_ghost@desktop.css │ │ ├── Link_theme_ghost@desktop.tsx │ │ ├── Link_theme_normal.css │ │ ├── Link_theme_normal.tsx │ │ ├── Link_theme_normal@desktop.css │ │ ├── Link_theme_normal@desktop.tsx │ │ ├── Link_theme_normal@touch-phone.css │ │ ├── Link_theme_normal@touch-phone.tsx │ │ ├── Link_theme_outer.css │ │ ├── Link_theme_outer.tsx │ │ ├── Link_theme_outer@desktop.css │ │ ├── Link_theme_outer@desktop.tsx │ │ ├── Link_theme_pseudo.css │ │ ├── Link_theme_pseudo.tsx │ │ ├── Link_theme_pseudo@desktop.css │ │ ├── Link_theme_pseudo@desktop.tsx │ │ ├── Link_theme_pseudo@touch-phone.css │ │ ├── Link_theme_pseudo@touch-phone.tsx │ │ ├── Link_theme_strong.css │ │ ├── Link_theme_strong.tsx │ │ ├── Link_theme_strong@desktop.css │ │ ├── Link_theme_strong@desktop.tsx │ │ ├── Link_theme_strong@touch-phone.css │ │ └── Link_theme_strong@touch-phone.tsx │ ├── _view │ │ ├── Link_view_default.css │ │ ├── Link_view_default.tsx │ │ ├── Link_view_default@desktop.css │ │ └── Link_view_default@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── ListTile │ ├── ListTile.css │ ├── ListTile.examples │ │ └── examples-config.ts │ ├── ListTile.tsx │ ├── __examples__ │ │ ├── assets.tsx │ │ ├── default.tsx │ │ ├── index.examples.ts │ │ └── playground.tsx │ ├── __tests__ │ │ ├── ListTile.node.test.tsx │ │ ├── ListTile.test.tsx │ │ └── __snapshots__ │ │ │ └── ListTile.test.tsx.snap │ ├── desktop │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ └── index.ts │ └── touch-phone │ │ └── index.ts ├── Menu │ ├── Group │ │ └── Menu-Group.tsx │ ├── Item │ │ └── Menu-Item.tsx │ ├── Menu.css │ ├── Menu.hooks │ │ └── useMenuItem.ts │ ├── Menu.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Menu.tokens │ │ ├── Menu.mapper.yml │ │ └── Menu.tokens.yml │ ├── Menu.tsx │ ├── Menu@desktop.tsx │ ├── Menu@touch-pad.tsx │ ├── Menu@touch-phone.tsx │ ├── Text │ │ └── Menu-Text.tsx │ ├── Title │ │ └── Menu-Title.tsx │ ├── __examples__ │ │ ├── context-menu.tsx │ │ ├── custom-check.tsx │ │ ├── icons.tsx │ │ ├── index.examples.tsx │ │ ├── jsx-content.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── theme.tsx │ │ ├── view.tsx │ │ └── width.tsx │ ├── __tests__ │ │ ├── Menu.hermione.ts │ │ ├── Menu.node.test.tsx │ │ ├── Menu.test.tsx │ │ ├── __screenshots__ │ │ │ ├── should-correctly-highlights-items-with-multiple-options │ │ │ │ ├── linux-chrome-iphone │ │ │ │ │ ├── check-first.png │ │ │ │ │ ├── check-second.png │ │ │ │ │ └── uncheck-second.png │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── check-first.png │ │ │ │ │ ├── check-second.png │ │ │ │ │ └── uncheck-second.png │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── check-first.png │ │ │ │ │ ├── check-second.png │ │ │ │ │ └── uncheck-second.png │ │ │ │ └── win-ie11 │ │ │ │ │ ├── check-first.png │ │ │ │ │ ├── check-second.png │ │ │ │ │ └── uncheck-second.png │ │ │ ├── should-render-menu-with-brand-theme │ │ │ │ ├── linux-chrome-iphone │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ ├── should-render-menu-with-classic-design │ │ │ │ ├── linux-chrome-iphone │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ │ └── win-ie11 │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ ├── should-render-menu-with-default-theme │ │ │ │ ├── linux-chrome-iphone │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ │ └── win-ie11 │ │ │ │ │ ├── hovered.png │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ ├── should-render-menu-with-disabled-state │ │ │ │ ├── linux-chrome-iphone │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-menu-with-inverse-theme │ │ │ │ ├── linux-chrome-iphone │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ ├── hovered.png │ │ │ │ │ └── plain.png │ │ │ └── should-render-menu-with-max-width │ │ │ │ ├── linux-chrome-iphone │ │ │ │ └── plain.png │ │ │ │ ├── linux-chrome │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ └── plain.png │ │ ├── __snapshots__ │ │ │ └── Menu.test.tsx.snap │ │ └── scenarios │ │ │ ├── default.tsx │ │ │ └── scenarios.examples.tsx │ ├── _jsxContent │ │ ├── Group.ts │ │ ├── Item.ts │ │ └── Menu_jsxContent.tsx │ ├── _size │ │ ├── Menu_size_m.css │ │ ├── Menu_size_m.tsx │ │ ├── Menu_size_s.css │ │ └── Menu_size_s.tsx │ ├── _theme │ │ ├── Menu_theme_normal.css │ │ ├── Menu_theme_normal.tsx │ │ ├── Menu_theme_normal@desktop.css │ │ ├── Menu_theme_normal@desktop.tsx │ │ └── menu_theme_normal.assets │ │ │ └── tip.svg │ ├── _view │ │ ├── Menu_view_default.css │ │ ├── Menu_view_default.tsx │ │ ├── Menu_view_default@desktop.css │ │ └── Menu_view_default@desktop.tsx │ ├── _width │ │ ├── Menu_width_auto.css │ │ ├── Menu_width_auto.tsx │ │ ├── Menu_width_max.css │ │ └── Menu_width_max.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── MessageBox │ ├── Buttons │ │ ├── MessageBox-Buttons.css │ │ └── MessageBox-Buttons.tsx │ ├── Close │ │ ├── MessageBox-Close.css │ │ └── MessageBox-Close.tsx │ ├── Corner │ │ ├── MessageBox-Corner.css │ │ └── MessageBox-Corner.tsx │ ├── MessageBox.css │ ├── MessageBox.registry │ │ ├── desktop.ts │ │ ├── interface.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── MessageBox.tokens │ │ ├── MessageBox.mapper.yml │ │ └── MessageBox.tokens.yml │ ├── MessageBox.tsx │ ├── MessageBox@desktop.tsx │ ├── MessageBox@touch-pad.tsx │ ├── MessageBox@touch-phone.tsx │ ├── MessageBoxPopup.tsx │ ├── Tail │ │ ├── MessageBox-Tail.css │ │ └── MessageBox-Tail.tsx │ ├── TextWrap │ │ ├── MessageBox-TextWrap.css │ │ └── MessageBox-TextWrap.tsx │ ├── __examples__ │ │ ├── buttons.tsx │ │ ├── complex.tsx │ │ ├── corner.tsx │ │ ├── index.examples.tsx │ │ ├── layout.tsx │ │ ├── playground.tsx │ │ ├── sizes.tsx │ │ ├── tooltip.tsx │ │ ├── view.tsx │ │ └── withPopup.tsx │ ├── __tests__ │ │ ├── MessageBox.node.test.tsx │ │ ├── MessageBox.test.tsx │ │ └── __snapshots__ │ │ │ └── MessageBox.test.tsx.snap │ ├── _size │ │ ├── MessageBox_size_l.css │ │ ├── MessageBox_size_l.ts │ │ ├── MessageBox_size_m.css │ │ ├── MessageBox_size_m.ts │ │ ├── MessageBox_size_s.css │ │ └── MessageBox_size_s.ts │ ├── _view │ │ ├── MessageBox_view_default.css │ │ ├── MessageBox_view_default.tsx │ │ ├── MessageBox_view_inverse.css │ │ ├── MessageBox_view_inverse.tsx │ │ ├── MessageBox_view_promo.css │ │ └── MessageBox_view_promo.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Modal │ ├── Modal.css │ ├── Modal.tests │ │ └── scenarios │ │ │ ├── scrollbar.tsx │ │ │ ├── simple.tsx │ │ │ └── visibility.tsx │ ├── Modal.tokens │ │ └── Modal.tokens.yml │ ├── Modal.tsx │ ├── Modal@touch-pad.tsx │ ├── Modal@touch-phone.tsx │ ├── Modal@touch.css │ ├── __examples__ │ │ ├── auto-focus.tsx │ │ ├── focus-trap.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ └── stubs │ │ │ ├── Field.tsx │ │ │ └── ModalContent.tsx │ ├── __tests__ │ │ ├── Modal.node.test.tsx │ │ ├── Modal.test.tsx │ │ └── __snapshots__ │ │ │ └── Modal.test.tsx.snap │ ├── _theme │ │ ├── Modal_theme_normal.css │ │ ├── Modal_theme_normal.tsx │ │ ├── Modal_theme_normal@desktop.css │ │ └── Modal_theme_normal@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Popup │ ├── Popup.css │ ├── Popup.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Popup.tokens │ │ ├── Popup.mapper.yml │ │ └── Popup.tokens.yml │ ├── Popup.tsx │ ├── Popup@desktop.tsx │ ├── Popup@touch-pad.tsx │ ├── Popup@touch-phone.tsx │ ├── Tail │ │ ├── Popup-Tail.css │ │ └── Popup-Tail.tsx │ ├── __examples__ │ │ ├── boundary.tsx │ │ ├── contextmenu.tsx │ │ ├── direction.tsx │ │ ├── disable-overlay.tsx │ │ ├── floating.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── tail-size.tsx │ │ ├── target.tsx │ │ ├── theme.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Popup.hermione.ts │ │ ├── Popup.node.test.tsx │ │ ├── Popup.test.tsx │ │ ├── __screenshots__ │ │ │ ├── should-change-position-after-overflow │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── bottom-position.png │ │ │ │ │ ├── hidden-position.png │ │ │ │ │ └── top-position.png │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── bottom-position.png │ │ │ │ │ ├── hidden-position.png │ │ │ │ │ └── top-position.png │ │ │ │ └── win-ie11 │ │ │ │ │ ├── bottom-position.png │ │ │ │ │ ├── hidden-position.png │ │ │ │ │ └── top-position.png │ │ │ ├── should-not-change-position-after-overflow-with-motionless │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── after-scroll.png │ │ │ │ │ ├── before-scroll.png │ │ │ │ │ └── hidden-anchor.png │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── after-scroll.png │ │ │ │ │ ├── before-scroll.png │ │ │ │ │ └── hidden-anchor.png │ │ │ │ └── win-ie11 │ │ │ │ │ ├── after-scroll.png │ │ │ │ │ ├── before-scroll.png │ │ │ │ │ └── hidden-anchor.png │ │ │ ├── should-prevent-overflow-with-center-position │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-all-directions-with-offset │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-all-directions-with-tail-and-brand-theme │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-all-directions-with-tail-and-classic-design │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-all-directions-with-tail-and-inverse-theme │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-all-directions-with-tail-and-offset │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-all-directions-with-tail │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-all-directions │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-correctly-with-boundary-and-inside-clipping-container │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ ├── should-render-correctly-with-initial-visible │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ └── should-render-correctly-with-scale-anchor │ │ │ │ ├── linux-chrome │ │ │ │ └── plain.png │ │ │ │ ├── linux-firefox │ │ │ │ └── plain.png │ │ │ │ └── win-ie11 │ │ │ │ └── plain.png │ │ ├── __snapshots__ │ │ │ └── Popup.test.tsx.snap │ │ └── scenarios │ │ │ ├── boundary.tsx │ │ │ ├── directions.tsx │ │ │ ├── flipping.tsx │ │ │ ├── overflow.tsx │ │ │ ├── scale.tsx │ │ │ └── scenarios.examples.tsx │ ├── _nonvisual │ │ ├── Popup_nonvisual.css │ │ └── Popup_nonvisual.tsx │ ├── _target │ │ └── Popup_target_anchor.tsx │ ├── _theme │ │ ├── Popup_theme_clear.css │ │ ├── Popup_theme_clear.tsx │ │ ├── Popup_theme_normal.css │ │ └── Popup_theme_normal.tsx │ ├── _view │ │ ├── Popup_view_default.css │ │ └── Popup_view_default.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Portal │ ├── Portal.ts │ ├── __tests__ │ │ ├── Portal.node.test.tsx │ │ └── Portal.test.tsx │ ├── index.ts │ └── readme.md ├── Progress │ ├── Progress.css │ ├── Progress.tokens │ │ ├── Progress.mapper.yml │ │ └── Progress.tokens.yml │ ├── Progress.tsx │ ├── __examples__ │ │ ├── common.tsx │ │ ├── index.examples.ts │ │ └── playground.tsx │ ├── __tests__ │ │ ├── Progress.node.test.tsx │ │ ├── Progress.test.tsx │ │ └── __snapshots__ │ │ │ └── Progress.test.tsx.snap │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Provider │ ├── Provider.tsx │ ├── index.ts │ └── readme.md ├── RadioButton │ ├── Content │ │ ├── RadioButton-Content.css │ │ └── RadioButton-Content.tsx │ ├── Control │ │ ├── RadioButton-Control.css │ │ └── RadioButton-Control.tsx │ ├── Plate │ │ ├── RadioButton-Plate.css │ │ └── RadioButton-Plate.tsx │ ├── Radio │ │ ├── RadioButton-Radio.css │ │ ├── RadioButton-Radio.tsx │ │ ├── RadioButton-Radio@desktop.css │ │ └── RadioButton-Radio@desktop.tsx │ ├── RadioButton.css │ ├── RadioButton.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── RadioButton.tokens │ │ ├── RadioButton.mapper.yml │ │ └── RadioButton.tokens.yml │ ├── RadioButton.tsx │ ├── RadioButton@desktop.tsx │ ├── RadioButton@touch-pad.tsx │ ├── RadioButton@touch-phone.tsx │ ├── __examples__ │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── RadioButton.node.test.tsx │ │ ├── RadioButton.test.tsx │ │ └── __snapshots__ │ │ │ └── RadioButton.test.tsx.snap │ ├── _size │ │ ├── RadioButton_size_l.css │ │ ├── RadioButton_size_l.tsx │ │ ├── RadioButton_size_m.css │ │ ├── RadioButton_size_m.tsx │ │ ├── RadioButton_size_s.css │ │ └── RadioButton_size_s.tsx │ ├── _view │ │ ├── RadioButton_view_default.css │ │ ├── RadioButton_view_default.tsx │ │ ├── RadioButton_view_default@desktop.css │ │ └── RadioButton_view_default@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Radiobox │ ├── Box │ │ ├── Radiobox-Box.css │ │ └── Radiobox-Box.tsx │ ├── Control │ │ ├── Radiobox-Control.css │ │ └── Radiobox-Control.tsx │ ├── Radio │ │ ├── Radiobox-Radio.css │ │ ├── Radiobox-Radio.tsx │ │ └── Radiobox-Radio@desktop.tsx │ ├── Radiobox.context.ts │ ├── Radiobox.css │ ├── Radiobox.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Radiobox.tokens │ │ ├── Radiobox.mapper.yml │ │ └── Radiobox.tokens.yml │ ├── Radiobox.tsx │ ├── Radiobox@desktop.css │ ├── Radiobox@desktop.tsx │ ├── Radiobox@touch-pad.tsx │ ├── Radiobox@touch-phone.tsx │ ├── __examples__ │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── theme.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Radiobox.node.test.tsx │ │ ├── Radiobox.test.tsx │ │ └── __snapshots__ │ │ │ └── Radiobox.test.tsx.snap │ ├── _size │ │ ├── Radiobox_size_m.css │ │ ├── Radiobox_size_m.tsx │ │ ├── Radiobox_size_s.css │ │ └── Radiobox_size_s.tsx │ ├── _theme │ │ ├── Radiobox_theme_normal.css │ │ ├── Radiobox_theme_normal.tsx │ │ ├── Radiobox_theme_normal@desktop.css │ │ ├── Radiobox_theme_normal@desktop.tsx │ │ ├── Radiobox_theme_pseudo.css │ │ ├── Radiobox_theme_pseudo.tsx │ │ ├── Radiobox_theme_pseudo@desktop.css │ │ └── Radiobox_theme_pseudo@desktop.tsx │ ├── _view │ │ ├── Radiobox_view_default.css │ │ ├── Radiobox_view_default.tsx │ │ ├── Radiobox_view_default@desktop.css │ │ ├── Radiobox_view_default@desktop.tsx │ │ ├── Radiobox_view_outline.css │ │ ├── Radiobox_view_outline.tsx │ │ ├── Radiobox_view_outline@desktop.css │ │ └── Radiobox_view_outline@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Select │ ├── Button │ │ └── Select-Button.css │ ├── Control │ │ └── Select-Control.css │ ├── Menu │ │ └── Select-Menu.css │ ├── Select.css │ ├── Select.examples │ │ ├── ComboBox │ │ │ ├── images │ │ │ │ ├── ivleeva.png │ │ │ │ ├── regina.png │ │ │ │ ├── shadrin.png │ │ │ │ └── tvrain.png │ │ │ ├── index.css │ │ │ ├── index.examples.tsx │ │ │ └── index.tsx │ │ ├── desktop │ │ │ ├── icon.examples.tsx │ │ │ ├── index.examples.tsx │ │ │ ├── long.examples.tsx │ │ │ ├── overriden.examples.tsx │ │ │ ├── playground.examples.tsx │ │ │ ├── size.examples.tsx │ │ │ ├── theme.examples.tsx │ │ │ ├── type.examples.tsx │ │ │ ├── view.examples.tsx │ │ │ └── width.examples.tsx │ │ └── touch-phone.examples.tsx │ ├── Select.hocs │ │ └── withNativeControl.tsx │ ├── Select.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Select.tests │ │ └── scenarios │ │ │ └── long.tsx │ ├── Select.tsx │ ├── Select@desktop.tsx │ ├── Select@touch-pad.tsx │ ├── Select@touch-phone.tsx │ ├── __tests__ │ │ ├── Select.node.test.tsx │ │ ├── Select.test.tsx │ │ └── __snapshots__ │ │ │ └── Select.test.tsx.snap │ ├── _baseline │ │ ├── Select_baseline.css │ │ └── Select_baseline.tsx │ ├── _width │ │ ├── Select_width_max.css │ │ └── Select_width_max.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Showcase │ ├── Showcase.css │ ├── Showcase.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Showcase.tsx │ ├── Showcase@desktop.tsx │ ├── Showcase@touch-pad.tsx │ ├── Showcase@touch-phone.tsx │ ├── __examples__ │ │ ├── desktop.tsx │ │ ├── index.examples.ts │ │ ├── touch-pad.tsx │ │ └── touch-phone.tsx │ ├── desktop │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ └── index.ts │ └── touch-phone │ │ └── index.ts ├── Slider │ ├── Container │ │ └── Slider-Container.css │ ├── Range │ │ └── Slider-Range.css │ ├── Slider.const.ts │ ├── Slider.css │ ├── Slider.tokens │ │ └── Slider.tokens.yml │ ├── Slider.tsx │ ├── Slider.utils.ts │ ├── Thumb │ │ ├── Slider-Thumb.css │ │ └── Slider-Thumb.tsx │ ├── Tick │ │ └── Slider-Tick.css │ ├── TickLabel │ │ ├── Slider-TickLabel.css │ │ └── Slider-TickLabel.tsx │ ├── Ticks │ │ └── Slider-Ticks.css │ ├── Track │ │ └── Slider-Track.css │ ├── __examples__ │ │ ├── basic.tsx │ │ ├── customLabelTick.tsx │ │ ├── customThumb.tsx │ │ ├── filled.tsx │ │ ├── index.examples.tsx │ │ ├── marked.tsx │ │ ├── playground.tsx │ │ ├── reversed.tsx │ │ ├── showcase.tsx │ │ └── stepped.tsx │ ├── __tests__ │ │ ├── Slider.node.test.tsx │ │ ├── Slider.test.tsx │ │ └── __snapshots__ │ │ │ └── Slider.test.tsx.snap │ ├── _view │ │ ├── Slider_view_default.css │ │ └── Slider_view_default.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Spacer │ ├── Spacer.tsx │ ├── __examples__ │ │ ├── index.examples.ts │ │ └── playground.tsx │ ├── __tests__ │ │ ├── Spacer.node.test.tsx │ │ ├── Spacer.test.tsx │ │ └── __snapshots__ │ │ │ └── Spacer.test.tsx.snap │ ├── desktop │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ └── index.ts │ └── touch-phone │ │ └── index.ts ├── Spin │ ├── Spin.css │ ├── Spin.tokens │ │ ├── Spin.mapper.yml │ │ └── Spin.tokens.yml │ ├── Spin.tsx │ ├── __examples__ │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── position.tsx │ │ ├── size.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Spin.node.test.tsx │ │ ├── Spin.test.tsx │ │ └── __snapshots__ │ │ │ └── Spin.test.tsx.snap │ ├── _position │ │ ├── Spin_position_center.css │ │ └── Spin_position_center.tsx │ ├── _size │ │ ├── Spin_size_l.css │ │ ├── Spin_size_l.tsx │ │ ├── Spin_size_m.css │ │ ├── Spin_size_m.tsx │ │ ├── Spin_size_s.css │ │ ├── Spin_size_s.tsx │ │ ├── Spin_size_xs.css │ │ ├── Spin_size_xs.tsx │ │ ├── Spin_size_xxs.css │ │ └── Spin_size_xxs.tsx │ ├── _view │ │ ├── Spin_view_default.css │ │ └── Spin_view_default.tsx │ ├── bundle.ts │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── TabsMenu │ ├── Tab │ │ ├── TabsMenu-Tab.css │ │ └── TabsMenu-Tab.tsx │ ├── TabsMenu.css │ ├── TabsMenu.tokens │ │ ├── TabsMenu.mapper.yml │ │ └── TabsMenu.tokens.yml │ ├── TabsMenu.tsx │ ├── TabsMenu.utils │ │ ├── calculateItemWidth.ts │ │ └── useAdaptiveTabs.ts │ ├── TabsMenu@desktop.tsx │ ├── __examples__ │ │ ├── adaptive.tsx │ │ ├── adaptiveWithAddAndDelete.tsx │ │ ├── index.examples.tsx │ │ ├── layout.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── theme.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── TabsMenu.node.test.tsx │ │ ├── TabsMenu.test.tsx │ │ └── __snapshots__ │ │ │ └── TabsMenu.test.tsx.snap │ ├── _adaptive │ │ ├── TabsMenu_adaptive@desktop.css │ │ └── TabsMenu_adaptive@desktop.tsx │ ├── _layout │ │ ├── TabsMenu_layout_horiz.css │ │ └── TabsMenu_layout_horiz.tsx │ ├── _size │ │ ├── TabsMenu_size_m.css │ │ ├── TabsMenu_size_m.tsx │ │ ├── TabsMenu_size_s.css │ │ └── TabsMenu_size_s.tsx │ ├── _theme │ │ ├── TabsMenu_theme_normal.css │ │ ├── TabsMenu_theme_normal.tsx │ │ ├── TabsMenu_theme_normal@desktop.css │ │ └── TabsMenu_theme_normal@desktop.tsx │ ├── _view │ │ ├── TabsMenu_view_default.css │ │ ├── TabsMenu_view_default.tsx │ │ ├── TabsMenu_view_default@desktop.css │ │ └── TabsMenu_view_default@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── TabsPanes │ ├── Pane │ │ └── TabsPanes-Pane.tsx │ ├── TabsPanes.tsx │ ├── __examples__ │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── withRadiobox.tsx │ │ └── withTabsMenu.tsx │ ├── __tests__ │ │ ├── TabsPanes.node.test.tsx │ │ ├── TabsPanes.test.tsx │ │ └── __snapshots__ │ │ │ └── TabsPanes.test.tsx.snap │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Text │ ├── Text.css │ ├── Text.examples │ │ └── example-config.ts │ ├── Text.tokens │ │ └── Text.tokens.yml │ ├── Text.tsx │ ├── Text@desktop.ts │ ├── Text@touch-pad.ts │ ├── Text@touch-phone.ts │ ├── __examples__ │ │ ├── align.tsx │ │ ├── assets.ts │ │ ├── base.tsx │ │ ├── color.tsx │ │ ├── common.css │ │ ├── common.tsx │ │ ├── control-color.tsx │ │ ├── ellipsis.tsx │ │ ├── fade-horizontal.tsx │ │ ├── fade.tsx │ │ ├── index.examples.ts │ │ ├── link-color.tsx │ │ └── playground.tsx │ ├── __tests__ │ │ ├── Text.node.test.tsx │ │ ├── Text.test.tsx │ │ └── __snapshots__ │ │ │ └── Text.test.tsx.snap │ ├── _color │ │ └── Text_color.css │ ├── _typography │ │ ├── Text_typography_body-long-l.css │ │ ├── Text_typography_body-long-l.tsx │ │ ├── Text_typography_body-long-m.css │ │ ├── Text_typography_body-long-m.tsx │ │ ├── Text_typography_body-long-s.css │ │ ├── Text_typography_body-long-s.tsx │ │ ├── Text_typography_body-long-xl.css │ │ ├── Text_typography_body-long-xl.tsx │ │ ├── Text_typography_body-short-l.css │ │ ├── Text_typography_body-short-l.tsx │ │ ├── Text_typography_body-short-m.css │ │ ├── Text_typography_body-short-m.tsx │ │ ├── Text_typography_body-short-s.css │ │ ├── Text_typography_body-short-s.tsx │ │ ├── Text_typography_body-short-xl.css │ │ ├── Text_typography_body-short-xl.tsx │ │ ├── Text_typography_caption-l.css │ │ ├── Text_typography_caption-l.tsx │ │ ├── Text_typography_caption-m.css │ │ ├── Text_typography_caption-m.tsx │ │ ├── Text_typography_caption-xl.css │ │ ├── Text_typography_caption-xl.tsx │ │ ├── Text_typography_control-l.css │ │ ├── Text_typography_control-l.tsx │ │ ├── Text_typography_control-m.css │ │ ├── Text_typography_control-m.tsx │ │ ├── Text_typography_control-s.css │ │ ├── Text_typography_control-s.tsx │ │ ├── Text_typography_control-xl.css │ │ ├── Text_typography_control-xl.tsx │ │ ├── Text_typography_control-xs.css │ │ ├── Text_typography_control-xs.tsx │ │ ├── Text_typography_control-xxl.css │ │ ├── Text_typography_control-xxl.tsx │ │ ├── Text_typography_control-xxs.css │ │ ├── Text_typography_control-xxs.tsx │ │ ├── Text_typography_display-l.css │ │ ├── Text_typography_display-l.tsx │ │ ├── Text_typography_display-m.css │ │ ├── Text_typography_display-m.tsx │ │ ├── Text_typography_display-s.css │ │ ├── Text_typography_display-s.tsx │ │ ├── Text_typography_display-xl.css │ │ ├── Text_typography_display-xl.tsx │ │ ├── Text_typography_headline-l.css │ │ ├── Text_typography_headline-l.tsx │ │ ├── Text_typography_headline-m.css │ │ ├── Text_typography_headline-m.tsx │ │ ├── Text_typography_headline-s.css │ │ ├── Text_typography_headline-s.tsx │ │ ├── Text_typography_headline-xl.css │ │ ├── Text_typography_headline-xl.tsx │ │ ├── Text_typography_headline-xs.css │ │ ├── Text_typography_headline-xs.tsx │ │ ├── Text_typography_overline-l.css │ │ ├── Text_typography_overline-l.tsx │ │ ├── Text_typography_overline-m.css │ │ ├── Text_typography_overline-m.tsx │ │ ├── Text_typography_overline-s.css │ │ ├── Text_typography_overline-s.tsx │ │ ├── Text_typography_subheader-l.css │ │ ├── Text_typography_subheader-l.tsx │ │ ├── Text_typography_subheader-m.css │ │ ├── Text_typography_subheader-m.tsx │ │ ├── Text_typography_subheader-s.css │ │ ├── Text_typography_subheader-s.tsx │ │ ├── Text_typography_subheader-xl.css │ │ └── Text_typography_subheader-xl.tsx │ ├── _weight │ │ ├── Text_weight_bold.css │ │ ├── Text_weight_bold.tsx │ │ ├── Text_weight_light.css │ │ ├── Text_weight_light.tsx │ │ ├── Text_weight_medium.css │ │ ├── Text_weight_medium.tsx │ │ ├── Text_weight_regular.css │ │ └── Text_weight_regular.tsx │ ├── bundle.ts │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Textarea │ ├── Box │ │ ├── Textarea-Box.css │ │ └── Textarea-Box.tsx │ ├── Clear │ │ ├── Textarea-Clear.css │ │ └── Textarea-Clear.tsx │ ├── Control │ │ ├── Textarea-Control.css │ │ └── Textarea-Control.tsx │ ├── Hint │ │ ├── Textarea-Hint.css │ │ └── Textarea-Hint.tsx │ ├── Textarea.css │ ├── Textarea.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Textarea.tokens │ │ ├── Textarea.mapper.yml │ │ └── Textarea.tokens.yml │ ├── Textarea.tsx │ ├── Textarea@desktop.tsx │ ├── Textarea@touch-pad.tsx │ ├── Textarea@touch-phone.tsx │ ├── Wrap │ │ ├── Textarea-Wrap.css │ │ └── Textarea-Wrap.tsx │ ├── __examples__ │ │ ├── auto-resize.tsx │ │ ├── debounce.tsx │ │ ├── has-clear.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── state.tsx │ │ ├── theme.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Textarea.node.test.tsx │ │ ├── Textarea.test.tsx │ │ ├── Textarea_hasClear.node.test.tsx │ │ ├── Textarea_hasClear.test.tsx │ │ └── __snapshots__ │ │ │ ├── Textarea.test.tsx.snap │ │ │ └── Textarea_hasClear.test.tsx.snap │ ├── _autoResize │ │ ├── Textarea_autoResize.css │ │ ├── Textarea_autoResize.tsx │ │ ├── Textarea_autoResize@desktop.tsx │ │ ├── Textarea_autoResize@touch-pad.tsx │ │ └── Textarea_autoResize@touch-phone.tsx │ ├── _hasClear │ │ ├── Textarea_hasClear.css │ │ ├── Textarea_hasClear.registry │ │ │ ├── desktop.ts │ │ │ ├── index.ts │ │ │ ├── touch-pad.ts │ │ │ └── touch-phone.ts │ │ ├── Textarea_hasClear.tsx │ │ ├── Textarea_hasClear@desktop.tsx │ │ ├── Textarea_hasClear@touch-pad.tsx │ │ └── Textarea_hasClear@touch-phone.tsx │ ├── _size │ │ ├── Textarea_size_m.css │ │ ├── Textarea_size_m.tsx │ │ ├── Textarea_size_s.css │ │ └── Textarea_size_s.tsx │ ├── _theme │ │ ├── Textarea_theme_normal.css │ │ ├── Textarea_theme_normal.tsx │ │ ├── Textarea_theme_normal@desktop.css │ │ └── Textarea_theme_normal@desktop.tsx │ ├── _view │ │ ├── Textarea_view_default.css │ │ ├── Textarea_view_default.tsx │ │ ├── Textarea_view_default@desktop.css │ │ └── Textarea_view_default@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Textinput │ ├── Box │ │ ├── Textinput-Box.css │ │ └── Textinput-Box.tsx │ ├── Clear │ │ ├── Textinput-Clear.css │ │ └── Textinput-Clear.tsx │ ├── Control │ │ ├── Textinput-Control.css │ │ └── Textinput-Control.tsx │ ├── Hint │ │ ├── Textinput-Hint.css │ │ └── Textinput-Hint.tsx │ ├── Icon │ │ ├── Textinput-Icon.css │ │ ├── Textinput-Icon.tsx │ │ └── _side │ │ │ ├── Textinput-Icon_side_left.css │ │ │ └── Textinput-Icon_side_right.css │ ├── Label │ │ └── Textinput-Label.tsx │ ├── Textinput.css │ ├── Textinput.registry │ │ ├── desktop.ts │ │ ├── index.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Textinput.tests │ │ └── scenarios │ │ │ ├── legacy.tsx │ │ │ └── pins.tsx │ ├── Textinput.tokens │ │ ├── Textinput.mapper.yml │ │ └── Textinput.tokens.yml │ ├── Textinput.tsx │ ├── Textinput@desktop.tsx │ ├── Textinput@touch-pad.tsx │ ├── Textinput@touch-phone.tsx │ ├── __examples__ │ │ ├── baseline.tsx │ │ ├── debounce.tsx │ │ ├── has-clear.tsx │ │ ├── index.examples.tsx │ │ ├── miniapps.tsx │ │ ├── pin.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── state.tsx │ │ ├── theme.tsx │ │ ├── type.tsx │ │ └── view.tsx │ ├── __tests__ │ │ ├── Textinput.node.test.tsx │ │ ├── Textinput.test.tsx │ │ ├── Textinput_hasClear.node.test.tsx │ │ ├── Textinput_hasClear.test.tsx │ │ └── __snapshots__ │ │ │ ├── Textinput.test.tsx.snap │ │ │ └── Textinput_hasClear.test.tsx.snap │ ├── _baseline │ │ ├── Textinput_baseline.css │ │ └── Textinput_baseline.tsx │ ├── _hasClear │ │ ├── Textinput_hasClear.registry │ │ │ ├── desktop.ts │ │ │ ├── index.ts │ │ │ ├── touch-pad.ts │ │ │ └── touch-phone.ts │ │ ├── Textinput_hasClear.tsx │ │ ├── Textinput_hasClear@desktop.tsx │ │ ├── Textinput_hasClear@touch-pad.tsx │ │ └── Textinput_hasClear@touch-phone.tsx │ ├── _pin │ │ ├── Textinput_pin_brick-brick.css │ │ ├── Textinput_pin_brick-brick.tsx │ │ ├── Textinput_pin_brick-clear.css │ │ ├── Textinput_pin_brick-clear.tsx │ │ ├── Textinput_pin_brick-round.css │ │ ├── Textinput_pin_brick-round.tsx │ │ ├── Textinput_pin_clear-brick.css │ │ ├── Textinput_pin_clear-brick.tsx │ │ ├── Textinput_pin_clear-clear.css │ │ ├── Textinput_pin_clear-clear.tsx │ │ ├── Textinput_pin_clear-round.css │ │ ├── Textinput_pin_clear-round.tsx │ │ ├── Textinput_pin_round-brick.css │ │ ├── Textinput_pin_round-brick.tsx │ │ ├── Textinput_pin_round-clear.css │ │ ├── Textinput_pin_round-clear.tsx │ │ └── Textinput_pin_round-round.tsx │ ├── _size │ │ ├── Textinput_size_m.css │ │ ├── Textinput_size_m.tsx │ │ ├── Textinput_size_s.css │ │ └── Textinput_size_s.tsx │ ├── _theme │ │ ├── Textinput_theme_normal.css │ │ ├── Textinput_theme_normal.tsx │ │ ├── Textinput_theme_normal@desktop.css │ │ ├── Textinput_theme_normal@desktop.tsx │ │ ├── Textinput_theme_websearch.css │ │ ├── Textinput_theme_websearch.tsx │ │ ├── Textinput_theme_websearch@desktop.css │ │ └── Textinput_theme_websearch@desktop.tsx │ ├── _view │ │ ├── Textinput_view_default.css │ │ ├── Textinput_view_default.tsx │ │ ├── Textinput_view_default@desktop.css │ │ ├── Textinput_view_default@desktop.tsx │ │ ├── Textinput_view_material.css │ │ ├── Textinput_view_material.tsx │ │ ├── Textinput_view_material@desktop.css │ │ └── Textinput_view_material@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Theme │ ├── README.md │ ├── index.ts │ ├── presets │ │ ├── brand.css │ │ ├── brand │ │ │ ├── color.css │ │ │ ├── index.ts │ │ │ └── root.css │ │ ├── default.css │ │ ├── default │ │ │ ├── color.css │ │ │ ├── index.ts │ │ │ └── root.css │ │ ├── index.ts │ │ ├── inverse.css │ │ ├── inverse │ │ │ ├── color.css │ │ │ ├── index.ts │ │ │ └── root.css │ │ ├── legacy-brand.css │ │ ├── legacy-brand │ │ │ ├── color.css │ │ │ ├── index.ts │ │ │ └── root.css │ │ ├── legacy-default.css │ │ ├── legacy-default │ │ │ ├── color.css │ │ │ ├── index.ts │ │ │ └── root.css │ │ ├── legacy-inverse.css │ │ └── legacy-inverse │ │ │ ├── color.css │ │ │ ├── index.ts │ │ │ └── root.css │ ├── themes │ │ ├── brand.theme.json │ │ ├── default.theme.json │ │ ├── inverse.theme.json │ │ ├── legacy-brand.theme.json │ │ ├── legacy-default.theme.json │ │ └── legacy-inverse.theme.json │ └── tokens │ │ ├── color-brand.tokens.yml │ │ ├── color-dark.tokens.yml │ │ ├── color-light.tokens.yml │ │ ├── color.mapper.yml │ │ ├── legacy.tokens.yml │ │ ├── space.tokens.yml │ │ ├── typography.mapper.yml │ │ └── typography.tokens.yml ├── Tooltip │ ├── Backdrop │ │ ├── Tooltip-Backdrop.css │ │ └── Tooltip-Backdrop.tsx │ ├── Tooltip.css │ ├── Tooltip.registry │ │ ├── desktop.ts │ │ ├── interface.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── Tooltip.stateful.tsx │ ├── Tooltip.tokens │ │ ├── Tooltip.mapper.yml │ │ └── Tooltip.tokens.yml │ ├── Tooltip.tsx │ ├── Tooltip@desktop.tsx │ ├── Tooltip@touch-pad.tsx │ ├── Tooltip@touch-phone.tsx │ ├── __examples__ │ │ ├── delay.tsx │ │ ├── direction.tsx │ │ ├── index.examples.tsx │ │ ├── playground.tsx │ │ ├── size.tsx │ │ ├── state.tsx │ │ └── stateful.tsx │ ├── __tests__ │ │ ├── Tooltip.node.test.tsx │ │ ├── Tooltip.test.tsx │ │ └── __snapshots__ │ │ │ └── Tooltip.test.tsx.snap │ ├── _size │ │ ├── Tooltip_size_l.css │ │ ├── Tooltip_size_l.tsx │ │ ├── Tooltip_size_m.css │ │ ├── Tooltip_size_m.tsx │ │ ├── Tooltip_size_s.css │ │ └── Tooltip_size_s.tsx │ ├── _view │ │ ├── Tooltip_view_default.css │ │ └── Tooltip_view_default.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── hooks │ │ └── useTooltipState.tsx │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── Tumbler │ ├── Button │ │ ├── Tumbler-Button.css │ │ └── Tumbler-Button.tsx │ ├── Control │ │ └── Tumbler-Control.tsx │ ├── Label │ │ ├── Tumbler-Label.css │ │ └── Tumbler-Label.tsx │ ├── Tumbler.css │ ├── Tumbler.tests │ │ └── scenarios │ │ │ ├── default.tsx │ │ │ └── long-label.tsx │ ├── Tumbler.tokens │ │ ├── Tumbler.mapper.yml │ │ └── Tumbler.tokens.yml │ ├── Tumbler.tsx │ ├── Tumbler@desktop.tsx │ ├── Tumbler@touch-pad.tsx │ ├── Tumbler@touch-phone.tsx │ ├── __examples__ │ │ ├── index.examples.tsx │ │ ├── label.tsx │ │ ├── playground.tsx │ │ ├── showcase.tsx │ │ └── size.tsx │ ├── __tests__ │ │ ├── Tumbler.node.test.tsx │ │ ├── Tumbler.test.tsx │ │ └── __snapshots__ │ │ │ └── Tumbler.test.tsx.snap │ ├── _size │ │ ├── Tumbler_size_l.css │ │ ├── Tumbler_size_l.tsx │ │ ├── Tumbler_size_m.css │ │ ├── Tumbler_size_m.tsx │ │ ├── Tumbler_size_s.css │ │ └── Tumbler_size_s.tsx │ ├── _view │ │ ├── Tumbler_view_default.css │ │ ├── Tumbler_view_default.tsx │ │ ├── Tumbler_view_default@desktop.css │ │ └── Tumbler_view_default@desktop.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── touch-phone │ │ ├── bundle │ │ └── index.ts │ │ └── index.ts ├── UserPic │ ├── Camera │ │ ├── UserPic-Camera.css │ │ ├── UserPic-Camera.tsx │ │ ├── UserPic-Camera@desktop.css │ │ ├── UserPic-Camera@desktop.tsx │ │ ├── UserPic-Camera@touch-phone.css │ │ └── UserPic-Camera@touch-phone.tsx │ ├── UserPic.css │ ├── UserPic.examples │ │ ├── desktop │ │ │ ├── default.examples.tsx │ │ │ ├── index.examples.tsx │ │ │ └── playground.examples.tsx │ │ ├── examples-config.ts │ │ ├── touch-pad │ │ │ └── common.examples.tsx │ │ └── touch-phone │ │ │ └── common.examples.tsx │ ├── UserPic.registry │ │ ├── desktop.ts │ │ ├── interface.ts │ │ ├── touch-pad.ts │ │ └── touch-phone.ts │ ├── UserPic.tokens │ │ └── UserPic.tokens.yml │ ├── UserPic.tsx │ ├── UserPic@desktop.tsx │ ├── UserPic@touch-pad.tsx │ ├── UserPic@touch-phone.css │ ├── UserPic@touch-phone.tsx │ ├── __tests__ │ │ ├── UserPic.node.test.tsx │ │ ├── UserPic.test.tsx │ │ └── __snapshots__ │ │ │ └── UserPic.test.tsx.snap │ ├── _hasCamera │ │ ├── UserPic_hasCamera.registry │ │ │ ├── desktop.ts │ │ │ ├── interface.ts │ │ │ ├── touch-pad.tsx │ │ │ └── touch-phone.tsx │ │ ├── UserPic_hasCamera.tsx │ │ ├── UserPic_hasCamera@desktop.tsx │ │ ├── UserPic_hasCamera@touch-pad.tsx │ │ └── UserPic_hasCamera@touch-phone.tsx │ ├── _size │ │ ├── UserPic_size_m.css │ │ ├── UserPic_size_m.tsx │ │ ├── UserPic_size_s.css │ │ └── UserPic_size_s.tsx │ ├── desktop │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── docs │ │ └── index.mdx │ ├── index.ts │ ├── readme.md │ ├── touch-pad │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ ├── touch-phone │ │ ├── bundle │ │ │ └── index.ts │ │ └── index.ts │ └── user-pic.assets │ │ ├── camera.svg │ │ └── plus-circle.svg ├── i18n │ └── index.ts ├── internal │ ├── components │ │ ├── BPage │ │ │ ├── BPage.tsx │ │ │ ├── BPage@common.css │ │ │ ├── BPage@desktop.css │ │ │ ├── BPage@desktop.tsx │ │ │ └── BPage@test.css │ │ ├── Hermione │ │ │ ├── Hermione.css │ │ │ └── Hermione.tsx │ │ ├── Icon │ │ │ ├── Icon@test.css │ │ │ ├── _glyph │ │ │ │ ├── Icon_glyph_type-eye.tsx │ │ │ │ └── Icon_glyph_type-lock.tsx │ │ │ ├── _type │ │ │ │ ├── Icon_type.css │ │ │ │ ├── Icon_type_by.tsx │ │ │ │ ├── Icon_type_camera.css │ │ │ │ ├── Icon_type_camera.tsx │ │ │ │ ├── Icon_type_eye.css │ │ │ │ ├── Icon_type_eye.tsx │ │ │ │ ├── Icon_type_kz.tsx │ │ │ │ ├── Icon_type_lock.css │ │ │ │ ├── Icon_type_lock.tsx │ │ │ │ ├── Icon_type_ru.tsx │ │ │ │ ├── assets │ │ │ │ │ ├── by.png │ │ │ │ │ ├── home.svg │ │ │ │ │ ├── kz.png │ │ │ │ │ ├── location.svg │ │ │ │ │ ├── play.svg │ │ │ │ │ ├── route.svg │ │ │ │ │ └── ru.png │ │ │ │ └── icon_type.assets │ │ │ │ │ ├── camera.svg │ │ │ │ │ ├── icon_type_eye.svg │ │ │ │ │ └── icon_type_lock.svg │ │ │ └── load.svg │ │ └── ThemeProvider.tsx │ ├── polyfills │ │ └── common.ts │ ├── testing │ │ ├── createClientRender.tsx │ │ ├── createServerRender.tsx │ │ ├── events.ts │ │ └── index.ts │ └── utils │ │ ├── delay.ts │ │ ├── generateCombinations.ts │ │ ├── getTestId.ts │ │ ├── index.ts │ │ ├── parseQueryString.ts │ │ └── serverEnvironmentSetup.ts ├── lib │ ├── canUseDOM.ts │ ├── createGlobalState.ts │ ├── env.ts │ ├── flatMap.ts │ ├── focus-trap │ │ ├── FocusTrap.ts │ │ ├── FocusTrapManager.ts │ │ ├── __tests__ │ │ │ ├── __snapshots__ │ │ │ │ └── focus-trap.test.ts.snap │ │ │ ├── fixtures │ │ │ │ ├── basic.html │ │ │ │ └── index.ts │ │ │ └── focus-trap.test.ts │ │ ├── createFocusTrap.ts │ │ ├── createWalker.ts │ │ ├── index.ts │ │ ├── tabbable.ts │ │ └── utils.ts │ ├── forkFn.ts │ ├── getDisplayName.ts │ ├── isEqual.ts │ ├── isReactFragment.ts │ ├── keyboard.ts │ ├── mergeRefs.ts │ ├── omit.ts │ ├── platform.ts │ ├── pointerfocus.ts │ ├── render-override │ │ ├── README.md │ │ ├── __tests__ │ │ │ ├── fixture.tsx │ │ │ └── render-override.test.tsx │ │ ├── index.ts │ │ └── render-override.ts │ ├── scroll-locker │ │ ├── README.md │ │ ├── ScrollLocker.ts │ │ ├── StandartScrollLocker.ts │ │ ├── TouchScrollLocker.ts │ │ ├── __examples__ │ │ │ └── default.tsx │ │ ├── __tests__ │ │ │ ├── ScrollLocker.node.test.ts │ │ │ └── ScrollLocker.test.ts │ │ ├── index.ts │ │ └── utils.ts │ ├── sleep.ts │ └── throttle.ts ├── next │ ├── Button │ │ ├── Button.css │ │ ├── Button.tokens │ │ │ ├── Button.mapper.yml │ │ │ └── Button.tokens.yml │ │ ├── Button.tsx │ │ ├── Button@desktop.css │ │ ├── Button@desktop.tsx │ │ ├── Button@touch-pad.tsx │ │ ├── Button@touch-phone.tsx │ │ ├── Icon │ │ │ ├── Button-Icon.css │ │ │ └── Button-Icon.tsx │ │ ├── Text │ │ │ ├── Button-Text.css │ │ │ └── Button-Text.tsx │ │ ├── __examples__ │ │ │ ├── baseline.tsx │ │ │ ├── content.tsx │ │ │ ├── custom-content.tsx │ │ │ ├── index.examples.tsx │ │ │ ├── perf.tsx │ │ │ ├── pin.tsx │ │ │ ├── playground.tsx │ │ │ ├── size.tsx │ │ │ ├── states.tsx │ │ │ ├── theme.tsx │ │ │ ├── view.tsx │ │ │ └── width.tsx │ │ ├── __tests__ │ │ │ ├── Button.hermione.ts │ │ │ ├── Button.node.test.tsx │ │ │ ├── Button.test.tsx │ │ │ ├── __screenshots__ │ │ │ │ └── should-render-view-default │ │ │ │ │ ├── linux-chrome │ │ │ │ │ └── plain.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ └── plain.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ └── plain.png │ │ │ └── scenarios │ │ │ │ ├── scenarios.examples.tsx │ │ │ │ └── view.tsx │ │ ├── _baseline │ │ │ ├── Button_baseline.css │ │ │ └── Button_baseline.tsx │ │ ├── _pin │ │ │ ├── Button_pin_brick-brick.css │ │ │ ├── Button_pin_brick-brick.tsx │ │ │ ├── Button_pin_brick-circle.css │ │ │ ├── Button_pin_brick-circle.tsx │ │ │ ├── Button_pin_brick-clear.css │ │ │ ├── Button_pin_brick-clear.tsx │ │ │ ├── Button_pin_brick-round.css │ │ │ ├── Button_pin_brick-round.tsx │ │ │ ├── Button_pin_circle-brick.css │ │ │ ├── Button_pin_circle-brick.tsx │ │ │ ├── Button_pin_circle-circle.css │ │ │ ├── Button_pin_circle-circle.tsx │ │ │ ├── Button_pin_circle-clear.css │ │ │ ├── Button_pin_circle-clear.tsx │ │ │ ├── Button_pin_clear-brick.css │ │ │ ├── Button_pin_clear-brick.tsx │ │ │ ├── Button_pin_clear-circle.css │ │ │ ├── Button_pin_clear-circle.tsx │ │ │ ├── Button_pin_clear-clear.css │ │ │ ├── Button_pin_clear-clear.tsx │ │ │ ├── Button_pin_clear-round.css │ │ │ ├── Button_pin_clear-round.tsx │ │ │ ├── Button_pin_round-brick.css │ │ │ ├── Button_pin_round-brick.tsx │ │ │ ├── Button_pin_round-clear.css │ │ │ └── Button_pin_round-clear.tsx │ │ ├── _size │ │ │ ├── Button_size_l.css │ │ │ ├── Button_size_l.tsx │ │ │ ├── Button_size_m.css │ │ │ ├── Button_size_m.tsx │ │ │ ├── Button_size_s.css │ │ │ └── Button_size_s.tsx │ │ ├── _theme │ │ │ ├── Button_theme_action.css │ │ │ ├── Button_theme_action.tsx │ │ │ ├── Button_theme_action@desktop.css │ │ │ ├── Button_theme_action@desktop.tsx │ │ │ ├── Button_theme_clear.css │ │ │ ├── Button_theme_clear.tsx │ │ │ ├── Button_theme_clear@desktop.css │ │ │ ├── Button_theme_clear@desktop.tsx │ │ │ ├── Button_theme_link.css │ │ │ ├── Button_theme_link.tsx │ │ │ ├── Button_theme_normal.css │ │ │ ├── Button_theme_normal.tsx │ │ │ ├── Button_theme_normal@desktop.css │ │ │ ├── Button_theme_normal@desktop.tsx │ │ │ ├── Button_theme_pseudo.css │ │ │ ├── Button_theme_pseudo.tsx │ │ │ ├── Button_theme_pseudo@desktop.css │ │ │ ├── Button_theme_pseudo@desktop.tsx │ │ │ ├── Button_theme_raised.css │ │ │ ├── Button_theme_raised.tsx │ │ │ ├── Button_theme_raised@desktop.css │ │ │ ├── Button_theme_raised@desktop.tsx │ │ │ ├── Button_theme_websearch.css │ │ │ ├── Button_theme_websearch.tsx │ │ │ ├── Button_theme_websearch@desktop.css │ │ │ └── Button_theme_websearch@desktop.tsx │ │ ├── _type │ │ │ ├── Button_type_link.tsx │ │ │ └── Button_type_submit.tsx │ │ ├── _view │ │ │ ├── Button_view_action.css │ │ │ ├── Button_view_action.tsx │ │ │ ├── Button_view_action@desktop.css │ │ │ ├── Button_view_action@desktop.tsx │ │ │ ├── Button_view_clear.css │ │ │ ├── Button_view_clear.tsx │ │ │ ├── Button_view_clear@desktop.css │ │ │ ├── Button_view_clear@desktop.tsx │ │ │ ├── Button_view_default.css │ │ │ ├── Button_view_default.tsx │ │ │ ├── Button_view_default@desktop.css │ │ │ ├── Button_view_default@desktop.tsx │ │ │ ├── Button_view_link.css │ │ │ ├── Button_view_link.tsx │ │ │ ├── Button_view_link@desktop.css │ │ │ ├── Button_view_link@desktop.tsx │ │ │ ├── Button_view_pseudo.css │ │ │ ├── Button_view_pseudo.tsx │ │ │ ├── Button_view_pseudo@desktop.css │ │ │ ├── Button_view_pseudo@desktop.tsx │ │ │ ├── Button_view_raised.css │ │ │ ├── Button_view_raised.tsx │ │ │ ├── Button_view_raised@desktop.css │ │ │ └── Button_view_raised@desktop.tsx │ │ ├── _width │ │ │ ├── Button_width_auto.css │ │ │ ├── Button_width_auto.tsx │ │ │ ├── Button_width_max.css │ │ │ └── Button_width_max.tsx │ │ ├── desktop │ │ │ ├── bundle.ts │ │ │ └── index.ts │ │ ├── index.ts │ │ ├── mixins │ │ │ ├── Button_base.pcss │ │ │ ├── Button_checked-hovered.pcss │ │ │ ├── Button_checked.pcss │ │ │ ├── Button_clear-base.pcss │ │ │ ├── Button_clear-checked.pcss │ │ │ ├── Button_clear-disabled.pcss │ │ │ ├── Button_clear-hovered.pcss │ │ │ ├── Button_clear.pcss │ │ │ ├── Button_disabled.pcss │ │ │ ├── Button_filled.pcss │ │ │ ├── Button_focused.pcss │ │ │ ├── Button_hovered.pcss │ │ │ ├── Button_outlined-base.pcss │ │ │ ├── Button_outlined.pcss │ │ │ ├── Button_pressed.pcss │ │ │ ├── Button_progress.pcss │ │ │ ├── Button_raised.pcss │ │ │ └── Button_size.pcss │ │ ├── readme.md │ │ ├── touch-pad │ │ │ ├── bundle.ts │ │ │ └── index.ts │ │ └── touch-phone │ │ │ ├── bundle.ts │ │ │ └── index.ts │ ├── Calendar │ │ ├── BaseCalendar │ │ │ ├── BaseCalendar.css │ │ │ ├── BaseCalendar.tsx │ │ │ └── index.ts │ │ ├── Calendar.const.ts │ │ ├── Calendar.tokens │ │ │ └── Calendar.tokens.yml │ │ ├── Calendar.tsx │ │ ├── DateButton │ │ │ ├── DateButton.css │ │ │ ├── DateButton.tsx │ │ │ └── index.ts │ │ ├── DateCell │ │ │ ├── DateCell.tsx │ │ │ └── index.ts │ │ ├── DaysOfWeek │ │ │ ├── DaysOfWeek.tsx │ │ │ └── index.ts │ │ ├── MultipleCalendar.tsx │ │ ├── Navigation │ │ │ ├── Navigation.css │ │ │ ├── Navigation.tsx │ │ │ └── index.ts │ │ ├── RangeCalendar.tsx │ │ ├── View │ │ │ ├── View.css │ │ │ ├── View.tsx │ │ │ └── index.ts │ │ ├── __examples__ │ │ │ ├── index.examples.tsx │ │ │ ├── min-max.tsx │ │ │ ├── overriden.tsx │ │ │ ├── playground.tsx │ │ │ ├── size.tsx │ │ │ ├── types.tsx │ │ │ ├── view.tsx │ │ │ └── views-count.tsx │ │ ├── __tests__ │ │ │ ├── Calendar.hermione.ts │ │ │ ├── Calendar.node.test.tsx │ │ │ ├── Calendar.test.tsx │ │ │ ├── __screenshots__ │ │ │ │ ├── should-render-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── hovered-day.png │ │ │ │ │ │ ├── hovered-weekend.png │ │ │ │ │ │ ├── selected-day.png │ │ │ │ │ │ └── selected-weekend.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── hovered-day.png │ │ │ │ │ │ ├── hovered-weekend.png │ │ │ │ │ │ ├── selected-day.png │ │ │ │ │ │ └── selected-weekend.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── hovered-day.png │ │ │ │ │ │ ├── hovered-weekend.png │ │ │ │ │ │ ├── selected-day.png │ │ │ │ │ │ └── selected-weekend.png │ │ │ │ ├── should-render-day-calendar-with-disable-all-days │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ └── plain.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ └── plain.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ └── plain.png │ │ │ │ ├── should-render-day-calendar-with-outside-days │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ ├── should-render-day-calendar-with-week-numbers │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ ├── should-render-day-calendar-without-days-of-week │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ └── plain.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ └── plain.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ └── plain.png │ │ │ │ ├── should-render-day-multiple-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ ├── should-render-day-range-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ │ ├── selected-end.png │ │ │ │ │ │ └── selected-start.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ │ ├── selected-end.png │ │ │ │ │ │ └── selected-start.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ │ ├── selected-end.png │ │ │ │ │ │ └── selected-start.png │ │ │ │ ├── should-render-month-calendar-with-quarters │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ ├── should-render-month-multiple-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ ├── should-render-month-range-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ │ ├── selected-end.png │ │ │ │ │ │ └── selected-start.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ │ ├── selected-end.png │ │ │ │ │ │ └── selected-start.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ │ ├── selected-end.png │ │ │ │ │ │ └── selected-start.png │ │ │ │ ├── should-render-year-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── size-l.png │ │ │ │ │ │ ├── size-m.png │ │ │ │ │ │ └── size-s.png │ │ │ │ ├── should-render-year-multiple-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── selected-first.png │ │ │ │ │ │ ├── selected-second.png │ │ │ │ │ │ └── unselected-first.png │ │ │ │ └── should-render-year-range-calendar │ │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ ├── selected-end.png │ │ │ │ │ └── selected-start.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ ├── selected-end.png │ │ │ │ │ └── selected-start.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ ├── hovered-end.png │ │ │ │ │ ├── hovered-start.png │ │ │ │ │ ├── selected-end.png │ │ │ │ │ └── selected-start.png │ │ │ └── scenarios │ │ │ │ ├── multiple-calendar.tsx │ │ │ │ ├── range-calendar.tsx │ │ │ │ ├── scenarios.examples.tsx │ │ │ │ └── single-calendar.tsx │ │ ├── _size │ │ │ ├── Calendar_size_l.css │ │ │ ├── Calendar_size_l.tsx │ │ │ ├── Calendar_size_m.css │ │ │ ├── Calendar_size_m.tsx │ │ │ ├── Calendar_size_s.css │ │ │ └── Calendar_size_s.tsx │ │ ├── _view │ │ │ ├── Calendar_view_brand.css │ │ │ ├── Calendar_view_brand.tsx │ │ │ ├── Calendar_view_default.css │ │ │ └── Calendar_view_default.tsx │ │ ├── desktop │ │ │ ├── bundle.ts │ │ │ └── index.ts │ │ ├── index.ts │ │ ├── readme.md │ │ ├── shared │ │ │ ├── Grid │ │ │ │ ├── Grid.css │ │ │ │ ├── Grid.tsx │ │ │ │ └── index.ts │ │ │ ├── GridCell │ │ │ │ ├── GridCell.css │ │ │ │ ├── GridCell.tsx │ │ │ │ └── index.ts │ │ │ ├── GridRow │ │ │ │ ├── GridRow.css │ │ │ │ ├── GridRow.tsx │ │ │ │ └── index.ts │ │ │ ├── GridSection │ │ │ │ ├── GridSection.css │ │ │ │ ├── GridSection.tsx │ │ │ │ └── index.ts │ │ │ └── index.ts │ │ ├── touch-phone │ │ │ ├── bundle.ts │ │ │ └── index.ts │ │ └── types.ts │ ├── DatePicker │ │ ├── DatePicker.css │ │ ├── DatePicker.tsx │ │ ├── DateRangePicker.tsx │ │ ├── __examples__ │ │ │ ├── RangeDatePicker │ │ │ │ ├── autofocus.tsx │ │ │ │ ├── custom-format.tsx │ │ │ │ ├── disabled.tsx │ │ │ │ ├── index.examples.ts │ │ │ │ ├── min-max.tsx │ │ │ │ ├── placeholder.tsx │ │ │ │ ├── readonly.tsx │ │ │ │ ├── rtl.tsx │ │ │ │ └── size.tsx │ │ │ ├── autofocus.tsx │ │ │ ├── custom-components.tsx │ │ │ ├── custom-format.tsx │ │ │ ├── disabled.tsx │ │ │ ├── index.examples.ts │ │ │ ├── locale.tsx │ │ │ ├── min-max.tsx │ │ │ ├── placeholder.tsx │ │ │ ├── readonly.tsx │ │ │ ├── rtl.tsx │ │ │ ├── size.tsx │ │ │ ├── type.tsx │ │ │ └── view.tsx │ │ ├── constants.ts │ │ ├── createDatePicker.tsx │ │ ├── index.ts │ │ ├── readme.md │ │ └── types.ts │ ├── DateTimeField │ │ ├── Base │ │ │ ├── DateTimeField-Base.css │ │ │ ├── DateTimeField-Base.tsx │ │ │ └── index.ts │ │ ├── Control │ │ │ ├── DateTimeField-Control.css │ │ │ ├── DateTimeField-Control.tsx │ │ │ └── index.ts │ │ ├── DateTimeField.const.ts │ │ ├── DateTimeField.tokens │ │ │ └── DateTimeField.tokens.yml │ │ ├── DateTimeField.tsx │ │ ├── DateTimeRangeField.tsx │ │ ├── RangeDash │ │ │ ├── DateTimeField-RangeDash.css │ │ │ ├── DateTimeField-RangeDash.tsx │ │ │ └── index.ts │ │ ├── Segment │ │ │ ├── DateTimeField-EditableSegment.css │ │ │ ├── DateTimeField-EditableSegment.tsx │ │ │ ├── DateTimeField-LiteralSegment.css │ │ │ ├── DateTimeField-LiteralSegment.tsx │ │ │ ├── DateTimeField-Segment.tsx │ │ │ └── index.ts │ │ ├── Slot │ │ │ ├── DateTimeField-Slot.css │ │ │ ├── DateTimeField-Slot.tsx │ │ │ └── index.ts │ │ ├── __examples__ │ │ │ ├── addons.tsx │ │ │ ├── format-options.tsx │ │ │ ├── index.examples.ts │ │ │ ├── min-max.tsx │ │ │ ├── pin.tsx │ │ │ ├── playground.tsx │ │ │ ├── size.tsx │ │ │ ├── types.tsx │ │ │ └── view.tsx │ │ ├── __tests__ │ │ │ ├── DateTimeField.hermione.ts │ │ │ ├── DateTimeField.test.tsx │ │ │ ├── DateTimeRangeField.test.tsx │ │ │ ├── __screenshots__ │ │ │ │ ├── should-render-states │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── default.png │ │ │ │ │ │ ├── disabled.png │ │ │ │ │ │ ├── focused.png │ │ │ │ │ │ └── hovered.png │ │ │ │ │ └── linux-firefox │ │ │ │ │ │ ├── default.png │ │ │ │ │ │ ├── disabled.png │ │ │ │ │ │ ├── focused.png │ │ │ │ │ │ └── hovered.png │ │ │ │ └── should-render-view-default │ │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ │ │ └── linux-firefox │ │ │ │ │ ├── size-m.png │ │ │ │ │ └── size-s.png │ │ │ └── scenarios │ │ │ │ ├── scenarios.examples.tsx │ │ │ │ └── single.tsx │ │ ├── _pin │ │ │ ├── DateTimeField_pin_brick-brick.css │ │ │ ├── DateTimeField_pin_brick-brick.tsx │ │ │ ├── DateTimeField_pin_brick-clear.css │ │ │ ├── DateTimeField_pin_brick-clear.tsx │ │ │ ├── DateTimeField_pin_brick-round.css │ │ │ ├── DateTimeField_pin_brick-round.tsx │ │ │ ├── DateTimeField_pin_clear-brick.css │ │ │ ├── DateTimeField_pin_clear-brick.tsx │ │ │ ├── DateTimeField_pin_clear-clear.css │ │ │ ├── DateTimeField_pin_clear-clear.tsx │ │ │ ├── DateTimeField_pin_clear-round.css │ │ │ ├── DateTimeField_pin_clear-round.tsx │ │ │ ├── DateTimeField_pin_round-brick.css │ │ │ ├── DateTimeField_pin_round-brick.tsx │ │ │ ├── DateTimeField_pin_round-clear.css │ │ │ └── DateTimeField_pin_round-clear.tsx │ │ ├── _size │ │ │ ├── DateTimeField_size_m.css │ │ │ ├── DateTimeField_size_m.tsx │ │ │ ├── DateTimeField_size_s.css │ │ │ └── DateTimeField_size_s.tsx │ │ ├── _view │ │ │ ├── DateTimeField_view_default.css │ │ │ └── DateTimeField_view_default.tsx │ │ ├── desktop │ │ │ ├── bundle │ │ │ │ └── index.ts │ │ │ └── index.ts │ │ ├── index.ts │ │ └── readme.md │ ├── Text │ │ ├── Text.bundle │ │ │ ├── common.ts │ │ │ ├── desktop.ts │ │ │ ├── touch-pad.ts │ │ │ └── touch-phone.ts │ │ ├── Text.tokens │ │ │ └── Text.tokens.yml │ │ ├── Text.tsx │ │ ├── Text@desktop.ts │ │ ├── Text@touch-pad.ts │ │ ├── Text@touch-phone.ts │ │ ├── __examples__ │ │ │ ├── align.tsx │ │ │ ├── assets.ts │ │ │ ├── base.tsx │ │ │ ├── color.tsx │ │ │ ├── common.css │ │ │ ├── common.tsx │ │ │ ├── control-color.tsx │ │ │ ├── ellipsis.tsx │ │ │ ├── fade-horizontal.tsx │ │ │ ├── fade.tsx │ │ │ ├── index.examples.ts │ │ │ ├── link-color.tsx │ │ │ └── playground.tsx │ │ ├── __tests__ │ │ │ ├── Text.hermione.ts │ │ │ ├── Text.node.test.tsx │ │ │ ├── Text.test.tsx │ │ │ ├── __screenshots__ │ │ │ │ ├── static-align │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── align-center.png │ │ │ │ │ │ ├── align-end.png │ │ │ │ │ │ ├── align-justify.png │ │ │ │ │ │ └── align-start.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── align-center.png │ │ │ │ │ │ ├── align-end.png │ │ │ │ │ │ ├── align-justify.png │ │ │ │ │ │ └── align-start.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── align-center.png │ │ │ │ │ │ ├── align-end.png │ │ │ │ │ │ ├── align-justify.png │ │ │ │ │ │ └── align-start.png │ │ │ │ ├── static-colors │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ └── plain.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ └── plain.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ └── plain.png │ │ │ │ ├── static-ellipsis │ │ │ │ │ └── linux-chrome │ │ │ │ │ │ ├── overflow-ellipsis-1.png │ │ │ │ │ │ ├── overflow-ellipsis-2.png │ │ │ │ │ │ └── overflow-ellipsis-3.png │ │ │ │ ├── static-overflow │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ ├── overflow-fade-1.png │ │ │ │ │ │ ├── overflow-fade-2.png │ │ │ │ │ │ ├── overflow-fade-3.png │ │ │ │ │ │ ├── overflow-fade-horizontal-1.png │ │ │ │ │ │ ├── overflow-fade-horizontal-2.png │ │ │ │ │ │ └── overflow-fade-horizontal-3.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ ├── overflow-fade-1.png │ │ │ │ │ │ ├── overflow-fade-2.png │ │ │ │ │ │ ├── overflow-fade-3.png │ │ │ │ │ │ ├── overflow-fade-horizontal-1.png │ │ │ │ │ │ ├── overflow-fade-horizontal-2.png │ │ │ │ │ │ └── overflow-fade-horizontal-3.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ ├── overflow-fade-1.png │ │ │ │ │ │ ├── overflow-fade-2.png │ │ │ │ │ │ ├── overflow-fade-3.png │ │ │ │ │ │ ├── overflow-fade-horizontal-1.png │ │ │ │ │ │ ├── overflow-fade-horizontal-2.png │ │ │ │ │ │ └── overflow-fade-horizontal-3.png │ │ │ │ ├── static-typography │ │ │ │ │ ├── linux-chrome │ │ │ │ │ │ └── plain.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ │ └── plain.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ │ └── plain.png │ │ │ │ └── static-weight │ │ │ │ │ ├── linux-chrome │ │ │ │ │ ├── weight-bold.png │ │ │ │ │ ├── weight-light.png │ │ │ │ │ ├── weight-medium.png │ │ │ │ │ └── weight-regular.png │ │ │ │ │ ├── linux-firefox │ │ │ │ │ ├── weight-bold.png │ │ │ │ │ ├── weight-light.png │ │ │ │ │ ├── weight-medium.png │ │ │ │ │ └── weight-regular.png │ │ │ │ │ └── win-ie11 │ │ │ │ │ ├── weight-bold.png │ │ │ │ │ ├── weight-light.png │ │ │ │ │ ├── weight-medium.png │ │ │ │ │ └── weight-regular.png │ │ │ ├── __snapshots__ │ │ │ │ └── Text.test.tsx.snap │ │ │ └── scenarios │ │ │ │ ├── color-text.tsx │ │ │ │ ├── scenarios.examples.tsx │ │ │ │ ├── simple-text.tsx │ │ │ │ └── typography-text.tsx │ │ ├── _align │ │ │ ├── Text_align.css │ │ │ └── Text_align.tsx │ │ ├── _color │ │ │ ├── Text_color.css │ │ │ └── Text_color.tsx │ │ ├── _overflow │ │ │ ├── Text_overflow.css │ │ │ └── Text_overflow.tsx │ │ ├── _typography │ │ │ ├── Text_typography.ts │ │ │ ├── Text_typography_body-long-l.css │ │ │ ├── Text_typography_body-long-l.tsx │ │ │ ├── Text_typography_body-long-m.css │ │ │ ├── Text_typography_body-long-m.tsx │ │ │ ├── Text_typography_body-long-s.css │ │ │ ├── Text_typography_body-long-s.tsx │ │ │ ├── Text_typography_body-long-xl.css │ │ │ ├── Text_typography_body-long-xl.tsx │ │ │ ├── Text_typography_body-short-l.css │ │ │ ├── Text_typography_body-short-l.tsx │ │ │ ├── Text_typography_body-short-m.css │ │ │ ├── Text_typography_body-short-m.tsx │ │ │ ├── Text_typography_body-short-s.css │ │ │ ├── Text_typography_body-short-s.tsx │ │ │ ├── Text_typography_body-short-xl.css │ │ │ ├── Text_typography_body-short-xl.tsx │ │ │ ├── Text_typography_caption-l.css │ │ │ ├── Text_typography_caption-l.tsx │ │ │ ├── Text_typography_caption-m.css │ │ │ ├── Text_typography_caption-m.tsx │ │ │ ├── Text_typography_caption-xl.css │ │ │ ├── Text_typography_caption-xl.tsx │ │ │ ├── Text_typography_control-l.css │ │ │ ├── Text_typography_control-l.tsx │ │ │ ├── Text_typography_control-m.css │ │ │ ├── Text_typography_control-m.tsx │ │ │ ├── Text_typography_control-s.css │ │ │ ├── Text_typography_control-s.tsx │ │ │ ├── Text_typography_control-xl.css │ │ │ ├── Text_typography_control-xl.tsx │ │ │ ├── Text_typography_control-xs.css │ │ │ ├── Text_typography_control-xs.tsx │ │ │ ├── Text_typography_control-xxl.css │ │ │ ├── Text_typography_control-xxl.tsx │ │ │ ├── Text_typography_control-xxs.css │ │ │ ├── Text_typography_control-xxs.tsx │ │ │ ├── Text_typography_display-l.css │ │ │ ├── Text_typography_display-l.tsx │ │ │ ├── Text_typography_display-m.css │ │ │ ├── Text_typography_display-m.tsx │ │ │ ├── Text_typography_display-s.css │ │ │ ├── Text_typography_display-s.tsx │ │ │ ├── Text_typography_display-xl.css │ │ │ ├── Text_typography_display-xl.tsx │ │ │ ├── Text_typography_headline-l.css │ │ │ ├── Text_typography_headline-l.tsx │ │ │ ├── Text_typography_headline-m.css │ │ │ ├── Text_typography_headline-m.tsx │ │ │ ├── Text_typography_headline-s.css │ │ │ ├── Text_typography_headline-s.tsx │ │ │ ├── Text_typography_headline-xl.css │ │ │ ├── Text_typography_headline-xl.tsx │ │ │ ├── Text_typography_headline-xs.css │ │ │ ├── Text_typography_headline-xs.tsx │ │ │ ├── Text_typography_overline-l.css │ │ │ ├── Text_typography_overline-l.tsx │ │ │ ├── Text_typography_overline-m.css │ │ │ ├── Text_typography_overline-m.tsx │ │ │ ├── Text_typography_overline-s.css │ │ │ ├── Text_typography_overline-s.tsx │ │ │ ├── Text_typography_subheader-l.css │ │ │ ├── Text_typography_subheader-l.tsx │ │ │ ├── Text_typography_subheader-m.css │ │ │ ├── Text_typography_subheader-m.tsx │ │ │ ├── Text_typography_subheader-s.css │ │ │ ├── Text_typography_subheader-s.tsx │ │ │ ├── Text_typography_subheader-xl.css │ │ │ └── Text_typography_subheader-xl.tsx │ │ ├── _weight │ │ │ ├── Text_weight.ts │ │ │ ├── Text_weight_bold.css │ │ │ ├── Text_weight_bold.tsx │ │ │ ├── Text_weight_light.css │ │ │ ├── Text_weight_light.tsx │ │ │ ├── Text_weight_medium.css │ │ │ ├── Text_weight_medium.tsx │ │ │ ├── Text_weight_regular.css │ │ │ └── Text_weight_regular.tsx │ │ ├── bundle │ │ │ └── index.ts │ │ ├── desktop │ │ │ ├── bundle │ │ │ │ └── index.ts │ │ │ └── index.ts │ │ ├── index.ts │ │ ├── readme.md │ │ ├── touch-pad │ │ │ ├── bundle │ │ │ │ └── index.ts │ │ │ └── index.ts │ │ └── touch-phone │ │ │ ├── bundle │ │ │ └── index.ts │ │ │ └── index.ts │ └── TextField │ │ ├── TextField-Button │ │ ├── TextField-Button.css │ │ └── TextField-Button.tsx │ │ ├── constants.ts │ │ └── index.ts ├── polyfills │ ├── click-event │ │ ├── README.md │ │ ├── click-event.css │ │ └── index.ts │ └── pointerfocus │ │ ├── README.md │ │ ├── __tests__ │ │ └── pointerfocus.test.tsx │ │ ├── index.ts │ │ └── pointerfocus.ts ├── ssr │ ├── __tests__ │ │ └── SSRProvider.test.tsx │ └── index.ts ├── typings │ └── utility-types.ts ├── useCollection │ ├── __tests__ │ │ └── useCollection.test.tsx │ ├── index.ts │ └── useCollection.ts ├── useFocusTrap │ ├── README.md │ ├── __tests__ │ │ ├── __snapshots__ │ │ │ └── useFocusTrap.test.tsx.snap │ │ ├── scenarios │ │ │ ├── autofocus.tsx │ │ │ ├── default.tsx │ │ │ └── order.tsx │ │ ├── useFocusTrap.hermione-sample.tsx │ │ ├── useFocusTrap.hermione.ts │ │ ├── useFocusTrap.node.test.tsx │ │ ├── useFocusTrap.test.tsx │ │ ├── useRestoreFocus.node.test.tsx │ │ └── useRestoreFocus.test.tsx │ ├── index.ts │ ├── useFocusTrap.ts │ └── useRestoreFocus.ts ├── useForkRef │ ├── index.ts │ └── useForkRef.ts ├── useIsomorphicLayoutEffect │ ├── index.ts │ └── useIsomorphicLayoutEffect.ts ├── useOverlay │ ├── OverlayManager.ts │ ├── __tests__ │ │ ├── OverlayManager.test.ts │ │ ├── useOverlay.node.test.tsx │ │ └── useOverlay.test.ts │ ├── index.ts │ └── useOverlay.ts ├── usePopper │ ├── README.md │ ├── __tests__ │ │ ├── usePopper.test.tsx │ │ └── useVirtualElementRef.test.ts │ ├── createPopper.ts │ ├── directions.ts │ ├── index.ts │ ├── modifiers │ │ ├── applyMaxHeight.ts │ │ ├── applyMinWidth.ts │ │ ├── applyStyles.ts │ │ ├── hide.ts │ │ ├── offset.ts │ │ └── patchScaleFactor.ts │ ├── types.ts │ ├── usePopper.ts │ ├── useVirtualElementRef.ts │ └── utils.ts ├── usePreventScroll │ ├── __examples__ │ │ └── default.examples.tsx │ ├── __tests__ │ │ ├── usePreventScroll.node.test.tsx │ │ └── usePreventScroll.test.tsx │ ├── index.ts │ └── usePreventScroll.ts ├── usePreviousValue │ ├── examples │ │ ├── default.examples.tsx │ │ ├── index.examples.tsx │ │ └── rerender.examples.tsx │ ├── index.ts │ └── usePreviousValue.ts ├── useTextFieldHint │ ├── __tests__ │ │ └── useTextFieldHint.test.tsx │ ├── index.ts │ └── useTextFieldHint.ts ├── useUniqId │ ├── __tests__ │ │ └── useUniqId.test.ts │ ├── examples │ │ ├── default.examples.tsx │ │ └── index.examples.tsx │ ├── index.ts │ └── useUniqId.ts ├── useUpdateEffect │ ├── __tests__ │ │ └── useUpdateEffect.test.ts │ ├── examples │ │ ├── default.examples.tsx │ │ └── index.examples.tsx │ ├── index.ts │ └── useUpdateEffect.ts ├── withAutoFocus │ ├── README.md │ ├── examples │ │ ├── default.examples.tsx │ │ └── index.examples.tsx │ ├── index.ts │ └── withAutoFocus.tsx ├── withControl │ ├── __examples__ │ │ └── default.tsx │ ├── __tests__ │ │ └── withControl.test.tsx │ ├── index.ts │ ├── readme.md │ ├── withControl.tsx │ └── withControl@desktop.tsx ├── withDebounceInput │ ├── __tests__ │ │ └── withDebounceInput.test.tsx │ ├── examples │ │ ├── blur.examples.tsx │ │ ├── default.examples.tsx │ │ ├── enter.examples.tsx │ │ ├── index.examples.tsx │ │ └── minlength.examples.tsx │ ├── index.ts │ ├── readme.md │ └── withDebounceInput.tsx ├── withOutsideClick │ ├── README.md │ ├── __tests__ │ │ └── withOutsideClick.test.tsx │ ├── examples │ │ ├── default.examples.tsx │ │ ├── esc.examples.tsx │ │ ├── ignore.examples.tsx │ │ └── index.examples.tsx │ ├── index.ts │ └── withOutsideClick.tsx ├── withTogglable │ ├── __examples__ │ │ └── default.tsx │ ├── index.ts │ ├── readme.md │ └── withTogglable.tsx └── withZIndex │ ├── __examples__ │ └── default.tsx │ ├── __tests__ │ └── withZIndex.test.tsx │ ├── index.ts │ ├── readme.md │ └── withZIndex.tsx ├── tsconfig.json ├── tsconfig.prod.json ├── tsconfig.test.json └── website ├── .arcignore ├── .config └── static │ └── index.js ├── .env.development ├── .env.production ├── .gitignore ├── .npmrc ├── README.md ├── content ├── components │ ├── attach │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── badge │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── button-group │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── button │ │ ├── __meta.mdx │ │ ├── accessibility.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── calendar │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── checkbox │ │ ├── __meta.mdx │ │ ├── accessibility.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── date-picker │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── date-time-field │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── divider │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── drawer │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ ├── props.tsx │ │ └── usage.mdx │ ├── dropdown │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── header │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── examples.mdx │ │ ├── migration.mdx │ │ ├── structure.mdx │ │ └── usage.mdx │ ├── icon │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── image │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── layer-manager │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── link │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── list-tile │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── menu │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── message-box │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ ├── messageBoxPopupProps.tsx │ │ └── messageBoxProps.tsx │ ├── modal │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ ├── notes.mdx │ │ └── props.tsx │ ├── popup │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── portal │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ └── props.tsx │ ├── progress │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── radio-button │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── radiobox │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ ├── radioBoxProps.tsx │ │ └── radioProps.tsx │ ├── select │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── slider │ │ ├── __meta.mdx │ │ ├── accessibility.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── spacer │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ └── props.tsx │ ├── spin │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── tabs-menu │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── tabs-panes │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── text │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── textarea │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── textinput │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── theme │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── custom.mdx │ │ ├── notes.mdx │ │ └── usage.mdx │ ├── tooltip │ │ ├── __meta.mdx │ │ ├── accessibility.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ ├── tumbler │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx │ └── user-pic │ │ ├── __meta.mdx │ │ ├── changelog.mdx │ │ ├── code.mdx │ │ ├── examples.mdx │ │ └── props.tsx ├── guidelines │ └── start.mdx ├── hocs │ ├── with-auto-focus │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ ├── with-control │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ ├── with-debounce-input │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ ├── with-outside-click │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ ├── with-togglable │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ └── with-z-index │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx ├── hooks │ ├── use-isomorphic-layout-effect │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ ├── use-overlay │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── props.tsx │ ├── use-popper │ │ ├── __meta.mdx │ │ ├── props.mdx │ │ └── usage.mdx │ ├── use-prevent-scroll │ │ ├── __meta.mdx │ │ └── usage.mdx │ ├── use-previous-value │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ ├── use-uniq-id │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx │ └── use-update-effect │ │ ├── __meta.mdx │ │ ├── code.mdx │ │ └── examples.mdx ├── libs │ ├── render-override │ │ ├── __meta.mdx │ │ └── code.mdx │ └── scroll-locker │ │ ├── __meta.mdx │ │ └── usage.mdx └── sidebar.json ├── documentation ├── developing │ └── design-tokens.mdx └── sidebar.json ├── gatsby-browser.js ├── gatsby-config.js ├── gatsby-node.js ├── gatsby-ssr.js ├── gatsby ├── dotenv-setup.js ├── pathPrefix.js ├── shouldCreatePage.js └── wrapRootElement.js ├── package-lock.json ├── package.json ├── plugins ├── gatsby-lunr-search │ ├── gatsby-browser.js │ ├── gatsby-node.js │ ├── gatsby │ │ ├── clientEntry.js │ │ └── postBootstrap.js │ ├── package.json │ └── src │ │ ├── indexer.js │ │ └── markdown-parser.js └── gatsby-theme-lego │ ├── gatsby-browser.js │ ├── gatsby-config.js │ ├── gatsby-node.js │ ├── gatsby-ssr.js │ ├── gatsby │ ├── createPagesStatefully.js │ ├── createWebpackConfig.js │ ├── wrapPageElement.js │ └── wrapRootElement.js │ ├── package.json │ └── src │ ├── components │ ├── CodeHighlighter │ │ ├── CodeHighlighter.tsx │ │ ├── CopyButton.tsx │ │ └── index.ts │ ├── Disclaimer.tsx │ ├── Example │ │ ├── Example.tsx │ │ ├── index.ts │ │ └── utils.ts │ ├── FeedbackForm.tsx │ ├── Flex.tsx │ ├── Footer.tsx │ ├── GlobalStyles.tsx │ ├── Header.tsx │ ├── InlineCode.tsx │ ├── Layout.tsx │ ├── LegoThemeProvider.tsx │ ├── MDXLayoutProvider.tsx │ ├── PageContextProvider.tsx │ ├── PageHeader.tsx │ ├── PageTabs.tsx │ ├── PropsTable.tsx │ ├── Sidebar │ │ ├── HybridLink.tsx │ │ ├── Sidebar.tsx │ │ ├── SidebarSection.tsx │ │ └── index.ts │ ├── Table.tsx │ └── Typography │ │ ├── H1.tsx │ │ ├── H2.tsx │ │ ├── H3.tsx │ │ ├── H4.tsx │ │ ├── H5.tsx │ │ ├── Link.tsx │ │ ├── P.tsx │ │ ├── Strong.tsx │ │ ├── Subheader.tsx │ │ ├── Unstyled.tsx │ │ └── index.ts │ ├── fonts │ ├── index.tsx │ ├── jetbrains-mono-cyrillic-400-normal.woff2 │ └── jetbrains-mono-latin-400-normal.woff2 │ ├── gatsby-types.ts │ ├── hocs │ └── withAnchor.tsx │ ├── hooks │ └── useCurrentSlug.ts │ ├── icons │ ├── ArcIcon.tsx │ ├── BackgroundIcon.tsx │ ├── CodeIcon.tsx │ ├── CodeSandboxIcon.tsx │ ├── CopyIcon.tsx │ ├── FigmaIcon.tsx │ ├── Icon.tsx │ ├── StorybookIcon.tsx │ └── index.ts │ ├── libs │ ├── fork.ts │ └── styled │ │ └── scroll.ts │ └── templates │ └── Default.tsx └── src ├── components ├── Issues.tsx └── Logo.tsx ├── gatsby-theme-lego └── components │ ├── FeedbackForm │ ├── FeedbackForm.tsx │ ├── FeedbackIllustration.tsx │ ├── HiddenForm.tsx │ ├── InputForm.tsx │ ├── Rating.tsx │ ├── RatingForm.tsx │ ├── SmileIcon.tsx │ ├── StarIcon.tsx │ ├── Thanks.tsx │ └── index.ts │ ├── Footer.tsx │ ├── Header.tsx │ ├── HeaderNav.tsx │ └── Search.tsx ├── icons ├── MailIcon.tsx ├── SlackIcon.tsx ├── SupportBoard.tsx └── index.ts ├── libs └── analytics │ ├── ClickCatcher.tsx │ ├── MetrikaCounter.tsx │ ├── index.ts │ └── senders.ts ├── pages ├── 404.js └── index.js └── templates ├── Faq.tsx └── Issues.tsx /.browserslistrc: -------------------------------------------------------------------------------- 1 | last 2 versions 2 | opera >= 12.1 3 | ff >= 23 4 | android >= 4 5 | ios >= 5.1 6 | ie >= 11 -------------------------------------------------------------------------------- /.config/jest/__mocks__/noop.js: -------------------------------------------------------------------------------- 1 | module.exports = {}; 2 | -------------------------------------------------------------------------------- /.config/postcss.config.js: -------------------------------------------------------------------------------- 1 | const { join } = require('path'); 2 | 3 | module.exports = { 4 | plugins: [ 5 | require('postcss-mixins')({ 6 | mixinsDir: join(__dirname, '../src/**/mixins'), 7 | }), 8 | ], 9 | }; 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # build 2 | dist 3 | 4 | # reports 5 | .coverage 6 | 7 | # legacy artifacts 8 | /desktop.react-tests 9 | 10 | # storybook 11 | storybook 12 | 13 | # exclude 14 | !/.config/storybook 15 | !/src/lib 16 | -------------------------------------------------------------------------------- /.nvmrc: -------------------------------------------------------------------------------- 1 | 12.18.4 2 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "arrowParens": "always", 3 | "endOfLine": "lf", 4 | "parser": "typescript", 5 | "printWidth": 120, 6 | "semi": true, 7 | "singleQuote": true, 8 | "tabWidth": 4, 9 | "trailingComma": "all" 10 | } 11 | -------------------------------------------------------------------------------- /.storybook/decorators/reset-style.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export const withResetPaddings = (Story) => { 4 | document.body.style.padding = '8px'; 5 | 6 | return ; 7 | }; 8 | -------------------------------------------------------------------------------- /.storybook/manager-head.html: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /.storybook/manager.js: -------------------------------------------------------------------------------- 1 | import { addons } from '@storybook/addons'; 2 | 3 | addons.setConfig({ 4 | sidebar: { 5 | collapsedRoots: ['utility', 'hermione'], 6 | }, 7 | }); 8 | -------------------------------------------------------------------------------- /src/Attach/IconFile/IconFile.assets/icon-file.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Attach/IconFile/IconFile.assets/icon-file.png -------------------------------------------------------------------------------- /src/Attach/_size/Attach_size_l.css: -------------------------------------------------------------------------------- 1 | .Attach_size_l { 2 | font-size: var(--attach-size-l-fontSize); 3 | line-height: var(--attach-size-l-lineHeight); 4 | } 5 | 6 | .Attach_size_l .Attach-Holder { 7 | margin-left: var(--attach-size-l-holder-indentLeft); 8 | } 9 | -------------------------------------------------------------------------------- /src/Attach/_size/Attach_size_m.css: -------------------------------------------------------------------------------- 1 | .Attach_size_m { 2 | font-size: var(--attach-size-m-fontSize); 3 | line-height: var(--attach-size-m-lineHeight); 4 | } 5 | 6 | .Attach_size_m .Attach-Holder { 7 | margin-left: var(--attach-size-m-holder-indentLeft); 8 | } 9 | -------------------------------------------------------------------------------- /src/Attach/_size/Attach_size_s.css: -------------------------------------------------------------------------------- 1 | .Attach_size_s { 2 | font-size: var(--attach-size-s-fontSize); 3 | line-height: var(--attach-size-s-lineHeight); 4 | } 5 | 6 | .Attach_size_s .Attach-Holder { 7 | margin-left: var(--attach-size-s-holder-indentLeft); 8 | } 9 | -------------------------------------------------------------------------------- /src/Attach/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Attach@desktop'; 2 | export * from '../_size/Attach_size_l'; 3 | export * from '../_size/Attach_size_m'; 4 | export * from '../_size/Attach_size_s'; 5 | -------------------------------------------------------------------------------- /src/Attach/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Attach'; 2 | export * from './_size/Attach_size_l'; 3 | export * from './_size/Attach_size_m'; 4 | export * from './_size/Attach_size_s'; 5 | -------------------------------------------------------------------------------- /src/Attach/readme.md: -------------------------------------------------------------------------------- 1 | # Attach 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Attach/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Attach@touch-pad'; 2 | export * from '../_size/Attach_size_l'; 3 | export * from '../_size/Attach_size_m'; 4 | export * from '../_size/Attach_size_s'; 5 | -------------------------------------------------------------------------------- /src/Attach/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Attach@touch-phone'; 2 | export * from '../_size/Attach_size_l'; 3 | export * from '../_size/Attach_size_m'; 4 | export * from '../_size/Attach_size_s'; 5 | -------------------------------------------------------------------------------- /src/Badge/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Badge'; 2 | -------------------------------------------------------------------------------- /src/Badge/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Badge'; 2 | -------------------------------------------------------------------------------- /src/Badge/readme.md: -------------------------------------------------------------------------------- 1 | # Badge 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Badge/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Badge'; 2 | -------------------------------------------------------------------------------- /src/Badge/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Badge'; 2 | -------------------------------------------------------------------------------- /src/Button/Button@desktop.css: -------------------------------------------------------------------------------- 1 | .Button2 { 2 | cursor: pointer; 3 | } 4 | 5 | .Button2[aria-disabled='true'], 6 | .Button2_disabled { 7 | cursor: default; 8 | } 9 | -------------------------------------------------------------------------------- /src/Button/Button@desktop.tsx: -------------------------------------------------------------------------------- 1 | import '../polyfills/pointerfocus'; 2 | import './Button@desktop.css'; 3 | 4 | export * from './Button'; 5 | -------------------------------------------------------------------------------- /src/Button/Button@touch-pad.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button'; 2 | -------------------------------------------------------------------------------- /src/Button/Button@touch-phone.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button'; 2 | -------------------------------------------------------------------------------- /src/Button/ButtonCn.tsx: -------------------------------------------------------------------------------- 1 | import { cn } from '@bem-react/classname'; 2 | 3 | export const cnButton = cn('Button2'); 4 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_brick-brick.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_brick-brick, 2 | .Button2.Button2.Button2_pin_brick-brick::before { 3 | border-radius: 0; 4 | } 5 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_brick-clear.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_brick-clear, 2 | .Button2.Button2.Button2_pin_brick-clear::before { 3 | border-right-width: 0; 4 | border-radius: 0; 5 | } 6 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_brick-round.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_brick-round, 2 | .Button2.Button2.Button2_pin_brick-round::before { 3 | border-top-left-radius: 0; 4 | border-bottom-left-radius: 0; 5 | } 6 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_circle-circle.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_circle-circle, 2 | .Button2.Button2.Button2_pin_circle-circle::before { 3 | border-radius: 100px; 4 | } 5 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_clear-brick.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_clear-brick, 2 | .Button2.Button2.Button2_pin_clear-brick::before { 3 | border-left-width: 0; 4 | border-radius: 0; 5 | } 6 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_clear-clear.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_clear-clear, 2 | .Button2.Button2.Button2_pin_clear-clear::before { 3 | border-right-width: 0; 4 | border-left-width: 0; 5 | border-radius: 0; 6 | } 7 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_clear-round.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_clear-round, 2 | .Button2.Button2.Button2_pin_clear-round::before { 3 | border-left-width: 0; 4 | border-top-left-radius: 0; 5 | border-bottom-left-radius: 0; 6 | } 7 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_round-brick.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_round-brick, 2 | .Button2.Button2.Button2_pin_round-brick::before { 3 | border-top-right-radius: 0; 4 | border-bottom-right-radius: 0; 5 | } 6 | -------------------------------------------------------------------------------- /src/Button/_pin/Button_pin_round-clear.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2.Button2_pin_round-clear, 2 | .Button2.Button2.Button2_pin_round-clear::before { 3 | border-right-width: 0; 4 | border-top-right-radius: 0; 5 | border-bottom-right-radius: 0; 6 | } 7 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_action@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_theme_action'; 2 | import './Button_theme_action@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_clear@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_theme_clear'; 2 | import './Button_theme_clear@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_link.css: -------------------------------------------------------------------------------- 1 | .Button2_theme_link { 2 | position: relative; 3 | z-index: 0; 4 | 5 | color: #04b; 6 | border: none; 7 | outline: none; 8 | background: transparent; 9 | } 10 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_normal@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_theme_normal'; 2 | import './Button_theme_normal@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_pseudo@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_theme_pseudo'; 2 | import './Button_theme_pseudo@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_raised@desktop.css: -------------------------------------------------------------------------------- 1 | .Button2_theme_raised:not([aria-disabled='true']):hover::before { 2 | background-color: #eee; 3 | } 4 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_raised@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_theme_raised'; 2 | import './Button_theme_raised@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_websearch@desktop.css: -------------------------------------------------------------------------------- 1 | .Button2.Button2_theme_websearch:not([aria-disabled='true']):hover .Button2-Text { 2 | border-color: #ffd633; 3 | background-color: #ffd633; 4 | } 5 | -------------------------------------------------------------------------------- /src/Button/_theme/Button_theme_websearch@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_theme_websearch'; 2 | import './Button_theme_websearch@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_view/Button_view_action@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_view_action'; 2 | import './Button_view_action@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_view/Button_view_clear@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_view_clear'; 2 | import './Button_view_clear@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_view/Button_view_default@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_view_default'; 2 | import './Button_view_default@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_view/Button_view_link@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_view_link'; 2 | import './Button_view_link@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_view/Button_view_pseudo@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_view_pseudo'; 2 | import './Button_view_pseudo@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_view/Button_view_raised@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Button_view_raised'; 2 | import './Button_view_raised@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Button/_width/Button_width_auto.css: -------------------------------------------------------------------------------- 1 | .Button2_width_auto { 2 | max-width: 100%; 3 | } 4 | 5 | .Button2_width_auto .Button2-Text { 6 | display: block; 7 | overflow: hidden; 8 | 9 | text-overflow: ellipsis; 10 | } 11 | -------------------------------------------------------------------------------- /src/Button/readme.md: -------------------------------------------------------------------------------- 1 | # Button 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/ButtonGroup/__examples__/split.css: -------------------------------------------------------------------------------- 1 | .ButtonGroup .Button2.Button_wide { 2 | width: 182px; 3 | } 4 | -------------------------------------------------------------------------------- /src/ButtonGroup/readme.md: -------------------------------------------------------------------------------- 1 | # ButtonGroup 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Checkbox/Box/Checkbox-Box@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox-Box'; 2 | import './Checkbox-Box@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/Checkbox@desktop.css: -------------------------------------------------------------------------------- 1 | .Checkbox { 2 | cursor: pointer; 3 | } 4 | 5 | .Checkbox_disabled { 6 | cursor: default; 7 | } 8 | -------------------------------------------------------------------------------- /src/Checkbox/Control/Checkbox-Control@desktop.css: -------------------------------------------------------------------------------- 1 | .Checkbox-Control { 2 | cursor: pointer; 3 | } 4 | 5 | .Checkbox_disabled .Checkbox-Control { 6 | cursor: default; 7 | } 8 | -------------------------------------------------------------------------------- /src/Checkbox/Control/Checkbox-Control@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox-Control'; 2 | import './Checkbox-Control@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/Label/Checkbox-Label.css: -------------------------------------------------------------------------------- 1 | .Checkbox-Label { 2 | white-space: normal; 3 | } 4 | -------------------------------------------------------------------------------- /src/Checkbox/Label/Checkbox-Label@desktop.css: -------------------------------------------------------------------------------- 1 | .Checkbox-Label { 2 | cursor: pointer; 3 | } 4 | 5 | .Checkbox_disabled .Checkbox-Label { 6 | cursor: default; 7 | } 8 | -------------------------------------------------------------------------------- /src/Checkbox/Label/Checkbox-Label@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox-Label'; 2 | import './Checkbox-Label@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/Tick/Checkbox-Tick.assets/tick-m.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Checkbox/Tick/Checkbox-Tick.assets/tick-s.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Checkbox/Tick/Checkbox-Tick@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox-Tick'; 2 | import './Checkbox-Tick@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/_indeterminate/Checkbox_indeterminate.assets/indeterminate-black.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/Checkbox/_indeterminate/Checkbox_indeterminate.assets/indeterminate-white.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/Checkbox/_lines/Checkbox_lines_multi.css: -------------------------------------------------------------------------------- 1 | .Checkbox_lines_multi { 2 | display: inline-table; 3 | 4 | white-space: normal; 5 | } 6 | 7 | .Checkbox_lines_multi .Checkbox-Label { 8 | display: table-cell; 9 | } 10 | -------------------------------------------------------------------------------- /src/Checkbox/_theme/Checkbox_theme_normal@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox_theme_normal'; 2 | import './Checkbox_theme_normal@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/_theme/Checkbox_theme_pseudo@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox_theme_pseudo'; 2 | import './Checkbox_theme_pseudo@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/_view/Checkbox_view_default@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox_view_default'; 2 | import './Checkbox_view_default@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/_view/Checkbox_view_outline@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Checkbox_view_outline'; 2 | import './Checkbox_view_outline@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Checkbox/readme.md: -------------------------------------------------------------------------------- 1 | # Checkbox 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Divider/Divider.tokens/Divider.tokens.yml: -------------------------------------------------------------------------------- 1 | divider: 2 | indentAll: 3 | value: 16px 4 | fillColor: 5 | value: "#fc0" 6 | -------------------------------------------------------------------------------- /src/Divider/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Divider'; 2 | -------------------------------------------------------------------------------- /src/Divider/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Divider'; 2 | -------------------------------------------------------------------------------- /src/Divider/readme.md: -------------------------------------------------------------------------------- 1 | # Divider 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Divider/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Divider'; 2 | -------------------------------------------------------------------------------- /src/Divider/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Divider'; 2 | -------------------------------------------------------------------------------- /src/Drawer/Drawer.registry/index.ts: -------------------------------------------------------------------------------- 1 | import { Popup } from '../../Popup'; 2 | 3 | export interface IDrawerRegistry { 4 | Popup: typeof Popup; 5 | } 6 | -------------------------------------------------------------------------------- /src/Drawer/Drawer.utils/index.ts: -------------------------------------------------------------------------------- 1 | export * from './noop'; 2 | export * from './useDrag'; 3 | export * from './useSpring'; 4 | export * from './useClientHeight'; 5 | -------------------------------------------------------------------------------- /src/Drawer/Drawer.utils/noop.ts: -------------------------------------------------------------------------------- 1 | /** 2 | * Функция, которая не делает ничего 3 | */ 4 | export const noop = () => undefined; 5 | -------------------------------------------------------------------------------- /src/Drawer/readme.md: -------------------------------------------------------------------------------- 1 | # Drawer 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Drawer/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Drawer@touch-phone'; 2 | export * from '../_view/Drawer_view_default'; 3 | -------------------------------------------------------------------------------- /src/Dropdown/Dropdown.css: -------------------------------------------------------------------------------- 1 | .Dropdown { 2 | position: relative; 3 | 4 | display: inline-block; 5 | } 6 | -------------------------------------------------------------------------------- /src/Dropdown/readme.md: -------------------------------------------------------------------------------- 1 | # Dropdown 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Header/Button/index.ts: -------------------------------------------------------------------------------- 1 | export * from './_view/Button_view_search-arrow'; 2 | -------------------------------------------------------------------------------- /src/Header/Icons/Mirror-Icon.css: -------------------------------------------------------------------------------- 1 | .MirrorIcon { 2 | background-image: url('./Icons.assets/mirror.svg'); 3 | } 4 | -------------------------------------------------------------------------------- /src/Header/Icons/News-Icon.css: -------------------------------------------------------------------------------- 1 | .NewsIcon { 2 | background-image: url('./Icons.assets/news.svg'); 3 | } 4 | -------------------------------------------------------------------------------- /src/Header/Icons/Services-Icon.css: -------------------------------------------------------------------------------- 1 | .ServicesIcon svg { 2 | padding: 2px 0 0 2px; 3 | } 4 | -------------------------------------------------------------------------------- /src/Header/Icons/Sport-Icon.css: -------------------------------------------------------------------------------- 1 | .SportIcon { 2 | width: 21px; 3 | height: 19px; 4 | 5 | background-image: url('./Icons.assets/sport.svg'); 6 | } 7 | -------------------------------------------------------------------------------- /src/Header/Icons/Weather-Icon.css: -------------------------------------------------------------------------------- 1 | .WeatherIcon { 2 | background-image: url('./Icons.assets/weather.svg'); 3 | } 4 | -------------------------------------------------------------------------------- /src/Header/Logo/Inline-Logo.css: -------------------------------------------------------------------------------- 1 | .YandexHeader-Logo-Inline { 2 | display: inline-flex; 3 | overflow: hidden; 4 | align-items: center; 5 | 6 | height: var(--header-logo-height); 7 | 8 | outline: none; 9 | } 10 | -------------------------------------------------------------------------------- /src/Header/Textinput/index.ts: -------------------------------------------------------------------------------- 1 | export * from './_view/Textinput_view_search-arrow'; 2 | -------------------------------------------------------------------------------- /src/Header/__examples__/assets/burger-red.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Header/__examples__/assets/burger.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Header/__tests__/screens/235673d/linux-chrome/Default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/235673d/linux-chrome/Default.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/235673d/linux-firefox/Default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/235673d/linux-firefox/Default.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/235673d/win-ie11/Default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/235673d/win-ie11/Default.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/29daba9/linux-chrome/Tabs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/29daba9/linux-chrome/Tabs.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/29daba9/linux-chrome/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/29daba9/linux-chrome/hovered.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/29daba9/linux-firefox/Tabs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/29daba9/linux-firefox/Tabs.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/29daba9/linux-firefox/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/29daba9/linux-firefox/hovered.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/29daba9/win-ie11/Tabs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/29daba9/win-ie11/Tabs.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/29daba9/win-ie11/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/29daba9/win-ie11/hovered.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/49824ed/linux-chrome/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/49824ed/linux-chrome/Logo.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/49824ed/linux-firefox/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/49824ed/linux-firefox/Logo.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/49824ed/win-ie11/Logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/49824ed/win-ie11/Logo.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/b4c4583/linux-chrome/Search-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/b4c4583/linux-chrome/Search-arrow.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/b4c4583/linux-firefox/Search-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/b4c4583/linux-firefox/Search-arrow.png -------------------------------------------------------------------------------- /src/Header/__tests__/screens/b4c4583/win-ie11/Search-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Header/__tests__/screens/b4c4583/win-ie11/Search-arrow.png -------------------------------------------------------------------------------- /src/Header/readme.md: -------------------------------------------------------------------------------- 1 | # Header 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Icon/__examples__/custom.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Icon } from '@yandex-lego/components/Icon/bundle'; 3 | 4 | export const Custom = () => ; 5 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_carets-v.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_carets-v svg { 2 | width: 8px; 3 | height: 14px; 4 | } 5 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_type-check.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_type-check svg { 2 | width: 16px; 3 | height: 10px; 4 | } 5 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_type-close.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_type-close svg { 2 | width: 10px; 3 | height: 10px; 4 | } 5 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_type-cross-websearch.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_type-cross-websearch svg { 2 | width: 16px; 3 | height: 16px; 4 | } 5 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_type-cross.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_type-cross svg { 2 | width: 14px; 3 | height: 14px; 4 | } 5 | 6 | .Icon_glyph_type-cross.Icon_size_xs svg { 7 | width: 10px; 8 | height: 10px; 9 | } 10 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_type-filter.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_type-filter svg { 2 | width: 20px; 3 | height: 16px; 4 | } 5 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_type-indeterminate.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_type-indeterminate, 2 | .Icon_glyph_type-indeterminate svg { 3 | width: 17px; 4 | height: 17px; 5 | } 6 | -------------------------------------------------------------------------------- /src/Icon/_glyph/Icon_glyph_type-tick.css: -------------------------------------------------------------------------------- 1 | .Icon_glyph_type-tick, 2 | .Icon_glyph_type-tick svg { 3 | width: 12px; 4 | height: 10px; 5 | } 6 | -------------------------------------------------------------------------------- /src/Icon/_type/Icon_type_close.css: -------------------------------------------------------------------------------- 1 | .Icon_type_close { 2 | background-image: url('icon_type_close.assets/close.svg'); 3 | } 4 | -------------------------------------------------------------------------------- /src/Icon/_type/Icon_type_cross-websearch.css: -------------------------------------------------------------------------------- 1 | .Icon_type_cross-websearch { 2 | background-image: url('icon_type_cross-websearch.assets/cross-websearch.svg'); 3 | } 4 | -------------------------------------------------------------------------------- /src/Icon/_type/Icon_type_filter.css: -------------------------------------------------------------------------------- 1 | .Icon_type_filter { 2 | background-image: url('icon_type_filter.assets/filter.svg'); 3 | } 4 | -------------------------------------------------------------------------------- /src/Icon/_type/Icon_type_home@tests.css: -------------------------------------------------------------------------------- 1 | .Icon_type_home { 2 | background-image: url('icon_type.assets/home.svg'); 3 | } 4 | -------------------------------------------------------------------------------- /src/Icon/_type/Icon_type_load@tests.css: -------------------------------------------------------------------------------- 1 | .Icon_type_load { 2 | width: 16px; 3 | 4 | background-image: url('icon_type.assets/load.svg'); 5 | background-size: 16px; 6 | } 7 | -------------------------------------------------------------------------------- /src/Icon/_type/Icon_type_location@tests.css: -------------------------------------------------------------------------------- 1 | .Icon_type_location { 2 | width: 16px; 3 | 4 | background-image: url('icon_type.assets/location.svg'); 5 | background-size: 16px; 6 | } 7 | -------------------------------------------------------------------------------- /src/Icon/_type/Icon_type_play@tests.css: -------------------------------------------------------------------------------- 1 | .Icon_type_play { 2 | width: 16px; 3 | 4 | background-image: url('icon_type.assets/play.svg'); 5 | } 6 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/android.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/android.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/camera.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/camera.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/download.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/download.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/download.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/fav.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/fav.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/home.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/load.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/load.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/load.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/location.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/location.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/play.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/play.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/print.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/print.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/route.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/route.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/trash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Icon/_type/icon_type.assets/trash.png -------------------------------------------------------------------------------- /src/Icon/_type/icon_type.assets/trash.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-b-xs.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-b.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-l-xs.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-l.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-r-xs.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-r.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-t-xs.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_arrow.assets/arrow-t.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_close.assets/close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_cross-websearch.assets/cross-websearch.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_cross.assets/cross-m.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/Icon/_type/icon_type_cross.assets/cross-s.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/Icon/desktop/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Icon/readme.md: -------------------------------------------------------------------------------- 1 | # Icon 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Icon/touch-pad/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Icon/touch-phone/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Image/Image.assets/1x1@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Image/Image.assets/1x1@1x.png -------------------------------------------------------------------------------- /src/Image/Image.assets/2x1@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Image/Image.assets/2x1@1x.png -------------------------------------------------------------------------------- /src/Image/Image.assets/img-540w.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Image/Image.assets/img-540w.png -------------------------------------------------------------------------------- /src/Image/Image.assets/img-700w.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Image/Image.assets/img-700w.png -------------------------------------------------------------------------------- /src/Image/Image.assets/img-not-found.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Image/Image.assets/img-not-found.png -------------------------------------------------------------------------------- /src/Image/desktop/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../Image'; 2 | -------------------------------------------------------------------------------- /src/Image/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Image'; 2 | -------------------------------------------------------------------------------- /src/Image/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Image'; 2 | -------------------------------------------------------------------------------- /src/Image/readme.md: -------------------------------------------------------------------------------- 1 | # Image 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Image/touch-pad/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../Image'; 2 | -------------------------------------------------------------------------------- /src/Image/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Image'; 2 | -------------------------------------------------------------------------------- /src/Image/touch-phone/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../Image'; 2 | -------------------------------------------------------------------------------- /src/Image/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Image'; 2 | -------------------------------------------------------------------------------- /src/LayerManager/__tests__/__screenshots__/unmount-trigger-on-click/linux-chrome/after-click.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/LayerManager/__tests__/__screenshots__/unmount-trigger-on-click/linux-chrome/after-click.png -------------------------------------------------------------------------------- /src/LayerManager/__tests__/__screenshots__/unmount-trigger-on-click/win-ie11/after-click.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/LayerManager/__tests__/__screenshots__/unmount-trigger-on-click/win-ie11/after-click.png -------------------------------------------------------------------------------- /src/LayerManager/__tests__/__screenshots__/unmount-trigger-on-click/win-ie11/before-click.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/LayerManager/__tests__/__screenshots__/unmount-trigger-on-click/win-ie11/before-click.png -------------------------------------------------------------------------------- /src/LayerManager/index.ts: -------------------------------------------------------------------------------- 1 | export * from './LayerManager'; 2 | -------------------------------------------------------------------------------- /src/LayerManager/readme.md: -------------------------------------------------------------------------------- 1 | # LayerManager 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Link/Link.css: -------------------------------------------------------------------------------- 1 | .Link { 2 | text-decoration: none; 3 | 4 | outline: 0; 5 | 6 | touch-action: manipulation; 7 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 8 | } 9 | 10 | .Link[aria-disabled='true'] { 11 | pointer-events: none; 12 | } 13 | -------------------------------------------------------------------------------- /src/Link/Link@desktop.css: -------------------------------------------------------------------------------- 1 | .Link { 2 | cursor: pointer; 3 | } 4 | 5 | .Link[aria-disabled='true'] { 6 | cursor: default; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/Link@desktop.tsx: -------------------------------------------------------------------------------- 1 | import '../polyfills/pointerfocus'; 2 | import './Link@desktop.css'; 3 | export * from './Link'; 4 | -------------------------------------------------------------------------------- /src/Link/__examples__/disabled.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Link } from '@yandex-lego/components/Link/desktop/bundle'; 3 | 4 | export const Disabled = () => ( 5 | 6 | Disabled link 7 | 8 | ); 9 | -------------------------------------------------------------------------------- /src/Link/__examples__/view.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Link } from '@yandex-lego/components/Link/desktop/bundle'; 3 | 4 | export const View = () => ( 5 | 6 | Link 7 | 8 | ); 9 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_black.css: -------------------------------------------------------------------------------- 1 | .Link_theme_black { 2 | color: #000; 3 | } 4 | 5 | .Link_theme_black[aria-disabled='true'] { 6 | color: #ddd; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_black@desktop.css: -------------------------------------------------------------------------------- 1 | .Link_theme_black:not([aria-disabled='true']):hover { 2 | color: #c00; 3 | } 4 | 5 | .utilityfocus .Link_theme_black:focus { 6 | outline: 2px solid #fc0; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_black@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_black'; 2 | import './Link_theme_black@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_ghost.css: -------------------------------------------------------------------------------- 1 | .Link_theme_ghost { 2 | color: #999; 3 | } 4 | 5 | .Link_theme_ghost[aria-disabled='true'] { 6 | color: #ddd; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_ghost@desktop.css: -------------------------------------------------------------------------------- 1 | .Link_theme_ghost:not([aria-disabled='true']):hover { 2 | color: #000; 3 | } 4 | 5 | .utilityfocus .Link_theme_ghost:focus { 6 | outline: 2px solid #fc0; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_ghost@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_ghost'; 2 | import './Link_theme_ghost@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_normal.css: -------------------------------------------------------------------------------- 1 | .Link_theme_normal { 2 | color: #04b; 3 | } 4 | 5 | .Link_theme_normal[aria-disabled='true'] { 6 | color: #ddd; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_normal@desktop.css: -------------------------------------------------------------------------------- 1 | .Link_theme_normal:not([aria-disabled='true']):hover { 2 | color: #c00; 3 | } 4 | 5 | .utilityfocus .Link_theme_normal:focus { 6 | outline: 2px solid #fc0; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_normal@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_normal'; 2 | import './Link_theme_normal@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_normal@touch-phone.css: -------------------------------------------------------------------------------- 1 | .Link_theme_normal { 2 | color: #0670c1; /* https://st.yandex-team.ru/ISLCOMPONENTS-1159 */ 3 | } 4 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_normal@touch-phone.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_normal'; 2 | import './Link_theme_normal@touch-phone.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_outer.css: -------------------------------------------------------------------------------- 1 | .Link_theme_outer { 2 | color: #070; 3 | } 4 | 5 | .Link_theme_outer[aria-disabled='true'] { 6 | color: #ddd; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_outer@desktop.css: -------------------------------------------------------------------------------- 1 | .Link_theme_outer:not([aria-disabled='true']):hover { 2 | color: #c00; 3 | } 4 | 5 | .utilityfocus .Link_theme_outer:focus { 6 | outline: 2px solid #fc0; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_outer@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_outer'; 2 | import './Link_theme_outer@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_pseudo@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_pseudo'; 2 | import './Link_theme_pseudo@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_pseudo@touch-phone.css: -------------------------------------------------------------------------------- 1 | .Link_theme_pseudo { 2 | color: #0670c1; /* https://st.yandex-team.ru/ISLCOMPONENTS-1159 */ 3 | } 4 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_pseudo@touch-phone.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_pseudo'; 2 | import './Link_theme_pseudo@touch-phone.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_strong.css: -------------------------------------------------------------------------------- 1 | .Link_theme_strong { 2 | /* stylelint-disable-next-line font-weight-notation */ 3 | font-weight: 700; 4 | 5 | color: #04b; 6 | } 7 | 8 | .Link_theme_strong[aria-disabled='true'] { 9 | color: #ddd; 10 | } 11 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_strong@desktop.css: -------------------------------------------------------------------------------- 1 | .Link_theme_strong:not([aria-disabled='true']):hover { 2 | color: #c00; 3 | } 4 | 5 | .utilityfocus .Link_theme_strong:focus { 6 | outline: 2px solid #fc0; 7 | } 8 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_strong@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_strong'; 2 | import './Link_theme_strong@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_strong@touch-phone.css: -------------------------------------------------------------------------------- 1 | .Link_theme_strong { 2 | color: #0670c1; /* https://st.yandex-team.ru/ISLCOMPONENTS-1159 */ 3 | } 4 | -------------------------------------------------------------------------------- /src/Link/_theme/Link_theme_strong@touch-phone.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_theme_strong'; 2 | import './Link_theme_strong@touch-phone.css'; 3 | -------------------------------------------------------------------------------- /src/Link/_view/Link_view_default@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Link_view_default'; 2 | import './Link_view_default@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Link/readme.md: -------------------------------------------------------------------------------- 1 | # Link 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/ListTile/ListTile.examples/examples-config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/ListTile/ListTile.examples/examples-config.ts -------------------------------------------------------------------------------- /src/ListTile/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../ListTile'; 2 | -------------------------------------------------------------------------------- /src/ListTile/index.ts: -------------------------------------------------------------------------------- 1 | export * from './ListTile'; 2 | -------------------------------------------------------------------------------- /src/ListTile/readme.md: -------------------------------------------------------------------------------- 1 | # ListTile 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/ListTile/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../ListTile'; 2 | -------------------------------------------------------------------------------- /src/ListTile/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../ListTile'; 2 | -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-chrome/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-chrome/hovered.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-chrome/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-chrome/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-firefox/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-firefox/hovered.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-firefox/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/linux-firefox/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/win-ie11/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/win-ie11/hovered.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-brand-theme/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-classic-design/win-ie11/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-classic-design/win-ie11/hovered.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-classic-design/win-ie11/size-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-classic-design/win-ie11/size-m.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-classic-design/win-ie11/size-s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-classic-design/win-ie11/size-s.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/linux-chrome/size-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/linux-chrome/size-m.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/linux-chrome/size-s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/linux-chrome/size-s.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/win-ie11/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/win-ie11/hovered.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/win-ie11/size-m.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/win-ie11/size-m.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/win-ie11/size-s.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-default-theme/win-ie11/size-s.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-disabled-state/linux-chrome/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-disabled-state/linux-chrome/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-disabled-state/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-disabled-state/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/linux-chrome/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/linux-chrome/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/linux-firefox/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/linux-firefox/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/win-ie11/hovered.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/win-ie11/hovered.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-inverse-theme/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-max-width/linux-chrome/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-max-width/linux-chrome/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-max-width/linux-firefox/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-max-width/linux-firefox/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/__screenshots__/should-render-menu-with-max-width/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Menu/__tests__/__screenshots__/should-render-menu-with-max-width/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Menu/__tests__/scenarios/scenarios.examples.tsx: -------------------------------------------------------------------------------- 1 | import { IS_PRODUCTION } from '../../../lib/env'; 2 | 3 | export * from './default'; 4 | 5 | export default { 6 | title: 'Hermione/Menu', 7 | excludeStories: IS_PRODUCTION ? /Hermione/ : null, 8 | }; 9 | -------------------------------------------------------------------------------- /src/Menu/_theme/Menu_theme_normal@desktop.css: -------------------------------------------------------------------------------- 1 | .Menu_theme_normal .Menu-Item:hover, 2 | .Menu_theme_normal .Menu-Item.Menu-Item_hovered { 3 | background-color: #ffeba0; 4 | } 5 | -------------------------------------------------------------------------------- /src/Menu/_theme/Menu_theme_normal@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Menu_theme_normal'; 2 | 3 | import './Menu_theme_normal@desktop.css'; 4 | -------------------------------------------------------------------------------- /src/Menu/_theme/menu_theme_normal.assets/tip.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /src/Menu/_view/Menu_view_default@desktop.css: -------------------------------------------------------------------------------- 1 | /* hover */ 2 | .Menu_view_default .Menu-Item.Menu-Item_hovered { 3 | color: var(--menu-view-default-typo-color-hovered); 4 | background-color: var(--menu-view-default-fill-color-hovered); 5 | } 6 | -------------------------------------------------------------------------------- /src/Menu/_view/Menu_view_default@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Menu_view_default'; 2 | 3 | import './Menu_view_default@desktop.css'; 4 | -------------------------------------------------------------------------------- /src/Menu/_width/Menu_width_auto.css: -------------------------------------------------------------------------------- 1 | .Menu_width_auto { 2 | max-width: 100%; 3 | } 4 | 5 | .Menu_width_auto .Menu-Item { 6 | overflow: hidden; 7 | 8 | text-overflow: ellipsis; 9 | } 10 | -------------------------------------------------------------------------------- /src/Menu/_width/Menu_width_max.css: -------------------------------------------------------------------------------- 1 | .Menu_width_max { 2 | width: 100%; 3 | } 4 | 5 | .Menu_width_max .Menu-Item { 6 | overflow: hidden; 7 | 8 | text-overflow: ellipsis; 9 | } 10 | -------------------------------------------------------------------------------- /src/Menu/readme.md: -------------------------------------------------------------------------------- 1 | # Menu 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/MessageBox/Corner/MessageBox-Corner.css: -------------------------------------------------------------------------------- 1 | .MessageBox-Corner { 2 | position: absolute; 3 | } 4 | -------------------------------------------------------------------------------- /src/MessageBox/readme.md: -------------------------------------------------------------------------------- 1 | # MessageBox 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Modal/Modal.tokens/Modal.tokens.yml: -------------------------------------------------------------------------------- 1 | modal: 2 | border: 3 | radius: 4 | value: 0 5 | -------------------------------------------------------------------------------- /src/Modal/Modal@touch-pad.tsx: -------------------------------------------------------------------------------- 1 | export * from './Modal'; 2 | import './Modal@touch.css'; 3 | -------------------------------------------------------------------------------- /src/Modal/Modal@touch-phone.tsx: -------------------------------------------------------------------------------- 1 | export * from './Modal'; 2 | import './Modal@touch.css'; 3 | -------------------------------------------------------------------------------- /src/Modal/Modal@touch.css: -------------------------------------------------------------------------------- 1 | .Modal { 2 | cursor: pointer; 3 | } 4 | -------------------------------------------------------------------------------- /src/Modal/__examples__/index.examples.tsx: -------------------------------------------------------------------------------- 1 | export * from './playground'; 2 | 3 | export default { 4 | title: 'Surface/Modal/desktop', 5 | parameters: { 6 | docs: { 7 | readme: require('../readme.md'), 8 | }, 9 | }, 10 | }; 11 | -------------------------------------------------------------------------------- /src/Modal/_theme/Modal_theme_normal@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Modal_theme_normal'; 2 | import './Modal_theme_normal@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Modal/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Modal'; 2 | export * from '../_theme/Modal_theme_normal@desktop'; 3 | -------------------------------------------------------------------------------- /src/Modal/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Modal'; 2 | export * from './_theme/Modal_theme_normal'; 3 | -------------------------------------------------------------------------------- /src/Modal/readme.md: -------------------------------------------------------------------------------- 1 | # Modal 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Modal/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Modal@touch-pad'; 2 | export * from '../_theme/Modal_theme_normal'; 3 | -------------------------------------------------------------------------------- /src/Modal/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Modal@touch-phone'; 2 | export * from '../_theme/Modal_theme_normal'; 3 | -------------------------------------------------------------------------------- /src/Popup/Popup.registry/index.ts: -------------------------------------------------------------------------------- 1 | import { PopupTail } from '../Tail/Popup-Tail'; 2 | 3 | export interface IPopupRegistry { 4 | Tail: typeof PopupTail; 5 | } 6 | -------------------------------------------------------------------------------- /src/Popup/Popup.tokens/Popup.mapper.yml: -------------------------------------------------------------------------------- 1 | popup-border-radius: popup-borderRadius 2 | -------------------------------------------------------------------------------- /src/Popup/Popup.tokens/Popup.tokens.yml: -------------------------------------------------------------------------------- 1 | popup: 2 | border: 3 | radius: 4 | value: 4px 5 | 6 | viewDefault: 7 | typoColor: 8 | value: "{color.typo.primary.value}" 9 | fillColor: 10 | value: "{color.fillColor.default.value}" 11 | -------------------------------------------------------------------------------- /src/Popup/__tests__/__screenshots__/should-render-all-directions-with-offset/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Popup/__tests__/__screenshots__/should-render-all-directions-with-offset/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Popup/__tests__/__screenshots__/should-render-all-directions-with-tail/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Popup/__tests__/__screenshots__/should-render-all-directions-with-tail/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Popup/__tests__/__screenshots__/should-render-all-directions/linux-chrome/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Popup/__tests__/__screenshots__/should-render-all-directions/linux-chrome/plain.png -------------------------------------------------------------------------------- /src/Popup/__tests__/__screenshots__/should-render-all-directions/linux-firefox/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Popup/__tests__/__screenshots__/should-render-all-directions/linux-firefox/plain.png -------------------------------------------------------------------------------- /src/Popup/__tests__/__screenshots__/should-render-all-directions/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Popup/__tests__/__screenshots__/should-render-all-directions/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Popup/__tests__/__screenshots__/should-render-correctly-with-scale-anchor/win-ie11/plain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Popup/__tests__/__screenshots__/should-render-correctly-with-scale-anchor/win-ie11/plain.png -------------------------------------------------------------------------------- /src/Popup/_theme/Popup_theme_clear.css: -------------------------------------------------------------------------------- 1 | .Popup2_theme_clear { 2 | display: none; 3 | } 4 | 5 | .Popup2_theme_clear.Popup2_visible { 6 | display: block; 7 | } 8 | -------------------------------------------------------------------------------- /src/Popup/readme.md: -------------------------------------------------------------------------------- 1 | # Popup 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Portal/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Portal'; 2 | -------------------------------------------------------------------------------- /src/Portal/readme.md: -------------------------------------------------------------------------------- 1 | # Portal 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/Progress/Progress.tokens/Progress.mapper.yml: -------------------------------------------------------------------------------- 1 | progress-height: progressbar-height 2 | -------------------------------------------------------------------------------- /src/Progress/__examples__/common.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Progress } from '@yandex-lego/components/Progress'; 3 | 4 | export const Common = () => ; 5 | -------------------------------------------------------------------------------- /src/Progress/desktop/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../Progress'; 2 | -------------------------------------------------------------------------------- /src/Progress/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Progress'; 2 | -------------------------------------------------------------------------------- /src/Progress/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Progress'; 2 | -------------------------------------------------------------------------------- /src/Progress/readme.md: -------------------------------------------------------------------------------- 1 | # Progress 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Progress/touch-pad/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../Progress'; 2 | -------------------------------------------------------------------------------- /src/Progress/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Progress'; 2 | -------------------------------------------------------------------------------- /src/Progress/touch-phone/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../Progress'; 2 | -------------------------------------------------------------------------------- /src/Progress/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Progress'; 2 | -------------------------------------------------------------------------------- /src/Provider/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Provider'; 2 | -------------------------------------------------------------------------------- /src/Provider/readme.md: -------------------------------------------------------------------------------- 1 | # Provider 2 | 3 | Более подробную информацию смотрите в документации компонента. 4 | -------------------------------------------------------------------------------- /src/RadioButton/Content/RadioButton-Content.css: -------------------------------------------------------------------------------- 1 | .RadioButton-Content { 2 | position: relative; 3 | 4 | overflow: hidden; 5 | 6 | text-align: center; 7 | white-space: nowrap; 8 | pointer-events: none; 9 | } 10 | -------------------------------------------------------------------------------- /src/RadioButton/Control/RadioButton-Control.css: -------------------------------------------------------------------------------- 1 | .RadioButton-Control { 2 | position: absolute; 3 | top: 0; 4 | left: 0; 5 | 6 | width: 100%; 7 | height: 100%; 8 | margin: 0; 9 | 10 | opacity: 0; 11 | } 12 | -------------------------------------------------------------------------------- /src/RadioButton/Plate/RadioButton-Plate.css: -------------------------------------------------------------------------------- 1 | .RadioButton-Plate { 2 | position: absolute; 3 | top: 0; 4 | bottom: 0; 5 | } 6 | 7 | .RadioButton-Plate[hidden] { 8 | display: none; 9 | } 10 | -------------------------------------------------------------------------------- /src/RadioButton/Radio/RadioButton-Radio@desktop.tsx: -------------------------------------------------------------------------------- 1 | import './RadioButton-Radio@desktop.css'; 2 | 3 | export * from './RadioButton-Radio'; 4 | -------------------------------------------------------------------------------- /src/RadioButton/RadioButton.css: -------------------------------------------------------------------------------- 1 | .RadioButton { 2 | position: relative; 3 | 4 | display: inline-flex; 5 | 6 | font-family: var(--radio-button-font-family); 7 | user-select: none; 8 | } 9 | -------------------------------------------------------------------------------- /src/RadioButton/_view/RadioButton_view_default@desktop.tsx: -------------------------------------------------------------------------------- 1 | import './RadioButton_view_default@desktop.css'; 2 | 3 | export * from './RadioButton_view_default'; 4 | -------------------------------------------------------------------------------- /src/RadioButton/index.ts: -------------------------------------------------------------------------------- 1 | export * from './RadioButton'; 2 | export * from './_size/RadioButton_size_l'; 3 | export * from './_size/RadioButton_size_m'; 4 | export * from './_size/RadioButton_size_s'; 5 | export * from './_view/RadioButton_view_default'; 6 | -------------------------------------------------------------------------------- /src/RadioButton/readme.md: -------------------------------------------------------------------------------- 1 | # RadioButton 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Radiobox/Box/Radiobox-Box.css: -------------------------------------------------------------------------------- 1 | .Radiobox-Box { 2 | position: relative; 3 | 4 | display: inline-block; 5 | 6 | box-sizing: border-box; 7 | } 8 | -------------------------------------------------------------------------------- /src/Radiobox/Control/Radiobox-Control.css: -------------------------------------------------------------------------------- 1 | .Radiobox-Control { 2 | position: absolute; 3 | 4 | opacity: 0; 5 | } 6 | -------------------------------------------------------------------------------- /src/Radiobox/Radio/Radiobox-Radio.css: -------------------------------------------------------------------------------- 1 | .Radiobox-Radio { 2 | position: relative; 3 | 4 | touch-action: manipulation; 5 | } 6 | -------------------------------------------------------------------------------- /src/Radiobox/Radiobox.registry/index.ts: -------------------------------------------------------------------------------- 1 | import { RadioboxRadio } from '../Radio/Radiobox-Radio'; 2 | 3 | export interface IRadioboxRegistry { 4 | Radio: typeof RadioboxRadio; 5 | } 6 | -------------------------------------------------------------------------------- /src/Radiobox/_theme/Radiobox_theme_normal@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Radiobox_theme_normal'; 2 | import './Radiobox_theme_normal@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Radiobox/_theme/Radiobox_theme_pseudo@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Radiobox_theme_pseudo'; 2 | import './Radiobox_theme_pseudo@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/Radiobox/_view/Radiobox_view_default@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Radiobox_view_default'; 2 | 3 | import './Radiobox_view_default@desktop.css'; 4 | -------------------------------------------------------------------------------- /src/Radiobox/_view/Radiobox_view_outline@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './Radiobox_view_outline'; 2 | 3 | import './Radiobox_view_outline@desktop.css'; 4 | -------------------------------------------------------------------------------- /src/Radiobox/readme.md: -------------------------------------------------------------------------------- 1 | # Radiobox 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Select/Button/Select-Button.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Селектор усиливается, чтобы перебить text-align: center; в button2. 3 | * https://st.yandex-team.ru/ISL-4691 4 | **/ 5 | .Select2-Button.Select2-Button { 6 | text-align: left; 7 | vertical-align: top; 8 | } 9 | -------------------------------------------------------------------------------- /src/Select/Menu/Select-Menu.css: -------------------------------------------------------------------------------- 1 | .Select2-Menu.Menu { 2 | display: block; 3 | 4 | max-height: inherit; 5 | } 6 | -------------------------------------------------------------------------------- /src/Select/Select.css: -------------------------------------------------------------------------------- 1 | .Select2 { 2 | position: relative; 3 | 4 | display: inline-block; 5 | 6 | max-width: 100%; 7 | 8 | vertical-align: bottom; 9 | } 10 | -------------------------------------------------------------------------------- /src/Select/Select.examples/ComboBox/images/ivleeva.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Select/Select.examples/ComboBox/images/ivleeva.png -------------------------------------------------------------------------------- /src/Select/Select.examples/ComboBox/images/regina.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Select/Select.examples/ComboBox/images/regina.png -------------------------------------------------------------------------------- /src/Select/Select.examples/ComboBox/images/shadrin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Select/Select.examples/ComboBox/images/shadrin.png -------------------------------------------------------------------------------- /src/Select/Select.examples/ComboBox/images/tvrain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Select/Select.examples/ComboBox/images/tvrain.png -------------------------------------------------------------------------------- /src/Select/_width/Select_width_max.css: -------------------------------------------------------------------------------- 1 | .Select2_width_max { 2 | width: 100%; 3 | } 4 | -------------------------------------------------------------------------------- /src/Select/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Select@desktop'; 2 | export * from '../_baseline/Select_baseline'; 3 | export * from '../_width/Select_width_max'; 4 | -------------------------------------------------------------------------------- /src/Select/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Select'; 2 | export * from './_baseline/Select_baseline'; 3 | export * from './_width/Select_width_max'; 4 | -------------------------------------------------------------------------------- /src/Select/readme.md: -------------------------------------------------------------------------------- 1 | # Select 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Select/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Select@touch-pad'; 2 | export * from '../_baseline/Select_baseline'; 3 | export * from '../_width/Select_width_max'; 4 | -------------------------------------------------------------------------------- /src/Select/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Select@touch-phone'; 2 | export * from '../_baseline/Select_baseline'; 3 | export * from '../_width/Select_width_max'; 4 | -------------------------------------------------------------------------------- /src/Showcase/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Showcase@desktop'; 2 | -------------------------------------------------------------------------------- /src/Showcase/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Showcase'; 2 | -------------------------------------------------------------------------------- /src/Showcase/readme.md: -------------------------------------------------------------------------------- 1 | # Showcase 2 | -------------------------------------------------------------------------------- /src/Showcase/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Showcase@touch-pad'; 2 | -------------------------------------------------------------------------------- /src/Showcase/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Showcase@touch-phone'; 2 | -------------------------------------------------------------------------------- /src/Slider/Range/Slider-Range.css: -------------------------------------------------------------------------------- 1 | .Slider-Range { 2 | position: absolute; 3 | z-index: 1; 4 | top: 0; 5 | right: 0; 6 | bottom: 0; 7 | left: 0; 8 | } 9 | -------------------------------------------------------------------------------- /src/Slider/Tick/Slider-Tick.css: -------------------------------------------------------------------------------- 1 | .Slider-Tick { 2 | display: flex; 3 | justify-content: center; 4 | } 5 | -------------------------------------------------------------------------------- /src/Slider/TickLabel/Slider-TickLabel.css: -------------------------------------------------------------------------------- 1 | .Slider-TickLabel { 2 | position: absolute; 3 | } 4 | -------------------------------------------------------------------------------- /src/Slider/Track/Slider-Track.css: -------------------------------------------------------------------------------- 1 | .Slider-Track { 2 | position: relative; 3 | 4 | display: flex; 5 | flex: 1; 6 | justify-content: space-between; 7 | align-items: center; 8 | } 9 | -------------------------------------------------------------------------------- /src/Slider/desktop/index.ts: -------------------------------------------------------------------------------- 1 | import '../../polyfills/pointerfocus'; 2 | 3 | export * from '../_view/Slider_view_default'; 4 | export * from '../Slider'; 5 | export { cnSlider } from '../Slider.const'; 6 | export { useSliderState } from '../Slider.utils'; 7 | -------------------------------------------------------------------------------- /src/Slider/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Slider'; 2 | export * from './_view/Slider_view_default'; 3 | -------------------------------------------------------------------------------- /src/Slider/readme.md: -------------------------------------------------------------------------------- 1 | # Slider 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Slider/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../_view/Slider_view_default'; 2 | export * from '../Slider'; 3 | export { cnSlider } from '../Slider.const'; 4 | export { useSliderState } from '../Slider.utils'; 5 | -------------------------------------------------------------------------------- /src/Spacer/__examples__/index.examples.ts: -------------------------------------------------------------------------------- 1 | export * from './playground'; 2 | 3 | export default { 4 | title: 'Layout/Spacer/desktop', 5 | parameters: { 6 | docs: { 7 | readme: require('../readme.md'), 8 | }, 9 | }, 10 | }; 11 | -------------------------------------------------------------------------------- /src/Spacer/__tests__/__snapshots__/Spacer.test.tsx.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Spacer должен вернуть полный шаблон компонента (snapshot) 1`] = ` 4 |
7 | `; 8 | -------------------------------------------------------------------------------- /src/Spacer/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Spacer'; 2 | -------------------------------------------------------------------------------- /src/Spacer/index.ts: -------------------------------------------------------------------------------- 1 | export * from './Spacer'; 2 | -------------------------------------------------------------------------------- /src/Spacer/readme.md: -------------------------------------------------------------------------------- 1 | # Spacer 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Spacer/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Spacer'; 2 | -------------------------------------------------------------------------------- /src/Spacer/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../Spacer'; 2 | -------------------------------------------------------------------------------- /src/Spin/Spin.tokens/Spin.mapper.yml: -------------------------------------------------------------------------------- 1 | spin-size-xxs-size: spin-size-xxs 2 | spin-size-xs-size: spin-size-xs 3 | spin-size-s-size: spin-size-s 4 | spin-size-m-size: spin-size-m 5 | spin-size-l-size: spin-size-l 6 | -------------------------------------------------------------------------------- /src/Spin/__examples__/view.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Spin } from '@yandex-lego/components/Spin/desktop/bundle'; 3 | 4 | export const View = () => ; 5 | -------------------------------------------------------------------------------- /src/Spin/__tests__/__snapshots__/Spin.test.tsx.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Spin должен вернуть полный шаблон компонента (snapshot) 1`] = ` 4 |
7 | `; 8 | -------------------------------------------------------------------------------- /src/Spin/_position/Spin_position_center.css: -------------------------------------------------------------------------------- 1 | .Spin2_position_center { 2 | position: absolute; 3 | top: 50%; 4 | left: 50%; 5 | } 6 | -------------------------------------------------------------------------------- /src/Spin/_view/Spin_view_default.css: -------------------------------------------------------------------------------- 1 | .Spin2_view_default.Spin2_progress { 2 | border-top-color: var(--spin-view-default-border-color); 3 | border-left-color: var(--spin-view-default-border-color); 4 | } 5 | -------------------------------------------------------------------------------- /src/Spin/desktop/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Spin/readme.md: -------------------------------------------------------------------------------- 1 | # Spin 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Spin/touch-pad/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Spin/touch-phone/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/TabsMenu/TabsMenu.css: -------------------------------------------------------------------------------- 1 | .TabsMenu { 2 | margin: 0; 3 | padding: 0; 4 | 5 | font-family: var(--tabs-menu-font-family); 6 | } 7 | -------------------------------------------------------------------------------- /src/TabsMenu/TabsMenu@desktop.tsx: -------------------------------------------------------------------------------- 1 | import '../polyfills/pointerfocus'; 2 | 3 | export * from './TabsMenu'; 4 | -------------------------------------------------------------------------------- /src/TabsMenu/_layout/TabsMenu_layout_horiz.css: -------------------------------------------------------------------------------- 1 | .TabsMenu_layout_horiz .TabsMenu-Tab { 2 | display: inline-block; 3 | 4 | margin-left: 16px; 5 | } 6 | 7 | .TabsMenu_layout_horiz .TabsMenu-Tab_first { 8 | margin-left: 0; 9 | } 10 | -------------------------------------------------------------------------------- /src/TabsMenu/_size/TabsMenu_size_m.css: -------------------------------------------------------------------------------- 1 | .TabsMenu_size_m { 2 | font-size: var(--tabsMenu-size-m-font); 3 | line-height: var(--tabsMenu-size-m-lineHeight); 4 | } 5 | -------------------------------------------------------------------------------- /src/TabsMenu/_size/TabsMenu_size_s.css: -------------------------------------------------------------------------------- 1 | .TabsMenu_size_s { 2 | font-size: var(--tabsMenu-size-s-font); 3 | line-height: var(--tabsMenu-size-s-lineHeight); 4 | } 5 | -------------------------------------------------------------------------------- /src/TabsMenu/_theme/TabsMenu_theme_normal@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './TabsMenu_theme_normal'; 2 | import './TabsMenu_theme_normal@desktop.css'; 3 | -------------------------------------------------------------------------------- /src/TabsMenu/_view/TabsMenu_view_default@desktop.css: -------------------------------------------------------------------------------- 1 | /* focus */ 2 | .utilityfocus .TabsMenu_view_default .TabsMenu-Tab:focus { 3 | outline: 2px solid var(--tabs-menu-view-default-outline-color); 4 | } 5 | -------------------------------------------------------------------------------- /src/TabsMenu/_view/TabsMenu_view_default@desktop.tsx: -------------------------------------------------------------------------------- 1 | export * from './TabsMenu_view_default'; 2 | 3 | import './TabsMenu_view_default@desktop.css'; 4 | -------------------------------------------------------------------------------- /src/TabsMenu/readme.md: -------------------------------------------------------------------------------- 1 | # TabsMenu 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/TabsPanes/desktop/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../TabsPanes'; 2 | -------------------------------------------------------------------------------- /src/TabsPanes/desktop/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../TabsPanes'; 2 | -------------------------------------------------------------------------------- /src/TabsPanes/index.ts: -------------------------------------------------------------------------------- 1 | export * from './TabsPanes'; 2 | -------------------------------------------------------------------------------- /src/TabsPanes/readme.md: -------------------------------------------------------------------------------- 1 | # TabsPanes 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/TabsPanes/touch-pad/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../TabsPanes'; 2 | -------------------------------------------------------------------------------- /src/TabsPanes/touch-pad/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../TabsPanes'; 2 | -------------------------------------------------------------------------------- /src/TabsPanes/touch-phone/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../TabsPanes'; 2 | -------------------------------------------------------------------------------- /src/TabsPanes/touch-phone/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../TabsPanes'; 2 | -------------------------------------------------------------------------------- /src/Text/Text.examples/example-config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bem/yandex-ui/0faa47b9fe63fc951904ff160dcdae8c6e7dc3c2/src/Text/Text.examples/example-config.ts -------------------------------------------------------------------------------- /src/Text/Text@desktop.ts: -------------------------------------------------------------------------------- 1 | export * from './Text'; 2 | -------------------------------------------------------------------------------- /src/Text/Text@touch-pad.ts: -------------------------------------------------------------------------------- 1 | export * from './Text'; 2 | -------------------------------------------------------------------------------- /src/Text/Text@touch-phone.ts: -------------------------------------------------------------------------------- 1 | export * from './Text'; 2 | -------------------------------------------------------------------------------- /src/Text/__tests__/__snapshots__/Text.test.tsx.snap: -------------------------------------------------------------------------------- 1 | // Jest Snapshot v1, https://goo.gl/fbAQLP 2 | 3 | exports[`Text должен вернуть полный шаблон компонента (snapshot) 1`] = ` 4 | 7 | `; 8 | -------------------------------------------------------------------------------- /src/Text/_weight/Text_weight_bold.css: -------------------------------------------------------------------------------- 1 | .Text.Text_weight_bold { 2 | font-weight: var(--typography-font-weight-bold); 3 | } 4 | -------------------------------------------------------------------------------- /src/Text/_weight/Text_weight_light.css: -------------------------------------------------------------------------------- 1 | .Text.Text_weight_light { 2 | font-weight: var(--typography-font-weight-light); 3 | } 4 | -------------------------------------------------------------------------------- /src/Text/_weight/Text_weight_medium.css: -------------------------------------------------------------------------------- 1 | .Text.Text_weight_medium { 2 | font-weight: var(--typography-font-weight-medium); 3 | } 4 | -------------------------------------------------------------------------------- /src/Text/_weight/Text_weight_regular.css: -------------------------------------------------------------------------------- 1 | .Text.Text_weight_regular { 2 | font-weight: var(--typography-font-weight-regular); 3 | } 4 | -------------------------------------------------------------------------------- /src/Text/desktop/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Text/readme.md: -------------------------------------------------------------------------------- 1 | # Text 2 | 3 | Более подробную информацию смотрите в документации компонента. -------------------------------------------------------------------------------- /src/Text/touch-pad/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Text/touch-phone/bundle/index.ts: -------------------------------------------------------------------------------- 1 | export * from '../../bundle'; 2 | -------------------------------------------------------------------------------- /src/Textarea/Box/Textarea-Box.css: -------------------------------------------------------------------------------- 1 | .Textarea-Box { 2 | position: absolute; 3 | z-index: 1; /* рисуем первым уровнем, чтобы сверху класть контрол и иконки */ 4 | top: 0; 5 | right: 0; 6 | bottom: 0; 7 | left: 0; 8 | } 9 | -------------------------------------------------------------------------------- /src/Textarea/Textarea.css: -------------------------------------------------------------------------------- 1 | .Textarea { 2 | position: relative; 3 | 4 | display: inline-block; 5 | 6 | box-sizing: border-box; 7 | width: 100%; 8 | } 9 | -------------------------------------------------------------------------------- /src/Textarea/Wrap/Textarea-Wrap.css: -------------------------------------------------------------------------------- 1 | .Textarea-Wrap { 2 | position: relative; 3 | 4 | display: block; 5 | overflow: hidden; 6 | 7 | width: 100%; 8 | height: 100%; 9 | min-height: inherit; 10 | } 11 | -------------------------------------------------------------------------------- /src/Textarea/__examples__/theme.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Textarea } from '@yandex-lego/components/Textarea/desktop/bundle'; 3 | 4 | export const Theme = () => ( 5 |