@salutejs/plasma-new-hope 0.186.0-dev.0 → 0.186.1-canary.1517.11741997679.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (78) hide show
  1. package/cjs/components/Steps/Steps.css +10 -10
  2. package/cjs/components/Steps/Steps.js +21 -14
  3. package/cjs/components/Steps/Steps.js.map +1 -1
  4. package/cjs/components/Steps/Steps.styles.js +1 -1
  5. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  6. package/cjs/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  7. package/cjs/components/Steps/Steps.tokens.js +1 -0
  8. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  9. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  10. package/cjs/components/Steps/ui/StepItem/StepItem.js +29 -7
  11. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  12. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  13. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  14. package/cjs/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +9 -0
  15. package/cjs/index.css +11 -11
  16. package/emotion/cjs/components/Steps/Steps.js +23 -14
  17. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  18. package/emotion/cjs/components/Steps/Steps.tokens.js +1 -0
  19. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +29 -7
  20. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  21. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  22. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  23. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  24. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  25. package/emotion/es/components/Steps/Steps.js +24 -15
  26. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  27. package/emotion/es/components/Steps/Steps.tokens.js +1 -0
  28. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +29 -7
  29. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +22 -11
  30. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  31. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  32. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  33. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  34. package/es/components/Steps/Steps.css +10 -10
  35. package/es/components/Steps/Steps.js +23 -16
  36. package/es/components/Steps/Steps.js.map +1 -1
  37. package/es/components/Steps/Steps.styles.js +1 -1
  38. package/es/components/Steps/Steps.styles.js.map +1 -1
  39. package/es/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} +1 -1
  40. package/es/components/Steps/Steps.tokens.js +1 -0
  41. package/es/components/Steps/Steps.tokens.js.map +1 -1
  42. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  43. package/es/components/Steps/ui/StepItem/StepItem.js +30 -8
  44. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  45. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  46. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  47. package/es/components/Steps/ui/StepItem/StepItem.styles_q5nnk6.css +9 -0
  48. package/es/index.css +11 -11
  49. package/package.json +2 -2
  50. package/styled-components/cjs/components/Steps/Steps.js +23 -14
  51. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  52. package/styled-components/cjs/components/Steps/Steps.tokens.js +1 -0
  53. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +29 -7
  54. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  55. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  56. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  57. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  58. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  59. package/styled-components/es/components/Steps/Steps.js +24 -15
  60. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  61. package/styled-components/es/components/Steps/Steps.tokens.js +1 -0
  62. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +29 -7
  63. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +17 -6
  64. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  65. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  66. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  67. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  68. package/types/components/Steps/Steps.d.ts.map +1 -1
  69. package/types/components/Steps/Steps.styles.d.ts.map +1 -1
  70. package/types/components/Steps/Steps.tokens.d.ts +1 -0
  71. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  72. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  73. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  74. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  75. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  76. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  77. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
  78. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +0 -9
package/cjs/components/Steps/Steps.css CHANGED
@@ -5,14 +5,14 @@
5
5
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
6
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
7
 
