@hh.ru/magritte-ui-stepper 1.2.3 → 1.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Content.js +1 -1
- package/Content.js.map +1 -1
- package/Marker.js +1 -1
- package/Marker.js.map +1 -1
- package/Step.js +1 -1
- package/Step.js.map +1 -1
- package/Stepper.js +1 -1
- package/Stepper.js.map +1 -1
- package/index.css +62 -62
- package/index.js +1 -1
- package/index.mock.js.map +1 -1
- package/package.json +7 -7
- package/stepper-BgxBwusO.js +5 -0
- package/stepper-BgxBwusO.js.map +1 -0
- package/stepper-CTN_mWOU.js +0 -5
- package/stepper-CTN_mWOU.js.map +0 -1
package/Content.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, Fragment } from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
6
|
-
import { s as styles } from './stepper-
|
|
6
|
+
import { s as styles } from './stepper-BgxBwusO.js';
|
|
7
7
|
|
|
8
8
|
const StepperContent = forwardRef(({ children, onClick }, ref) => {
|
|
9
9
|
const Wrapper = onClick ? 'button' : Fragment;
|
package/Content.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Content.js","sources":["
|
|
1
|
+
{"version":3,"file":"Content.js","sources":["src/Content.tsx"],"sourcesContent":["import {\n type PropsWithChildren,\n type FC,\n type LegacyRef,\n type ForwardRefExoticComponent,\n type RefAttributes,\n Fragment,\n forwardRef,\n} from 'react';\nimport classNames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\n\nimport styles from './stepper.less';\n\ninterface ContentProps {\n onClick?: VoidFunction;\n}\n\nexport const StepperContent: FC<PropsWithChildren<ContentProps>> = forwardRef<\n HTMLElement,\n PropsWithChildren<ContentProps>\n>(({ children, onClick }, ref) => {\n const Wrapper = onClick ? 'button' : Fragment;\n const isDisabled = useDisabled();\n const wrapperProps = onClick\n ? ({\n className: styles.stepButton,\n onClick,\n disabled: isDisabled || undefined,\n 'data-qa': 'magritte-stepper-step-content',\n type: 'button',\n } as const)\n : {};\n\n return (\n <div\n className={classNames(styles.contentContainer, { [styles.contentInteractive]: onClick })}\n ref={ref as LegacyRef<HTMLDivElement>}\n {...(onClick ? {} : { 'data-qa': 'magritte-stepper-step-content' })}\n >\n <Wrapper {...wrapperProps}>{children}</Wrapper>\n </div>\n );\n}) as ForwardRefExoticComponent<PropsWithChildren & RefAttributes<HTMLElement>>;\n\nStepperContent.displayName = 'StepperContent';\n"],"names":["_jsx","classNames"],"mappings":";;;;;;AAmBO,MAAM,cAAc,GAAwC,UAAU,CAG3E,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,GAAG,KAAI;IAC7B,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC9C,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,OAAO;AACxB,UAAG;YACG,SAAS,EAAE,MAAM,CAAC,UAAU;YAC5B,OAAO;YACP,QAAQ,EAAE,UAAU,IAAI,SAAS;AACjC,YAAA,SAAS,EAAE,+BAA+B;AAC1C,YAAA,IAAI,EAAE,QAAQ;AACP,SAAA;UACX,EAAE,CAAC;IAET,QACIA,aACI,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,CAAC,MAAM,CAAC,kBAAkB,GAAG,OAAO,EAAE,CAAC,EACxF,GAAG,EAAE,GAAgC,EAAA,IAChC,OAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,+BAA+B,EAAE,GAAC,QAAA,EAEnED,GAAC,CAAA,OAAO,EAAK,EAAA,GAAA,YAAY,YAAG,QAAQ,EAAA,CAAW,EAC7C,CAAA,EACR;AACN,CAAC,EAA+E;AAEhF,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
|
package/Marker.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
5
5
|
import { isIconElement, IconDynamic } from '@hh.ru/magritte-ui-icon';
|
|
6
|
-
import { s as styles } from './stepper-
|
|
6
|
+
import { s as styles } from './stepper-BgxBwusO.js';
|
|
7
7
|
|
|
8
8
|
const StepperMarker = ({ children, size }) => {
|
|
9
9
|
const isIcon = isIconElement(children);
|
package/Marker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Marker.js","sources":["
|
|
1
|
+
{"version":3,"file":"Marker.js","sources":["src/Marker.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { isIconElement, IconDynamic } from '@hh.ru/magritte-ui-icon';\n\nimport styles from './stepper.less';\n\nexport interface StepperMarkerProps extends PropsWithChildren {\n size?: 16 | 40;\n}\n\nexport const StepperMarker: FC<StepperMarkerProps> = ({ children, size }) => {\n const isIcon = isIconElement(children);\n const isDisabled = useDisabled();\n const style = size ? { minWidth: `${size}px`, minHeight: `${size}px` } : {};\n\n return (\n <div\n className={classnames(styles.markerContainer, {\n [styles.markerContainerDisabled]: isDisabled,\n [styles.markerContainerWithIcon]: isIcon,\n })}\n role=\"img\"\n style={style}\n >\n <div className={styles.markerWrapper}>\n <IconDynamic>{children}</IconDynamic>\n </div>\n </div>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAYa,MAAA,aAAa,GAA2B,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAI;AACxE,IAAA,MAAM,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;AACvC,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,IAAI,GAAG,EAAE,QAAQ,EAAE,CAAG,EAAA,IAAI,IAAI,EAAE,SAAS,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE,CAAC;IAE5E,QACIA,aACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,eAAe,EAAE;AAC1C,YAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,UAAU;AAC5C,YAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,MAAM;SAC3C,CAAC,EACF,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,KAAK,EAEZ,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAChC,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAe,CAAA,EAAA,CACnC,EACJ,CAAA,EACR;AACN;;;;"}
|
package/Step.js
CHANGED
|
@@ -4,7 +4,7 @@ import { forwardRef, isValidElement, Children, cloneElement } from 'react';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
|
|
6
6
|
import { StepperContent } from './Content.js';
|
|
7
|
-
import { s as styles } from './stepper-
|
|
7
|
+
import { s as styles } from './stepper-BgxBwusO.js';
|
|
8
8
|
|
|
9
9
|
const StepperStep = forwardRef(({ 'data-qa': dataQa = 'magritte-stepper-step', disabled = false, children, onClick, selected, style = 'neutral', }, ref) => {
|
|
10
10
|
const isDisabled = !!(useDisabled() || disabled);
|
package/Step.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Step.js","sources":["
|
|
1
|
+
{"version":3,"file":"Step.js","sources":["src/Step.tsx"],"sourcesContent":["import {\n type LegacyRef,\n type ForwardRefExoticComponent,\n type RefAttributes,\n type ReactNode,\n isValidElement,\n cloneElement,\n forwardRef,\n Children,\n ReactElement,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport { StepperContent } from '@hh.ru/magritte-ui-stepper/Content';\n\nimport styles from './stepper.less';\n\nexport interface StepExternalProps {\n 'data-qa'?: string;\n /** Флаг отключающий шаг */\n disabled?: boolean;\n /** Оформление шага (цвет полосы сверху или слева от шага) */\n style?: 'neutral' | 'positive' | 'warning' | 'negative';\n /** Обработчик клика */\n onClick?: (isSelected: boolean) => void | null;\n children?: ReactNode;\n}\n\nexport type StepProps = {\n selected?: boolean;\n} & StepExternalProps;\n\nexport const StepperStep = forwardRef<HTMLElement, StepProps>(\n (\n {\n 'data-qa': dataQa = 'magritte-stepper-step',\n disabled = false,\n children,\n onClick,\n selected,\n style = 'neutral',\n },\n ref\n ) => {\n const isDisabled = !!(useDisabled() || disabled);\n const hasContent =\n Array.isArray(children) &&\n isValidElement(children[1] as null) &&\n (children[1] as ReactElement)?.type === StepperContent;\n\n return (\n <DisabledContext.Provider value={isDisabled}>\n <li\n className={classnames(styles.step, styles[`step-style-${style}`], {\n [styles.disabledStep]: isDisabled,\n [styles.stepNoContent]: !hasContent,\n })}\n aria-current={selected ? 'step' : undefined}\n aria-disabled={isDisabled}\n data-qa={dataQa}\n ref={ref as LegacyRef<HTMLLIElement>}\n >\n {Children.map(children, (child) =>\n isValidElement(child) && child?.type === StepperContent\n ? cloneElement(child as ReactElement, {\n onClick: onClick ? () => onClick(!!selected) : undefined,\n })\n : child\n )}\n </li>\n </DisabledContext.Provider>\n );\n }\n) as ForwardRefExoticComponent<StepExternalProps & RefAttributes<HTMLElement>>;\n\nStepperStep.displayName = 'StepperStep';\n"],"names":["_jsx"],"mappings":";;;;;;;AAiCO,MAAM,WAAW,GAAG,UAAU,CACjC,CACI,EACI,SAAS,EAAE,MAAM,GAAG,uBAAuB,EAC3C,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,SAAS,GACpB,EACD,GAAG,KACH;IACA,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,QAAQ,CAAC,CAAC;AACjD,IAAA,MAAM,UAAU,GACZ,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AACvB,QAAA,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAS,CAAC;AAClC,QAAA,QAAQ,CAAC,CAAC,CAAkB,EAAE,IAAI,KAAK,cAAc,CAAC;IAE3D,QACIA,GAAC,CAAA,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCA,GACI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAc,WAAA,EAAA,KAAK,CAAE,CAAA,CAAC,EAAE;AAC9D,gBAAA,CAAC,MAAM,CAAC,YAAY,GAAG,UAAU;AACjC,gBAAA,CAAC,MAAM,CAAC,aAAa,GAAG,CAAC,UAAU;AACtC,aAAA,CAAC,kBACY,QAAQ,GAAG,MAAM,GAAG,SAAS,mBAC5B,UAAU,EAAA,SAAA,EAChB,MAAM,EACf,GAAG,EAAE,GAA+B,EAAA,QAAA,EAEnC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAC1B,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,EAAE,IAAI,KAAK,cAAc;AACnD,kBAAE,YAAY,CAAC,KAAqB,EAAE;AAChC,oBAAA,OAAO,EAAE,OAAO,GAAG,MAAM,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,SAAS;iBAC3D,CAAC;AACJ,kBAAE,KAAK,CACd,EACA,CAAA,EAAA,CACkB,EAC7B;AACN,CAAC,EAC0E;AAE/E,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
package/Stepper.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, Children, cloneElement, Fragment } from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';
|
|
6
|
-
import { s as styles } from './stepper-
|
|
6
|
+
import { s as styles } from './stepper-BgxBwusO.js';
|
|
7
7
|
|
|
8
8
|
const Stepper = forwardRef(({ selectedStep = null, onStepClick, orientation = 'vertical', 'data-qa': dataQa = 'magritte-stepper', 'aria-label': ariaLabel, disabled, children, }, ref) => {
|
|
9
9
|
const isDisabled = !!(useDisabled() || disabled);
|
package/Stepper.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.js","sources":["
|
|
1
|
+
{"version":3,"file":"Stepper.js","sources":["src/Stepper.tsx"],"sourcesContent":["import { type FC, type ReactElement, Children, cloneElement, forwardRef, Fragment, type LegacyRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\nimport type { StepExternalProps, StepProps } from '@hh.ru/magritte-ui-stepper/Step';\n\nimport styles from './stepper.less';\n\nexport interface StepperProps {\n /** Выбранный шаг */\n selectedStep?: null | number;\n /** Обработчик клика по шагу */\n onStepClick?: (step: number, isSelected: boolean) => void;\n /** Ориентация компонента */\n orientation?: 'vertical' | 'horizontal';\n 'data-qa'?: string;\n 'aria-label'?: string;\n children: ReactElement<StepExternalProps>[] | ReactElement<StepExternalProps>;\n /** Флаг отключающий компонент (все шаги) */\n disabled?: boolean;\n}\n\nexport const Stepper: FC<StepperProps> = forwardRef<HTMLElement, StepperProps>(\n (\n {\n selectedStep = null,\n onStepClick,\n orientation = 'vertical',\n 'data-qa': dataQa = 'magritte-stepper',\n 'aria-label': ariaLabel,\n disabled,\n children,\n },\n ref\n ) => {\n const isDisabled = !!(useDisabled() || disabled);\n const classes = {\n className: classnames(styles.stepper, {\n [styles.stepperVertical]: orientation === 'vertical',\n [styles.stepperHorizontal]: orientation !== 'vertical',\n }),\n };\n const Wrapper = onStepClick ? 'nav' : Fragment;\n const outerWrapperProps = {\n ref: ref as LegacyRef<HTMLOListElement>,\n 'data-qa': dataQa,\n 'aria-label': ariaLabel,\n 'aria-disabled': isDisabled || undefined,\n };\n return (\n <DisabledContext.Provider value={isDisabled}>\n <Wrapper {...(onStepClick ? { ...outerWrapperProps, ...classes } : {})}>\n <ol {...(!onStepClick ? outerWrapperProps : {})} {...classes}>\n {Children.map(children, (children, index) =>\n cloneElement(children as ReactElement<StepProps>, {\n selected: selectedStep === index,\n onClick: onStepClick\n ? (isSelected: boolean) => {\n children.props.onClick?.(isSelected);\n onStepClick(index, isSelected);\n }\n : children.props.onClick,\n })\n )}\n </ol>\n </Wrapper>\n </DisabledContext.Provider>\n );\n }\n);\n\nStepper.displayName = 'Stepper';\n"],"names":["_jsx"],"mappings":";;;;;;AAsBO,MAAM,OAAO,GAAqB,UAAU,CAC/C,CACI,EACI,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,WAAW,GAAG,UAAU,EACxB,SAAS,EAAE,MAAM,GAAG,kBAAkB,EACtC,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,GACX,EACD,GAAG,KACH;IACA,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAE,IAAI,QAAQ,CAAC,CAAC;AACjD,IAAA,MAAM,OAAO,GAAG;AACZ,QAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;AAClC,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,WAAW,KAAK,UAAU;AACpD,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,WAAW,KAAK,UAAU;SACzD,CAAC;KACL,CAAC;IACF,MAAM,OAAO,GAAG,WAAW,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC/C,IAAA,MAAM,iBAAiB,GAAG;AACtB,QAAA,GAAG,EAAE,GAAkC;AACvC,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,UAAU,IAAI,SAAS;KAC3C,CAAC;AACF,IAAA,QACIA,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EACvCA,GAAC,CAAA,OAAO,EAAK,EAAA,IAAC,WAAW,GAAG,EAAE,GAAG,iBAAiB,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,GAAC,QAAA,EAClEA,GAAQ,CAAA,IAAA,EAAA,EAAA,IAAC,CAAC,WAAW,GAAG,iBAAiB,GAAG,EAAE,GAAC,GAAM,OAAO,EACvD,QAAA,EAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,KACpC,YAAY,CAAC,QAAmC,EAAE;oBAC9C,QAAQ,EAAE,YAAY,KAAK,KAAK;AAChC,oBAAA,OAAO,EAAE,WAAW;AAChB,0BAAE,CAAC,UAAmB,KAAI;4BACpB,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,CAAC;AACrC,4BAAA,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;yBAClC;AACH,0BAAE,QAAQ,CAAC,KAAK,CAAC,OAAO;AAC/B,iBAAA,CAAC,CACL,EAAA,CACA,EACC,CAAA,EAAA,CACa,EAC7B;AACN,CAAC,EACH;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
package/index.css
CHANGED
|
@@ -1,167 +1,167 @@
|
|
|
1
1
|
:root{
|
|
2
|
-
--magritte-color-background-state-secondary-hovered-v24-4-
|
|
3
|
-
--magritte-color-stroke-neutral-v24-4-
|
|
4
|
-
--magritte-color-stroke-positive-v24-4-
|
|
5
|
-
--magritte-color-stroke-state-focused-accessible-v24-4-
|
|
2
|
+
--magritte-color-background-state-secondary-hovered-v24-4-1:#F1F4F9;
|
|
3
|
+
--magritte-color-stroke-neutral-v24-4-1:#DCE3EB;
|
|
4
|
+
--magritte-color-stroke-positive-v24-4-1:#0dc267;
|
|
5
|
+
--magritte-color-stroke-state-focused-accessible-v24-4-1:#0070ff7a;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.magritte-night-theme{
|
|
9
|
-
--magritte-color-background-state-secondary-hovered-v24-4-
|
|
10
|
-
--magritte-color-stroke-neutral-v24-4-
|
|
11
|
-
--magritte-color-stroke-positive-v24-4-
|
|
9
|
+
--magritte-color-background-state-secondary-hovered-v24-4-1:#303030;
|
|
10
|
+
--magritte-color-stroke-neutral-v24-4-1:#303030;
|
|
11
|
+
--magritte-color-stroke-positive-v24-4-1:#10b55f;
|
|
12
12
|
}
|
|
13
|
-
.magritte-stepper___bf9CG_1-2-
|
|
13
|
+
.magritte-stepper___bf9CG_1-2-5{
|
|
14
14
|
display:flex;
|
|
15
15
|
flex:1 1;
|
|
16
16
|
list-style:none;
|
|
17
17
|
}
|
|
18
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
18
|
+
.magritte-stepper-horizontal___54ih5_1-2-5{
|
|
19
19
|
flex-direction:row;
|
|
20
20
|
}
|
|
21
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
21
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-step___7YXV2_1-2-5{
|
|
22
22
|
flex-direction:column;
|
|
23
23
|
}
|
|
24
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
24
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-marker-container___ZuSOj_1-2-5{
|
|
25
25
|
flex-direction:row;
|
|
26
26
|
padding:0 12px 0 0;
|
|
27
27
|
}
|
|
28
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
28
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-marker-container___ZuSOj_1-2-5.magritte-marker-container-with-icon___rBC1i_1-2-5{
|
|
29
29
|
padding:0 8px 0 0;
|
|
30
30
|
}
|
|
31
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
31
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-marker-container___ZuSOj_1-2-5::after{
|
|
32
32
|
border-width:0;
|
|
33
33
|
border-top-width:1px;
|
|
34
34
|
}
|
|
35
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
35
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-marker-wrapper___m-Hsn_1-2-5{
|
|
36
36
|
padding:0 12px 0 0;
|
|
37
37
|
}
|
|
38
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
38
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-marker-container-with-icon___rBC1i_1-2-5 .magritte-marker-wrapper___m-Hsn_1-2-5{
|
|
39
39
|
padding:0 8px 0 0;
|
|
40
40
|
}
|
|
41
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
41
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-content-container___KPIiS_1-2-5{
|
|
42
42
|
padding:12px 24px 0 0;
|
|
43
43
|
}
|
|
44
|
-
.magritte-stepper-horizontal___54ih5_1-2-
|
|
44
|
+
.magritte-stepper-horizontal___54ih5_1-2-5 .magritte-step___7YXV2_1-2-5:last-of-type .magritte-content-container___KPIiS_1-2-5{
|
|
45
45
|
padding-right:0;
|
|
46
46
|
}
|
|
47
|
-
.magritte-content-container___KPIiS_1-2-
|
|
47
|
+
.magritte-content-container___KPIiS_1-2-5{
|
|
48
48
|
order:2;
|
|
49
49
|
}
|
|
50
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
50
|
+
.magritte-stepper-vertical___032Tm_1-2-5{
|
|
51
51
|
flex-direction:column;
|
|
52
52
|
}
|
|
53
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
53
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-step___7YXV2_1-2-5{
|
|
54
54
|
flex-direction:row;
|
|
55
55
|
}
|
|
56
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
57
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
56
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-content-container___KPIiS_1-2-5,
|
|
57
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-step-button___xSXUO_1-2-5{
|
|
58
58
|
flex:1 1;
|
|
59
59
|
}
|
|
60
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
60
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-marker-container___ZuSOj_1-2-5{
|
|
61
61
|
flex-direction:column;
|
|
62
62
|
padding:4px 0 8px;
|
|
63
63
|
}
|
|
64
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
64
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-marker-container___ZuSOj_1-2-5.magritte-marker-container-with-icon___rBC1i_1-2-5{
|
|
65
65
|
padding-bottom:4px;
|
|
66
66
|
}
|
|
67
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
67
|
+
.magritte-stepper-vertical___032Tm_1-2-5.magritte-stepper-no-content___AEmtQ_1-2-5 .magritte-marker-container___ZuSOj_1-2-5{
|
|
68
68
|
padding-right:0;
|
|
69
69
|
}
|
|
70
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
70
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-marker-container___ZuSOj_1-2-5::after{
|
|
71
71
|
border-width:0;
|
|
72
72
|
border-left-width:1px;
|
|
73
73
|
}
|
|
74
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
74
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-marker-wrapper___m-Hsn_1-2-5{
|
|
75
75
|
padding:0 0 12px;
|
|
76
76
|
}
|
|
77
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
77
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-marker-container-with-icon___rBC1i_1-2-5 .magritte-marker-wrapper___m-Hsn_1-2-5{
|
|
78
78
|
padding:0 0 8px;
|
|
79
79
|
}
|
|
80
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
80
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-content-container___KPIiS_1-2-5{
|
|
81
81
|
padding:0 0 24px 12px;
|
|
82
82
|
}
|
|
83
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
84
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
85
|
-
.magritte-stepper-vertical___032Tm_1-2-
|
|
83
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-step___7YXV2_1-2-5:last-of-type .magritte-content-container___KPIiS_1-2-5,
|
|
84
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-step___7YXV2_1-2-5:last-of-type .magritte-marker-container___ZuSOj_1-2-5,
|
|
85
|
+
.magritte-stepper-vertical___032Tm_1-2-5 .magritte-step___7YXV2_1-2-5:last-of-type .magritte-marker-wrapper___m-Hsn_1-2-5{
|
|
86
86
|
padding-bottom:0;
|
|
87
87
|
}
|
|
88
|
-
.magritte-step___7YXV2_1-2-
|
|
88
|
+
.magritte-step___7YXV2_1-2-5:last-of-type.magritte-step-no-content___mTIaO_1-2-5{
|
|
89
89
|
flex:0 0;
|
|
90
90
|
}
|
|
91
|
-
.magritte-step___7YXV2_1-2-
|
|
92
|
-
.magritte-step___7YXV2_1-2-
|
|
91
|
+
.magritte-step___7YXV2_1-2-5:last-of-type.magritte-step-no-content___mTIaO_1-2-5 .magritte-marker-container___ZuSOj_1-2-5,
|
|
92
|
+
.magritte-step___7YXV2_1-2-5:last-of-type.magritte-step-no-content___mTIaO_1-2-5 .magritte-marker-wrapper___m-Hsn_1-2-5{
|
|
93
93
|
padding:0;
|
|
94
94
|
}
|
|
95
|
-
.magritte-step___7YXV2_1-2-
|
|
95
|
+
.magritte-step___7YXV2_1-2-5{
|
|
96
96
|
display:flex;
|
|
97
97
|
flex:1 1;
|
|
98
98
|
}
|
|
99
|
-
.magritte-marker-container___ZuSOj_1-2-
|
|
99
|
+
.magritte-marker-container___ZuSOj_1-2-5{
|
|
100
100
|
order:1;
|
|
101
101
|
display:flex;
|
|
102
102
|
align-items:center;
|
|
103
103
|
}
|
|
104
|
-
.magritte-marker-container-disabled___lJ-PA_1-2-
|
|
104
|
+
.magritte-marker-container-disabled___lJ-PA_1-2-5::after{
|
|
105
105
|
opacity:0.5;
|
|
106
106
|
}
|
|
107
|
-
.magritte-step___7YXV2_1-2-
|
|
107
|
+
.magritte-step___7YXV2_1-2-5:not(:last-of-type) .magritte-marker-container___ZuSOj_1-2-5::after{
|
|
108
108
|
flex:1 1;
|
|
109
109
|
content:'';
|
|
110
110
|
border-style:solid;
|
|
111
111
|
}
|
|
112
|
-
.magritte-step-style-neutral___061j4_1-2-
|
|
113
|
-
border-color:var(--magritte-color-stroke-neutral-v24-4-
|
|
112
|
+
.magritte-step-style-neutral___061j4_1-2-5 .magritte-marker-container___ZuSOj_1-2-5::after{
|
|
113
|
+
border-color:var(--magritte-color-stroke-neutral-v24-4-1);
|
|
114
114
|
}
|
|
115
|
-
.magritte-step-style-positive___9jcvm_1-2-
|
|
116
|
-
border-color:var(--magritte-color-stroke-positive-v24-4-
|
|
115
|
+
.magritte-step-style-positive___9jcvm_1-2-5 .magritte-marker-container___ZuSOj_1-2-5::after{
|
|
116
|
+
border-color:var(--magritte-color-stroke-positive-v24-4-1);
|
|
117
117
|
}
|
|
118
|
-
.magritte-step-style-warning___NboIv_1-2-
|
|
119
|
-
border-color:var(--magritte-color-stroke-neutral-v24-4-
|
|
118
|
+
.magritte-step-style-warning___NboIv_1-2-5 .magritte-marker-container___ZuSOj_1-2-5::after{
|
|
119
|
+
border-color:var(--magritte-color-stroke-neutral-v24-4-1);
|
|
120
120
|
}
|
|
121
|
-
.magritte-step-style-negative___w1AbF_1-2-
|
|
122
|
-
border-color:var(--magritte-color-stroke-neutral-v24-4-
|
|
121
|
+
.magritte-step-style-negative___w1AbF_1-2-5 .magritte-marker-container___ZuSOj_1-2-5::after{
|
|
122
|
+
border-color:var(--magritte-color-stroke-neutral-v24-4-1);
|
|
123
123
|
}
|
|
124
|
-
.magritte-marker-wrapper___m-Hsn_1-2-
|
|
124
|
+
.magritte-marker-wrapper___m-Hsn_1-2-5{
|
|
125
125
|
display:flex;
|
|
126
126
|
flex:0 0;
|
|
127
127
|
line-height:0;
|
|
128
128
|
}
|
|
129
|
-
.magritte-marker-divider-wrapper___PGB27_1-2-
|
|
129
|
+
.magritte-marker-divider-wrapper___PGB27_1-2-5{
|
|
130
130
|
display:inline-block;
|
|
131
131
|
flex:1 1;
|
|
132
132
|
}
|
|
133
|
-
.magritte-content-container___KPIiS_1-2-
|
|
134
|
-
.magritte-step-button___xSXUO_1-2-
|
|
133
|
+
.magritte-content-container___KPIiS_1-2-5,
|
|
134
|
+
.magritte-step-button___xSXUO_1-2-5{
|
|
135
135
|
display:flex;
|
|
136
136
|
flex-direction:column;
|
|
137
137
|
align-items:flex-start;
|
|
138
138
|
gap:12px;
|
|
139
139
|
}
|
|
140
|
-
.magritte-content-interactive___Cd9wI_1-2-
|
|
140
|
+
.magritte-content-interactive___Cd9wI_1-2-5{
|
|
141
141
|
align-items:stretch;
|
|
142
142
|
}
|
|
143
|
-
.magritte-step-button___xSXUO_1-2-
|
|
143
|
+
.magritte-step-button___xSXUO_1-2-5{
|
|
144
144
|
margin:-4px -8px;
|
|
145
145
|
padding:4px 8px;
|
|
146
146
|
border-radius:12px;
|
|
147
147
|
cursor:default;
|
|
148
148
|
}
|
|
149
|
-
.magritte-step-button___xSXUO_1-2-
|
|
149
|
+
.magritte-step-button___xSXUO_1-2-5:not(:disabled){
|
|
150
150
|
cursor:pointer;
|
|
151
151
|
}
|
|
152
152
|
@media (min-width: 1020px){
|
|
153
|
-
body.magritte-old-layout .magritte-step-button___xSXUO_1-2-
|
|
154
|
-
background-color:var(--magritte-color-background-state-secondary-hovered-v24-4-
|
|
153
|
+
body.magritte-old-layout .magritte-step-button___xSXUO_1-2-5:hover:not(:disabled){
|
|
154
|
+
background-color:var(--magritte-color-background-state-secondary-hovered-v24-4-1);
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
@media (min-width: 1024px){
|
|
158
|
-
body:not(.magritte-old-layout) .magritte-step-button___xSXUO_1-2-
|
|
159
|
-
background-color:var(--magritte-color-background-state-secondary-hovered-v24-4-
|
|
158
|
+
body:not(.magritte-old-layout) .magritte-step-button___xSXUO_1-2-5:hover:not(:disabled){
|
|
159
|
+
background-color:var(--magritte-color-background-state-secondary-hovered-v24-4-1);
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
|
-
.magritte-step-button___xSXUO_1-2-
|
|
163
|
-
background-color:var(--magritte-color-background-state-secondary-hovered-v24-4-
|
|
162
|
+
.magritte-step-button___xSXUO_1-2-5:active:not(:disabled){
|
|
163
|
+
background-color:var(--magritte-color-background-state-secondary-hovered-v24-4-1);
|
|
164
164
|
}
|
|
165
|
-
.magritte-step-button___xSXUO_1-2-
|
|
166
|
-
outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-4-
|
|
165
|
+
.magritte-step-button___xSXUO_1-2-5.focus-visible{
|
|
166
|
+
outline:4px solid var(--magritte-color-stroke-state-focused-accessible-v24-4-1);
|
|
167
167
|
}
|
package/index.js
CHANGED
package/index.mock.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mock.js","sources":["
|
|
1
|
+
{"version":3,"file":"index.mock.js","sources":["src/index.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type StepperProps } from '@hh.ru/magritte-ui-stepper/Stepper';\nexport { type StepExternalProps as StepperStepProps } from '@hh.ru/magritte-ui-stepper/Step';\n\nexport const Step: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('Stepper', undefined, {\n withChildren: true,\n});\n\nexport const StepperStep: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('StepperStep', undefined, {\n withChildren: true,\n});\n\nexport const StepperContent: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'StepperContent',\n undefined,\n {\n withChildren: true,\n }\n);\n\nexport const StepperMarker: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent(\n 'StepperMarker',\n undefined,\n {\n withChildren: true,\n }\n);\n"],"names":[],"mappings":";;MAOa,IAAI,GAAuD,aAAa,CAAC,SAAS,EAAE,SAAS,EAAE;AACxG,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;MAEU,WAAW,GAAuD,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE;AACnH,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EAAE;MAEU,cAAc,GAAuD,aAAa,CAC3F,gBAAgB,EAChB,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA,EACH;MAEW,aAAa,GAAuD,aAAa,CAC1F,eAAe,EACf,SAAS,EACT;AACI,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hh.ru/magritte-ui-stepper",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.5",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"types": "index.d.ts",
|
|
6
6
|
"sideEffects": [
|
|
@@ -22,15 +22,15 @@
|
|
|
22
22
|
"access": "public"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@hh.ru/magritte-common-use-disabled": "1.0.
|
|
26
|
-
"@hh.ru/magritte-design-tokens": "24.4.
|
|
27
|
-
"@hh.ru/magritte-ui-breakpoint": "6.0.
|
|
28
|
-
"@hh.ru/magritte-ui-icon": "13.
|
|
29
|
-
"@hh.ru/magritte-ui-mock-component": "1.1.
|
|
25
|
+
"@hh.ru/magritte-common-use-disabled": "1.0.15",
|
|
26
|
+
"@hh.ru/magritte-design-tokens": "24.4.1",
|
|
27
|
+
"@hh.ru/magritte-ui-breakpoint": "6.0.7",
|
|
28
|
+
"@hh.ru/magritte-ui-icon": "13.11.1",
|
|
29
|
+
"@hh.ru/magritte-ui-mock-component": "1.1.7"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"classnames": ">=2.3.2",
|
|
33
33
|
"react": ">=18.2.0"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "ec7d56f576ca5581c2acb5010b53bbfb8da52962"
|
|
36
36
|
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
var styles = {"stepper":"magritte-stepper___bf9CG_1-2-5","stepper-horizontal":"magritte-stepper-horizontal___54ih5_1-2-5","stepperHorizontal":"magritte-stepper-horizontal___54ih5_1-2-5","step":"magritte-step___7YXV2_1-2-5","marker-container":"magritte-marker-container___ZuSOj_1-2-5","markerContainer":"magritte-marker-container___ZuSOj_1-2-5","marker-container-with-icon":"magritte-marker-container-with-icon___rBC1i_1-2-5","markerContainerWithIcon":"magritte-marker-container-with-icon___rBC1i_1-2-5","marker-wrapper":"magritte-marker-wrapper___m-Hsn_1-2-5","markerWrapper":"magritte-marker-wrapper___m-Hsn_1-2-5","content-container":"magritte-content-container___KPIiS_1-2-5","contentContainer":"magritte-content-container___KPIiS_1-2-5","stepper-vertical":"magritte-stepper-vertical___032Tm_1-2-5","stepperVertical":"magritte-stepper-vertical___032Tm_1-2-5","step-button":"magritte-step-button___xSXUO_1-2-5","stepButton":"magritte-step-button___xSXUO_1-2-5","stepper-no-content":"magritte-stepper-no-content___AEmtQ_1-2-5","stepperNoContent":"magritte-stepper-no-content___AEmtQ_1-2-5","step-no-content":"magritte-step-no-content___mTIaO_1-2-5","stepNoContent":"magritte-step-no-content___mTIaO_1-2-5","marker-container-disabled":"magritte-marker-container-disabled___lJ-PA_1-2-5","markerContainerDisabled":"magritte-marker-container-disabled___lJ-PA_1-2-5","step-style-neutral":"magritte-step-style-neutral___061j4_1-2-5","stepStyleNeutral":"magritte-step-style-neutral___061j4_1-2-5","step-style-positive":"magritte-step-style-positive___9jcvm_1-2-5","stepStylePositive":"magritte-step-style-positive___9jcvm_1-2-5","step-style-warning":"magritte-step-style-warning___NboIv_1-2-5","stepStyleWarning":"magritte-step-style-warning___NboIv_1-2-5","step-style-negative":"magritte-step-style-negative___w1AbF_1-2-5","stepStyleNegative":"magritte-step-style-negative___w1AbF_1-2-5","marker-divider-wrapper":"magritte-marker-divider-wrapper___PGB27_1-2-5","markerDividerWrapper":"magritte-marker-divider-wrapper___PGB27_1-2-5","content-interactive":"magritte-content-interactive___Cd9wI_1-2-5","contentInteractive":"magritte-content-interactive___Cd9wI_1-2-5"};
|
|
3
|
+
|
|
4
|
+
export { styles as s };
|
|
5
|
+
//# sourceMappingURL=stepper-BgxBwusO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepper-BgxBwusO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/stepper-CTN_mWOU.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import './index.css';
|
|
2
|
-
var styles = {"stepper":"magritte-stepper___bf9CG_1-2-3","stepper-horizontal":"magritte-stepper-horizontal___54ih5_1-2-3","stepperHorizontal":"magritte-stepper-horizontal___54ih5_1-2-3","step":"magritte-step___7YXV2_1-2-3","marker-container":"magritte-marker-container___ZuSOj_1-2-3","markerContainer":"magritte-marker-container___ZuSOj_1-2-3","marker-container-with-icon":"magritte-marker-container-with-icon___rBC1i_1-2-3","markerContainerWithIcon":"magritte-marker-container-with-icon___rBC1i_1-2-3","marker-wrapper":"magritte-marker-wrapper___m-Hsn_1-2-3","markerWrapper":"magritte-marker-wrapper___m-Hsn_1-2-3","content-container":"magritte-content-container___KPIiS_1-2-3","contentContainer":"magritte-content-container___KPIiS_1-2-3","stepper-vertical":"magritte-stepper-vertical___032Tm_1-2-3","stepperVertical":"magritte-stepper-vertical___032Tm_1-2-3","step-button":"magritte-step-button___xSXUO_1-2-3","stepButton":"magritte-step-button___xSXUO_1-2-3","stepper-no-content":"magritte-stepper-no-content___AEmtQ_1-2-3","stepperNoContent":"magritte-stepper-no-content___AEmtQ_1-2-3","step-no-content":"magritte-step-no-content___mTIaO_1-2-3","stepNoContent":"magritte-step-no-content___mTIaO_1-2-3","marker-container-disabled":"magritte-marker-container-disabled___lJ-PA_1-2-3","markerContainerDisabled":"magritte-marker-container-disabled___lJ-PA_1-2-3","step-style-neutral":"magritte-step-style-neutral___061j4_1-2-3","stepStyleNeutral":"magritte-step-style-neutral___061j4_1-2-3","step-style-positive":"magritte-step-style-positive___9jcvm_1-2-3","stepStylePositive":"magritte-step-style-positive___9jcvm_1-2-3","step-style-warning":"magritte-step-style-warning___NboIv_1-2-3","stepStyleWarning":"magritte-step-style-warning___NboIv_1-2-3","step-style-negative":"magritte-step-style-negative___w1AbF_1-2-3","stepStyleNegative":"magritte-step-style-negative___w1AbF_1-2-3","marker-divider-wrapper":"magritte-marker-divider-wrapper___PGB27_1-2-3","markerDividerWrapper":"magritte-marker-divider-wrapper___PGB27_1-2-3","content-interactive":"magritte-content-interactive___Cd9wI_1-2-3","contentInteractive":"magritte-content-interactive___Cd9wI_1-2-3"};
|
|
3
|
-
|
|
4
|
-
export { styles as s };
|
|
5
|
-
//# sourceMappingURL=stepper-CTN_mWOU.js.map
|
package/stepper-CTN_mWOU.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stepper-CTN_mWOU.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|