@alfalab/core-components-steps 1.8.4 → 2.0.0-snapshot-6a9d3fc

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.
Files changed (172) hide show
  1. package/Component.d.ts +4 -6
  2. package/Component.js +6 -7
  3. package/Component.js.map +1 -0
  4. package/components/step/Component.d.ts +5 -5
  5. package/components/step/Component.js +37 -38
  6. package/components/step/Component.js.map +1 -0
  7. package/components/step/index.css +38 -58
  8. package/components/step/index.d.ts +1 -1
  9. package/components/step/index.js +3 -2
  10. package/components/step/index.js.map +1 -0
  11. package/components/step/index.module.css.js +8 -0
  12. package/components/step/index.module.css.js.map +1 -0
  13. package/components/step-indicator/Component.d.ts +3 -5
  14. package/components/step-indicator/Component.js +3 -4
  15. package/components/step-indicator/Component.js.map +1 -0
  16. package/components/step-indicator/index.css +2 -24
  17. package/components/step-indicator/index.d.ts +1 -1
  18. package/components/step-indicator/index.js +3 -2
  19. package/components/step-indicator/index.js.map +1 -0
  20. package/components/step-indicator/index.module.css.js +8 -0
  21. package/components/step-indicator/index.module.css.js.map +1 -0
  22. package/cssm/Component.d.ts +4 -6
  23. package/cssm/Component.js +3 -2
  24. package/cssm/Component.js.map +1 -0
  25. package/cssm/components/step/Component.d.ts +5 -5
  26. package/cssm/components/step/Component.js +11 -10
  27. package/cssm/components/step/Component.js.map +1 -0
  28. package/cssm/components/step/index.d.ts +1 -1
  29. package/cssm/components/step/index.js +3 -2
  30. package/cssm/components/step/index.js.map +1 -0
  31. package/cssm/components/step/index.module.css +8 -27
  32. package/cssm/components/step-indicator/Component.d.ts +3 -5
  33. package/cssm/components/step-indicator/Component.js +3 -2
  34. package/cssm/components/step-indicator/Component.js.map +1 -0
  35. package/cssm/components/step-indicator/index.d.ts +1 -1
  36. package/cssm/components/step-indicator/index.js +3 -2
  37. package/cssm/components/step-indicator/index.js.map +1 -0
  38. package/cssm/components/step-indicator/index.module.css +2 -23
  39. package/cssm/index.d.ts +1 -1
  40. package/cssm/index.js +1 -0
  41. package/cssm/index.js.map +1 -0
  42. package/cssm/index.module.css +1 -23
  43. package/cssm/shared/index.d.ts +1 -1
  44. package/cssm/shared/index.js +3 -2
  45. package/cssm/shared/index.js.map +1 -0
  46. package/cssm/types/common-props.d.ts +1 -2
  47. package/cssm/types/common-props.js +1 -0
  48. package/cssm/types/common-props.js.map +1 -0
  49. package/cssm/utils/getStepsTestIds.d.ts +1 -2
  50. package/cssm/utils/getStepsTestIds.js +3 -2
  51. package/cssm/utils/getStepsTestIds.js.map +1 -0
  52. package/esm/Component.d.ts +4 -6
  53. package/esm/Component.js +2 -3
  54. package/esm/Component.js.map +1 -0
  55. package/esm/components/step/Component.d.ts +5 -5
  56. package/esm/components/step/Component.js +2 -3
  57. package/esm/components/step/Component.js.map +1 -0
  58. package/esm/components/step/index.css +38 -58
  59. package/esm/components/step/index.d.ts +1 -1
  60. package/esm/components/step/index.js +1 -0
  61. package/esm/components/step/index.js.map +1 -0
  62. package/esm/components/step/index.module.css.js +6 -0
  63. package/esm/components/step/index.module.css.js.map +1 -0
  64. package/esm/components/step-indicator/Component.d.ts +3 -5
  65. package/esm/components/step-indicator/Component.js +2 -3
  66. package/esm/components/step-indicator/Component.js.map +1 -0
  67. package/esm/components/step-indicator/index.css +2 -24
  68. package/esm/components/step-indicator/index.d.ts +1 -1
  69. package/esm/components/step-indicator/index.js +1 -0
  70. package/esm/components/step-indicator/index.js.map +1 -0
  71. package/esm/components/step-indicator/index.module.css.js +6 -0
  72. package/esm/components/step-indicator/index.module.css.js.map +1 -0
  73. package/esm/index.css +2 -25
  74. package/esm/index.d.ts +1 -1
  75. package/esm/index.js +1 -0
  76. package/esm/index.js.map +1 -0
  77. package/esm/index.module.css.js +6 -0
  78. package/esm/index.module.css.js.map +1 -0
  79. package/esm/shared/index.d.ts +1 -1
  80. package/esm/shared/index.js +1 -0
  81. package/esm/shared/index.js.map +1 -0
  82. package/esm/types/common-props.d.ts +1 -2
  83. package/esm/types/common-props.js +1 -0
  84. package/esm/types/common-props.js.map +1 -0
  85. package/esm/utils/getStepsTestIds.d.ts +1 -2
  86. package/esm/utils/getStepsTestIds.js +1 -0
  87. package/esm/utils/getStepsTestIds.js.map +1 -0
  88. package/index.css +2 -25
  89. package/index.d.ts +1 -1
  90. package/index.js +1 -0
  91. package/index.js.map +1 -0
  92. package/index.module.css.js +8 -0
  93. package/index.module.css.js.map +1 -0
  94. package/modern/Component.d.ts +4 -6
  95. package/modern/Component.js +2 -3
  96. package/modern/Component.js.map +1 -0
  97. package/modern/components/step/Component.d.ts +5 -5
  98. package/modern/components/step/Component.js +2 -3
  99. package/modern/components/step/Component.js.map +1 -0
  100. package/modern/components/step/index.css +38 -58
  101. package/modern/components/step/index.d.ts +1 -1
  102. package/modern/components/step/index.js +1 -0
  103. package/modern/components/step/index.js.map +1 -0
  104. package/modern/components/step/index.module.css.js +6 -0
  105. package/modern/components/step/index.module.css.js.map +1 -0
  106. package/modern/components/step-indicator/Component.d.ts +3 -5
  107. package/modern/components/step-indicator/Component.js +2 -3
  108. package/modern/components/step-indicator/Component.js.map +1 -0
  109. package/modern/components/step-indicator/index.css +2 -24
  110. package/modern/components/step-indicator/index.d.ts +1 -1
  111. package/modern/components/step-indicator/index.js +1 -0
  112. package/modern/components/step-indicator/index.js.map +1 -0
  113. package/modern/components/step-indicator/index.module.css.js +6 -0
  114. package/modern/components/step-indicator/index.module.css.js.map +1 -0
  115. package/modern/index.css +2 -25
  116. package/modern/index.d.ts +1 -1
  117. package/modern/index.js +1 -0
  118. package/modern/index.js.map +1 -0
  119. package/modern/index.module.css.js +6 -0
  120. package/modern/index.module.css.js.map +1 -0
  121. package/modern/shared/index.d.ts +1 -1
  122. package/modern/shared/index.js +1 -0
  123. package/modern/shared/index.js.map +1 -0
  124. package/modern/types/common-props.d.ts +1 -2
  125. package/modern/types/common-props.js +1 -0
  126. package/modern/types/common-props.js.map +1 -0
  127. package/modern/utils/getStepsTestIds.d.ts +1 -2
  128. package/modern/utils/getStepsTestIds.js +1 -0
  129. package/modern/utils/getStepsTestIds.js.map +1 -0
  130. package/moderncssm/Component.d.ts +4 -6
  131. package/moderncssm/Component.js +1 -0
  132. package/moderncssm/Component.js.map +1 -0
  133. package/moderncssm/components/step/Component.d.ts +5 -5
  134. package/moderncssm/components/step/Component.js +1 -0
  135. package/moderncssm/components/step/Component.js.map +1 -0
  136. package/moderncssm/components/step/index.d.ts +1 -1
  137. package/moderncssm/components/step/index.js +1 -0
  138. package/moderncssm/components/step/index.js.map +1 -0
  139. package/moderncssm/components/step/index.module.css +1 -6
  140. package/moderncssm/components/step-indicator/Component.d.ts +3 -5
  141. package/moderncssm/components/step-indicator/Component.js +1 -0
  142. package/moderncssm/components/step-indicator/Component.js.map +1 -0
  143. package/moderncssm/components/step-indicator/index.d.ts +1 -1
  144. package/moderncssm/components/step-indicator/index.js +1 -0
  145. package/moderncssm/components/step-indicator/index.js.map +1 -0
  146. package/moderncssm/components/step-indicator/index.module.css +0 -2
  147. package/moderncssm/index.d.ts +1 -1
  148. package/moderncssm/index.js +1 -0
  149. package/moderncssm/index.js.map +1 -0
  150. package/moderncssm/index.module.css +0 -2
  151. package/moderncssm/shared/index.d.ts +1 -1
  152. package/moderncssm/shared/index.js +1 -0
  153. package/moderncssm/shared/index.js.map +1 -0
  154. package/moderncssm/types/common-props.d.ts +1 -2
  155. package/moderncssm/types/common-props.js +1 -0
  156. package/moderncssm/types/common-props.js.map +1 -0
  157. package/moderncssm/utils/getStepsTestIds.d.ts +1 -2
  158. package/moderncssm/utils/getStepsTestIds.js +1 -0
  159. package/moderncssm/utils/getStepsTestIds.js.map +1 -0
  160. package/package.json +7 -6
  161. package/shared/index.d.ts +1 -1
  162. package/shared/index.js +3 -2
  163. package/shared/index.js.map +1 -0
  164. package/src/components/step/index.module.css +0 -4
  165. package/types/common-props.d.ts +1 -2
  166. package/types/common-props.js +1 -0
  167. package/types/common-props.js.map +1 -0
  168. package/utils/getStepsTestIds.d.ts +1 -2
  169. package/utils/getStepsTestIds.js +1 -0
  170. package/utils/getStepsTestIds.js.map +1 -0
  171. package/shared/package.json +0 -3
  172. package/src/shared/package.json +0 -3
