@salutejs/plasma-new-hope 0.158.0-canary.1443.11127069754.0 → 0.158.0-canary.1451.11128265656.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (233) hide show
  1. package/cjs/components/TextArea/TextArea.js +23 -16
  2. package/cjs/components/TextArea/TextArea.js.map +1 -1
  3. package/cjs/components/TextArea/TextArea.tokens.js +18 -2
  4. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  5. package/cjs/components/{Steps/variations/_size → TextArea/variations/_clear}/base.js +2 -2
  6. package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
  7. package/cjs/components/TextArea/variations/_clear/base_vidplj.css +1 -0
  8. package/cjs/components/TextArea/variations/_view/base.js +1 -1
  9. package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
  10. package/cjs/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
  11. package/cjs/index.css +3 -13
  12. package/cjs/index.js +0 -5
  13. package/cjs/index.js.map +1 -1
  14. package/emotion/cjs/components/TextArea/TextArea.js +24 -17
  15. package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  16. package/emotion/cjs/components/TextArea/TextArea.tokens.js +18 -2
  17. package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  18. package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
  19. package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
  20. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  21. package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  22. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  23. package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  24. package/emotion/cjs/index.js +0 -11
  25. package/emotion/es/components/TextArea/TextArea.js +22 -15
  26. package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  27. package/emotion/es/components/TextArea/TextArea.tokens.js +18 -2
  28. package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  29. package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
  30. package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
  31. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  32. package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  33. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
  34. package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  35. package/emotion/es/index.js +0 -1
  36. package/es/components/TextArea/TextArea.js +23 -16
  37. package/es/components/TextArea/TextArea.js.map +1 -1
  38. package/es/components/TextArea/TextArea.tokens.js +18 -2
  39. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  40. package/es/components/{Steps/variations/_view → TextArea/variations/_clear}/base.js +2 -2
  41. package/es/components/TextArea/variations/_clear/base.js.map +1 -0
  42. package/es/components/TextArea/variations/_clear/base_vidplj.css +1 -0
  43. package/es/components/TextArea/variations/_view/base.js +1 -1
  44. package/es/components/TextArea/variations/_view/base.js.map +1 -1
  45. package/es/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
  46. package/es/index.css +3 -13
  47. package/es/index.js +0 -2
  48. package/es/index.js.map +1 -1
  49. package/package.json +2 -2
  50. package/styled-components/cjs/components/TextArea/TextArea.js +23 -16
  51. package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
  52. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +18 -2
  53. package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  54. package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
  55. package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
  56. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  57. package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  58. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  59. package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  60. package/styled-components/cjs/index.js +0 -11
  61. package/styled-components/es/components/TextArea/TextArea.js +21 -14
  62. package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
  63. package/styled-components/es/components/TextArea/TextArea.tokens.js +18 -2
  64. package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
  65. package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
  66. package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
  67. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
  68. package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
  69. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
  70. package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
  71. package/styled-components/es/index.js +0 -1
  72. package/types/components/TextArea/TextArea.d.ts +4 -0
  73. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  74. package/types/components/TextArea/TextArea.tokens.d.ts +16 -0
  75. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  76. package/types/components/TextArea/TextArea.types.d.ts +15 -3
  77. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  78. package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
  79. package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
  80. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
  81. package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
  82. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
  83. package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
  84. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
  85. package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
  86. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
  87. package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
  88. package/types/index.d.ts +0 -1
  89. package/types/index.d.ts.map +1 -1
  90. package/cjs/components/Steps/Steps.css +0 -18
  91. package/cjs/components/Steps/Steps.js +0 -118
  92. package/cjs/components/Steps/Steps.js.map +0 -1
  93. package/cjs/components/Steps/Steps.styles.js +0 -9
  94. package/cjs/components/Steps/Steps.styles.js.map +0 -1
  95. package/cjs/components/Steps/Steps.styles_1qandre.css +0 -1
  96. package/cjs/components/Steps/Steps.tokens.js +0 -81
  97. package/cjs/components/Steps/Steps.tokens.js.map +0 -1
  98. package/cjs/components/Steps/ui/StepItem/StepItem.css +0 -16
  99. package/cjs/components/Steps/ui/StepItem/StepItem.js +0 -117
  100. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +0 -1
  101. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -83
  102. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
  103. package/cjs/components/Steps/ui/StepItem/StepItem.styles_1nnkvta.css +0 -9
  104. package/cjs/components/Steps/variations/_size/base.js.map +0 -1
  105. package/cjs/components/Steps/variations/_size/base_x642ct.css +0 -1
  106. package/cjs/components/Steps/variations/_view/base.js +0 -9
  107. package/cjs/components/Steps/variations/_view/base.js.map +0 -1
  108. package/cjs/components/Steps/variations/_view/base_x642ct.css +0 -1
  109. package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  110. package/emotion/cjs/components/Steps/Steps.js +0 -130
  111. package/emotion/cjs/components/Steps/Steps.review-doc.mdx +0 -304
  112. package/emotion/cjs/components/Steps/Steps.styles.js +0 -9
  113. package/emotion/cjs/components/Steps/Steps.template-doc.mdx +0 -86
  114. package/emotion/cjs/components/Steps/Steps.tokens.js +0 -79
  115. package/emotion/cjs/components/Steps/Steps.types.js +0 -5
  116. package/emotion/cjs/components/Steps/index.js +0 -25
  117. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +0 -127
  118. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -52
  119. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.types.js +0 -5
  120. package/emotion/cjs/components/Steps/ui/StepItem/index.js +0 -12
  121. package/emotion/cjs/components/Steps/ui/index.js +0 -16
  122. package/emotion/cjs/components/Steps/variations/_size/base.js +0 -8
  123. package/emotion/cjs/components/Steps/variations/_size/tokens.json +0 -1
  124. package/emotion/cjs/components/Steps/variations/_view/base.js +0 -8
  125. package/emotion/cjs/components/Steps/variations/_view/tokens.json +0 -1
  126. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
  127. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -13
  128. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  129. package/emotion/es/components/Steps/Steps.js +0 -121
  130. package/emotion/es/components/Steps/Steps.review-doc.mdx +0 -304
  131. package/emotion/es/components/Steps/Steps.styles.js +0 -3
  132. package/emotion/es/components/Steps/Steps.template-doc.mdx +0 -86
  133. package/emotion/es/components/Steps/Steps.tokens.js +0 -73
  134. package/emotion/es/components/Steps/Steps.types.js +0 -1
  135. package/emotion/es/components/Steps/index.js +0 -2
  136. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +0 -118
  137. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -45
  138. package/emotion/es/components/Steps/ui/StepItem/StepItem.types.js +0 -1
  139. package/emotion/es/components/Steps/ui/StepItem/index.js +0 -1
  140. package/emotion/es/components/Steps/ui/index.js +0 -1
  141. package/emotion/es/components/Steps/variations/_size/base.js +0 -2
  142. package/emotion/es/components/Steps/variations/_size/tokens.json +0 -1
  143. package/emotion/es/components/Steps/variations/_view/base.js +0 -2
  144. package/emotion/es/components/Steps/variations/_view/tokens.json +0 -1
  145. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
  146. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.js +0 -9
  147. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  148. package/es/components/Steps/Steps.css +0 -18
  149. package/es/components/Steps/Steps.js +0 -113
  150. package/es/components/Steps/Steps.js.map +0 -1
  151. package/es/components/Steps/Steps.styles.js +0 -5
  152. package/es/components/Steps/Steps.styles.js.map +0 -1
  153. package/es/components/Steps/Steps.styles_1qandre.css +0 -1
  154. package/es/components/Steps/Steps.tokens.js +0 -76
  155. package/es/components/Steps/Steps.tokens.js.map +0 -1
  156. package/es/components/Steps/ui/StepItem/StepItem.css +0 -16
  157. package/es/components/Steps/ui/StepItem/StepItem.js +0 -113
  158. package/es/components/Steps/ui/StepItem/StepItem.js.map +0 -1
  159. package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -71
  160. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
  161. package/es/components/Steps/ui/StepItem/StepItem.styles_1nnkvta.css +0 -9
  162. package/es/components/Steps/variations/_size/base.js +0 -5
  163. package/es/components/Steps/variations/_size/base.js.map +0 -1
  164. package/es/components/Steps/variations/_size/base_x642ct.css +0 -1
  165. package/es/components/Steps/variations/_view/base.js.map +0 -1
  166. package/es/components/Steps/variations/_view/base_x642ct.css +0 -1
  167. package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
  168. package/styled-components/cjs/components/Steps/Steps.js +0 -130
  169. package/styled-components/cjs/components/Steps/Steps.review-doc.mdx +0 -304
  170. package/styled-components/cjs/components/Steps/Steps.styles.js +0 -9
  171. package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +0 -86
  172. package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -79
  173. package/styled-components/cjs/components/Steps/Steps.types.js +0 -5
  174. package/styled-components/cjs/components/Steps/index.js +0 -25
  175. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +0 -127
  176. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -43
  177. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.types.js +0 -5
  178. package/styled-components/cjs/components/Steps/ui/StepItem/index.js +0 -12
  179. package/styled-components/cjs/components/Steps/ui/index.js +0 -16
  180. package/styled-components/cjs/components/Steps/variations/_size/base.js +0 -8
  181. package/styled-components/cjs/components/Steps/variations/_size/tokens.json +0 -1
  182. package/styled-components/cjs/components/Steps/variations/_view/base.js +0 -8
  183. package/styled-components/cjs/components/Steps/variations/_view/tokens.json +0 -1
  184. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
  185. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -13
  186. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  187. package/styled-components/es/components/Steps/Steps.js +0 -121
  188. package/styled-components/es/components/Steps/Steps.review-doc.mdx +0 -304
  189. package/styled-components/es/components/Steps/Steps.styles.js +0 -3
  190. package/styled-components/es/components/Steps/Steps.template-doc.mdx +0 -86
  191. package/styled-components/es/components/Steps/Steps.tokens.js +0 -73
  192. package/styled-components/es/components/Steps/Steps.types.js +0 -1
  193. package/styled-components/es/components/Steps/index.js +0 -2
  194. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +0 -118
  195. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -36
  196. package/styled-components/es/components/Steps/ui/StepItem/StepItem.types.js +0 -1
  197. package/styled-components/es/components/Steps/ui/StepItem/index.js +0 -1
  198. package/styled-components/es/components/Steps/ui/index.js +0 -1
  199. package/styled-components/es/components/Steps/variations/_size/base.js +0 -2
  200. package/styled-components/es/components/Steps/variations/_size/tokens.json +0 -1
  201. package/styled-components/es/components/Steps/variations/_view/base.js +0 -2
  202. package/styled-components/es/components/Steps/variations/_view/tokens.json +0 -1
  203. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
  204. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.js +0 -9
  205. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
  206. package/types/components/Steps/Steps.d.ts +0 -23
  207. package/types/components/Steps/Steps.d.ts.map +0 -1
  208. package/types/components/Steps/Steps.styles.d.ts +0 -2
  209. package/types/components/Steps/Steps.styles.d.ts.map +0 -1
  210. package/types/components/Steps/Steps.tokens.d.ts +0 -74
  211. package/types/components/Steps/Steps.tokens.d.ts.map +0 -1
  212. package/types/components/Steps/Steps.types.d.ts +0 -55
  213. package/types/components/Steps/Steps.types.d.ts.map +0 -1
  214. package/types/components/Steps/index.d.ts +0 -4
  215. package/types/components/Steps/index.d.ts.map +0 -1
  216. package/types/components/Steps/ui/StepItem/StepItem.d.ts +0 -17
  217. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +0 -1
  218. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +0 -20
  219. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +0 -1
  220. package/types/components/Steps/ui/StepItem/StepItem.types.d.ts +0 -35
  221. package/types/components/Steps/ui/StepItem/StepItem.types.d.ts.map +0 -1
  222. package/types/components/Steps/ui/StepItem/index.d.ts +0 -3
  223. package/types/components/Steps/ui/StepItem/index.d.ts.map +0 -1
  224. package/types/components/Steps/ui/index.d.ts +0 -2
  225. package/types/components/Steps/ui/index.d.ts.map +0 -1
  226. package/types/components/Steps/variations/_size/base.d.ts.map +0 -1
  227. package/types/components/Steps/variations/_view/base.d.ts +0 -2
  228. package/types/components/Steps/variations/_view/base.d.ts.map +0 -1
  229. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts +0 -18
  230. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +0 -1
  231. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts +0 -35
  232. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts.map +0 -1
  233. /package/types/components/{Steps/variations/_size → TextArea/variations/_clear}/base.d.ts +0 -0
