@salutejs/plasma-new-hope 0.159.0-canary.1443.11131308290.0 → 0.159.0-canary.1443.11138999097.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (102) hide show
  1. package/cjs/components/Steps/Steps.css +11 -11
  2. package/cjs/components/Steps/Steps.js +19 -26
  3. package/cjs/components/Steps/Steps.js.map +1 -1
  4. package/cjs/components/Steps/Steps.styles.js +1 -1
  5. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  6. package/cjs/components/Steps/{Steps.styles_o055q.css → Steps.styles_vv31r6.css} +1 -1
  7. package/cjs/components/Steps/Steps.tokens.js +1 -0
  8. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  9. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  10. package/cjs/components/Steps/ui/StepItem/StepItem.js +6 -9
  11. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  12. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +14 -4
  13. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  14. package/{es/components/Steps/ui/StepItem/StepItem.styles_urheiv.css → cjs/components/Steps/ui/StepItem/StepItem.styles_1y1xj5d.css} +3 -3
  15. package/cjs/components/Steps/utils/getItemStatus.js +27 -0
  16. package/cjs/components/Steps/utils/getItemStatus.js.map +1 -0
  17. package/cjs/index.css +11 -11
  18. package/emotion/cjs/components/Steps/Steps.js +19 -26
  19. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  20. package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
  21. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +6 -9
  22. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +20 -11
  23. package/emotion/cjs/components/Steps/utils/getItemStatus.js +26 -0
  24. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +6 -6
  25. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -2
  26. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +14 -2
  27. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +6 -6
  28. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.js +0 -2
  29. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +14 -2
  30. package/emotion/es/components/Steps/Steps.js +19 -26
  31. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  32. package/emotion/es/components/Steps/Steps.tokens.js +1 -0
  33. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +7 -9
  34. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +20 -11
  35. package/emotion/es/components/Steps/utils/getItemStatus.js +20 -0
  36. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +6 -6
  37. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.js +0 -3
  38. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +14 -2
  39. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +6 -6
  40. package/emotion/es/examples/plasma_web/components/Steps/Steps.js +0 -3
  41. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +14 -2
  42. package/es/components/Steps/Steps.css +11 -11
  43. package/es/components/Steps/Steps.js +19 -26
  44. package/es/components/Steps/Steps.js.map +1 -1
  45. package/es/components/Steps/Steps.styles.js +1 -1
  46. package/es/components/Steps/Steps.styles.js.map +1 -1
  47. package/es/components/Steps/{Steps.styles_o055q.css → Steps.styles_vv31r6.css} +1 -1
  48. package/es/components/Steps/Steps.tokens.js +1 -0
  49. package/es/components/Steps/Steps.tokens.js.map +1 -1
  50. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  51. package/es/components/Steps/ui/StepItem/StepItem.js +6 -9
  52. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  53. package/es/components/Steps/ui/StepItem/StepItem.styles.js +14 -4
  54. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  55. package/{cjs/components/Steps/ui/StepItem/StepItem.styles_urheiv.css → es/components/Steps/ui/StepItem/StepItem.styles_1y1xj5d.css} +3 -3
  56. package/es/components/Steps/utils/getItemStatus.js +23 -0
  57. package/es/components/Steps/utils/getItemStatus.js.map +1 -0
  58. package/es/index.css +11 -11
  59. package/package.json +3 -2
  60. package/styled-components/cjs/components/Steps/Steps.js +19 -26
  61. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  62. package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
  63. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +6 -9
  64. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +14 -5
  65. package/styled-components/cjs/components/Steps/utils/getItemStatus.js +26 -0
  66. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +2 -2
  67. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -2
  68. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +14 -2
  69. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +2 -2
  70. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.js +0 -2
  71. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +14 -2
  72. package/styled-components/es/components/Steps/Steps.js +19 -26
  73. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  74. package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
  75. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +7 -9
  76. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +14 -5
  77. package/styled-components/es/components/Steps/utils/getItemStatus.js +20 -0
  78. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +2 -2
  79. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.js +0 -3
  80. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +14 -2
  81. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +2 -2
  82. package/styled-components/es/examples/plasma_web/components/Steps/Steps.js +0 -3
  83. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +14 -2
  84. package/types/components/Steps/Steps.d.ts +5 -3
  85. package/types/components/Steps/Steps.d.ts.map +1 -1
  86. package/types/components/Steps/Steps.tokens.d.ts +1 -0
  87. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  88. package/types/components/Steps/index.d.ts +1 -1
  89. package/types/components/Steps/index.d.ts.map +1 -1
  90. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  91. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +16 -4
  92. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  93. package/types/components/Steps/utils/getItemStatus.d.ts +9 -0
  94. package/types/components/Steps/utils/getItemStatus.d.ts.map +1 -0
  95. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts +2 -2
  96. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts.map +1 -1
  97. package/types/examples/plasma_web/components/Steps/Steps.d.ts +2 -2
  98. package/types/examples/plasma_web/components/Steps/Steps.d.ts.map +1 -1
  99. package/emotion/cjs/components/Steps/Steps.review-doc.mdx +0 -304
  100. package/emotion/es/components/Steps/Steps.review-doc.mdx +0 -304
  101. package/styled-components/cjs/components/Steps/Steps.review-doc.mdx +0 -304
  102. package/styled-components/es/components/Steps/Steps.review-doc.mdx +0 -304
package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js CHANGED
@@ -8,7 +8,7 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _Steps = /*#__PURE__*/require("../../../../components/Steps");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- size: 's',
11
+ size: 'm',
12
12
  view: 'default'
13
13
  },
