diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- afterList.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- afterList.snap.png
index f001e38cdd5..5da7de04238 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- afterList.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- afterList.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- beforeList.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- beforeList.snap.png
index 1e1fbca27e2..52fbf14cef4 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- beforeList.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- beforeList.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- disabled.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- disabled.snap.png
index 232bca4e69b..754494c9497 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- disabled.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- flip.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- flip.snap.png
index 84c4da47d9a..5c95e09738b 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- flip.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- flip.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listMaxHeight.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listMaxHeight.snap.png
index 5bf64e50004..fccaf473711 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listMaxHeight.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listMaxHeight.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listWidth.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listWidth.snap.png
index cb7fd4e9027..7b7e8acac0c 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listWidth.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- listWidth.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- optional.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- optional.snap.png
index 2ea2fa36abc..6b8dae6d7df 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- optional.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- optional.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- readOnly.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- readOnly.snap.png
index 850a51f2244..44bc0bb70f1 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- readOnly.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- renderItem.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- renderItem.snap.png
index e92755c4f2e..8bda051b4f9 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- renderItem.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- renderItem.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png
index 735e6d17f5b..06c25dd2ed9 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=default, size=m.snap.png
index 4a064b90e57..895443762cc 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=negative.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=negative.snap.png
index b50a91752f9..4bdf53a373c 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=negative.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=positive, size=s.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=positive, size=s.snap.png
index ca009c59118..be968915136 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=positive, size=s.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=positive, size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=warning.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=warning.snap.png
index b9c1f2bb87d..b30354e6157 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=warning.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual dynamic height.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual dynamic height.snap.png
index a8635a85dd7..9656efa41da 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual dynamic height.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual dynamic height.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual.snap.png b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual.snap.png
index 1dbab7d710c..034270dc559 100644
Binary files a/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual.snap.png and b/cypress/snapshots/os/chromium/Autocomplete/Autocomplete -- virtual.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- contentPlacing.snap.png b/cypress/snapshots/os/chromium/Button/Button -- contentPlacing.snap.png
index 3f729c3e02b..550f1727e4f 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- contentPlacing.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- contentPlacing.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- disabled.snap.png b/cypress/snapshots/os/chromium/Button/Button -- disabled.snap.png
index d756a3880dd..24bc99f12a3 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- disabled.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- focused.snap.png b/cypress/snapshots/os/chromium/Button/Button -- focused.snap.png
index 91af253f357..d921c7e9bdb 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- focused.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- focused.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- pin.snap.png b/cypress/snapshots/os/chromium/Button/Button -- pin.snap.png
index 4514701d65f..9b9847fa820 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- pin.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- pin.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=accent, size=m, stretching=filled.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=accent, size=m, stretching=filled.snap.png
index d9ce6d67bf4..eaaf24c569d 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=accent, size=m, stretching=filled.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=accent, size=m, stretching=filled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=black.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=black.snap.png
index a32fd92a3fa..024f2be3180 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=black.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=black.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=clear, size=xs.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=clear, size=xs.snap.png
index a474999cac6..ae788823c5e 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=clear, size=xs.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=clear, size=xs.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=dark.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=dark.snap.png
index 0bc8f7a73a0..6297d2d33ce 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=dark.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=dark.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=default, size=l, stretching=auto.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=default, size=l, stretching=auto.snap.png
index 075a8777878..ed94d70b49b 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=default, size=l, stretching=auto.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=default, size=l, stretching=auto.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=negative.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=negative.snap.png
index 1a7b178264d..6e8e75c55e5 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=negative.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=positive, size=xxs.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=positive, size=xxs.snap.png
index e654a8eef75..cc4d3ab1167 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=positive, size=xxs.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=positive, size=xxs.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png
index afc32251650..d4bc81783d2 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=warning.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=warning.snap.png
index ca5bbac996e..6959325a2a1 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=warning.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- view=white.snap.png b/cypress/snapshots/os/chromium/Button/Button -- view=white.snap.png
index f5c84f0d57f..38c4c1586d0 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- view=white.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- view=white.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- with content.snap.png b/cypress/snapshots/os/chromium/Button/Button -- with content.snap.png
index 965984922fd..d5b90e3f180 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- with content.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- with content.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- with loader.snap.png b/cypress/snapshots/os/chromium/Button/Button -- with loader.snap.png
index cf15754b734..a1cd573b3dc 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- with loader.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- with loader.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Button/Button -- with value.snap.png b/cypress/snapshots/os/chromium/Button/Button -- with value.snap.png
index 04b98eb4be2..2eab224a2f2 100644
Binary files a/cypress/snapshots/os/chromium/Button/Button -- with value.snap.png and b/cypress/snapshots/os/chromium/Button/Button -- with value.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- case very future date.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- case very future date.snap.png
index bce9621ea0e..8c6e94b8e0d 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- case very future date.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- case very future date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- days next month.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- days next month.snap.png
index 22e0073559a..0d9624dd0cc 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- days next month.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- days next month.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- days prev month.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- days prev month.snap.png
index 80541b6757b..e4b34194825 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- days prev month.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- days prev month.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- default double calendar.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- default double calendar.snap.png
index e345e25bcc4..c4e951dd907 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- default double calendar.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- default double calendar.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- default.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- default.snap.png
index e2902fb38a5..393c8131d72 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- default.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- default.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- locale en.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- locale en.snap.png
index 82c75cc6f18..06b02d3b9f3 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- locale en.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- locale en.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max double.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max double.snap.png
index 3c6cb43cb79..4c0b95fd842 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max double.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max double.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max.snap.png
index d026a69e42d..8457afba699 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- min and max.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- months next year.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- months next year.snap.png
index de7bed9b498..629e776e8a2 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- months next year.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- months next year.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- months prev year.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- months prev year.snap.png
index e44e94ebdb3..5f3e5f2b060 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- months prev year.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- months prev year.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes next year.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes next year.snap.png
index 60f826b6a2e..b296ce071c3 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes next year.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes next year.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes prev year.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes prev year.snap.png
index 4ee13bd0fb4..50674b8d03d 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes prev year.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- quartes prev year.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- size=s.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- size=s.snap.png
index 95b06776998..7a2c4585bda 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- size=s.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch double.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch double.snap.png
index 84e88bb68ed..6da8e4cd306 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch double.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch double.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch single.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch single.snap.png
index 3908bb20c57..e06d3857055 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch single.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- stretch single.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar -- view=default, size=m.snap.png
index 20d6c72be87..9ef74e75395 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png
index 193a54213b0..a8939527837 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png b/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png
index c1e2a614d2d..18f34ae9181 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png and b/cypress/snapshots/os/chromium/Calendar/Calendar keyboard navigation -- set value with `Enter` and `Space`.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default double calendar.snap.png b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default double calendar.snap.png
index 1a013a498e2..8cf33ff2ce8 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default double calendar.snap.png and b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default double calendar.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default.snap.png b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default.snap.png
index 2784282ec0e..4da78cd4bbd 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default.snap.png and b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- default.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- locale en.snap.png b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- locale en.snap.png
index bd1c6301628..70c7b7ba852 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- locale en.snap.png and b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- locale en.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress with disabled.snap.png b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress with disabled.snap.png
index c5f12ce683b..ef7dfcdc302 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress with disabled.snap.png and b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress with disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress.snap.png b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress.snap.png
index 0cb1a81d62d..a93aea7206a 100644
Binary files a/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress.snap.png and b/cypress/snapshots/os/chromium/Calendar/CalendarRange -- range in progress.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- chip group.snap.png b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- chip group.snap.png
index 16570a7b5e8..6c70d311151 100644
Binary files a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- chip group.snap.png and b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- chip group.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- indeterminate.snap.png b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- indeterminate.snap.png
index 00f3de37157..df1f51b9e2b 100644
Binary files a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- indeterminate.snap.png and b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- indeterminate.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- singleLine.snap.png b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- singleLine.snap.png
index f9fafc549ad..00e02d97989 100644
Binary files a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- singleLine.snap.png and b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- singleLine.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=m, view=accent.snap.png b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=m, view=accent.snap.png
index 68db65420ec..f8d9ccbe15e 100644
Binary files a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=m, view=accent.snap.png and b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=m, view=accent.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=s, view=negative.snap.png b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=s, view=negative.snap.png
index 1208dbdc13b..c6aa94899ad 100644
Binary files a/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=s, view=negative.snap.png and b/cypress/snapshots/os/chromium/Checkbox/Checkbox -- size=s, view=negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- afterList.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- afterList.snap.png
index c0d39a28c13..81745b8f3b0 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- afterList.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- afterList.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- beforeList.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- beforeList.snap.png
index 733dc2b2cce..023a5ae26f5 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- beforeList.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- beforeList.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- behavior nesting lists within scroll.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- behavior nesting lists within scroll.snap.png
index 0ecf2d08c28..20182bf5535 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- behavior nesting lists within scroll.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- behavior nesting lists within scroll.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- disabled.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- disabled.snap.png
index e587574dea2..36e536d2044 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- disabled.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- flip.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- flip.snap.png
index 757143319d0..544cc4095bd 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- flip.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- flip.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow async items loading.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow async items loading.snap.png
index 41e7cbd8643..b4a5eba2dfe 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow async items loading.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow async items loading.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple missing value in items.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple missing value in items.snap.png
index 364968f8817..bc9d7dcc6ba 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple missing value in items.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png
index 66710739fe0..cb881a5a10a 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single missing value in items.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single missing value in items.snap.png
index df619964790..980ae637215 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single missing value in items.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single update label after getting new items.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single update label after getting new items.snap.png
index 8289273a07c..ca771daf383 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single update label after getting new items.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- flow, single update label after getting new items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- isTargetAmount.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- isTargetAmount.snap.png
index 0e64a157074..2f8e74b1aec 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- isTargetAmount.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- item disabled.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- item disabled.snap.png
index 8c3a468d730..0131bf12162 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- item disabled.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- item disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight with long list.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight with long list.snap.png
index aa6fe5e6ca8..d66d8d7b41a 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight with long list.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight with long list.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight.snap.png
index a6ec5c39328..a046f0d8bb3 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- listMaxHeight.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- listWidth.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- listWidth.snap.png
index 9af68067c51..c5f182385c8 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- listWidth.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- listWidth.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- optional.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- optional.snap.png
index 05b6579b3f4..6b2ea4f148f 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- optional.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- optional.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- placement.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- placement.snap.png
index 7c7b158dab1..cd9f2e83d9c 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- placement.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- placement.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- readOnly.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- readOnly.snap.png
index a8b801eda42..9dac33f08b3 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- readOnly.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- renderItem.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- renderItem.snap.png
index 862c293ce63..8fa16f86a08 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- renderItem.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- renderItem.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- renderSelectionIcon.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- renderSelectionIcon.snap.png
index c8d8e93075d..752074881f4 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- renderSelectionIcon.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- renderSelectionIcon.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- renderValue.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- renderValue.snap.png
index 348dfa9bac6..cc90bd0b91e 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- renderValue.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- renderValue.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- required, requiredPlacement.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- required, requiredPlacement.snap.png
index cd9be2a5959..70f065bb201 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- required, requiredPlacement.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- required, requiredPlacement.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- selectAll button.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- selectAll button.snap.png
index cfa347a054f..60c275c347f 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- selectAll button.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- selectAll button.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- shift.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- shift.snap.png
index f4dc1f4142b..32efe88bf85 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- shift.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- shift.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=false, treeView=false.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=false, treeView=false.snap.png
new file mode 100644
index 00000000000..31ce3076469
Binary files /dev/null and b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=false, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=false, treeView=true.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=false, treeView=true.snap.png
new file mode 100644
index 00000000000..4e63c0d4561
Binary files /dev/null and b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=false, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=true, treeView=false.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=true, treeView=false.snap.png
new file mode 100644
index 00000000000..82e1ee5df64
Binary files /dev/null and b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=true, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=true, treeView=true.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=true, treeView=true.snap.png
new file mode 100644
index 00000000000..81c185537bb
Binary files /dev/null and b/cypress/snapshots/os/chromium/Combobox/Combobox -- singleLine=true, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- snapshot missing value in items.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- snapshot missing value in items.snap.png
index bdf467f292b..3bf37b81541 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- snapshot missing value in items.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- snapshot missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, multiple mode.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, multiple mode.snap.png
index 77ee4ff787a..e4b3e610111 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, multiple mode.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, multiple mode.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, single mode.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, single mode.snap.png
index 5358bd5c3f6..bb69a918642 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, single mode.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- treeView, single mode.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- variant.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- variant.snap.png
index 23675c43764..f20567a6e9a 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- variant.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- variant.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=default, size=m.snap.png
index 760b40f661e..9435d101a6f 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=negative.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=negative.snap.png
index 4eb119b18e4..5a1734b31d1 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=negative.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=positive, size=s.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=positive, size=s.snap.png
index 2e0613c7c01..3531f4660db 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=positive, size=s.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=positive, size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=warning.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=warning.snap.png
index e984572dfff..5a1734b31d1 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- view=warning.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Combobox/Combobox -- virtual.snap.png b/cypress/snapshots/os/chromium/Combobox/Combobox -- virtual.snap.png
index 46fbedef22a..2befbc5e80a 100644
Binary files a/cypress/snapshots/os/chromium/Combobox/Combobox -- virtual.snap.png and b/cypress/snapshots/os/chromium/Combobox/Combobox -- virtual.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png
index ec2e3a3d72b..c4d96f72415 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png
index 4820b916e32..88ddd84ff7c 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker input date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker input date.snap.png
index 7a24556e4e1..dee69e17641 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker input date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker input date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select day in popover.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select day in popover.snap.png
index 0825bc39933..5d33642d945 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select day in popover.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select day in popover.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png
index 14f2f635cbc..41b138e98db 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month in popover.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month in popover.snap.png
index d70a6977516..a54ff1ba9d6 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month in popover.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select month in popover.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png
index 0469276df43..ccf83a32084 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year in popover.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year in popover.snap.png
index f0ae6b80bc7..3b4a1c53bf2 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year in popover.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- DatePicker select year in popover.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png
index 9a6403c702e..224619dbd5d 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- case very future date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- case very future date.snap.png
index 68ae48aff8d..79cbf559051 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- case very future date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- case very future date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- controlled datepicker reset date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- controlled datepicker reset date.snap.png
index 0166c28446e..b44a093fc8d 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- controlled datepicker reset date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- controlled datepicker reset date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- default.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- default.snap.png
index 923b9e6cb95..da3b3e23845 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- default.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- default.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png
index 85347d10ed5..fff73f8b313 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- disabled, readOnly.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- disabled, readOnly.snap.png
index b62c02bf20f..cf9db9675d5 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- disabled, readOnly.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- disabled, readOnly.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- format.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- format.snap.png
index 632d78ad9db..ffda4205d67 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- format.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- format.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- inner label.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- inner label.snap.png
index d2becaf4de9..3cf7c7d5431 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- inner label.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- inner label.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date from calendar.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date from calendar.snap.png
index 42f7b3391b5..fc034156fe5 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date from calendar.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date from calendar.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date.snap.png
index cf22358407b..a561787d0ef 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input masked date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input masked date.snap.png
index dfd609cf714..f573a6c375c 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input masked date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- input masked date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png
index 0d5d04c3a5a..43b4d4b9db4 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- onToggle, outside click.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- onToggle, outside click.snap.png
index f92d9360c9a..9165ce36fdf 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- onToggle, outside click.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- onToggle, outside click.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- placement.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- placement.snap.png
index a97c05b676f..36b1d07f742 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- placement.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- placement.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- renderFromDate.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- renderFromDate.snap.png
index 8109cf06319..a6fa859bb0f 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- renderFromDate.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- renderFromDate.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- required.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- required.snap.png
index b45f53ec533..4aff3244dbe 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- required.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- required.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- size=s.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- size=s.snap.png
index 0692f599269..120d4e7729b 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- size=s.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- stretch.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- stretch.snap.png
index 9ff8c1baf94..e2dc83c7ccc 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- stretch.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- stretch.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- valueError, valueSuccess.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- valueError, valueSuccess.snap.png
index 453de18aec6..be46404ce51 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- valueError, valueSuccess.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- valueError, valueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- view=default, size=m.snap.png
index 7a24556e4e1..dee69e17641 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePicker -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePicker -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png
index f8f327056b3..5178af0b147 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png
index e80d55a8332..5178af0b147 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png
index 5284624b4dc..a8770648771 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png
index 257c8419e4e..a4dff4533ea 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- change only second date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- change only second date.snap.png
index a4306919532..70d28fd2732 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- change only second date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- change only second date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png
index a505de080ad..93b84efcc4d 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png
index e21b71c2df9..e774cbd9abd 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png
index 6a54af0ba36..5ffa76ed946 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- default.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- default.snap.png
index 0e2ed477d60..268ccd3e7a7 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- default.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- default.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png
index 1ac6bca43fd..08dc5f1c3be 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- disabled, readOnly.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- disabled, readOnly.snap.png
index 0842490d65c..18671be793d 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- disabled, readOnly.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- disabled, readOnly.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- format.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- format.snap.png
index 8bef85c42ef..a214f29ea9d 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- format.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- format.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png
index 28c28aaa4a6..adbca987c2d 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date, double calendar.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date, double calendar.snap.png
index e21a0f0e58c..b9385c950da 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date, double calendar.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date, double calendar.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date.snap.png
index ec563d4831f..f82da0cc338 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input same date.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input same date.snap.png
index c94b208a048..7ac7de81f11 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input same date.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- input same date.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png
index 7c75e84aca7..146ea0544a9 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- placement.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- placement.snap.png
index 27f6b77e18f..5f0837d1d36 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- placement.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- placement.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- renderFromDate.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- renderFromDate.snap.png
index bd2de920829..4d1ec0ac94c 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- renderFromDate.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- renderFromDate.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- required.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- required.snap.png
index 65dc359ddec..a9e62e07037 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- required.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- required.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- stretch.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- stretch.snap.png
index 448961ef285..7ba86cdf671 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- stretch.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- stretch.snap.png differ
diff --git a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png
index b584f7af2b5..7f364ebb6d3 100644
Binary files a/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png and b/cypress/snapshots/os/chromium/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- icon positions, show close icon.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- icon positions, show close icon.snap.png
index a172fa9f7b6..a24f85fea18 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- icon positions, show close icon.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- icon positions, show close icon.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- long text, custom close icon.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- long text, custom close icon.snap.png
index ceb733f44c3..5c922c26d13 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- long text, custom close icon.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- long text, custom close icon.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- placement bottom-left.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- placement bottom-left.snap.png
index 656e3018d68..a786d866683 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- placement bottom-left.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- placement bottom-left.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png
index 65862b167c4..7c83f5fbdb8 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- view=info.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- view=info.snap.png
index 90b4080e38f..18dfc72d682 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- view=info.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- view=info.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png
index f7cb2f45095..4023fee540c 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- view=positive.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- view=positive.snap.png
index db417a571c2..be7be728071 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- view=positive.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- view=positive.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Notification/Notification -- view=warning.snap.png b/cypress/snapshots/os/chromium/Notification/Notification -- view=warning.snap.png
index 511da3ebbf0..d8c2906be2d 100644
Binary files a/cypress/snapshots/os/chromium/Notification/Notification -- view=warning.snap.png and b/cypress/snapshots/os/chromium/Notification/Notification -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- checked.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- checked.snap.png
index 7672354e562..d2ebb7f0e1e 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- checked.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- checked.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- description.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- description.snap.png
index c5aa9258db3..1d3b7c968fd 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- description.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- description.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- disabled.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- disabled.snap.png
index 24b9a72a7fc..bf3c1b6f952 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- disabled.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- focused.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- focused.snap.png
index cb7ab4feec4..8ccb89b09e2 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- focused.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- focused.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- label.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- label.snap.png
index fb28840e208..74017a74dab 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- label.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- label.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- radiobox group.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- radiobox group.snap.png
index dc23bd20a14..f626b2996e2 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- radiobox group.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- radiobox group.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- size=s.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- size=s.snap.png
index 0c9080516c7..85d53d35236 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- size=s.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- squeezes.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- squeezes.snap.png
index 4b46272fe7f..52425111f2b 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- squeezes.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- squeezes.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- view=accent, size=m.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- view=accent, size=m.snap.png
index fd3daf3e4b5..7895717de46 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- view=accent, size=m.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- view=accent, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- with focus.snap.png b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- with focus.snap.png
index 334eaaeb30c..bff51fc2e7c 100644
Binary files a/cypress/snapshots/os/chromium/Radiobox/Radiobox -- with focus.snap.png and b/cypress/snapshots/os/chromium/Radiobox/Radiobox -- with focus.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png b/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png
index c949fee043f..1ec198c3bdd 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png b/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png
index 7a3769773d4..81d5b7de390 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, hasClearDivider.snap.png b/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, hasClearDivider.snap.png
index 2ba246bd5ef..853151646b7 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, hasClearDivider.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- appearance=clear, hasClearDivider.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- disabled & readOnly.snap.png b/cypress/snapshots/os/chromium/Range/Range -- disabled & readOnly.snap.png
index a71e709f48e..7e84d8e5a4c 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- disabled & readOnly.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- disabled & readOnly.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- error & success.snap.png b/cypress/snapshots/os/chromium/Range/Range -- error & success.snap.png
index c34d7871ef4..88ae8d09059 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- error & success.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- error & success.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- required.snap.png b/cypress/snapshots/os/chromium/Range/Range -- required.snap.png
index db5fbad1d47..67f791c078a 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- required.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- required.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- simple divider as icon.snap.png b/cypress/snapshots/os/chromium/Range/Range -- simple divider as icon.snap.png
index fa49a698c19..3209c06f3e3 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- simple divider as icon.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- simple divider as icon.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- simple filled value.snap.png b/cypress/snapshots/os/chromium/Range/Range -- simple filled value.snap.png
index ebfff365f10..9c4bea24fa5 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- simple filled value.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- simple filled value.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- simple.snap.png b/cypress/snapshots/os/chromium/Range/Range -- simple.snap.png
index c6e3179cb88..35fccd89747 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- simple.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- simple.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- size=s.snap.png b/cypress/snapshots/os/chromium/Range/Range -- size=s.snap.png
index 6957ba9bb48..eb70957c24f 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- size=s.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Range/Range -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/Range/Range -- view=default, size=m.snap.png
index 9be00f7f582..f7e1772822f 100644
Binary files a/cypress/snapshots/os/chromium/Range/Range -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/Range/Range -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect selectAllSticky.snap.png b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect selectAllSticky.snap.png
index 173d2d00b19..49214396f9e 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect selectAllSticky.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect selectAllSticky.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png
index a8bf8e57f67..ae17d029b03 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like.snap.png b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like.snap.png
index f916e111e82..bde3c314a66 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, button-like.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png
index e46c6ac8446..c5fee9d8354 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png
index 870c879d6d9..ffd7d1e1a77 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png
index 67841bd2a34..bf8385f4c83 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png
index 3fef497cd65..70408e4d057 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- afterList.snap.png b/cypress/snapshots/os/chromium/Select/Select -- afterList.snap.png
index 073888583dc..6477aa8c5c2 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- afterList.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- afterList.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- basic logic.snap.png b/cypress/snapshots/os/chromium/Select/Select -- basic logic.snap.png
index e6770deb655..516c138d085 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- basic logic.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- basic logic.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- beforeList.snap.png b/cypress/snapshots/os/chromium/Select/Select -- beforeList.snap.png
index e57de4161b8..e33e7a0084b 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- beforeList.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- beforeList.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- behavior nesting lists within scroll.snap.png b/cypress/snapshots/os/chromium/Select/Select -- behavior nesting lists within scroll.snap.png
index 10044445e3c..b61118f8a5f 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- behavior nesting lists within scroll.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- behavior nesting lists within scroll.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- behaviour isTargetAmount.snap.png b/cypress/snapshots/os/chromium/Select/Select -- behaviour isTargetAmount.snap.png
index c83a05c666e..60d0b131559 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- behaviour isTargetAmount.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- behaviour isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- chipType.snap.png b/cypress/snapshots/os/chromium/Select/Select -- chipType.snap.png
index fa9a18879f3..cd224038be3 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- chipType.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- chipType.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- chipView=accent multiselect.snap.png b/cypress/snapshots/os/chromium/Select/Select -- chipView=accent multiselect.snap.png
index 5188ece5b74..d5da0640e02 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- chipView=accent multiselect.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- chipView=accent multiselect.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- chipView=default multiselect.snap.png b/cypress/snapshots/os/chromium/Select/Select -- chipView=default multiselect.snap.png
index a5e0d23d24f..41cbefe6f05 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- chipView=default multiselect.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- chipView=default multiselect.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- chipView=secondary multiselect.snap.png b/cypress/snapshots/os/chromium/Select/Select -- chipView=secondary multiselect.snap.png
index d5d77b1c215..94f6c1c3756 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- chipView=secondary multiselect.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- chipView=secondary multiselect.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- closeAfterSelect.snap.png b/cypress/snapshots/os/chromium/Select/Select -- closeAfterSelect.snap.png
index 273e842d958..a53b7009b0d 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- closeAfterSelect.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- closeAfterSelect.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- contentLeft.snap.png b/cypress/snapshots/os/chromium/Select/Select -- contentLeft.snap.png
index e0f1e30c44f..3a45429d43f 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- contentLeft.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- contentLeft.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- disabled.snap.png b/cypress/snapshots/os/chromium/Select/Select -- disabled.snap.png
index 5e8dd032377..23f5c1a19dd 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- disabled.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- flip.snap.png b/cypress/snapshots/os/chromium/Select/Select -- flip.snap.png
index 9d9931b6494..eb7a7576257 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- flip.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- flip.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- flow, multiselect missing value in items.snap.png b/cypress/snapshots/os/chromium/Select/Select -- flow, multiselect missing value in items.snap.png
index 68812c0d869..b4bf3880979 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- flow, multiselect missing value in items.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- flow, multiselect missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- flow, single missing value in items.snap.png b/cypress/snapshots/os/chromium/Select/Select -- flow, single missing value in items.snap.png
index 6dd8622ec93..48a92a9f37f 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- flow, single missing value in items.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- flow, single missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- isTargetAmount.snap.png b/cypress/snapshots/os/chromium/Select/Select -- isTargetAmount.snap.png
index 1722ddea47d..f50c4572f9e 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- isTargetAmount.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- item disabled.snap.png b/cypress/snapshots/os/chromium/Select/Select -- item disabled.snap.png
index fa000a52d13..6c7cd3e505e 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- item disabled.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- item disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- optional, innerLabel.snap.png b/cypress/snapshots/os/chromium/Select/Select -- optional, innerLabel.snap.png
index 562809a92a2..57e34ef549f 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- optional, innerLabel.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- optional, innerLabel.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- optional.snap.png b/cypress/snapshots/os/chromium/Select/Select -- optional.snap.png
index 05b6579b3f4..6b2ea4f148f 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- optional.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- optional.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- readOnly.snap.png b/cypress/snapshots/os/chromium/Select/Select -- readOnly.snap.png
index 6c347492bcf..6d34f7480b1 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- readOnly.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon multiple.snap.png b/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon multiple.snap.png
index e3e4955a864..1c4d20fb7cf 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon multiple.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon multiple.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon single.snap.png b/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon single.snap.png
index 81d8232457c..607dfe041c2 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon single.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- renderSelectionIcon single.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- renderValue.snap.png b/cypress/snapshots/os/chromium/Select/Select -- renderValue.snap.png
index 15d0dde9acf..27c71735002 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- renderValue.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- renderValue.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- required, requiredPlacement.snap.png b/cypress/snapshots/os/chromium/Select/Select -- required, requiredPlacement.snap.png
index cd9be2a5959..70f065bb201 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- required, requiredPlacement.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- required, requiredPlacement.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- required=left, noLabel.snap.png b/cypress/snapshots/os/chromium/Select/Select -- required=left, noLabel.snap.png
index d4903d49542..e8b1791c129 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- required=left, noLabel.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- required=left, noLabel.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- selectAll button.snap.png b/cypress/snapshots/os/chromium/Select/Select -- selectAll button.snap.png
index 6b42d2f8cda..988f3d8d977 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- selectAll button.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- selectAll button.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- shift.snap.png b/cypress/snapshots/os/chromium/Select/Select -- shift.snap.png
index 9911e947ca4..adb33b5a12a 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- shift.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- shift.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- singleLine=false, treeView=false.snap.png b/cypress/snapshots/os/chromium/Select/Select -- singleLine=false, treeView=false.snap.png
new file mode 100644
index 00000000000..fedb77e817e
Binary files /dev/null and b/cypress/snapshots/os/chromium/Select/Select -- singleLine=false, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- singleLine=false, treeView=true.snap.png b/cypress/snapshots/os/chromium/Select/Select -- singleLine=false, treeView=true.snap.png
new file mode 100644
index 00000000000..a386d773663
Binary files /dev/null and b/cypress/snapshots/os/chromium/Select/Select -- singleLine=false, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- singleLine=true, treeView=false.snap.png b/cypress/snapshots/os/chromium/Select/Select -- singleLine=true, treeView=false.snap.png
new file mode 100644
index 00000000000..cdca0e3aa6b
Binary files /dev/null and b/cypress/snapshots/os/chromium/Select/Select -- singleLine=true, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- singleLine=true, treeView=true.snap.png b/cypress/snapshots/os/chromium/Select/Select -- singleLine=true, treeView=true.snap.png
new file mode 100644
index 00000000000..2887b604ec0
Binary files /dev/null and b/cypress/snapshots/os/chromium/Select/Select -- singleLine=true, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- snapshot missing value in items.snap.png b/cypress/snapshots/os/chromium/Select/Select -- snapshot missing value in items.snap.png
index 7c01a3b9e7d..82e4b12947b 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- snapshot missing value in items.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- snapshot missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png b/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png
index 26705250694..3f5a9526e83 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left.snap.png b/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left.snap.png
index cf2c2ac92ad..7be12174a35 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=left.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=right.snap.png b/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=right.snap.png
index 270a89ab56c..4f7a89dc490 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=right.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- treeView, arrowPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png b/cypress/snapshots/os/chromium/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png
index 5edff245b48..435ddb34bdc 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- treeView, multiple mode.snap.png b/cypress/snapshots/os/chromium/Select/Select -- treeView, multiple mode.snap.png
index d08cf9d7c85..ab5b8d169c5 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- treeView, multiple mode.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- treeView, multiple mode.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- treeView, single mode.snap.png b/cypress/snapshots/os/chromium/Select/Select -- treeView, single mode.snap.png
index cae6f017f7d..994f0c49c66 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- treeView, single mode.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- treeView, single mode.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m target=button-like.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m target=button-like.snap.png
index 29ed8a2d700..117a16d1771 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m target=button-like.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png
index 2c9d123fc0c..31f20a22108 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=negative target=button-like.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=negative target=button-like.snap.png
index 40b7d739297..86dbceff0d2 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=negative target=button-like.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=negative target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=negative.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=negative.snap.png
index 4c6307413f0..7b9f704133c 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=negative.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s target=button-like.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s target=button-like.snap.png
index f55ade4bcc9..aeb425549e3 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s target=button-like.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png
index 379be5b190f..1b01a3ccfcf 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=warning target=button-like.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=warning target=button-like.snap.png
index c20bcd002a5..8732bc00227 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=warning target=button-like.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=warning target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- view=warning.snap.png b/cypress/snapshots/os/chromium/Select/Select -- view=warning.snap.png
index d596db29679..7b9f704133c 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- view=warning.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Select/Select -- without closeAfterSelect.snap.png b/cypress/snapshots/os/chromium/Select/Select -- without closeAfterSelect.snap.png
index 4ebe0b77edd..7f48bc527c8 100644
Binary files a/cypress/snapshots/os/chromium/Select/Select -- without closeAfterSelect.snap.png and b/cypress/snapshots/os/chromium/Select/Select -- without closeAfterSelect.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Spinner/Spinner -- color.snap.png b/cypress/snapshots/os/chromium/Spinner/Spinner -- color.snap.png
index 1995bdb2eff..de833fc8436 100644
Binary files a/cypress/snapshots/os/chromium/Spinner/Spinner -- color.snap.png and b/cypress/snapshots/os/chromium/Spinner/Spinner -- color.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Spinner/Spinner -- id.snap.png b/cypress/snapshots/os/chromium/Spinner/Spinner -- id.snap.png
index d01f9530bd2..c65d07f8646 100644
Binary files a/cypress/snapshots/os/chromium/Spinner/Spinner -- id.snap.png and b/cypress/snapshots/os/chromium/Spinner/Spinner -- id.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Spinner/Spinner -- many colors.snap.png b/cypress/snapshots/os/chromium/Spinner/Spinner -- many colors.snap.png
index 98a1fd5249b..d7f9229c473 100644
Binary files a/cypress/snapshots/os/chromium/Spinner/Spinner -- many colors.snap.png and b/cypress/snapshots/os/chromium/Spinner/Spinner -- many colors.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Spinner/Spinner -- simple.snap.png b/cypress/snapshots/os/chromium/Spinner/Spinner -- simple.snap.png
index 138786c384e..1f2c4f34a36 100644
Binary files a/cypress/snapshots/os/chromium/Spinner/Spinner -- simple.snap.png and b/cypress/snapshots/os/chromium/Spinner/Spinner -- simple.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Spinner/Spinner -- sizes.snap.png b/cypress/snapshots/os/chromium/Spinner/Spinner -- sizes.snap.png
index 652d9169b3e..9316bd15270 100644
Binary files a/cypress/snapshots/os/chromium/Spinner/Spinner -- sizes.snap.png and b/cypress/snapshots/os/chromium/Spinner/Spinner -- sizes.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png
index 54f1657a4b4..756a7044548 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- Steps disabled.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- Steps disabled.snap.png
index 79dd0206a56..c13b349ba1a 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- Steps disabled.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- Steps disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png
index fa0d642a488..507f806788e 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- Steps simple.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- Steps simple.snap.png
index 7714e52d4f4..81b7e38c28f 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- Steps simple.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- Steps simple.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- Steps vertical, isLoading.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- Steps vertical, isLoading.snap.png
index 7a842234658..918454fb8af 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- Steps vertical, isLoading.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- Steps vertical, isLoading.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- _disabled.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- _disabled.snap.png
index 4d0edaa8c5a..c598ea0e406 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- _disabled.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- _disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- _hasLine.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- _hasLine.snap.png
index 5cc86f65219..6493e086cb8 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- _hasLine.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- _hasLine.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- itemViewnegative.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- itemViewnegative.snap.png
index 02354777e8d..4e37c13b5ac 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- itemViewnegative.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- itemViewnegative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- simple current.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- simple current.snap.png
index 0985846b7a4..99390aeee5c 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- simple current.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- simple current.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- simple.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- simple.snap.png
index 8a94761f5e8..d85f7810dad 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- simple.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- simple.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _disabled.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _disabled.snap.png
index 3a5934af9e6..a39a477e6af 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _disabled.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _hasLine.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _hasLine.snap.png
index 9d0d54714d8..99751757797 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _hasLine.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- _hasLine.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item stretch to max width.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item stretch to max width.snap.png
index 834192cf64e..2446deae757 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item stretch to max width.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item stretch to max width.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item view negative.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item view negative.snap.png
index de9f7441731..ad4262eddb7 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item view negative.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- item view negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple current.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple current.snap.png
index 99b5411ddc7..7a0ecd37ff8 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple current.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple current.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple.snap.png
index abb71d15afb..70d6b1c3639 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- simple.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with bullets statuses.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with bullets statuses.snap.png
index 31cb0f4391e..b74cfc3c6d6 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with bullets statuses.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with bullets statuses.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with indicators statuses.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with indicators statuses.snap.png
index a2565ff5ed1..3d86f3d28c6 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with indicators statuses.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with indicators statuses.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title current.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title current.snap.png
index d954d4d4820..8a23440df26 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title current.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title current.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title hasContent.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title hasContent.snap.png
index c970f8a0fa2..b769bdeb57f 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title hasContent.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title hasContent.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets current.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets current.snap.png
index ba9555084f5..3317d898677 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets current.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets current.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets.snap.png
index 8773c25bb79..e411e6514c2 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title, bullets.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title.snap.png
index 0f4f42129a3..964462640a5 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- vertical -- with title.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- view=accent, size=s.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- view=accent, size=s.snap.png
index a34aeb0c1fa..f05977b989a 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- view=accent, size=s.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- view=accent, size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- view=default, size=m.snap.png
index 48bbef1d068..9afd4209136 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- with bullets statuses.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- with bullets statuses.snap.png
index 39f979f078d..29ceb9d902c 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- with bullets statuses.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- with bullets statuses.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- with indicators statuses.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- with indicators statuses.snap.png
index d68020f5a97..cf3514273d0 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- with indicators statuses.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- with indicators statuses.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- with title current.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- with title current.snap.png
index dd7c424befb..934361acb70 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- with title current.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- with title current.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- with title hasContent.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- with title hasContent.snap.png
index d68457bd453..440568fc57a 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- with title hasContent.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- with title hasContent.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets current.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets current.snap.png
index ccdd2ca65d2..46488fe8bc2 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets current.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets current.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets.snap.png
index 021c9b94a21..553a943d530 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- with title, bullets.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Steps/Steps -- with title.snap.png b/cypress/snapshots/os/chromium/Steps/Steps -- with title.snap.png
index f5e2f77a445..387fa79b771 100644
Binary files a/cypress/snapshots/os/chromium/Steps/Steps -- with title.snap.png and b/cypress/snapshots/os/chromium/Steps/Steps -- with title.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, maxAuto.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, maxAuto.snap.png
index 9b47408f228..c8e995d9d10 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, maxAuto.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, maxAuto.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, minAuto.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, minAuto.snap.png
index 79f47ce6242..c6cd7863e55 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, minAuto.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize, minAuto.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize.snap.png
index 57d8a1b5fa3..980a9ed8eb9 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- autoResize.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- contentRight.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- contentRight.snap.png
index 0a9467113c1..8a3474e50c9 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- contentRight.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- contentRight.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- custom height and width.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- custom height and width.snap.png
index 3557b156bfc..f5e026c183c 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- custom height and width.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- custom height and width.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- defaultValue.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- defaultValue.snap.png
index b2d3e98d617..1150106a25e 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- defaultValue.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- defaultValue.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- disabled.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- disabled.snap.png
index ba69053f6ef..f06c83dab38 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- disabled.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- focused.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- focused.snap.png
index 33ab15b11f9..3bb638d12e2 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- focused.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- focused.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- headerSlot.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- headerSlot.snap.png
index cba0f3e56d4..48789f57796 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- headerSlot.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- headerSlot.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintPlacement=right.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintPlacement=right.snap.png
index a53eb0d9d33..e2b7dbca0bf 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintPlacement=right.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png
index 76017fcf364..f589139599f 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png
index 9c0d42b1360..8d4c161176c 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png
index dda75769a51..8e4d1f52bb6 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png
index e4572327d99..94446502013 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- leftHelper and rightHelper.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- leftHelper and rightHelper.snap.png
index aedae84300f..8408ec36957 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- leftHelper and rightHelper.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- leftHelper and rightHelper.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- placeholder with multiline.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- placeholder with multiline.snap.png
index c85b43aac30..ecd1092f7f1 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- placeholder with multiline.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- placeholder with multiline.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=both.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=both.snap.png
index 2d079394710..5d75931ff84 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=both.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=both.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=horizontal.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=horizontal.snap.png
index 980d98e8f98..b16b19f2394 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=horizontal.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=horizontal.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=vertical.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=vertical.snap.png
index 5eb6e181dbf..09f920c39a5 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=vertical.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- resize=vertical.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png
index f4ad3f9aec7..982810425a9 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m.snap.png
index ecb6a2b5b38..c22da741bfa 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png
index 1aec3ae0b50..52fc3a75674 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative.snap.png
index 7ea257c5622..a2a2defb1a4 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png
index 439e1dde5de..5dceec9f3bc 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s.snap.png
index 84e79b07b63..af04f6f8e96 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- view=warning, size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextArea/TextArea -- with hint.snap.png b/cypress/snapshots/os/chromium/TextArea/TextArea -- with hint.snap.png
index 716ca08beef..235d0530633 100644
Binary files a/cypress/snapshots/os/chromium/TextArea/TextArea -- with hint.snap.png and b/cypress/snapshots/os/chromium/TextArea/TextArea -- with hint.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- chipType.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- chipType.snap.png
index bfb3bf7f679..1875ecec9c0 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- chipType.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- chipType.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- content.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- content.snap.png
index 5d6c810446a..a6611dac333 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- content.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- content.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- defaultValue.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- defaultValue.snap.png
index 0f4b8dd7efa..4bfea46216c 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- defaultValue.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- defaultValue.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- disabled.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- disabled.snap.png
index ce96d9ccc75..01664cb626b 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- disabled.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png
index 988682ff3cd..62dd30ad3fa 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- focused.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- focused.snap.png
index a8c2957c19a..6a151ce0f48 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- focused.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- focused.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- keyboard navigation chips.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- keyboard navigation chips.snap.png
index bce968948d8..b408c8f8d12 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- keyboard navigation chips.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- keyboard navigation chips.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- maxLength.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- maxLength.snap.png
index 7bbf4b7dd55..2f1d9d3d0be 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- maxLength.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- maxLength.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- readOnly.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- readOnly.snap.png
index 24d2c4a2ed9..b068a5856d0 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- readOnly.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- textBefore,textAfter.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- textBefore,textAfter.snap.png
index 46d1131cd4f..dc5e0264135 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- textBefore,textAfter.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- textBefore,textAfter.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- truncate placeholder.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- truncate placeholder.snap.png
index 6d046903f4d..07a3ed3a479 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- truncate placeholder.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- truncate placeholder.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- view=default, size=m.snap.png
index b5e81695ce7..0a26f2899a5 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- view=negative.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- view=negative.snap.png
index c2df242d316..5500f38f001 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- view=negative.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- view=positive, size=s.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- view=positive, size=s.snap.png
index 9b20ae91448..5bdb8fba41c 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- view=positive, size=s.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- view=positive, size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- view=warning.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- view=warning.snap.png
index 29e92d135c3..7f404d171c6 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- view=warning.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextField/TextField -- with hint.snap.png b/cypress/snapshots/os/chromium/TextField/TextField -- with hint.snap.png
index 5384a4390a7..58dfe629d0c 100644
Binary files a/cypress/snapshots/os/chromium/TextField/TextField -- with hint.snap.png and b/cypress/snapshots/os/chromium/TextField/TextField -- with hint.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png
index 288f184dcac..be462e7ddbe 100644
Binary files a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png and b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png
index 55b826f1366..6e88c3f6026 100644
Binary files a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png and b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png
index fcf60d63ce3..42415d30f04 100644
Binary files a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png and b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=s.snap.png b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=s.snap.png
index 88f2a9342ab..0d3168b9a06 100644
Binary files a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=s.snap.png and b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=xs.snap.png b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=xs.snap.png
index 858c2b5e918..37c391964b0 100644
Binary files a/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=xs.snap.png and b/cypress/snapshots/os/chromium/TextFieldGroup/TextFieldGroup -- size=xs.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- default.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- default.snap.png
index 0da1f8f1bff..203a9b2e646 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- default.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- default.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- flow controlled.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- flow controlled.snap.png
index 2f368ff09d2..b130e4c6434 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- flow controlled.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- flow controlled.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block, multi-line title.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block, multi-line title.snap.png
index de80f3811d6..ca5374609de 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block, multi-line title.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block, multi-line title.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block.snap.png
index 91859b7d10b..b79a74fee83 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- flow thin block.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop arrowPlacement.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop arrowPlacement.snap.png
index 7571438da74..0bca9122556 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop arrowPlacement.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop arrowPlacement.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop autoExpandParent.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop autoExpandParent.snap.png
index 53f41203978..265fa443a94 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop autoExpandParent.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop autoExpandParent.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop checkable.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop checkable.snap.png
index 61064cca8ec..c76da5c9158 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop checkable.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop checkable.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultCheckedKeys.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultCheckedKeys.snap.png
index 61064cca8ec..c76da5c9158 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultCheckedKeys.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultCheckedKeys.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandAll.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandAll.snap.png
index 6775b6f5d2d..8054a5e3aeb 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandAll.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandAll.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandedKeys.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandedKeys.snap.png
index dff214f96f7..963c7406e0b 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandedKeys.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultExpandedKeys.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultSelectedKeys.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultSelectedKeys.snap.png
index 96c09494fac..8b3b52d62e8 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultSelectedKeys.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop defaultSelectedKeys.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop height.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop height.snap.png
index c31bcd81c55..e280f05e2bb 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop height.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop height.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop mode.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop mode.snap.png
index 6db56639581..23758b18ec4 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop mode.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop mode.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop multiple.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop multiple.snap.png
index ce3c4afdda4..7d096039d42 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop multiple.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop multiple.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- prop renderTitle.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- prop renderTitle.snap.png
index 23283f1292a..88b2f52d494 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- prop renderTitle.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- prop renderTitle.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- size=s.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- size=s.snap.png
index 66585c9c7b6..368e155b972 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- size=s.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/chromium/Tree/Tree -- view=default, size=m.snap.png b/cypress/snapshots/os/chromium/Tree/Tree -- view=default, size=m.snap.png
index ff41af1f8fe..bdfb3fc8f6b 100644
Binary files a/cypress/snapshots/os/chromium/Tree/Tree -- view=default, size=m.snap.png and b/cypress/snapshots/os/chromium/Tree/Tree -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- afterList.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- afterList.snap.png
index 21a8934f85d..6497087843b 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- afterList.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- afterList.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- beforeList.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- beforeList.snap.png
index 03522c55924..f9d68be605d 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- beforeList.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- beforeList.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- disabled.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- disabled.snap.png
index a5ed969fa6d..f6d19ad043d 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- disabled.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- flip.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- flip.snap.png
index 110039832e7..42f74f34b9d 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- flip.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- flip.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listMaxHeight.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listMaxHeight.snap.png
index cd624f16caf..0b116e14360 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listMaxHeight.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listMaxHeight.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listWidth.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listWidth.snap.png
index e10ef35cf6d..4d1c4ab97e0 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listWidth.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- listWidth.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- optional.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- optional.snap.png
index 6f346ecefe1..a0d387f4578 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- optional.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- optional.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- readOnly.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- readOnly.snap.png
index be6e9a65457..6e71c68af32 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- readOnly.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- renderItem.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- renderItem.snap.png
index b5093eb4b3d..a912ce6c83c 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- renderItem.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- renderItem.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png
index ba124d145d6..be9613e82d8 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- required, requiredPlacement.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=default, size=m.snap.png
index 1d44e3c07c5..a53979bd093 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=negative.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=negative.snap.png
index 11c7f4d0e96..573299b0c60 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=negative.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=positive, size=s.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=positive, size=s.snap.png
index 3192d84ebee..fa4a40fc921 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=positive, size=s.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=positive, size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=warning.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=warning.snap.png
index ddccef827d4..0793c13e60c 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=warning.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual dynamic height.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual dynamic height.snap.png
index 03f91cfc328..f157870fc59 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual dynamic height.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual dynamic height.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual.snap.png b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual.snap.png
index 42e4ddb3f37..878093e9f9e 100644
Binary files a/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual.snap.png and b/cypress/snapshots/os/webkit/Autocomplete/Autocomplete -- virtual.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- contentPlacing.snap.png b/cypress/snapshots/os/webkit/Button/Button -- contentPlacing.snap.png
index 9edc0246eaa..aeeaac5990a 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- contentPlacing.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- contentPlacing.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- disabled.snap.png b/cypress/snapshots/os/webkit/Button/Button -- disabled.snap.png
index 0164bf3d7bf..271931f079a 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- disabled.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- focused.snap.png b/cypress/snapshots/os/webkit/Button/Button -- focused.snap.png
index 3ef2fac8870..0be9a0e5739 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- focused.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- focused.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- pin.snap.png b/cypress/snapshots/os/webkit/Button/Button -- pin.snap.png
index 92b6a0fe1dd..ddfd8bf1d09 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- pin.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- pin.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=accent, size=m, stretching=filled.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=accent, size=m, stretching=filled.snap.png
index d288a0aa56a..7dc51419b1f 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=accent, size=m, stretching=filled.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=accent, size=m, stretching=filled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=black.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=black.snap.png
index cc6aa10fdc1..1cac4a2fa55 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=black.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=black.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=clear, size=xs.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=clear, size=xs.snap.png
index 9c4f7bc31cb..954a47a289d 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=clear, size=xs.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=clear, size=xs.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=dark.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=dark.snap.png
index d90d23efc92..9a9732230cc 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=dark.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=dark.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=default, size=l, stretching=auto.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=default, size=l, stretching=auto.snap.png
index 6473f68a1cd..46f47ac862f 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=default, size=l, stretching=auto.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=default, size=l, stretching=auto.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=negative.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=negative.snap.png
index 3e10c2b6c37..8d91f80d2ef 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=negative.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=positive, size=xxs.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=positive, size=xxs.snap.png
index 96a5c6d2506..df6bb2cb0a0 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=positive, size=xxs.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=positive, size=xxs.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png
index 59a965248d5..71e4d3d9d69 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=secondary, size=s, stretching=fixed.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=warning.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=warning.snap.png
index a7402463650..1fdc3d7f3d4 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=warning.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- view=white.snap.png b/cypress/snapshots/os/webkit/Button/Button -- view=white.snap.png
index 65282301beb..5048e30b9af 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- view=white.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- view=white.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- with content.snap.png b/cypress/snapshots/os/webkit/Button/Button -- with content.snap.png
index 9c1fdb9da9f..d54ffc853ad 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- with content.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- with content.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- with loader.snap.png b/cypress/snapshots/os/webkit/Button/Button -- with loader.snap.png
index 296ab95b09a..4d310f4753e 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- with loader.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- with loader.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Button/Button -- with value.snap.png b/cypress/snapshots/os/webkit/Button/Button -- with value.snap.png
index d807dc14276..f3d954d7723 100644
Binary files a/cypress/snapshots/os/webkit/Button/Button -- with value.snap.png and b/cypress/snapshots/os/webkit/Button/Button -- with value.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- case very future date.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- case very future date.snap.png
index 00d11988e70..1868a1ed908 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- case very future date.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- case very future date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- days next month.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- days next month.snap.png
index fb468253772..4099dc96958 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- days next month.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- days next month.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- days prev month.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- days prev month.snap.png
index 6a9e54abbb5..3651b52f042 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- days prev month.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- days prev month.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- default double calendar.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- default double calendar.snap.png
index 4c6e8e973d0..6887a9b8772 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- default double calendar.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- default double calendar.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- default.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- default.snap.png
index c6f93ed0a2f..241f8e45e79 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- default.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- default.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max double.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max double.snap.png
index bcbdfbc065b..550440efb6f 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max double.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max double.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max.snap.png
index 76ee7225f7b..cf1228f318b 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- min and max.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- months next year.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- months next year.snap.png
index 4df8508204f..12eea852c54 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- months next year.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- months next year.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- months prev year.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- months prev year.snap.png
index 6387ca7e744..3696c1cb2b6 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- months prev year.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- months prev year.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes next year.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes next year.snap.png
index 9f826168a5f..17ed62d90e5 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes next year.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes next year.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes prev year.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes prev year.snap.png
index 0b1a45140cc..d258ba5c375 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes prev year.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- quartes prev year.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- size=s.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- size=s.snap.png
index 1146d485308..53403f303ea 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- size=s.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch double.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch double.snap.png
index 8d2c2e12555..082804b40e7 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch double.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch double.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch single.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch single.snap.png
index 7d074921e45..9a68700ca94 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch single.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- stretch single.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar -- view=default, size=m.snap.png
index 5263217c829..f67062fa140 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png b/cypress/snapshots/os/webkit/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png
index 2cf9ae4ee2c..ec89b7398aa 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png and b/cypress/snapshots/os/webkit/Calendar/Calendar keyboard navigation -- navigate with `Down`, `Left`, `Up`, `Right` arrows.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress with disabled.snap.png b/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress with disabled.snap.png
index be1528e30b4..f7f9511b63a 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress with disabled.snap.png and b/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress with disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress.snap.png b/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress.snap.png
index 635e015ab62..bde879ae1d5 100644
Binary files a/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress.snap.png and b/cypress/snapshots/os/webkit/Calendar/CalendarRange -- range in progress.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- chip group.snap.png b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- chip group.snap.png
index 549965d9331..04153d0c604 100644
Binary files a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- chip group.snap.png and b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- chip group.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- indeterminate.snap.png b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- indeterminate.snap.png
index 7c737fd9f87..f0e7c704929 100644
Binary files a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- indeterminate.snap.png and b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- indeterminate.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- singleLine.snap.png b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- singleLine.snap.png
index 6175044cb4e..a53d81fb7f4 100644
Binary files a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- singleLine.snap.png and b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- singleLine.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=m, view=accent.snap.png b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=m, view=accent.snap.png
index 040df877372..7c918b80df1 100644
Binary files a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=m, view=accent.snap.png and b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=m, view=accent.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=s, view=negative.snap.png b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=s, view=negative.snap.png
index f2521ffbbf2..2ed07df6ef3 100644
Binary files a/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=s, view=negative.snap.png and b/cypress/snapshots/os/webkit/Checkbox/Checkbox -- size=s, view=negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- afterList.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- afterList.snap.png
index 25706528706..52884d4349e 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- afterList.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- afterList.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- beforeList.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- beforeList.snap.png
index 7820c11542a..0bc24bedea8 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- beforeList.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- beforeList.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- behavior nesting lists within scroll.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- behavior nesting lists within scroll.snap.png
index 185c0076c1a..f1bf60a2ff4 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- behavior nesting lists within scroll.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- behavior nesting lists within scroll.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- disabled.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- disabled.snap.png
index 0bf597310f8..ead8bc46c18 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- disabled.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- flip.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- flip.snap.png
index 8e250f4a7b8..c8e241a10c5 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- flip.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- flip.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow async items loading.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow async items loading.snap.png
index 6d271af9bb6..a1552e07ca0 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow async items loading.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow async items loading.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple missing value in items.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple missing value in items.snap.png
index 02d529ca233..b478c441ac3 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple missing value in items.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png
index 9aab7337452..9a4943a44ba 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, multiple update label after getting new items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single missing value in items.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single missing value in items.snap.png
index 00776df29fa..754e6425d44 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single missing value in items.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single update label after getting new items.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single update label after getting new items.snap.png
index a8d5da69723..32e3de7d0aa 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single update label after getting new items.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- flow, single update label after getting new items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- isTargetAmount.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- isTargetAmount.snap.png
index 4c07ed72f6d..41cde10bab8 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- isTargetAmount.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- item disabled.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- item disabled.snap.png
index 91d13a99873..08348c829f2 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- item disabled.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- item disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight with long list.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight with long list.snap.png
index f4cb70a161a..9c568958324 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight with long list.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight with long list.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight.snap.png
index 97acf1f1b92..dee646c86c2 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- listMaxHeight.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- listWidth.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- listWidth.snap.png
index ae558fa99c6..29adc269197 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- listWidth.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- listWidth.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- optional.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- optional.snap.png
index 1610bba8596..22d6e7097a8 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- optional.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- optional.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- placement.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- placement.snap.png
index badc08b251b..668887031ca 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- placement.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- placement.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- readOnly.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- readOnly.snap.png
index f018e7013c4..47dd12106f8 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- readOnly.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- renderItem.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- renderItem.snap.png
index 218fab486ff..8ea4483081b 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- renderItem.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- renderItem.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- renderSelectionIcon.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- renderSelectionIcon.snap.png
index f5dce30b86d..c8750c244c6 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- renderSelectionIcon.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- renderSelectionIcon.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- renderValue.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- renderValue.snap.png
index 371a4d3be88..75daa860248 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- renderValue.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- renderValue.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- required, requiredPlacement.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- required, requiredPlacement.snap.png
index 3e3b55518b7..741ccec278b 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- required, requiredPlacement.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- required, requiredPlacement.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- selectAll button.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- selectAll button.snap.png
index 58fa807159a..ae8feca31d5 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- selectAll button.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- selectAll button.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- shift.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- shift.snap.png
index 8d57afeef7f..fd8d7dac9c2 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- shift.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- shift.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=false, treeView=false.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=false, treeView=false.snap.png
new file mode 100644
index 00000000000..10b45113fc7
Binary files /dev/null and b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=false, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=false, treeView=true.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=false, treeView=true.snap.png
new file mode 100644
index 00000000000..7b825efed04
Binary files /dev/null and b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=false, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=true, treeView=false.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=true, treeView=false.snap.png
new file mode 100644
index 00000000000..be919998526
Binary files /dev/null and b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=true, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=true, treeView=true.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=true, treeView=true.snap.png
new file mode 100644
index 00000000000..232bb02f1fb
Binary files /dev/null and b/cypress/snapshots/os/webkit/Combobox/Combobox -- singleLine=true, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- snapshot missing value in items.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- snapshot missing value in items.snap.png
index 605c11b86c3..f3529b94f93 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- snapshot missing value in items.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- snapshot missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, multiple mode.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, multiple mode.snap.png
index 14c39b6ff77..b295f9065f5 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, multiple mode.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, multiple mode.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, single mode.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, single mode.snap.png
index 7c1d30e3a07..b4e78b280b8 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, single mode.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- treeView, single mode.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- variant.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- variant.snap.png
index c4787e8f339..3d76c34cfb6 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- variant.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- variant.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=default, size=m.snap.png
index 4fe076836a4..9a057bf1950 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=negative.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=negative.snap.png
index d51f6fd56c4..1775f4c9797 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=negative.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=positive, size=s.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=positive, size=s.snap.png
index 12ea38c1551..e3c1fdaee93 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=positive, size=s.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=positive, size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=warning.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=warning.snap.png
index d60dbe8c08c..1775f4c9797 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- view=warning.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Combobox/Combobox -- virtual.snap.png b/cypress/snapshots/os/webkit/Combobox/Combobox -- virtual.snap.png
index 0d48d305491..d285985c645 100644
Binary files a/cypress/snapshots/os/webkit/Combobox/Combobox -- virtual.snap.png and b/cypress/snapshots/os/webkit/Combobox/Combobox -- virtual.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png
index e9e856b077d..f410ebf8d06 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png
index 7e613418c23..c1864a25647 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker input date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker input date.snap.png
index 7292b6e570f..7134c8f538d 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker input date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker input date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select day in popover.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select day in popover.snap.png
index a9da10b72fd..fc77504f3aa 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select day in popover.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select day in popover.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png
index dacb95b8134..446170d6f87 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month by arrows.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month in popover.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month in popover.snap.png
index 0b1f906bd13..776e8759480 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month in popover.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select month in popover.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png
index fd277d18841..5348fb6ca2e 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year by arrows.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year in popover.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year in popover.snap.png
index 81dd172ef51..8b1619e7b2b 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year in popover.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- DatePicker select year in popover.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png
index 66e8e7a144e..71d9bb3e2b7 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- calendarContainerWidth, calendarContainerHeight.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- case very future date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- case very future date.snap.png
index 8f20a615ba6..60f26352da3 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- case very future date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- case very future date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- controlled datepicker reset date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- controlled datepicker reset date.snap.png
index 08112d941e5..54ae72337c2 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- controlled datepicker reset date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- controlled datepicker reset date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- default.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- default.snap.png
index e5a82400ae7..f5b787e1565 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- default.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- default.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png
index 58694c470d4..228a5956f65 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- defaultDate, enableContentLeft, enableContentRight.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- disabled, readOnly.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- disabled, readOnly.snap.png
index bb28a8f4638..964f9cc82ff 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- disabled, readOnly.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- disabled, readOnly.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- format.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- format.snap.png
index 971efbc96c6..88f6bacda7f 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- format.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- format.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- inner label.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- inner label.snap.png
index f9d47b63073..a281c6e2803 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- inner label.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- inner label.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date from calendar.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date from calendar.snap.png
index 87af9a2efe8..a31bed12c83 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date from calendar.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date from calendar.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date.snap.png
index 849dbe3a786..38ff78ef466 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input masked date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input masked date.snap.png
index 3ac8ce19aec..7b07c2871a5 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input masked date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- input masked date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png
index 1bd3de3244e..e3bae3130be 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- label, leftHelper, placeholder.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- onToggle, outside click.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- onToggle, outside click.snap.png
index 1d6244e9ce1..23706aea7e6 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- onToggle, outside click.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- onToggle, outside click.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- placement.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- placement.snap.png
index b21c39c3b96..b2e62a80c1c 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- placement.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- placement.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- renderFromDate.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- renderFromDate.snap.png
index cab2fd73114..3e71bf48ab4 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- renderFromDate.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- renderFromDate.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- required.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- required.snap.png
index db965cdbe04..cc786dad08c 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- required.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- required.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- size=s.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- size=s.snap.png
index c4faa5ca406..aeb53c87c5e 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- size=s.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- stretch.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- stretch.snap.png
index 0edcc8b2022..61377fe5789 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- stretch.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- stretch.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- valueError, valueSuccess.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- valueError, valueSuccess.snap.png
index 2a49099b9e8..f1ff7ccb761 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- valueError, valueSuccess.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- valueError, valueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- view=default, size=m.snap.png
index 7292b6e570f..7134c8f538d 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePicker -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePicker -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png
index 1281a07ffaf..85c8563b481 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueError, secondValueError.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png
index c356ae022c6..85c8563b481 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png
index ca1eacb2943..dc0e65beab1 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- appearance=clear, hasClearDivider.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png
index d54420be6bc..90492f286dd 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- calendarContainerWidth, calendarContainerHeight.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- change only second date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- change only second date.snap.png
index da0cf0124ad..e990dae8539 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- change only second date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- change only second date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png
index 194744c749a..d37610d8b0e 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- controlled datepicker reset date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png
index 3f896bb8117..e0012c70842 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=left, dateShortcutsWidth=5rem.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png
index bb62626eec4..7eebd02ebe5 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- dateShortcuts, dateShortcutsPlacement=right, dateShortcutsWidth=10rem.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- default.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- default.snap.png
index 352c8c7adf8..4428558a57d 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- default.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- default.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png
index c1d05459743..94fe9c1e102 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- defaultDate, enableContent.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- disabled, readOnly.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- disabled, readOnly.snap.png
index 551a87de577..aa639d43ccb 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- disabled, readOnly.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- disabled, readOnly.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- format.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- format.snap.png
index e276e0b1b55..90a430aef65 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- format.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- format.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png
index 22004a83498..852cb229502 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date, double calendar.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date, double calendar.snap.png
index 045d0358246..c99d8befe8e 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date, double calendar.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date, double calendar.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date.snap.png
index b639d7ade97..754e1fceeaf 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input same date.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input same date.snap.png
index a40d18edd6e..03f330db31e 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input same date.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- input same date.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png
index 2429a1fb21f..f6c6f4477a3 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- label, leftHelper, placeholder.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- placement.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- placement.snap.png
index d1db62c92fe..9cfe44a5f7f 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- placement.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- placement.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- renderFromDate.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- renderFromDate.snap.png
index 8a1c157e17e..d1067e887af 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- renderFromDate.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- renderFromDate.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- required.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- required.snap.png
index 8e9173c68b1..2ae85478b3d 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- required.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- required.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- stretch.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- stretch.snap.png
index 03ca487b4fa..6c6779f0160 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- stretch.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- stretch.snap.png differ
diff --git a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png
index 31c15de07ad..ecd271580d2 100644
Binary files a/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png and b/cypress/snapshots/os/webkit/DatePicker/DatePickerRange -- valueError, valueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- icon positions, show close icon.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- icon positions, show close icon.snap.png
index 72397cd61f1..16d5ac826a6 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- icon positions, show close icon.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- icon positions, show close icon.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- long text, custom close icon.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- long text, custom close icon.snap.png
index ae2869a8f33..a1e503b72b8 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- long text, custom close icon.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- long text, custom close icon.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- placement bottom-left.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- placement bottom-left.snap.png
index 6790cfa9a5e..5048421ba31 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- placement bottom-left.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- placement bottom-left.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png
index d4f12575b53..83a58af0985 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- view=default, layout=horizontal, size=xs.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- view=info.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- view=info.snap.png
index c3387600ebc..af25251c2f5 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- view=info.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- view=info.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png
index 6273925da5e..acad9eb3e32 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- view=negative, layout=vertical, size=xxs.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- view=positive.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- view=positive.snap.png
index 6299c91143b..64d62594f09 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- view=positive.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- view=positive.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Notification/Notification -- view=warning.snap.png b/cypress/snapshots/os/webkit/Notification/Notification -- view=warning.snap.png
index 05a099ddc9e..bfb1a439324 100644
Binary files a/cypress/snapshots/os/webkit/Notification/Notification -- view=warning.snap.png and b/cypress/snapshots/os/webkit/Notification/Notification -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- checked.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- checked.snap.png
index 2b28b722457..caddee3fd0f 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- checked.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- checked.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- description.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- description.snap.png
index 4942adc5df5..71869d05415 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- description.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- description.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- disabled.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- disabled.snap.png
index 9761c68c35f..4d87536578e 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- disabled.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- focused.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- focused.snap.png
index 8a90e040d33..5af78a1f1d5 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- focused.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- focused.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- label.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- label.snap.png
index ce5c4b970a8..ae54a424a21 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- label.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- label.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- radiobox group.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- radiobox group.snap.png
index 473c75f8f4d..4587975552b 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- radiobox group.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- radiobox group.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- size=s.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- size=s.snap.png
index 01a3768634c..4f220da476a 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- size=s.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- squeezes.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- squeezes.snap.png
index 7c9800a9f09..9bbbf7413cb 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- squeezes.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- squeezes.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- view=accent, size=m.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- view=accent, size=m.snap.png
index 5b449da0b5b..90f1d97eff4 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- view=accent, size=m.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- view=accent, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- with focus.snap.png b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- with focus.snap.png
index 30266fc2412..8a059171f58 100644
Binary files a/cypress/snapshots/os/webkit/Radiobox/Radiobox -- with focus.snap.png and b/cypress/snapshots/os/webkit/Radiobox/Radiobox -- with focus.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png b/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png
index 1ae6e638417..6933a231cce 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueError, secondValueError.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png b/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png
index 616d869dfc8..786d49dda0d 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, firstValueSuccess, secondValueSuccess.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, hasClearDivider.snap.png b/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, hasClearDivider.snap.png
index a732a936bc7..31f03cb7e02 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, hasClearDivider.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- appearance=clear, hasClearDivider.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- disabled & readOnly.snap.png b/cypress/snapshots/os/webkit/Range/Range -- disabled & readOnly.snap.png
index 7f08991fc83..279ef9cba44 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- disabled & readOnly.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- disabled & readOnly.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- error & success.snap.png b/cypress/snapshots/os/webkit/Range/Range -- error & success.snap.png
index 24777e716d0..1cffabc6db3 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- error & success.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- error & success.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- required.snap.png b/cypress/snapshots/os/webkit/Range/Range -- required.snap.png
index 3cc026c4670..48233087c28 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- required.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- required.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- simple divider as icon.snap.png b/cypress/snapshots/os/webkit/Range/Range -- simple divider as icon.snap.png
index 52f24394d2f..22eaf4ed293 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- simple divider as icon.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- simple divider as icon.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- simple filled value.snap.png b/cypress/snapshots/os/webkit/Range/Range -- simple filled value.snap.png
index 164f0503fc7..58efaefaca9 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- simple filled value.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- simple filled value.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- simple.snap.png b/cypress/snapshots/os/webkit/Range/Range -- simple.snap.png
index c251563fb15..f10aa89965a 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- simple.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- simple.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- size=s.snap.png b/cypress/snapshots/os/webkit/Range/Range -- size=s.snap.png
index f06c8d1296e..6d38b4278fa 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- size=s.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Range/Range -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/Range/Range -- view=default, size=m.snap.png
index a11458850a8..782fbb42818 100644
Binary files a/cypress/snapshots/os/webkit/Range/Range -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/Range/Range -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect selectAllSticky.snap.png b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect selectAllSticky.snap.png
index 547716fedd4..4f1a63402ee 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect selectAllSticky.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect selectAllSticky.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png
index 4c7a003d7e5..0a07ebf08f7 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like, isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like.snap.png b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like.snap.png
index 16f88092c3e..ec88446ca96 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, button-like.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png
index 189feee1952..e7c4c4d7e69 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text, isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png
index 1eca8c15807..40d4a3dbc94 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, chipType=text.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png
index e093e8433fd..5be662532b5 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, chipView=default, isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png
index 1e856f551d0..1ddbc35d02b 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- MultiSelect view=default, selectAllOptions.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- afterList.snap.png b/cypress/snapshots/os/webkit/Select/Select -- afterList.snap.png
index a2f4c5abd16..d9c042e558b 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- afterList.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- afterList.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- basic logic.snap.png b/cypress/snapshots/os/webkit/Select/Select -- basic logic.snap.png
index bf598542fe9..5c347f43432 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- basic logic.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- basic logic.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- beforeList.snap.png b/cypress/snapshots/os/webkit/Select/Select -- beforeList.snap.png
index 4e9c86bb7e6..228a1079e9f 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- beforeList.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- beforeList.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- behavior nesting lists within scroll.snap.png b/cypress/snapshots/os/webkit/Select/Select -- behavior nesting lists within scroll.snap.png
index f8fa0269620..43bbae7e491 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- behavior nesting lists within scroll.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- behavior nesting lists within scroll.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- behaviour isTargetAmount.snap.png b/cypress/snapshots/os/webkit/Select/Select -- behaviour isTargetAmount.snap.png
index 33561dd810b..e5b8c79578a 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- behaviour isTargetAmount.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- behaviour isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- chipType.snap.png b/cypress/snapshots/os/webkit/Select/Select -- chipType.snap.png
index ca77cda323c..8832ba4e3e2 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- chipType.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- chipType.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- chipView=accent multiselect.snap.png b/cypress/snapshots/os/webkit/Select/Select -- chipView=accent multiselect.snap.png
index 8a68b718803..3172715e7a8 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- chipView=accent multiselect.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- chipView=accent multiselect.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- chipView=default multiselect.snap.png b/cypress/snapshots/os/webkit/Select/Select -- chipView=default multiselect.snap.png
index 022200a980b..9319353e40b 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- chipView=default multiselect.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- chipView=default multiselect.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- chipView=secondary multiselect.snap.png b/cypress/snapshots/os/webkit/Select/Select -- chipView=secondary multiselect.snap.png
index f92db5c6ea1..d33e7ecdcea 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- chipView=secondary multiselect.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- chipView=secondary multiselect.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- closeAfterSelect.snap.png b/cypress/snapshots/os/webkit/Select/Select -- closeAfterSelect.snap.png
index 58ae9c19650..b0ac8c05776 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- closeAfterSelect.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- closeAfterSelect.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- contentLeft.snap.png b/cypress/snapshots/os/webkit/Select/Select -- contentLeft.snap.png
index f664dc8060a..5953b025070 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- contentLeft.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- contentLeft.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- disabled.snap.png b/cypress/snapshots/os/webkit/Select/Select -- disabled.snap.png
index 02c98f476ec..8f2869c0fa5 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- disabled.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- flip.snap.png b/cypress/snapshots/os/webkit/Select/Select -- flip.snap.png
index 2f9f2ae1ac9..5a42bb31edd 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- flip.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- flip.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- flow, multiselect missing value in items.snap.png b/cypress/snapshots/os/webkit/Select/Select -- flow, multiselect missing value in items.snap.png
index 9849c1eb673..c33a8644e3e 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- flow, multiselect missing value in items.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- flow, multiselect missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- flow, single missing value in items.snap.png b/cypress/snapshots/os/webkit/Select/Select -- flow, single missing value in items.snap.png
index 88d244590de..8ecb3d9287e 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- flow, single missing value in items.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- flow, single missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- isTargetAmount.snap.png b/cypress/snapshots/os/webkit/Select/Select -- isTargetAmount.snap.png
index 26e98871a59..fe75bd30c63 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- isTargetAmount.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- isTargetAmount.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- item disabled.snap.png b/cypress/snapshots/os/webkit/Select/Select -- item disabled.snap.png
index 5a845914578..439d109724e 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- item disabled.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- item disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- optional, innerLabel.snap.png b/cypress/snapshots/os/webkit/Select/Select -- optional, innerLabel.snap.png
index 1bf07111f66..43e96292dd1 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- optional, innerLabel.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- optional, innerLabel.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- optional.snap.png b/cypress/snapshots/os/webkit/Select/Select -- optional.snap.png
index 1610bba8596..22d6e7097a8 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- optional.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- optional.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- readOnly.snap.png b/cypress/snapshots/os/webkit/Select/Select -- readOnly.snap.png
index 17d32ce85a2..6e113df995c 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- readOnly.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon multiple.snap.png b/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon multiple.snap.png
index 3706ce99789..b73e93ed0ca 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon multiple.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon multiple.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon single.snap.png b/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon single.snap.png
index 711ce463c9d..c370fdd255f 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon single.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- renderSelectionIcon single.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- renderValue.snap.png b/cypress/snapshots/os/webkit/Select/Select -- renderValue.snap.png
index 416b3127dc7..ee4265fd0be 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- renderValue.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- renderValue.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- required, requiredPlacement.snap.png b/cypress/snapshots/os/webkit/Select/Select -- required, requiredPlacement.snap.png
index 3e3b55518b7..741ccec278b 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- required, requiredPlacement.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- required, requiredPlacement.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- required=left, noLabel.snap.png b/cypress/snapshots/os/webkit/Select/Select -- required=left, noLabel.snap.png
index 9b5c16599ee..a74f5d52bc0 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- required=left, noLabel.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- required=left, noLabel.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- selectAll button.snap.png b/cypress/snapshots/os/webkit/Select/Select -- selectAll button.snap.png
index 5b42ac81343..58506f36b74 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- selectAll button.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- selectAll button.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- shift.snap.png b/cypress/snapshots/os/webkit/Select/Select -- shift.snap.png
index 41f3989a3b7..c3e78a807b3 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- shift.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- shift.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- singleLine=false, treeView=false.snap.png b/cypress/snapshots/os/webkit/Select/Select -- singleLine=false, treeView=false.snap.png
new file mode 100644
index 00000000000..4795945c535
Binary files /dev/null and b/cypress/snapshots/os/webkit/Select/Select -- singleLine=false, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- singleLine=false, treeView=true.snap.png b/cypress/snapshots/os/webkit/Select/Select -- singleLine=false, treeView=true.snap.png
new file mode 100644
index 00000000000..719acaafb75
Binary files /dev/null and b/cypress/snapshots/os/webkit/Select/Select -- singleLine=false, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- singleLine=true, treeView=false.snap.png b/cypress/snapshots/os/webkit/Select/Select -- singleLine=true, treeView=false.snap.png
new file mode 100644
index 00000000000..835ba078b70
Binary files /dev/null and b/cypress/snapshots/os/webkit/Select/Select -- singleLine=true, treeView=false.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- singleLine=true, treeView=true.snap.png b/cypress/snapshots/os/webkit/Select/Select -- singleLine=true, treeView=true.snap.png
new file mode 100644
index 00000000000..35bb33a2244
Binary files /dev/null and b/cypress/snapshots/os/webkit/Select/Select -- singleLine=true, treeView=true.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- snapshot missing value in items.snap.png b/cypress/snapshots/os/webkit/Select/Select -- snapshot missing value in items.snap.png
index aec5c36dcf7..f350e993fdd 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- snapshot missing value in items.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- snapshot missing value in items.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png b/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png
index fc0b4d3fb38..21993807ec6 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left, multiselect.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left.snap.png b/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left.snap.png
index b1d34e17535..043761fbd88 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=left.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=right.snap.png b/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=right.snap.png
index c997c885625..44726f1b964 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=right.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- treeView, arrowPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png b/cypress/snapshots/os/webkit/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png
index 140dbde2e97..001e2595761 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- treeView, multiSelect arrowPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- treeView, multiple mode.snap.png b/cypress/snapshots/os/webkit/Select/Select -- treeView, multiple mode.snap.png
index 5eaaf241f13..bf9254502bf 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- treeView, multiple mode.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- treeView, multiple mode.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- treeView, single mode.snap.png b/cypress/snapshots/os/webkit/Select/Select -- treeView, single mode.snap.png
index e1ef36ab61f..d45821fe8c0 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- treeView, single mode.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- treeView, single mode.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m target=button-like.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m target=button-like.snap.png
index 069858b1aca..7216c6cba83 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m target=button-like.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png
index 27d13ea5aba..f90cc369b40 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=default, size=m, labelPlacement=inner.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=negative target=button-like.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=negative target=button-like.snap.png
index 85deb40a5ab..91734720ec4 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=negative target=button-like.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=negative target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=negative.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=negative.snap.png
index c8b72e3cad0..b38f0bb9da7 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=negative.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s target=button-like.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s target=button-like.snap.png
index 1b230a9ff71..46ceae8b648 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s target=button-like.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png
index ff031d79235..82f481b837a 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=positive, size=s, labelPlacement=outer.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=warning target=button-like.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=warning target=button-like.snap.png
index b4cfa4e89ca..caa2ff5815b 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=warning target=button-like.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=warning target=button-like.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- view=warning.snap.png b/cypress/snapshots/os/webkit/Select/Select -- view=warning.snap.png
index 2fa2cb1c53d..b38f0bb9da7 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- view=warning.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Select/Select -- without closeAfterSelect.snap.png b/cypress/snapshots/os/webkit/Select/Select -- without closeAfterSelect.snap.png
index fa2fda2945f..f029b3c3b9a 100644
Binary files a/cypress/snapshots/os/webkit/Select/Select -- without closeAfterSelect.snap.png and b/cypress/snapshots/os/webkit/Select/Select -- without closeAfterSelect.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Spinner/Spinner -- color.snap.png b/cypress/snapshots/os/webkit/Spinner/Spinner -- color.snap.png
index c597da046c4..fe03f19c6c3 100644
Binary files a/cypress/snapshots/os/webkit/Spinner/Spinner -- color.snap.png and b/cypress/snapshots/os/webkit/Spinner/Spinner -- color.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Spinner/Spinner -- id.snap.png b/cypress/snapshots/os/webkit/Spinner/Spinner -- id.snap.png
index f64531f084e..a14831b9a18 100644
Binary files a/cypress/snapshots/os/webkit/Spinner/Spinner -- id.snap.png and b/cypress/snapshots/os/webkit/Spinner/Spinner -- id.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Spinner/Spinner -- many colors.snap.png b/cypress/snapshots/os/webkit/Spinner/Spinner -- many colors.snap.png
index ab3dbd13bdb..a218c77bcbd 100644
Binary files a/cypress/snapshots/os/webkit/Spinner/Spinner -- many colors.snap.png and b/cypress/snapshots/os/webkit/Spinner/Spinner -- many colors.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Spinner/Spinner -- simple.snap.png b/cypress/snapshots/os/webkit/Spinner/Spinner -- simple.snap.png
index 0aa8976f9c6..29d501056c0 100644
Binary files a/cypress/snapshots/os/webkit/Spinner/Spinner -- simple.snap.png and b/cypress/snapshots/os/webkit/Spinner/Spinner -- simple.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Spinner/Spinner -- sizes.snap.png b/cypress/snapshots/os/webkit/Spinner/Spinner -- sizes.snap.png
index 7139cdbe66c..52157c7a3b5 100644
Binary files a/cypress/snapshots/os/webkit/Spinner/Spinner -- sizes.snap.png and b/cypress/snapshots/os/webkit/Spinner/Spinner -- sizes.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png
index 34096108935..8c8c5455df4 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- Steps contentAlign=center, indicatorType=bullet, hasContent=active.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- Steps disabled.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- Steps disabled.snap.png
index fe974fbc6a8..c6a923e4c8c 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- Steps disabled.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- Steps disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png
index 2985470f6ce..68da93e66e4 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- Steps indicatorType=icon, hasContent=none.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- Steps simple.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- Steps simple.snap.png
index 31d5e7a01cc..4be621f7afa 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- Steps simple.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- Steps simple.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- Steps vertical, isLoading.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- Steps vertical, isLoading.snap.png
index bc583ad73b7..ea70cabc61c 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- Steps vertical, isLoading.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- Steps vertical, isLoading.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- _disabled.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- _disabled.snap.png
index 302558b9aa4..9ec457818d0 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- _disabled.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- _disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- _hasLine.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- _hasLine.snap.png
index 567c5d3ab91..5274916acba 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- _hasLine.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- _hasLine.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- itemViewnegative.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- itemViewnegative.snap.png
index 570f2a9ee95..dfa82f6c94c 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- itemViewnegative.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- itemViewnegative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- simple current.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- simple current.snap.png
index 713e9076c10..7e82b133688 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- simple current.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- simple current.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- simple.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- simple.snap.png
index 3729e1fc55f..9cfacc1e99e 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- simple.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- simple.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _disabled.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _disabled.snap.png
index 05f3fe59bbb..7828b7cd4b4 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _disabled.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _hasLine.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _hasLine.snap.png
index 0f41cf6c85b..a0d79761ab6 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _hasLine.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- _hasLine.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item stretch to max width.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item stretch to max width.snap.png
index c6dec31a463..6c2fc947b47 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item stretch to max width.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item stretch to max width.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item view negative.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item view negative.snap.png
index 2d8ac245783..d39d999dc61 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item view negative.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- item view negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple current.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple current.snap.png
index 99d8014c067..c03266b9f67 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple current.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple current.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple.snap.png
index 07c76c106ae..9d252d78e7a 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- simple.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with bullets statuses.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with bullets statuses.snap.png
index de2eec58c24..653801adbca 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with bullets statuses.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with bullets statuses.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with indicators statuses.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with indicators statuses.snap.png
index c2e35ae99b5..2cfc5221a7f 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with indicators statuses.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with indicators statuses.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title current.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title current.snap.png
index 56a65b635a3..1d64f3f646e 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title current.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title current.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title hasContent.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title hasContent.snap.png
index 52ec0745831..705e4061b5a 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title hasContent.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title hasContent.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets current.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets current.snap.png
index 8771bd1d316..39a7d96b7c9 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets current.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets current.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets.snap.png
index d69bb8e7ea3..cb4ecae2a6d 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title, bullets.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title.snap.png
index 4a184dcd903..795a51b6736 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- vertical -- with title.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- view=accent, size=s.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- view=accent, size=s.snap.png
index 4c979d50924..a1145b20543 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- view=accent, size=s.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- view=accent, size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- view=default, size=m.snap.png
index 2a0743d829d..3f30b99b9c6 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- with bullets statuses.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- with bullets statuses.snap.png
index 3a938663528..fc273969f7e 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- with bullets statuses.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- with bullets statuses.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- with indicators statuses.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- with indicators statuses.snap.png
index d7ee792c7a4..7089cc746c6 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- with indicators statuses.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- with indicators statuses.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- with title current.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- with title current.snap.png
index a3900f8c3ad..0823c0f065b 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- with title current.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- with title current.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- with title hasContent.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- with title hasContent.snap.png
index baf22303b46..5cf5829ffca 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- with title hasContent.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- with title hasContent.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets current.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets current.snap.png
index 00b756f03d6..0ff8ddedbc0 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets current.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets current.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets.snap.png
index 50302e220f4..b3b8d4736e1 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- with title, bullets.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Steps/Steps -- with title.snap.png b/cypress/snapshots/os/webkit/Steps/Steps -- with title.snap.png
index be484f0ef0e..59dce72e30e 100644
Binary files a/cypress/snapshots/os/webkit/Steps/Steps -- with title.snap.png and b/cypress/snapshots/os/webkit/Steps/Steps -- with title.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, maxAuto.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, maxAuto.snap.png
index 0eb8d7699f7..40ea87b1fe0 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, maxAuto.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, maxAuto.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, minAuto.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, minAuto.snap.png
index 6892c29eb6a..3541dfac74d 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, minAuto.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize, minAuto.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize.snap.png
index f28c2532449..b4393f3e9b1 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- autoResize.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- contentRight.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- contentRight.snap.png
index 7e669c2bc48..580c1e774d7 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- contentRight.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- contentRight.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- custom height and width.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- custom height and width.snap.png
index c11b1852fad..d77f80e8418 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- custom height and width.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- custom height and width.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- defaultValue.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- defaultValue.snap.png
index 5b6bff5bed2..0b88ecb8cf5 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- defaultValue.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- defaultValue.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- disabled.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- disabled.snap.png
index 4d9631a6e0a..3d88fd4e0cb 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- disabled.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- focused.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- focused.snap.png
index 476f941d9bd..20f780e0e3c 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- focused.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- focused.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- headerSlot.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- headerSlot.snap.png
index b247d6e5655..194eb9314c1 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- headerSlot.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- headerSlot.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintPlacement=right.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintPlacement=right.snap.png
index 13ab8366a69..750571fa052 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintPlacement=right.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintPlacement=right.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png
index 7083a51e111..687e04f0d83 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintSize=s, hintPlacement=bottom, hintWidth=100px.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png
index bb987476b7b..995a07e4ed9 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=click, hintHasArrow=false.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png
index b258c203514..34db84af685 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- hintTrigger=hover, hintSize=m, hintPlacement=top, hintWidth=1px, hintHasArrow.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png
index e093f5628e9..285db8504a4 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- labelPlacement=outer, hintPlacement=left, hintWidth=500px.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- leftHelper and rightHelper.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- leftHelper and rightHelper.snap.png
index 7ff250b9454..7a7ef55856e 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- leftHelper and rightHelper.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- leftHelper and rightHelper.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- placeholder with multiline.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- placeholder with multiline.snap.png
index fb577f5ac5b..55235d83e2f 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- placeholder with multiline.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- placeholder with multiline.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=both.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=both.snap.png
index 332f2346e28..9e045885635 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=both.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=both.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=horizontal.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=horizontal.snap.png
index 3e5a36e1748..db70a5dc51d 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=horizontal.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=horizontal.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=vertical.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=vertical.snap.png
index bb309204051..0e874ae1cc1 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=vertical.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- resize=vertical.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png
index 2c183f13e2c..fc27d969dd3 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m appearance=clear,hasDivider=true.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m.snap.png
index 2984cbd4824..8db01574af2 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png
index 572fb34f5f3..e65f95b97cc 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative appearance=clear,hasDivider=true.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative.snap.png
index bcdcb377e9b..3770dbbf60b 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png
index db305c3cb45..cb661845421 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s appearance=clear,hasDivider=true.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s.snap.png
index c2dabd6bc9b..36b8e596a35 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- view=warning, size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextArea/TextArea -- with hint.snap.png b/cypress/snapshots/os/webkit/TextArea/TextArea -- with hint.snap.png
index 95ee8bf5592..075693db337 100644
Binary files a/cypress/snapshots/os/webkit/TextArea/TextArea -- with hint.snap.png and b/cypress/snapshots/os/webkit/TextArea/TextArea -- with hint.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- chipType.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- chipType.snap.png
index 354c94e0e73..5231f0580b3 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- chipType.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- chipType.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- content.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- content.snap.png
index bc3ed499359..0e44efbe160 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- content.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- content.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- defaultValue.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- defaultValue.snap.png
index d40452004a4..8b09348dafb 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- defaultValue.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- defaultValue.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- disabled.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- disabled.snap.png
index eeca1945dde..cac8cbc7435 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- disabled.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- disabled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png
index bdf9dfb38d3..0c35d436a91 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- enumerationTypechip, _chipView, _chipValidator.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- focused.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- focused.snap.png
index 98c31dc295f..1264c187031 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- focused.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- focused.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- keyboard navigation chips.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- keyboard navigation chips.snap.png
index 6fecb0f25ca..2a1ee098172 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- keyboard navigation chips.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- keyboard navigation chips.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- maxLength.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- maxLength.snap.png
index d6f6cd828fa..2fd59e2f03c 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- maxLength.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- maxLength.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- readOnly.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- readOnly.snap.png
index 33829dd944f..f99e5610c14 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- readOnly.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- readOnly.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- textBefore,textAfter.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- textBefore,textAfter.snap.png
index 0d1b2003753..d7079f35879 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- textBefore,textAfter.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- textBefore,textAfter.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- truncate placeholder.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- truncate placeholder.snap.png
index 3c682e08f70..9dee2084a5d 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- truncate placeholder.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- truncate placeholder.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- view=default, size=m.snap.png
index 15aed28096d..1de0be6296a 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- view=default, size=m.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- view=negative.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- view=negative.snap.png
index 0508dd01b9a..4f6810979b0 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- view=negative.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- view=negative.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- view=positive, size=s.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- view=positive, size=s.snap.png
index b1b887c1cca..5bc9bbb8c68 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- view=positive, size=s.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- view=positive, size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- view=warning.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- view=warning.snap.png
index 70a0530cb49..a3a11561ece 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- view=warning.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- view=warning.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextField/TextField -- with hint.snap.png b/cypress/snapshots/os/webkit/TextField/TextField -- with hint.snap.png
index 6863b1e7396..6a86b06e456 100644
Binary files a/cypress/snapshots/os/webkit/TextField/TextField -- with hint.snap.png and b/cypress/snapshots/os/webkit/TextField/TextField -- with hint.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png
index 23e18b059a6..3168bd4b86b 100644
Binary files a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png and b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- orientation, shape, stretching.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png
index 423e476851f..98e1d1b69da 100644
Binary files a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png and b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=l, orientation=horizontal, gap=dense, shape=segmented, stretching=auto.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png
index 178d89c8174..4f5d9dd5b65 100644
Binary files a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png and b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=m, orientation=vertical, gap=wide, shape=default, stretching=filled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=s.snap.png b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=s.snap.png
index 5b2c9d0f7bb..273b144cba2 100644
Binary files a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=s.snap.png and b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=xs.snap.png b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=xs.snap.png
index 06354c7eb89..3715cbc23cb 100644
Binary files a/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=xs.snap.png and b/cypress/snapshots/os/webkit/TextFieldGroup/TextFieldGroup -- size=xs.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- default.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- default.snap.png
index 11efc64a492..c3e68209a45 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- default.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- default.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- flow controlled.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- flow controlled.snap.png
index 6e2831087bd..1329a915aa2 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- flow controlled.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- flow controlled.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block, multi-line title.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block, multi-line title.snap.png
index dee530dfde4..49cb818b1ee 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block, multi-line title.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block, multi-line title.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block.snap.png
index 538542526b2..9508e08ed86 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- flow thin block.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop arrowPlacement.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop arrowPlacement.snap.png
index b0d7f3439e9..6af80ed2eb8 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop arrowPlacement.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop arrowPlacement.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop autoExpandParent.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop autoExpandParent.snap.png
index a5d5f859e82..d664ea9b5f2 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop autoExpandParent.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop autoExpandParent.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop checkable.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop checkable.snap.png
index 270114b9070..e086d76efde 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop checkable.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop checkable.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultCheckedKeys.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultCheckedKeys.snap.png
index 270114b9070..e086d76efde 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultCheckedKeys.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultCheckedKeys.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandAll.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandAll.snap.png
index 13e55ce1785..f30d7777792 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandAll.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandAll.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandedKeys.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandedKeys.snap.png
index 56b9a00b148..13c2728d8f6 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandedKeys.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultExpandedKeys.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultSelectedKeys.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultSelectedKeys.snap.png
index 4a5ea9a6993..79aadc4634c 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultSelectedKeys.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop defaultSelectedKeys.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop height.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop height.snap.png
index ffd50672214..25ca67f80a8 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop height.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop height.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop mode.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop mode.snap.png
index 0fcb5bc5f96..e976559da9e 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop mode.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop mode.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop multiple.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop multiple.snap.png
index 4038cb825d0..5fcc2e4acb5 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop multiple.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop multiple.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- prop renderTitle.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- prop renderTitle.snap.png
index 3a34de487ce..be0f32cc2e1 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- prop renderTitle.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- prop renderTitle.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- size=s.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- size=s.snap.png
index 5b3f0d36871..0071690a659 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- size=s.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- size=s.snap.png differ
diff --git a/cypress/snapshots/os/webkit/Tree/Tree -- view=default, size=m.snap.png b/cypress/snapshots/os/webkit/Tree/Tree -- view=default, size=m.snap.png
index 8e1a27d71fa..e547dce944c 100644
Binary files a/cypress/snapshots/os/webkit/Tree/Tree -- view=default, size=m.snap.png and b/cypress/snapshots/os/webkit/Tree/Tree -- view=default, size=m.snap.png differ
diff --git a/packages/sdds-os/.storybook/decoratorThemes.tsx b/packages/sdds-os/.storybook/decoratorThemes.tsx
index 798529899a6..9a45d58ee9f 100644
--- a/packages/sdds-os/.storybook/decoratorThemes.tsx
+++ b/packages/sdds-os/.storybook/decoratorThemes.tsx
@@ -1,14 +1,14 @@
 import React from 'react';
 import type { Decorator } from '@storybook/react-vite';
 import { createGlobalStyle } from 'styled-components';
-import { sdds_serv__light, sdds_serv__dark } from '@salutejs/sdds-themes';
+import { sdds_os__light, sdds_os__dark } from '@salutejs-ds/sdds_os';
 
-import { ViewContainer } from '../src/components/ViewContainer/ViewContainer';
+import { ViewContainer } from '../src';
 
 const DocumentStyle = createGlobalStyle`
     html:root {
         min-height: 100vh;
-        background-color: var(--surface-solid-primary);
+        background-color: var(--background-primary);
     }
 
     a {
@@ -33,8 +33,8 @@ export const ON_DARK_MODE = 'onDark';
 export const ON_LIGHT_MODE = 'onLight';
 
 const themes = {
-    [SDDS_SBER_OS_LIGHT_THEME]: createGlobalStyle(sdds_serv__light),
-    [SDDS_SBER_OS_DARK_THEME]: createGlobalStyle(sdds_serv__dark),
+    [SDDS_SBER_OS_LIGHT_THEME]: createGlobalStyle(sdds_os__light),
+    [SDDS_SBER_OS_DARK_THEME]: createGlobalStyle(sdds_os__dark),
 };
 
 type ViewType = {
diff --git a/packages/sdds-os/README.md b/packages/sdds-os/README.md
index c1dff8b08f2..2c29f9b9f17 100644
--- a/packages/sdds-os/README.md
+++ b/packages/sdds-os/README.md
@@ -14,7 +14,7 @@
 ### Установка зависимостей
 
 ```bash
-$ npm install --save @salutejs/sdds-os @salutejs/sdds-themes
+$ npm install --save @salutejs/sdds-os @salutejs-ds/sdds_os
 ```
 
 Для работы со `styled-components`, необходимо установить
@@ -30,7 +30,7 @@ $ npm install --save styled-components@5.3.1
 ```jsx
 import styled from 'styled-components';
 import { Button } from '@salutejs/sdds-os';
-import { textAccent } from '@salutejs/sdds-themes/tokens';
+import { textAccent } from '@salutejs-ds/sdds_os';
 
 export const App = () => {
     const StyledP = styled.p`
@@ -137,7 +137,7 @@ export default function Home() {
 В файле, где происходит подключение всех стилей, например `index.css`
 
 ```css
-@import '@salutejs/sdss-themes/css/sdds_serv__dark.css';
+@import '@salutejs-вы/sdss_os/css/sdds_os__dark.css';
 ```
 
 ```jsx
@@ -164,9 +164,9 @@ export default App;
 import React from 'react';
 import { createGlobalStyle } from 'styled-components';
 import { Button, BodyL } from '@salutejs/sdds-os/styled-components';
-import { sdds_serv__light } from '@salutejs/sdds-themes';
+import { sdds_os__light } from '@salutejs-ds/sdds_os';
 
-const Theme = createGlobalStyle(sdds_serv__light);
+const Theme = createGlobalStyle(sdds_os__light);
 
 const App = () => {
     return (
@@ -194,17 +194,16 @@ export const backgroundPrimary = 'var(--background-primary, #000000)';
 
 ### Способы подключения
 
-Есть два пути импорта токенов:
-
--   Из вертикали `@salutejs/sdds-themes/tokens` (подходит в большинстве случаев, т.к там лежит весь базовый набор токенов)
--   Непосредственно из темы `@salutejs/sdds-themes/tokens/sdds-serv` (следует использовать, когда необходимо импортировать уникальные токены, которые используются только в этой теме)
+```tsx
+import { textPrimary, h5 } from '@salutejs-ds/sdds_os';
+```
 
 ### Использование
 
 ```jsx
 import React from 'react';
 import styled from 'styled-components';
-import { textAccent, backgroundPrimary, textL } from '@salutejs/sdds-themes/tokens';
+import { textAccent, backgroundPrimary, textL } from '@salutejs-ds/sdds_os';
 
 const AppStyled = styled.div`
     padding: 2rem;
diff --git a/packages/sdds-os/README.mdx b/packages/sdds-os/README.mdx
index 2c8a1c75b68..9095a9e9b44 100644
--- a/packages/sdds-os/README.mdx
+++ b/packages/sdds-os/README.mdx
@@ -1,256 +1,6 @@
-# SDDS-OS
+import { Meta, Markdown } from "@storybook/addon-docs/blocks";
+import ReadmeMd from './README.md?raw';
 
-Набор компонентов и утилит для создания web-приложений на базе [ReactJS](https://reactjs.org/).
+<Meta title="About" />
 
-## Использование
-
-Библиотека реализована с помощью:
-
--   [typescript](https://www.typescriptlang.org/)
--   [styled-components](https://styled-components.com/) (рекомендуем использовать версию `5.3.1`)
-
-Однако их использование **необязательно**!
-
-### Установка зависимостей
-
-```bash
-$ npm install --save @salutejs/sdds-os @salutejs/sdds-themes
-```
-
-Для работы со `styled-components`, необходимо установить
-
-```bash
-$ npm install --save styled-components@5.3.1
-```
-
-### Использование компонентов
-
-Все компоненты доступны напрямую из пакета
-
-```jsx
-import styled from 'styled-components';
-import { Button } from '@salutejs/sdds-os';
-import { textAccent } from '@salutejs/sdds-themes/tokens';
-
-export const App = () => {
-    const StyledP = styled.p`
-        color: ${textAccent};
-    `;
-
-    return (
-        <>
-            <Button>Hello, SBER OS!</Button>
-            <StyledP>Token usage example</StyledP>
-        </>
-    );
-};
-```
-
-Так же библиотека поставляет компоненты собранные с помощью `styled-components`
-
-```js
-import { Button } from '@salutejs/sdds-os/styled-components';
-```
-
-## Подключение шрифтов
-
-Типографическая система основана на фирменных шрифтах.
-
-Для того чтобы шрифт было удобно поставлять в web-приложения, шрифт был загружен на **CDN**
-
-Для использования типографической системы необходимо загрузить два `css` файла в зависимости от используемых шрифтов в теме.
-
-### Create react app
-
-Добавить внутрь тега `head`.
-
-```html
-<html>
-    <head>
-        <link rel="stylesheet" href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css" />
-        <link
-            rel="stylesheet"
-            href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"
-        />
-        <title>Wep App</title>
-    </head>
-    <body>
-        ...
-    </body>
-</html>
-```
-
-### NextJs
-
-```tsx
-import Head from 'next/head';
-
-import { H2, Button } from '@salutejs/sdds-os';
-
-export default function Home() {
-    return (
-        <>
-            <Head>
-                <title>Create Next App with sdds-os components</title>
-                <link
-                    rel="stylesheet"
-                    href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansText.0.2.0.css"
-                />
-                <link
-                    rel="stylesheet"
-                    href="https://cdn-app.sberdevices.ru/shared-static/0.0.0/styles/SBSansDisplay.0.2.0.css"
-                />
-            </Head>
-            <div>
-                <main>
-                    <div>
-                        <H2> Salute </H2>
-                        <Button text="Hello" />
-                    </div>
-                </main>
-            </div>
-        </>
-    );
-}
-```
-
-## Подключение темы
-
-Точкой входа является корень приложения:
-
--   Если вы используете [Create React App](https://create-react-app.dev), делайте вызов внутри `src/index.tsx`.
--   Если вы используете [Next.js](https://nextjs.org/), создайте файл `pages/_app.tsx` и подключите стили в нем.
-
-### CSS
-
-Возможные дополнительные настройки bundle tools для проекта:
-
-<ul>
-    <li>
-        <a href="https://webpack.js.org/loaders/css-loader/">webpack + css</a>
-    </li>
-    <li>
-        <a href="https://vite.dev/guide/features.html#css-pre-processors">vite</a>
-    </li>
-</ul>
-
-В файле, где происходит подключение всех стилей, например `index.css`
-
-```css
-@import '@salutejs/sdss-themes/css/sdds_serv__dark.css';
-```
-
-```jsx
-import React from 'react';
-import { Button, BodyL } from '@salutejs/sdds-os';
-
-import 'index.css';
-
-const App = () => {
-    return (
-        <>
-            <BodyL>Hello world</BodyL>
-            <Button text="This is themed button" />
-        </>
-    );
-};
-
-export default App;
-```
-
-### Styled-components
-
-```jsx
-import React from 'react';
-import { createGlobalStyle } from 'styled-components';
-import { Button, BodyL } from '@salutejs/sdds-os/styled-components';
-import { sdds_serv__light } from '@salutejs/sdds-themes';
-
-const Theme = createGlobalStyle(sdds_serv__light);
-
-const App = () => {
-    return (
-        <>
-            <Theme />
-            <BodyL>Hello SBER OS</BodyL>
-            <Button text="This is themed button" />
-        </>
-    );
-};
-
-export default App;
-```
-
-## Токены
-
-Все `css` токены завернуты в `js` переменные для более удобного доступа:
-
-```js
-/** Основной цвет текста */
-export const textPrimary = 'var(--text-primary, #F5F5F5)';
-/** Основной фон */
-export const backgroundPrimary = 'var(--background-primary, #000000)';
-```
-
-### Способы подключения
-
-Есть два пути импорта токенов:
-
--   Из вертикали `@salutejs/sdds-themes/tokens` (подходит в большинстве случаев, т.к там лежит весь базовый набор токенов)
--   Непосредственно из темы `@salutejs/sdds-themes/tokens/sdds-serv` (следует использовать, когда необходимо импортировать уникальные токены, которые используются только в этой теме)
-
-### Использование
-
-```jsx
-import React from 'react';
-import styled from 'styled-components';
-import { textAccent, backgroundPrimary, textL } from '@salutejs/sdds-themes/tokens';
-
-const AppStyled = styled.div`
-    padding: 2rem;
-    color: ${textAccent};
-    background-color: ${backgroundPrimary};
-`;
-
-const Container = styled.div`
-    ${textL};
-    margin: 1rem;
-`;
-
-const App = () => {
-    return (
-        <AppStyled>
-            <Container>
-                <span>Hello world</span>
-            </Container>
-        </AppStyled>
-    );
-};
-
-export default App;
-```
-
-## Типографика
-
-Рекомендуем использовать типографические компоненты, которые поставляет библиотека.
-
-```ts
-import { BodyL, DsplL, H3 } from '@salutejs/sdds-os';
-```
-
-### Токены типографики на примере компонента `DsplL`
-
-Так же в пакете есть типографические токены, для случаев, когда необходимо точечно применить типографику к контейнеру.
-
-```tsx
-import { CSSObject } from 'styled-components';
-
-export const dsplL = ({
-    fontFamily: 'var(--plasma-typo-dspl-l-font-family)',
-    fontSize: 'var(--plasma-typo-dspl-l-font-size)',
-    fontStyle: 'var(--plasma-typo-dspl-l-font-style)',
-    fontWeight: 'var(--plasma-typo-dspl-l-font-weight)',
-    letterSpacing: 'var(--plasma-typo-dspl-l-letter-spacing)',
-    lineHeight: 'var(--plasma-typo-dspl-l-line-height)',
-} as unknown) as CSSObject;
-```
+<Markdown>{ReadmeMd}</Markdown>
diff --git a/packages/sdds-os/package-lock.json b/packages/sdds-os/package-lock.json
index 7ba74009f99..4d24edbe0ec 100644
--- a/packages/sdds-os/package-lock.json
+++ b/packages/sdds-os/package-lock.json
@@ -8,6 +8,10 @@
       "name": "@salutejs/sdds-os",
       "version": "0.18.0",
       "license": "MIT",
+      "dependencies": {
+        "@salutejs-ds/sdds_os": "0.1.2",
+        "@salutejs/plasma-new-hope": "0.360.0"
+      },
       "devDependencies": {
         "@babel/cli": "7.24.1",
         "@babel/core": "7.24.4",
@@ -24,6 +28,11 @@
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^25.0.4",
         "@rollup/plugin-node-resolve": "^15.1.0",
+        "@salutejs/plasma-colors": "0.16.0",
+        "@salutejs/plasma-core": "1.224.0",
+        "@salutejs/plasma-cy-utils": "0.154.0",
+        "@salutejs/plasma-icons": "1.236.0",
+        "@salutejs/plasma-sb-utils": "0.224.0",
         "@types/node": "16.7.13",
         "@types/react": "18.0.28",
         "@types/react-dom": "18.0.11",
@@ -47,7 +56,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
       "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
-      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
@@ -88,10 +96,9 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.28.6.tgz",
-      "integrity": "sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==",
-      "dev": true,
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.28.5",
@@ -103,10 +110,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.28.6.tgz",
-      "integrity": "sha512-2lfu57JtzctfIrcGMz992hyLlByuzgIk58+hhGCxjKZ3rWI82NnVLjXcaTqkI2NvlcvOskZaiZ5kjUALo3Lpxg==",
-      "dev": true,
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.3.tgz",
+      "integrity": "sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -116,7 +122,6 @@
       "version": "7.24.4",
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz",
       "integrity": "sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
@@ -144,14 +149,13 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.6.tgz",
-      "integrity": "sha512-lOoVRwADj8hjf7al89tvQ2a1lf53Z+7tiXMgpZJL3maQPDxh0DgLMN62B2MKUOFcoodBHLMbDM6WAbKgNy5Suw==",
-      "dev": true,
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.28.6",
-        "@babel/types": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
         "@jridgewell/gen-mapping": "^0.3.12",
         "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
@@ -177,7 +181,6 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
       "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/compat-data": "^7.28.6",
@@ -191,9 +194,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz",
-      "integrity": "sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==",
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.29.3.tgz",
+      "integrity": "sha512-RpLYy2sb51oNLjuu1iD3bwBqCBWUzjO0ocp+iaCP/lJtb2CPLcnC2Fftw+4sAzaMELGeWTgExSKADbdo0GFVzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -202,7 +205,7 @@
         "@babel/helper-optimise-call-expression": "^7.27.1",
         "@babel/helper-replace-supers": "^7.28.6",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.27.1",
-        "@babel/traverse": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
         "semver": "^6.3.1"
       },
       "engines": {
@@ -231,17 +234,17 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.5.tgz",
-      "integrity": "sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.8.tgz",
+      "integrity": "sha512-47UwBLPpQi1NoWzLuHNjRoHlYXMwIJoBf7MFou6viC/sIHWYygpvr0B6IAyh5sBdA2nr2LPIRww8lfaUVQINBA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.27.2",
-        "@babel/helper-plugin-utils": "^7.27.1",
-        "debug": "^4.4.1",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
+        "debug": "^4.4.3",
         "lodash.debounce": "^4.0.8",
-        "resolve": "^1.22.10"
+        "resolve": "^1.22.11"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -251,7 +254,6 @@
       "version": "7.28.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
       "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -275,7 +277,6 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
       "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/traverse": "^7.28.6",
@@ -289,7 +290,6 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
       "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.28.6",
@@ -320,7 +320,6 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
       "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -380,7 +379,6 @@
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
       "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -390,7 +388,6 @@
       "version": "7.28.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
       "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -400,7 +397,6 @@
       "version": "7.27.1",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
       "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -422,27 +418,25 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.28.6.tgz",
-      "integrity": "sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==",
-      "dev": true,
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
       "license": "MIT",
       "dependencies": {
         "@babel/template": "^7.28.6",
-        "@babel/types": "^7.28.6"
+        "@babel/types": "^7.29.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.6.tgz",
-      "integrity": "sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==",
-      "dev": true,
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.3.tgz",
+      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.28.6"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -834,15 +828,15 @@
       }
     },
     "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.28.6.tgz",
-      "integrity": "sha512-9knsChgsMzBV5Yh3kkhrZNxH3oCYAfMBkNNaVN4cP2RVlFPe8wYdwwcnOsAbkdDoV9UjFtOXWrWB52M8W4jNeA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.29.0.tgz",
+      "integrity": "sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-remap-async-to-generator": "^7.27.1",
-        "@babel/traverse": "^7.28.6"
+        "@babel/traverse": "^7.29.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1191,7 +1185,6 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz",
       "integrity": "sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-module-transforms": "^7.28.6",
@@ -1205,16 +1198,16 @@
       }
     },
     "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.28.5.tgz",
-      "integrity": "sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.0.tgz",
+      "integrity": "sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.28.3",
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "@babel/helper-validator-identifier": "^7.28.5",
-        "@babel/traverse": "^7.28.5"
+        "@babel/traverse": "^7.29.0"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1241,14 +1234,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.27.1.tgz",
-      "integrity": "sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.0.tgz",
+      "integrity": "sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1"
+        "@babel/helper-create-regexp-features-plugin": "^7.28.5",
+        "@babel/helper-plugin-utils": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1528,9 +1521,9 @@
       }
     },
     "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.28.6.tgz",
-      "integrity": "sha512-eZhoEZHYQLL5uc1gS5e9/oTknS0sSSAtd5TkKMUp3J+S/CaUjagc0kOUPsEbDmMeva0nC3WWl4SxVY6+OBuxfw==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.0.tgz",
+      "integrity": "sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1560,14 +1553,14 @@
       }
     },
     "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.28.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.28.5.tgz",
-      "integrity": "sha512-20NUVgOrinudkIBzQ2bNxP08YpKprUkRTiRSd2/Z5GOdPImJGkoN4Z7IQe1T5AdyKI1i5L6RBmluqdSzvaq9/w==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.29.0.tgz",
+      "integrity": "sha512-jlaRT5dJtMaMCV6fAuLbsQMSwz/QkvaHOHOSXRitGGwSpR1blCY4KUKoyP2tYO8vJcqYe8cEj96cqSztv3uF9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.27.1",
-        "@babel/helper-plugin-utils": "^7.27.1",
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6",
         "babel-plugin-polyfill-corejs2": "^0.4.14",
         "babel-plugin-polyfill-corejs3": "^0.13.0",
         "babel-plugin-polyfill-regenerator": "^0.6.5",
@@ -1915,10 +1908,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
-      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
-      "dev": true,
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -1928,7 +1920,6 @@
       "version": "7.28.6",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
       "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.28.6",
@@ -1940,18 +1931,17 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.28.6.tgz",
-      "integrity": "sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==",
-      "dev": true,
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.28.6",
-        "@babel/generator": "^7.28.6",
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
         "@babel/helper-globals": "^7.28.0",
-        "@babel/parser": "^7.28.6",
+        "@babel/parser": "^7.29.0",
         "@babel/template": "^7.28.6",
-        "@babel/types": "^7.28.6",
+        "@babel/types": "^7.29.0",
         "debug": "^4.3.1"
       },
       "engines": {
@@ -1959,10 +1949,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.28.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.6.tgz",
-      "integrity": "sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==",
-      "dev": true,
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
@@ -1983,11 +1972,82 @@
         "node": ">=0.1.90"
       }
     },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.13.5",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.13.5.tgz",
+      "integrity": "sha512-pxHCpT2ex+0q+HH91/zsdHkw/lXd468DIN2zvfvLtPKLLMo6gQj7oLObq8PhkrxOZb/gGCq03S3Z7PDhS8pduQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/serialize": "^1.3.3",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@emotion/babel-plugin/node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.14.0.tgz",
+      "integrity": "sha512-L/B1lc/TViYk4DcpGxtAVbx0ZyiKM5ktoIyafGkH6zg/tj+mA+NE//aPYKG0k8kCHSHVJrpLpcAlOBEXQ3SavA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/sheet": "^1.4.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/cache/node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.2.tgz",
+      "integrity": "sha512-MyqliTZGuOm3+5ZRSaaBGP3USLw6+EGykkwZns2EPC5g8jJ4z9OrdZY9apkl3+UP9+sdz76YYkwCKP5gh8iY3g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@emotion/is-prop-valid": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz",
       "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@emotion/memoize": "^0.9.0"
@@ -1997,6 +2057,58 @@
       "version": "0.9.0",
       "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
       "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "license": "MIT"
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.14.0",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.14.0.tgz",
+      "integrity": "sha512-O000MLDBDdk/EohJPFUqvnp4qnHeYkVP5B0xEG0D/L7cOKP9kefu2DXn8dj74cQfsEzUqh+sr1RzFqiL1o+PpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.13.5",
+        "@emotion/cache": "^11.14.0",
+        "@emotion/serialize": "^1.3.3",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.2.0",
+        "@emotion/utils": "^1.4.2",
+        "@emotion/weak-memoize": "^0.4.0",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.3.tgz",
+      "integrity": "sha512-EISGqt7sSNWHGI76hC7x1CksiXPahbxEOrC5RjmFRJTqLyEK9/9hZvBbiYn70dw4wuwMKiEMCUlR6ZXTSWQqxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/hash": "^0.9.2",
+        "@emotion/memoize": "^0.9.0",
+        "@emotion/unitless": "^0.10.0",
+        "@emotion/utils": "^1.4.2",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/serialize/node_modules/@emotion/unitless": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz",
+      "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz",
+      "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==",
       "dev": true,
       "license": "MIT"
     },
@@ -2014,6 +2126,83 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.2.0.tgz",
+      "integrity": "sha512-yJMtVdH59sxi/aVJBpk9FQq+OR8ll5GT8oWd57UpeaKEVGab41JWaCFA7FRLoMLloOZF/c/wsPoe+bfGmRKgDg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.2.tgz",
+      "integrity": "sha512-3vLclRofFziIa3J2wDh9jjbkUz9qk5Vi3IZ/FSTKViB0k+ef0fPV7dYrUIugbgupYDx7v9ud/SjrtEP8Y4xLoA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz",
+      "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
+      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/react": {
+      "version": "0.27.16",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.16.tgz",
+      "integrity": "sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.6",
+        "@floating-ui/utils": "^0.2.10",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
+      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.7.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
+      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
+      "license": "MIT"
+    },
     "node_modules/@hypnosphi/create-react-context": {
       "version": "0.3.1",
       "resolved": "https://registry.npmjs.org/@hypnosphi/create-react-context/-/create-react-context-0.3.1.tgz",
@@ -2066,18 +2255,27 @@
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
       "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0",
         "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
     "node_modules/@jridgewell/resolve-uri": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
@@ -2087,14 +2285,12 @@
       "version": "1.5.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
       "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.31",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
       "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
@@ -2160,7 +2356,6 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@linaria/core/-/core-5.0.2.tgz",
       "integrity": "sha512-l5jQq7w9kDvonfr/0MBF47Dagx9Y9f/o5Q8j3zv7GepwG/yHQdbjKr0tq07rx2fSDDX7Nbqlxk6k9Ymir/NGpg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@linaria/logger": "^5.0.0",
@@ -2175,7 +2370,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/@linaria/logger/-/logger-5.0.0.tgz",
       "integrity": "sha512-PZd5H0I4F84U0kXSE+vD75ltIGDxEA6gMDNWS2aDZFitmdlQM5rIXqvKFrp5NsHa7a3AH+I2Hxm0dg60WZF7vg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "debug": "^4.3.4",
@@ -2189,7 +2383,6 @@
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/@linaria/react/-/react-5.0.3.tgz",
       "integrity": "sha512-faTQHnUlrAz0Lodu+rr6Yx59rX0nqFOrZ5/IdlfQcTRz9VebyVL4vtA3AOecmn1YFZjMpqjopT0OzNz6GknQSg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@emotion/is-prop-valid": "^1.2.0",
@@ -2253,7 +2446,6 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-5.0.2.tgz",
       "integrity": "sha512-opcORl2sA6WkBjTNLHTgpet97dNKnwPRX/QGGZMykBsvGH3AsnEg/bT31cKBMBhL+YBGQsCdBmolxvCkWPOXQw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/generator": "^7.22.15",
@@ -2268,7 +2460,6 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-5.0.2.tgz",
       "integrity": "sha512-ZL8Yz4IIr9A8a5+o5LRnEpgdzIkyj4yKJrhw5Zv8wwvL+d/MHUK0q+l/KvxBmuYdcF+YYVHZ9eeBHTQBSL7r/w==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/core": "^7.22.15",
@@ -2351,6 +2542,16 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@react-native/virtualized-lists": {
       "version": "0.72.8",
       "resolved": "https://registry.npmjs.org/@react-native/virtualized-lists/-/virtualized-lists-0.72.8.tgz",
@@ -2422,7 +2623,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
       "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -2440,9 +2641,9 @@
       }
     },
     "node_modules/@rollup/plugin-commonjs/node_modules/minimatch": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "version": "5.1.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.9.tgz",
+      "integrity": "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -2500,6 +2701,272 @@
         }
       }
     },
+    "node_modules/@salutejs-ds/sdds_os": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@salutejs-ds/sdds_os/-/sdds_os-0.1.2.tgz",
+      "integrity": "sha512-TDcxeiZcmcqFi3Hn/V2w6oItQ2WrjVhws4OqGIrH+b5UaAU/FhSzK5tpjgStWVsKB5FmgJ7Bfx593RIMBgSUZw==",
+      "license": "MIT",
+      "dependencies": {
+        "@salutejs/plasma-new-hope": "0.341.0-canary.1983.19295272379.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.3.1"
+      }
+    },
+    "node_modules/@salutejs-ds/sdds_os/node_modules/@salutejs/plasma-core": {
+      "version": "1.209.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.209.0.tgz",
+      "integrity": "sha512-p/CONmaSx7dZfX30KmjQ5mkZETnvtcl9H5JzWWKJpy/orJIg3GeUvNSrgIsY7MdVhdP+GwfBKTxdDnhebXheyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@popperjs/core": "2.9.2",
+        "@salutejs/plasma-typo": "0.42.0",
+        "focus-visible": "5.2.0",
+        "lodash.throttle": "4.1.1",
+        "react-draggable": "4.4.3",
+        "react-popper": "2.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs-ds/sdds_os/node_modules/@salutejs/plasma-core/node_modules/@popperjs/core": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
+      "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@salutejs-ds/sdds_os/node_modules/@salutejs/plasma-core/node_modules/react-draggable": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz",
+      "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==",
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "prop-types": "^15.6.0"
+      }
+    },
+    "node_modules/@salutejs-ds/sdds_os/node_modules/@salutejs/plasma-new-hope": {
+      "version": "0.341.0-canary.1983.19295272379.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.341.0-canary.1983.19295272379.0.tgz",
+      "integrity": "sha512-Yyc99jrRrFB8JsYUwPWfzBuxe+G1fQ4FvIb9neictsvyXsMS2Wh8gypiHjVYNnRk2rzBa9rV9ZpNuEdLpBp+uw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "1.7.4",
+        "@floating-ui/react": "0.27.16",
+        "@floating-ui/react-dom": "2.1.6",
+        "@linaria/core": "5.0.2",
+        "@linaria/react": "5.0.3",
+        "@popperjs/core": "2.11.8",
+        "@salutejs/input-core": "2.1.2",
+        "@salutejs/plasma-core": "1.209.0",
+        "@salutejs/react-maskinput": "3.3.0",
+        "@tanstack/react-table": "8.21.2",
+        "@tanstack/react-virtual": "3.13.2",
+        "classnames": "2.5.1",
+        "dayjs": "1.11.11",
+        "focus-visible": "5.2.0",
+        "lodash.chunk": "4.2.0",
+        "lodash.throttle": "4.1.1",
+        "rc-tree": "5.11.0",
+        "re-resizable": "6.10.3",
+        "react-draggable": "4.5.0",
+        "react-hot-toast": "2.5.2",
+        "react-number-format": "5.4.3",
+        "react-popper": "2.3.0",
+        "storeon": "3.1.5"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1"
+      }
+    },
+    "node_modules/@salutejs-ds/sdds_os/node_modules/@salutejs/react-maskinput": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/react-maskinput/-/react-maskinput-3.3.0.tgz",
+      "integrity": "sha512-3J2AhUs7e9sMPm2cUN8dBOPKkyZPPO8/85XQBjh4+20pml8STTULWF4NSsMRUC0GsBT/W8Ou6yck+x2hCGLWAA==",
+      "license": "MIT",
+      "dependencies": {
+        "@salutejs/input-core": "^2.1.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@salutejs/input-core": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@salutejs/input-core/-/input-core-2.1.2.tgz",
+      "integrity": "sha512-Y4tNTtmz7R50DysojQac2Z8JIKK1JSRCc7P7D7IefQQeFaeLbBTXbXAkMuBipTRXDR3kLs2AHSMcbKbrQRW3qw==",
+      "license": "MIT"
+    },
+    "node_modules/@salutejs/plasma-colors": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-colors/-/plasma-colors-0.16.0.tgz",
+      "integrity": "sha512-N0Ih3oVOl/ytcKH+W0t7KlCC08XXdVZFk33qG65KNH2KM6Iw8FfV46S2C8418pb+VX4pfWTfPD6HGVAaP7w1ow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@salutejs/plasma-core": {
+      "version": "1.224.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.224.0.tgz",
+      "integrity": "sha512-mG76VtHeOIWCbOBrI/F7MiTUuRR+ztL/luFeHc2V5OMlNTUAzEil+JA0FimZNpVuYBDvslTwT9tgmdsxB4GzWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@popperjs/core": "2.9.2",
+        "@salutejs/plasma-typo": "0.42.0",
+        "focus-visible": "5.2.0",
+        "lodash.throttle": "4.1.1",
+        "react-draggable": "4.4.3",
+        "react-popper": "2.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs/plasma-core/node_modules/@popperjs/core": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
+      "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@salutejs/plasma-core/node_modules/react-draggable": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz",
+      "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "prop-types": "^15.6.0"
+      }
+    },
+    "node_modules/@salutejs/plasma-cy-utils": {
+      "version": "0.154.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-cy-utils/-/plasma-cy-utils-0.154.0.tgz",
+      "integrity": "sha512-Ai/ZNx3jVma726VzgDovE+lcw7lfCUZ+zaCvDJvq2YNKGNmZCl0L9NAlAcwTgokATItJ12qfgBjjxL6ehu0rCg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs/plasma-icons": {
+      "version": "1.236.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-icons/-/plasma-icons-1.236.0.tgz",
+      "integrity": "sha512-vNFhfoZxGMNecUU/Go75UUIRAY6+5rOpzjiAkEZFgwwvNZ9hLFi6w94E3kDxoaOgia0WqTYw6pfOgWe+sOJFtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@linaria/core": "5.0.2",
+        "@linaria/react": "5.0.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs/plasma-new-hope": {
+      "version": "0.360.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.360.0.tgz",
+      "integrity": "sha512-nWEGA3W6wkitlo4oqpIa0i+4elYqzUtwRQ/08PUrVMH1RGviBE4F3w/G7QOr4KAnR/HKn0GlY/9wbRvVxLKrLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "1.7.4",
+        "@floating-ui/react": "0.27.16",
+        "@floating-ui/react-dom": "2.1.6",
+        "@linaria/core": "5.0.2",
+        "@linaria/react": "5.0.3",
+        "@popperjs/core": "2.11.8",
+        "@salutejs/input-core": "2.1.2",
+        "@salutejs/react-maskinput": "3.3.2",
+        "@tanstack/react-table": "8.21.2",
+        "@tanstack/react-virtual": "3.13.2",
+        "classnames": "2.5.1",
+        "dayjs": "1.11.11",
+        "focus-visible": "5.2.0",
+        "lodash.chunk": "4.2.0",
+        "lodash.throttle": "4.1.1",
+        "rc-tree": "5.11.0",
+        "re-resizable": "6.10.3",
+        "react-draggable": "4.5.0",
+        "react-hot-toast": "2.5.2",
+        "react-number-format": "5.4.3",
+        "react-popper": "2.3.0",
+        "storeon": "3.1.5"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1"
+      }
+    },
+    "node_modules/@salutejs/plasma-sb-utils": {
+      "version": "0.224.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-sb-utils/-/plasma-sb-utils-0.224.0.tgz",
+      "integrity": "sha512-P4x77nOhIPavfsBliOYsJfqPe+jTOdJVDNCbPFPUXwG0btXsE9fOz5hjhZhrSW5Tp++wQjmdQ5oLktM8SfI00g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/react": "11.14.0",
+        "@salutejs/plasma-colors": "0.16.0",
+        "@salutejs/plasma-core": "1.224.0",
+        "@salutejs/plasma-icons": "1.236.0",
+        "@storybook/react": "10.3.4",
+        "param-case": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs/plasma-typo": {
+      "version": "0.42.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.42.0.tgz",
+      "integrity": "sha512-oHv+1dMM28gookePdvsA8/C4N/bTwrqjjnIHsKmlQPcetoue2jlmvUeM7j4M+587hWpaoIPqKpJOy8cPb7hy6Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs/react-maskinput": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/@salutejs/react-maskinput/-/react-maskinput-3.3.2.tgz",
+      "integrity": "sha512-MiUEpXhktaiZNv3EOzFRy0dWDyNVingNd9OvRzc3HUcm9A/87hZll6AAYF0z3X5Kl7pEF6nJP8/iARHXiwSqnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@salutejs/input-core": "2.1.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@salutejs/react-maskinput/node_modules/@salutejs/input-core": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@salutejs/input-core/-/input-core-2.1.3.tgz",
+      "integrity": "sha512-dWI1is4TMzpvoPabNiu3cFDBNaXJ/Q6D+RgrrWze/o0uJOEKAaodTb+ZvIaixrBq8IQDlovQEeENfQhvgdVDNg==",
+      "license": "MIT"
+    },
     "node_modules/@semantic-ui-react/event-stack": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/@semantic-ui-react/event-stack/-/event-stack-3.1.3.tgz",
@@ -2546,16 +3013,169 @@
         "react-dom": "^16.8.0"
       }
     },
-    "node_modules/@trysound/sax": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
-      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+    "node_modules/@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
       "dev": true,
-      "license": "ISC",
+      "license": "MIT"
+    },
+    "node_modules/@storybook/react": {
+      "version": "10.3.4",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-10.3.4.tgz",
+      "integrity": "sha512-I5ifYqjrqyuhOFjalpy47kMKMXX7QU/qmHj0h/547s9Bg6sEU7xRhJnneXx1RJsEJTySjC4SmGfEU+FJz4Foiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/react-dom-shim": "10.3.4",
+        "react-docgen": "^8.0.2",
+        "react-docgen-typescript": "^2.2.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^10.3.4",
+        "typescript": ">= 4.9.x"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/react-dom-shim": {
+      "version": "10.3.4",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.3.4.tgz",
+      "integrity": "sha512-VIm9YzreGubnOtQOZ6iqEfj6KncHvAkrCR/IilqnJq7DidPWuykrFszyajTASRMiY+p+TElOW+O1PGpv55qNGw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^10.3.4"
+      }
+    },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.2.tgz",
+      "integrity": "sha512-11tNlEDTdIhMJba2RBH+ecJ9l1zgS2kjmexDPAraulc8jeNA4xocSNeyzextT0XJyASil4XsCYlJmf5jEWAtYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.2"
+      },
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
       }
     },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.2.tgz",
+      "integrity": "sha512-LceSUgABBKF6HSsHK2ZqHzQ37IKV/jlaWbHm+NyTa3/WNb/JZVcThDuTainf+PixltOOcFCYXwxbLpOX9sCx+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.2.tgz",
+      "integrity": "sha512-uvXk/U4cBiFMxt+p9/G7yUWI/UbHYbyghLCjlpWZ3mLeIZiUBSKcUnw9UnKkdRz7Z/N4UBuFLWQdJCjUe7HjvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.2.tgz",
+      "integrity": "sha512-Qzz4EgzMbO5gKrmqUondCjiHcuu4B1ftHb0pjCut661lXZdGoHeze9f/M8iwsK1t5LGR6aNuNGU7mxkowaW6RQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/doctrine": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz",
+      "integrity": "sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
@@ -2672,9 +3292,9 @@
       "license": "MIT"
     },
     "node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "version": "6.15.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.15.0.tgz",
+      "integrity": "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2740,9 +3360,9 @@
       }
     },
     "node_modules/anymatch/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -2801,7 +3421,6 @@
       "resolved": "https://registry.npmjs.org/babel-merge/-/babel-merge-3.0.0.tgz",
       "integrity": "sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==",
       "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "deepmerge": "^2.2.1",
@@ -2815,7 +3434,6 @@
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
       "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -2831,15 +3449,31 @@
         "@babel/core": "^6.0.0-0 || 7.x"
       }
     },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.14",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.14.tgz",
-      "integrity": "sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==",
+      "version": "0.4.17",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.17.tgz",
+      "integrity": "sha512-aTyf30K/rqAsNwN76zYrdtx8obu0E4KoUME29B1xj+B3WxgvWkp943vYQ+z8Mv3lw9xHXMHpvSPOBxzAkIa94w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.27.7",
-        "@babel/helper-define-polyfill-provider": "^0.6.5",
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.8",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -2861,13 +3495,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.5.tgz",
-      "integrity": "sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==",
+      "version": "0.6.8",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.8.tgz",
+      "integrity": "sha512-M762rNHfSF1EV3SLtnCJXFoQbbIIz0OyRwnCmV0KPC7qosSfCO0QLTSuJX3ayAebubhE6oYBAYPrBA5ljowaZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.5"
+        "@babel/helper-define-polyfill-provider": "^0.6.8"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -2907,17 +3541,18 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/baseline-browser-mapping": {
-      "version": "2.9.15",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.9.15.tgz",
-      "integrity": "sha512-kX8h7K2srmDyYnXRIppo4AH/wYgzWVCs+eKr3RusRSQ5PvRYoEFmR/I0PbdTjKFAoKqp5+kbxnNTFO9jOfSVJg==",
-      "dev": true,
+      "version": "2.10.24",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.24.tgz",
+      "integrity": "sha512-I2NkZOOrj2XuguvWCK6OVh9GavsNjZjK908Rq3mIBK25+GD8vPX5w2WdxVqnQ7xx3SrZJiCiZFu+/Oz50oSYSA==",
       "license": "Apache-2.0",
       "bin": {
-        "baseline-browser-mapping": "dist/cli.js"
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       }
     },
     "node_modules/big-integer": {
@@ -2972,10 +3607,9 @@
       }
     },
     "node_modules/brace-expansion": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
-      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
-      "dev": true,
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
       "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
@@ -2995,10 +3629,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.28.1",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.1.tgz",
-      "integrity": "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==",
-      "dev": true,
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
       "funding": [
         {
           "type": "opencollective",
@@ -3015,11 +3648,11 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "baseline-browser-mapping": "^2.9.0",
-        "caniuse-lite": "^1.0.30001759",
-        "electron-to-chromium": "^1.5.263",
-        "node-releases": "^2.0.27",
-        "update-browserslist-db": "^1.2.0"
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -3029,15 +3662,15 @@
       }
     },
     "node_modules/call-bind": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
-      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "call-bind-apply-helpers": "^1.0.0",
-        "es-define-property": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
         "set-function-length": "^1.2.2"
       },
       "engines": {
@@ -3112,10 +3745,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001765",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001765.tgz",
-      "integrity": "sha512-LWcNtSyZrakjECqmpP4qdg0MMGdN368D7X8XvvAqOcqMv0RxnlqVKZl2V6/mBR68oYMxOZPLw/gO7DuisMHUvQ==",
-      "dev": true,
+      "version": "1.0.30001791",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz",
+      "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -3202,7 +3834,6 @@
       "version": "2.5.1",
       "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
       "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/cli-table3": {
@@ -3221,6 +3852,15 @@
         "@colors/colors": "1.5.0"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -3276,17 +3916,16 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
       "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/core-js-compat": {
-      "version": "3.47.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.47.0.tgz",
-      "integrity": "sha512-IGfuznZ/n7Kp9+nypamBhvwdwLsW6KC8IOaURw2doAK5e98AG3acVLdh0woOnEqCfUtS+Vu882JE4k/DAm3ItQ==",
+      "version": "3.49.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.49.0.tgz",
+      "integrity": "sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.28.0"
+        "browserslist": "^4.28.1"
       },
       "funding": {
         "type": "opencollective",
@@ -3515,14 +4154,18 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.11",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz",
+      "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==",
       "license": "MIT"
     },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
       "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -3622,10 +4265,23 @@
         "object-keys": "^1.1.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
       }
     },
     "node_modules/dom-serializer": {
@@ -3697,6 +4353,17 @@
         "url": "https://github.com/fb55/domutils?sponsor=1"
       }
     },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/dunder-proto": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
@@ -3713,10 +4380,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.267",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.267.tgz",
-      "integrity": "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==",
-      "dev": true,
+      "version": "1.5.348",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.348.tgz",
+      "integrity": "sha512-QC2X59nRlycQQMc4ZXjSVBX+tSgJfgRtcrYHbIZLgOV2dCvefoQGegLR7lLXKgpPpSuVmJU19LMzGrSa2C7k3Q==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -3796,12 +4462,24 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
       "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
@@ -3931,11 +4609,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "locate-path": "^6.0.0",
@@ -3948,6 +4632,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/focus-visible": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.2.0.tgz",
+      "integrity": "sha512-Rwix9pBtC1Nuy5wysTmKy+UjbDJpIfg8eHjw0rjZ1mX4GNLz1Bmd16uDpI3Gk1i70Fgcs8Csg2lPm8HULFg9DQ==",
+      "license": "W3C"
+    },
     "node_modules/fs-extra": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
@@ -4016,7 +4706,6 @@
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
       "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -4065,7 +4754,7 @@
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "deprecated": "Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4097,9 +4786,9 @@
       }
     },
     "node_modules/glob/node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4108,9 +4797,9 @@
       }
     },
     "node_modules/glob/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -4120,6 +4809,15 @@
         "node": "*"
       }
     },
+    "node_modules/goober": {
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
+      "integrity": "sha512-2vFqsaDVIT9Gz7N6kAL++pLpp41l3PfDuusHcjnGLfR6+huZkl6ziX+zgVC3ZxpqWhzH6pyDdGrCeDhMIvwaxw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "csstype": "^3.0.10"
+      }
+    },
     "node_modules/gopd": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -4215,9 +4913,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4241,7 +4939,6 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/html-element-attributes/-/html-element-attributes-1.3.1.tgz",
       "integrity": "sha512-UrRKgp5sQmRnDy4TEwAUsu14XBUlzKB8U3hjIYDjcZ3Hbp86Jtftzxfgrv6E/ii/h78tsaZwAnAE8HwnHr0dPA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/iconv-lite": {
@@ -4391,7 +5088,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
       "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-plain-object": "^2.0.4"
@@ -4454,7 +5150,6 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
       "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "isobject": "^3.0.1"
@@ -4496,7 +5191,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
       "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -4506,7 +5200,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/js-yaml": {
@@ -4526,7 +5219,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
@@ -4553,7 +5245,6 @@
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
       "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "dev": true,
       "license": "MIT",
       "bin": {
         "json5": "lib/cli.js"
@@ -4563,9 +5254,9 @@
       }
     },
     "node_modules/jsonfile": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.0.tgz",
-      "integrity": "sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==",
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.2.1.tgz",
+      "integrity": "sha512-zwOTdL3rFQ/lRdBnntKVOX6k5cKJwEc1HdilT71BWEu7J41gXIB2MRp+vxduPSwZJPWBxEzv4yH1wYLJGUHX4Q==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4631,7 +5322,6 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "p-locate": "^5.0.0"
@@ -4644,12 +5334,18 @@
       }
     },
     "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "version": "4.18.1",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.18.1.tgz",
+      "integrity": "sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==",
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/lodash.chunk": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.chunk/-/lodash.chunk-4.2.0.tgz",
+      "integrity": "sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==",
+      "license": "MIT"
+    },
     "node_modules/lodash.debounce": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
@@ -4664,6 +5360,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+      "license": "MIT"
+    },
     "node_modules/lodash.uniq": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
@@ -4675,7 +5377,6 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
@@ -4684,11 +5385,20 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
       "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dev": true,
       "license": "ISC",
       "dependencies": {
         "yallist": "^3.0.2"
@@ -4780,9 +5490,9 @@
       }
     },
     "node_modules/micromatch/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4816,13 +5526,12 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^2.0.2"
       },
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -4845,13 +5554,12 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.11",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
-      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
       "dev": true,
       "funding": [
         {
@@ -4877,11 +5585,21 @@
         "ncp": "bin/ncp"
       }
     },
-    "node_modules/node-releases": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
-      "integrity": "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==",
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
       "license": "MIT"
     },
     "node_modules/normalize-path": {
@@ -4931,7 +5649,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -4968,7 +5685,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-3.0.0.tgz",
       "integrity": "sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extendable": "^1.0.0"
@@ -5011,7 +5727,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
@@ -5027,7 +5742,6 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "p-limit": "^3.0.2"
@@ -5079,6 +5793,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -5115,7 +5840,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -5152,13 +5876,12 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/picomatch": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
-      "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -5260,9 +5983,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
-      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "version": "8.5.13",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.13.tgz",
+      "integrity": "sha512-qif0+jGGZoLWdHey3UFHHWP0H7Gbmsk8T5VEqyYFbWqPr1XqvLGBbk/sl8V5exGmcYJklJOhOQq1pV9IcsiFag==",
       "dev": true,
       "funding": [
         {
@@ -5836,7 +6559,6 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -5894,6 +6616,106 @@
       ],
       "license": "MIT"
     },
+    "node_modules/rc-motion": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.1",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.11.0.tgz",
+      "integrity": "sha512-AAe4SNAug6GDvyfhbzzxURibBXZQK1USpTLkZa97CgOGDgFKL0brnBVyMR1xQpnCaiIR3QawRuJosYRDrU1bYA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-util/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
+    "node_modules/rc-virtual-list": {
+      "version": "3.19.2",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.19.2.tgz",
+      "integrity": "sha512-Ys6NcjwGkuwkeaWBDqfI3xWuZ7rDiQXlH1o2zLfFzATfEgXcqpk8CkgMfbJD81McqjcJVez25a3kPxCR807evA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      },
+      "engines": {
+        "node": ">=8.x"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/re-resizable": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/re-resizable/-/re-resizable-6.10.3.tgz",
+      "integrity": "sha512-zvWb7X3RJMA4cuSrqoxgs3KR+D+pEXnGrD2FAD6BMYAULnZsSF4b7AOVyG6pC3VVNVOtlagGDCDmZSwWLjjBBw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.13.1 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -5907,6 +6729,69 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-docgen": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-8.0.3.tgz",
+      "integrity": "sha512-aEZ9qP+/M+58x2qgfSFEWH1BxLyHe5+qkLNJOZQb5iGS017jpbRnoKhNRrXPeA6RfBrZO5wZrT9DMC1UqE1f1w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/traverse": "^7.28.0",
+        "@babel/types": "^7.28.2",
+        "@types/babel__core": "^7.20.5",
+        "@types/babel__traverse": "^7.20.7",
+        "@types/doctrine": "^0.0.9",
+        "@types/resolve": "^1.20.2",
+        "doctrine": "^3.0.0",
+        "resolve": "^1.22.1",
+        "strip-indent": "^4.0.0"
+      },
+      "engines": {
+        "node": "^20.9.0 || >=22"
+      }
+    },
+    "node_modules/react-docgen-typescript": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.4.0.tgz",
+      "integrity": "sha512-ZtAp5XTO5HRzQctjPU0ybY0RRCQO19X/8fxn3w7y2VVTUbGHDKULPTL4ky3vB05euSgG5NpALhEhDPvQ56wvXg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">= 4.3.x"
+      }
+    },
+    "node_modules/react-docgen/node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
@@ -5921,11 +6806,47 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-draggable": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.5.0.tgz",
+      "integrity": "sha512-VC+HBLEZ0XJxnOxVAZsdRi8rD04Iz3SiiKOoYzamjylUcju/hP9np/aZdLHf/7WOD268WMoNJMvYfB5yAK45cw==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3.0",
+        "react-dom": ">= 16.3.0"
+      }
+    },
+    "node_modules/react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-hot-toast": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.5.2.tgz",
+      "integrity": "sha512-Tun3BbCxzmXXM7C+NI4qiv6lT0uwGh4oAfeJyNOjYUejTsm35mK9iCaYLGv8cBz9L5YxZLx/2ii7zsIwPtPUdw==",
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.1.3",
+        "goober": "^2.1.16"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+      }
+    },
     "node_modules/react-html-attributes": {
       "version": "1.4.6",
       "resolved": "https://registry.npmjs.org/react-html-attributes/-/react-html-attributes-1.4.6.tgz",
       "integrity": "sha512-uS3MmThNKFH2EZUQQw4k5pIcU7XIr208UE5dktrj/GOH1CMagqxDl4DCLpt3o2l9x+IB5nVYBeN3Cr4IutBXAg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "html-element-attributes": "^1.0.0"
@@ -5935,26 +6856,31 @@
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/react-number-format": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/react-number-format/-/react-number-format-5.4.3.tgz",
+      "integrity": "sha512-VCY5hFg/soBighAoGcdE+GagkJq0230qN6jcS5sp8wQX1qy1fYN/RX7/BXkrs0oyzzwqR8/+eSUrqXbGeywdUQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/react-popper": {
-      "version": "1.3.11",
-      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-1.3.11.tgz",
-      "integrity": "sha512-VSA/bS+pSndSF2fiasHK/PTEEAyOpX60+H5EPAjoArr8JGm+oihu4UbrqcEBpQibJxBVCpYyjAX7abJ+7DoYVg==",
-      "dev": true,
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
+      "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
       "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.1.2",
-        "@hypnosphi/create-react-context": "^0.3.1",
-        "deep-equal": "^1.1.1",
-        "popper.js": "^1.14.4",
-        "prop-types": "^15.6.1",
-        "typed-styles": "^0.0.7",
+        "react-fast-compare": "^3.0.1",
         "warning": "^4.0.2"
       },
       "peerDependencies": {
-        "react": "0.14.x || ^15.0.0 || ^16.0.0 || ^17.0.0"
+        "@popperjs/core": "^2.0.0",
+        "react": "^16.8.0 || ^17 || ^18",
+        "react-dom": "^16.8.0 || ^17 || ^18"
       }
     },
     "node_modules/readdirp": {
@@ -5972,9 +6898,9 @@
       }
     },
     "node_modules/readdirp/node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
       "dev": true,
       "license": "MIT",
       "optional": true,
@@ -6052,9 +6978,9 @@
       "license": "MIT"
     },
     "node_modules/regjsparser": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.0.tgz",
-      "integrity": "sha512-NZQZdC5wOE/H3UT28fVGL+ikOZcEzfMGk/c3iN9UGxzWHMa1op7274oyiUVrAG4B2EuFhus8SvkaYnhvW92p9Q==",
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.13.1.tgz",
+      "integrity": "sha512-dLsljMd9sqwRkby8zhO1gSg3PnJIBFid8f4CQj/sXx+7cKx+E7u0PKhZ+U4wmhx7EfmtvnA318oVaIkAB1lRJw==",
       "dev": true,
       "license": "BSD-2-Clause",
       "dependencies": {
@@ -6064,13 +6990,20 @@
         "regjsparser": "bin/parser"
       }
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "license": "MIT"
+    },
     "node_modules/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
+        "es-errors": "^1.3.0",
         "is-core-module": "^2.16.1",
         "path-parse": "^1.0.7",
         "supports-preserve-symlinks-flag": "^1.0.0"
@@ -6164,6 +7097,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/sax": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz",
+      "integrity": "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "engines": {
+        "node": ">=11.0.0"
+      }
+    },
     "node_modules/scheduler": {
       "version": "0.23.2",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
@@ -6217,11 +7160,29 @@
         "react-dom": "^16.8.0"
       }
     },
+    "node_modules/semantic-ui-react/node_modules/react-popper": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-1.3.11.tgz",
+      "integrity": "sha512-VSA/bS+pSndSF2fiasHK/PTEEAyOpX60+H5EPAjoArr8JGm+oihu4UbrqcEBpQibJxBVCpYyjAX7abJ+7DoYVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.1.2",
+        "@hypnosphi/create-react-context": "^0.3.1",
+        "deep-equal": "^1.1.1",
+        "popper.js": "^1.14.4",
+        "prop-types": "^15.6.1",
+        "typed-styles": "^0.0.7",
+        "warning": "^4.0.2"
+      },
+      "peerDependencies": {
+        "react": "0.14.x || ^15.0.0 || ^16.0.0 || ^17.0.0"
+      }
+    },
     "node_modules/semver": {
       "version": "6.3.1",
       "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
       "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
@@ -6316,6 +7277,27 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/storeon": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/storeon/-/storeon-3.1.5.tgz",
+      "integrity": "sha512-VuW4GQr3LGQr+gqscqsOz2c9asK9N+B+8+sWs7Pj4OqU7bngYIqsPF3IYpkbmccKNWjs7wwxUAlR+gtL9cEMEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "preact": ">=10.0.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "preact": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/strict-uri-encode": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
@@ -6354,6 +7336,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-indent": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.1.1.tgz",
+      "integrity": "sha512-SlyRoSkdh1dYP0PzclLE7r0M9sgbFKKMFXpFRUMNuKhQSbC6VQIGzq3E0qsfvGJaUFJPGv6Ws1NZ/haTAjfbMA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/styled-components": {
       "version": "5.3.1",
       "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.3.1.tgz",
@@ -6453,18 +7448,18 @@
       }
     },
     "node_modules/svgo": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
-      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.2.tgz",
+      "integrity": "sha512-TyzE4NVGLUFy+H/Uy4N6c3G0HEeprsVfge6Lmq+0FdQQ/zqoVYB62IsBZORsiL+o96s6ff/V6/3UQo/C0cgCAA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@trysound/sax": "0.2.0",
         "commander": "^7.2.0",
         "css-select": "^4.1.3",
         "css-tree": "^1.1.3",
         "csso": "^4.2.0",
         "picocolors": "^1.0.0",
+        "sax": "^1.5.0",
         "stable": "^0.1.8"
       },
       "bin": {
@@ -6484,6 +7479,12 @@
         "node": ">= 10"
       }
     },
+    "node_modules/tabbable": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.4.0.tgz",
+      "integrity": "sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==",
+      "license": "MIT"
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -6501,7 +7502,6 @@
       "version": "0.10.3",
       "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz",
       "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.1.0"
@@ -6514,7 +7514,6 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "dev": true,
       "license": "0BSD"
     },
     "node_modules/tsutils": {
@@ -6711,7 +7710,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
       "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
-      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -6759,7 +7757,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
       "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.0.0"
@@ -6810,13 +7807,12 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
-      "dev": true,
       "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.3.tgz",
+      "integrity": "sha512-vIYeF1u3CjlhAFekPPAk2h/Kv4T3mAkMox5OymRiJQB0spDP10LHvt+K7G9Ny6NuuMAb25/6n1qyUjAcGNf/AA==",
       "dev": true,
       "license": "ISC",
       "engines": {
@@ -6827,7 +7823,6 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=10"
diff --git a/packages/sdds-os/package.json b/packages/sdds-os/package.json
index 2747abd0bf8..89035b3b72e 100644
--- a/packages/sdds-os/package.json
+++ b/packages/sdds-os/package.json
@@ -32,8 +32,8 @@
     "directory": "packages/sdds-os"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.360.0",
-    "@salutejs/sdds-themes": "0.63.0"
+    "@salutejs-ds/sdds_os": "0.1.2",
+    "@salutejs/plasma-new-hope": "0.360.0"
   },
   "peerDependencies": {
     "react": ">=16.13.1",
diff --git a/packages/sdds-os/src/components/Attach/Attach.config.ts b/packages/sdds-os/src/components/Attach/Attach.config.ts
index 736bb5f4961..4af8e320e51 100644
--- a/packages/sdds-os/src/components/Attach/Attach.config.ts
+++ b/packages/sdds-os/src/components/Attach/Attach.config.ts
@@ -98,12 +98,12 @@ export const config = {
             secondary: css`
                 ${attachTokens.buttonColor}: var(--text-primary);
                 ${attachTokens.buttonValueColor}: var(--text-secondary);
-                ${attachTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);
+                ${attachTokens.buttonBackgroundColor}: var(--surface-solid-secondary);
                 ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});
                 ${attachTokens.buttonColorHover}: var(--text-primary);
-                ${attachTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
+                ${attachTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);
                 ${attachTokens.buttonColorActive}: var(--text-primary);
-                ${attachTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${attachTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);
 
                 ${attachTokens.buttonDisabledOpacity}: 0.4;
                 ${attachTokens.buttonFocusColor}: var(--surface-accent);
@@ -115,12 +115,12 @@ export const config = {
                 ${attachTokens.cellBackgroundColor}: transparent;
 
                 ${attachTokens.iconButtonColor}: var(--text-primary);
-                ${attachTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);
+                ${attachTokens.iconButtonBackgroundColor}: var(--surface-solid-secondary);
                 ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});
                 ${attachTokens.iconButtonColorHover}: var(--text-primary);
-                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
+                ${attachTokens.iconButtonBackgroundColorHover}: var(--surface-solid-secondary-hover);
                 ${attachTokens.iconButtonColorActive}: var(--text-primary);
-                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${attachTokens.iconButtonBackgroundColorActive}: var(--surface-solid-secondary-active);
 
                 ${attachTokens.iconButtonDisabledOpacity}: 0.4;
                 ${attachTokens.iconButtonFocusColor}: var(--surface-accent);
@@ -307,49 +307,6 @@ export const config = {
 
                 ${attachTokens.moreIconColor}: var(--text-primary);
             `,
-            dark: css`
-                ${attachTokens.buttonColor}: var(--on-dark-text-primary);
-                ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
-                ${attachTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);
-                ${attachTokens.buttonLoadingBackgroundColor}: var(${attachTokens.buttonBackgroundColor});
-                ${attachTokens.buttonColorHover}: var(--on-dark-text-primary);
-                ${attachTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);
-                ${attachTokens.buttonColorActive}: var(--on-dark-text-primary);
-                ${attachTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);
-
-                ${attachTokens.buttonDisabledOpacity}: 0.4;
-                ${attachTokens.buttonFocusColor}: var(--surface-accent);
-
-                ${attachTokens.cellColor}: var(--text-primary);
-                ${attachTokens.cellLabelColor}: var(--text-secondary);
-                ${attachTokens.cellTitleColor}: var(--text-primary);
-                ${attachTokens.cellSubtitleColor}: var(--text-secondary);
-                ${attachTokens.cellBackgroundColor}: transparent;
-
-                ${attachTokens.iconButtonColor}: var(--on-dark-text-primary);
-                ${attachTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);
-                ${attachTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});
-                ${attachTokens.iconButtonColorHover}: var(--on-dark-text-primary);
-                ${attachTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);
-                ${attachTokens.iconButtonColorActive}: var(--on-dark-text-primary);
-                ${attachTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);
-
-                ${attachTokens.iconButtonDisabledOpacity}: 0.4;
-                ${attachTokens.iconButtonFocusColor}: var(--surface-accent);
-
-                ${attachTokens.iconButtonCancelColor}: var(--text-secondary);
-                ${attachTokens.iconButtonCancelBackgroundColor}: var(--surface-clear);
-                ${attachTokens.iconButtonCancelLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});
-                ${attachTokens.iconButtonCancelColorHover}: var(--text-secondary-hover);
-                ${attachTokens.iconButtonCancelBackgroundColorHover}: var(--surface-clear);
-                ${attachTokens.iconButtonCancelColorActive}: var(--text-secondary-active);
-                ${attachTokens.iconButtonCancelBackgroundColorActive}: var(--surface-clear);
-
-                ${attachTokens.iconButtonCancelDisabledOpacity}: 0.4;
-                ${attachTokens.iconButtonCancelFocusColor}: var(--surface-accent);
-
-                ${attachTokens.moreIconColor}: var(--text-primary);
-            `,
             black: css`
                 ${attachTokens.buttonColor}: var(--on-dark-text-primary);
                 ${attachTokens.buttonValueColor}: var(--on-dark-text-secondary);
diff --git a/packages/sdds-os/src/components/Autocomplete/Autocomplete.config.ts b/packages/sdds-os/src/components/Autocomplete/Autocomplete.config.ts
index 4c11b1eafa9..65888b55f33 100644
--- a/packages/sdds-os/src/components/Autocomplete/Autocomplete.config.ts
+++ b/packages/sdds-os/src/components/Autocomplete/Autocomplete.config.ts
@@ -3,7 +3,7 @@ import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/sty
 export const config = {
     defaults: {
         view: 'default',
-        size: 'l',
+        size: 'm',
         labelPlacement: 'outer',
     },
     variations: {
@@ -17,8 +17,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-secondary);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -34,14 +34,14 @@ export const config = {
                 ${tokens.textFieldIndicatorColor}: var(--surface-negative);
                 ${tokens.textFieldOptionalColor}: var(--text-tertiary);
 
-                ${tokens.textFieldDividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.textFieldDividerColor}: var(--surface-solid-tertiary);
                 ${tokens.textFieldDividerColorHover}: var(--text-secondary);
                 ${tokens.textFieldDividerColorFocus}: var(--surface-accent);
 
                 ${tokens.background}: var(--surface-solid-card);
                 ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
                 ${tokens.itemBackground}: transparent;
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemColor}: var(--text-primary);
 
                 ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};
@@ -59,8 +59,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-positive);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-positive-active);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -83,7 +83,7 @@ export const config = {
                 ${tokens.background}: var(--surface-solid-card);
                 ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
                 ${tokens.itemBackground}: transparent;
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemColor}: var(--text-primary);
 
                 ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};
@@ -101,8 +101,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-warning);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-warning-active);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -125,7 +125,7 @@ export const config = {
                 ${tokens.background}: var(--surface-solid-card);
                 ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
                 ${tokens.itemBackground}: transparent;
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemColor}: var(--text-primary);
 
                 ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};
@@ -143,8 +143,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-negative);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-negative-active);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -167,7 +167,7 @@ export const config = {
                 ${tokens.background}: var(--surface-solid-card);
                 ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
                 ${tokens.itemBackground}: transparent;
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemColor}: var(--text-primary);
 
                 ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};
@@ -409,11 +409,11 @@ export const config = {
                 ${tokens.textFieldColorReadOnly}: var(--text-primary);
                 ${tokens.textFieldReadOnlyOpacity}: 0.1;
                 ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
-                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
                 ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
                 ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldDividerColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.textFieldDividerColorReadOnly}: var(--surface-solid-primary);
             `,
         },
     },
diff --git a/packages/sdds-os/src/components/Autocomplete/Autocomplete.stories.tsx b/packages/sdds-os/src/components/Autocomplete/Autocomplete.stories.tsx
index 1b18f13356c..aaa1c6c5f42 100644
--- a/packages/sdds-os/src/components/Autocomplete/Autocomplete.stories.tsx
+++ b/packages/sdds-os/src/components/Autocomplete/Autocomplete.stories.tsx
@@ -214,7 +214,7 @@ const meta: Meta<StoryProps> = {
     },
     args: {
         view: 'default',
-        size: 'l',
+        size: 'm',
         labelPlacement: 'outer',
         disabled: false,
         readOnly: false,
diff --git a/packages/sdds-os/src/components/Avatar/Avatar.config.tsx b/packages/sdds-os/src/components/Avatar/Avatar.config.tsx
index 5911b4709ce..5419146f479 100644
--- a/packages/sdds-os/src/components/Avatar/Avatar.config.tsx
+++ b/packages/sdds-os/src/components/Avatar/Avatar.config.tsx
@@ -3,7 +3,7 @@ import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/styled-co
 export const config = {
     defaults: {
         view: 'default',
-        size: 'xxl',
+        size: 'm',
         shape: 'circled',
     },
     variations: {
@@ -82,7 +82,7 @@ export const config = {
                 ${tokens.badgeBackground}: var(--surface-solid-default);
 
                 ${tokens.badgeColorTransparent}: var(--text-primary);
-                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);
+                ${tokens.badgeBackgroundTransparent}: var(--surface-solid-secondary);
 
                 ${tokens.badgeColorClear}: var(--text-primary);
                 ${tokens.badgeBackgroundClear}: var(--surface-clear);
@@ -92,7 +92,7 @@ export const config = {
                 ${tokens.badgeBackground}: var(--surface-accent);
 
                 ${tokens.badgeColorTransparent}: var(--text-accent);
-                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);
+                ${tokens.badgeBackgroundTransparent}: var(--surface-solid-accent);
 
                 ${tokens.badgeColorClear}: var(--text-accent);
                 ${tokens.badgeBackgroundClear}: var(--surface-clear);
@@ -102,7 +102,7 @@ export const config = {
                 ${tokens.badgeBackground}: var(--surface-positive);
 
                 ${tokens.badgeColorTransparent}: var(--text-positive);
-                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);
+                ${tokens.badgeBackgroundTransparent}: var(--surface-solid-positive);
 
                 ${tokens.badgeColorClear}: var(--text-positive);
                 ${tokens.badgeBackgroundClear}: var(--surface-clear);
@@ -112,7 +112,7 @@ export const config = {
                 ${tokens.badgeBackground}: var(--surface-warning);
 
                 ${tokens.badgeColorTransparent}: var(--text-warning);
-                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);
+                ${tokens.badgeBackgroundTransparent}: var(--surface-solid-warning);
 
                 ${tokens.badgeColorClear}: var(--text-warning);
                 ${tokens.badgeBackgroundClear}: var(--surface-clear);
@@ -122,7 +122,7 @@ export const config = {
                 ${tokens.badgeBackground}: var(--surface-negative);
 
                 ${tokens.badgeColorTransparent}: var(--text-negative);
-                ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);
+                ${tokens.badgeBackgroundTransparent}: var(--surface-solid-negative);
 
                 ${tokens.badgeColorClear}: var(--text-negative);
                 ${tokens.badgeBackgroundClear}: var(--surface-clear);
diff --git a/packages/sdds-os/src/components/Avatar/Avatar.stories.tsx b/packages/sdds-os/src/components/Avatar/Avatar.stories.tsx
index 992a4cce4cd..ee1f64d8058 100644
--- a/packages/sdds-os/src/components/Avatar/Avatar.stories.tsx
+++ b/packages/sdds-os/src/components/Avatar/Avatar.stories.tsx
@@ -1,9 +1,12 @@
 import React from 'react';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react-vite';
-import { disableProps } from '@salutejs/plasma-sb-utils';
+import { disableProps, getConfigVariations } from '@salutejs/plasma-sb-utils';
 
 import { Avatar } from './Avatar';
+import { config } from './Avatar.config';
+
+const { views, sizes } = getConfigVariations(config);
 
 const extraPlacements = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
 const extraType = ['', 'badge', 'counter'];
@@ -14,8 +17,8 @@ const meta: Meta<typeof Avatar> = {
     title: 'Data Display/Avatar',
     component: Avatar,
     argTypes: {
-        view: { control: 'inline-radio', options: ['default'] },
-        size: { control: 'select', options: ['xxl', 'l', 'm', 's', 'fit'] },
+        view: { control: 'inline-radio', options: views },
+        size: { control: 'select', options: sizes },
         status: { control: 'select', options: ['active', 'inactive'] },
         type: {
             control: 'select',
@@ -88,7 +91,7 @@ const BellIcon = (props) => (
 export const Default: Story = {
     args: {
         view: 'default',
-        size: 'xxl',
+        size: 'm',
         name: 'Иван Фадеев',
         url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
         isScalable: false,
diff --git a/packages/sdds-os/src/components/Badge/Badge.config.ts b/packages/sdds-os/src/components/Badge/Badge.config.ts
index 6506d5673ce..4b6a6682441 100644
--- a/packages/sdds-os/src/components/Badge/Badge.config.ts
+++ b/packages/sdds-os/src/components/Badge/Badge.config.ts
@@ -12,7 +12,7 @@ export const config = {
                 ${badgeTokens.background}: var(--surface-solid-default);
 
                 ${badgeTokens.colorTransparent}: var(--text-primary);
-                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);
+                ${badgeTokens.backgroundTransparent}: var(--surface-solid-secondary);
 
                 ${badgeTokens.colorClear}: var(--text-primary);
             `,
@@ -21,7 +21,7 @@ export const config = {
                 ${badgeTokens.background}: var(--surface-accent);
 
                 ${badgeTokens.colorTransparent}: var(--text-accent);
-                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);
+                ${badgeTokens.backgroundTransparent}: var(--surface-solid-accent);
 
                 ${badgeTokens.colorClear}: var(--text-accent);
             `,
@@ -30,7 +30,7 @@ export const config = {
                 ${badgeTokens.background}: var(--surface-positive);
 
                 ${badgeTokens.colorTransparent}: var(--text-positive);
-                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);
+                ${badgeTokens.backgroundTransparent}: var(--surface-solid-positive);
 
                 ${badgeTokens.colorClear}: var(--text-positive);
             `,
@@ -39,7 +39,7 @@ export const config = {
                 ${badgeTokens.background}: var(--surface-warning);
 
                 ${badgeTokens.colorTransparent}: var(--text-warning);
-                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);
+                ${badgeTokens.backgroundTransparent}: var(--surface-solid-warning);
 
                 ${badgeTokens.colorClear}: var(--text-warning);
             `,
@@ -48,7 +48,7 @@ export const config = {
                 ${badgeTokens.background}: var(--surface-negative);
 
                 ${badgeTokens.colorTransparent}: var(--text-negative);
-                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);
+                ${badgeTokens.backgroundTransparent}: var(--surface-solid-negative);
 
                 ${badgeTokens.colorClear}: var(--text-negative);
             `,
diff --git a/packages/sdds-os/src/components/Button/Button.config.ts b/packages/sdds-os/src/components/Button/Button.config.ts
index 592f2dc569b..951076d3348 100644
--- a/packages/sdds-os/src/components/Button/Button.config.ts
+++ b/packages/sdds-os/src/components/Button/Button.config.ts
@@ -33,10 +33,10 @@ export const config = {
                 ${buttonTokens.buttonTextColor}: var(--text-primary);
                 ${buttonTokens.buttonIconColor}: var(--text-primary);
                 ${buttonTokens.buttonValueColor}: var(--text-secondary);
-                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);
+                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-secondary);
                 ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});
-                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
-                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);
+                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);
             `,
             clear: css`
                 ${buttonTokens.buttonColor}: var(--text-primary);
@@ -45,8 +45,8 @@ export const config = {
                 ${buttonTokens.buttonValueColor}: var(--text-secondary);
                 ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);
                 ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});
-                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
-                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);
+                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);
             `,
             positive: css`
                 ${buttonTokens.buttonColor}: var(--on-dark-text-primary);
diff --git a/packages/sdds-os/src/components/ButtonGroup/ButtonGroup.config.ts b/packages/sdds-os/src/components/ButtonGroup/ButtonGroup.config.ts
index 64e34b5e545..cb88b9e75d2 100644
--- a/packages/sdds-os/src/components/ButtonGroup/ButtonGroup.config.ts
+++ b/packages/sdds-os/src/components/ButtonGroup/ButtonGroup.config.ts
@@ -36,12 +36,12 @@ export const config = {
                 ${buttonGroupTokens.buttonTextColor}: var(--text-primary);
                 ${buttonGroupTokens.buttonIconColor}: var(--text-primary);
                 ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);
-                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);
+                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-secondary);
                 ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});
                 ${buttonGroupTokens.buttonColorHover}: var(--text-primary);
-                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
+                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-secondary-hover);
                 ${buttonGroupTokens.buttonColorActive}: var(--text-primary);
-                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-secondary-active);
             `,
             clear: css`
                 ${buttonGroupTokens.buttonColor}: var(--text-primary);
diff --git a/packages/sdds-os/src/components/Calendar/Calendar.config.ts b/packages/sdds-os/src/components/Calendar/Calendar.config.ts
index 9338d99fbd9..34f10d489af 100644
--- a/packages/sdds-os/src/components/Calendar/Calendar.config.ts
+++ b/packages/sdds-os/src/components/Calendar/Calendar.config.ts
@@ -11,16 +11,16 @@ export const config = {
             default: css`
                 ${calendarBaseTokens.calendarSelectedItemBackground}: var(--surface-solid-default);
                 ${calendarBaseTokens.calendarSelectedItemColor}: var(--inverse-text-primary);
-                ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);
+                ${calendarBaseTokens.calendarSelectableItemBackgroundHover}: var(--surface-solid-secondary);
                 ${calendarBaseTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);
                 ${calendarBaseTokens.calendarCurrentItemBackgroundHover}: transparent;
                 ${calendarBaseTokens.calendarCurrentItemColorHover}: var(--text-primary);
-                ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);
+                ${calendarBaseTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-solid-secondary);
                 ${calendarBaseTokens.calendarActiveItemBackground}: var(--surface-solid-default);
                 ${calendarBaseTokens.calendarActiveItemColor}: var(--inverse-text-primary);
                 ${calendarBaseTokens.calendarHoveredItemBackground}: var(--surface-accent);
                 ${calendarBaseTokens.calendarHoveredItemColor}: var(--text-primary);
-                ${calendarBaseTokens.calendarRangeBackground}: var(--surface-transparent-secondary);
+                ${calendarBaseTokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${calendarBaseTokens.calendarOutlineFocusColor}: var(--surface-accent);
                 ${calendarBaseTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
                 ${calendarBaseTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
diff --git a/packages/sdds-os/src/components/Calendar/CalendarDouble.config.ts b/packages/sdds-os/src/components/Calendar/CalendarDouble.config.ts
index b8b28e9ac91..424e07d2a9c 100644
--- a/packages/sdds-os/src/components/Calendar/CalendarDouble.config.ts
+++ b/packages/sdds-os/src/components/Calendar/CalendarDouble.config.ts
@@ -9,20 +9,20 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-transparent-secondary);
+                ${calendarDoubleTokens.calendarSeparatorBackground}: var(--surface-solid-secondary);
                 ${calendarDoubleTokens.calendarBackgroundColor}: transparent;
                 ${calendarDoubleTokens.calendarSelectedItemBackground}: var(--surface-solid-default);
                 ${calendarDoubleTokens.calendarSelectedItemColor}: var(--inverse-text-primary);
-                ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);
+                ${calendarDoubleTokens.calendarSelectableItemBackgroundHover}: var(--surface-solid-secondary);
                 ${calendarDoubleTokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);
                 ${calendarDoubleTokens.calendarCurrentItemBackgroundHover}: transparent;
                 ${calendarDoubleTokens.calendarCurrentItemColorHover}: var(--text-primary);
-                ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);
+                ${calendarDoubleTokens.calendarCurrentItemChildBackgroundHover}: var(--surface-solid-secondary);
                 ${calendarDoubleTokens.calendarActiveItemBackground}: var(--surface-solid-default);
                 ${calendarDoubleTokens.calendarActiveItemColor}: var(--inverse-text-primary);
                 ${calendarDoubleTokens.calendarHoveredItemBackground}: var(--surface-accent);
                 ${calendarDoubleTokens.calendarHoveredItemColor}: var(--text-primary);
-                ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-transparent-secondary);
+                ${calendarDoubleTokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${calendarDoubleTokens.calendarOutlineFocusColor}: var(--surface-accent);
                 ${calendarDoubleTokens.calendarContentPrimaryColor}: var(--surface-solid-default);
                 ${calendarDoubleTokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
diff --git a/packages/sdds-os/src/components/Cell/Cell.config.ts b/packages/sdds-os/src/components/Cell/Cell.config.ts
index edbdec86fa0..b7aed66afb6 100644
--- a/packages/sdds-os/src/components/Cell/Cell.config.ts
+++ b/packages/sdds-os/src/components/Cell/Cell.config.ts
@@ -1,6 +1,10 @@
 import { css, cellTokens } from '@salutejs/plasma-new-hope/styled-components';
 
 export const config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+    },
     variations: {
         view: {
             default: css`
diff --git a/packages/sdds-os/src/components/Cell/Cell.stories.tsx b/packages/sdds-os/src/components/Cell/Cell.stories.tsx
index 08bea01b95b..43e82f5feaa 100644
--- a/packages/sdds-os/src/components/Cell/Cell.stories.tsx
+++ b/packages/sdds-os/src/components/Cell/Cell.stories.tsx
@@ -2,10 +2,13 @@ import React from 'react';
 import type { StoryObj, Meta } from '@storybook/react-vite';
 import type { ComponentProps } from 'react';
 import { IconChevronRight } from '@salutejs/plasma-icons';
+import { getConfigVariations } from '@salutejs/plasma-sb-utils';
 import styled from 'styled-components';
 
 import { Avatar } from '../Avatar';
 
+import { config } from './Cell.config';
+
 import { Cell, CellTextbox, CellTextboxTitle } from '.';
 
 type StoryProps = ComponentProps<typeof Cell> & {
@@ -15,22 +18,11 @@ type StoryProps = ComponentProps<typeof Cell> & {
 };
 type Story = StoryObj<StoryProps>;
 
-const sizes = ['l', 'm', 's'];
+const { sizes } = getConfigVariations(config);
 const stretchingValues = ['fixed', 'filled', 'auto'];
 const alignLeft = ['top', 'center', 'bottom'];
 const alignRight = ['top', 'center', 'bottom'];
 
-type SizesCell = 'xs' | 'l' | 'm' | 's' | undefined;
-type SizesAvatar = 'l' | 'm' | 's';
-
-const getSize = (size: SizesCell): SizesAvatar => {
-    if (size === 'xs' || !size) {
-        return 's';
-    }
-
-    return size;
-};
-
 const ChevronRight = styled(IconChevronRight)`
     color: var(--text-secondary);
 `;
@@ -84,7 +76,7 @@ export const Default: Story = {
             <Cell
                 contentLeft={
                     !args.disableLeftContent && (
-                        <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
+                        <Avatar size="m" url="https://avatars.githubusercontent.com/u/1813468?v=4" />
                     )
                 }
                 contentRight={!args.disableRightContent && <ChevronRight color="inherit" size="xs" />}
@@ -107,9 +99,7 @@ export const WithContentTextboxCustom: Story = {
         `;
         return (
             <Cell
-                contentLeft={
-                    <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
-                }
+                contentLeft={<Avatar size="m" url="https://avatars.githubusercontent.com/u/1813468?v=4" />}
                 contentRight={<ChevronRight color="inherit" size="xs" />}
                 view="default"
                 size={args.size}
diff --git a/packages/sdds-os/src/components/Chip/Chip.config.tsx b/packages/sdds-os/src/components/Chip/Chip.config.tsx
index 21377d4fd13..b77679f57ff 100644
--- a/packages/sdds-os/src/components/Chip/Chip.config.tsx
+++ b/packages/sdds-os/src/components/Chip/Chip.config.tsx
@@ -25,14 +25,14 @@ export const config = {
             `,
             secondary: css`
                 ${chipTokens.color}: var(--text-primary);
-                ${chipTokens.background}: var(--surface-transparent-secondary);
+                ${chipTokens.background}: var(--surface-solid-secondary);
                 ${chipTokens.colorHover}: var(--text-primary);
-                ${chipTokens.backgroundHover}: var(--surface-transparent-secondary-hover);
+                ${chipTokens.backgroundHover}: var(--surface-solid-secondary-hover);
                 ${chipTokens.colorActive}: var(--text-primary);
-                ${chipTokens.backgroundActive}: var(--surface-transparent-secondary-active);
-                ${chipTokens.backgroundReadOnly}: var(--surface-transparent-secondary);
+                ${chipTokens.backgroundActive}: var(--surface-solid-secondary-active);
+                ${chipTokens.backgroundReadOnly}: var(--surface-solid-secondary);
                 ${chipTokens.colorReadOnly}: var(--text-primary);
-                ${chipTokens.backgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${chipTokens.backgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${chipTokens.colorReadOnlyHover}: var(--text-primary);
                 ${chipTokens.closeIconColor}: var(--text-secondary);
                 ${chipTokens.closeIconColorHover}: var(--text-secondary-hover);
diff --git a/packages/sdds-os/src/components/ChipGroup/ChipGroup.config.ts b/packages/sdds-os/src/components/ChipGroup/ChipGroup.config.ts
index 2d1561c2269..ea0b374f23e 100644
--- a/packages/sdds-os/src/components/ChipGroup/ChipGroup.config.ts
+++ b/packages/sdds-os/src/components/ChipGroup/ChipGroup.config.ts
@@ -17,11 +17,11 @@ export const config = {
             `,
             secondary: css`
                 ${tokens.chipColor}: var(--text-primary);
-                ${tokens.chipBackground}: var(--surface-transparent-secondary);
+                ${tokens.chipBackground}: var(--surface-solid-secondary);
                 ${tokens.chipColorHover}: var(--text-primary);
-                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.chipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.chipColorActive}: var(--text-primary);
-                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);
+                ${tokens.chipBackgroundActive}: var(--surface-solid-secondary-active);
             `,
             accent: css`
                 ${tokens.chipColor}: var(--on-dark-text-primary);
diff --git a/packages/sdds-os/src/components/Combobox/Combobox.config.ts b/packages/sdds-os/src/components/Combobox/Combobox.config.ts
index 82246921458..06f3ca59a9f 100644
--- a/packages/sdds-os/src/components/Combobox/Combobox.config.ts
+++ b/packages/sdds-os/src/components/Combobox/Combobox.config.ts
@@ -19,8 +19,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-secondary);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-secondary);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -39,23 +39,23 @@ export const config = {
                 ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
                 ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
                 ${tokens.textFieldChipColor}: var(--text-primary);
-                ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackground}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorHover}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.textFieldChipColorActive}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
-                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundActive}: var(--surface-solid-secondary-active);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
                 ${tokens.textFieldChipOpacityReadonly}: 0.72;
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -73,8 +73,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-positive);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-positive);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-positive);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-positive-active);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -93,23 +93,23 @@ export const config = {
                 ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
                 ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
                 ${tokens.textFieldChipColor}: var(--text-primary);
-                ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackground}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorHover}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.textFieldChipColorActive}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
-                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundActive}: var(--surface-solid-secondary-active);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
                 ${tokens.textFieldChipOpacityReadonly}: 0.72;
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -127,8 +127,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-warning);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-warning);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-warning);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-warning-active);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -147,23 +147,23 @@ export const config = {
                 ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
                 ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
                 ${tokens.textFieldChipColor}: var(--text-primary);
-                ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackground}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorHover}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.textFieldChipColorActive}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
-                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundActive}: var(--surface-solid-secondary-active);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
                 ${tokens.textFieldChipOpacityReadonly}: 0.72;
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -181,8 +181,8 @@ export const config = {
                 ${tokens.textFieldClearPlaceholderColor}: var(--text-negative);
                 ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-negative);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-negative);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-negative-active);
 
                 ${tokens.textFieldCaretColor}: var(--text-accent);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
@@ -202,23 +202,23 @@ export const config = {
                 ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
                 ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
                 ${tokens.textFieldChipColor}: var(--text-primary);
-                ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackground}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorHover}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.textFieldChipColorActive}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundActive}: var(--surface-transparent-secondary-active);
-                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundActive}: var(--surface-solid-secondary-active);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
                 ${tokens.textFieldChipOpacityReadonly}: 0.72;
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -552,7 +552,7 @@ export const config = {
                 ${tokens.textFieldColorReadOnly}: var(--text-primary);
                 ${tokens.textFieldReadOnlyOpacity}: 0.1;
                 ${tokens.textFieldContentSlotRightOpacityReadOnly}: 0.4;
-                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
                 ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
                 ${tokens.textFieldLabelColorReadOnly}: var(--text-primary);
diff --git a/packages/sdds-os/src/components/DatePicker/DatePicker.config.ts b/packages/sdds-os/src/components/DatePicker/DatePicker.config.ts
index 639224086ca..9f9d8fa6c6a 100644
--- a/packages/sdds-os/src/components/DatePicker/DatePicker.config.ts
+++ b/packages/sdds-os/src/components/DatePicker/DatePicker.config.ts
@@ -10,9 +10,9 @@ export const config = {
             default: css`
                 ${tokens.outlineFocusColor}: var(--surface-accent);
 
-                ${tokens.background}: var(--surface-transparent-primary);
-                ${tokens.backgroundError}: var(--surface-transparent-negative);
-                ${tokens.backgroundSuccess}: var(--surface-transparent-positive);
+                ${tokens.background}: var(--surface-solid-primary);
+                ${tokens.backgroundError}: var(--surface-solid-negative);
+                ${tokens.backgroundSuccess}: var(--surface-solid-positive);
 
                 ${tokens.dividerColor}: var(--text-primary);
                 ${tokens.labelColor}: var(--text-primary);
@@ -61,12 +61,12 @@ export const config = {
 
                 ${tokens.indicatorColor}: var(--surface-negative);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
-                ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
-                ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
-                ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
-                ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-secondary);
+                ${tokens.textFieldBackgroundErrorColor}: var(--surface-solid-negative);
+                ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-solid-negative-active);
+                ${tokens.textFieldBackgroundSuccessColor}: var(--surface-solid-positive);
+                ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-solid-positive-active);
 
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -75,21 +75,21 @@ export const config = {
                 ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
 
                 ${tokens.popoverShadow}: var(--shadow-down-soft-s);
-                ${tokens.popoverSeparatorBackground}: var(--surface-transparent-secondary);
+                ${tokens.popoverSeparatorBackground}: var(--surface-solid-secondary);
                 ${tokens.popoverBackgroundColor}: var(--surface-solid-card);
 
                 ${tokens.calendarSelectedItemBackground}: var(--surface-solid-default);
                 ${tokens.calendarSelectedItemColor}: var(--inverse-text-primary);
-                ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.calendarSelectableItemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.calendarCurrentItemBorderColor}: var(--surface-solid-default);
                 ${tokens.calendarCurrentItemBackgroundHover}: transparent;
                 ${tokens.calendarCurrentItemColorHover}: var(--text-primary);
-                ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.calendarCurrentItemChildBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.calendarActiveItemBackground}: var(--surface-solid-default);
                 ${tokens.calendarActiveItemColor}: var(--inverse-text-primary);
                 ${tokens.calendarHoveredItemBackground}: var(--surface-accent);
                 ${tokens.calendarHoveredItemColor}: var(--text-primary);
-                ${tokens.calendarRangeBackground}: var(--surface-transparent-secondary);
+                ${tokens.calendarRangeBackground}: var(--surface-solid-secondary);
                 ${tokens.calendarOutlineFocusColor}: var(--surface-accent);
                 ${tokens.calendarContentPrimaryColor}: var(--surface-solid-default);
                 ${tokens.calendarContentPrimaryDisabledColor}: var(--surface-solid-default);
@@ -111,7 +111,7 @@ export const config = {
                 ${tokens.tooltipColor}: var(--text-primary);
 
                 ${tokens.shortcutColor}: var(--text-primary);
-                ${tokens.shortcutBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.shortcutBackgroundHover}: var(--surface-solid-secondary);
             `,
         },
         size: {
@@ -573,7 +573,7 @@ export const config = {
         },
         readOnly: {
             true: css`
-                ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);
+                ${tokens.backgroundReadOnly}: var(--surface-solid-primary);
                 ${tokens.labelColorReadOnly}: var(--text-primary);
                 ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
 
@@ -581,7 +581,7 @@ export const config = {
                 ${tokens.dividerOpacityReadOnly}: 0.4;
 
                 ${tokens.textFieldColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
 
                 ${tokens.rightContentOpacityReadOnly}: 0.4;
diff --git a/packages/sdds-os/src/components/Divider/Divider.config.ts b/packages/sdds-os/src/components/Divider/Divider.config.ts
index df0449d5c06..0d327e290b2 100644
--- a/packages/sdds-os/src/components/Divider/Divider.config.ts
+++ b/packages/sdds-os/src/components/Divider/Divider.config.ts
@@ -9,7 +9,7 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${dividerTokens.background}: var(--surface-transparent-tertiary);
+                ${dividerTokens.background}: var(--surface-solid-tertiary);
             `,
             dark: css`
                 ${dividerTokens.background}: var(--on-dark-surface-transparent-tertiary);
diff --git a/packages/sdds-os/src/components/Drawer/Drawer.config.ts b/packages/sdds-os/src/components/Drawer/Drawer.config.ts
index b0b00b15040..0948995410d 100644
--- a/packages/sdds-os/src/components/Drawer/Drawer.config.ts
+++ b/packages/sdds-os/src/components/Drawer/Drawer.config.ts
@@ -10,7 +10,7 @@ export const config = {
             default: css`
                 ${drawerTokens.background}: var(--surface-solid-card);
                 ${drawerTokens.shadow}: 0 3.75rem 7rem -0.5rem rgba(0, 0, 0, 0.08);
-                ${drawerTokens.contentBackgroundColor}: var(--surface-transparent-primary);
+                ${drawerTokens.contentBackgroundColor}: var(--surface-solid-primary);
                 ${drawerTokens.drawerOverlayWithBlurColor}: var(--overlay-blur);
                 ${drawerTokens.drawerOverlayColor}: var(--overlay-soft);
             `,
diff --git a/packages/sdds-os/src/components/Dropdown/Dropdown.config.ts b/packages/sdds-os/src/components/Dropdown/Dropdown.config.ts
index 9235e39c811..d0e42199d27 100644
--- a/packages/sdds-os/src/components/Dropdown/Dropdown.config.ts
+++ b/packages/sdds-os/src/components/Dropdown/Dropdown.config.ts
@@ -121,8 +121,8 @@ export const config = {
         },
         view: {
             default: css`
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
             `,
         },
     },
diff --git a/packages/sdds-os/src/components/EmbedIconButton/EmbedIconButton.config.ts b/packages/sdds-os/src/components/EmbedIconButton/EmbedIconButton.config.ts
index 8c049af5ce7..8daf5fa1115 100644
--- a/packages/sdds-os/src/components/EmbedIconButton/EmbedIconButton.config.ts
+++ b/packages/sdds-os/src/components/EmbedIconButton/EmbedIconButton.config.ts
@@ -10,49 +10,49 @@ export const config = {
         view: {
             default: css`
                 ${embedIconButtonTokens.embedIconButtonColor}: var(--text-primary);
-                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-solid-clear);
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: var(--text-primary-hover);
                 ${embedIconButtonTokens.embedIconButtonColorActive}: var(--text-primary-active);
             `,
             accent: css`
                 ${embedIconButtonTokens.embedIconButtonColor}: var(--text-accent);
-                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-solid-clear);
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: var(--text-accent-hover);
                 ${embedIconButtonTokens.embedIconButtonColorActive}: var(--text-accent-active);
             `,
             secondary: css`
                 ${embedIconButtonTokens.embedIconButtonColor}: var(--text-secondary);
-                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-solid-clear);
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: var(--text-secondary-hover);
                 ${embedIconButtonTokens.embedIconButtonColorActive}: var(--text-secondary-active);
             `,
             positive: css`
                 ${embedIconButtonTokens.embedIconButtonColor}: var(--text-positive);
-                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-solid-clear);
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: var(--text-positive-hover);
                 ${embedIconButtonTokens.embedIconButtonColorActive}: var(--text-positive-active);
             `,
             warning: css`
                 ${embedIconButtonTokens.embedIconButtonColor}: var(--text-warning);
-                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-solid-clear);
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: var(--text-warning-hover);
                 ${embedIconButtonTokens.embedIconButtonColorActive}: var(--text-warning-active);
             `,
             negative: css`
                 ${embedIconButtonTokens.embedIconButtonColor}: var(--text-negative);
-                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-solid-clear);
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: var(--text-negative-hover);
                 ${embedIconButtonTokens.embedIconButtonColorActive}: var(--text-negative-active);
             `,
             info: css`
                 ${embedIconButtonTokens.embedIconButtonColor}: var(--text-info);
-                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: var(--surface-solid-clear);
                 ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});
                 ${embedIconButtonTokens.embedIconButtonColorHover}: var(--text-info-hover);
                 ${embedIconButtonTokens.embedIconButtonColorActive}: var(--text-info-active);
diff --git a/packages/sdds-os/src/components/Flow/Flow.stories.tsx b/packages/sdds-os/src/components/Flow/Flow.stories.tsx
index 1774fa7af85..b4b0fd3f0aa 100644
--- a/packages/sdds-os/src/components/Flow/Flow.stories.tsx
+++ b/packages/sdds-os/src/components/Flow/Flow.stories.tsx
@@ -13,7 +13,7 @@ const widths = [100, 32, 171, 74, 179, 55];
 const heights = [10, 50, 45, 33, 14, 55];
 
 const FlowCustom = styled(Flow)`
-    background: var(--surface-transparent-primary);
+    background: var(--surface-solid-primary);
     border-radius: 0.5rem;
 `;
 
diff --git a/packages/sdds-os/src/components/IconButton/IconButton.config.ts b/packages/sdds-os/src/components/IconButton/IconButton.config.ts
index 2120bbe91cc..5b0bf26c69b 100644
--- a/packages/sdds-os/src/components/IconButton/IconButton.config.ts
+++ b/packages/sdds-os/src/components/IconButton/IconButton.config.ts
@@ -24,17 +24,17 @@ export const config = {
             `,
             secondary: css`
                 ${iconButtonTokens.iconButtonColor}: var(--text-primary);
-                ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);
+                ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-secondary);
                 ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});
-                ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
-                ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-solid-secondary-hover);
+                ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-solid-secondary-active);
             `,
             clear: css`
                 ${iconButtonTokens.iconButtonColor}: var(--text-primary);
                 ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear);
                 ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});
-                ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
-                ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-solid-secondary-hover);
+                ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-solid-secondary-active);
             `,
             positive: css`
                 ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);
diff --git a/packages/sdds-os/src/components/LinkButton/LinkButton.config.ts b/packages/sdds-os/src/components/LinkButton/LinkButton.config.ts
index 39bd9b9182a..14dec652d26 100644
--- a/packages/sdds-os/src/components/LinkButton/LinkButton.config.ts
+++ b/packages/sdds-os/src/components/LinkButton/LinkButton.config.ts
@@ -11,7 +11,7 @@ export const config = {
                 ${linkButtonTokens.linkButtonColor}: var(--text-primary);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-primary);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-primary);
-                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
                 ${linkButtonTokens.linkButtonColorHover}: var(--text-primary-hover);
                 ${linkButtonTokens.linkButtonColorActive}: var(--text-primary-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
@@ -22,7 +22,7 @@ export const config = {
                 ${linkButtonTokens.linkButtonColor}: var(--text-accent);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-accent);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-accent);
-                ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-transparent-clear);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(---surface-solid-clear);
                 ${linkButtonTokens.linkButtonColorHover}: var(--text-accent-hover);
                 ${linkButtonTokens.linkButtonColorActive}: var(--text-accent-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
@@ -33,7 +33,7 @@ export const config = {
                 ${linkButtonTokens.linkButtonColor}: var(--text-secondary);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-secondary);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-secondary);
-                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
                 ${linkButtonTokens.linkButtonColorHover}: var(--text-secondary-hover);
                 ${linkButtonTokens.linkButtonColorActive}: var(--text-secondary-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
@@ -44,7 +44,7 @@ export const config = {
                 ${linkButtonTokens.linkButtonColor}: var(--text-positive);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-positive);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-positive);
-                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
                 ${linkButtonTokens.linkButtonColorHover}: var(--text-positive-hover);
                 ${linkButtonTokens.linkButtonColorActive}: var(--text-positive-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
@@ -55,7 +55,7 @@ export const config = {
                 ${linkButtonTokens.linkButtonColor}: var(--text-warning);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-warning);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-warning);
-                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
                 ${linkButtonTokens.linkButtonColorHover}: var(--text-warning-hover);
                 ${linkButtonTokens.linkButtonColorActive}: var(--text-warning-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
@@ -66,7 +66,7 @@ export const config = {
                 ${linkButtonTokens.linkButtonColor}: var(--text-negative);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-negative);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-negative);
-                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
                 ${linkButtonTokens.linkButtonColorHover}: var(--text-negative-hover);
                 ${linkButtonTokens.linkButtonColorActive}: var(--text-negative-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
@@ -77,7 +77,7 @@ export const config = {
                 ${linkButtonTokens.linkButtonColor}: var(--text-info);
                 ${linkButtonTokens.linkButtonIconColor}: var(--text-info);
                 ${linkButtonTokens.linkButtonTextColor}: var(--text-info);
-                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-transparent-clear);
+                ${linkButtonTokens.linkButtonBackgroundColor}: var(--surface-solid-clear);
                 ${linkButtonTokens.linkButtonColorHover}: var(--text-info-hover);
                 ${linkButtonTokens.linkButtonColorActive}: var(--text-info-active);
                 ${linkButtonTokens.linkButtonFocusColor}: var(--surface-accent);
diff --git a/packages/sdds-os/src/components/List/List.config.ts b/packages/sdds-os/src/components/List/List.config.ts
index d69cd319d75..f18391e937f 100644
--- a/packages/sdds-os/src/components/List/List.config.ts
+++ b/packages/sdds-os/src/components/List/List.config.ts
@@ -11,7 +11,7 @@ export const config = {
                 ${listTokens.listItemColor}: var(--text-primary);
                 ${listTokens.listItemColorHover}: var(--text-primary);
                 ${listTokens.listItemBackground}: transparent;
-                ${listTokens.listItemBackgroundHover}: var(--surface-transparent-secondary);
+                ${listTokens.listItemBackgroundHover}: var(--surface-solid-secondary);
                 ${listTokens.listItemBorderColor}: transparent;
                 ${listTokens.listItemBorderColorHover}: transparent;
                 ${listTokens.listItemFocusColor}: var(--surface-accent);
diff --git a/packages/sdds-os/src/components/Notification/Notification.config.ts b/packages/sdds-os/src/components/Notification/Notification.config.ts
index 3963e77e1e2..d1f1499e3c7 100644
--- a/packages/sdds-os/src/components/Notification/Notification.config.ts
+++ b/packages/sdds-os/src/components/Notification/Notification.config.ts
@@ -11,7 +11,7 @@ export const config = {
                 ${notificationTokens.titleColor}: var(--text-primary);
                 ${notificationTokens.contentLeftIconColor}: var(--text-primary);
                 ${notificationTokens.contentColor}: var(--text-secondary);
-                ${notificationTokens.background}: var(--surface-transparent-card);
+                ${notificationTokens.background}: var(--surface-solid-card);
                 ${notificationTokens.borderRadius}: 0.75rem;
                 ${notificationTokens.padding}: 0.375rem;
 
@@ -65,7 +65,7 @@ export const config = {
                 ${notificationTokens.titleColor}: var(--text-negative);
                 ${notificationTokens.contentLeftIconColor}: var(--text-negative);
                 ${notificationTokens.contentColor}: var(--text-secondary);
-                ${notificationTokens.background}: var(--surface-transparent-card);
+                ${notificationTokens.background}: var(--surface-solid-card);
                 ${notificationTokens.borderRadius}: 0.75rem;
                 ${notificationTokens.padding}: 0.375rem;
 
@@ -119,7 +119,7 @@ export const config = {
                 ${notificationTokens.titleColor}: var(--text-positive);
                 ${notificationTokens.contentLeftIconColor}: var(--text-positive);
                 ${notificationTokens.contentColor}: var(--text-secondary);
-                ${notificationTokens.background}: var(--surface-transparent-card);
+                ${notificationTokens.background}: var(--surface-solid-card);
                 ${notificationTokens.borderRadius}: 0.75rem;
                 ${notificationTokens.padding}: 0.375rem;
 
@@ -173,7 +173,7 @@ export const config = {
                 ${notificationTokens.titleColor}: var(--text-warning);
                 ${notificationTokens.contentLeftIconColor}: var(--text-warning);
                 ${notificationTokens.contentColor}: var(--text-secondary);
-                ${notificationTokens.background}: var(--surface-transparent-card);
+                ${notificationTokens.background}: var(--surface-solid-card);
                 ${notificationTokens.borderRadius}: 0.75rem;
                 ${notificationTokens.padding}: 0.375rem;
 
@@ -227,7 +227,7 @@ export const config = {
                 ${notificationTokens.titleColor}: var(--text-info);
                 ${notificationTokens.contentLeftIconColor}: var(--text-info);
                 ${notificationTokens.contentColor}: var(--text-secondary);
-                ${notificationTokens.background}: var(--surface-transparent-card);
+                ${notificationTokens.background}: var(--surface-solid-card);
                 ${notificationTokens.borderRadius}: 0.75rem;
                 ${notificationTokens.padding}: 0.375rem;
 
diff --git a/packages/sdds-os/src/components/Progress/Progress.config.ts b/packages/sdds-os/src/components/Progress/Progress.config.ts
index c4c58c51f85..c5ee3e95277 100644
--- a/packages/sdds-os/src/components/Progress/Progress.config.ts
+++ b/packages/sdds-os/src/components/Progress/Progress.config.ts
@@ -8,37 +8,37 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
+                ${progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-default);
                 ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             secondary: css`
-                ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
+                ${progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-solid-tertiary);
                 ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             accent: css`
-                ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
-                ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent-gradient);
+                ${progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
+                ${progressTokens.progressFilledBackgroundColor}: var(--surface-accent);
                 ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             info: css`
-                ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
+                ${progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-info);
                 ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             positive: css`
-                ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
+                ${progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-positive);
                 ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             warning: css`
-                ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
+                ${progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-warning);
                 ${progressTokens.valueColor}: var(--text-tertiary);
             `,
             negative: css`
-                ${progressTokens.trackBackgroundColor}: var(--surface-transparent-secondary);
+                ${progressTokens.trackBackgroundColor}: var(--surface-solid-secondary);
                 ${progressTokens.progressFilledBackgroundColor}: var(--surface-negative);
                 ${progressTokens.valueColor}: var(--text-tertiary);
             `,
diff --git a/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.config.ts b/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.config.ts
index f2022f49e01..84177c4791d 100644
--- a/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.config.ts
+++ b/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.config.ts
@@ -8,37 +8,37 @@ export const config = {
     variations: {
         view: {
             default: css`
-                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-solid-tertiary);
                 ${progressBarCircularTokens.progressStroke}: var(--surface-solid-default);
                 ${progressBarCircularTokens.contentColor}: var(--text-primary);
             `,
             secondary: css`
-                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
-                ${progressBarCircularTokens.progressStroke}: var(--surface-transparent-secondary);
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-solid-tertiary);
+                ${progressBarCircularTokens.progressStroke}: var(--surface-solid-secondary);
                 ${progressBarCircularTokens.contentColor}: var(--text-primary);
             `,
             accent: css`
-                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-solid-tertiary);
                 ${progressBarCircularTokens.progressStroke}: var(--surface-accent);
                 ${progressBarCircularTokens.contentColor}: var(--text-primary);
             `,
             positive: css`
-                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-solid-tertiary);
                 ${progressBarCircularTokens.progressStroke}: var(--surface-positive);
                 ${progressBarCircularTokens.contentColor}: var(--text-primary);
             `,
             warning: css`
-                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-solid-tertiary);
                 ${progressBarCircularTokens.progressStroke}: var(--surface-warning);
                 ${progressBarCircularTokens.contentColor}: var(--text-primary);
             `,
             negative: css`
-                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-solid-tertiary);
                 ${progressBarCircularTokens.progressStroke}: var(--surface-negative);
                 ${progressBarCircularTokens.contentColor}: var(--text-primary);
             `,
             info: css`
-                ${progressBarCircularTokens.backgroundStroke}: var(--surface-transparent-tertiary);
+                ${progressBarCircularTokens.backgroundStroke}: var(--surface-solid-tertiary);
                 ${progressBarCircularTokens.progressStroke}: var(--surface-info);
                 ${progressBarCircularTokens.contentColor}: var(--text-primary);
             `,
diff --git a/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.stories.tsx b/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.stories.tsx
index 7c96a086042..f9c3543ebe7 100644
--- a/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.stories.tsx
+++ b/packages/sdds-os/src/components/ProgressBarCircular/ProgressBarCircular.stories.tsx
@@ -51,7 +51,7 @@ const getContent = (value: number, size?: string) => {
 export const Default: StoryObj<StoryPropsDefault> = {
     args: {
         view: 'default',
-        size: 's',
+        size: 'm',
         value: 50,
         hasTrack: true,
     },
diff --git a/packages/sdds-os/src/components/Range/Range.config.ts b/packages/sdds-os/src/components/Range/Range.config.ts
index a8b1630d876..af92581ac2f 100644
--- a/packages/sdds-os/src/components/Range/Range.config.ts
+++ b/packages/sdds-os/src/components/Range/Range.config.ts
@@ -3,16 +3,16 @@ import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/styled-com
 export const config = {
     defaults: {
         view: 'default',
-        size: 'l',
+        size: 'm',
         hintView: 'default',
         hintSize: 'm',
     },
     variations: {
         view: {
             default: css`
-                ${tokens.background}: var(--surface-transparent-primary);
-                ${tokens.backgroundError}: var(--surface-transparent-negative);
-                ${tokens.backgroundSuccess}: var(--surface-transparent-positive);
+                ${tokens.background}: var(--surface-solid-primary);
+                ${tokens.backgroundError}: var(--surface-solid-negative);
+                ${tokens.backgroundSuccess}: var(--surface-solid-positive);
 
                 ${tokens.dividerColor}: var(--text-primary);
                 ${tokens.labelColor}: var(--text-primary);
@@ -43,14 +43,14 @@ export const config = {
                 ${tokens.textFieldPlaceholderColor}: var(--text-secondary);
                 ${tokens.textFieldCaretColor}: var(--text-accent);
 
-                ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
-                ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);
-                ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);
-                ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);
-                ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);
-                ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);
-                ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);
+                ${tokens.textFieldBackgroundColorHover}: var(--surface-solid-primary-hover);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-secondary);
+                ${tokens.textFieldBackgroundErrorColor}: var(--surface-solid-negative);
+                ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-solid-negative-hover);
+                ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-solid-negative-active);
+                ${tokens.textFieldBackgroundSuccessColor}: var(--surface-solid-positive);
+                ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-solid-positive-hover);
+                ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-solid-positive-active);
 
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
@@ -280,7 +280,7 @@ export const config = {
         },
         readOnly: {
             true: css`
-                ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);
+                ${tokens.backgroundReadOnly}: var(--surface-solid-primary);
 
                 ${tokens.dividerColorReadOnly}: var(--text-secondary);
                 ${tokens.readOnlyOpacity}: 0.1;
diff --git a/packages/sdds-os/src/components/Scrollbar/Scrollbar.config.ts b/packages/sdds-os/src/components/Scrollbar/Scrollbar.config.ts
index 0220aa026dc..2152e2d7726 100644
--- a/packages/sdds-os/src/components/Scrollbar/Scrollbar.config.ts
+++ b/packages/sdds-os/src/components/Scrollbar/Scrollbar.config.ts
@@ -1,8 +1,12 @@
 export const config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+    },
     view: {
         default: {
-            trackColor: 'var(--surface-transparent-primary)',
-            thumbColor: 'var(--surface-transparent-tertiary)',
+            trackColor: 'var(--surface-solid-primary)',
+            thumbColor: 'var(--surface-solid-tertiary)',
         },
     },
     size: {
diff --git a/packages/sdds-os/src/components/Select/Select.config.ts b/packages/sdds-os/src/components/Select/Select.config.ts
index 57fdef02de9..1aec351eb19 100644
--- a/packages/sdds-os/src/components/Select/Select.config.ts
+++ b/packages/sdds-os/src/components/Select/Select.config.ts
@@ -17,8 +17,8 @@ export const config = {
                 ${tokens.textFieldPlaceholderColor}: var(--text-secondary);
                 ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-secondary);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${tokens.textFieldLabelColor}: var(--text-primary);
@@ -44,12 +44,12 @@ export const config = {
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemDisabledOpacity}: 0.4;
                 ${tokens.itemDisabledColor}: var(--text-primary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -64,8 +64,8 @@ export const config = {
                 ${tokens.textFieldPlaceholderColor}: var(--text-secondary);
                 ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-positive);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-positive-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-positive);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-positive-active);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${tokens.textFieldLabelColor}: var(--text-primary);
@@ -91,12 +91,12 @@ export const config = {
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemDisabledOpacity}: 0.4;
                 ${tokens.itemDisabledColor}: var(--text-primary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -111,8 +111,8 @@ export const config = {
                 ${tokens.textFieldPlaceholderColor}: var(--text-secondary);
                 ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-warning);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-warning-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-warning);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-warning-active);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${tokens.textFieldLabelColor}: var(--text-primary);
@@ -138,12 +138,12 @@ export const config = {
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemDisabledOpacity}: 0.4;
                 ${tokens.itemDisabledColor}: var(--text-primary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -158,8 +158,8 @@ export const config = {
                 ${tokens.textFieldPlaceholderColor}: var(--text-secondary);
                 ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.textFieldBackgroundColor}: var(--surface-transparent-negative);
-                ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-negative-active);
+                ${tokens.textFieldBackgroundColor}: var(--surface-solid-negative);
+                ${tokens.textFieldBackgroundColorFocus}: var(--surface-solid-negative-active);
                 ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);
                 ${tokens.textFieldTextAfterColor}: var(--text-tertiary);
                 ${tokens.textFieldLabelColor}: var(--text-primary);
@@ -185,12 +185,12 @@ export const config = {
 
                 ${tokens.disclosureIconColor}: var(--text-secondary);
                 ${tokens.disclosureIconColorHover}: var(--text-secondary-hover);
-                ${tokens.itemBackgroundHover}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundHover}: var(--surface-solid-secondary);
                 ${tokens.itemDisabledOpacity}: 0.4;
                 ${tokens.itemDisabledColor}: var(--text-primary);
                 ${tokens.textFieldHintIconColor}: var(--text-secondary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
 
                 ${tokens.itemIconColor}: var(--text-accent);
 
@@ -483,15 +483,15 @@ export const config = {
             secondary: css`
                 ${tokens.textFieldChipColor}: var(--text-primary);
                 ${tokens.textFieldChipColorHover}: var(--text-primary);
-                ${tokens.textFieldChipBackground}: var(--surface-transparent-secondary);
-                ${tokens.textFieldChipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.textFieldChipBackground}: var(--surface-solid-secondary);
+                ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.textFieldChipCloseIconColor}: var(--text-secondary);
                 ${tokens.textFieldChipCloseIconColorHover}: var(--text-secondary-hover);
                 ${tokens.textFieldChipCloseIconColorReadonly}: var(--text-secondary);
 
-                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundReadOnly}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.textFieldChipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${tokens.textFieldChipColorReadOnlyHover}: var(--text-primary);
                 ${tokens.textFieldChipOpacityReadonly}: 1;
             `,
@@ -579,7 +579,7 @@ export const config = {
                 ${tokens.disclosureIconOpacityReadOnly}: 0.4;
                 ${tokens.textFieldReadOnlyOpacity}: 0.1;
                 ${tokens.textFieldColorReadOnly}: var(--text-primary);
-                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.textFieldBackgroundColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);
                 ${tokens.textFieldLeftHelperColorReadOnly}: var(--text-secondary);
                 ${tokens.textFieldTitleCaptionColorReadOnly}: var(--text-secondary);
diff --git a/packages/sdds-os/src/components/Spinner/Spinner.stories.tsx b/packages/sdds-os/src/components/Spinner/Spinner.stories.tsx
index 665a1f1796e..b8d7baa4def 100644
--- a/packages/sdds-os/src/components/Spinner/Spinner.stories.tsx
+++ b/packages/sdds-os/src/components/Spinner/Spinner.stories.tsx
@@ -50,7 +50,7 @@ const StyledWrapper = styled.div<{ $loading?: boolean }>`
 
         content: '';
         display: none;
-        background: var(--surface-transparent-primary);
+        background: var(--surface-solid-primary);
     }
 
     ${({ $loading }) =>
diff --git a/packages/sdds-os/src/components/Steps/Steps.config.ts b/packages/sdds-os/src/components/Steps/Steps.config.ts
index 1252416b0bf..1330eaf4e1e 100644
--- a/packages/sdds-os/src/components/Steps/Steps.config.ts
+++ b/packages/sdds-os/src/components/Steps/Steps.config.ts
@@ -18,8 +18,8 @@ const baseItemView = `
     ${tokens.inactiveTitleColorHover}: var(--text-secondary-hover);
     ${tokens.inactiveIndicatorColor}: var(--text-secondary);
     ${tokens.inactiveIndicatorColorHover}: var(--text-secondary);
-    ${tokens.inactiveIndicatorBackground}: var(--surface-transparent-secondary);
-    ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-transparent-secondary-hover);
+    ${tokens.inactiveIndicatorBackground}: var(--surface-solid-secondary);
+    ${tokens.inactiveIndicatorBackgroundHover}: var(--surface-solid-secondary-hover);
 
     ${tokens.contentColor}: var(--text-secondary);
     ${tokens.focusColor}: var(--surface-accent);
diff --git a/packages/sdds-os/src/components/Switch/Switch.config.ts b/packages/sdds-os/src/components/Switch/Switch.config.ts
index 508ea52d010..c0f9deab4c1 100644
--- a/packages/sdds-os/src/components/Switch/Switch.config.ts
+++ b/packages/sdds-os/src/components/Switch/Switch.config.ts
@@ -72,8 +72,8 @@ export const config = {
                 ${switchTokens.descriptionMaxLines}: initial;
                 ${switchTokens.trackBackgroundColorOn}: var(--surface-accent);
                 ${switchTokens.trackBackgroundColorOnHover}: var(--surface-accent-hover);
-                ${switchTokens.trackBackgroundColorOff}: var(--surface-transparent-tertiary);
-                ${switchTokens.trackBackgroundColorOffHover}: var(--surface-transparent-tertiary-hover);
+                ${switchTokens.trackBackgroundColorOff}: var(--surface-solid-tertiary);
+                ${switchTokens.trackBackgroundColorOffHover}: var(--surface-solid-tertiary-hover);
                 ${switchTokens.trackBorderWidthOn}: 0;
                 ${switchTokens.trackBorderWidthOff}: 0;
                 ${switchTokens.thumbBackgroundColorOn}: var(--on-dark-surface-solid-default);
diff --git a/packages/sdds-os/src/components/Tabs/Tabs.stories.tsx b/packages/sdds-os/src/components/Tabs/Tabs.stories.tsx
index b4e608ea932..08c3a025e81 100644
--- a/packages/sdds-os/src/components/Tabs/Tabs.stories.tsx
+++ b/packages/sdds-os/src/components/Tabs/Tabs.stories.tsx
@@ -296,7 +296,7 @@ const StoryDefault = (props: HorizontalStoryTabsProps) => {
 
 export const Default: StoryObj<HorizontalStoryTabsProps> = {
     args: {
-        size: 'xs',
+        size: 's',
         orientation: 'horizontal',
         disabled: false,
         hasDivider: true,
diff --git a/packages/sdds-os/src/components/Tabs/horizontal/HorizontalIconTabItem.config.ts b/packages/sdds-os/src/components/Tabs/horizontal/HorizontalIconTabItem.config.ts
index 35c60d99b0c..c74230cfa6f 100644
--- a/packages/sdds-os/src/components/Tabs/horizontal/HorizontalIconTabItem.config.ts
+++ b/packages/sdds-os/src/components/Tabs/horizontal/HorizontalIconTabItem.config.ts
@@ -3,7 +3,7 @@ import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
 export const config = {
     defaults: {
         view: 'divider',
-        size: 'xs',
+        size: 's',
     },
     variations: {
         view: {
diff --git a/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabItem.config.ts b/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabItem.config.ts
index f91f0b76c55..68fd346c137 100644
--- a/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabItem.config.ts
+++ b/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabItem.config.ts
@@ -3,7 +3,7 @@ import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
 export const config = {
     defaults: {
         view: 'divider',
-        size: 'l',
+        size: 'm',
     },
     variations: {
         view: {
diff --git a/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabs.config.ts b/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabs.config.ts
index 4be96906109..68d096725dc 100644
--- a/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabs.config.ts
+++ b/packages/sdds-os/src/components/Tabs/horizontal/HorizontalTabs.config.ts
@@ -22,7 +22,7 @@ export const config = {
                 ${tabsTokens.arrowColor}: var(--text-secondary);
                 ${tabsTokens.arrowColorHover}: var(--text-secondary-hover);
                 ${tabsTokens.arrowColorActive}: var(---text-secondary-active);
-                ${tabsTokens.tabsBackgroundColor}: var(--surface-transparent-primary);
+                ${tabsTokens.tabsBackgroundColor}: var(--surface-solid-primary);
                 ${tabsTokens.outlineFocusColor}: var(--surface-accent);
 
                 ${tabsTokens.tabsDividerHeight}: 0rem;
@@ -37,7 +37,7 @@ export const config = {
                 ${tabsTokens.outlineFocusColor}: var(--surface-accent);
 
                 ${tabsTokens.tabsDividerHeight}: 0.0625rem;
-                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);
+                ${tabsTokens.tabsDividerColor}: var(--surface-solid-tertiary);
                 ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;
             `,
         },
diff --git a/packages/sdds-os/src/components/Tabs/vertical/VerticalIconTabItem.config.ts b/packages/sdds-os/src/components/Tabs/vertical/VerticalIconTabItem.config.ts
index 38becf8c6dc..8c86d6c3fc2 100644
--- a/packages/sdds-os/src/components/Tabs/vertical/VerticalIconTabItem.config.ts
+++ b/packages/sdds-os/src/components/Tabs/vertical/VerticalIconTabItem.config.ts
@@ -3,7 +3,7 @@ import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
 export const config = {
     defaults: {
         view: 'divider',
-        size: 'xs',
+        size: 's',
     },
     variations: {
         view: {
diff --git a/packages/sdds-os/src/components/Tabs/vertical/VerticalTabItem.config.ts b/packages/sdds-os/src/components/Tabs/vertical/VerticalTabItem.config.ts
index 0a545a28f37..8764d729fad 100644
--- a/packages/sdds-os/src/components/Tabs/vertical/VerticalTabItem.config.ts
+++ b/packages/sdds-os/src/components/Tabs/vertical/VerticalTabItem.config.ts
@@ -3,7 +3,7 @@ import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
 export const config = {
     defaults: {
         view: 'divider',
-        size: 'l',
+        size: 'm',
     },
     variations: {
         view: {
diff --git a/packages/sdds-os/src/components/Tabs/vertical/VerticalTabs.config.ts b/packages/sdds-os/src/components/Tabs/vertical/VerticalTabs.config.ts
index 20c97af662b..d304647e55a 100644
--- a/packages/sdds-os/src/components/Tabs/vertical/VerticalTabs.config.ts
+++ b/packages/sdds-os/src/components/Tabs/vertical/VerticalTabs.config.ts
@@ -3,7 +3,7 @@ import { css, tabsTokens } from '@salutejs/plasma-new-hope/styled-components';
 export const config = {
     defaults: {
         view: 'divider',
-        size: 'l',
+        size: 'm',
     },
     variations: {
         view: {
@@ -16,7 +16,7 @@ export const config = {
 
                 ${tabsTokens.tabsDividerWidth}: 0.0625rem;
                 ${tabsTokens.tabsDividerHeight}: 0.0625rem;
-                ${tabsTokens.tabsDividerColor}: var(--surface-transparent-tertiary);
+                ${tabsTokens.tabsDividerColor}: var(--surface-solid-tertiary);
                 ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;
             `,
         },
diff --git a/packages/sdds-os/src/components/TextArea/TextArea.clear.config.ts b/packages/sdds-os/src/components/TextArea/TextArea.clear.config.ts
index 22b45fdd328..41f358a958e 100644
--- a/packages/sdds-os/src/components/TextArea/TextArea.clear.config.ts
+++ b/packages/sdds-os/src/components/TextArea/TextArea.clear.config.ts
@@ -38,7 +38,7 @@ export const config = {
 
                 ${tokens.labelOuterColor}: var(--text-primary);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
                 ${tokens.dividerColorHover}: var(--text-secondary);
                 ${tokens.dividerColorFocus}: var(--surface-accent);
 
@@ -341,7 +341,7 @@ export const config = {
             true: css`
                 ${tokens.inputColorReadOnly}: var(--text-primary);
                 ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
-                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.contentSlotRightOpacityReadOnly}: 0.4;
             `,
         },
diff --git a/packages/sdds-os/src/components/TextArea/TextArea.config.ts b/packages/sdds-os/src/components/TextArea/TextArea.config.ts
index e3d77552da4..a39ac96206e 100644
--- a/packages/sdds-os/src/components/TextArea/TextArea.config.ts
+++ b/packages/sdds-os/src/components/TextArea/TextArea.config.ts
@@ -3,20 +3,21 @@ import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/styled-
 export const config = {
     defaults: {
         view: 'default',
+        size: 'm',
         focused: 'true',
     },
     variations: {
         view: {
             default: css`
-                ${tokens.inputBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);
-                ${tokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);
-                ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);
+                ${tokens.inputBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.inputBackgroundColorHover}: var(--surface-solid-primary-hover);
+                ${tokens.inputBackgroundColorActive}: var(--surface-solid-primary-active);
+                ${tokens.inputBackgroundColorFocus}: var(--surface-solid-secondary);
 
-                ${tokens.helpersBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);
-                ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);
-                ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);
+                ${tokens.helpersBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.helpersBackgroundColorHover}: var(--surface-solid-primary-hover);
+                ${tokens.helpersBackgroundColorActive}: var(--surface-solid-primary-active);
+                ${tokens.helpersBackgroundColorFocus}: var(--surface-solid-secondary);
 
                 ${tokens.inputColor}: var(--text-primary);
                 ${tokens.inputColorFocus}: var(--text-primary);
@@ -35,14 +36,14 @@ export const config = {
                 ${tokens.indicatorColor}: var(--surface-negative);
                 ${tokens.optionalColor}: var(--text-tertiary);
 
-                ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);
-                ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);
-                ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);
-                ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);
-                ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);
+                ${tokens.scrollbarThumbBackgroundColor}: var(--surface-solid-tertiary);
+                ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-solid-tertiary-hover);
+                ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-solid-tertiary-active);
+                ${tokens.scrollbarTrackBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-solid-primary-active);
+                ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-solid-primary-hover);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
                 ${tokens.dividerColorHover}: var(--text-secondary);
                 ${tokens.dividerColorFocus}: var(--surface-accent);
                 ${tokens.titleCaptionColor}: var(--text-secondary);
@@ -50,15 +51,15 @@ export const config = {
                 ${tokens.titleCaptionColor}: var(--text-secondary);
             `,
             warning: css`
-                ${tokens.inputBackgroundColor}: var(--surface-transparent-warning);
-                ${tokens.inputBackgroundColorHover}: var(--surface-transparent-warning-hover);
-                ${tokens.inputBackgroundColorActive}: var(--surface-transparent-warning-active);
-                ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-warning);
+                ${tokens.inputBackgroundColor}: var(--surface-solid-warning);
+                ${tokens.inputBackgroundColorHover}: var(--surface-solid-warning-hover);
+                ${tokens.inputBackgroundColorActive}: var(--surface-solid-warning-active);
+                ${tokens.inputBackgroundColorFocus}: var(--surface-solid-warning);
 
-                ${tokens.helpersBackgroundColor}: var(--surface-transparent-warning);
-                ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-warning-hover);
-                ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-warning-active);
-                ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-warning);
+                ${tokens.helpersBackgroundColor}: var(--surface-solid-warning);
+                ${tokens.helpersBackgroundColorHover}: var(--surface-solid-warning-hover);
+                ${tokens.helpersBackgroundColorActive}: var(--surface-solid-warning-active);
+                ${tokens.helpersBackgroundColorFocus}: var(--surface-solid-warning);
 
                 ${tokens.inputColor}: var(--text-primary);
                 ${tokens.inputColorFocus}: var(--text-primary);
@@ -77,12 +78,12 @@ export const config = {
                 ${tokens.indicatorColor}: var(--surface-negative);
                 ${tokens.optionalColor}: var(--text-tertiary);
 
-                ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);
-                ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);
-                ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);
-                ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);
-                ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);
+                ${tokens.scrollbarThumbBackgroundColor}: var(--surface-solid-tertiary);
+                ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-solid-tertiary-hover);
+                ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-solid-tertiary-active);
+                ${tokens.scrollbarTrackBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-solid-primary-active);
+                ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-solid-primary-hover);
 
                 ${tokens.dividerColor}: var(--surface-warning);
                 ${tokens.dividerColorHover}: var(--surface-warning);
@@ -92,15 +93,15 @@ export const config = {
                 ${tokens.titleCaptionColor}: var(--text-secondary);
             `,
             negative: css`
-                ${tokens.inputBackgroundColor}: var(--surface-transparent-negative);
-                ${tokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);
-                ${tokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);
-                ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);
+                ${tokens.inputBackgroundColor}: var(--surface-solid-negative);
+                ${tokens.inputBackgroundColorHover}: var(--surface-solid-negative-hover);
+                ${tokens.inputBackgroundColorActive}: var(--surface-solid-negative-active);
+                ${tokens.inputBackgroundColorFocus}: var(--surface-solid-negative);
 
-                ${tokens.helpersBackgroundColor}: var(--surface-transparent-negative);
-                ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);
-                ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);
-                ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);
+                ${tokens.helpersBackgroundColor}: var(--surface-solid-negative);
+                ${tokens.helpersBackgroundColorHover}: var(--surface-solid-negative-hover);
+                ${tokens.helpersBackgroundColorActive}: var(--surface-solid-negative-active);
+                ${tokens.helpersBackgroundColorFocus}: var(--surface-solid-negative);
 
                 ${tokens.inputColor}: var(--text-primary);
                 ${tokens.inputColorFocus}: var(--text-primary);
@@ -119,12 +120,12 @@ export const config = {
                 ${tokens.indicatorColor}: var(--surface-negative);
                 ${tokens.optionalColor}: var(--text-tertiary);
 
-                ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);
-                ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);
-                ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);
-                ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);
-                ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);
-                ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);
+                ${tokens.scrollbarThumbBackgroundColor}: var(--surface-solid-tertiary);
+                ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-solid-tertiary-hover);
+                ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-solid-tertiary-active);
+                ${tokens.scrollbarTrackBackgroundColor}: var(--surface-solid-primary);
+                ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-solid-primary-active);
+                ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-solid-primary-hover);
 
                 ${tokens.dividerColor}: var(--surface-negative);
                 ${tokens.dividerColorHover}: var(--surface-negative);
@@ -345,9 +346,9 @@ export const config = {
         readOnly: {
             true: css`
                 ${tokens.readOnlyOpacity}: 0.1;
-                ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.backgroundColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.inputColorReadOnly}: var(--text-primary);
-                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.contentSlotRightOpacityReadOnly}: 0.4;
             `,
         },
@@ -355,7 +356,7 @@ export const config = {
             true: css`
                 ${tokens.disabledOpacity}: 0.4;
                 ${tokens.inputColorDisabled}: var(--text-secondary);
-                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
             `,
         },
diff --git a/packages/sdds-os/src/components/TextField/TextField.clear.config.ts b/packages/sdds-os/src/components/TextField/TextField.clear.config.ts
index 31d1a8122e8..c7e383e6274 100644
--- a/packages/sdds-os/src/components/TextField/TextField.clear.config.ts
+++ b/packages/sdds-os/src/components/TextField/TextField.clear.config.ts
@@ -29,7 +29,7 @@ export const config = {
                 ${tokens.contentSlotColorHover}: var(--text-secondary-hover);
                 ${tokens.contentSlotColorActive}: var(--text-secondary-active);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
                 ${tokens.dividerColorHover}: var(--text-secondary);
                 ${tokens.dividerColorFocus}: var(--surface-accent);
 
@@ -559,14 +559,14 @@ export const config = {
             `,
             secondary: css`
                 ${tokens.chipColor}: var(--text-primary);
-                ${tokens.chipBackground}: var(--surface-transparent-secondary);
+                ${tokens.chipBackground}: var(--surface-solid-secondary);
                 ${tokens.chipColorHover}: var(--text-primary);
-                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.chipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.chipColorActive}: var(--text-primary);
-                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);
-                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.chipBackgroundActive}: var(--surface-solid-secondary-active);
+                ${tokens.chipBackgroundReadOnly}: var(--surface-solid-secondary);
                 ${tokens.chipColorReadOnly}: var(--text-primary);
-                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${tokens.chipColorReadOnlyHover}: var(--text-primary);
 
                 ${tokens.chipCloseIconColor}: var(--text-secondary);
@@ -715,7 +715,7 @@ export const config = {
                 ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
                 ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
                 ${tokens.labelColorReadOnly}: var(--text-primary);
-                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.contentSlotRightOpacityReadOnly}: 0.4;
             `,
         },
diff --git a/packages/sdds-os/src/components/TextField/TextField.config.ts b/packages/sdds-os/src/components/TextField/TextField.config.ts
index a6c1942228c..d628e0d4899 100644
--- a/packages/sdds-os/src/components/TextField/TextField.config.ts
+++ b/packages/sdds-os/src/components/TextField/TextField.config.ts
@@ -14,9 +14,9 @@ export const config = {
                 ${tokens.placeholderColor}: var(--text-secondary);
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.backgroundColor}: var(--surface-transparent-primary);
-                ${tokens.backgroundColorHover}: var(--surface-transparent-primary-hover);
-                ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);
+                ${tokens.backgroundColor}: var(--surface-solid-primary);
+                ${tokens.backgroundColorHover}: var(--surface-solid-primary-hover);
+                ${tokens.backgroundColorFocus}: var(--surface-solid-secondary);
                 ${tokens.caretColor}: var(--text-accent);
                 ${tokens.textBeforeColor}: var(--text-tertiary);
                 ${tokens.textAfterColor}: var(--text-tertiary);
@@ -29,7 +29,7 @@ export const config = {
                 ${tokens.contentSlotColorHover}: var(--text-secondary-hover);
                 ${tokens.contentSlotColorActive}: var(--text-secondary-active);
 
-                ${tokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${tokens.dividerColor}: var(--surface-solid-tertiary);
                 ${tokens.dividerColorHover}: var(--text-secondary);
                 ${tokens.dividerColorFocus}: var(--surface-accent);
 
@@ -43,9 +43,9 @@ export const config = {
                 ${tokens.placeholderColor}: var(--text-secondary);
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.backgroundColor}: var(--surface-transparent-positive);
-                ${tokens.backgroundColorHover}: var(--surface-transparent-positive-hover);
-                ${tokens.backgroundColorFocus}: var(--surface-transparent-positive-active);
+                ${tokens.backgroundColor}: var(--surface-solid-positive);
+                ${tokens.backgroundColorHover}: var(--surface-solid-positive-hover);
+                ${tokens.backgroundColorFocus}: var(--surface-solid-positive-active);
                 ${tokens.caretColor}: var(--text-accent);
                 ${tokens.textBeforeColor}: var(--text-tertiary);
                 ${tokens.textAfterColor}: var(--text-tertiary);
@@ -72,9 +72,9 @@ export const config = {
                 ${tokens.placeholderColor}: var(--text-secondary);
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.backgroundColor}: var(--surface-transparent-warning);
-                ${tokens.backgroundColorHover}: var(--surface-transparent-warning-hover);
-                ${tokens.backgroundColorFocus}: var(--surface-transparent-warning-active);
+                ${tokens.backgroundColor}: var(--surface-solid-warning);
+                ${tokens.backgroundColorHover}: var(--surface-solid-warning-hover);
+                ${tokens.backgroundColorFocus}: var(--surface-solid-warning-active);
                 ${tokens.caretColor}: var(--text-accent);
                 ${tokens.textBeforeColor}: var(--text-tertiary);
                 ${tokens.textAfterColor}: var(--text-tertiary);
@@ -101,9 +101,9 @@ export const config = {
                 ${tokens.placeholderColor}: var(--text-secondary);
                 ${tokens.placeholderColorFocus}: var(--text-tertiary);
 
-                ${tokens.backgroundColor}: var(--surface-transparent-negative);
-                ${tokens.backgroundColorHover}: var(--surface-transparent-negative-hover);
-                ${tokens.backgroundColorFocus}: var(--surface-transparent-negative-active);
+                ${tokens.backgroundColor}: var(--surface-solid-negative);
+                ${tokens.backgroundColorHover}: var(--surface-solid-negative-hover);
+                ${tokens.backgroundColorFocus}: var(--surface-solid-negative-active);
                 ${tokens.caretColor}: var(--text-accent);
                 ${tokens.textBeforeColor}: var(--text-tertiary);
                 ${tokens.textAfterColor}: var(--text-tertiary);
@@ -315,14 +315,14 @@ export const config = {
             `,
             secondary: css`
                 ${tokens.chipColor}: var(--text-primary);
-                ${tokens.chipBackground}: var(--surface-transparent-secondary);
+                ${tokens.chipBackground}: var(--surface-solid-secondary);
                 ${tokens.chipColorHover}: var(--text-primary);
-                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);
+                ${tokens.chipBackgroundHover}: var(--surface-solid-secondary-hover);
                 ${tokens.chipColorActive}: var(--text-primary);
-                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);
-                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);
+                ${tokens.chipBackgroundActive}: var(--surface-solid-secondary-active);
+                ${tokens.chipBackgroundReadOnly}: var(--surface-solid-secondary);
                 ${tokens.chipColorReadOnly}: var(--text-primary);
-                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);
+                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-solid-secondary);
                 ${tokens.chipColorReadOnlyHover}: var(--text-primary);
 
                 ${tokens.chipCloseIconColor}: var(--text-secondary);
@@ -466,12 +466,12 @@ export const config = {
             true: css`
                 ${tokens.readOnlyOpacity}: 0.1;
                 ${tokens.colorReadOnly}: var(--text-primary);
-                ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.backgroundColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.placeholderColorReadOnly}: var(--text-secondary);
                 ${tokens.leftHelperColorReadOnly}: var(--text-secondary);
                 ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);
                 ${tokens.labelColorReadOnly}: var(--text-primary);
-                ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);
+                ${tokens.dividerColorReadOnly}: var(--surface-solid-primary);
                 ${tokens.contentSlotRightOpacityReadOnly}: 0.4;
             `,
         },
diff --git a/packages/sdds-os/src/components/Tokens/Colors/Colors.stories.tsx b/packages/sdds-os/src/components/Tokens/Colors/Colors.stories.tsx
new file mode 100644
index 00000000000..4673fbc44e2
--- /dev/null
+++ b/packages/sdds-os/src/components/Tokens/Colors/Colors.stories.tsx
@@ -0,0 +1,192 @@
+import React, { FC, useEffect, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react-vite';
+import { sdds_os__dark, sdds_os__light } from '@salutejs-ds/sdds_os';
+import { InSpacingDecorator, getGroupedTokens, upperFirstLetter } from '@salutejs/plasma-sb-utils';
+import type { GroupedTokens, TokenData } from '@salutejs/plasma-sb-utils';
+import { addNotification, cx } from '@salutejs/plasma-new-hope';
+
+import { Accordion } from '../../Accordion/Accordion';
+import { NotificationsProvider } from '../../Notification/Notification';
+
+import {
+    AccordionInfo,
+    ColorCircle,
+    ColorTokensWrapper,
+    ColumnTitle,
+    StyledAccordionItem,
+    StyledSegmentGroup,
+    StyledSegmentItem,
+    Subcategory,
+    SubthemeSwitcher,
+    TokenInfoWrapper,
+    ColorTokenDataWrapper,
+    StateDataWrapper,
+    TokenInfo,
+    OpacityPart,
+} from './Colors.styles';
+
+type ColorTokenDataProps = {
+    token: string;
+    tokenData: Omit<TokenData, 'states'>;
+    copyToClipboard: (value: string, opacity?: string | null) => Promise<void>;
+    className?: string;
+    initialTokenName?: string;
+};
+
+const meta: Meta = {
+    title: 'Tokens/Colors',
+    decorators: [InSpacingDecorator],
+};
+
+export default meta;
+
+const themes: Record<string, GroupedTokens> = {
+    'sdds-os:light': getGroupedTokens(sdds_os__light[0]),
+    'sdds-os:dark': getGroupedTokens(sdds_os__dark[0]),
+};
+
+const ColorTokenData: FC<ColorTokenDataProps> = ({
+    token,
+    tokenData,
+    copyToClipboard,
+    className,
+    initialTokenName,
+}) => {
+    const { value, opacity, tone, colorName } = tokenData;
+
+    return (
+        <AccordionInfo>
+            <TokenInfo className={cx('copy', className)} onClick={() => copyToClipboard(initialTokenName || token)}>
+                {token}
+            </TokenInfo>
+            <TokenInfo
+                className={cx('color', colorName && 'copy')}
+                onClick={() => Boolean(colorName) && copyToClipboard(value, opacity?.alpha)}
+            >
+                <ColorCircle background={value + (opacity?.alpha || '')} />
+                <div>{value.includes('gradient') ? 'Градиент' : colorName || ''}</div>
+            </TokenInfo>
+            <TokenInfo className="no-interaction">{tone !== 'none' && tone}</TokenInfo>
+            <TokenInfo className="no-interaction">{opacity?.parsedAlpha}</TokenInfo>
+            <TokenInfo className="color copy hex" onClick={() => copyToClipboard(value, opacity?.alpha)}>
+                <div>
+                    {value.includes('gradient') ? '' : value}
+                    {opacity && <OpacityPart>{opacity.alpha}</OpacityPart>}
+                </div>
+            </TokenInfo>
+        </AccordionInfo>
+    );
+};
+
+const StoryDemoColor = ({ context }) => {
+    const groupedTokens = themes[context.globals.theme] || themes['sdds-os:light'];
+    const categories = Object.keys(groupedTokens);
+    const [selectedCategory, setSelectedCategory] = useState(categories[0]);
+
+    useEffect(() => {
+        if (!groupedTokens[selectedCategory]) {
+            setSelectedCategory(categories[0]);
+        }
+    }, [categories, groupedTokens, selectedCategory]);
+
+    const copyToClipboard = async (value: string, opacity?: string | null) => {
+        try {
+            await navigator.clipboard.writeText(value + (opacity || ''));
+
+            addNotification({ title: 'Скопировано', view: 'positive', size: 'xxs', role: 'alert' }, 3000);
+        } catch (err) {
+            addNotification(
+                { title: 'Ошибка при копировании текста', view: 'negative', size: 'xxs', role: 'alert' },
+                3000,
+            );
+        }
+    };
+
+    if (!groupedTokens[selectedCategory]) {
+        return null;
+    }
+
+    const subcategories = groupedTokens[selectedCategory];
+
+    return (
+        <ColorTokensWrapper>
+            <SubthemeSwitcher>
+                <StyledSegmentGroup>
+                    {Object.entries(groupedTokens).map(([category]) => (
+                        <StyledSegmentItem
+                            key={`label_${category}`}
+                            type="button"
+                            $isSelected={selectedCategory === category}
+                            aria-pressed={selectedCategory === category}
+                            onClick={() => setSelectedCategory(category)}
+                        >
+                            {category}
+                        </StyledSegmentItem>
+                    ))}
+                </StyledSegmentGroup>
+            </SubthemeSwitcher>
+            <Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
+                {Object.entries(subcategories).map(([subcategory, subcategoryTokens], index) => (
+                    <StyledAccordionItem
+                        key={subcategory}
+                        eventKey={index}
+                        type="arrow"
+                        title={
+                            <AccordionInfo>
+                                <Subcategory>{subcategory}/</Subcategory>
+                                <ColumnTitle className="color">
+                                    <ColorCircle disableShadow />
+                                    Color
+                                </ColumnTitle>
+                                <ColumnTitle>Tone</ColumnTitle>
+                                <ColumnTitle>Opacity</ColumnTitle>
+                                <ColumnTitle className="hex">Hex</ColumnTitle>
+                            </AccordionInfo>
+                        }
+                    >
+                        <TokenInfoWrapper>
+                            {Object.entries(subcategoryTokens).map(([_, { states, ...tokenData }]) => {
+                                return (
+                                    tokenData.value !== 'undefined' && (
+                                        <ColorTokenDataWrapper>
+                                            <ColorTokenData
+                                                key={tokenData.fullTokenName}
+                                                token={tokenData.fullTokenName}
+                                                tokenData={tokenData}
+                                                copyToClipboard={copyToClipboard}
+                                            />
+                                            {states && Object.keys(states).length > 0 && (
+                                                <StateDataWrapper>
+                                                    {Object.entries(states).map(([state, stateTokenData]) => (
+                                                        <ColorTokenData
+                                                            key={state}
+                                                            token={state}
+                                                            tokenData={stateTokenData}
+                                                            copyToClipboard={copyToClipboard}
+                                                            className="state"
+                                                            initialTokenName={
+                                                                tokenData.fullTokenName + upperFirstLetter(state)
+                                                            }
+                                                        />
+                                                    ))}
+                                                </StateDataWrapper>
+                                            )}
+                                        </ColorTokenDataWrapper>
+                                    )
+                                );
+                            })}
+                        </TokenInfoWrapper>
+                    </StyledAccordionItem>
+                ))}
+            </Accordion>
+        </ColorTokensWrapper>
+    );
+};
+
+export const Default: StoryObj = {
+    render: (_, context) => (
+        <NotificationsProvider placement="bottom">
+            <StoryDemoColor context={context} />
+        </NotificationsProvider>
+    ),
+};
diff --git a/packages/sdds-os/src/components/Tokens/Colors/Colors.styles.ts b/packages/sdds-os/src/components/Tokens/Colors/Colors.styles.ts
new file mode 100644
index 00000000000..2ef1475b65d
--- /dev/null
+++ b/packages/sdds-os/src/components/Tokens/Colors/Colors.styles.ts
@@ -0,0 +1,218 @@
+import styled from 'styled-components';
+
+import { AccordionItem } from '../../Accordion';
+
+export const ColorTokensWrapper = styled.div`
+    padding-top: 1.5rem;
+    width: 100%;
+`;
+
+export const SubthemeSwitcher = styled.div`
+    margin: -0.5rem auto 2.5rem auto;
+    width: fit-content;
+
+    position: relative;
+
+    &:before {
+        content: 'Подтема';
+        position: absolute;
+        top: 50%;
+        transform: translate(-100%, -50%);
+        left: -0.75rem;
+        color: var(--text-tertiary);
+
+        font-family: var(--plasma-typo-body-xs-font-family);
+        font-size: var(--plasma-typo-body-xs-font-size);
+        font-style: var(--plasma-typo-body-xs-font-style);
+        font-weight: var(--plasma-typo-body-xs-font-weight);
+        bold-font-weight: var(--plasma-typo-body-xs-bold-font-weight);
+        letter-spacing: var(--plasma-typo-body-xs-letter-spacing);
+        line-height: var(--plasma-typo-body-xs-line-height);
+    }
+`;
+
+export const StyledSegmentGroup = styled.div`
+    display: flex;
+    align-items: center;
+    gap: 0.125rem;
+    padding: 0.125rem;
+    border-radius: 999rem;
+    background: var(--surface-transparent-secondary);
+`;
+
+export const StyledSegmentItem = styled.button<{ $isSelected?: boolean }>`
+    height: 1.75rem;
+    padding: 0.375rem 0.5rem;
+    border: 0;
+    border-radius: 999rem;
+    cursor: pointer;
+    color: ${({ $isSelected }) => ($isSelected ? 'var(--text-primary)' : 'var(--text-secondary)')};
+    background: ${({ $isSelected }) => ($isSelected ? 'var(--surface-solid-primary)' : 'transparent')};
+
+    font-family: var(--plasma-typo-body-xs-font-family);
+    font-size: var(--plasma-typo-body-xs-font-size);
+    font-style: var(--plasma-typo-body-xs-font-style);
+    font-weight: var(--plasma-typo-body-xs-font-weight);
+    letter-spacing: var(--plasma-typo-body-xs-letter-spacing);
+    line-height: var(--plasma-typo-body-xs-line-height);
+
+    &:hover {
+        color: var(--text-primary);
+        background: ${({ $isSelected }) =>
+            $isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)'};
+    }
+`;
+
+export const AccordionInfo = styled.div`
+    display: grid;
+    grid-template-columns: 16.75rem 9.938rem 2.375rem 3.813rem 9.313rem;
+    grid-column-gap: 1.5rem;
+
+    font-family: var(--plasma-typo-body-m-font-family);
+    font-size: var(--plasma-typo-body-m-font-size);
+    font-style: var(--plasma-typo-body-m-font-style);
+    font-weight: var(--plasma-typo-body-m-font-weight);
+    letter-spacing: var(--plasma-typo-body-m-letter-spacing);
+    line-height: var(--plasma-typo-body-m-line-height);
+`;
+
+export const Subcategory = styled.div`
+    color: var(--text-secondary);
+`;
+
+export const ColumnTitle = styled.div`
+    color: var(--text-tertiary);
+    transition: opacity 0.2s;
+
+    &.color {
+        display: flex;
+        align-items: center;
+        gap: 2.5rem;
+    }
+
+    &.hex {
+        padding-left: 3.75rem;
+    }
+`;
+
+export const StyledAccordionItem = styled(AccordionItem)`
+    --plasma-accordion-item-padding: 0;
+    --plasma-accordion-item-padding-vertical: 0;
+
+    border-bottom: unset;
+    width: 50.375rem;
+
+    div > div > div > svg {
+        color: var(--text-secondary);
+    }
+
+    .accordion-item-body {
+        margin-bottom: 2.375rem;
+        padding-top: 0.125rem;
+        transition: margin-bottom 0.2s, padding-top 0.2s;
+    }
+
+    [aria-expanded] {
+        margin-bottom: 1rem;
+    }
+
+    [aria-expanded='false'] {
+        margin-bottom: 1.125rem;
+
+        ${AccordionInfo} ${ColumnTitle} {
+            opacity: 0;
+        }
+    }
+
+    [aria-expanded='false'] + div > .accordion-item-body {
+        margin: 0;
+        padding: 0;
+    }
+`;
+
+export const TokenInfoWrapper = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+    margin-top: -0.125rem;
+`;
+
+export const ColorTokenDataWrapper = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+`;
+
+export const StateDataWrapper = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin-bottom: 0.75rem;
+`;
+
+export const OpacityPart = styled.span`
+    color: var(--text-secondary);
+    padding-left: 0.125rem;
+`;
+
+export const TokenInfo = styled.div`
+    color: var(--text-primary);
+
+    cursor: default;
+
+    &.copy {
+        cursor: copy;
+    }
+
+    &.color {
+        display: flex;
+        align-items: center;
+        gap: 2.5rem;
+    }
+
+    &.no-interaction {
+        text-align: right;
+    }
+
+    &.hex {
+        padding-left: 3.75rem;
+    }
+
+    &:not(.no-interaction):hover {
+        color: var(--text-primary-hover);
+
+        ${OpacityPart} {
+            color: var(--text-primary-hover);
+        }
+    }
+
+    &:not(.no-interaction):active {
+        color: var(--text-primary-active);
+
+        ${OpacityPart} {
+            color: var(--text-secondary-active);
+        }
+    }
+
+    &.state {
+        padding-left: 1.5rem;
+        color: var(--text-secondary);
+
+        &:hover {
+            color: var(--text-secondary);
+        }
+
+        &:active {
+            color: var(--text-secondary-active);
+        }
+    }
+`;
+
+export const ColorCircle = styled.div<{ background?: string; disableShadow?: boolean }>`
+    width: 1.25rem;
+    height: 1.25rem;
+    border-radius: 50%;
+
+    background: ${(props) => props.background || 'transparent'};
+    box-shadow: ${(props) => (props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)')};
+`;
diff --git a/packages/sdds-os/src/components/Tokens/NumberTokens/CornerRadius.stories.tsx b/packages/sdds-os/src/components/Tokens/NumberTokens/CornerRadius.stories.tsx
new file mode 100644
index 00000000000..23f32af84ea
--- /dev/null
+++ b/packages/sdds-os/src/components/Tokens/NumberTokens/CornerRadius.stories.tsx
@@ -0,0 +1,80 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react-vite';
+import { sdds_os__dark, sdds_os__light } from '@salutejs-ds/sdds_os';
+import { InSpacingDecorator, getGroupedCornerRadiusTokens } from '@salutejs/plasma-sb-utils';
+import type { GroupedNumberTokens } from '@salutejs/plasma-sb-utils';
+import { addNotification } from '@salutejs/plasma-new-hope';
+
+import { NotificationsProvider } from '../../Notification/Notification';
+
+import {
+    TokenData,
+    TokenDataHeader,
+    TokenInfo,
+    TokensDataWrapper,
+    TokensTitle,
+    TokensWrapper,
+} from './NumberTokens.styles';
+
+const meta: Meta = {
+    title: 'Tokens/Corner Radius',
+    decorators: [InSpacingDecorator],
+};
+
+export default meta;
+
+const themes: Record<string, GroupedNumberTokens> = {
+    'sdds-os:light': getGroupedCornerRadiusTokens(sdds_os__light[0]),
+    'sdds-os:dark': getGroupedCornerRadiusTokens(sdds_os__dark[0]),
+};
+
+const StoryDemo = ({ context }) => {
+    const groupedTokens = themes[context.globals.theme] || themes['sdds-os:light'];
+
+    const copyToClipboard = async (value: string, opacity?: string | null) => {
+        try {
+            await navigator.clipboard.writeText(value + (opacity || ''));
+
+            addNotification({ title: 'Скопировано', view: 'positive', size: 'xxs', role: 'alert' }, 3000);
+        } catch (err) {
+            addNotification(
+                { title: 'Ошибка при копировании текста', view: 'negative', size: 'xxs', role: 'alert' },
+                3000,
+            );
+        }
+    };
+
+    if (!groupedTokens) {
+        return null;
+    }
+
+    return (
+        <TokensWrapper>
+            <TokensTitle>CornerRadius</TokensTitle>
+            <TokensDataWrapper>
+                <TokenDataHeader>
+                    <TokenInfo>Token/</TokenInfo>
+                    <TokenInfo className="value">px</TokenInfo>
+                </TokenDataHeader>
+                <TokenData>
+                    {Object.entries(groupedTokens).map(([tokenName, tokenValue]) => (
+                        <>
+                            <TokenInfo onClick={() => copyToClipboard(tokenName)}>{tokenName}</TokenInfo>
+                            <TokenInfo className="value" onClick={() => copyToClipboard(tokenValue)}>
+                                {tokenValue}
+                            </TokenInfo>
+                        </>
+                    ))}
+                </TokenData>
+            </TokensDataWrapper>
+        </TokensWrapper>
+    );
+};
+
+export const Default: StoryObj = {
+    render: (_, context) => (
+        <NotificationsProvider placement="bottom">
+            <StoryDemo context={context} />
+        </NotificationsProvider>
+    ),
+};
diff --git a/packages/sdds-os/src/components/Tokens/NumberTokens/NumberTokens.styles.ts b/packages/sdds-os/src/components/Tokens/NumberTokens/NumberTokens.styles.ts
new file mode 100644
index 00000000000..255017cdff9
--- /dev/null
+++ b/packages/sdds-os/src/components/Tokens/NumberTokens/NumberTokens.styles.ts
@@ -0,0 +1,74 @@
+import styled from 'styled-components';
+
+export const TokensWrapper = styled.div`
+    margin-top: 1.5rem;
+    margin-left: 3rem;
+
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+`;
+
+export const TokensTitle = styled.h2`
+    margin: 0;
+    font-family: var(--plasma-typo-h2-font-family);
+    font-size: var(--plasma-typo-h2-font-size);
+    font-style: var(--plasma-typo-h2-font-style);
+    font-weight: var(--plasma-typo-h2-font-weight);
+    letter-spacing: var(--plasma-typo-h2-letter-spacing);
+    line-height: var(--plasma-typo-h2-line-height);
+`;
+
+export const TokensDataWrapper = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+
+export const TokenInfo = styled.p`
+    margin: 0;
+    font-family: var(--plasma-typo-body-m-font-family);
+    font-size: var(--plasma-typo-body-m-font-size);
+    font-style: var(--plasma-typo-body-m-font-style);
+    font-weight: var(--plasma-typo-body-m-font-weight);
+    letter-spacing: var(--plasma-typo-body-m-letter-spacing);
+    line-height: var(--plasma-typo-body-m-line-height);
+    cursor: copy;
+
+    color: var(--text-primary);
+
+    &.value {
+        text-align: end;
+    }
+
+    &:hover {
+        color: var(--text-primary-hover);
+    }
+
+    &:active {
+        color: var(--text-primary-active);
+    }
+`;
+
+export const TokenData = styled.div`
+    display: grid;
+    grid-template-columns: 16.75rem 3.813rem;
+    column-gap: 1.5rem;
+    row-gap: 0.75rem;
+`;
+
+export const TokenDataHeader = styled(TokenData)`
+    ${TokenInfo} {
+        color: var(--text-secondary);
+        cursor: default;
+        pointer-events: none;
+
+        &:hover {
+            color: var(--text-secondary);
+        }
+
+        &:active {
+            color: var(--text-secondary);
+        }
+    }
+`;
diff --git a/packages/sdds-os/src/components/Tokens/NumberTokens/Spacing.stories.tsx b/packages/sdds-os/src/components/Tokens/NumberTokens/Spacing.stories.tsx
new file mode 100644
index 00000000000..31ea812fed2
--- /dev/null
+++ b/packages/sdds-os/src/components/Tokens/NumberTokens/Spacing.stories.tsx
@@ -0,0 +1,80 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react-vite';
+import { sdds_os__dark, sdds_os__light } from '@salutejs-ds/sdds_os';
+import { InSpacingDecorator, getGroupedSpacingTokens } from '@salutejs/plasma-sb-utils';
+import type { GroupedNumberTokens } from '@salutejs/plasma-sb-utils';
+import { addNotification } from '@salutejs/plasma-new-hope';
+
+import { NotificationsProvider } from '../../Notification/Notification';
+
+import {
+    TokenData,
+    TokenDataHeader,
+    TokenInfo,
+    TokensDataWrapper,
+    TokensTitle,
+    TokensWrapper,
+} from './NumberTokens.styles';
+
+const meta: Meta = {
+    title: 'Tokens/Spacing',
+    decorators: [InSpacingDecorator],
+};
+
+export default meta;
+
+const themes: Record<string, GroupedNumberTokens> = {
+    'sdds-os:light': getGroupedSpacingTokens(sdds_os__light[0]),
+    'sdds-os:dark': getGroupedSpacingTokens(sdds_os__dark[0]),
+};
+
+const StoryDemo = ({ context }) => {
+    const groupedTokens = themes[context.globals.theme] || themes['sdds-os:light'];
+
+    const copyToClipboard = async (value: string, opacity?: string | null) => {
+        try {
+            await navigator.clipboard.writeText(value + (opacity || ''));
+
+            addNotification({ title: 'Скопировано', view: 'positive', size: 'xxs', role: 'alert' }, 3000);
+        } catch (err) {
+            addNotification(
+                { title: 'Ошибка при копировании текста', view: 'negative', size: 'xxs', role: 'alert' },
+                3000,
+            );
+        }
+    };
+
+    if (!groupedTokens) {
+        return null;
+    }
+
+    return (
+        <TokensWrapper>
+            <TokensTitle>Spacing</TokensTitle>
+            <TokensDataWrapper>
+                <TokenDataHeader>
+                    <TokenInfo>Token/</TokenInfo>
+                    <TokenInfo className="value">px</TokenInfo>
+                </TokenDataHeader>
+                <TokenData>
+                    {Object.entries(groupedTokens).map(([tokenName, tokenValue]) => (
+                        <>
+                            <TokenInfo onClick={() => copyToClipboard(tokenName)}>{tokenName}</TokenInfo>
+                            <TokenInfo className="value" onClick={() => copyToClipboard(tokenValue)}>
+                                {tokenValue}
+                            </TokenInfo>
+                        </>
+                    ))}
+                </TokenData>
+            </TokensDataWrapper>
+        </TokensWrapper>
+    );
+};
+
+export const Default: StoryObj = {
+    render: (_, context) => (
+        <NotificationsProvider placement="bottom">
+            <StoryDemo context={context} />
+        </NotificationsProvider>
+    ),
+};
diff --git a/packages/sdds-os/src/components/Tokens/Typography/Typography.stories.tsx b/packages/sdds-os/src/components/Tokens/Typography/Typography.stories.tsx
new file mode 100644
index 00000000000..f8787d53a70
--- /dev/null
+++ b/packages/sdds-os/src/components/Tokens/Typography/Typography.stories.tsx
@@ -0,0 +1,270 @@
+import React, { Dispatch, FC, SetStateAction, useEffect, useState } from 'react';
+import type { StoryObj, Meta } from '@storybook/react-vite';
+import { sdds_os__dark, sdds_os__light } from '@salutejs-ds/sdds_os';
+import {
+    InSpacingDecorator,
+    getGroupedTypographyTokens,
+    typographyPangrams,
+    upperFirstLetter,
+    typographyToCssMap,
+} from '@salutejs/plasma-sb-utils';
+import { addNotification } from '@salutejs/plasma-new-hope';
+import type {
+    TypographyStructure,
+    Breakpoint,
+    TypographyProperties,
+    TypographyWeight,
+} from '@salutejs/plasma-sb-utils';
+
+import { Accordion } from '../../Accordion/Accordion';
+import { NotificationsProvider } from '../../Notification/Notification';
+
+import {
+    AccordionInfo,
+    AccordionTypographyTitle,
+    BreakpointSwitcher,
+    FontFamily,
+    FontPropsSwitcher,
+    FontWeightSwitcher,
+    StyledAccordionItem,
+    StyledSegmentGroup,
+    StyledSegmentItem,
+    TokenInfo,
+    TokenInfoWrapper,
+    TokenPropName,
+    TokenProps,
+    TokenPropsWrapper,
+    TokenPropValue,
+    TokenShortName,
+    TokenText,
+    TypographyTokensWrapper,
+} from './Typography.styles';
+
+const meta: Meta = {
+    title: 'Tokens/⚠️ Typography',
+    decorators: [InSpacingDecorator],
+};
+
+export default meta;
+
+const themes: Record<string, TypographyStructure> = {
+    'sdds-os:light': getGroupedTypographyTokens(sdds_os__light[0]),
+    'sdds-os:dark': getGroupedTypographyTokens(sdds_os__dark[0]),
+};
+
+type FontWeightControllerProps = {
+    fontWeights: Array<TypographyWeight>;
+    setFontWeight: Dispatch<SetStateAction<TypographyWeight>>;
+};
+
+type BreakpointControllerProps = {
+    breakpoints: Array<Breakpoint>;
+    setBreakPoint: Dispatch<SetStateAction<Breakpoint>>;
+};
+
+type FontControllerProps = {
+    controlledParams: FontWeightControllerProps['fontWeights'] | BreakpointControllerProps['breakpoints'];
+    setCurrentParam: FontWeightControllerProps['setFontWeight'] | BreakpointControllerProps['setBreakPoint'];
+    currentParam: TypographyWeight | Breakpoint;
+};
+
+const FontController: FC<FontControllerProps> = ({ controlledParams, setCurrentParam, currentParam }) => {
+    return (
+        <StyledSegmentGroup>
+            {controlledParams.map((param) => (
+                <StyledSegmentItem
+                    key={`label_${param}`}
+                    type="button"
+                    $isSelected={currentParam === param}
+                    aria-pressed={currentParam === param}
+                    onClick={() => setCurrentParam(param as TypographyWeight & Breakpoint)}
+                >
+                    {upperFirstLetter(param)}
+                </StyledSegmentItem>
+            ))}
+        </StyledSegmentGroup>
+    );
+};
+
+const FontParamsSwitcher: FC<
+    FontWeightControllerProps &
+        BreakpointControllerProps & {
+            fontWeight: TypographyWeight;
+            breakpoint: Breakpoint;
+        }
+> = ({ fontWeights, setFontWeight, fontWeight, breakpoints, setBreakPoint, breakpoint }) => {
+    return (
+        <FontPropsSwitcher>
+            <FontWeightSwitcher>
+                <FontController
+                    controlledParams={fontWeights}
+                    setCurrentParam={setFontWeight}
+                    currentParam={fontWeight}
+                />
+            </FontWeightSwitcher>
+            <BreakpointSwitcher>
+                <FontController
+                    controlledParams={breakpoints}
+                    setCurrentParam={setBreakPoint}
+                    currentParam={breakpoint}
+                />
+            </BreakpointSwitcher>
+        </FontPropsSwitcher>
+    );
+};
+
+type TokenDataProps = {
+    title: string;
+    token: string;
+    size: string;
+    fontFamily: string;
+    fontWeight: TypographyWeight;
+    data: TypographyProperties;
+    copyToClipboard: (value: string) => Promise<void>;
+};
+
+const getFontProps = (fontFamily: string, data: TypographyProperties) => {
+    return Object.entries(data).reduce((acc, [name, value]) => {
+        acc += `${typographyToCssMap[name]}: ${value};\n`;
+        return acc;
+    }, `font-family: ${fontFamily};\n`);
+};
+
+const getFontTokens = (fontFamily: string, title: string, token: string, size: string, isBold) => {
+    return Object.values(typographyToCssMap).reduce((acc, value) => {
+        const tokenName = title === 'header' ? '' : `${token}-`;
+        const boldPart = isBold && value === 'font-weight' ? 'bold-' : '';
+        const fullTokenName = `--plasma-typo-${tokenName}${size}-${boldPart}`;
+
+        acc += `${value}: var(${fullTokenName}${value});\n`;
+        return acc;
+    }, `font-family: ${fontFamily};\n`);
+};
+
+const TokenData: FC<TokenDataProps> = ({ title, token, size, fontFamily, fontWeight, data, copyToClipboard }) => {
+    const actualTitle = title === 'header' ? size : title + size.toLocaleUpperCase();
+    const isBold = fontWeight === 'bold';
+
+    const copyFontTokens = () => {
+        const fontTokens = getFontTokens(fontFamily, title, token, size, isBold);
+        copyToClipboard(fontTokens);
+    };
+
+    const copyFontProps = () => {
+        const fontProps = getFontProps(fontFamily, data);
+        copyToClipboard(fontProps);
+    };
+
+    return (
+        <AccordionInfo>
+            <TokenShortName onClick={copyFontTokens}>
+                {actualTitle} {fontWeight.charAt(0).toLocaleUpperCase()}
+            </TokenShortName>
+
+            <TokenInfo>
+                <TokenText {...data} isDisplay={token === 'dspl'}>
+                    {typographyPangrams[token]}
+                </TokenText>
+                <TokenPropsWrapper onClick={copyFontProps}>
+                    {Object.entries(data).map(([name, value]) => {
+                        const cleanValue =
+                            name === 'fontSize' || name === 'lineHeight'
+                                ? Number(value.replace('rem', '')) * 16
+                                : value;
+                        return (
+                            <TokenProps>
+                                <TokenPropValue>{cleanValue}</TokenPropValue>
+                                <TokenPropName>{name}</TokenPropName>
+                            </TokenProps>
+                        );
+                    })}
+                </TokenPropsWrapper>
+            </TokenInfo>
+        </AccordionInfo>
+    );
+};
+
+const StoryDemoTypography = ({ context }) => {
+    const groupedTokens = themes[context.globals.theme] || themes['sdds-os:light'];
+
+    const actualFontWeights = Object.keys(groupedTokens) as Array<TypographyWeight>;
+    const [fontWeight, setFontWeight] = useState<TypographyWeight>(actualFontWeights[0]);
+
+    const actualBreakpoints = Object.keys(groupedTokens[fontWeight]) as Array<Breakpoint>;
+    const [breakpoint, setBreakpoint] = useState<Breakpoint>(actualBreakpoints[0]);
+
+    useEffect(() => {
+        setBreakpoint(actualBreakpoints[0]);
+    }, [fontWeight]);
+
+    const copyToClipboard = async (value: string) => {
+        try {
+            await navigator.clipboard.writeText(value);
+
+            addNotification({ title: 'Скопировано', view: 'positive', size: 'xxs', role: 'alert' }, 3000);
+        } catch (err) {
+            addNotification(
+                { title: 'Ошибка при копировании текста', view: 'negative', size: 'xxs', role: 'alert' },
+                3000,
+            );
+        }
+    };
+
+    if (!groupedTokens[fontWeight][breakpoint]) {
+        return null;
+    }
+
+    return (
+        <TypographyTokensWrapper>
+            <FontParamsSwitcher
+                fontWeights={actualFontWeights}
+                setFontWeight={setFontWeight}
+                fontWeight={fontWeight}
+                breakpoints={actualBreakpoints}
+                setBreakPoint={setBreakpoint}
+                breakpoint={breakpoint}
+            />
+            <Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
+                {Object.entries(groupedTokens[fontWeight][breakpoint]).map(([token, { fontFamily, sizes }], index) => {
+                    const title = token === 'dspl' ? 'display' : token;
+
+                    return (
+                        <StyledAccordionItem
+                            key={title + fontFamily}
+                            eventKey={index}
+                            type="arrow"
+                            title={
+                                <AccordionTypographyTitle>
+                                    {upperFirstLetter(title)} <FontFamily>{fontFamily}</FontFamily>
+                                </AccordionTypographyTitle>
+                            }
+                        >
+                            <TokenInfoWrapper>
+                                {Object.entries(sizes).map(([size, data]) => (
+                                    <TokenData
+                                        key={size + title}
+                                        title={title}
+                                        fontWeight={fontWeight}
+                                        fontFamily={fontFamily}
+                                        token={token}
+                                        size={size}
+                                        data={data}
+                                        copyToClipboard={copyToClipboard}
+                                    />
+                                ))}
+                            </TokenInfoWrapper>
+                        </StyledAccordionItem>
+                    );
+                })}
+            </Accordion>
+        </TypographyTokensWrapper>
+    );
+};
+
+export const Default: StoryObj = {
+    render: (_, context) => (
+        <NotificationsProvider placement="bottom">
+            <StoryDemoTypography context={context} />
+        </NotificationsProvider>
+    ),
+};
diff --git a/packages/sdds-os/src/components/Tokens/Typography/Typography.styles.ts b/packages/sdds-os/src/components/Tokens/Typography/Typography.styles.ts
new file mode 100644
index 00000000000..e171ceddf81
--- /dev/null
+++ b/packages/sdds-os/src/components/Tokens/Typography/Typography.styles.ts
@@ -0,0 +1,202 @@
+import styled from 'styled-components';
+import { bodyXS, bodyM } from '@salutejs/plasma-new-hope';
+
+import { AccordionItem } from '../../Accordion';
+
+export const TypographyTokensWrapper = styled.div`
+    width: 100%;
+    margin: 1.5rem auto auto 2.5rem;
+`;
+
+export const FontPropsSwitcher = styled.div`
+    margin: -0.5rem 0 2.5rem;
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    position: relative;
+    box-sizing: border-box;
+`;
+
+export const FontWeightSwitcher = styled.div`
+    position: absolute;
+    top: 0;
+    left: 0;
+`;
+
+export const BreakpointSwitcher = styled.div`
+    width: fit-content;
+
+    position: relative;
+
+    &:before {
+        content: 'Экран';
+        position: absolute;
+        top: 50%;
+        transform: translate(-100%, -50%);
+        left: -0.75rem;
+        color: var(--text-tertiary);
+
+        ${bodyXS};
+    }
+`;
+
+export const StyledSegmentGroup = styled.div`
+    display: flex;
+    align-items: center;
+    gap: 0.125rem;
+    padding: 0.125rem;
+    border-radius: 999rem;
+    background: var(--surface-transparent-secondary);
+`;
+
+export const StyledSegmentItem = styled.button<{ $isSelected?: boolean }>`
+    height: 1.75rem;
+    padding: 0.375rem 0.5rem;
+    border: 0;
+    border-radius: 999rem;
+    cursor: pointer;
+    color: ${({ $isSelected }) => ($isSelected ? 'var(--text-primary)' : 'var(--text-secondary)')};
+    background: ${({ $isSelected }) => ($isSelected ? 'var(--surface-solid-primary)' : 'transparent')};
+
+    ${bodyXS};
+
+    &:hover {
+        color: var(--text-primary);
+        background: ${({ $isSelected }) =>
+            $isSelected ? 'var(--surface-solid-primary)' : 'var(--surface-transparent-secondary-hover)'};
+    }
+`;
+
+export const AccordionTypographyTitle = styled.div`
+    color: var(--text-secondary);
+
+    ${bodyM};
+`;
+
+export const FontFamily = styled.span`
+    color: var(--text-tertiary);
+`;
+
+export const AccordionInfo = styled.div`
+    display: grid;
+    grid-template-columns: 16.75rem 35.75rem;
+    grid-column-gap: 1.5rem;
+
+    max-width: 55.5rem;
+`;
+
+export const StyledAccordionItem = styled(AccordionItem)`
+    --plasma-accordion-item-padding: 0;
+    --plasma-accordion-item-padding-vertical: 0;
+
+    border-bottom: unset;
+
+    .accordion-item-body {
+        margin-bottom: 2rem;
+        padding-top: 0.125rem;
+        transition: margin-bottom 0.2s, padding-top 0.2s;
+    }
+
+    [aria-expanded] {
+        margin-bottom: 1rem;
+    }
+
+    [aria-expanded='false'] {
+        margin-bottom: 1.125rem;
+
+        ${AccordionInfo} {
+            opacity: 0;
+        }
+    }
+
+    [aria-expanded='false'] + div > .accordion-item-body {
+        margin: 0;
+        padding: 0;
+    }
+`;
+
+export const TokenInfoWrapper = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 2rem;
+`;
+
+export const TokenShortName = styled.div`
+    cursor: copy;
+    color: var(--text-primary);
+
+    ${bodyM};
+
+    &:hover {
+        color: var(--text-primary-hover);
+    }
+
+    &:active {
+        color: var(--text-primary-active);
+    }
+`;
+
+export const TokenInfo = styled.div`
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+`;
+
+export const TokenText = styled.div<{
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    letterSpacing: string;
+    fontStyle: string;
+    isDisplay: boolean;
+}>`
+    color: var(--text-primary);
+
+    font-size: ${({ fontSize }) => fontSize};
+    font-weight: ${({ fontWeight }) => fontWeight};
+    line-height: ${({ lineHeight }) => lineHeight};
+    letter-spacing: ${({ letterSpacing }) => letterSpacing};
+    font-style: ${({ fontStyle }) => fontStyle};
+
+    white-space: ${({ isDisplay }) => (isDisplay ? 'nowrap' : 'normal')};
+`;
+
+export const TokenPropValue = styled.div`
+    color: var(--text-paragraph);
+`;
+
+export const TokenPropName = styled.div`
+    color: var(--text-tertiary);
+`;
+
+export const TokenPropsWrapper = styled.div`
+    cursor: copy;
+    width: fit-content;
+
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+
+    ${bodyXS};
+
+    &:hover {
+        ${TokenPropValue} {
+            color: var(--text-paragraph-hover);
+        }
+    }
+
+    &:active {
+        ${TokenPropValue} {
+            color: var(--text-paragraph-active);
+        }
+
+        ${TokenPropName} {
+            color: var(--text-tertiary-active);
+        }
+    }
+`;
+
+export const TokenProps = styled.div`
+    display: flex;
+    gap: 1rem;
+`;
diff --git a/packages/sdds-os/src/components/Toolbar/Toolbar.config.ts b/packages/sdds-os/src/components/Toolbar/Toolbar.config.ts
index 5b4b52090ff..37a0277b386 100644
--- a/packages/sdds-os/src/components/Toolbar/Toolbar.config.ts
+++ b/packages/sdds-os/src/components/Toolbar/Toolbar.config.ts
@@ -12,7 +12,7 @@ export const config = {
                 ${toolbarTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);
                 ${toolbarTokens.background}: var(--surface-solid-card-brightness);
 
-                ${toolbarTokens.dividerColor}: var(--surface-transparent-tertiary);
+                ${toolbarTokens.dividerColor}: var(--surface-solid-tertiary);
             `,
         },
         size: {
diff --git a/packages/sdds-os/src/components/Tree/Tree.config.ts b/packages/sdds-os/src/components/Tree/Tree.config.ts
index 17970e0eee0..8333d908f67 100644
--- a/packages/sdds-os/src/components/Tree/Tree.config.ts
+++ b/packages/sdds-os/src/components/Tree/Tree.config.ts
@@ -14,11 +14,11 @@ export const config = {
                 ${tokens.arrowColorActive}: var(--text-secondary-active);
                 ${tokens.color}: var(--text-primary);
                 ${tokens.colorSelected}: var(--text-primary);
-                ${tokens.itemBackgroundColorSelected}: var(--surface-transparent-secondary);
+                ${tokens.itemBackgroundColorSelected}: var(--surface-solid-secondary);
                 ${tokens.itemBackgroundColorPrimary}: transparent;
 
-                ${tokens.itemBackgroundColorHover}: var(--surface-transparent-secondary-hover);
-                ${tokens.itemBackgroundColorActive}: var(--surface-transparent-secondary-active);
+                ${tokens.itemBackgroundColorHover}: var(--surface-solid-secondary-hover);
+                ${tokens.itemBackgroundColorActive}: var(--surface-solid-secondary-active);
                 ${tokens.checkboxBorderColor}: var(--text-secondary);
                 ${tokens.checkboxBackgroundColor}: var(--text-accent);
                 ${tokens.itemDisabledOpacity}: 0.4;
diff --git a/packages/sdds-os/src/components/ViewContainer/ViewContainer.config.ts b/packages/sdds-os/src/components/ViewContainer/ViewContainer.config.ts
index 00d7bf5533c..aca1da2dd0f 100644
--- a/packages/sdds-os/src/components/ViewContainer/ViewContainer.config.ts
+++ b/packages/sdds-os/src/components/ViewContainer/ViewContainer.config.ts
@@ -1,5 +1,5 @@
 import { css } from '@salutejs/plasma-new-hope/styled-components';
-import { viewContainer } from '@salutejs/sdds-themes/tokens/sdds_serv';
+import { viewContainer } from '@salutejs-ds/sdds_os';
 
 export const config = {
     variations: {
diff --git a/packages/sdds-os/src/index.ts b/packages/sdds-os/src/index.ts
index 2bbcaaed480..968835f2879 100644
--- a/packages/sdds-os/src/index.ts
+++ b/packages/sdds-os/src/index.ts
@@ -68,5 +68,4 @@ export * from './components/Typography';
 
 // Others
 export * from './mixins';
-export * from './tokens';
 export * from './types';
diff --git a/packages/sdds-os/src/mixins/index.ts b/packages/sdds-os/src/mixins/index.ts
index 458c8a4f393..b932a68c487 100644
--- a/packages/sdds-os/src/mixins/index.ts
+++ b/packages/sdds-os/src/mixins/index.ts
@@ -1,5 +1,5 @@
 import { createApplyPaperMixin } from '@salutejs/plasma-new-hope/styled-components';
-import * as allTokens from '@salutejs/sdds-themes/tokens/sdds_serv';
+import * as allTokens from '@salutejs-ds/sdds_os';
 
 export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
 export { addScrollbar } from '../components/Scrollbar/Scrollbar';
diff --git a/packages/sdds-os/src/tokens/index.ts b/packages/sdds-os/src/tokens/index.ts
deleted file mode 100644
index 5ea0f8161e2..00000000000
--- a/packages/sdds-os/src/tokens/index.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-export {
-    dsplL,
-    dsplLBold,
-    dsplM,
-    dsplMBold,
-    dsplS,
-    dsplSBold,
-    h1,
-    h1Bold,
-    h2,
-    h2Bold,
-    h3,
-    h3Bold,
-    h4,
-    h4Bold,
-    h5,
-    h5Bold,
-    bodyL,
-    bodyLBold,
-    bodyM,
-    bodyMBold,
-    bodyS,
-    bodySBold,
-    bodyXS,
-    bodyXSBold,
-    bodyXXS,
-    bodyXXSBold,
-    textL,
-    textLBold,
-    textM,
-    textMBold,
-    textS,
-    textSBold,
-    textXS,
-    textXSBold,
-} from '@salutejs/sdds-themes/tokens';
-
-export * from '@salutejs/sdds-themes/tokens/sdds_serv';
diff --git a/utils/plasma-cy-utils/lib/CypressDecorator.js b/utils/plasma-cy-utils/lib/CypressDecorator.js
index 1a8dfd0234d..1813b3a7a7d 100644
--- a/utils/plasma-cy-utils/lib/CypressDecorator.js
+++ b/utils/plasma-cy-utils/lib/CypressDecorator.js
@@ -8,6 +8,7 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = require("styled-components");
 var plasma_themes_1 = require("@salutejs/plasma-themes");
 var sdds_themes_1 = require("@salutejs/sdds-themes");
+var sdds_os_1 = require("@salutejs-ds/sdds_os");
 // plasma-ui
 var themes_1 = require("@salutejs/plasma-tokens/themes");
 // plasma-b2c
@@ -21,7 +22,7 @@ var ThemeCS = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_cs__
 var ThemeINSOL = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_insol__light);
 var ThemeSERV = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_serv__light);
 var ThemeSCAN = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_scan__light);
-var ThemeOS = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_os__light);
+var ThemeOS = (0, styled_components_1.createGlobalStyle)(sdds_os_1.sdds_os__light);
 var ThemePLATFORMAI = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_platform_ai__light);
 var ThemeFINAI = (0, styled_components_1.createGlobalStyle)(sdds_themes_1.sdds_finai__light);
 var ThemeHOMEDS = (0, styled_components_1.createGlobalStyle)(plasma_themes_1.plasma_homeds__light);
diff --git a/utils/plasma-cy-utils/package-lock.json b/utils/plasma-cy-utils/package-lock.json
index 458d0eaa40d..a2f207ff958 100644
--- a/utils/plasma-cy-utils/package-lock.json
+++ b/utils/plasma-cy-utils/package-lock.json
@@ -10,6 +10,7 @@
       "license": "MIT",
       "devDependencies": {
         "@cypress/react": "5.12.0",
+        "@salutejs-ds/sdds_os": "0.1.2",
         "@types/node": "18.16.20",
         "@types/react": "18.0.28",
         "@types/react-dom": "18.0.11",
@@ -27,12 +28,13 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.1.1"
       },
@@ -40,40 +42,129 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.3.tgz",
+      "integrity": "sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
     "node_modules/@babel/generator": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz",
-      "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==",
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.27.5",
-        "@babel/types": "^7.27.3",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
-      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
-      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -88,21 +179,47 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
       "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
       "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
-      "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.3.tgz",
+      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.27.3"
+        "@babel/types": "^7.29.0"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -111,46 +228,76 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz",
+      "integrity": "sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
-      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/parser": "^7.27.2",
-        "@babel/types": "^7.27.1"
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.27.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
-      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.3",
-        "@babel/parser": "^7.27.4",
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.27.3",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.6.tgz",
-      "integrity": "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/helper-validator-identifier": "^7.28.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -209,18 +356,101 @@
         }
       }
     },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz",
+      "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/memoize": "^0.9.0"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
+      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/react": {
+      "version": "0.27.16",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.16.tgz",
+      "integrity": "sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.1.6",
+        "@floating-ui/utils": "^0.2.10",
+        "tabbable": "^6.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=17.0.0",
+        "react-dom": ">=17.0.0"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
+      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.7.4"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
+      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/resolve-uri": {
@@ -228,35 +458,317 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true,
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "dev": true
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@linaria/core": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@linaria/core/-/core-5.0.2.tgz",
+      "integrity": "sha512-l5jQq7w9kDvonfr/0MBF47Dagx9Y9f/o5Q8j3zv7GepwG/yHQdbjKr0tq07rx2fSDDX7Nbqlxk6k9Ymir/NGpg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@linaria/logger": "^5.0.0",
+        "@linaria/tags": "^5.0.2",
+        "@linaria/utils": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@linaria/logger": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@linaria/logger/-/logger-5.0.0.tgz",
+      "integrity": "sha512-PZd5H0I4F84U0kXSE+vD75ltIGDxEA6gMDNWS2aDZFitmdlQM5rIXqvKFrp5NsHa7a3AH+I2Hxm0dg60WZF7vg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@linaria/react": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@linaria/react/-/react-5.0.3.tgz",
+      "integrity": "sha512-faTQHnUlrAz0Lodu+rr6Yx59rX0nqFOrZ5/IdlfQcTRz9VebyVL4vtA3AOecmn1YFZjMpqjopT0OzNz6GknQSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@linaria/core": "^5.0.2",
+        "@linaria/tags": "^5.0.2",
+        "@linaria/utils": "^5.0.2",
+        "minimatch": "^9.0.3",
+        "react-html-attributes": "^1.4.6",
+        "ts-invariant": "^0.10.3"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16"
+      }
+    },
+    "node_modules/@linaria/tags": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-5.0.2.tgz",
+      "integrity": "sha512-opcORl2sA6WkBjTNLHTgpet97dNKnwPRX/QGGZMykBsvGH3AsnEg/bT31cKBMBhL+YBGQsCdBmolxvCkWPOXQw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/generator": "^7.22.15",
+        "@linaria/logger": "^5.0.0",
+        "@linaria/utils": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@linaria/utils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-5.0.2.tgz",
+      "integrity": "sha512-ZL8Yz4IIr9A8a5+o5LRnEpgdzIkyj4yKJrhw5Zv8wwvL+d/MHUK0q+l/KvxBmuYdcF+YYVHZ9eeBHTQBSL7r/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.22.15",
+        "@babel/generator": "^7.22.15",
+        "@babel/plugin-transform-modules-commonjs": "^7.22.15",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.22.15",
+        "@babel/types": "^7.22.15",
+        "@linaria/logger": "^5.0.0",
+        "babel-merge": "^3.0.0",
+        "find-up": "^5.0.0",
+        "minimatch": "^9.0.3"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@salutejs-ds/sdds_os": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@salutejs-ds/sdds_os/-/sdds_os-0.1.2.tgz",
+      "integrity": "sha512-TDcxeiZcmcqFi3Hn/V2w6oItQ2WrjVhws4OqGIrH+b5UaAU/FhSzK5tpjgStWVsKB5FmgJ7Bfx593RIMBgSUZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@salutejs/plasma-new-hope": "0.341.0-canary.1983.19295272379.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.3.1"
+      }
+    },
+    "node_modules/@salutejs/input-core": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@salutejs/input-core/-/input-core-2.1.2.tgz",
+      "integrity": "sha512-Y4tNTtmz7R50DysojQac2Z8JIKK1JSRCc7P7D7IefQQeFaeLbBTXbXAkMuBipTRXDR3kLs2AHSMcbKbrQRW3qw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@salutejs/plasma-core": {
+      "version": "1.209.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.209.0.tgz",
+      "integrity": "sha512-p/CONmaSx7dZfX30KmjQ5mkZETnvtcl9H5JzWWKJpy/orJIg3GeUvNSrgIsY7MdVhdP+GwfBKTxdDnhebXheyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@popperjs/core": "2.9.2",
+        "@salutejs/plasma-typo": "0.42.0",
+        "focus-visible": "5.2.0",
+        "lodash.throttle": "4.1.1",
+        "react-draggable": "4.4.3",
+        "react-popper": "2.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs/plasma-core/node_modules/@popperjs/core": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
+      "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@salutejs/plasma-core/node_modules/react-draggable": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz",
+      "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "prop-types": "^15.6.0"
+      }
+    },
+    "node_modules/@salutejs/plasma-new-hope": {
+      "version": "0.341.0-canary.1983.19295272379.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.341.0-canary.1983.19295272379.0.tgz",
+      "integrity": "sha512-Yyc99jrRrFB8JsYUwPWfzBuxe+G1fQ4FvIb9neictsvyXsMS2Wh8gypiHjVYNnRk2rzBa9rV9ZpNuEdLpBp+uw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "1.7.4",
+        "@floating-ui/react": "0.27.16",
+        "@floating-ui/react-dom": "2.1.6",
+        "@linaria/core": "5.0.2",
+        "@linaria/react": "5.0.3",
+        "@popperjs/core": "2.11.8",
+        "@salutejs/input-core": "2.1.2",
+        "@salutejs/plasma-core": "1.209.0",
+        "@salutejs/react-maskinput": "3.3.0",
+        "@tanstack/react-table": "8.21.2",
+        "@tanstack/react-virtual": "3.13.2",
+        "classnames": "2.5.1",
+        "dayjs": "1.11.11",
+        "focus-visible": "5.2.0",
+        "lodash.chunk": "4.2.0",
+        "lodash.throttle": "4.1.1",
+        "rc-tree": "5.11.0",
+        "re-resizable": "6.10.3",
+        "react-draggable": "4.5.0",
+        "react-hot-toast": "2.5.2",
+        "react-number-format": "5.4.3",
+        "react-popper": "2.3.0",
+        "storeon": "3.1.5"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1"
+      }
+    },
+    "node_modules/@salutejs/plasma-typo": {
+      "version": "0.42.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.42.0.tgz",
+      "integrity": "sha512-oHv+1dMM28gookePdvsA8/C4N/bTwrqjjnIHsKmlQPcetoue2jlmvUeM7j4M+587hWpaoIPqKpJOy8cPb7hy6Q==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.1.1"
+      }
+    },
+    "node_modules/@salutejs/react-maskinput": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/react-maskinput/-/react-maskinput-3.3.0.tgz",
+      "integrity": "sha512-3J2AhUs7e9sMPm2cUN8dBOPKkyZPPO8/85XQBjh4+20pml8STTULWF4NSsMRUC0GsBT/W8Ou6yck+x2hCGLWAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@salutejs/input-core": "^2.1.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.2.tgz",
+      "integrity": "sha512-11tNlEDTdIhMJba2RBH+ecJ9l1zgS2kjmexDPAraulc8jeNA4xocSNeyzextT0XJyASil4XsCYlJmf5jEWAtYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.2.tgz",
+      "integrity": "sha512-LceSUgABBKF6HSsHK2ZqHzQ37IKV/jlaWbHm+NyTa3/WNb/JZVcThDuTainf+PixltOOcFCYXwxbLpOX9sCx+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.2.tgz",
+      "integrity": "sha512-uvXk/U4cBiFMxt+p9/G7yUWI/UbHYbyghLCjlpWZ3mLeIZiUBSKcUnw9UnKkdRz7Z/N4UBuFLWQdJCjUe7HjvA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.2.tgz",
+      "integrity": "sha512-Qzz4EgzMbO5gKrmqUondCjiHcuu4B1ftHb0pjCut661lXZdGoHeze9f/M8iwsK1t5LGR6aNuNGU7mxkowaW6RQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
     "node_modules/@types/hoist-non-react-statics": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.6.tgz",
@@ -384,6 +896,28 @@
         "node": ">= 4.5.0"
       }
     },
+    "node_modules/babel-merge": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/babel-merge/-/babel-merge-3.0.0.tgz",
+      "integrity": "sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deepmerge": "^2.2.1",
+        "object.omit": "^3.0.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/base": {
       "version": "0.11.2",
       "dev": true,
@@ -434,6 +968,29 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.27",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.27.tgz",
+      "integrity": "sha512-zEs/ufmZoUd7WftKpKyXaT6RFxpQ5Qm9xytKRHvJfxFV9DFJkZph9RvJ1LcOUi0Z1ZVijMte65JbILeV+8QQEA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
     "node_modules/braces": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
@@ -446,6 +1003,40 @@
         "node": ">=8"
       }
     },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
     "node_modules/cache-base": {
       "version": "1.0.1",
       "dev": true,
@@ -474,6 +1065,27 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001791",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz",
+      "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
     "node_modules/check-more-types": {
       "version": "2.24.0",
       "dev": true,
@@ -520,6 +1132,23 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/collection-visit": {
       "version": "1.0.0",
       "dev": true,
@@ -532,6 +1161,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/copy-descriptor": {
       "version": "0.1.1",
       "dev": true,
@@ -554,6 +1190,13 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "dev": true
     },
+    "node_modules/dayjs": {
+      "version": "1.11.11",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz",
+      "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/debug": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
@@ -580,6 +1223,16 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/deepmerge": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
+      "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-property": {
       "version": "2.0.2",
       "dev": true,
@@ -605,6 +1258,23 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.349",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.349.tgz",
+      "integrity": "sha512-QsWVGyRuY07Aqb234QytTfwd5d9AJlfNIQ5wIOl1L+PZDzI9d9+Fn0FRale/QYlFxt/bUnB0/nLd1jFPGxGK1A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/expand-brackets": {
       "version": "2.1.4",
       "dev": true,
@@ -763,6 +1433,23 @@
         "node": ">=8"
       }
     },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/find-webpack": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/find-webpack/-/find-webpack-2.2.1.tgz",
@@ -995,6 +1682,13 @@
         "micromatch": "^4.0.2"
       }
     },
+    "node_modules/focus-visible": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.2.0.tgz",
+      "integrity": "sha512-Rwix9pBtC1Nuy5wysTmKy+UjbDJpIfg8eHjw0rjZ1mX4GNLz1Bmd16uDpI3Gk1i70Fgcs8Csg2lPm8HULFg9DQ==",
+      "dev": true,
+      "license": "W3C"
+    },
     "node_modules/for-in": {
       "version": "1.0.2",
       "dev": true,
@@ -1023,6 +1717,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/get-value": {
       "version": "2.0.6",
       "dev": true,
@@ -1031,12 +1735,14 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/globals": {
-      "version": "11.12.0",
+    "node_modules/goober": {
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
+      "integrity": "sha512-2vFqsaDVIT9Gz7N6kAL++pLpp41l3PfDuusHcjnGLfR6+huZkl6ziX+zgVC3ZxpqWhzH6pyDdGrCeDhMIvwaxw==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=4"
+      "peerDependencies": {
+        "csstype": "^3.0.10"
       }
     },
     "node_modules/graceful-fs": {
@@ -1124,6 +1830,13 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/html-element-attributes": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/html-element-attributes/-/html-element-attributes-1.3.1.tgz",
+      "integrity": "sha512-UrRKgp5sQmRnDy4TEwAUsu14XBUlzKB8U3hjIYDjcZ3Hbp86Jtftzxfgrv6E/ii/h78tsaZwAnAE8HwnHr0dPA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/is-accessor-descriptor": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
@@ -1222,6 +1935,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/lazy-ass": {
       "version": "1.6.0",
       "dev": true,
@@ -1230,6 +1956,36 @@
         "node": "> 0.8"
       }
     },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.chunk": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.chunk/-/lodash.chunk-4.2.0.tgz",
+      "integrity": "sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "dev": true,
@@ -1241,6 +1997,16 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
     "node_modules/map-cache": {
       "version": "0.2.2",
       "dev": true,
@@ -1273,6 +2039,22 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/mixin-deep": {
       "version": "1.3.2",
       "dev": true,
@@ -1320,6 +2102,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object-copy": {
       "version": "0.1.0",
       "dev": true,
@@ -1379,6 +2178,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object.omit": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-3.0.0.tgz",
+      "integrity": "sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extendable": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object.pick": {
       "version": "1.3.0",
       "dev": true,
@@ -1390,45 +2202,206 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/pascalcase": {
-      "version": "0.1.1",
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pascalcase": {
+      "version": "0.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/posix-character-classes": {
+      "version": "0.1.1",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/ramda": {
+      "version": "0.26.1",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/rc-motion": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-resize-observer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.1",
+        "resize-observer-polyfill": "^1.5.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
+      }
+    },
+    "node_modules/rc-tree": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.11.0.tgz",
+      "integrity": "sha512-AAe4SNAug6GDvyfhbzzxURibBXZQK1USpTLkZa97CgOGDgFKL0brnBVyMR1xQpnCaiIR3QawRuJosYRDrU1bYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      },
+      "engines": {
+        "node": ">=10.x"
+      },
+      "peerDependencies": {
+        "react": "*",
+        "react-dom": "*"
+      }
+    },
+    "node_modules/rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
       }
     },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
-      "dev": true
+    "node_modules/rc-util/node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+    "node_modules/rc-virtual-list": {
+      "version": "3.19.2",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.19.2.tgz",
+      "integrity": "sha512-Ys6NcjwGkuwkeaWBDqfI3xWuZ7rDiQXlH1o2zLfFzATfEgXcqpk8CkgMfbJD81McqjcJVez25a3kPxCR807evA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      },
       "engines": {
-        "node": ">=8.6"
+        "node": ">=8.x"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+      "peerDependencies": {
+        "react": ">=16.9.0",
+        "react-dom": ">=16.9.0"
       }
     },
-    "node_modules/posix-character-classes": {
-      "version": "0.1.1",
+    "node_modules/re-resizable": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/re-resizable/-/re-resizable-6.10.3.tgz",
+      "integrity": "sha512-zvWb7X3RJMA4cuSrqoxgs3KR+D+pEXnGrD2FAD6BMYAULnZsSF4b7AOVyG6pC3VVNVOtlagGDCDmZSwWLjjBBw==",
       "dev": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
+      "peerDependencies": {
+        "react": "^16.13.1 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
-    "node_modules/ramda": {
-      "version": "0.26.1",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -1454,11 +2427,88 @@
         "react": "^18.2.0"
       }
     },
+    "node_modules/react-draggable": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.5.0.tgz",
+      "integrity": "sha512-VC+HBLEZ0XJxnOxVAZsdRi8rD04Iz3SiiKOoYzamjylUcju/hP9np/aZdLHf/7WOD268WMoNJMvYfB5yAK45cw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3.0",
+        "react-dom": ">= 16.3.0"
+      }
+    },
+    "node_modules/react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/react-hot-toast": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.5.2.tgz",
+      "integrity": "sha512-Tun3BbCxzmXXM7C+NI4qiv6lT0uwGh4oAfeJyNOjYUejTsm35mK9iCaYLGv8cBz9L5YxZLx/2ii7zsIwPtPUdw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.1.3",
+        "goober": "^2.1.16"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+      }
+    },
+    "node_modules/react-html-attributes": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/react-html-attributes/-/react-html-attributes-1.4.6.tgz",
+      "integrity": "sha512-uS3MmThNKFH2EZUQQw4k5pIcU7XIr208UE5dktrj/GOH1CMagqxDl4DCLpt3o2l9x+IB5nVYBeN3Cr4IutBXAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "html-element-attributes": "^1.0.0"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/react-number-format": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/react-number-format/-/react-number-format-5.4.3.tgz",
+      "integrity": "sha512-VCY5hFg/soBighAoGcdE+GagkJq0230qN6jcS5sp8wQX1qy1fYN/RX7/BXkrs0oyzzwqR8/+eSUrqXbGeywdUQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^0.14 || ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/react-popper": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
+      "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "react-fast-compare": "^3.0.1",
+        "warning": "^4.0.2"
+      },
+      "peerDependencies": {
+        "@popperjs/core": "^2.0.0",
+        "react": "^16.8.0 || ^17 || ^18",
+        "react-dom": "^16.8.0 || ^17 || ^18"
+      }
+    },
     "node_modules/regex-not": {
       "version": "1.0.2",
       "dev": true,
@@ -1479,6 +2529,13 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/resolve-url": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -1511,6 +2568,16 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/set-value": {
       "version": "2.0.1",
       "dev": true,
@@ -1758,6 +2825,28 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/storeon": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/storeon/-/storeon-3.1.5.tgz",
+      "integrity": "sha512-VuW4GQr3LGQr+gqscqsOz2c9asK9N+B+8+sWs7Pj4OqU7bngYIqsPF3IYpkbmccKNWjs7wwxUAlR+gtL9cEMEg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "preact": ">=10.0.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "preact": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/styled-components": {
       "version": "5.1.1",
       "dev": true,
@@ -1905,6 +2994,13 @@
         "node": ">=4"
       }
     },
+    "node_modules/tabbable": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.4.0.tgz",
+      "integrity": "sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/to-object-path": {
       "version": "0.3.0",
       "dev": true,
@@ -1953,6 +3049,26 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/ts-invariant": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz",
+      "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
     "node_modules/typescript": {
       "version": "5.6.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
@@ -2032,6 +3148,37 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
     "node_modules/urix": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
@@ -2046,163 +3193,541 @@
       "engines": {
         "node": ">=0.10.0"
       }
+    },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     }
   },
   "dependencies": {
     "@babel/code-frame": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.27.1.tgz",
-      "integrity": "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==",
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
       "dev": true,
       "requires": {
-        "@babel/helper-validator-identifier": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.1.1"
       }
     },
+    "@babel/compat-data": {
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.3.tgz",
+      "integrity": "sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==",
+      "dev": true
+    },
+    "@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      }
+    },
     "@babel/generator": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.27.5.tgz",
-      "integrity": "sha512-ZGhA37l0e/g2s1Cnzdix0O3aLYm66eF8aufiVteOgnwxgnRP8GoyMj7VWsgWnQbVKXyge7hqrFh2K2TQM6t1Hw==",
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
       "dev": true,
       "requires": {
-        "@babel/parser": "^7.27.5",
-        "@babel/types": "^7.27.3",
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25",
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
         "jsesc": "^3.0.2"
       }
     },
-    "@babel/helper-module-imports": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.27.1.tgz",
-      "integrity": "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==",
+    "@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      }
+    },
+    "@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "requires": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true
+    },
+    "@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true
+    },
+    "@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true
+    },
+    "@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      }
+    },
+    "@babel/parser": {
+      "version": "7.29.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.3.tgz",
+      "integrity": "sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.29.0"
+      }
+    },
+    "@babel/plugin-transform-modules-commonjs": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz",
+      "integrity": "sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helper-plugin-utils": "^7.28.6"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz",
+      "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==",
+      "dev": true
+    },
+    "@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      }
+    },
+    "@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "requires": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      }
+    },
+    "@cypress/mount-utils": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@cypress/mount-utils/-/mount-utils-1.0.2.tgz",
+      "integrity": "sha512-Fn3fdTiyayHoy8Ol0RSu4MlBH2maQ2ZEXeEVKl/zHHXEQpld5HX3vdNLhK5YLij8cLynA4DxOT/nO9iEnIiOXw==",
+      "dev": true
+    },
+    "@cypress/react": {
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/@cypress/react/-/react-5.12.0.tgz",
+      "integrity": "sha512-SfkXf9Mg03gsOziOTo8oVhhwnEPF/3Vw13t9wE2crmRZsbLg1IaFKYDFKIvcMq821TDWkiU+xfjRZsOTQ05+LA==",
+      "dev": true,
+      "requires": {
+        "@cypress/mount-utils": "1.0.2",
+        "debug": "^4.3.2",
+        "find-webpack": "2.2.1",
+        "find-yarn-workspace-root": "2.0.0"
+      }
+    },
+    "@emotion/is-prop-valid": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz",
+      "integrity": "sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==",
+      "dev": true,
+      "requires": {
+        "@emotion/memoize": "^0.9.0"
+      }
+    },
+    "@emotion/memoize": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz",
+      "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==",
+      "dev": true
+    },
+    "@floating-ui/core": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
+      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "@floating-ui/react": {
+      "version": "0.27.16",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react/-/react-0.27.16.tgz",
+      "integrity": "sha512-9O8N4SeG2z++TSM8QA/KTeKFBVCNEz/AGS7gWPJf6KFRzmRWixFRnCnkPHRDwSVZW6QPDO6uT0P2SpWNKCc9/g==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/react-dom": "^2.1.6",
+        "@floating-ui/utils": "^0.2.10",
+        "tabbable": "^6.0.0"
+      }
+    },
+    "@floating-ui/react-dom": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.6.tgz",
+      "integrity": "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/dom": "^1.7.4"
+      }
+    },
+    "@floating-ui/utils": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
+      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
+      "dev": true
+    },
+    "@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
       "dev": true,
       "requires": {
-        "@babel/traverse": "^7.27.1",
-        "@babel/types": "^7.27.1"
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
       }
     },
-    "@babel/helper-plugin-utils": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.27.1.tgz",
-      "integrity": "sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==",
+    "@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true
     },
-    "@babel/helper-string-parser": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
-      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+    "@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
       "dev": true
     },
-    "@babel/helper-validator-identifier": {
-      "version": "7.27.1",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.27.1.tgz",
-      "integrity": "sha512-D2hP9eA+Sqx1kBZgzxZh0y1trbuU+JoDkiEwqhQ36nodYqJwyEIhPSdMNd7lOm/4io72luTPWH20Yda0xOuUow==",
-      "dev": true
+    "@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "requires": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
     },
-    "@babel/parser": {
-      "version": "7.27.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.27.5.tgz",
-      "integrity": "sha512-OsQd175SxWkGlzbny8J3K8TnnDD0N3lrIUtB92xwyRpzaenGZhxDvxN/JgU00U3CDZNj9tPuDJ5H0WS4Nt3vKg==",
+    "@linaria/core": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@linaria/core/-/core-5.0.2.tgz",
+      "integrity": "sha512-l5jQq7w9kDvonfr/0MBF47Dagx9Y9f/o5Q8j3zv7GepwG/yHQdbjKr0tq07rx2fSDDX7Nbqlxk6k9Ymir/NGpg==",
       "dev": true,
       "requires": {
-        "@babel/types": "^7.27.3"
+        "@linaria/logger": "^5.0.0",
+        "@linaria/tags": "^5.0.2",
+        "@linaria/utils": "^5.0.2"
       }
     },
-    "@babel/template": {
-      "version": "7.27.2",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
-      "integrity": "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==",
+    "@linaria/logger": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@linaria/logger/-/logger-5.0.0.tgz",
+      "integrity": "sha512-PZd5H0I4F84U0kXSE+vD75ltIGDxEA6gMDNWS2aDZFitmdlQM5rIXqvKFrp5NsHa7a3AH+I2Hxm0dg60WZF7vg==",
       "dev": true,
       "requires": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/parser": "^7.27.2",
-        "@babel/types": "^7.27.1"
+        "debug": "^4.3.4",
+        "picocolors": "^1.0.0"
       }
     },
-    "@babel/traverse": {
-      "version": "7.27.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.27.4.tgz",
-      "integrity": "sha512-oNcu2QbHqts9BtOWJosOVJapWjBDSxGCpFvikNR5TGDYDQf3JwpIoMzIKrvfoti93cLfPJEG4tH9SPVeyCGgdA==",
+    "@linaria/react": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@linaria/react/-/react-5.0.3.tgz",
+      "integrity": "sha512-faTQHnUlrAz0Lodu+rr6Yx59rX0nqFOrZ5/IdlfQcTRz9VebyVL4vtA3AOecmn1YFZjMpqjopT0OzNz6GknQSg==",
       "dev": true,
       "requires": {
-        "@babel/code-frame": "^7.27.1",
-        "@babel/generator": "^7.27.3",
-        "@babel/parser": "^7.27.4",
-        "@babel/template": "^7.27.2",
-        "@babel/types": "^7.27.3",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
+        "@emotion/is-prop-valid": "^1.2.0",
+        "@linaria/core": "^5.0.2",
+        "@linaria/tags": "^5.0.2",
+        "@linaria/utils": "^5.0.2",
+        "minimatch": "^9.0.3",
+        "react-html-attributes": "^1.4.6",
+        "ts-invariant": "^0.10.3"
       }
     },
-    "@babel/types": {
-      "version": "7.27.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.27.6.tgz",
-      "integrity": "sha512-ETyHEk2VHHvl9b9jZP5IHPavHYk57EhanlRRuae9XCpb/j5bDCbPPMOBfCWhnl/7EDJz0jEMCi/RhccCE8r1+Q==",
+    "@linaria/tags": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@linaria/tags/-/tags-5.0.2.tgz",
+      "integrity": "sha512-opcORl2sA6WkBjTNLHTgpet97dNKnwPRX/QGGZMykBsvGH3AsnEg/bT31cKBMBhL+YBGQsCdBmolxvCkWPOXQw==",
       "dev": true,
       "requires": {
-        "@babel/helper-string-parser": "^7.27.1",
-        "@babel/helper-validator-identifier": "^7.27.1"
+        "@babel/generator": "^7.22.15",
+        "@linaria/logger": "^5.0.0",
+        "@linaria/utils": "^5.0.2"
       }
     },
-    "@cypress/mount-utils": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@cypress/mount-utils/-/mount-utils-1.0.2.tgz",
-      "integrity": "sha512-Fn3fdTiyayHoy8Ol0RSu4MlBH2maQ2ZEXeEVKl/zHHXEQpld5HX3vdNLhK5YLij8cLynA4DxOT/nO9iEnIiOXw==",
+    "@linaria/utils": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@linaria/utils/-/utils-5.0.2.tgz",
+      "integrity": "sha512-ZL8Yz4IIr9A8a5+o5LRnEpgdzIkyj4yKJrhw5Zv8wwvL+d/MHUK0q+l/KvxBmuYdcF+YYVHZ9eeBHTQBSL7r/w==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.22.15",
+        "@babel/generator": "^7.22.15",
+        "@babel/plugin-transform-modules-commonjs": "^7.22.15",
+        "@babel/template": "^7.22.15",
+        "@babel/traverse": "^7.22.15",
+        "@babel/types": "^7.22.15",
+        "@linaria/logger": "^5.0.0",
+        "babel-merge": "^3.0.0",
+        "find-up": "^5.0.0",
+        "minimatch": "^9.0.3"
+      }
+    },
+    "@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
       "dev": true
     },
-    "@cypress/react": {
-      "version": "5.12.0",
-      "resolved": "https://registry.npmjs.org/@cypress/react/-/react-5.12.0.tgz",
-      "integrity": "sha512-SfkXf9Mg03gsOziOTo8oVhhwnEPF/3Vw13t9wE2crmRZsbLg1IaFKYDFKIvcMq821TDWkiU+xfjRZsOTQ05+LA==",
+    "@salutejs-ds/sdds_os": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@salutejs-ds/sdds_os/-/sdds_os-0.1.2.tgz",
+      "integrity": "sha512-TDcxeiZcmcqFi3Hn/V2w6oItQ2WrjVhws4OqGIrH+b5UaAU/FhSzK5tpjgStWVsKB5FmgJ7Bfx593RIMBgSUZw==",
       "dev": true,
       "requires": {
-        "@cypress/mount-utils": "1.0.2",
-        "debug": "^4.3.2",
-        "find-webpack": "2.2.1",
-        "find-yarn-workspace-root": "2.0.0"
+        "@salutejs/plasma-new-hope": "0.341.0-canary.1983.19295272379.0"
       }
     },
-    "@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+    "@salutejs/input-core": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@salutejs/input-core/-/input-core-2.1.2.tgz",
+      "integrity": "sha512-Y4tNTtmz7R50DysojQac2Z8JIKK1JSRCc7P7D7IefQQeFaeLbBTXbXAkMuBipTRXDR3kLs2AHSMcbKbrQRW3qw==",
+      "dev": true
+    },
+    "@salutejs/plasma-core": {
+      "version": "1.209.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-core/-/plasma-core-1.209.0.tgz",
+      "integrity": "sha512-p/CONmaSx7dZfX30KmjQ5mkZETnvtcl9H5JzWWKJpy/orJIg3GeUvNSrgIsY7MdVhdP+GwfBKTxdDnhebXheyQ==",
       "dev": true,
       "requires": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@popperjs/core": "2.9.2",
+        "@salutejs/plasma-typo": "0.42.0",
+        "focus-visible": "5.2.0",
+        "lodash.throttle": "4.1.1",
+        "react-draggable": "4.4.3",
+        "react-popper": "2.3.0"
+      },
+      "dependencies": {
+        "@popperjs/core": {
+          "version": "2.9.2",
+          "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.2.tgz",
+          "integrity": "sha512-VZMYa7+fXHdwIq1TDhSXoVmSPEGM/aa+6Aiq3nVVJ9bXr24zScr+NlKFKC3iPljA7ho/GAZr+d2jOf5GIRC30Q==",
+          "dev": true
+        },
+        "react-draggable": {
+          "version": "4.4.3",
+          "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz",
+          "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==",
+          "dev": true,
+          "requires": {
+            "classnames": "^2.2.5",
+            "prop-types": "^15.6.0"
+          }
+        }
       }
     },
-    "@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+    "@salutejs/plasma-new-hope": {
+      "version": "0.341.0-canary.1983.19295272379.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-new-hope/-/plasma-new-hope-0.341.0-canary.1983.19295272379.0.tgz",
+      "integrity": "sha512-Yyc99jrRrFB8JsYUwPWfzBuxe+G1fQ4FvIb9neictsvyXsMS2Wh8gypiHjVYNnRk2rzBa9rV9ZpNuEdLpBp+uw==",
+      "dev": true,
+      "requires": {
+        "@floating-ui/dom": "1.7.4",
+        "@floating-ui/react": "0.27.16",
+        "@floating-ui/react-dom": "2.1.6",
+        "@linaria/core": "5.0.2",
+        "@linaria/react": "5.0.3",
+        "@popperjs/core": "2.11.8",
+        "@salutejs/input-core": "2.1.2",
+        "@salutejs/plasma-core": "1.209.0",
+        "@salutejs/react-maskinput": "3.3.0",
+        "@tanstack/react-table": "8.21.2",
+        "@tanstack/react-virtual": "3.13.2",
+        "classnames": "2.5.1",
+        "dayjs": "1.11.11",
+        "focus-visible": "5.2.0",
+        "lodash.chunk": "4.2.0",
+        "lodash.throttle": "4.1.1",
+        "rc-tree": "5.11.0",
+        "re-resizable": "6.10.3",
+        "react-draggable": "4.5.0",
+        "react-hot-toast": "2.5.2",
+        "react-number-format": "5.4.3",
+        "react-popper": "2.3.0",
+        "storeon": "3.1.5"
+      }
+    },
+    "@salutejs/plasma-typo": {
+      "version": "0.42.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/plasma-typo/-/plasma-typo-0.42.0.tgz",
+      "integrity": "sha512-oHv+1dMM28gookePdvsA8/C4N/bTwrqjjnIHsKmlQPcetoue2jlmvUeM7j4M+587hWpaoIPqKpJOy8cPb7hy6Q==",
       "dev": true
     },
-    "@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "dev": true
+    "@salutejs/react-maskinput": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@salutejs/react-maskinput/-/react-maskinput-3.3.0.tgz",
+      "integrity": "sha512-3J2AhUs7e9sMPm2cUN8dBOPKkyZPPO8/85XQBjh4+20pml8STTULWF4NSsMRUC0GsBT/W8Ou6yck+x2hCGLWAA==",
+      "dev": true,
+      "requires": {
+        "@salutejs/input-core": "^2.1.2"
+      }
     },
-    "@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "dev": true
+    "@tanstack/react-table": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.2.tgz",
+      "integrity": "sha512-11tNlEDTdIhMJba2RBH+ecJ9l1zgS2kjmexDPAraulc8jeNA4xocSNeyzextT0XJyASil4XsCYlJmf5jEWAtYg==",
+      "dev": true,
+      "requires": {
+        "@tanstack/table-core": "8.21.2"
+      }
     },
-    "@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+    "@tanstack/react-virtual": {
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.13.2.tgz",
+      "integrity": "sha512-LceSUgABBKF6HSsHK2ZqHzQ37IKV/jlaWbHm+NyTa3/WNb/JZVcThDuTainf+PixltOOcFCYXwxbLpOX9sCx+g==",
       "dev": true,
       "requires": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+        "@tanstack/virtual-core": "3.13.2"
       }
     },
+    "@tanstack/table-core": {
+      "version": "8.21.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.2.tgz",
+      "integrity": "sha512-uvXk/U4cBiFMxt+p9/G7yUWI/UbHYbyghLCjlpWZ3mLeIZiUBSKcUnw9UnKkdRz7Z/N4UBuFLWQdJCjUe7HjvA==",
+      "dev": true
+    },
+    "@tanstack/virtual-core": {
+      "version": "3.13.2",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.2.tgz",
+      "integrity": "sha512-Qzz4EgzMbO5gKrmqUondCjiHcuu4B1ftHb0pjCut661lXZdGoHeze9f/M8iwsK1t5LGR6aNuNGU7mxkowaW6RQ==",
+      "dev": true
+    },
     "@types/hoist-non-react-statics": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.6.tgz",
@@ -2306,6 +3831,22 @@
       "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
       "dev": true
     },
+    "babel-merge": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/babel-merge/-/babel-merge-3.0.0.tgz",
+      "integrity": "sha512-eBOBtHnzt9xvnjpYNI5HmaPp/b2vMveE5XggzqHnQeHJ8mFIBrBv6WZEVIj5jJ2uwTItkqKo9gWzEEcBxEq0yw==",
+      "dev": true,
+      "requires": {
+        "deepmerge": "^2.2.1",
+        "object.omit": "^3.0.0"
+      }
+    },
+    "balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
+    },
     "base": {
       "version": "0.11.2",
       "dev": true,
@@ -2344,6 +3885,21 @@
         }
       }
     },
+    "baseline-browser-mapping": {
+      "version": "2.10.27",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.27.tgz",
+      "integrity": "sha512-zEs/ufmZoUd7WftKpKyXaT6RFxpQ5Qm9xytKRHvJfxFV9DFJkZph9RvJ1LcOUi0Z1ZVijMte65JbILeV+8QQEA==",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.1.0.tgz",
+      "integrity": "sha512-TN1kCZAgdgweJhWWpgKYrQaMNHcDULHkWwQIspdtjV4Y5aurRdZpjAqn6yX3FPqTA9ngHCc4hJxMAMgGfve85w==",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0"
+      }
+    },
     "braces": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
@@ -2353,6 +3909,19 @@
         "fill-range": "^7.1.1"
       }
     },
+    "browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "requires": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      }
+    },
     "cache-base": {
       "version": "1.0.1",
       "dev": true,
@@ -2376,6 +3945,12 @@
         }
       }
     },
+    "caniuse-lite": {
+      "version": "1.0.30001791",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz",
+      "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==",
+      "dev": true
+    },
     "check-more-types": {
       "version": "2.24.0",
       "dev": true
@@ -2411,6 +3986,18 @@
         }
       }
     },
+    "classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "dev": true
+    },
+    "clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "dev": true
+    },
     "collection-visit": {
       "version": "1.0.0",
       "dev": true,
@@ -2419,6 +4006,12 @@
         "object-visit": "^1.0.0"
       }
     },
+    "convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
     "copy-descriptor": {
       "version": "0.1.1",
       "dev": true
@@ -2433,6 +4026,12 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "dev": true
     },
+    "dayjs": {
+      "version": "1.11.11",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz",
+      "integrity": "sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==",
+      "dev": true
+    },
     "debug": {
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
@@ -2448,6 +4047,12 @@
       "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
       "dev": true
     },
+    "deepmerge": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
+      "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==",
+      "dev": true
+    },
     "define-property": {
       "version": "2.0.2",
       "dev": true,
@@ -2468,6 +4073,18 @@
         }
       }
     },
+    "electron-to-chromium": {
+      "version": "1.5.349",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.349.tgz",
+      "integrity": "sha512-QsWVGyRuY07Aqb234QytTfwd5d9AJlfNIQ5wIOl1L+PZDzI9d9+Fn0FRale/QYlFxt/bUnB0/nLd1jFPGxGK1A==",
+      "dev": true
+    },
+    "escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true
+    },
     "expand-brackets": {
       "version": "2.1.4",
       "dev": true,
@@ -2585,6 +4202,16 @@
         "to-regex-range": "^5.0.1"
       }
     },
+    "find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "requires": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      }
+    },
     "find-webpack": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/find-webpack/-/find-webpack-2.2.1.tgz",
@@ -2785,6 +4412,12 @@
         "micromatch": "^4.0.2"
       }
     },
+    "focus-visible": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.2.0.tgz",
+      "integrity": "sha512-Rwix9pBtC1Nuy5wysTmKy+UjbDJpIfg8eHjw0rjZ1mX4GNLz1Bmd16uDpI3Gk1i70Fgcs8Csg2lPm8HULFg9DQ==",
+      "dev": true
+    },
     "for-in": {
       "version": "1.0.2",
       "dev": true
@@ -2802,12 +4435,20 @@
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
       "dev": true
     },
+    "gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true
+    },
     "get-value": {
       "version": "2.0.6",
       "dev": true
     },
-    "globals": {
-      "version": "11.12.0",
+    "goober": {
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
+      "integrity": "sha512-2vFqsaDVIT9Gz7N6kAL++pLpp41l3PfDuusHcjnGLfR6+huZkl6ziX+zgVC3ZxpqWhzH6pyDdGrCeDhMIvwaxw==",
       "dev": true
     },
     "graceful-fs": {
@@ -2876,6 +4517,12 @@
         "react-is": "^16.7.0"
       }
     },
+    "html-element-attributes": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/html-element-attributes/-/html-element-attributes-1.3.1.tgz",
+      "integrity": "sha512-UrRKgp5sQmRnDy4TEwAUsu14XBUlzKB8U3hjIYDjcZ3Hbp86Jtftzxfgrv6E/ii/h78tsaZwAnAE8HwnHr0dPA==",
+      "dev": true
+    },
     "is-accessor-descriptor": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
@@ -2940,10 +4587,37 @@
       "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "dev": true
     },
+    "json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true
+    },
     "lazy-ass": {
       "version": "1.6.0",
       "dev": true
     },
+    "locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "requires": {
+        "p-locate": "^5.0.0"
+      }
+    },
+    "lodash.chunk": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.chunk/-/lodash.chunk-4.2.0.tgz",
+      "integrity": "sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==",
+      "dev": true
+    },
+    "lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+      "dev": true
+    },
     "loose-envify": {
       "version": "1.4.0",
       "dev": true,
@@ -2951,6 +4625,15 @@
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
     },
+    "lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "requires": {
+        "yallist": "^3.0.2"
+      }
+    },
     "map-cache": {
       "version": "0.2.2",
       "dev": true
@@ -2972,6 +4655,15 @@
         "picomatch": "^2.3.1"
       }
     },
+    "minimatch": {
+      "version": "9.0.9",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.9.tgz",
+      "integrity": "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^2.0.2"
+      }
+    },
     "mixin-deep": {
       "version": "1.3.2",
       "dev": true,
@@ -3009,6 +4701,18 @@
         }
       }
     },
+    "node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "dev": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true
+    },
     "object-copy": {
       "version": "0.1.0",
       "dev": true,
@@ -3053,6 +4757,15 @@
         "isobject": "^3.0.0"
       }
     },
+    "object.omit": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-3.0.0.tgz",
+      "integrity": "sha512-EO+BCv6LJfu+gBIF3ggLicFebFLN5zqzz/WWJlMFfkMyGth+oBkhxzDl0wx2W4GkLzuQs/FsSkXZb2IMWQqmBQ==",
+      "dev": true,
+      "requires": {
+        "is-extendable": "^1.0.0"
+      }
+    },
     "object.pick": {
       "version": "1.3.0",
       "dev": true,
@@ -3060,10 +4773,34 @@
         "isobject": "^3.0.1"
       }
     },
+    "p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "requires": {
+        "yocto-queue": "^0.1.0"
+      }
+    },
+    "p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "requires": {
+        "p-limit": "^3.0.2"
+      }
+    },
     "pascalcase": {
       "version": "0.1.1",
       "dev": true
     },
+    "path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true
+    },
     "picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -3080,10 +4817,93 @@
       "version": "0.1.1",
       "dev": true
     },
+    "prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
     "ramda": {
       "version": "0.26.1",
       "dev": true
     },
+    "rc-motion": {
+      "version": "2.9.5",
+      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
+      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.11.1",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.0"
+      }
+    },
+    "rc-resize-observer": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
+      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.20.7",
+        "classnames": "^2.2.1",
+        "rc-util": "^5.44.1",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
+    "rc-tree": {
+      "version": "5.11.0",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.11.0.tgz",
+      "integrity": "sha512-AAe4SNAug6GDvyfhbzzxURibBXZQK1USpTLkZa97CgOGDgFKL0brnBVyMR1xQpnCaiIR3QawRuJosYRDrU1bYA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.10.1",
+        "classnames": "2.x",
+        "rc-motion": "^2.0.1",
+        "rc-util": "^5.16.1",
+        "rc-virtual-list": "^3.5.1"
+      }
+    },
+    "rc-util": {
+      "version": "5.44.4",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.4.tgz",
+      "integrity": "sha512-resueRJzmHG9Q6rI/DfK6Kdv9/Lfls05vzMs1Sk3M2P+3cJa+MakaZyWY8IPfehVuhPJFKrIY1IK4GqbiaiY5w==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.18.3",
+        "react-is": "^18.2.0"
+      },
+      "dependencies": {
+        "react-is": {
+          "version": "18.3.1",
+          "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+          "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+          "dev": true
+        }
+      }
+    },
+    "rc-virtual-list": {
+      "version": "3.19.2",
+      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.19.2.tgz",
+      "integrity": "sha512-Ys6NcjwGkuwkeaWBDqfI3xWuZ7rDiQXlH1o2zLfFzATfEgXcqpk8CkgMfbJD81McqjcJVez25a3kPxCR807evA==",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.20.0",
+        "classnames": "^2.2.6",
+        "rc-resize-observer": "^1.0.0",
+        "rc-util": "^5.36.0"
+      }
+    },
+    "re-resizable": {
+      "version": "6.10.3",
+      "resolved": "https://registry.npmjs.org/re-resizable/-/re-resizable-6.10.3.tgz",
+      "integrity": "sha512-zvWb7X3RJMA4cuSrqoxgs3KR+D+pEXnGrD2FAD6BMYAULnZsSF4b7AOVyG6pC3VVNVOtlagGDCDmZSwWLjjBBw==",
+      "dev": true
+    },
     "react": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
@@ -3103,10 +4923,61 @@
         "scheduler": "^0.23.0"
       }
     },
+    "react-draggable": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.5.0.tgz",
+      "integrity": "sha512-VC+HBLEZ0XJxnOxVAZsdRi8rD04Iz3SiiKOoYzamjylUcju/hP9np/aZdLHf/7WOD268WMoNJMvYfB5yAK45cw==",
+      "dev": true,
+      "requires": {
+        "clsx": "^2.1.1",
+        "prop-types": "^15.8.1"
+      }
+    },
+    "react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
+      "dev": true
+    },
+    "react-hot-toast": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.5.2.tgz",
+      "integrity": "sha512-Tun3BbCxzmXXM7C+NI4qiv6lT0uwGh4oAfeJyNOjYUejTsm35mK9iCaYLGv8cBz9L5YxZLx/2ii7zsIwPtPUdw==",
+      "dev": true,
+      "requires": {
+        "csstype": "^3.1.3",
+        "goober": "^2.1.16"
+      }
+    },
+    "react-html-attributes": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/react-html-attributes/-/react-html-attributes-1.4.6.tgz",
+      "integrity": "sha512-uS3MmThNKFH2EZUQQw4k5pIcU7XIr208UE5dktrj/GOH1CMagqxDl4DCLpt3o2l9x+IB5nVYBeN3Cr4IutBXAg==",
+      "dev": true,
+      "requires": {
+        "html-element-attributes": "^1.0.0"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "dev": true
     },
+    "react-number-format": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/react-number-format/-/react-number-format-5.4.3.tgz",
+      "integrity": "sha512-VCY5hFg/soBighAoGcdE+GagkJq0230qN6jcS5sp8wQX1qy1fYN/RX7/BXkrs0oyzzwqR8/+eSUrqXbGeywdUQ==",
+      "dev": true
+    },
+    "react-popper": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
+      "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
+      "dev": true,
+      "requires": {
+        "react-fast-compare": "^3.0.1",
+        "warning": "^4.0.2"
+      }
+    },
     "regex-not": {
       "version": "1.0.2",
       "dev": true,
@@ -3119,6 +4990,12 @@
       "version": "1.6.1",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==",
+      "dev": true
+    },
     "resolve-url": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
@@ -3145,6 +5022,12 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true
+    },
     "set-value": {
       "version": "2.0.1",
       "dev": true,
@@ -3332,6 +5215,12 @@
         }
       }
     },
+    "storeon": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/storeon/-/storeon-3.1.5.tgz",
+      "integrity": "sha512-VuW4GQr3LGQr+gqscqsOz2c9asK9N+B+8+sWs7Pj4OqU7bngYIqsPF3IYpkbmccKNWjs7wwxUAlR+gtL9cEMEg==",
+      "dev": true
+    },
     "styled-components": {
       "version": "5.1.1",
       "dev": true,
@@ -3448,6 +5337,12 @@
         }
       }
     },
+    "tabbable": {
+      "version": "6.4.0",
+      "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-6.4.0.tgz",
+      "integrity": "sha512-05PUHKSNE8ou2dwIxTngl4EzcnsCDZGJ/iCLtDflR/SHB/ny14rXc+qU5P4mG9JkusiV7EivzY9Mhm55AzAvCg==",
+      "dev": true
+    },
     "to-object-path": {
       "version": "0.3.0",
       "dev": true,
@@ -3483,6 +5378,21 @@
         "is-number": "^7.0.0"
       }
     },
+    "ts-invariant": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/ts-invariant/-/ts-invariant-0.10.3.tgz",
+      "integrity": "sha512-uivwYcQaxAucv1CzRp2n/QdYPo4ILf9VXgH19zEIjFx2EJufV16P0JtJVpYHy89DItG6Kwj2oIUjrcK5au+4tQ==",
+      "dev": true,
+      "requires": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true
+    },
     "typescript": {
       "version": "5.6.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz",
@@ -3537,6 +5447,16 @@
         }
       }
     },
+    "update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "requires": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      }
+    },
     "urix": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
@@ -3546,6 +5466,27 @@
     "use": {
       "version": "3.1.1",
       "dev": true
+    },
+    "warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true
+    },
+    "yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true
     }
   }
 }
diff --git a/utils/plasma-cy-utils/package.json b/utils/plasma-cy-utils/package.json
index 45028647d9b..b437e0ee852 100644
--- a/utils/plasma-cy-utils/package.json
+++ b/utils/plasma-cy-utils/package.json
@@ -32,6 +32,7 @@
     "@salutejs/plasma-tokens-web": "1.69.0",
     "@salutejs/plasma-typo": "0.42.0",
     "@salutejs/sdds-themes": "0.63.0",
+    "@salutejs-ds/sdds_os": "0.1.2",
     "@types/node": "18.16.20",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
diff --git a/utils/plasma-cy-utils/src/CypressDecorator.tsx b/utils/plasma-cy-utils/src/CypressDecorator.tsx
index bc403424e26..c4180d95a84 100644
--- a/utils/plasma-cy-utils/src/CypressDecorator.tsx
+++ b/utils/plasma-cy-utils/src/CypressDecorator.tsx
@@ -7,10 +7,10 @@ import {
     sdds_insol__light,
     sdds_serv__light,
     sdds_scan__light,
-    sdds_os__light,
     sdds_platform_ai__light,
     sdds_finai__light,
 } from '@salutejs/sdds-themes';
+import { sdds_os__light } from '@salutejs-ds/sdds_os';
 // plasma-ui
 import { darkSber } from '@salutejs/plasma-tokens/themes';
 // plasma-b2c