8
- .StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
9
- .StepItem_styles_sp9rcd_sv5tpso__20446152{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_sp9rcd_s529fhk__20446152{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_sp9rcd_b1kcj14__20446152{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_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
12
- .StepItem_styles_sp9rcd_b9hdug__20446152{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_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
13
- .StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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_sp9rcd_sxskc3q__20446152{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_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
15
- .StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
16
- .StepItem_styles_sp9rcd_s12pqpa3__20446152{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;-webkit-flex:1;-ms-flex:1;flex:1;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
8
+ .StepItem_styles_q5nnk6_snf9dn9__a323f428{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
9
+ .StepItem_styles_q5nnk6_sv5tpso__a323f428{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_q5nnk6_s529fhk__a323f428{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_q5nnk6_b1kcj14__a323f428{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_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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;}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
12
+ .StepItem_styles_q5nnk6_b9hdug__a323f428{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;outline:none;padding:0;margin:0;border:none;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);position:relative;}.StepItem_styles_q5nnk6_b9hdug__a323f428::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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);position:relative;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}
13
+ .StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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:var(--plasma-step-item-active-indicator-background);}
14
+ .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_transparentDivider__a323f428{background:transparent;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428.StepItem_styles_q5nnk6_simple__a323f428{height:auto;max-height:none;}
15
+ .StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
16
+ .StepItem_styles_q5nnk6_s12pqpa3__a323f428{position:relative;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;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-webkit-flex:0;-ms-flex:0;flex:0;-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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{margin:0 auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isFirst__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isFirst__a323f428:before{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isLast__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isLast__a323f428:after{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isPrevInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isNextInactive__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_isNextActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_sv5tpso__a323f428{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{cursor:pointer;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{width:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-right:0;text-align:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemDisabled__a323f428{opacity:var(--plasma-step-item-disabled-opacity);}
17
17
 
18
- .Steps_styles_1xmqxqu_b7q3upx__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a).Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a:not(.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a):not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a:not(.Steps_styles_1xmqxqu_itemHasIndicator__86b16d4a){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}.Steps_styles_1xmqxqu_b7q3upx__86b16d4a.Steps_styles_1xmqxqu_verticalOrientation__86b16d4a.Steps_styles_1xmqxqu_simple__86b16d4a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
+ .Steps_styles_wa45kj_b7q3upx__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88).Steps_styles_wa45kj_itemHasIndicator__4cedcb88{height:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88:not(.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88):not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){height:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88.Steps_styles_wa45kj_itemHasIndicator__4cedcb88{width:var(--plasma-step-item-active-indicator-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_simple__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88:not(.Steps_styles_wa45kj_itemHasIndicator__4cedcb88){width:var(--plasma-step-item-active-bullet-size);}.Steps_styles_wa45kj_b7q3upx__4cedcb88.Steps_styles_wa45kj_verticalOrientation__4cedcb88{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}
package/cjs/components/Steps/Steps.js CHANGED
@@ -37,19 +37,33 @@ var stepsRoot = function stepsRoot(Root) {
37
37
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
38
38
  prevIndex = _useState2[0],
39
39
  setPrevIndex = _useState2[1];
40
- var isUncontrolled = current !== undefined;
41
40
  var hasIndicator = items.some(function (item) {
42
41
  return item.indicator != null;
43
42
  });
44
43
  var isSimple = items.every(function (item) {
45
44
  return !item.title && !item.content;
46
45
  });
46
+ var innerItems = React.useMemo(function () {
47
+ var isUncontrolled = current !== undefined;
48
+ return items.map(function (item, index) {
49
+ var itemStatus = getItemStatus.getItemStatus({
50
+ isUncontrolled: isUncontrolled,
51
+ current: current,
52
+ status: status,
53
+ index: index,
54
+ item: item
55
+ });
56
+ return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, item), {}, {
57
+ status: itemStatus
58
+ });
59
+ });
60
+ }, [status, current, items]);
47
61
  React.useEffect(function () {
48
62
  var calcPrevIndex = function calcPrevIndex() {
49
63
  if (current !== undefined) {
50
64
  setPrevIndex(current);
51
65
  } else {
52
- var index = items.findIndex(function (item) {
66
+ var index = innerItems.findIndex(function (item) {
53
67
  return item.status === 'active';
54
68
  });
55
69
  setPrevIndex(index !== -1 ? index : undefined);
@@ -59,21 +73,14 @@ var stepsRoot = function stepsRoot(Root) {
59
73
  return function () {
60
74
  calcPrevIndex();
61
75
  };
62
- }, [current, items]);
76
+ }, [current, innerItems]);
63
77
  return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
64
78
  size: size,
65
79
  view: view,
66
80
  ref: outerRef,
67
81
  className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, orientation === 'vertical'), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator))
68
- }, rest), items.map(function (item, index) {
69
- var itemStatus = getItemStatus.getItemStatus({
70
- isUncontrolled: isUncontrolled,
71
- current: current,
72
- status: status,
73
- index: index,
74
- item: item
75
- });
76
- var isActive = itemStatus === 'active';
82
+ }, rest), innerItems.map(function (item, index) {
83
+ var isActive = item.status === 'active';
77
84
  var itemContent = hasContent === 'active' && !isActive || hasContent === 'none' ? '' : item.content;
78
85
  var itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';
79
86
  var onClick = onChange ? function () {
@@ -85,14 +92,14 @@ var stepsRoot = function stepsRoot(Root) {
85
92
  title: item.title,
86
93
  content: itemContent,
87
94
  indicator: item.indicator,
88
- status: itemStatus,
95
+ status: item.status,
89
96
  size: size,
90
97
  orientation: orientation,
91
98
  contentAlign: itemContentAlign,
92
99
  hasLine: hasLine,
93
100
  hasLoader: hasLoader && isActive,
94
101
  onClick: onClick,
95
- items: items
102
+ items: innerItems
96
103
  });
97
104
  }));
98
105
  });
package/cjs/components/Steps/Steps.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n const isUncontrolled = current !== undefined;\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n useEffect(() => {\n const calcPrevIndex = () => {\n if (current !== undefined) {\n setPrevIndex(current);\n } else {\n const index = items.findIndex((item) => item.status === 'active');\n setPrevIndex(index !== -1 ? index : undefined);\n }\n };\n\n calcPrevIndex();\n\n return () => {\n calcPrevIndex();\n };\n }, [current, items]);\n\n return (\n <Root\n size={size}\n view={view}\n ref={outerRef}\n className={cls({\n [classes.verticalOrientation]: orientation === 'vertical',\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n {...rest}\n >\n {items.map((item, index) => {\n const itemStatus = getItemStatus({ isUncontrolled, current, status, index, item });\n\n const isActive = itemStatus === 'active';\n\n const itemContent =\n (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n return (\n <StepItem\n key={index}\n index={index}\n title={item.title}\n content={itemContent}\n indicator={item.indicator}\n status={itemStatus}\n size={size!}\n orientation={orientation}\n contentAlign={itemContentAlign}\n hasLine={hasLine}\n hasLoader={hasLoader && isActive}\n onClick={onClick}\n items={items}\n />\n );\n })}\n </Root>\n );\n });\n\nexport const stepsConfig = {\n name: 'Steps',\n tag: 'div',\n layout: stepsRoot,\n base,\n variations: {\n size: sizeCSS,\n view: viewCSS,\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","isUncontrolled","undefined","hasIndicator","some","item","indicator","isSimple","every","title","content","useEffect","calcPrevIndex","index","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","map","itemStatus","getItemStatus","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"Steps.js","sources":["../../../src/components/Steps/Steps.tsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, HTMLAttributes, useMemo } from 'react';\nimport cls from 'classnames';\n\nimport type { RootPropsOmitOnChange } from '../../engines/types';\n\nimport { classes } from './Steps.tokens';\nimport { StepsProps as BaseStepsProps } from './Steps.types';\nimport { StepItem } from './ui';\nimport { base } from './Steps.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { getItemStatus } from './utils/getItemStatus';\n\ntype StepsProps = BaseStepsProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;\n\nexport const stepsRoot = (Root: RootPropsOmitOnChange<HTMLDivElement, StepsProps>) =>\n forwardRef<HTMLDivElement, StepsProps>((props, outerRef) => {\n const {\n view = 'default',\n size,\n orientation = 'horizontal',\n contentAlign = 'left',\n hasLine = true,\n hasContent = 'all',\n hasLoader,\n items = [],\n onChange,\n current,\n status,\n ...rest\n } = props;\n\n const [prevIndex, setPrevIndex] = useState<number | undefined>();\n\n const hasIndicator = items.some((item) => item.indicator != null);\n const isSimple = items.every((item) => !item.title && !item.content);\n\n const innerItems = useMemo(() => {\n const isUncontrolled = current !== undefined;\n\n return items.map((item, index) => {\n const itemStatus = getItemStatus({\n isUncontrolled,\n current,\n status,\n index,\n item,\n });\n\n return {\n ...item,\n status: itemStatus,\n };\n });\n }, [status, current, items]);\n\n useEffect(() => {\n const calcPrevIndex = () => {\n if (current !== undefined) {\n setPrevIndex(current);\n } else {\n const index = innerItems.findIndex((item) => item.status === 'active');\n setPrevIndex(index !== -1 ? index : undefined);\n }\n };\n\n calcPrevIndex();\n\n return () => {\n calcPrevIndex();\n };\n }, [current, innerItems]);\n\n return (\n <Root\n size={size}\n view={view}\n ref={outerRef}\n className={cls({\n [classes.verticalOrientation]: orientation === 'vertical',\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n {...rest}\n >\n {innerItems.map((item, index) => {\n const isActive = item.status === 'active';\n\n const itemContent =\n (hasContent === 'active' && !isActive) || hasContent === 'none' ? '' : item.content;\n\n const itemContentAlign = orientation === 'horizontal' ? contentAlign : 'left';\n const onClick = onChange ? () => onChange(item, index, prevIndex) : undefined;\n\n return (\n <StepItem\n key={index}\n index={index}\n title={item.title}\n content={itemContent}\n indicator={item.indicator}\n status={item.status}\n size={size!}\n orientation={orientation}\n contentAlign={itemContentAlign}\n hasLine={hasLine}\n hasLoader={hasLoader && isActive}\n onClick={onClick}\n items={innerItems}\n />\n );\n })}\n </Root>\n );\n });\n\nexport const stepsConfig = {\n name: 'Steps',\n tag: 'div',\n layout: stepsRoot,\n base,\n variations: {\n size: sizeCSS,\n view: viewCSS,\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["stepsRoot","Root","forwardRef","props","outerRef","_props$view","view","size","_props$orientation","orientation","_props$contentAlign","contentAlign","_props$hasLine","hasLine","_props$hasContent","hasContent","hasLoader","_props$items","items","onChange","current","status","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","prevIndex","setPrevIndex","hasIndicator","some","item","indicator","isSimple","every","title","content","innerItems","useMemo","isUncontrolled","undefined","map","index","itemStatus","getItemStatus","_objectSpread","useEffect","calcPrevIndex","findIndex","React","createElement","_extends","ref","className","cls","_defineProperty","classes","verticalOrientation","simple","isActive","itemContent","itemContentAlign","onClick","StepItem","key","stepsConfig","name","tag","layout","base","variations","sizeCSS","viewCSS","defaults"],"mappings":"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"}
package/cjs/components/Steps/Steps.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Steps.styles_1xmqxqu.css';
1
+ import './Steps.styles_wa45kj.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
package/cjs/components/Steps/Steps.styles.js.map CHANGED
@@ -1 +1 @@
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 &:not(&.${classes.verticalOrientation}) {\n &.${classes.hasIndicator} {\n height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n height: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 100%;\n\n &.${classes.simple} {\n display: inline-flex;\n }\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAqChB;;;;"}
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 &:not(&.${classes.verticalOrientation}) {\n &.${classes.hasIndicator} {\n height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n height: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n }\n\n &.${classes.verticalOrientation} {\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 100%;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAiChB;;;;"}
package/cjs/components/Steps/{Steps.styles_1xmqxqu.css → Steps.styles_wa45kj.css} RENAMED
@@ -1 +1 @@
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:not(.b7q3upx.simple.vertical-orientation).item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation):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);}.b7q3upx.simple.vertical-orientation:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b7q3upx.vertical-orientation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}.b7q3upx.vertical-orientation.simple{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
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:not(.b7q3upx.simple.vertical-orientation).item-has-indicator{height:var(--plasma-step-item-active-indicator-size);}.b7q3upx.simple:not(.b7q3upx.simple.vertical-orientation):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);}.b7q3upx.simple.vertical-orientation:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b7q3upx.vertical-orientation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-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;height:100%;}
package/cjs/components/Steps/Steps.tokens.js CHANGED
@@ -60,6 +60,7 @@ var tokens = {
60
60
  inactiveTitleColor: '--plasma-step-item-inactive-title-color',
61
61
  inactiveTitleColorHover: '--plasma-step-item-inactive-title-color-hover',
62
62
  contentColor: '--plasma-step-item-content-color',
63
+ focusColor: '--plasma-step-item-focus-color',
63
64
  activeIndicatorBorder: '--plasma-step-item-active-indicator-border',
64
65
  activeIndicatorBorderHover: '--plasma-step-item-active-indicator-border-hover',
65
66
  activeIndicatorColor: '--plasma-step-item-active-indicator-color',
package/cjs/components/Steps/Steps.tokens.js.map CHANGED
@@ -1 +1 @@
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
+ {"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 focusColor: '--plasma-step-item-focus-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","focusColor","activeIndicatorBorder","activeIndicatorBorderHover","activeIndicatorColor","activeIndicatorColorHover","activeIndicatorBackground","completedIndicatorColor","completedIndicatorColorHover","completedIndicatorBackground","completedIndicatorBackgroundHover","inactiveIndicatorColor","inactiveIndicatorColorHover","inactiveIndicatorBackground","inactiveIndicatorBackgroundHover","disabledOpacity","dividerThickness"],"mappings":"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"}
package/cjs/components/Steps/ui/StepItem/StepItem.css CHANGED
@@ -5,12 +5,12 @@
5
5
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
6
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
7
 
8
- .StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
9
- .StepItem_styles_sp9rcd_sv5tpso__20446152{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_sp9rcd_s529fhk__20446152{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_sp9rcd_b1kcj14__20446152{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_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_itemHasIndicator__20446152{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152):not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152:not(.StepItem_styles_sp9rcd_simple__20446152).StepItem_styles_sp9rcd_verticalOrientation__20446152{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152.StepItem_styles_sp9rcd_itemHasIndicator__20446152{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152:not(.StepItem_styles_sp9rcd_itemHasIndicator__20446152){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_sp9rcd_b1kcj14__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
12
- .StepItem_styles_sp9rcd_b9hdug__20446152{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_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:before,.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemInactive__20446152:after{background:var(--plasma-step-item-inactive-indicator-background);}
13
- .StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_sp9rcd_b1eo1o32__20446152.StepItem_styles_sp9rcd_b9hdug__20446152.StepItem_styles_sp9rcd_itemActive__20446152{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_sp9rcd_sxskc3q__20446152{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_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_itemInactive__20446152{background-color:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_transparentDivider__20446152{background-color:transparent;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_sp9rcd_sxskc3q__20446152.StepItem_styles_sp9rcd_indentDivider__20446152.StepItem_styles_sp9rcd_simple__20446152{height:auto;max-height:none;}
15
- .StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_sp9rcd_s4zgmmr__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
16
- .StepItem_styles_sp9rcd_s12pqpa3__20446152{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;-webkit-flex:1;-ms-flex:1;flex:1;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152{-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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_verticalOrientation__20446152 .StepItem_styles_sp9rcd_sxskc3q__20446152{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemActive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_sv5tpso__20446152{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152:not(.StepItem_styles_sp9rcd_itemActive__20446152) .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b9hdug__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152.StepItem_styles_sp9rcd_itemInactive__20446152 .StepItem_styles_sp9rcd_b1eo1o32__20446152{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemHovered__20446152 .StepItem_styles_sp9rcd_b1kcj14__20446152{cursor:pointer;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152{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_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152{width:100%;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_sv5tpso__20446152,.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemCentered__20446152 .StepItem_styles_sp9rcd_s4zgmmr__20446152 .StepItem_styles_sp9rcd_s529fhk__20446152{padding-right:0;text-align:center;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_simple__20446152{-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_sp9rcd_s12pqpa3__20446152.StepItem_styles_sp9rcd_itemDisabled__20446152{opacity:var(--plasma-step-item-disabled-opacity);}
8
+ .StepItem_styles_q5nnk6_snf9dn9__a323f428{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
9
+ .StepItem_styles_q5nnk6_sv5tpso__a323f428{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_q5nnk6_s529fhk__a323f428{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_q5nnk6_b1kcj14__a323f428{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_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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;}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_b1kcj14__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
12
+ .StepItem_styles_q5nnk6_b9hdug__a323f428{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;outline:none;padding:0;margin:0;border:none;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);position:relative;}.StepItem_styles_q5nnk6_b9hdug__a323f428::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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);position:relative;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428.StepItem_styles_q5nnk6_focusVisible__a323f428:focus::before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:before,.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_simple__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}
13
+ .StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_q5nnk6_b1eo1o32__a323f428.StepItem_styles_q5nnk6_b9hdug__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428{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:var(--plasma-step-item-active-indicator-background);}
14
+ .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_transparentDivider__a323f428{background:transparent;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_q5nnk6_sxskc3q__a323f428.StepItem_styles_q5nnk6_indentDivider__a323f428.StepItem_styles_q5nnk6_simple__a323f428{height:auto;max-height:none;}
15
+ .StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_q5nnk6_s4zgmmr__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
16
+ .StepItem_styles_q5nnk6_s12pqpa3__a323f428{position:relative;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;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428{-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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428 .StepItem_styles_q5nnk6_sxskc3q__a323f428{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428{-webkit-flex:0;-ms-flex:0;flex:0;-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;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemHasIndicator__a323f428{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428):not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:not(.StepItem_styles_q5nnk6_itemHasIndicator__a323f428):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_verticalOrientation__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_verticalOrientation__a323f428:after{margin:0 auto;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isFirst__a323f428:before,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isFirst__a323f428:before{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428.StepItem_styles_q5nnk6_isLast__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428).StepItem_styles_q5nnk6_isLast__a323f428:after{background:transparent;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:after,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isPrevInactive__a323f428:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_simple__a323f428.StepItem_styles_q5nnk6_isNextInactive__a323f428:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_isNextActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428:not(.StepItem_styles_q5nnk6_simple__a323f428):not(.StepItem_styles_q5nnk6_verticalOrientation__a323f428).StepItem_styles_q5nnk6_itemActive__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_sv5tpso__a323f428{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428:not(.StepItem_styles_q5nnk6_itemActive__a323f428) .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b9hdug__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428.StepItem_styles_q5nnk6_itemInactive__a323f428 .StepItem_styles_q5nnk6_b1eo1o32__a323f428{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemHovered__a323f428 .StepItem_styles_q5nnk6_b1kcj14__a323f428{cursor:pointer;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428{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_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428{width:100%;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_sv5tpso__a323f428,.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemCentered__a323f428 .StepItem_styles_q5nnk6_s4zgmmr__a323f428 .StepItem_styles_q5nnk6_s529fhk__a323f428{padding-right:0;text-align:center;}.StepItem_styles_q5nnk6_s12pqpa3__a323f428.StepItem_styles_q5nnk6_itemDisabled__a323f428{opacity:var(--plasma-step-item-disabled-opacity);}
package/cjs/components/Steps/ui/StepItem/StepItem.js CHANGED
@@ -38,6 +38,7 @@ var StepItem = function StepItem(_ref) {
38
38
  var prevItem = items[index - 1];
39
39
  var nextItem = items[index + 1];
40
40
  var isActive = status === 'active';
41
+ var isNextActive = (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'active';
41
42
  var isInactive = status === 'inactive';
42
43
  var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
43
44
  var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
@@ -75,8 +76,31 @@ var StepItem = function StepItem(_ref) {
75
76
  setIsHovered(false);
76
77
  }
77
78
  }, [isDisabled]);
79
+ if (isSimple) {
80
+ var _cls;
81
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItem_styles.StepItemStyled, {
82
+ className: cls((_cls = {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cls, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.verticalOrientation, isVertical), "isFirst", isFirst), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cls, "isLast", isLast), "isPrevInactive", isPrevInactive), "isNextInactive", isNextInactive)))
83
+ }, /*#__PURE__*/React.createElement(StepItem_styles.BulletIndicatorWrapper, {
84
+ className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator)),
85
+ onClick: onClickHandler,
86
+ onFocus: onMouseOver,
87
+ onBlur: onMouseOut,
88
+ onMouseOver: onMouseOver,
89
+ onMouseOut: onMouseOut
90
+ }, hasLoader && /*#__PURE__*/React.createElement(StepItem_styles.SpinnerStyled, {
91
+ hasIndicator: hasIndicator
92
+ }), !hasLoader && /*#__PURE__*/React.createElement(BulletNode, {
93
+ className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive))
94
+ }, typeof indicator === 'function' && indicator({
95
+ status: status,
96
+ item: item,
97
+ size: size
98
+ }), typeof indicator !== 'function' && indicator))), !isLast && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
99
+ className: cls(Steps_tokens.classes.simple, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive || isNextInactive))
100
+ }));
101
+ }
78
102
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItem_styles.StepItemStyled, {
79
- className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.verticalOrientation, isVertical))
103
+ className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hovered, isHovered && !isActive), Steps_tokens.classes.inactive, isInactive), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.disabled, isDisabled), Steps_tokens.classes.clickable, clickable && !isActive), Steps_tokens.classes.hasIndicator, hasIndicator), Steps_tokens.classes.verticalOrientation, isVertical), "isNextActive", isNextActive))
80
104
  }, /*#__PURE__*/React.createElement(StepItem_styles.BulletIndicatorWrapper, {
81
105
  className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.hasIndicator, hasIndicator)),
82
106
  onClick: onClickHandler,
@@ -86,7 +110,7 @@ var StepItem = function StepItem(_ref) {
86
110
  onMouseOut: onMouseOut
87
111
  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
88
112
  className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive))
89
- }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
113
+ }), isVertical && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
90
114
  className: cls(Steps_tokens.classes.indentDivider, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isFirst), Steps_tokens.classes.inactive, isInactive || isPrevInactive)),
91
115
  indentToken: indentToken
92
116
  }), hasLoader && /*#__PURE__*/React.createElement(StepItem_styles.SpinnerStyled, {
@@ -97,9 +121,9 @@ var StepItem = function StepItem(_ref) {
97
121
  status: status,
98
122
  item: item,
99
123
  size: size
100
- }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
124
+ }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
101
125
  className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.simple, isSimple), Steps_tokens.classes.transparentDivider, !hasLine || isLast), Steps_tokens.classes.inactive, isInactive || isNextInactive))
102
- })), !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContentWrapper, {
126
+ })), /*#__PURE__*/React.createElement(StepItem_styles.StepItemContentWrapper, {
103
127
  className: cls(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.centered, isCentered), Steps_tokens.classes.active, isActive), Steps_tokens.classes.hasIndicator, hasIndicator))
104
128
  }, /*#__PURE__*/React.createElement(StepItem_styles.StepItemTitle, {
105
129
  onClick: onClickHandler,
@@ -107,9 +131,7 @@ var StepItem = function StepItem(_ref) {
107
131
  onBlur: onMouseOut,
108
132
  onMouseOver: onMouseOver,
109
133
  onMouseOut: onMouseOut
110
- }, title), content && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))), isSimple && !isLast && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
111
- className: cls(Steps_tokens.classes.simple, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.inactive, isInactive || isNextInactive))
112
- }));
134
+ }, title), content && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
113
135
  };
114
136
 
115
137
  exports.StepItem = StepItem;