@@ -101,3 +101,4 @@ const Step = ({ children, stepNumber, isSelected, disabled, ordered, isPositive,
101
101
  };
102
102
 
103
103
  export { Step };
104
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../../src/components/step/Component.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { useFocus } from '@alfalab/hooks';\nimport { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';\nimport { ClockMIcon } from '@alfalab/icons-glyph/ClockMIcon';\nimport { CrossCompactMIcon } from '@alfalab/icons-glyph/CrossCompactMIcon';\nimport { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';\n\nimport { CommonProps } from '../../types/common-props';\nimport { StepIndicator, StepIndicatorProps } from '../step-indicator';\n\nimport styles from './index.module.css';\n\ntype StepProps = {\n /**\n * Номер шага\n */\n stepNumber: number;\n\n /**\n * Маркер того, что текущий шаг выбран\n */\n isSelected: boolean;\n\n /**\n * Маркер того, что текущий шаг доступен для клика\n */\n disabled: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Positive\"\n */\n isPositive: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Error\"\n */\n isError: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"isCriticalError\"\n */\n isCriticalError: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Warning\"\n */\n isWarning: boolean;\n\n /**\n * Маркер того, что текущий шаг находится в состоянии \"Waiting\"\n */\n isWaiting: boolean;\n\n /**\n * Маркер того, что текущий шаг нужно пометить как завершенный\n */\n isStepCompleted: boolean;\n\n /**\n * Свойства кастомного индикатора текущего шага\n */\n customStepIndicator?: StepIndicatorProps | null;\n\n /**\n * Указывает, является ли текущий шаг последним в списке\n */\n isNotLastStep?: boolean;\n\n /**\n * Обработчик нажатия на текущей шаг\n * @param stepNumber - номер шага\n */\n onClick: (stepNumber: number) => void;\n} & CommonProps;\n\nexport const Step: FC<StepProps> = ({\n children,\n stepNumber,\n isSelected,\n disabled,\n ordered,\n isPositive,\n isError,\n isCriticalError,\n isWarning,\n isWaiting,\n customStepIndicator,\n isStepCompleted,\n onClick,\n interactive,\n isVerticalAlign,\n isNotLastStep,\n fullWidth,\n minSpaceBetweenSteps = 24,\n completedDashColor,\n dataTestId,\n}) => {\n const stepRef = useRef<HTMLDivElement>(null);\n\n const [focused] = useFocus(stepRef, 'keyboard');\n\n const handleButtonClick = () => {\n if (!disabled && interactive && onClick) {\n onClick(stepNumber);\n }\n };\n\n const handleTextClick = (e: React.MouseEvent<HTMLElement>) => {\n if (!interactive) {\n e.stopPropagation();\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Enter') {\n handleButtonClick();\n }\n };\n\n const getStepIndicator = () => {\n if (customStepIndicator) {\n return <StepIndicator {...customStepIndicator} />;\n }\n if (isCriticalError) {\n return <StepIndicator iconColor='negative' content={<CrossCompactMIcon />} />;\n }\n if (isError) {\n return <StepIndicator iconColor='negative' content={<ExclamationCircleMIcon />} />;\n }\n if (isWarning) {\n return <StepIndicator iconColor='attention' content={<ExclamationCircleMIcon />} />;\n }\n if (isWaiting) {\n return <StepIndicator iconColor='secondary' content={<ClockMIcon />} />;\n }\n if (isPositive) {\n return <StepIndicator iconColor='positive' content={<CheckmarkCircleMIcon />} />;\n }\n if (isStepCompleted) {\n return (\n <StepIndicator\n iconColor='positive'\n content={<CheckmarkCircleMIcon />}\n className={styles.completedIndicator}\n />\n );\n }\n if (!ordered) {\n return (\n <div className={styles.checkbox}>\n <span className={styles.dot} />\n </div>\n );\n }\n\n return stepNumber;\n };\n\n const getCustomDashColor = () => {\n if (isStepCompleted && completedDashColor) {\n return {\n borderColor: completedDashColor,\n };\n }\n\n return {};\n };\n\n const renderDash = () => (\n <div\n className={cn(styles.dash, {\n [styles.vertical]: isVerticalAlign,\n [styles.completed]: isStepCompleted,\n })}\n style={{\n ...getCustomDashColor(),\n }}\n />\n );\n\n return (\n <div\n data-test-id={getDataTestId(dataTestId, 'step')}\n role='button'\n tabIndex={0}\n ref={stepRef}\n className={cn(styles.step, {\n [styles.completed]: isStepCompleted,\n [styles.error]: isError,\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.focused]: focused,\n [styles.vertical]: isVerticalAlign,\n [styles.interactive]: interactive,\n [styles.fullWidth]: fullWidth && isVerticalAlign,\n [styles.horizontal]: !isVerticalAlign,\n })}\n onClick={handleButtonClick}\n onKeyDown={handleKeyDown}\n >\n <div\n className={cn(styles.indicator, {\n [styles.vertical]: isVerticalAlign,\n [styles.interactive]: interactive,\n })}\n >\n <div\n className={cn(styles.option, {\n [styles.unordered]: !ordered,\n [styles.vertical]: isVerticalAlign,\n [styles.error]: isError,\n })}\n >\n {getStepIndicator()}\n </div>\n {isNotLastStep && isVerticalAlign && renderDash()}\n </div>\n <div\n className={cn(styles.textWrapper, styles[`gap-${minSpaceBetweenSteps}`], {\n [styles.vertical]: isVerticalAlign,\n })}\n >\n {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}\n <div\n className={cn(styles.text, {\n [styles.interactive]: interactive,\n [styles.fullWidth]: fullWidth && isVerticalAlign,\n })}\n onClick={handleTextClick}\n >\n {children}\n </div>\n </div>\n {isNotLastStep && !isVerticalAlign && renderDash()}\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
@@ -1 +1,2 @@
1
1
  export { Step } from './Component.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,5 +1,3 @@
1
- /* */
2
-
3
1
  :root {
4
2
  --steps-option-svg-color: var(--color-light-status-positive);
5
3
  --steps-dash-border: 2px solid var(--color-light-status-positive);
@@ -18,10 +16,6 @@
18
16
  align-items: center;
19
17
  }
20
18
 
21
- .step:last-of-type .textWrapper.vertical {
22
- margin-bottom: var(--gap-0);
23
- }
24
-
25
19
  .step.interactive:not(.disabled):hover {
26
20
  cursor: pointer;
27
21
  }
@@ -110,6 +104,7 @@
110
104
  padding: var(--gap-8);
111
105
  color: var(--color-light-text-primary);
112
106
  border-radius: var(--gap-8);
107
+ height: -moz-min-content;
113
108
  height: min-content
114
109
  }
115
110
 
@@ -1,6 +1,4 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { BadgeProps } from "@alfalab/core-components-badge";
4
- type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
5
- declare const StepIndicator: React.FC<StepIndicatorProps>;
6
- export { StepIndicatorProps, StepIndicator };
2
+ import { BadgeProps } from '@alfalab/core-components-badge';
3
+ export declare type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;
4
+ export declare const StepIndicator: React.FC<StepIndicatorProps>;
@@ -6,3 +6,4 @@ import styles from './index.module.css';
6
6
  const StepIndicator = ({ content, iconColor, className }) => (React.createElement(Badge, { size: 'l', view: 'icon', iconColor: iconColor, className: cn(styles.component, className), content: content }));
7
7
 
8
8
  export { StepIndicator };
9
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../../src/components/step-indicator/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Badge, BadgeProps } from '@alfalab/core-components-badge';\n\nimport styles from './index.module.css';\n\nexport type StepIndicatorProps = Pick<BadgeProps, 'content' | 'iconColor' | 'className'>;\n\nexport const StepIndicator: React.FC<StepIndicatorProps> = ({ content, iconColor, className }) => (\n <Badge\n size='l'\n view='icon'\n iconColor={iconColor}\n className={cn(styles.component, className)}\n content={content}\n />\n);\n"],"names":[],"mappings":";;;;;MASa,aAAa,GAAiC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MACzF,oBAAC,KAAK,EAAA,EACF,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,EAC1C,OAAO,EAAE,OAAO,EAClB,CAAA;;;;"}
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
@@ -1 +1,2 @@
1
1
  export { StepIndicator } from './Component.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,5 +1,3 @@
1
- /* */
2
-
3
1
  .component.component {
4
2
  padding: var(--gap-0);
5
3
  }
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
@@ -1 +1,2 @@
1
1
  export { Steps } from './Component.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,5 +1,3 @@
1
- /* */
2
-
3
1
  .component {
4
2
  display: flex;
5
3
  align-items: center;
@@ -1 +1 @@
1
- export { getStepsTestIds } from "../utils/getStepsTestIds";
1
+ export { getStepsTestIds } from '../utils/getStepsTestIds';
@@ -1 +1,2 @@
1
1
  export { getStepsTestIds } from '../utils/getStepsTestIds.js';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  /** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
3
- type CommonProps = {
3
+ export declare type CommonProps = {
4
4
  /**
5
5
  * Идентификатор для систем автоматизированного тестирования
6
6
  */
@@ -38,4 +38,3 @@ type CommonProps = {
38
38
  */
39
39
  completedDashColor?: string;
40
40
  };
41
- export { CommonProps };
@@ -1 +1,2 @@
1
1
 
2
+ //# sourceMappingURL=common-props.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,5 +1,4 @@
1
- declare function getStepsTestIds(dataTestId: string): {
1
+ export declare function getStepsTestIds(dataTestId: string): {
2
2
  steps: string;
3
3
  step: string;
4
4
  };
5
- export { getStepsTestIds };
@@ -8,3 +8,4 @@ function getStepsTestIds(dataTestId) {
8
8
  }
9
9
 
10
10
  export { getStepsTestIds };
11
+ //# sourceMappingURL=getStepsTestIds.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getStepsTestIds.js","sources":["../../src/utils/getStepsTestIds.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getStepsTestIds(dataTestId: string) {\n return {\n steps: dataTestId,\n step: getDataTestId(dataTestId, 'step'),\n };\n}\n"],"names":[],"mappings":";;AAEM,SAAU,eAAe,CAAC,UAAkB,EAAA;IAC9C,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAE,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC;KAC1C;AACL;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-steps",
3
- "version": "1.8.4",
3
+ "version": "2.0.0-snapshot-6a9d3fc",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -12,16 +12,17 @@
12
12
  },
13
13
  "sideEffects": false,
14
14
  "peerDependencies": {
15
- "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
15
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
16
+ "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
17
  },
17
18
  "dependencies": {
18
- "@alfalab/core-components-badge": "^5.6.4",
19
- "@alfalab/core-components-shared": "^0.18.0",
19
+ "@alfalab/core-components-badge": "6.0.0-snapshot-6a9d3fc",
20
+ "@alfalab/core-components-shared": "1.0.0-snapshot-6a9d3fc",
20
21
  "@alfalab/hooks": "^1.13.1",
21
22
  "@alfalab/icons-glyph": "^2.210.0",
22
23
  "classnames": "^2.5.1",
23
24
  "tslib": "^2.4.0"
24
25
  },
25
- "themesVersion": "13.7.4",
26
- "varsVersion": "9.20.1"
26
+ "themesVersion": "14.0.0-snapshot-6a9d3fc",
27
+ "varsVersion": "10.0.0-snapshot-6a9d3fc"
27
28
  }
package/shared/index.d.ts CHANGED
@@ -1 +1 @@
1
- export { getStepsTestIds } from "../utils/getStepsTestIds";
1
+ export { getStepsTestIds } from '../utils/getStepsTestIds';
package/shared/index.js CHANGED
@@ -2,8 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var utils_getStepsTestIds = require('../utils/getStepsTestIds.js');
5
+ var getStepsTestIds = require('../utils/getStepsTestIds.js');
6
6
 
7
7
 
8
8
 
9
- exports.getStepsTestIds = utils_getStepsTestIds.getStepsTestIds;
9
+ exports.getStepsTestIds = getStepsTestIds.getStepsTestIds;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -16,10 +16,6 @@
16
16
  &:not(.vertical) {
17
17
  align-items: center;
18
18
  }
19
-
20
- &:last-of-type .textWrapper.vertical {
21
- margin-bottom: var(--gap-0);
22
- }
23
19
  }
