@salutejs/plasma-new-hope 0.176.1-canary.1517.11571952534.0 → 0.177.0-canary.1503.11571511639.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (149) hide show
  1. package/cjs/components/Notification/Notification.css +11 -11
  2. package/cjs/components/Notification/Notification.js +2 -2
  3. package/cjs/components/Notification/Notification.js.map +1 -1
  4. package/cjs/components/Notification/Notification.styles.js +11 -2
  5. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  6. package/cjs/components/Notification/{Notification.styles_7h8hp0.css → Notification.styles_e6274r.css} +2 -2
  7. package/cjs/components/Notification/Notification.tokens.js +2 -1
  8. package/cjs/components/Notification/Notification.tokens.js.map +1 -1
  9. package/cjs/components/Notification/Notification.types.js.map +1 -1
  10. package/cjs/components/Notification/NotificationsPortal.js +8 -4
  11. package/cjs/components/Notification/NotificationsPortal.js.map +1 -1
  12. package/cjs/components/Notification/NotificationsProvider.css +11 -11
  13. package/cjs/components/Notification/NotificationsProvider.js +3 -1
  14. package/cjs/components/Notification/NotificationsProvider.js.map +1 -1
  15. package/cjs/components/Steps/Steps.css +9 -9
  16. package/cjs/components/Steps/Steps.tokens.js +0 -1
  17. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  18. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  19. package/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  20. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  21. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  22. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  23. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  24. package/cjs/index.css +20 -20
  25. package/cjs/index.js +1 -1
  26. package/emotion/cjs/components/Notification/Notification.js +2 -2
  27. package/emotion/cjs/components/Notification/Notification.styles.js +14 -19
  28. package/emotion/cjs/components/Notification/Notification.template-doc.mdx +17 -8
  29. package/emotion/cjs/components/Notification/Notification.tokens.js +2 -1
  30. package/emotion/cjs/components/Notification/NotificationsPortal.js +9 -5
  31. package/emotion/cjs/components/Notification/NotificationsProvider.js +3 -1
  32. package/emotion/cjs/components/Notification/index.js +4 -4
  33. package/emotion/cjs/components/Steps/Steps.tokens.js +0 -1
  34. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  35. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +11 -17
  36. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.js +5 -3
  37. package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
  38. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  39. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  40. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.js +5 -3
  41. package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
  42. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  43. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  44. package/emotion/es/components/Notification/Notification.js +1 -1
  45. package/emotion/es/components/Notification/Notification.styles.js +14 -19
  46. package/emotion/es/components/Notification/Notification.template-doc.mdx +17 -8
  47. package/emotion/es/components/Notification/Notification.tokens.js +2 -1
  48. package/emotion/es/components/Notification/NotificationsPortal.js +9 -5
  49. package/emotion/es/components/Notification/NotificationsProvider.js +3 -1
  50. package/emotion/es/components/Notification/index.js +1 -1
  51. package/emotion/es/components/Steps/Steps.tokens.js +0 -1
  52. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  53. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +11 -17
  54. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.js +6 -4
  55. package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
  56. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  57. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  58. package/emotion/es/examples/plasma_web/components/Notification/Notification.js +6 -4
  59. package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
  60. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  61. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  62. package/es/components/Notification/Notification.css +11 -11
  63. package/es/components/Notification/Notification.js +2 -2
  64. package/es/components/Notification/Notification.js.map +1 -1
  65. package/es/components/Notification/Notification.styles.js +11 -2
  66. package/es/components/Notification/Notification.styles.js.map +1 -1
  67. package/es/components/Notification/{Notification.styles_7h8hp0.css → Notification.styles_e6274r.css} +2 -2
  68. package/es/components/Notification/Notification.tokens.js +2 -1
  69. package/es/components/Notification/Notification.tokens.js.map +1 -1
  70. package/es/components/Notification/Notification.types.js.map +1 -1
  71. package/es/components/Notification/NotificationsPortal.js +8 -4
  72. package/es/components/Notification/NotificationsPortal.js.map +1 -1
  73. package/es/components/Notification/NotificationsProvider.css +11 -11
  74. package/es/components/Notification/NotificationsProvider.js +3 -1
  75. package/es/components/Notification/NotificationsProvider.js.map +1 -1
  76. package/es/components/Steps/Steps.css +9 -9
  77. package/es/components/Steps/Steps.tokens.js +0 -1
  78. package/es/components/Steps/Steps.tokens.js.map +1 -1
  79. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  80. package/es/components/Steps/ui/StepItem/StepItem.js +8 -30
  81. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  82. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  83. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  84. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  85. package/es/index.css +20 -20
  86. package/es/index.js +1 -1
  87. package/package.json +2 -2
  88. package/styled-components/cjs/components/Notification/Notification.js +2 -2
  89. package/styled-components/cjs/components/Notification/Notification.styles.js +5 -2
  90. package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +17 -8
  91. package/styled-components/cjs/components/Notification/Notification.tokens.js +2 -1
  92. package/styled-components/cjs/components/Notification/NotificationsPortal.js +8 -4
  93. package/styled-components/cjs/components/Notification/NotificationsProvider.js +3 -1
  94. package/styled-components/cjs/components/Notification/index.js +4 -4
  95. package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -1
  96. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  97. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -12
  98. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.js +5 -3
  99. package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
  100. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  101. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  102. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.js +5 -3
  103. package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
  104. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  105. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  106. package/styled-components/es/components/Notification/Notification.js +1 -1
  107. package/styled-components/es/components/Notification/Notification.styles.js +5 -2
  108. package/styled-components/es/components/Notification/Notification.template-doc.mdx +17 -8
  109. package/styled-components/es/components/Notification/Notification.tokens.js +2 -1
  110. package/styled-components/es/components/Notification/NotificationsPortal.js +8 -4
  111. package/styled-components/es/components/Notification/NotificationsProvider.js +3 -1
  112. package/styled-components/es/components/Notification/index.js +1 -1
  113. package/styled-components/es/components/Steps/Steps.tokens.js +0 -1
  114. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  115. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -12
  116. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.js +6 -4
  117. package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +25 -4
  118. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  119. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  120. package/styled-components/es/examples/plasma_web/components/Notification/Notification.js +6 -4
  121. package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +25 -4
  122. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  123. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  124. package/types/components/Notification/Notification.d.ts +3 -3
  125. package/types/components/Notification/Notification.d.ts.map +1 -1
  126. package/types/components/Notification/Notification.styles.d.ts +4 -2
  127. package/types/components/Notification/Notification.styles.d.ts.map +1 -1
  128. package/types/components/Notification/Notification.tokens.d.ts +1 -0
  129. package/types/components/Notification/Notification.tokens.d.ts.map +1 -1
  130. package/types/components/Notification/Notification.types.d.ts +11 -5
  131. package/types/components/Notification/Notification.types.d.ts.map +1 -1
  132. package/types/components/Notification/NotificationsPortal.d.ts.map +1 -1
  133. package/types/components/Notification/NotificationsProvider.d.ts +4 -3
  134. package/types/components/Notification/NotificationsProvider.d.ts.map +1 -1
  135. package/types/components/Notification/index.d.ts +2 -2
  136. package/types/components/Notification/index.d.ts.map +1 -1
  137. package/types/components/Steps/Steps.tokens.d.ts +0 -1
  138. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  139. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  140. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  141. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  142. package/types/examples/plasma_b2c/components/Notification/Notification.d.ts +4 -2
  143. package/types/examples/plasma_b2c/components/Notification/Notification.d.ts.map +1 -1
  144. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  145. package/types/examples/plasma_web/components/Notification/Notification.d.ts +4 -13
  146. package/types/examples/plasma_web/components/Notification/Notification.d.ts.map +1 -1
  147. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  148. package/cjs/components/Steps/ui/StepItem/StepItem.styles_1oh5gqm.css +0 -9
  149. package/es/components/Steps/ui/StepItem/StepItem.styles_1oh5gqm.css +0 -9