14
14
  variations: {
@@ -17,7 +17,7 @@ var config = exports.config = {
17
17
  },
18
18
  size: {
19
19
  l: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":0.375rem;", ":2rem;", ":1.0625rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":1.5rem;", ":1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;"], _Steps.stepsTokens.indicatorSize, _Steps.stepsTokens.activeIndicatorSize, _Steps.stepsTokens.bulletSize, _Steps.stepsTokens.activeBulletSize, _Steps.stepsTokens.titlePaddingTop, _Steps.stepsTokens.contentPaddingTop, _Steps.stepsTokens.contentSidePadding, _Steps.stepsTokens.contentVerticalPadding, _Steps.stepsTokens.verticalContentPaddingLeft, _Steps.stepsTokens.smallIndicatorIndentHeight, _Steps.stepsTokens.largeIndicatorIndentHeight, _Steps.stepsTokens.smallBulletIndentHeight, _Steps.stepsTokens.largeBulletIndentHeight, _Steps.stepsTokens.indicatorFontFamily, _Steps.stepsTokens.indicatorFontSize, _Steps.stepsTokens.indicatorFontStyle, _Steps.stepsTokens.indicatorFontWeight, _Steps.stepsTokens.indicatorLetterSpacing, _Steps.stepsTokens.indicatorLineHeight, _Steps.stepsTokens.activeIndicatorFontFamily, _Steps.stepsTokens.activeIndicatorFontSize, _Steps.stepsTokens.activeIndicatorFontStyle, _Steps.stepsTokens.activeIndicatorFontWeight, _Steps.stepsTokens.activeIndicatorLetterSpacing, _Steps.stepsTokens.activeIndicatorLineHeight, _Steps.stepsTokens.titleFontFamily, _Steps.stepsTokens.titleFontSize, _Steps.stepsTokens.titleFontStyle, _Steps.stepsTokens.titleFontWeight, _Steps.stepsTokens.titleLetterSpacing, _Steps.stepsTokens.titleLineHeight, _Steps.stepsTokens.contentFontFamily, _Steps.stepsTokens.contentFontSize, _Steps.stepsTokens.contentFontStyle, _Steps.stepsTokens.contentFontWeight, _Steps.stepsTokens.contentLetterSpacing, _Steps.stepsTokens.contentLineHeight, _Steps.stepsTokens.dividerThickness),
20
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.625rem;", ":0.375rem;", ":1.75rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0.4375rem;", ":1.5rem;", ":1.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;"], _Steps.stepsTokens.indicatorSize, _Steps.stepsTokens.activeIndicatorSize, _Steps.stepsTokens.bulletSize, _Steps.stepsTokens.activeBulletSize, _Steps.stepsTokens.titlePaddingTop, _Steps.stepsTokens.contentPaddingTop, _Steps.stepsTokens.contentSidePadding, _Steps.stepsTokens.contentVerticalPadding, _Steps.stepsTokens.verticalContentPaddingLeft, _Steps.stepsTokens.smallIndicatorIndentHeight, _Steps.stepsTokens.largeIndicatorIndentHeight, _Steps.stepsTokens.smallBulletIndentHeight, _Steps.stepsTokens.largeBulletIndentHeight, _Steps.stepsTokens.indicatorFontFamily, _Steps.stepsTokens.indicatorFontSize, _Steps.stepsTokens.indicatorFontStyle, _Steps.stepsTokens.indicatorFontWeight, _Steps.stepsTokens.indicatorLetterSpacing, _Steps.stepsTokens.indicatorLineHeight, _Steps.stepsTokens.activeIndicatorFontFamily, _Steps.stepsTokens.activeIndicatorFontSize, _Steps.stepsTokens.activeIndicatorFontStyle, _Steps.stepsTokens.activeIndicatorFontWeight, _Steps.stepsTokens.activeIndicatorLetterSpacing, _Steps.stepsTokens.activeIndicatorLineHeight, _Steps.stepsTokens.titleFontFamily, _Steps.stepsTokens.titleFontSize, _Steps.stepsTokens.titleFontStyle, _Steps.stepsTokens.titleFontWeight, _Steps.stepsTokens.titleLetterSpacing, _Steps.stepsTokens.titleLineHeight, _Steps.stepsTokens.contentFontFamily, _Steps.stepsTokens.contentFontSize, _Steps.stepsTokens.contentFontStyle, _Steps.stepsTokens.contentFontWeight, _Steps.stepsTokens.contentLetterSpacing, _Steps.stepsTokens.contentLineHeight, _Steps.stepsTokens.dividerThickness),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.625rem;", ":0.375rem;", ":1.75rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0.4375rem;", ":1.25rem;", ":1.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;"], _Steps.stepsTokens.indicatorSize, _Steps.stepsTokens.activeIndicatorSize, _Steps.stepsTokens.bulletSize, _Steps.stepsTokens.activeBulletSize, _Steps.stepsTokens.titlePaddingTop, _Steps.stepsTokens.contentPaddingTop, _Steps.stepsTokens.contentSidePadding, _Steps.stepsTokens.contentVerticalPadding, _Steps.stepsTokens.verticalContentPaddingLeft, _Steps.stepsTokens.smallIndicatorIndentHeight, _Steps.stepsTokens.largeIndicatorIndentHeight, _Steps.stepsTokens.smallBulletIndentHeight, _Steps.stepsTokens.largeBulletIndentHeight, _Steps.stepsTokens.indicatorFontFamily, _Steps.stepsTokens.indicatorFontSize, _Steps.stepsTokens.indicatorFontStyle, _Steps.stepsTokens.indicatorFontWeight, _Steps.stepsTokens.indicatorLetterSpacing, _Steps.stepsTokens.indicatorLineHeight, _Steps.stepsTokens.activeIndicatorFontFamily, _Steps.stepsTokens.activeIndicatorFontSize, _Steps.stepsTokens.activeIndicatorFontStyle, _Steps.stepsTokens.activeIndicatorFontWeight, _Steps.stepsTokens.activeIndicatorLetterSpacing, _Steps.stepsTokens.activeIndicatorLineHeight, _Steps.stepsTokens.titleFontFamily, _Steps.stepsTokens.titleFontSize, _Steps.stepsTokens.titleFontStyle, _Steps.stepsTokens.titleFontWeight, _Steps.stepsTokens.titleLetterSpacing, _Steps.stepsTokens.titleLineHeight, _Steps.stepsTokens.contentFontFamily, _Steps.stepsTokens.contentFontSize, _Steps.stepsTokens.contentFontStyle, _Steps.stepsTokens.contentFontWeight, _Steps.stepsTokens.contentLetterSpacing, _Steps.stepsTokens.contentLineHeight, _Steps.stepsTokens.dividerThickness),
21
21
  s: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.375rem;", ":1.5rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;"], _Steps.stepsTokens.indicatorSize, _Steps.stepsTokens.activeIndicatorSize, _Steps.stepsTokens.bulletSize, _Steps.stepsTokens.activeBulletSize, _Steps.stepsTokens.titlePaddingTop, _Steps.stepsTokens.contentPaddingTop, _Steps.stepsTokens.contentSidePadding, _Steps.stepsTokens.contentVerticalPadding, _Steps.stepsTokens.verticalContentPaddingLeft, _Steps.stepsTokens.smallIndicatorIndentHeight, _Steps.stepsTokens.largeIndicatorIndentHeight, _Steps.stepsTokens.smallBulletIndentHeight, _Steps.stepsTokens.largeBulletIndentHeight, _Steps.stepsTokens.indicatorFontFamily, _Steps.stepsTokens.indicatorFontSize, _Steps.stepsTokens.indicatorFontStyle, _Steps.stepsTokens.indicatorFontWeight, _Steps.stepsTokens.indicatorLetterSpacing, _Steps.stepsTokens.indicatorLineHeight, _Steps.stepsTokens.activeIndicatorFontFamily, _Steps.stepsTokens.activeIndicatorFontSize, _Steps.stepsTokens.activeIndicatorFontStyle, _Steps.stepsTokens.activeIndicatorFontWeight, _Steps.stepsTokens.activeIndicatorLetterSpacing, _Steps.stepsTokens.activeIndicatorLineHeight, _Steps.stepsTokens.titleFontFamily, _Steps.stepsTokens.titleFontSize, _Steps.stepsTokens.titleFontStyle, _Steps.stepsTokens.titleFontWeight, _Steps.stepsTokens.titleLetterSpacing, _Steps.stepsTokens.titleLineHeight, _Steps.stepsTokens.contentFontFamily, _Steps.stepsTokens.contentFontSize, _Steps.stepsTokens.contentFontStyle, _Steps.stepsTokens.contentFontWeight, _Steps.stepsTokens.contentLetterSpacing, _Steps.stepsTokens.contentLineHeight, _Steps.stepsTokens.dividerThickness),
