@salutejs/plasma-new-hope 0.159.0-canary.1443.11140129684.0 → 0.159.0-canary.1464.11140740510.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (383) hide show
  1. package/cjs/components/DatePicker/DatePickerBase.styles.js +7 -1
  2. package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  3. package/cjs/components/DatePicker/{DatePickerBase.styles_1whkrlf.css → DatePickerBase.styles_mjc9xz.css} +1 -0
  4. package/cjs/components/DatePicker/RangeDate/RangeDate.css +71 -68
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.js +48 -4
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -1
  8. package/cjs/components/DatePicker/SingleDate/SingleDate.js +15 -3
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  10. package/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  11. package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  12. package/cjs/components/Slider/Slider.css +6 -5
  13. package/cjs/components/Slider/Slider.js +21 -6
  14. package/cjs/components/Slider/Slider.js.map +1 -1
  15. package/cjs/components/Slider/components/Double/Double.css +6 -5
  16. package/cjs/components/Slider/components/Double/Double.js +22 -3
  17. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  18. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +100 -0
  19. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
  20. package/cjs/components/Slider/components/Single/Single.css +6 -5
  21. package/cjs/components/Slider/components/Single/Single.js +30 -8
  22. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  23. package/cjs/components/Slider/components/SliderBase/SliderBase.css +5 -4
  24. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +7 -1
  25. package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  26. package/{es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css → cjs/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css} +1 -0
  27. package/cjs/components/TextArea/TextArea.js +3 -2
  28. package/cjs/components/TextArea/TextArea.js.map +1 -1
  29. package/cjs/engines/common.js.map +1 -1
  30. package/cjs/engines/index.js.map +1 -1
  31. package/cjs/index.css +7 -17
  32. package/cjs/index.js +7 -5
  33. package/cjs/index.js.map +1 -1
  34. package/cjs/mixins/applyHidden.js +10 -0
  35. package/cjs/mixins/applyHidden.js.map +1 -0
  36. package/cjs/utils/index.js.map +1 -1
  37. package/cjs/utils/noop.js +10 -0
  38. package/cjs/utils/noop.js.map +1 -0
  39. package/cjs/utils/setRefList.js +29 -0
  40. package/cjs/utils/setRefList.js.map +1 -0
  41. package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +8 -3
  42. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +47 -4
  43. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -3
  44. package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  45. package/emotion/cjs/components/Slider/Slider.js +17 -6
  46. package/emotion/cjs/components/Slider/components/Double/Double.js +29 -11
  47. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
  48. package/emotion/cjs/components/Slider/components/Single/Single.js +29 -8
  49. package/emotion/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +14 -9
  50. package/emotion/cjs/components/Slider/components/index.js +11 -0
  51. package/emotion/cjs/components/TextArea/TextArea.js +3 -3
  52. package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +1 -0
  53. package/emotion/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +1 -0
  54. package/emotion/cjs/index.js +0 -11
  55. package/emotion/cjs/mixins/applyHidden.js +9 -0
  56. package/emotion/cjs/mixins/index.js +11 -0
  57. package/emotion/cjs/utils/index.js +24 -1
  58. package/emotion/cjs/utils/noop.js +9 -0
  59. package/emotion/cjs/utils/setRefList.js +28 -0
  60. package/emotion/es/components/DatePicker/DatePickerBase.styles.js +7 -2
  61. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +48 -5
  62. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +16 -5
  63. package/emotion/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  64. package/emotion/es/components/Slider/Slider.js +18 -6
  65. package/emotion/es/components/Slider/components/Double/Double.js +21 -3
  66. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
  67. package/emotion/es/components/Slider/components/Single/Single.js +30 -9
  68. package/emotion/es/components/Slider/components/SliderBase/SliderBase.styles.js +13 -8
  69. package/emotion/es/components/Slider/components/index.js +1 -0
  70. package/emotion/es/components/TextArea/TextArea.js +4 -4
  71. package/emotion/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +1 -0
  72. package/emotion/es/examples/plasma_web/components/Slider/Slider.stories.tsx +1 -0
  73. package/emotion/es/index.js +0 -1
  74. package/emotion/es/mixins/applyHidden.js +3 -0
  75. package/emotion/es/mixins/index.js +2 -1
  76. package/emotion/es/utils/index.js +2 -0
  77. package/emotion/es/utils/noop.js +3 -0
  78. package/emotion/es/utils/setRefList.js +21 -0
  79. package/es/components/DatePicker/DatePickerBase.styles.js +7 -2
  80. package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
  81. package/es/components/DatePicker/{DatePickerBase.styles_1whkrlf.css → DatePickerBase.styles_mjc9xz.css} +1 -0
  82. package/es/components/DatePicker/RangeDate/RangeDate.css +71 -68
  83. package/es/components/DatePicker/RangeDate/RangeDate.js +48 -4
  84. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  85. package/es/components/DatePicker/SingleDate/SingleDate.css +2 -1
  86. package/es/components/DatePicker/SingleDate/SingleDate.js +16 -4
  87. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  88. package/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  89. package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
  90. package/es/components/Slider/Slider.css +6 -5
  91. package/es/components/Slider/Slider.js +22 -7
  92. package/es/components/Slider/Slider.js.map +1 -1
  93. package/es/components/Slider/components/Double/Double.css +6 -5
  94. package/es/components/Slider/components/Double/Double.js +22 -3
  95. package/es/components/Slider/components/Double/Double.js.map +1 -1
  96. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +96 -0
  97. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -0
  98. package/es/components/Slider/components/Single/Single.css +6 -5
  99. package/es/components/Slider/components/Single/Single.js +30 -8
  100. package/es/components/Slider/components/Single/Single.js.map +1 -1
  101. package/es/components/Slider/components/SliderBase/SliderBase.css +5 -4
  102. package/es/components/Slider/components/SliderBase/SliderBase.styles.js +7 -2
  103. package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -1
  104. package/{cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css → es/components/Slider/components/SliderBase/SliderBase.styles_9s4eb3.css} +1 -0
  105. package/es/components/TextArea/TextArea.js +3 -2
  106. package/es/components/TextArea/TextArea.js.map +1 -1
  107. package/es/engines/common.js.map +1 -1
  108. package/es/engines/index.js.map +1 -1
  109. package/es/index.css +7 -17
  110. package/es/index.js +3 -2
  111. package/es/index.js.map +1 -1
  112. package/es/mixins/applyHidden.js +6 -0
  113. package/es/mixins/applyHidden.js.map +1 -0
  114. package/es/utils/index.js.map +1 -1
  115. package/es/utils/noop.js +6 -0
  116. package/es/utils/noop.js.map +1 -0
  117. package/es/utils/setRefList.js +24 -0
  118. package/es/utils/setRefList.js.map +1 -0
  119. package/package.json +2 -3
  120. package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +6 -2
  121. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +47 -4
  122. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -3
  123. package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +34 -1
  124. package/styled-components/cjs/components/Slider/Slider.js +17 -6
  125. package/styled-components/cjs/components/Slider/components/Double/Double.js +29 -11
  126. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +104 -0
  127. package/styled-components/cjs/components/Slider/components/Single/Single.js +29 -8
  128. package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +6 -2
  129. package/styled-components/cjs/components/Slider/components/index.js +11 -0
  130. package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
  131. package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +1 -0
  132. package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +1 -0
  133. package/styled-components/cjs/index.js +0 -11
  134. package/styled-components/cjs/mixins/applyHidden.js +9 -0
  135. package/styled-components/cjs/mixins/index.js +11 -0
  136. package/styled-components/cjs/utils/index.js +24 -1
  137. package/styled-components/cjs/utils/noop.js +9 -0
  138. package/styled-components/cjs/utils/setRefList.js +28 -0
  139. package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +5 -1
  140. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +48 -5
  141. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +16 -5
  142. package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +34 -1
  143. package/styled-components/es/components/Slider/Slider.js +18 -6
  144. package/styled-components/es/components/Slider/components/Double/Double.js +21 -3
  145. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +95 -0
  146. package/styled-components/es/components/Slider/components/Single/Single.js +30 -9
  147. package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +5 -1
  148. package/styled-components/es/components/Slider/components/index.js +1 -0
  149. package/styled-components/es/components/TextArea/TextArea.js +3 -3
  150. package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +1 -0
  151. package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +1 -0
  152. package/styled-components/es/index.js +0 -1
  153. package/styled-components/es/mixins/applyHidden.js +3 -0
  154. package/styled-components/es/mixins/index.js +2 -1
  155. package/styled-components/es/utils/index.js +2 -0
  156. package/styled-components/es/utils/noop.js +3 -0
  157. package/styled-components/es/utils/setRefList.js +21 -0
  158. package/types/components/DatePicker/DatePickerBase.styles.d.ts +1 -0
  159. package/types/components/DatePicker/DatePickerBase.styles.d.ts.map +1 -1
  160. package/types/components/DatePicker/DatePickerBase.types.d.ts +7 -0
  161. package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
  162. package/types/components/DatePicker/RangeDate/RangeDate.d.ts +14 -0
  163. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  164. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +14 -0
  165. package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
  166. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  167. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +14 -0
  168. package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
  169. package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
  170. package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
  171. package/types/components/Slider/Slider.d.ts +3 -3
  172. package/types/components/Slider/Slider.d.ts.map +1 -1
  173. package/types/components/Slider/Slider.types.d.ts +2 -2
  174. package/types/components/Slider/Slider.types.d.ts.map +1 -1
  175. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  176. package/types/components/Slider/components/Double/Double.types.d.ts +3 -1
  177. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  178. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +4 -0
  179. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -0
  180. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +40 -0
  181. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +1 -0
  182. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  183. package/types/components/Slider/components/Single/Single.types.d.ts +35 -5
  184. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  185. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +1 -0
  186. package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -1
  187. package/types/components/Slider/components/index.d.ts +2 -0
  188. package/types/components/Slider/components/index.d.ts.map +1 -1
  189. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  190. package/types/engines/common.d.ts +3 -3
  191. package/types/engines/common.d.ts.map +1 -1
  192. package/types/engines/index.d.ts +1 -1
  193. package/types/engines/index.d.ts.map +1 -1
  194. package/types/engines/types.d.ts +4 -0
  195. package/types/engines/types.d.ts.map +1 -1
  196. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +7 -0
  197. package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
  198. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +47 -1
  199. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  200. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +7 -0
  201. package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
  202. package/types/examples/plasma_web/components/Slider/Slider.d.ts +47 -1
  203. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  204. package/types/index.d.ts +0 -1
  205. package/types/index.d.ts.map +1 -1
  206. package/types/mixins/applyHidden.d.ts +2 -0
  207. package/types/mixins/applyHidden.d.ts.map +1 -0
  208. package/types/mixins/index.d.ts +1 -0
  209. package/types/mixins/index.d.ts.map +1 -1
  210. package/types/types/FormType.d.ts +13 -0
  211. package/types/types/FormType.d.ts.map +1 -0
  212. package/types/utils/index.d.ts +2 -0
  213. package/types/utils/index.d.ts.map +1 -1
  214. package/types/utils/noop.d.ts +4 -0
  215. package/types/utils/noop.d.ts.map +1 -0
  216. package/types/utils/setRefList.d.ts +6 -0
  217. package/types/utils/setRefList.d.ts.map +1 -0
  218. package/cjs/components/Steps/Steps.css +0 -18
  219. package/cjs/components/Steps/Steps.js +0 -113
  220. package/cjs/components/Steps/Steps.js.map +0 -1
  221. package/cjs/components/Steps/Steps.styles.js +0 -9
  222. package/cjs/components/Steps/Steps.styles.js.map +0 -1
  223. package/cjs/components/Steps/Steps.styles_vv31r6.css +0 -1
  224. package/cjs/components/Steps/Steps.tokens.js +0 -82
  225. package/cjs/components/Steps/Steps.tokens.js.map +0 -1
  226. package/cjs/components/Steps/ui/StepItem/StepItem.css +0 -16
  227. package/cjs/components/Steps/ui/StepItem/StepItem.js +0 -116
  228. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +0 -1
  229. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -93
  230. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
  231. package/cjs/components/Steps/ui/StepItem/StepItem.styles_1y1xj5d.css +0 -9
  232. package/cjs/components/Steps/utils/getItemStatus.js +0 -27
  233. package/cjs/components/Steps/utils/getItemStatus.js.map +0 -1
  234. package/cjs/components/Steps/variations/_size/base.js +0 -9
  235. package/cjs/components/Steps/variations/_size/base.js.map +0 -1
  236. package/cjs/components/Steps/variations/_size/base_x642ct.css +0 -1
  237. package/cjs/components/Steps/variations/_view/base.js +0 -9
  238. package/cjs/components/Steps/variations/_view/base.js.map +0 -1
  239. package/cjs/components/Steps/variations/_view/base_x642ct.css +0 -1
  240. package/emotion/cjs/components/Steps/Steps.js +0 -125
  241. package/emotion/cjs/components/Steps/Steps.styles.js +0 -9
  242. package/emotion/cjs/components/Steps/Steps.template-doc.mdx +0 -84
  243. package/emotion/cjs/components/Steps/Steps.tokens.js +0 -80
  244. package/emotion/cjs/components/Steps/index.js +0 -25
  245. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +0 -126
  246. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -61
  247. package/emotion/cjs/components/Steps/ui/StepItem/index.js +0 -12
  248. package/emotion/cjs/components/Steps/ui/index.js +0 -16
  249. package/emotion/cjs/components/Steps/utils/getItemStatus.js +0 -26
  250. package/emotion/cjs/components/Steps/variations/_size/base.js +0 -8
  251. package/emotion/cjs/components/Steps/variations/_size/tokens.json +0 -1
  252. package/emotion/cjs/components/Steps/variations/_view/base.js +0 -8
  253. package/emotion/cjs/components/Steps/variations/_view/tokens.json +0 -1
  254. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
  255. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -11
  256. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -188
  257. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +0 -25
  258. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.js +0 -11
  259. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +0 -188
  260. package/emotion/es/components/Steps/Steps.js +0 -116
  261. package/emotion/es/components/Steps/Steps.styles.js +0 -3
  262. package/emotion/es/components/Steps/Steps.template-doc.mdx +0 -84
  263. package/emotion/es/components/Steps/Steps.tokens.js +0 -74
  264. package/emotion/es/components/Steps/index.js +0 -2
  265. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +0 -118
  266. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -54
  267. package/emotion/es/components/Steps/ui/StepItem/index.js +0 -1
  268. package/emotion/es/components/Steps/ui/index.js +0 -1
  269. package/emotion/es/components/Steps/utils/getItemStatus.js +0 -20
  270. package/emotion/es/components/Steps/variations/_size/base.js +0 -2
  271. package/emotion/es/components/Steps/variations/_size/tokens.json +0 -1
  272. package/emotion/es/components/Steps/variations/_view/base.js +0 -2
  273. package/emotion/es/components/Steps/variations/_view/tokens.json +0 -1
  274. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
  275. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.js +0 -6
  276. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -188
  277. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +0 -19
  278. package/emotion/es/examples/plasma_web/components/Steps/Steps.js +0 -6
  279. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +0 -188
  280. package/es/components/Steps/Steps.css +0 -18
  281. package/es/components/Steps/Steps.js +0 -108
  282. package/es/components/Steps/Steps.js.map +0 -1
  283. package/es/components/Steps/Steps.styles.js +0 -5
  284. package/es/components/Steps/Steps.styles.js.map +0 -1
  285. package/es/components/Steps/Steps.styles_vv31r6.css +0 -1
  286. package/es/components/Steps/Steps.tokens.js +0 -77
  287. package/es/components/Steps/Steps.tokens.js.map +0 -1
  288. package/es/components/Steps/ui/StepItem/StepItem.css +0 -16
  289. package/es/components/Steps/ui/StepItem/StepItem.js +0 -112
  290. package/es/components/Steps/ui/StepItem/StepItem.js.map +0 -1
  291. package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -81
  292. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
  293. package/es/components/Steps/ui/StepItem/StepItem.styles_1y1xj5d.css +0 -9
  294. package/es/components/Steps/utils/getItemStatus.js +0 -23
  295. package/es/components/Steps/utils/getItemStatus.js.map +0 -1
  296. package/es/components/Steps/variations/_size/base.js +0 -5
  297. package/es/components/Steps/variations/_size/base.js.map +0 -1
  298. package/es/components/Steps/variations/_size/base_x642ct.css +0 -1
  299. package/es/components/Steps/variations/_view/base.js +0 -5
  300. package/es/components/Steps/variations/_view/base.js.map +0 -1
  301. package/es/components/Steps/variations/_view/base_x642ct.css +0 -1
  302. package/styled-components/cjs/components/Steps/Steps.js +0 -125
  303. package/styled-components/cjs/components/Steps/Steps.styles.js +0 -9
  304. package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +0 -84
  305. package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -80
  306. package/styled-components/cjs/components/Steps/index.js +0 -25
  307. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +0 -126
  308. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -52
  309. package/styled-components/cjs/components/Steps/ui/StepItem/index.js +0 -12
  310. package/styled-components/cjs/components/Steps/ui/index.js +0 -16
  311. package/styled-components/cjs/components/Steps/utils/getItemStatus.js +0 -26
  312. package/styled-components/cjs/components/Steps/variations/_size/base.js +0 -8
  313. package/styled-components/cjs/components/Steps/variations/_size/tokens.json +0 -1
  314. package/styled-components/cjs/components/Steps/variations/_view/base.js +0 -8
  315. package/styled-components/cjs/components/Steps/variations/_view/tokens.json +0 -1
  316. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
  317. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -11
  318. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -188
  319. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +0 -25
  320. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.js +0 -11
  321. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +0 -188
  322. package/styled-components/es/components/Steps/Steps.js +0 -116
  323. package/styled-components/es/components/Steps/Steps.styles.js +0 -3
  324. package/styled-components/es/components/Steps/Steps.template-doc.mdx +0 -84
  325. package/styled-components/es/components/Steps/Steps.tokens.js +0 -74
  326. package/styled-components/es/components/Steps/index.js +0 -2
  327. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +0 -118
  328. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -45
  329. package/styled-components/es/components/Steps/ui/StepItem/index.js +0 -1
  330. package/styled-components/es/components/Steps/ui/index.js +0 -1
  331. package/styled-components/es/components/Steps/utils/getItemStatus.js +0 -20
  332. package/styled-components/es/components/Steps/variations/_size/base.js +0 -2
  333. package/styled-components/es/components/Steps/variations/_size/tokens.json +0 -1
  334. package/styled-components/es/components/Steps/variations/_view/base.js +0 -2
  335. package/styled-components/es/components/Steps/variations/_view/tokens.json +0 -1
  336. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
  337. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.js +0 -6
  338. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -188
  339. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +0 -19
  340. package/styled-components/es/examples/plasma_web/components/Steps/Steps.js +0 -6
  341. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +0 -188
  342. package/types/components/Steps/Steps.d.ts +0 -21
  343. package/types/components/Steps/Steps.d.ts.map +0 -1
  344. package/types/components/Steps/Steps.styles.d.ts +0 -2
  345. package/types/components/Steps/Steps.styles.d.ts.map +0 -1
  346. package/types/components/Steps/Steps.tokens.d.ts +0 -75
  347. package/types/components/Steps/Steps.tokens.d.ts.map +0 -1
  348. package/types/components/Steps/Steps.types.d.ts +0 -63
  349. package/types/components/Steps/Steps.types.d.ts.map +0 -1
  350. package/types/components/Steps/index.d.ts +0 -4
  351. package/types/components/Steps/index.d.ts.map +0 -1
  352. package/types/components/Steps/ui/StepItem/StepItem.d.ts +0 -17
  353. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +0 -1
  354. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +0 -32
  355. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +0 -1
  356. package/types/components/Steps/ui/StepItem/StepItem.types.d.ts +0 -36
  357. package/types/components/Steps/ui/StepItem/StepItem.types.d.ts.map +0 -1
  358. package/types/components/Steps/ui/StepItem/index.d.ts +0 -3
  359. package/types/components/Steps/ui/StepItem/index.d.ts.map +0 -1
  360. package/types/components/Steps/ui/index.d.ts +0 -2
  361. package/types/components/Steps/ui/index.d.ts.map +0 -1
  362. package/types/components/Steps/utils/getItemStatus.d.ts +0 -9
  363. package/types/components/Steps/utils/getItemStatus.d.ts.map +0 -1
  364. package/types/components/Steps/variations/_size/base.d.ts +0 -2
  365. package/types/components/Steps/variations/_size/base.d.ts.map +0 -1
  366. package/types/components/Steps/variations/_view/base.d.ts +0 -2
  367. package/types/components/Steps/variations/_view/base.d.ts.map +0 -1
  368. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts +0 -18
  369. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +0 -1
  370. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts +0 -35
  371. package/types/examples/plasma_b2c/components/Steps/Steps.d.ts.map +0 -1
  372. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts +0 -18
  373. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +0 -1
  374. package/types/examples/plasma_web/components/Steps/Steps.d.ts +0 -35
  375. package/types/examples/plasma_web/components/Steps/Steps.d.ts.map +0 -1
  376. /package/emotion/cjs/components/{Steps/Steps.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
  377. /package/emotion/cjs/{components/Steps/ui/StepItem/StepItem.types.js → types/FormType.js} +0 -0
  378. /package/emotion/es/components/{Steps/Steps.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
  379. /package/emotion/es/{components/Steps/ui/StepItem/StepItem.types.js → types/FormType.js} +0 -0
  380. /package/styled-components/cjs/components/{Steps/Steps.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
  381. /package/styled-components/cjs/{components/Steps/ui/StepItem/StepItem.types.js → types/FormType.js} +0 -0
  382. /package/styled-components/es/components/{Steps/Steps.types.js → Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js} +0 -0
  383. /package/styled-components/es/{components/Steps/ui/StepItem/StepItem.types.js → types/FormType.js} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"Steps.styles.js","sources":["../../../src/components/Steps/Steps.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Steps.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n\n &.${classes.simple} {\n align-items: center;\n\n &.${classes.hasIndicator} {\n height: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n height: 100%;\n }\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n height: 100%;\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n display: inline;\n flex-direction: column;\n justify-content: center;\n\n &.${classes.simple} {\n display: inline-flex;\n }\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAmChB;;;;"}
@@ -1 +0,0 @@
1
- .b7q3upx{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.b7q3upx.simple{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b7q3upx.simple.item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple:not(.item-has-indicator){height:var(--plasma-step-item-active-bullet-size);}.b7q3upx.simple.vertical-orientation.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);height:100%;}.b7q3upx.simple.vertical-orientation:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);height:100%;}.b7q3upx.vertical-orientation{display:inline;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b7q3upx.vertical-orientation.simple{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
@@ -1,77 +0,0 @@
1
- var classes = {
2
- simple: 'simple',
3
- centered: 'item-centered',
4
- active: 'item-active',
5
- inactive: 'item-inactive',
6
- clickable: 'item-clickable',
7
- hovered: 'item-hovered',
8
- disabled: 'item-disabled',
9
- verticalOrientation: 'vertical-orientation',
10
- hasIndicator: 'item-has-indicator',
11
- activeItem: 'item-active',
12
- indentDivider: 'indent-divider',
13
- transparentDivider: 'transparent-divider'
14
- };
15
- var tokens = {
16
- indicatorSize: '--plasma-step-item-indicator-size',
17
- activeIndicatorSize: '--plasma-step-item-active-indicator-size',
18
- bulletSize: '--plasma-step-item-bullet-size',
19
- activeBulletSize: '--plasma-step-item-active-bullet-size',
20
- titlePaddingTop: '--plasma-step-item-title-padding-top',
21
- contentPaddingTop: '--plasma-step-item-content-padding-top',
22
- contentPaddingRight: '--plasma-step-item-content-padding-right',
23
- contentSidePadding: '--plasma-step-item-content-side-padding',
24
- contentVerticalPadding: '--plasma-step-item-content-vertical-padding',
25
- verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',
26
- smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',
27
- largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',
28
- smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',
29
- largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',
30
- titleFontFamily: '--plasma-step-item-title-font-family',
31
- titleFontSize: '--plasma-step-item-title-font-size',
32
- titleFontStyle: '--plasma-step-item-title-font-style',
33
- titleFontWeight: '--plasma-step-item-title-font-weight',
34
- titleLetterSpacing: '--plasma-step-item-title-letter-spacing',
35
- titleLineHeight: '--plasma-step-item-title-line-height',
36
- contentFontFamily: '--plasma-step-item-content-font-family',
37
- contentFontSize: '--plasma-step-item-content-font-size',
38
- contentFontStyle: '--plasma-step-item-content-font-style',
39
- contentFontWeight: '--plasma-step-item-content-font-weight',
40
- contentLetterSpacing: '--plasma-step-item-content-letter-spacing',
41
- contentLineHeight: '--plasma-step-item-content-line-height',
42
- indicatorFontFamily: '--plasma-step-item-indicator-font-family',
43
- indicatorFontSize: '--plasma-step-item-indicator-font-size',
44
- indicatorFontStyle: '--plasma-step-item-indicator-font-style',
45
- indicatorFontWeight: '--plasma-step-item-indicator-font-weight',
46
- indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',
47
- indicatorLineHeight: '--plasma-step-item-indicator-line-height',
48
- activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',
49
- activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',
50
- activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',
51
- activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',
52
- activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',
53
- activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',
54
- activeTitleColor: '--plasma-step-item-active-title-color',
55
- activeTitleColorHover: '--plasma-step-item-active-title-color-hover',
56
- inactiveTitleColor: '--plasma-step-item-inactive-title-color',
57
- inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
58
- contentColor: '--plasma-step-item-content-color',
59
- activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
60
- activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
61
- activeIndicatorColor: '--plasma-step-item-active-indicator-color',
62
- activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',
63
- activeIndicatorBackground: '--plasma-step-item-active-indicator-background',
64
- completedIndicatorColor: '--plasma-step-item-completed-indicator-color',
65
- completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',
66
- completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',
67
- completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',
68
- inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',
69
- inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',
70
- inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',
71
- inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',
72
- disabledOpacity: '--plasma-step-item-disabled-opacity',
73
- dividerThickness: '--plasma-step-item-divider-thickness'
74
- };
75
-
76
- export { classes, tokens };
77
- //# sourceMappingURL=Steps.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Steps.tokens.js","sources":["../../../src/components/Steps/Steps.tokens.ts"],"sourcesContent":["export const classes = {\n simple: 'simple',\n centered: 'item-centered',\n active: 'item-active',\n inactive: 'item-inactive',\n clickable: 'item-clickable',\n hovered: 'item-hovered',\n disabled: 'item-disabled',\n verticalOrientation: 'vertical-orientation',\n hasIndicator: 'item-has-indicator',\n activeItem: 'item-active',\n indentDivider: 'indent-divider',\n transparentDivider: 'transparent-divider',\n};\n\nexport const tokens = {\n indicatorSize: '--plasma-step-item-indicator-size',\n activeIndicatorSize: '--plasma-step-item-active-indicator-size',\n bulletSize: '--plasma-step-item-bullet-size',\n activeBulletSize: '--plasma-step-item-active-bullet-size',\n\n titlePaddingTop: '--plasma-step-item-title-padding-top',\n contentPaddingTop: '--plasma-step-item-content-padding-top',\n contentPaddingRight: '--plasma-step-item-content-padding-right',\n contentSidePadding: '--plasma-step-item-content-side-padding',\n contentVerticalPadding: '--plasma-step-item-content-vertical-padding',\n verticalContentPaddingLeft: '--plasma-step-item-vertical-content-padding-left',\n\n smallIndicatorIndentHeight: '--plasma-step-item-s-indicator-intent-height',\n largeIndicatorIndentHeight: '--plasma-step-item-l-indicator-intent-height',\n smallBulletIndentHeight: '--plasma-step-item-s-bullet-intent-height',\n largeBulletIndentHeight: '--plasma-step-item-l-bullet-intent-height',\n\n titleFontFamily: '--plasma-step-item-title-font-family',\n titleFontSize: '--plasma-step-item-title-font-size',\n titleFontStyle: '--plasma-step-item-title-font-style',\n titleFontWeight: '--plasma-step-item-title-font-weight',\n titleLetterSpacing: '--plasma-step-item-title-letter-spacing',\n titleLineHeight: '--plasma-step-item-title-line-height',\n\n contentFontFamily: '--plasma-step-item-content-font-family',\n contentFontSize: '--plasma-step-item-content-font-size',\n contentFontStyle: '--plasma-step-item-content-font-style',\n contentFontWeight: '--plasma-step-item-content-font-weight',\n contentLetterSpacing: '--plasma-step-item-content-letter-spacing',\n contentLineHeight: '--plasma-step-item-content-line-height',\n\n indicatorFontFamily: '--plasma-step-item-indicator-font-family',\n indicatorFontSize: '--plasma-step-item-indicator-font-size',\n indicatorFontStyle: '--plasma-step-item-indicator-font-style',\n indicatorFontWeight: '--plasma-step-item-indicator-font-weight',\n indicatorLetterSpacing: '--plasma-step-item-indicator-letter-spacing',\n indicatorLineHeight: '--plasma-step-item-indicator-line-height',\n\n activeIndicatorFontFamily: '--plasma-step-item-active-indicator-font-family',\n activeIndicatorFontSize: '--plasma-step-item-active-indicator-font-size',\n activeIndicatorFontStyle: '--plasma-step-item-active-indicator-font-style',\n activeIndicatorFontWeight: '--plasma-step-item-active-indicator-font-weight',\n activeIndicatorLetterSpacing: '--plasma-step-item-active-indicator-letter-spacing',\n activeIndicatorLineHeight: '--plasma-step-item-active-indicator-line-height',\n\n activeTitleColor: '--plasma-step-item-active-title-color',\n activeTitleColorHover: '--plasma-step-item-active-title-color-hover',\n inactiveTitleColor: '--plasma-step-item-inactive-title-color',\n inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',\n\n contentColor: '--plasma-step-item-content-color',\n\n activeIndicatorBorder: '--plasma-step-item-active-indicator-border',\n activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',\n\n activeIndicatorColor: '--plasma-step-item-active-indicator-color',\n activeIndicatorColorHover: '--plasma-step-item-active-indicator-color-hover',\n activeIndicatorBackground: '--plasma-step-item-active-indicator-background',\n\n completedIndicatorColor: '--plasma-step-item-completed-indicator-color',\n completedIndicatorColorHover: '--plasma-step-item-completed-indicator-color-hover',\n completedIndicatorBackground: '--plasma-step-item-completed-indicator-background',\n completedIndicatorBackgroundHover: '--plasma-step-item-completed-indicator-background-hover',\n\n inactiveIndicatorColor: '--plasma-step-item-inactive-indicator-color',\n inactiveIndicatorColorHover: '--plasma-step-item-inactive-indicator-color-hover',\n inactiveIndicatorBackground: '--plasma-step-item-inactive-indicator-background',\n inactiveIndicatorBackgroundHover: '--plasma-step-item-inactive-indicator-background-hover',\n\n disabledOpacity: '--plasma-step-item-disabled-opacity',\n\n dividerThickness: '--plasma-step-item-divider-thickness',\n};\n"],"names":["classes","simple","centered","active","inactive","clickable","hovered","disabled","verticalOrientation","hasIndicator","activeItem","indentDivider","transparentDivider","tokens","indicatorSize","activeIndicatorSize","bulletSize","activeBulletSize","titlePaddingTop","contentPaddingTop","contentPaddingRight","contentSidePadding","contentVerticalPadding","verticalContentPaddingLeft","smallIndicatorIndentHeight","largeIndicatorIndentHeight","smallBulletIndentHeight","largeBulletIndentHeight","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","contentFontFamily","contentFontSize","contentFontStyle","contentFontWeight","contentLetterSpacing","contentLineHeight","indicatorFontFamily","indicatorFontSize","indicatorFontStyle","indicatorFontWeight","indicatorLetterSpacing","indicatorLineHeight","activeIndicatorFontFamily","activeIndicatorFontSize","activeIndicatorFontStyle","activeIndicatorFontWeight","activeIndicatorLetterSpacing","activeIndicatorLineHeight","activeTitleColor","activeTitleColorHover","inactiveTitleColor","inactiveTitleColorHover","contentColor","activeIndicatorBorder","activeIndicatorBorderHover","activeIndicatorColor","activeIndicatorColorHover","activeIndicatorBackground","completedIndicatorColor","completedIndicatorColorHover","completedIndicatorBackground","completedIndicatorBackgroundHover","inactiveIndicatorColor","inactiveIndicatorColorHover","inactiveIndicatorBackground","inactiveIndicatorBackgroundHover","disabledOpacity","dividerThickness"],"mappings":"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"}
@@ -1,16 +0,0 @@
1
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
2
-
3
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
4
-
5
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
6
- .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
7
-
8
- .StepItem_styles_1y1xj5d_snf9dn9__5c4153e3{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
9
- .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
10
- .StepItem_styles_1y1xj5d_s529fhk__5c4153e3{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
11
- .StepItem_styles_1y1xj5d_b1kcj14__5c4153e3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3:not(.StepItem_styles_1y1xj5d_simple__5c4153e3){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3:not(.StepItem_styles_1y1xj5d_simple__5c4153e3).StepItem_styles_1y1xj5d_itemHasIndicator__5c4153e3{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3:not(.StepItem_styles_1y1xj5d_simple__5c4153e3):not(.StepItem_styles_1y1xj5d_itemHasIndicator__5c4153e3){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3:not(.StepItem_styles_1y1xj5d_simple__5c4153e3).StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3.StepItem_styles_1y1xj5d_itemHasIndicator__5c4153e3{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3:not(.StepItem_styles_1y1xj5d_itemHasIndicator__5c4153e3){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_1y1xj5d_b1kcj14__5c4153e3.StepItem_styles_1y1xj5d_itemCentered__5c4153e3{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
12
- .StepItem_styles_1y1xj5d_b9hdug__5c4153e3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.StepItem_styles_1y1xj5d_b9hdug__5c4153e3.StepItem_styles_1y1xj5d_itemActive__5c4153e3{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.StepItem_styles_1y1xj5d_b9hdug__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1y1xj5d_b9hdug__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3:before,.StepItem_styles_1y1xj5d_b9hdug__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3:after{background:var(--plasma-step-item-inactive-indicator-background);}
13
- .StepItem_styles_1y1xj5d_b1eo1o32__5c4153e3.StepItem_styles_1y1xj5d_b9hdug__5c4153e3{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_1y1xj5d_b1eo1o32__5c4153e3.StepItem_styles_1y1xj5d_b9hdug__5c4153e3.StepItem_styles_1y1xj5d_itemActive__5c4153e3{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
14
- .StepItem_styles_1y1xj5d_sxskc3q__5c4153e3{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_1y1xj5d_sxskc3q__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_1y1xj5d_sxskc3q__5c4153e3.StepItem_styles_1y1xj5d_transparentDivider__5c4153e3{background-color:transparent;}.StepItem_styles_1y1xj5d_sxskc3q__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1y1xj5d_sxskc3q__5c4153e3.StepItem_styles_1y1xj5d_indentDivider__5c4153e3{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_1y1xj5d_sxskc3q__5c4153e3.StepItem_styles_1y1xj5d_indentDivider__5c4153e3.StepItem_styles_1y1xj5d_simple__5c4153e3{height:auto;max-height:none;}
15
- .StepItem_styles_1y1xj5d_s4zgmmr__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3 .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_1y1xj5d_s4zgmmr__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3 .StepItem_styles_1y1xj5d_s529fhk__5c4153e3{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
16
- .StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_verticalOrientation__5c4153e3 .StepItem_styles_1y1xj5d_sxskc3q__5c4153e3{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemActive__5c4153e3 .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3 .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemHovered__5c4153e3:not(.StepItem_styles_1y1xj5d_itemActive__5c4153e3) .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemHovered__5c4153e3:not(.StepItem_styles_1y1xj5d_itemActive__5c4153e3) .StepItem_styles_1y1xj5d_b9hdug__5c4153e3,.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemHovered__5c4153e3:not(.StepItem_styles_1y1xj5d_itemActive__5c4153e3) .StepItem_styles_1y1xj5d_b1eo1o32__5c4153e3{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemHovered__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3 .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemHovered__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3 .StepItem_styles_1y1xj5d_b9hdug__5c4153e3,.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemHovered__5c4153e3.StepItem_styles_1y1xj5d_itemInactive__5c4153e3 .StepItem_styles_1y1xj5d_b1eo1o32__5c4153e3{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemHovered__5c4153e3 .StepItem_styles_1y1xj5d_b1kcj14__5c4153e3{cursor:pointer;}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemCentered__5c4153e3{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemCentered__5c4153e3 .StepItem_styles_1y1xj5d_s4zgmmr__5c4153e3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemCentered__5c4153e3 .StepItem_styles_1y1xj5d_s4zgmmr__5c4153e3 .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3{width:100%;}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemCentered__5c4153e3 .StepItem_styles_1y1xj5d_s4zgmmr__5c4153e3 .StepItem_styles_1y1xj5d_sv5tpso__5c4153e3,.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemCentered__5c4153e3 .StepItem_styles_1y1xj5d_s4zgmmr__5c4153e3 .StepItem_styles_1y1xj5d_s529fhk__5c4153e3{padding-right:0;text-align:center;}.StepItem_styles_1y1xj5d_s12pqpa3__5c4153e3.StepItem_styles_1y1xj5d_itemDisabled__5c4153e3{opacity:var(--plasma-step-item-disabled-opacity);}
@@ -1,112 +0,0 @@
1
- import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { useState, useEffect } from 'react';
3
- import cls from 'classnames';
4
- import { classes, tokens } from '../../Steps.tokens.js';
5
- import { StepItemStyled, BulletIndicatorWrapper, StepItemDivider, SpinnerStyled, StepItemContentWrapper, StepItemTitle, StepItemContent, BulletIndicator, Bullet } from './StepItem.styles.js';
6
-
7
- // todo попробовать заменить через baseline выравнивание
8
- var indicatorSizesIndentsMap = {
9
- 8: /*#__PURE__*/"var(".concat(tokens.smallBulletIndentHeight, ")"),
10
- 16: /*#__PURE__*/"var(".concat(tokens.largeBulletIndentHeight, ")"),
11
- 24: /*#__PURE__*/"var(".concat(tokens.smallIndicatorIndentHeight, ")"),
12
- 36: /*#__PURE__*/"var(".concat(tokens.largeIndicatorIndentHeight, ")")
13
- };
14
- var StepItem = function StepItem(_ref) {
15
- var index = _ref.index,
16
- title = _ref.title,
17
- content = _ref.content,
18
- indicator = _ref.indicator,
19
- _ref$status = _ref.status,
20
- status = _ref$status === void 0 ? 'inactive' : _ref$status,
21
- size = _ref.size,
22
- orientation = _ref.orientation,
23
- contentAlign = _ref.contentAlign,
24
- hasLine = _ref.hasLine,
25
- hasLoader = _ref.hasLoader,
26
- onClick = _ref.onClick,
27
- items = _ref.items;
28
- var _useState = useState(false),
29
- _useState2 = _slicedToArray(_useState, 2),
30
- isHovered = _useState2[0],
31
- setIsHovered = _useState2[1];
32
- var isFirst = index === 0;
33
- var isLast = index === items.length - 1;
34
- var prevItem = items[index - 1];
35
- var nextItem = items[index + 1];
36
- var isActive = status === 'active';
37
- var isInactive = status === 'inactive';
38
- var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
39
- var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
40
- var hasIndicator = indicator != null;
41
- var BulletNode = hasIndicator ? BulletIndicator : Bullet;
42
- var item = items[index];
43
- var isSimple = !title && !content;
44
- var clickable = Boolean(onClick);
45
- var isVertical = orientation === 'vertical';
46
- var isCentered = contentAlign === 'center';
47
- var isDisabled = item.disabled;
48
- var onClickHandler = onClick && !isDisabled ? function () {
49
- return onClick(item, index);
50
- } : undefined;
51
- var resultIndicatorSize;
52
- if (hasIndicator) {
53
- resultIndicatorSize = isActive ? 36 : 24;
54
- } else {
55
- resultIndicatorSize = isActive ? 16 : 8;
56
- }
57
- var indentToken = indicatorSizesIndentsMap[resultIndicatorSize];
58
-
59
- // todo заменить на callback с условиями внутри
60
- var onMouseOver = clickable && !isDisabled ? function () {
61
- if (isDisabled) {
62
- setIsHovered(false);
63
- }
64
- setIsHovered(true);
65
- } : undefined;
66
- var onMouseOut = clickable && !isDisabled ? function () {
67
- setIsHovered(false);
68
- } : undefined;
69
- useEffect(function () {
70
- if (isDisabled) {
71
- setIsHovered(false);
72
- }
73
- }, [isDisabled]);
74
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItemStyled, {
75
- className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.active, isActive), classes.hovered, isHovered && !isActive), classes.inactive, isInactive), classes.centered, isCentered), classes.disabled, isDisabled), classes.clickable, clickable && !isActive), classes.hasIndicator, hasIndicator), classes.verticalOrientation, isVertical))
76
- }, /*#__PURE__*/React.createElement(BulletIndicatorWrapper, {
77
- className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.simple, isSimple), classes.hasIndicator, hasIndicator)),
78
- onClick: onClickHandler,
79
- onFocus: onMouseOver,
80
- onBlur: onMouseOut,
81
- onMouseOver: onMouseOver,
82
- onMouseOut: onMouseOut
83
- }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
84
- className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive))
85
- }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItemDivider, {
86
- className: cls(classes.indentDivider, _defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isFirst), classes.inactive, isInactive || isPrevInactive)),
87
- indentToken: indentToken
88
- }), hasLoader && /*#__PURE__*/React.createElement(SpinnerStyled, {
89
- hasIndicator: hasIndicator
90
- }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
91
- className: cls(_defineProperty(_defineProperty({}, classes.active, isActive), classes.inactive, isInactive))
92
- }, typeof indicator === 'function' && indicator({
93
- status: status,
94
- item: item,
95
- size: size
96
- }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/React.createElement(StepItemDivider, {
97
- className: cls(_defineProperty(_defineProperty(_defineProperty({}, classes.simple, isSimple), classes.transparentDivider, !hasLine || isLast), classes.inactive, isInactive || isNextInactive))
98
- })), !isSimple && /*#__PURE__*/React.createElement(StepItemContentWrapper, {
99
- className: cls(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.centered, isCentered), classes.active, isActive), classes.hasIndicator, hasIndicator))
100
- }, /*#__PURE__*/React.createElement(StepItemTitle, {
101
- onClick: onClickHandler,
102
- onFocus: onMouseOver,
103
- onBlur: onMouseOut,
104
- onMouseOver: onMouseOver,
105
- onMouseOut: onMouseOut
106
- }, title), content && /*#__PURE__*/React.createElement(StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))), isSimple && !isLast && /*#__PURE__*/React.createElement(StepItemDivider, {
107
- className: cls(classes.simple, _defineProperty(_defineProperty(_defineProperty({}, classes.verticalOrientation, isVertical), classes.transparentDivider, !hasLine), classes.inactive, isInactive || isNextInactive))
108
- }));
109
- };
110
-
111
- export { StepItem };
112
- //# sourceMappingURL=StepItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepItem.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport cls from 'classnames';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { StepsContent, StepsContentAlign, StepsOrientation } from '../../Steps.types';\n\nimport type { StepItemProps } from './StepItem.types';\nimport {\n Bullet,\n BulletIndicator,\n BulletIndicatorWrapper,\n StepItemContent,\n StepItemContentWrapper,\n StepItemDivider,\n StepItemStyled,\n StepItemTitle,\n SpinnerStyled,\n} from './StepItem.styles';\n\n// todo попробовать заменить через baseline выравнивание\nconst indicatorSizesIndentsMap = {\n 8: `var(${tokens.smallBulletIndentHeight})`,\n 16: `var(${tokens.largeBulletIndentHeight})`,\n 24: `var(${tokens.smallIndicatorIndentHeight})`,\n 36: `var(${tokens.largeIndicatorIndentHeight})`,\n} as const;\n\nexport const StepItem: React.FC<\n StepItemProps & {\n index: number;\n items: StepItemProps[];\n size: string;\n hasLine?: boolean;\n hasContent?: StepsContent;\n hasLoader?: boolean;\n isFirst?: boolean;\n isLast?: boolean;\n onClick?: (item: StepItemProps, index: number) => void;\n contentAlign?: StepsContentAlign;\n orientation?: StepsOrientation;\n }\n> = ({\n index,\n title,\n content,\n indicator,\n status = 'inactive',\n size,\n orientation,\n contentAlign,\n hasLine,\n hasLoader,\n onClick,\n items,\n}) => {\n const [isHovered, setIsHovered] = useState(false);\n\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n const prevItem = items[index - 1];\n const nextItem = items[index + 1];\n\n const isActive = status === 'active';\n const isInactive = status === 'inactive';\n const isPrevInactive = (prevItem && !prevItem?.status) || prevItem?.status === 'inactive';\n const isNextInactive = !nextItem?.status || nextItem?.status === 'inactive';\n\n const hasIndicator = indicator != null;\n\n const BulletNode = hasIndicator ? BulletIndicator : Bullet;\n\n const item = items[index];\n const isSimple = !title && !content;\n const clickable = Boolean(onClick);\n const isVertical = orientation === 'vertical';\n const isCentered = contentAlign === 'center';\n const isDisabled = item.disabled;\n\n const onClickHandler = onClick && !isDisabled ? () => onClick(item, index) : undefined;\n\n let resultIndicatorSize: keyof typeof indicatorSizesIndentsMap;\n if (hasIndicator) {\n resultIndicatorSize = isActive ? 36 : 24;\n } else {\n resultIndicatorSize = isActive ? 16 : 8;\n }\n\n const indentToken = indicatorSizesIndentsMap[resultIndicatorSize];\n\n // todo заменить на callback с условиями внутри\n const onMouseOver =\n clickable && !isDisabled\n ? () => {\n if (isDisabled) {\n setIsHovered(false);\n }\n\n setIsHovered(true);\n }\n : undefined;\n\n const onMouseOut =\n clickable && !isDisabled\n ? () => {\n setIsHovered(false);\n }\n : undefined;\n\n useEffect(() => {\n if (isDisabled) {\n setIsHovered(false);\n }\n }, [isDisabled]);\n\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.verticalOrientation]: isVertical,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {contentAlign === 'center' && !isSimple && (\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isFirst,\n [classes.inactive]: isInactive || isPrevInactive,\n })}\n />\n )}\n\n {isVertical && (isSimple ? !isFirst : true) && (\n <StepItemDivider\n className={cls(classes.indentDivider, {\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isFirst,\n [classes.inactive]: isInactive || isPrevInactive,\n })}\n indentToken={indentToken}\n />\n )}\n\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n\n {!isSimple && (\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isLast,\n [classes.inactive]: isInactive || isNextInactive,\n })}\n />\n )}\n </BulletIndicatorWrapper>\n\n {!isSimple && (\n <StepItemContentWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.active]: isActive,\n [classes.hasIndicator]: hasIndicator,\n })}\n >\n <StepItemTitle\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {title}\n </StepItemTitle>\n\n {content && (\n <StepItemContent>\n {typeof content === 'function' ? content(status, index, items) : content}\n </StepItemContent>\n )}\n </StepItemContentWrapper>\n )}\n </StepItemStyled>\n {isSimple && !isLast && (\n <StepItemDivider\n className={cls(classes.simple, {\n [classes.verticalOrientation]: isVertical,\n [classes.transparentDivider]: !hasLine,\n [classes.inactive]: isInactive || isNextInactive,\n })}\n />\n )}\n </>\n );\n};\n"],"names":["indicatorSizesIndentsMap","concat","tokens","smallBulletIndentHeight","largeBulletIndentHeight","smallIndicatorIndentHeight","largeIndicatorIndentHeight","StepItem","_ref","index","title","content","indicator","_ref$status","status","size","orientation","contentAlign","hasLine","hasLoader","onClick","items","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","isFirst","isLast","length","prevItem","nextItem","isActive","isInactive","isPrevInactive","isNextInactive","hasIndicator","BulletNode","BulletIndicator","Bullet","item","isSimple","clickable","Boolean","isVertical","isCentered","isDisabled","disabled","onClickHandler","undefined","resultIndicatorSize","indentToken","onMouseOver","onMouseOut","useEffect","React","createElement","Fragment","StepItemStyled","className","cls","_defineProperty","classes","simple","active","hovered","inactive","centered","verticalOrientation","BulletIndicatorWrapper","onFocus","onBlur","StepItemDivider","transparentDivider","indentDivider","SpinnerStyled","StepItemContentWrapper","StepItemTitle","StepItemContent"],"mappings":"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"}
@@ -1,81 +0,0 @@
1
- import './StepItem.styles_1y1xj5d.css';
2
- import { styled } from '@linaria/react';
3
- import { tokens } from '../../Steps.tokens.js';
4
- import '@linaria/core';
5
- import { component, mergeConfig } from '../../../../engines/common.js';
6
- import { spinnerConfig } from '../../../Spinner/Spinner.js';
7
-
8
- var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig);
9
- var Spinner = /*#__PURE__*/component(mergedConfig);
10
- var _exp = function _exp() {
11
- return Spinner;
12
- };
13
- var _exp3 = function _exp3() {
14
- return function (_ref) {
15
- var hasIndicator = _ref.hasIndicator;
16
- return hasIndicator ? "var(".concat(tokens.activeIndicatorSize, ")") : "var(".concat(tokens.activeBulletSize, ")");
17
- };
18
- };
19
- var SpinnerStyled = /*#__PURE__*/styled(_exp())({
20
- name: "SpinnerStyled",
21
- "class": "snf9dn9",
22
- propsAsIs: true,
23
- vars: {
24
- "snf9dn9-0": [/*#__PURE__*/_exp3()]
25
- }
26
- });
27
- var StepItemTitle = /*#__PURE__*/styled('div')({
28
- name: "StepItemTitle",
29
- "class": "sv5tpso",
30
- propsAsIs: false
31
- });
32
- var StepItemContent = /*#__PURE__*/styled('div')({
33
- name: "StepItemContent",
34
- "class": "s529fhk",
35
- propsAsIs: false
36
- });
37
- var BulletIndicatorWrapper = /*#__PURE__*/styled('div')({
38
- name: "BulletIndicatorWrapper",
39
- "class": "b1kcj14",
40
- propsAsIs: false
41
- });
42
- var BulletIndicator = /*#__PURE__*/styled('div')({
43
- name: "BulletIndicator",
44
- "class": "b9hdug",
45
- propsAsIs: false
46
- });
47
- var _exp63 = function _exp63() {
48
- return BulletIndicator;
49
- };
50
- var Bullet = /*#__PURE__*/styled(_exp63())({
51
- name: "Bullet",
52
- "class": "b1eo1o32",
53
- propsAsIs: true
54
- });
55
- var _exp82 = function _exp82() {
56
- return function (_ref2) {
57
- var indentToken = _ref2.indentToken;
58
- return indentToken || '';
59
- };
60
- };
61
- var StepItemDivider = /*#__PURE__*/styled('div')({
62
- name: "StepItemDivider",
63
- "class": "sxskc3q",
64
- propsAsIs: false,
65
- vars: {
66
- "sxskc3q-0": [/*#__PURE__*/_exp82()]
67
- }
68
- });
69
- var StepItemContentWrapper = /*#__PURE__*/styled('div')({
70
- name: "StepItemContentWrapper",
71
- "class": "s4zgmmr",
72
- propsAsIs: false
73
- });
74
- var StepItemStyled = /*#__PURE__*/styled('div')({
75
- name: "StepItemStyled",
76
- "class": "s12pqpa3",
77
- propsAsIs: false
78
- });
79
-
80
- export { Bullet, BulletIndicator, BulletIndicatorWrapper, SpinnerStyled, StepItemContent, StepItemContentWrapper, StepItemDivider, StepItemStyled, StepItemTitle };
81
- //# sourceMappingURL=StepItem.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n color: var(${tokens.completedIndicatorColor});\n background-color: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background-color: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n flex: 1;\n background-color: var(${tokens.activeIndicatorColor});\n\n &.${classes.inactive} {\n background-color: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.transparentDivider} {\n background-color: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n &.${classes.active} {\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.activeTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp63","Bullet","_exp82","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- .snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
2
- .sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
3
- .s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
4
- .b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
5
- .b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive:before,.b9hdug.item-inactive:after{background:var(--plasma-step-item-inactive-indicator-background);}
6
- .b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
7
- .sxskc3q{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.sxskc3q.item-inactive{background-color:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.transparent-divider{background-color:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
8
- .s4zgmmr.vertical-orientation .sv5tpso{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.s4zgmmr.vertical-orientation .s529fhk{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
9
- .s12pqpa3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.s12pqpa3.vertical-orientation{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.s12pqpa3.vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3.item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.item-hovered:not(.item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.item-hovered:not(.item-active) .b9hdug,.s12pqpa3.item-hovered:not(.item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.item-hovered.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.item-hovered.item-inactive .b9hdug,.s12pqpa3.item-hovered.item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.item-centered .s4zgmmr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.s12pqpa3.item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.item-centered .s4zgmmr .sv5tpso,.s12pqpa3.item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}
@@ -1,23 +0,0 @@
1
- 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
- };
21
-
22
- export { getItemStatus };
23
- //# sourceMappingURL=getItemStatus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"getItemStatus.js","sources":["../../../../src/components/Steps/utils/getItemStatus.ts"],"sourcesContent":["import { StepItemProps, StepStatus } from '../ui';\n\nexport const getItemStatus = ({\n isUncontrolled,\n current,\n status,\n index,\n item,\n}: {\n isUncontrolled: boolean;\n current?: number;\n status?: StepStatus;\n index: number;\n item: StepItemProps;\n}) => {\n if (item.disabled) {\n return 'inactive';\n }\n\n if (!isUncontrolled) {\n return status || item.status || 'inactive';\n }\n\n if (current! > index) {\n return 'completed';\n }\n\n if (current === index) {\n return status || 'active';\n }\n\n return 'inactive';\n};\n"],"names":["getItemStatus","_ref","isUncontrolled","current","status","index","item","disabled"],"mappings":"IAEaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAYpB;AAAA,EAAA,IAXFC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IACPC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;EAQJ,IAAIA,IAAI,CAACC,QAAQ,EAAE;AACf,IAAA,OAAO,UAAU,CAAA;AACrB,GAAA;EAEA,IAAI,CAACL,cAAc,EAAE;AACjB,IAAA,OAAOE,MAAM,IAAIE,IAAI,CAACF,MAAM,IAAI,UAAU,CAAA;AAC9C,GAAA;EAEA,IAAID,OAAO,GAAIE,KAAK,EAAE;AAClB,IAAA,OAAO,WAAW,CAAA;AACtB,GAAA;EAEA,IAAIF,OAAO,KAAKE,KAAK,EAAE;IACnB,OAAOD,MAAM,IAAI,QAAQ,CAAA;AAC7B,GAAA;AAEA,EAAA,OAAO,UAAU,CAAA;AACrB;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b16vuzft";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Steps/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b1wt5ge0";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Steps/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}