24
20
 
25
21
  .step.interactive:not(.disabled):hover {
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  /** Обобщенный набор типов который подходит для Steps, но также прокинут в дочерний Step */
3
- type CommonProps = {
3
+ export declare type CommonProps = {
4
4
  /**
5
5
  * Идентификатор для систем автоматизированного тестирования
6
6
  */
@@ -38,4 +38,3 @@ type CommonProps = {
38
38
  */
39
39
  completedDashColor?: string;
40
40
  };
41
- export { CommonProps };
@@ -1,2 +1,3 @@
1
1
  'use strict';
2
2
 
3
+ //# sourceMappingURL=common-props.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common-props.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -1,5 +1,4 @@
1
- declare function getStepsTestIds(dataTestId: string): {
1
+ export declare function getStepsTestIds(dataTestId: string): {
2
2
  steps: string;
3
3
  step: string;
4
4
  };
5
- export { getStepsTestIds };
@@ -12,3 +12,4 @@ function getStepsTestIds(dataTestId) {
12
12
  }
13
13
 
14
14
  exports.getStepsTestIds = getStepsTestIds;
15
+ //# sourceMappingURL=getStepsTestIds.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getStepsTestIds.js","sources":["../src/utils/getStepsTestIds.ts"],"sourcesContent":["import { getDataTestId } from '@alfalab/core-components-shared';\n\nexport function getStepsTestIds(dataTestId: string) {\n return {\n steps: dataTestId,\n step: getDataTestId(dataTestId, 'step'),\n };\n}\n"],"names":["getDataTestId"],"mappings":";;;;;;AAEM,SAAU,eAAe,CAAC,UAAkB,EAAA;IAC9C,OAAO;AACH,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,IAAI,EAAEA,kCAAa,CAAC,UAAU,EAAE,MAAM,CAAC;KAC1C;AACL;;;;"}
@@ -1,3 +0,0 @@
1
- {
2
- "module": "../esm/shared/index.js"
3
- }
@@ -1,3 +0,0 @@
1
- {
2
- "module": "../esm/shared/index.js"
3
- }