From cb95390b1caa617b0a1b8f46dd71a9a48433b28c Mon Sep 17 00:00:00 2001
From: andyjxli <cuteblackcat9@gmail.com>
Date: Wed, 23 Feb 2022 17:38:41 +0800
Subject: [PATCH] fix: unit test

---
 test/ssr/__snapshots__/ssr.test.js.snap | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/test/ssr/__snapshots__/ssr.test.js.snap b/test/ssr/__snapshots__/ssr.test.js.snap
index e294262dc..c6ea03713 100644
--- a/test/ssr/__snapshots__/ssr.test.js.snap
+++ b/test/ssr/__snapshots__/ssr.test.js.snap
@@ -554,23 +554,23 @@ exports[`ssr snapshot test renders ./src/skeleton/_example/base.jsx correctly 1`
 
 exports[`ssr snapshot test renders ./src/skeleton/_example/theme.jsx correctly 1`] = `"<div class=\\"t-skeleton-demo\\" data-reactroot=\\"\\"><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">文本</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">头像</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-circle\\" style=\\"width:56px;height:56px\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">段落</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"width:70%\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">头像描述</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-circle\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:32px\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">选项卡</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:200px\\"></div></div></div></div></div><div class=\\"t-skeleton-demo-card\\"><div class=\\"header\\">文章</div><div class=\\"content\\"><div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-rect\\" style=\\"width:100%;height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-rect\\" style=\\"width:100%;height:200px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div><div class=\\"t-skeleton__row\\"><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div><div class=\\"t-skeleton__col t-skeleton--type-text\\" style=\\"height:30px\\"></div></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/base.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/base.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/disabled.jsx correctly 1`] = `"<div class=\\"t-slider__container\\"><div class=\\"t-slider t-is-disabled t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-disabled t-input-number--normal\\"><div class=\\"t-input t-is-disabled\\"><input class=\\"t-input__inner\\" value=\\"10\\" disabled=\\"\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/disabled.jsx correctly 1`] = `"<div class=\\"t-slider__container\\"><div class=\\"t-slider t-is-disabled t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-disabled t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input t-is-disabled\\"><input class=\\"t-input__inner\\" value=\\"10\\" disabled=\\"\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-is-disabled t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/input-number.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/input-number.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/input-number-vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--row\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-remove\\"><path fill=\\"currentColor\\" d=\\"M3.5 7.35h9v1.3h-9v-1.3z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-add\\"><path fill=\\"currentColor\\" d=\\"M7.35 8.65v3.85h1.3V8.65h3.85v-1.3H8.65V3.5h-1.3v3.85H3.5v1.3h3.85z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/input-number-vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/marks.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:12%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:60%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:12%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:60%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:8%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:70%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:8%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"left:70%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/marks.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:12%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:60%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:12%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:60%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"left:0%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:8%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:37%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"left:70%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"left:0%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"left:8%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"left:37%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"left:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"left:70%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/min-and-max.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:100%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:100%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:50%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:0%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:50%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"20\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/min-and-max.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:100%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:100%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:50%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:0%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:50%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"20\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/step.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/step.jsx correctly 1`] = `"<div style=\\"margin-bottom:50px\\" class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:0%;width:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div><div class=\\"t-slider__container\\"><div class=\\"t-slider t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"left:10%;width:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"left:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"left:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container\\"><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/vertical.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:300px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:300px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div></div><div class=\\"t-slider__mark\\"></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
 
-exports[`ssr snapshot test renders ./src/slider/_example/vertical-marks.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:400px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:88%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:40%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:88%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:40%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div></div></div></div><div style=\\"height:400px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-slider__step\\"><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:92%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:92%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-input-number--normal\\"><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div></div></div></div></div></div>"`;
+exports[`ssr snapshot test renders ./src/slider/_example/vertical-marks.jsx correctly 1`] = `"<div style=\\"display:flex;justify-content:center\\" data-reactroot=\\"\\"><div style=\\"height:400px;margin-right:100px\\"><div style=\\"margin-bottom:50px\\" class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:0%;height:10%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:88%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:40%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:88%\\" class=\\"t-slider__mark-text\\">12°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:40%\\" class=\\"t-slider__mark-text\\"><button style=\\"color:#1989FA\\">60°C</button></div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div><div style=\\"height:400px\\"><div class=\\"t-slider__container is-vertical\\"><div class=\\"t-slider t-slider--vertical t-slider--with-input\\"><div class=\\"t-slider__rail\\"><div style=\\"bottom:10%;height:70%\\" class=\\"t-slider__track\\"></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:10%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div class=\\"t-popup__reference\\"><div style=\\"bottom:80%\\" class=\\"t-slider__button-wrapper\\"><div class=\\"t-slider__button\\"></div></div></div><div><div style=\\"top:100%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:92%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:63%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:50%\\" class=\\"t-slider__stop\\"></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__stop\\"></div></div><div class=\\"t-slider__mark\\"><div style=\\"top:100%\\" class=\\"t-slider__mark-text\\">0°C</div><div style=\\"top:92%\\" class=\\"t-slider__mark-text\\">8°C</div><div style=\\"top:63%\\" class=\\"t-slider__mark-text\\">37°C</div><div style=\\"top:50%\\" class=\\"t-slider__mark-text\\"><strong style=\\"color:#1989FA\\">50°C</strong></div><div style=\\"top:30.000000000000004%\\" class=\\"t-slider__mark-text\\">70°C</div></div></div></div><div class=\\"t-slider__input-container is-vertical\\"><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"10\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div><div class=\\"t-slider__center-line\\"></div><div class=\\"t-slider-input is-vertical t-input-number t-size-m t-is-controls-right t-input-number--column\\"><button type=\\"button\\" class=\\"t-input-number__decrease t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></button><div class=\\"t-input\\"><input class=\\"t-input__inner\\" value=\\"80\\"/></div><button type=\\"button\\" class=\\"t-input-number__increase t-button t-button--theme-default t-button--variant-outline t-button--shape-square\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-up\\"><path fill=\\"currentColor\\" d=\\"M12.46 9.54l-.92.92L8 6.92l-3.54 3.54-.92-.92L8 5.08l4.46 4.46z\\" fill-opacity=\\"0.9\\"></path></svg></button></div></div></div></div></div>"`;
 
 exports[`ssr snapshot test renders ./src/steps/_example/OperateSteps.jsx correctly 1`] = `"<button class=\\"t-button t-button--primary t-size-s\\">上一步</button><button class=\\"t-button t-button--line t-size-s\\">下一步</button><br/><br/><div class=\\"t-steps t-steps--horizontal t-steps--default-anchor t-steps--positive\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤1</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤2</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤3</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤4</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div></div><div class=\\"t-steps t-steps--vertical t-steps--default-anchor t-steps--positive\\"><div class=\\"t-steps-item t-steps-item--finish\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon t-steps-item-finish\\"><span class=\\"t-steps-item__icon--number\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check\\"><path fill=\\"currentColor\\" d=\\"M6.43 9.92l6.23-6.22.92.92-7.15 7.14L1.97 7.3l.92-.92 3.54 3.54z\\" fill-opacity=\\"0.9\\"></path></svg></span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤1</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--process\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">2</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤3</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">3</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤4</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div><div class=\\"t-steps-item t-steps-item--wait\\"><div class=\\"t-steps-item__inner\\"><div class=\\"t-steps-item__icon \\"><span class=\\"t-steps-item__icon--number\\">4</span></div><div class=\\"t-steps-item__content\\"><div class=\\"t-steps-item__title\\">步骤5</div><div class=\\"t-steps-item__description\\">这里是提示文字</div></div></div></div></div>"`;