@@ -1,9 +0,0 @@
1
- .snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
2
- .sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
3
- .s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
4
- .b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
5
- .b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;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;}.b9hdug::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;}.b9hdug.focus-visible:focus::before,.b9hdug[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive.simple:before,.b9hdug.item-inactive.simple:after{background:var(--plasma-step-item-inactive-indicator-background);}
6
- .b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
7
- .sxskc3q{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.sxskc3q.item-inactive{background:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.transparent-divider{background:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
8
- .s4zgmmr.vertical-orientation .sv5tpso{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.s4zgmmr.vertical-orientation .s529fhk{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
9
- .s12pqpa3{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);}.s12pqpa3.vertical-orientation{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.s12pqpa3.vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3.item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);}.s12pqpa3.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.simple{-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;}.s12pqpa3.simple.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.s12pqpa3.simple:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.s12pqpa3.simple.item-inactive:before,.s12pqpa3.simple:not(.item-active):before,.s12pqpa3.simple.item-inactive:after,.s12pqpa3.simple:not(.item-active):after{position:absolute;top:0;bottom:0;left:0;content:'';display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;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);}.s12pqpa3.simple.item-inactive:after,.s12pqpa3.simple:not(.item-active):after{left:auto;right:0;}.s12pqpa3.simple.item-inactive.vertical-orientation:before,.s12pqpa3.simple:not(.item-active).vertical-orientation:before,.s12pqpa3.simple.item-inactive.vertical-orientation:after,.s12pqpa3.simple:not(.item-active).vertical-orientation: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;}.s12pqpa3.simple.item-inactive.vertical-orientation:before,.s12pqpa3.simple:not(.item-active).vertical-orientation:before{top:0;left:0;right:0;}.s12pqpa3.simple.item-inactive.vertical-orientation:after,.s12pqpa3.simple:not(.item-active).vertical-orientation:after{top:auto;left:0;right:0;bottom:0;margin:0 auto;}.s12pqpa3.simple.item-inactive.isFirst:before,.s12pqpa3.simple:not(.item-active).isFirst:before{display:none;}.s12pqpa3.simple.item-inactive.isLast:after,.s12pqpa3.simple:not(.item-active).isLast:after{display:none;}.s12pqpa3.simple.item-inactive:after,.s12pqpa3.simple.item-inactive:before{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.isPrevInactive:before{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.isNextInactive:after{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3:not(.simple):not(.vertical-orientation).isNextActive .b1kcj14{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.s12pqpa3:not(.simple):not(.vertical-orientation).item-active .b1kcj14{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);}.s12pqpa3.item-hovered:not(.item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.item-hovered:not(.item-active) .b9hdug,.s12pqpa3.item-hovered:not(.item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.item-hovered.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.item-hovered.item-inactive .b9hdug,.s12pqpa3.item-hovered.item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.item-centered .s4zgmmr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.s12pqpa3.item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.item-centered .s4zgmmr .sv5tpso,.s12pqpa3.item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}