22
22
  xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem;", ":1.5rem;", ":0.5625rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;"], _Steps.stepsTokens.indicatorSize, _Steps.stepsTokens.activeIndicatorSize, _Steps.stepsTokens.bulletSize, _Steps.stepsTokens.activeBulletSize, _Steps.stepsTokens.titlePaddingTop, _Steps.stepsTokens.contentPaddingTop, _Steps.stepsTokens.contentSidePadding, _Steps.stepsTokens.contentVerticalPadding, _Steps.stepsTokens.verticalContentPaddingLeft, _Steps.stepsTokens.smallIndicatorIndentHeight, _Steps.stepsTokens.largeIndicatorIndentHeight, _Steps.stepsTokens.smallBulletIndentHeight, _Steps.stepsTokens.largeBulletIndentHeight, _Steps.stepsTokens.indicatorFontFamily, _Steps.stepsTokens.indicatorFontSize, _Steps.stepsTokens.indicatorFontStyle, _Steps.stepsTokens.indicatorFontWeight, _Steps.stepsTokens.indicatorLetterSpacing, _Steps.stepsTokens.indicatorLineHeight, _Steps.stepsTokens.activeIndicatorFontFamily, _Steps.stepsTokens.activeIndicatorFontSize, _Steps.stepsTokens.activeIndicatorFontStyle, _Steps.stepsTokens.activeIndicatorFontWeight, _Steps.stepsTokens.activeIndicatorLetterSpacing, _Steps.stepsTokens.activeIndicatorLineHeight, _Steps.stepsTokens.titleFontFamily, _Steps.stepsTokens.titleFontSize, _Steps.stepsTokens.titleFontStyle, _Steps.stepsTokens.titleFontWeight, _Steps.stepsTokens.titleLetterSpacing, _Steps.stepsTokens.titleLineHeight, _Steps.stepsTokens.contentFontFamily, _Steps.stepsTokens.contentFontSize, _Steps.stepsTokens.contentFontStyle, _Steps.stepsTokens.contentFontWeight, _Steps.stepsTokens.contentLetterSpacing, _Steps.stepsTokens.contentLineHeight, _Steps.stepsTokens.dividerThickness)
23
23
  }
package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.js CHANGED
@@ -7,7 +7,5 @@ exports.mergedConfig = exports.Steps = void 0;
7
7
  var _Steps = /*#__PURE__*/require("../../../../components/Steps");
8
8
  var _engines = /*#__PURE__*/require("../../../../engines");
9
9
  var _Steps2 = /*#__PURE__*/require("./Steps.config");
10
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
11
- // @ts-ignore todo
12
10
  var mergedConfig = exports.mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Steps.stepsConfig, _Steps2.config);
13
11
  var Steps = exports.Steps = /*#__PURE__*/(0, _engines.component)(mergedConfig);
