Merge branch 'main' into feat-progress-text

src/components/Icon/Icon.scss

@@ -3,7 +3,6 @@
 $block: '.#{variables.$ns}icon';
 
 #{$block} {
-    color: inherit;
     line-height: 0;
     vertical-align: top;
 }

src/components/Select/components/SelectList/OptionWrap.tsx

@@ -20,8 +20,12 @@ type OptionWrapProps = {
 };
 
 const DefaultOption = ({option}: DefaultOptionProps) => {
-    const {content, children, disabled} = option;
-    return <span className={b('option-default-label', {disabled})}>{content || children}</span>;
+    const {content, children, disabled, title} = option;
+    return (
+        <span title={title} className={b('option-default-label', {disabled})}>
+            {content || children}
+        </span>
+    );
 };
 
 export const OptionWrap = (props: OptionWrapProps) => {

styles/styles.scss

@@ -73,3 +73,18 @@
 :root:has(body.g-root_theme_dark-hc) {
     color-scheme: dark;
 }
+
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        /* stylelint-disable-next-line declaration-no-important */
+        scroll-behavior: auto !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        transition-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-duration: 0.001ms !important;
+        /* stylelint-disable-next-line declaration-no-important */
+        animation-iteration-count: 1 !important;
+    }
+}