@@ -1,19 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { stepsTokens as tokens } from '../../../../components/Steps';
3
- export var config = {
4
- defaults: {
5
- size: 's',
6
- view: 'default'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-primary-hover);", ":solid var(--surface-solid-default);", ":var(--text-primary);", ":var(--surface-clear);", ":var(--inverse-text-primary);", ":var(--inverse-text-primary-hover);", ":var(--surface-solid-default);", ":var(--surface-solid-default-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--text-secondary);", ":var(--text-secondary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-secondary);", ":0.4;"], tokens.activeTitleColor, tokens.activeTitleColorHover, tokens.activeIndicatorBorder, tokens.activeIndicatorColor, tokens.activeIndicatorBackground, tokens.completedIndicatorColor, tokens.completedIndicatorColorHover, tokens.completedIndicatorBackground, tokens.completedIndicatorBackgroundHover, tokens.inactiveTitleColor, tokens.inactiveTitleColorHover, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorColorHover, tokens.inactiveIndicatorBackground, tokens.inactiveIndicatorBackgroundHover, tokens.contentColor, tokens.disabledOpacity)
11
- },
12
- size: {
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),
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
- 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
- }
18
- }
19
- };
@@ -1,9 +0,0 @@
1
- import { stepsConfig } from '../../../../components/Steps';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Steps.config';
4
-
5
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
6
- // @ts-ignore todo
7
- var mergedConfig = /*#__PURE__*/mergeConfig(stepsConfig, config);
8
- var Steps = /*#__PURE__*/component(mergedConfig);
9
- export { Steps, mergedConfig };
@@ -1,169 +0,0 @@
1
- import React, { useState, useEffect } from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { IconMic } from '../../../../components/_Icon';
7
- import { argTypesFromConfig, WithTheme } from '../../../_helpers';
8
- import { StepItemProps } from '../../../../components/Steps/ui';
9
-
10
- import { Steps, mergedConfig } from './Steps';
11
-
12
- const meta: Meta<typeof Steps> = {
13
- title: 'plasma_b2c/Steps',
14
- decorators: [WithTheme],
15
- component: Steps,
16
- argTypes: {
17
- ...argTypesFromConfig(mergedConfig),
18
- },
19
- };
20
-
21
- export default meta;
22
-
23
- type Story = StoryObj<ComponentProps<typeof Steps>>;
24
-
25
- const renderIndicator = ({ status, size }) => {
26
- let iconSize;
27
- if (size === 'xs' || size === 's') {
28
- iconSize = 'xs';
29
- } else if (status === 'active') {
30
- iconSize = 's';
31
- } else {
32
- iconSize = 'xs';
33
- }
34
-
35
- return <IconMic color="inherit" size={iconSize} />;
36
- };
37
-
38
- const DefaultStory = (args) => {
39
- const { maxWidth, title, content, size, indicatorType, quantity, hasContent, loading, disabled, simple } = args;
40
-
41
- const innerTitle = title || 'Title';
42
-
43
- const [items, setItems] = useState([]);
44
-
45
- useEffect(() => {
46
- const newItems = new Array(quantity).fill(null).map((_, index) => {
47
- const indicator = index + 1;
48
-
49
- if (simple) {
50
- return {
51
- indicator,
52
- status: 'inactive',
53
- };
54
- }
55
-
56
- return {
57
- title: innerTitle,
58
- content,
59
- indicator,
60
- status: 'inactive',
61
- };
62
- });
63
-
64
- setItems(newItems);
65
- }, [hasContent, loading, quantity, innerTitle, content, simple]);
66
-
67
- useEffect(() => {
68
- setItems((curItems) =>
69
- curItems.map((item, index) => {
70
- if (indicatorType === 'numbered') {
71
- return { ...item, indicator: index + 1 };
72
- }
73
-
74
- if (indicatorType === 'bullet') {
75
- return { ...item, indicator: undefined };
76
- }
77
-
78
- if (indicatorType === 'icon') {
79
- return { ...item, indicator: renderIndicator };
80
- }
81
-
82
- return item;
83
- }),
84
- );
85
- }, [indicatorType]);
86
-
87
- useEffect(() => {
88
- setItems((curItems) => curItems.map((item) => ({ ...item, disabled })));
89
- }, [disabled]);
90
-
91
- const onChange = (item: StepItemProps, index: number, prevIndex: number) => {
92
- if (prevIndex !== undefined) {
93
- items[prevIndex].status = 'completed';
94
- }
95
-
96
- items[index].status = 'active';
97
-
98
- setItems([...items]);
99
- };
100
-
101
- return (
102
- <div style={{ maxWidth }}>
103
- <Steps size={size} items={items} onChange={onChange} hasLoader={loading} {...args} />
104
- </div>
105
- );
106
- };
107
-
108
- export const Default: Story = {
109
- args: {
110
- maxWidth: '100%',
111
- quantity: 6,
112
- size: 'm',
113
- title: 'Title',
114
- content: 'Content',
115
- contentAlign: 'left',
116
- indicatorType: 'numbered',
117
- orientation: 'horizontal',
118
- hasLine: true,
119
- hasContent: 'all',
120
- disabled: false,
121
- loading: false,
122
- simple: false,
123
- },
124
- argTypes: {
125
- maxWidth: {
126
- control: {
127
- type: 'text',
128
- },
129
- },
130
- size: {
131
- options: ['xs', 's', 'm', 'l'],
132
- control: {
133
- type: 'inline-radio',
134
- },
135
- },
136
- orientation: {
137
- options: ['horizontal', 'vertical'],
138
- control: {
139
- type: 'inline-radio',
140
- },
141
- },
142
- contentAlign: {
143
- options: ['left', 'center'],
144
- control: {
145
- type: 'inline-radio',
146
- },
147
- if: { arg: 'orientation', eq: 'horizontal' },
148
- },
149
- indicatorType: {
150
- options: ['numbered', 'bullet', 'icon'],
151
- control: {
152
- type: 'inline-radio',
153
- },
154
- },
155
- hasContent: {
156
- options: ['all', 'active', 'none'],
157
- control: {
158
- type: 'inline-radio',
159
- },
160
- },
161
- simple: {
162
- control: {
163
- type: 'boolean',
164
- },
165
- },
166
- ...disableProps(['view']),
167
- },
168
- render: (args) => <DefaultStory {...args} />,
169
- };
@@ -1,23 +0,0 @@
1
- import React, { HTMLAttributes } from 'react';
2
- import type { RootProps } from '../../engines/types';
3
- import { StepsProps } from './Steps.types';
4
- export declare const stepsRoot: (Root: RootProps<HTMLDivElement & Pick<StepsProps, 'onChange'>, Omit<StepsProps & {
5
- view: 'default';
6
- } & HTMLAttributes<HTMLDivElement>, 'onChange'>>) => React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
7
- export declare const stepsConfig: {
8
- name: string;
9
- tag: string;
10
- layout: (Root: RootProps<HTMLDivElement & Pick<StepsProps, 'onChange'>, Omit<StepsProps & {
11
- view: 'default';
12
- } & HTMLAttributes<HTMLDivElement>, 'onChange'>>) => React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLDivElement>>;
13
- base: import("@linaria/core").LinariaClassName;
14
- variations: {
15
- size: import("@linaria/core").LinariaClassName;
16
- view: import("@linaria/core").LinariaClassName;
17
- };
18
- defaults: {
19
- view: string;
20
- size: string;
21
- };
22
- };
23
- //# sourceMappingURL=Steps.d.ts.map
@@ -1 +0,0 @@
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,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,eAAO,MAAM,SAAS,SACZ,UACF,cAAc,GAAG,KAAK,UAAU,EAAE,UAAU,CAAC,EAC7C,KAAK,UAAU,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,cAAc,CAAC,EAAE,UAAU,CAAC,CACtF,sFA0FC,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBA/Fd,UACF,cAAc,GAAG,KAAK,UAAU,EAAE,UAAU,CAAC,EAC7C,KAAK,UAAU,GAAG;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,GAAG,eAAe,cAAc,CAAC,EAAE,UAAU,CAAC,CACtF;;;;;;;;;;CAyGJ,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=Steps.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Steps.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAmChB,CAAC"}
@@ -1,74 +0,0 @@
1
- export declare const classes: {
2
- simple: string;
3
- centered: string;
4
- active: string;
5
- inactive: string;
6
- clickable: string;
7
- hovered: string;
8
- disabled: string;
9
- verticalOrientation: string;
10
- hasIndicator: string;
11
- activeItem: string;
12
- transparentDivider: string;
13
- };
14
- export declare const tokens: {
15
- indicatorSize: string;
16
- activeIndicatorSize: string;
17
- bulletSize: string;
18
- activeBulletSize: string;
19
- titlePaddingTop: string;
20
- contentPaddingTop: string;
21
- contentPaddingRight: string;
22
- contentSidePadding: string;
23
- contentVerticalPadding: string;
24
- verticalContentPaddingLeft: string;
25
- smallIndicatorIndentHeight: string;
26
- largeIndicatorIndentHeight: string;
27
- smallBulletIndentHeight: string;
28
- largeBulletIndentHeight: string;
29
- titleFontFamily: string;
30
- titleFontSize: string;
31
- titleFontStyle: string;
32
- titleFontWeight: string;
33
- titleLetterSpacing: string;
34
- titleLineHeight: string;
35
- contentFontFamily: string;
36
- contentFontSize: string;
37
- contentFontStyle: string;
38
- contentFontWeight: string;
39
- contentLetterSpacing: string;
40
- contentLineHeight: string;
41
- indicatorFontFamily: string;
42
- indicatorFontSize: string;
43
- indicatorFontStyle: string;
44
- indicatorFontWeight: string;
45
- indicatorLetterSpacing: string;
46
- indicatorLineHeight: string;
47
- activeIndicatorFontFamily: string;
48
- activeIndicatorFontSize: string;
49
- activeIndicatorFontStyle: string;
50
- activeIndicatorFontWeight: string;
51
- activeIndicatorLetterSpacing: string;
52
- activeIndicatorLineHeight: string;
53
- activeTitleColor: string;
54
- activeTitleColorHover: string;
55
- inactiveTitleColor: string;
56
- inactiveTitleColorHover: string;
57
- contentColor: string;
58
- activeIndicatorBorder: string;
59
- activeIndicatorBorderHover: string;
60
- activeIndicatorColor: string;
61
- activeIndicatorColorHover: string;
62
- activeIndicatorBackground: string;
63
- completedIndicatorColor: string;
64
- completedIndicatorColorHover: string;
65
- completedIndicatorBackground: string;
66
- completedIndicatorBackgroundHover: string;
67
- inactiveIndicatorColor: string;
68
- inactiveIndicatorColorHover: string;
69
- inactiveIndicatorBackground: string;
70
- inactiveIndicatorBackgroundHover: string;
71
- disabledOpacity: string;
72
- dividerThickness: string;
73
- };
74
- //# sourceMappingURL=Steps.tokens.d.ts.map
@@ -1 +0,0 @@
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,55 +0,0 @@
1
- import { StepStatus, StepItemProps } from './ui';
2
- export declare type StepsContent = 'all' | 'active' | 'none';
3
- export declare type StepsSize = 'xs' | 's' | 'm' | 'l';
4
- export interface StepsProps {
5
- /**
6
- * Массив шагов
7
- * @default []
8
- */
9
- items?: StepItemProps[];
10
- /**
11
- * Размер шага
12
- */
13
- size?: StepsSize;
14
- /**
15
- * Ориентация компонента
16
- * @default 'horizontal'
17
- */
18
- orientation?: 'horizontal' | 'vertical';
19
- /**
20
- * Выравнивание контента в шагах
21
- * @default 'left'
22
- */
23
- contentAlign?: 'left' | 'center';
24
- /**
25
- * Включает разделительную линию
26
- * @default true
27
- */
28
- hasLine?: boolean;
29
- /**
30
- * Режим отображения контента
31
- * @default 'all'
32
- * @description
33
- * all - контент у всех элементов
34
- * active - только у активного
35
- * none - контент скрыт
36
- */
37
- hasContent?: StepsContent;
38
- /**
39
- * Отображает лоадер вместо индикатора активного шага.
40
- */
41
- hasLoader?: boolean;
42
- /**
43
- * Индекс текущего шага, для uncontrolled компонента
44
- */
45
- current?: number;
46
- /**
47
- * Статус текущего шага, имеет приоритет над item.status
48
- */
49
- status?: StepStatus;
50
- /**
51
- * Обработчик изменения шага, делает индикаторы и заголовки шагов кликабельными
52
- */
53
- onChange?: (item: StepItemProps, index: number, prevIndex?: number) => void;
54
- }
55
- //# sourceMappingURL=Steps.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Steps.types.d.ts","sourceRoot":"","sources":["../../../src/components/Steps/Steps.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,MAAM,CAAC;AAEjD,oBAAY,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AACrD,oBAAY,SAAS,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE/C,MAAM,WAAW,UAAU;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/E"}
@@ -1,4 +0,0 @@
1
- export { stepsConfig, stepsRoot } from './Steps';
2
- export { tokens as stepsTokens } from './Steps.tokens';
3
- export type { StepsProps } from './Steps.types';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
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,17 +0,0 @@
1
- import React from 'react';
2
- import { StepsSize } from '../../Steps.types';
3
- import type { StepItemProps } from './StepItem.types';
4
- export declare const StepItem: React.FC<StepItemProps & {
5
- index: number;
6
- items: StepItemProps[];
7
- size: StepsSize;
8
- hasLine?: boolean;
9
- hasContent?: 'all' | 'active' | 'none';
10
- hasLoader?: boolean;
11
- isFirst?: boolean;
12
- isLast?: boolean;
13
- onClick?: (item: StepItemProps, index: number) => void;
14
- contentAlign?: 'left' | 'center';
15
- orientation?: 'horizontal' | 'vertical';
16
- }>;
17
- //# sourceMappingURL=StepItem.d.ts.map
@@ -1 +0,0 @@
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,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,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,SAAS,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,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,MAAM,GAAG,QAAQ,CAAC;IACjC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAC3C,CA+LJ,CAAC"}
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
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> & {
5
- width?: undefined;
6
- height?: undefined;
7
- size?: string | undefined;
8
- view?: string | undefined;
9
- } & import("react").RefAttributes<HTMLDivElement>>;
10
- export declare const StepItemTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
11
- export declare const StepItemContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
12
- export declare const BulletIndicatorWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
13
- export declare const BulletIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
14
- export declare const Bullet: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
15
- as?: import("react").ElementType<any> | undefined;
16
- }>;
17
- export declare const StepItemDivider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
18
- export declare const StepItemContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
19
- export declare const StepItemStyled: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
20
- //# sourceMappingURL=StepItem.styles.d.ts.map
@@ -1 +0,0 @@
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,qKAqBlC,CAAC;AAEF,eAAO,MAAM,cAAc,qKAkG1B,CAAC"}
@@ -1,35 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { StepsSize } from '../../Steps.types';
3
- export declare type StepStatus = 'active' | 'inactive' | 'completed';
4
- export interface StepItemProps {
5
- /**
6
- * Заголовок
7
- */
8
- title?: string;
9
- /**
10
- * Контент, может быть как React компонентом, так и функцией
11
- */
12
- content?: string | ReactNode | ((status: StepStatus, index: number, items: StepItemProps[]) => ReactNode);
13
- /**
14
- * Индикатор шага, может быть как React компонентом, так и функцией
15
- */
16
- indicator?: number | string | ReactNode | (({ status, item, size }: {
17
- status: StepStatus;
18
- item: StepItemProps;
19
- size: StepsSize;
20
- }) => ReactNode | null);
21
- /**
22
- * Статус шага
23
- * @description
24
- * active - активный шаг
25
- * inactive - не пройденный шаг
26
- * completed - завершенный шаг
27
- */
28
- status?: StepStatus;
29
- /**
30
- * Отключенный шаг
31
- * @default false
32
- */
33
- disabled?: boolean;
34
- }
35
- //# sourceMappingURL=StepItem.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,oBAAY,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,SAAS,CAAC,CAAC;IAC1G;;OAEG;IACH,SAAS,CAAC,EACJ,MAAM,GACN,MAAM,GACN,SAAS,GACT,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,MAAM,EAAE,UAAU,CAAC;QAAC,IAAI,EAAE,aAAa,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,KAAK,SAAS,GAAG,IAAI,CAAC,CAAC;IACnH;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB"}
@@ -1,3 +0,0 @@
1
- export { StepItem } from './StepItem';
2
- export type { StepItemProps, StepStatus } from './StepItem.types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './StepItem';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Steps/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,18 +0,0 @@
1
- export declare const config: {
2
- defaults: {
3
- size: string;
4
- view: string;
5
- };
6
- variations: {
7
- view: {
8
- default: import("@linaria/core").LinariaClassName;
9
- };
10
- size: {
11
- l: import("@linaria/core").LinariaClassName;
12
- m: import("@linaria/core").LinariaClassName;
13
- s: import("@linaria/core").LinariaClassName;
14
- xs: import("@linaria/core").LinariaClassName;
15
- };
16
- };
17
- };
18
- //# sourceMappingURL=Steps.config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Steps.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Steps/Steps.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA8NlB,CAAC"}
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- declare const mergedConfig: import("../../../../engines").ComponentConfig<string, {
3
- view: {
4
- default: import("@linaria/core").LinariaClassName;
5
- };
6
- size: {
7
- l: import("@linaria/core").LinariaClassName;
8
- m: import("@linaria/core").LinariaClassName;
9
- s: import("@linaria/core").LinariaClassName;
10
- xs: import("@linaria/core").LinariaClassName;
11
- };
12
- }, import("../../../../engines/types").PropsType<{
13
- view: {
14
- default: import("@linaria/core").LinariaClassName;
15
- };
16
- size: {
17
- l: import("@linaria/core").LinariaClassName;
18
- m: import("@linaria/core").LinariaClassName;
19
- s: import("@linaria/core").LinariaClassName;
20
- xs: import("@linaria/core").LinariaClassName;
21
- };
22
- }>, import("react").HTMLAttributes<HTMLElement> | import("../../../../engines/types").HTMLAttributesWithoutOnChange<HTMLElement>>;
23
- declare const Steps: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
24
- view: {
25
- default: import("@linaria/core").LinariaClassName;
26
- };
27
- size: {
28
- l: import("@linaria/core").LinariaClassName;
29
- m: import("@linaria/core").LinariaClassName;
30
- s: import("@linaria/core").LinariaClassName;
31
- xs: import("@linaria/core").LinariaClassName;
32
- };
33
- }> & (import("react").HTMLAttributes<HTMLElement> | import("../../../../engines/types").HTMLAttributesWithoutOnChange<HTMLElement>)>;
34
- export { Steps, mergedConfig };
35
- //# sourceMappingURL=Steps.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Steps/Steps.ts"],"names":[],"mappings":";AAOA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;iIAAmC,CAAC;AAEtD,QAAA,MAAM,KAAK;;;;;;;;;;oIAA0B,CAAC;AAEtC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC"}