package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx CHANGED
@@ -36,7 +36,19 @@ const renderIndicator = ({ status, size }) => {
36
36
  };
37
37
 
38
38
  const DefaultStory = (args) => {
39
- const { maxWidth, title, content, size, indicatorType, quantity, hasContent, loading, disabled, simple } = args;
39
+ const {
40
+ maxWidth,
41
+ title,
42
+ content,
43
+ size,
44
+ indicatorType,
45
+ quantity,
46
+ hasContent,
47
+ loading,
48
+ disabled,
49
+ simple,
50
+ ...rest
51
+ } = args;
40
52
 
41
53
  const innerTitle = title || 'Title';
42
54
 
@@ -100,7 +112,7 @@ const DefaultStory = (args) => {
100
112
 
101
113
  return (
102
114
  <div style={{ maxWidth }}>
103
- <Steps size={size} items={items} onChange={onChange} hasLoader={loading} {...args} />
115
+ <Steps size={size} items={items} onChange={onChange} hasLoader={loading} {...rest} />
104
116
  </div>
105
117
  );
106
118
  };
package/styled-components/es/components/Steps/Steps.js CHANGED
@@ -15,16 +15,16 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
15
15
  import React, { forwardRef, useState, useEffect } from 'react';
16
16
  import cls from 'classnames';
17
17
  import { classes } from './Steps.tokens';
18
- import { base } from './Steps.styles';
19
18
  import { StepItem } from './ui';
19
+ import { base } from './Steps.styles';
20
20
  import { base as sizeCSS } from './variations/_size/base';
21
21
  import { base as viewCSS } from './variations/_view/base';
22
+ import { getItemStatus } from './utils/getItemStatus';
22
23
  export var stepsRoot = function stepsRoot(Root) {
23
24
  return /*#__PURE__*/forwardRef(function (props, outerRef) {
24
25
  var _props$view = props.view,
25
26
  view = _props$view === void 0 ? 'default' : _props$view,
26
- _props$size = props.size,
27
- size = _props$size === void 0 ? 's' : _props$size,
27
+ size = props.size,
28
28
  _props$orientation = props.orientation,
29
29
  orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
30
30
  _props$contentAlign = props.contentAlign,
@@ -69,39 +69,32 @@ export var stepsRoot = function stepsRoot(Root) {
69
69
  ref: outerRef,
70
70
  className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, orientation === 'vertical'), classes.simple, isSimple), classes.hasIndicator, hasIndicator))
71
71
  }, rest), items.map(function (item, index) {
72
- var itemStatus = 'inactive';
73
- if (isUncontrolled) {
74
- if (current > index) {
75
- itemStatus = 'completed';
76
- } else if (current === index) {
77
- itemStatus = status || 'active';
78
- }
79
- } else {
80
- itemStatus = status || item.status || 'inactive';
81
- }
82
- if (item.disabled) {
83
- itemStatus = 'inactive';
84
- }
72
+ var itemStatus = getItemStatus({
73
+ isUncontrolled: isUncontrolled,
74
+ current: current,
75
+ status: status,
76
+ index: index,
77
+ item: item
78
+ });
85
79
  var isActive = itemStatus === 'active';
86
- var content = item.content;
87
- if (hasContent === 'active' && !isActive || hasContent === 'none') {
88
- content = '';
89
- }
80
+ var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
81
+ var itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';
82
+ var onClick = onChange ? function () {
83
+ return onChange(item, index, prevIndex);
84
+ } : undefined;
90
85
  return /*#__PURE__*/React.createElement(StepItem, {
91
86
  key: index,
92
87
  index: index,
93
88
  title: item.title,
94
- content: content,
89
+ content: itemContent,
95
90
  indicator: item.indicator,
96
91
  status: itemStatus,
97
92
  size: size,
98
93
  orientation: orientation,
99
- contentAlign: orientation === 'horizontal' ? contentAlign : 'left',
94
+ contentAlign: itemContentAlign,
100
95
  hasLine: hasLine,
101
96
  hasLoader: hasLoader && isActive,
102
- onClick: onChange ? function () {
103
- return onChange(item, index, prevIndex);
104
- } : undefined,
97
+ onClick: onClick,
105
98
  items: items
106
99
  });
107
100
  }));
@@ -118,6 +111,6 @@ export var stepsConfig = {
118
111
  },
119
112
  defaults: {
120
113
  view: 'default',
121
- size: 's'
114
+ size: 'm'
122
115
  }
123
116
  };
