@salutejs/plasma-new-hope 0.272.0-canary.1770.13398571521.0 → 0.272.0-canary.1776.13400228272.0

package/emotion/cjs/examples/plasma_b2c/components/Range/Range.stories.tsx

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconChevronLeft } from '../../../../components/_Icon';
@@ -45,10 +45,7 @@ const meta: Meta<typeof Range> = {
             control: {
                 type: 'select',
             },
-            if: {
-                arg: 'required',
-                truthy: true,
-            },
+            if: { arg: 'required', truthy: true },
         },
         ...disableProps(['view']),
     },
@@ -79,14 +76,10 @@ const getSizeForIcon = (size) => {
     return size;
 };
 
-const ActionButton = ({ size, readOnly }) => {
+const ActionButton = ({ size }) => {
     return (
-        <IconButton view="clear" size={size} disabled={readOnly}>
-            <IconChevronLeft
-                color={readOnly ? 'var(--text-secondary)' : 'inherit'}
-                size={getSizeForIcon(size)}
-                style={{ transform: 'rotate(180deg)' }}
-            />
+        <IconButton view="clear" size={size}>
+            <IconChevronLeft color="inherit" size={getSizeForIcon(size)} />
         </IconButton>
     );
 };
@@ -122,7 +115,7 @@ const StoryDefault = ({
             firstValue={firstValue}
             secondValue={secondValue}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-            contentRight={enableContentRight ? <ActionButton size={size} readOnly={rest.readOnly} /> : undefined}
+            contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
             firstTextfieldContentLeft={
                 enableFirstTextfieldContentLeft ? <IconPlaceholder size={iconSize} /> : undefined
             }
@@ -273,7 +266,7 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, size, ...rest }: Sto
             firstValueSuccess={firstValueSuccess}
             secondValueSuccess={secondValueSuccess}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
-            contentRight={enableContentRight ? <ActionButton size={size} readOnly={rest.readOnly} /> : undefined}
+            contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
             onChangeFirstValue={(e) => {
                 handleChangeValue(
                     e,