package/styled-components/es/components/Steps/Steps.styles.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from './Steps.tokens';
3
- export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;&.", "{align-items:center;&.", "{height:var(", ");}&:not(.", "){height:var(", ");}&.", "{&.", "{width:var(", ");height:auto;}&:not(.", "){width:var(", ");height:auto;}}}&.", "{display:inline;flex-direction:column;justify-content:center;&.", "{display:inline-flex;}}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.simple);
3
+ export var base = /*#__PURE__*/css(["display:flex;flex-direction:row;&.", "{align-items:center;&.", "{height:var(", ");}&:not(.", "){height:var(", ");}&.", "{&.", "{width:var(", ");height:100%;}&:not(.", "){width:var(", ");height:100%;}}}&.", "{display:inline;flex-direction:column;justify-content:center;&.", "{display:inline-flex;}}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.simple);
package/styled-components/es/components/Steps/Steps.tokens.js CHANGED
@@ -9,6 +9,7 @@ export var classes = {
9
9
  verticalOrientation: 'vertical-orientation',
10
10
  hasIndicator: 'item-has-indicator',
11
11
  activeItem: 'item-active',
12
+ indentDivider: 'indent-divider',
12
13
  transparentDivider: 'transparent-divider'
13
14
  };
14
15
  export var tokens = {
package/styled-components/es/components/Steps/ui/StepItem/StepItem.js CHANGED
@@ -12,6 +12,8 @@ import React, { useState, useEffect } from 'react';
12
12
  import cls from 'classnames';
13
13
  import { classes, tokens } from '../../Steps.tokens';
14
14
  import { Bullet, BulletIndicator, BulletIndicatorWrapper, StepItemContent, StepItemContentWrapper, StepItemDivider, StepItemStyled, StepItemTitle, SpinnerStyled } from './StepItem.styles';
15
+
16
+ // todo попробовать заменить через baseline выравнивание
15
17
  var indicatorSizesIndentsMap = {
16
18
  8: /*#__PURE__*/"var(".concat(tokens.smallBulletIndentHeight, ")"),
17
19
  16: /*#__PURE__*/"var(".concat(tokens.largeBulletIndentHeight, ")"),
@@ -61,7 +63,7 @@ export var StepItem = function StepItem(_ref) {
61
63
  } else {
62
64
  resultIndicatorSize = isActive ? 16 : 8;
63
65
  }
64
- var sizeToken = indicatorSizesIndentsMap[resultIndicatorSize];
66
+ var indentToken = indicatorSizesIndentsMap[resultIndicatorSize];
65
67
  var onMouseOver = clickable && !isDisabled ? function () {
66
68
  if (isDisabled) {
67
69
  setIsHovered(false);
@@ -88,14 +90,10 @@ export var StepItem = function StepItem(_ref) {
88
90
  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
89
91
  className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive))
90
92
  }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItemDivider, {
91
- className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive)),
92
- style: {
93
- height: isSimple ? 'none' : sizeToken,
94
- minHeight: sizeToken,
95
- maxHeight: isSimple ? 'none' : sizeToken
96
- }
93
+ className: cls(classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive)),
94
+ indentToken: indentToken
97
95
  }), hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
98
- size: hasIndicator ? "var(".concat(tokens.activeIndicatorSize, ")") : "var(".concat(tokens.activeBulletSize, ")")
96
+ hasIndicator: hasIndicator
99
97
  }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
100
98
  className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive))
101
99
  }, typeof indicator === 'function' && indicator({
@@ -113,6 +111,6 @@ export var StepItem = function StepItem(_ref) {
113
111
  onMouseOver: onMouseOver,
114
112
  onMouseOut: onMouseOut
115
113
  }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' && content(status, index, items), typeof content !== 'function' && content))), isSimple && !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
116
- className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine), classes.inactive, isInactive || isNextInactive))
114
+ className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.inactive, isInactive || isNextInactive))
117
115
  }));
118
116
  };
package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js CHANGED
@@ -7,8 +7,8 @@ var Spinner = /*#__PURE__*/component(mergedConfig);
7
7
  export var SpinnerStyled = /*#__PURE__*/styled(Spinner).withConfig({
8
8
  componentId: "plasma-new-hope__sc-bjma6z-0"
9
9
  })(["", ":", ";", ":var(", ");"], spinnerTokens.size, function (_ref) {
10
- var size = _ref.size;
11
- return size;
10
+ var hasIndicator = _ref.hasIndicator;
11
+ return hasIndicator ? "var(".concat(tokens.activeIndicatorSize, ")") : "var(".concat(tokens.activeBulletSize, ")");
12
12
  }, spinnerTokens.color, tokens.activeIndicatorColor);
13
13
  export var StepItemTitle = /*#__PURE__*/styled.div.withConfig({
14
14
  componentId: "plasma-new-hope__sc-bjma6z-1"
@@ -18,7 +18,7 @@ export var StepItemContent = /*#__PURE__*/styled.div.withConfig({
18
18
  })(["padding-top:var(", ");padding-right:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");word-break:break-word;color:var(", ");"], tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.contentColor);
19
19
  export var BulletIndicatorWrapper = /*#__PURE__*/styled.div.withConfig({
20
20
  componentId: "plasma-new-hope__sc-bjma6z-3"
21
- })(["display:flex;align-items:center;&:not(", "){flex:0;&.", "{width:100%;min-height:var(", ");}&:not(.", "){width:100%;min-height:var(", ");}&.", "{align-items:center;padding-right:var(", ");&.", "{min-width:var(", ");min-height:100%;}&:not(.", "){min-width:var(", ");min-height:100%;}}}&.", "{flex-direction:column;align-items:flex-start;justify-content:center;}&.", "{justify-content:center;}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, tokens.verticalContentPaddingLeft, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.centered);
21
+ })(["display:flex;align-items:center;&:not(.", "){flex:0;&.", "{width:100%;min-height:var(", ");}&:not(.", "){width:100%;min-height:var(", ");}&.", "{padding-right:var(", ");}}&.", "{flex-direction:column;align-items:center;justify-content:center;min-height:100%;&.", "{min-width:var(", ");}&:not(.", "){min-width:var(", ");}}&.", "{justify-content:center;}"], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, tokens.verticalContentPaddingLeft, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.centered);
22
22
  export var BulletIndicator = /*#__PURE__*/styled.div.withConfig({
23
23
  componentId: "plasma-new-hope__sc-bjma6z-4"
24
24
  })(["display:flex;align-items:center;justify-content:center;width:var(", ");height:var(", ");border-radius:50%;box-sizing:border-box;position:relative;color:var(", ");background-color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");color:var(", ");background:var(", ");}&.", "{color:var(", ");background:var(", ");&:before,&:after{background:var(", ");}}"], tokens.indicatorSize, tokens.indicatorSize, tokens.completedIndicatorColor, tokens.completedIndicatorBackground, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, classes.active, tokens.activeIndicatorSize, tokens.activeIndicatorSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackground);
@@ -27,10 +27,19 @@ export var Bullet = /*#__PURE__*/styled(BulletIndicator).withConfig({
27
27
  })(["width:var(", ");height:var(", ");&.", "{width:var(", ");height:var(", ");border:var(", ") var(", ");background-color:var(", ");}"], tokens.bulletSize, tokens.bulletSize, classes.active, tokens.activeBulletSize, tokens.activeBulletSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorBackground);
28
28
  export var StepItemDivider = /*#__PURE__*/styled.div.withConfig({
29
29
  componentId: "plasma-new-hope__sc-bjma6z-6"
30
- })(["width:100%;height:var(", ");flex:1;background-color:var(", ");&.", "{background-color:var(", ");}&.", "{background-color:transparent;}"], tokens.dividerThickness, tokens.activeIndicatorColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.transparentDivider);
30
+ })(["width:100%;height:var(", ");flex:1;background-color:var(", ");&.", "{background-color:var(", ");}&.", "{background-color:transparent;}&.", "{width:var(", ");height:100%;}&.", "{height:", ";min-height:", ";max-height:", ";&.", "{height:auto;max-height:none;}}"], tokens.dividerThickness, tokens.activeIndicatorColor, classes.inactive, tokens.inactiveIndicatorBackground, classes.transparentDivider, classes.verticalOrientation, tokens.dividerThickness, classes.indentDivider, function (_ref2) {
31
+ var indentToken = _ref2.indentToken;
32
+ return indentToken || '';
33
+ }, function (_ref3) {
34
+ var indentToken = _ref3.indentToken;
35
+ return indentToken || '';
36
+ }, function (_ref4) {
37
+ var indentToken = _ref4.indentToken;
38
+ return indentToken || '';
39
+ }, classes.simple);
31
40
  export var StepItemContentWrapper = /*#__PURE__*/styled.div.withConfig({
32
41
  componentId: "plasma-new-hope__sc-bjma6z-7"
33
42
  })(["&.", "{", "{padding-top:var(", ");padding-right:0;}", "{padding-top:var(", ");padding-bottom:var(", ");padding-right:0;}}"], classes.verticalOrientation, StepItemTitle, tokens.contentVerticalPadding, StepItemContent, tokens.contentVerticalPadding, tokens.contentVerticalPadding);
34
43
  export var StepItemStyled = /*#__PURE__*/styled.div.withConfig({
35
44
  componentId: "plasma-new-hope__sc-bjma6z-8"
36
- })(["display:flex;flex-direction:column;align-items:flex-start;&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{", "{color:var(", ");}}&.", "{&:not(", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{opacity:var(", ");}"], classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, classes.active, StepItemTitle, tokens.activeTitleColor, classes.inactive, StepItemTitle, tokens.inactiveTitleColor, classes.hovered, classes.active, StepItemTitle, tokens.activeTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.disabled, tokens.disabledOpacity);
45
+ })(["display:flex;flex-direction:column;align-items:flex-start;&.", "{flex-direction:row;align-items:stretch;", "{width:var(", ");height:100%;}}&.", "{", "{color:var(", ");}}&.", "{", "{color:var(", ");}}&.", "{&:not(.", "){", "{cursor:pointer;color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}&.", "{", "{color:var(", ");}", ",", "{color:var(", ");background:var(", ");}}", "{cursor:pointer;}}&.", "{align-items:center;", "{display:flex;flex-direction:column;align-items:center;padding-left:calc(var(", ") / 2);padding-right:calc(var(", ") / 2);", "{width:100%;}", ",", "{padding-right:0;text-align:center;}}}&.", "{opacity:var(", ");}"], classes.verticalOrientation, StepItemDivider, tokens.dividerThickness, classes.active, StepItemTitle, tokens.activeTitleColor, classes.inactive, StepItemTitle, tokens.inactiveTitleColor, classes.hovered, classes.active, StepItemTitle, tokens.activeTitleColorHover, BulletIndicator, Bullet, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackgroundHover, classes.inactive, StepItemTitle, tokens.inactiveTitleColorHover, BulletIndicator, Bullet, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackgroundHover, BulletIndicatorWrapper, classes.centered, StepItemContentWrapper, tokens.contentSidePadding, tokens.contentSidePadding, StepItemTitle, StepItemTitle, StepItemContent, classes.disabled, tokens.disabledOpacity);
package/styled-components/es/components/Steps/utils/getItemStatus.js ADDED
@@ -0,0 +1,20 @@
1
+ export var getItemStatus = function getItemStatus(_ref) {
2
+ var isUncontrolled = _ref.isUncontrolled,
3
+ current = _ref.current,
4
+ status = _ref.status,
5
+ index = _ref.index,
6
+ item = _ref.item;
7
+ if (item.disabled) {
8
+ return 'inactive';
9
+ }
10
+ if (!isUncontrolled) {
11
+ return status || item.status || 'inactive';
12
+ }
13
+ if (current > index) {
14
+ return 'completed';
15
+ }
16
+ if (current === index) {
17
+ return status || 'active';
18
+ }
19
+ return 'inactive';
20
+ };
package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js CHANGED
@@ -2,7 +2,7 @@ import { css } from 'styled-components';
2
2
  import { stepsTokens as tokens } from '../../../../components/Steps';
3
3
  export var config = {
4
4
  defaults: {
5
- size: 's',
5
+ size: 'm',
6
6
  view: 'default'
7
7
  },
8
8
  variations: {
@@ -11,7 +11,7 @@ export var config = {
11
11
  },
12
12
  size: {
13
13
  l: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":0.375rem;", ":2rem;", ":1.0625rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":1.5rem;", ":1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
14
- m: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.625rem;", ":0.375rem;", ":1.75rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0.4375rem;", ":1.5rem;", ":1.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
14
+ m: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.625rem;", ":0.375rem;", ":1.75rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0.4375rem;", ":1.25rem;", ":1.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
15
15
  s: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.375rem;", ":1.5rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
16
16
  xs: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem;", ":1.5rem;", ":0.5625rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
17
17
  }
package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.js CHANGED
@@ -1,9 +1,6 @@
1
1
  import { stepsConfig } from '../../../../components/Steps';
2
2
  import { component, mergeConfig } from '../../../../engines';
3
3
  import { config } from './Steps.config';
4
-
5
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
6
- // @ts-ignore todo
7
4
  var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
8
5
  var Steps = /*#__PURE__*/component(mergedConfig);
9
6
  export { Steps, mergedConfig };
package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx CHANGED
@@ -36,7 +36,19 @@ const renderIndicator = ({ status, size }) => {
36
36
  };
37
37
 
38
38
  const DefaultStory = (args) => {
39
- const { maxWidth, title, content, size, indicatorType, quantity, hasContent, loading, disabled, simple } = args;
39
+ const {
40
+ maxWidth,
41
+ title,
42
+ content,
43
+ size,
44
+ indicatorType,
45
+ quantity,
46
+ hasContent,
47
+ loading,
48
+ disabled,
49
+ simple,
50
+ ...rest
51
+ } = args;
40
52
 
41
53
  const innerTitle = title || 'Title';
42
54
 
@@ -100,7 +112,7 @@ const DefaultStory = (args) => {
100
112
 
101
113
  return (
102
114
  <div style={{ maxWidth }}>
103
- <Steps size={size} items={items} onChange={onChange} hasLoader={loading} {...args} />
115
+ <Steps size={size} items={items} onChange={onChange} hasLoader={loading} {...rest} />
104
116
  </div>
105
117
  );
106
118
  };
package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js CHANGED
@@ -2,7 +2,7 @@ import { css } from 'styled-components';
2
2
  import { stepsTokens as tokens } from '../../../../components/Steps';
3
3
  export var config = {
4
4
  defaults: {
5
- size: 's',
5
+ size: 'm',
6
6
  view: 'default'
7
7
  },
8
8
  variations: {
@@ -11,7 +11,7 @@ export var config = {
11
11
  },
12
12
  size: {
13
13
  l: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":0.375rem;", ":2rem;", ":1.0625rem;", ":0.75rem;", ":1rem;", ":0.625rem;", ":1.5rem;", ":1.25rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
14
- m: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.625rem;", ":0.375rem;", ":1.75rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0.4375rem;", ":1.5rem;", ":1.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
14
+ m: /*#__PURE__*/css(["", ":1.5rem;", ":2.25rem;", ":0.5rem;", ":1rem;", ":0.625rem;", ":0.375rem;", ":1.75rem;", ":0.875rem;", ":0.75rem;", ":0.75rem;", ":0.4375rem;", ":1.25rem;", ":1.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
15
15
  s: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.375rem;", ":1.5rem;", ":0.6875rem;", ":0.75rem;", ":0.5rem;", ":0.5rem;", ":1rem;", ":0.75rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness),
16
16
  xs: /*#__PURE__*/css(["", ":1.5rem;", ":1.5rem;", ":0.5rem;", ":1rem;", ":0.5rem;", ":0.25rem;", ":1.5rem;", ":0.5625rem;", ":0.75rem;", ":0.25rem;", ":0.25rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.125rem;"], tokens.indicatorSize, tokens.activeIndicatorSize, tokens.bulletSize, tokens.activeBulletSize, tokens.titlePaddingTop, tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentVerticalPadding, tokens.verticalContentPaddingLeft, tokens.smallIndicatorIndentHeight, tokens.largeIndicatorIndentHeight, tokens.smallBulletIndentHeight, tokens.largeBulletIndentHeight, tokens.indicatorFontFamily, tokens.indicatorFontSize, tokens.indicatorFontStyle, tokens.indicatorFontWeight, tokens.indicatorLetterSpacing, tokens.indicatorLineHeight, tokens.activeIndicatorFontFamily, tokens.activeIndicatorFontSize, tokens.activeIndicatorFontStyle, tokens.activeIndicatorFontWeight, tokens.activeIndicatorLetterSpacing, tokens.activeIndicatorLineHeight, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.dividerThickness)
17
17
  }
package/styled-components/es/examples/plasma_web/components/Steps/Steps.js CHANGED
@@ -1,9 +1,6 @@
1
1
  import { stepsConfig } from '../../../../components/Steps';
2
2
  import { component, mergeConfig } from '../../../../engines';
3
3
  import { config } from './Steps.config';
4
-
5
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
6
- // @ts-ignore todo
7
4
  var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
8
5
  var Steps = /*#__PURE__*/component(mergedConfig);
9
6
  export { Steps, mergedConfig };
package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx CHANGED
@@ -36,7 +36,19 @@ const renderIndicator = ({ status, size }) => {
36
36
  };
37
37
 
38
38
  const DefaultStory = (args) => {
39
- const { maxWidth, title, content, size, indicatorType, quantity, hasContent, loading, disabled, simple } = args;
39
+ const {
40
+ maxWidth,
41
+ title,
42
+ content,
43
+ size,
44
+ indicatorType,
45
+ quantity,
46
+ hasContent,
47
+ loading,
48
+ disabled,
49
+ simple,
50
+ ...rest
51
+ } = args;
40
52
 
41
53
  const innerTitle = title || 'Title';
42
54
 
@@ -100,7 +112,7 @@ const DefaultStory = (args) => {
100
112
 
101
113
  return (
102
114
  <div style={{ maxWidth }}>
103
- <Steps size={size} items={items} onChange={onChange} hasLoader={loading} {...args} />
115
+ <Steps size={size} items={items} onChange={onChange} hasLoader={loading} {...rest} />
104
116
  </div>
105
117
  );
106
118
  };
package/types/components/Steps/Steps.d.ts CHANGED
@@ -1,11 +1,12 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
2
  import type { RootPropsOmitOnChange } from '../../engines/types';
3
- import { StepsProps } from './Steps.types';
4
- export declare const stepsRoot: (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>) => React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
3
+ import { StepsProps as BaseStepsProps } from './Steps.types';
4
+ declare type StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
5
+ export declare const stepsRoot: (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) => React.ForwardRefExoticComponent<BaseStepsProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
5
6
  export declare const stepsConfig: {
6
7
  name: string;
7
8
  tag: string;
8
- layout: (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>) => React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
9
+ layout: (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) => React.ForwardRefExoticComponent<BaseStepsProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLDivElement>>;
9
10
  base: import("@linaria/core").LinariaClassName;
10
11
  variations: {
11
12
  size: import("@linaria/core").LinariaClassName;
@@ -16,4 +17,5 @@ export declare const stepsConfig: {
16
17
  size: string;
17
18
  };
18
19
  };
20
+ export {};
19
21
  //# sourceMappingURL=Steps.d.ts.map
package/types/components/Steps/Steps.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,cAAc,EAAE,MAAM,OAAO,CAAC;AAG/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,eAAO,MAAM,SAAS,SACZ,sBAAsB,cAAc,EAAE,UAAU,GAAG,KAAK,eAAe,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC,sFA2FxG,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBA7Fd,sBAAsB,cAAc,EAAE,UAAU,GAAG,KAAK,eAAe,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;CA0G7G,CAAC"}
1
+ {"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,cAAc,EAAE,MAAM,OAAO,CAAC;AAG/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAGjE,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AAO7D,aAAK,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAEpF,eAAO,MAAM,SAAS,SAAU,sBAAsB,cAAc,EAAE,UAAU,CAAC,mJA6E3E,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBA/EQ,sBAAsB,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CA4FhF,CAAC"}
package/types/components/Steps/Steps.tokens.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare const classes: {
9
9
  verticalOrientation: string;
10
10
  hasIndicator: string;
11
11
  activeItem: string;
12
+ indentDivider: string;
12
13
  transparentDivider: string;
13
14
  };
14
15
  export declare const tokens: {
package/types/components/Steps/Steps.tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Steps.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyElB,CAAC"}
1
+ {"version":3,"file":"Steps.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyElB,CAAC"}
package/types/components/Steps/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export { stepsConfig, stepsRoot } from './Steps';
2
2
  export { tokens as stepsTokens } from './Steps.tokens';
3
- export type { StepsProps } from './Steps.types';
3
+ export type { StepItemProps } from './ui/StepItem/StepItem.types';
4
4
  //# sourceMappingURL=index.d.ts.map
package/types/components/Steps/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC"}
package/types/components/Steps/ui/StepItem/StepItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StepItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAoBtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC3B,aAAa,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAClC,CA+LJ,CAAC"}
1
+ {"version":3,"file":"StepItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAqBtD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC3B,aAAa,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,gBAAgB,CAAC;CAClC,CA2LJ,CAAC"}
package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts CHANGED
@@ -1,12 +1,22 @@
1
1
  /// <reference types="react" />
2
2
  export declare const SpinnerStyled: import("@linaria/react").StyledComponent<{
3
- size: string;
4
- } & import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
3
+ hasIndicator?: boolean | undefined;
4
+ } & (import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
5
5
  width?: undefined;
6
6
  height?: undefined;
7
7
  size?: string | undefined;
8
8
  view?: string | undefined;
9
- } & import("react").RefAttributes<HTMLDivElement>>;
9
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
10
+ width: number;
11
+ height: number;
12
+ size?: undefined;
13
+ view?: string | undefined;
14
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
15
+ width: string;
16
+ height: string;
17
+ size?: undefined;
18
+ view?: string | undefined;
19
+ } & import("react").RefAttributes<HTMLDivElement>)))>;
10
20
  export declare const StepItemTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
11
21
  export declare const StepItemContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
12
22
  export declare const BulletIndicatorWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
@@ -14,7 +24,9 @@ export declare const BulletIndicator: import("@linaria/react").StyledComponent<i
14
24
  export declare const Bullet: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
15
25
  as?: import("react").ElementType<any> | undefined;
16
26
  }>;
17
- export declare const StepItemDivider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
27
+ export declare const StepItemDivider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
28
+ indentToken?: string | undefined;
29
+ }>;
18
30
  export declare const StepItemContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
19
31
  export declare const StepItemStyled: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
20
32
  //# sourceMappingURL=StepItem.styles.d.ts.map
package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"StepItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,aAAa;UAA2B,MAAM;;;;;;kDAG1D,CAAC;AAEF,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAc3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAwClC,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+C3B,CAAC;AAEF,eAAO,MAAM,MAAM;;EAYlB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAc3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAalC,CAAC;AAEF,eAAO,MAAM,cAAc,qKA+E1B,CAAC"}
1
+ {"version":3,"file":"StepItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;qDAIzB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAc3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAsClC,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+C3B,CAAC;AAEF,eAAO,MAAM,MAAM;;EAYlB,CAAC;AAEF,eAAO,MAAM,eAAe;;EA8B3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAalC,CAAC;AAEF,eAAO,MAAM,cAAc,qKA+E1B,CAAC"}
package/types/components/Steps/utils/getItemStatus.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { StepItemProps, StepStatus } from '../ui';
2
+ export declare const getItemStatus: ({ isUncontrolled, current, status, index, item, }: {
3
+ isUncontrolled: boolean;
4
+ current?: number | undefined;
5
+ status?: StepStatus | undefined;
6
+ index: number;
7
+ item: StepItemProps;
8
+ }) => StepStatus;
9
+ //# sourceMappingURL=getItemStatus.d.ts.map