@salutejs/plasma-new-hope 0.191.1-canary.1517.11799891311.0 → 0.191.1-canary.1532.11799177518.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (101) hide show
  1. package/cjs/components/Breadcrumbs/Breadcrumbs.css +3 -3
  2. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
  3. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  4. package/cjs/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
  5. package/cjs/components/Breadcrumbs/utils/index.css +3 -3
  6. package/cjs/components/Steps/Steps.css +10 -10
  7. package/cjs/components/Steps/Steps.js +14 -21
  8. package/cjs/components/Steps/Steps.js.map +1 -1
  9. package/cjs/components/Steps/Steps.styles.js +1 -1
  10. package/cjs/components/Steps/Steps.styles.js.map +1 -1
  11. package/cjs/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
  12. package/cjs/components/Steps/Steps.tokens.js +0 -1
  13. package/cjs/components/Steps/Steps.tokens.js.map +1 -1
  14. package/cjs/components/Steps/ui/StepItem/StepItem.css +9 -9
  15. package/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  16. package/cjs/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  17. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  18. package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  19. package/cjs/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  20. package/cjs/index.css +14 -14
  21. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
  22. package/emotion/cjs/components/Steps/Steps.js +14 -23
  23. package/emotion/cjs/components/Steps/Steps.styles.js +1 -1
  24. package/emotion/cjs/components/Steps/Steps.tokens.js +0 -1
  25. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  26. package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
  27. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  28. package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  29. package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  30. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  31. package/emotion/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  32. package/emotion/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  33. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +8 -11
  34. package/emotion/es/components/Steps/Steps.js +15 -24
  35. package/emotion/es/components/Steps/Steps.styles.js +1 -1
  36. package/emotion/es/components/Steps/Steps.tokens.js +0 -1
  37. package/emotion/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  38. package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +11 -22
  39. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +5 -5
  40. package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  41. package/emotion/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  42. package/emotion/es/examples/plasma_web/components/Steps/Steps.config.js +5 -5
  43. package/emotion/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  44. package/emotion/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  45. package/es/components/Breadcrumbs/Breadcrumbs.css +3 -3
  46. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +7 -14
  47. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
  48. package/es/components/Breadcrumbs/{Breadcrumbs.styles_19b6ey4.css → Breadcrumbs.styles_1icsgdr.css} +1 -1
  49. package/es/components/Breadcrumbs/utils/index.css +3 -3
  50. package/es/components/Steps/Steps.css +10 -10
  51. package/es/components/Steps/Steps.js +16 -23
  52. package/es/components/Steps/Steps.js.map +1 -1
  53. package/es/components/Steps/Steps.styles.js +1 -1
  54. package/es/components/Steps/Steps.styles.js.map +1 -1
  55. package/es/components/Steps/{Steps.styles_wa45kj.css → Steps.styles_1xmqxqu.css} +1 -1
  56. package/es/components/Steps/Steps.tokens.js +0 -1
  57. package/es/components/Steps/Steps.tokens.js.map +1 -1
  58. package/es/components/Steps/ui/StepItem/StepItem.css +9 -9
  59. package/es/components/Steps/ui/StepItem/StepItem.js +8 -30
  60. package/es/components/Steps/ui/StepItem/StepItem.js.map +1 -1
  61. package/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -6
  62. package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +1 -1
  63. package/es/components/Steps/ui/StepItem/StepItem.styles_sp9rcd.css +9 -0
  64. package/es/index.css +14 -14
  65. package/package.json +2 -2
  66. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
  67. package/styled-components/cjs/components/Steps/Steps.js +14 -23
  68. package/styled-components/cjs/components/Steps/Steps.styles.js +1 -1
  69. package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -1
  70. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +7 -29
  71. package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
  72. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  73. package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  74. package/styled-components/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  75. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  76. package/styled-components/cjs/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  77. package/styled-components/cjs/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  78. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +5 -8
  79. package/styled-components/es/components/Steps/Steps.js +15 -24
  80. package/styled-components/es/components/Steps/Steps.styles.js +1 -1
  81. package/styled-components/es/components/Steps/Steps.tokens.js +0 -1
  82. package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +7 -29
  83. package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +6 -17
  84. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +1 -1
  85. package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +1 -1
  86. package/styled-components/es/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx +15 -13
  87. package/styled-components/es/examples/plasma_web/components/Steps/Steps.config.js +1 -1
  88. package/styled-components/es/examples/plasma_web/components/Steps/Steps.stories.tsx +1 -1
  89. package/styled-components/es/examples/plasma_web/components/Tabs/Tabs.stories.tsx +14 -12
  90. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  91. package/types/components/Steps/Steps.d.ts.map +1 -1
  92. package/types/components/Steps/Steps.styles.d.ts.map +1 -1
  93. package/types/components/Steps/Steps.tokens.d.ts +0 -1
  94. package/types/components/Steps/Steps.tokens.d.ts.map +1 -1
  95. package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +1 -1
  96. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +2 -2
  97. package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +1 -1
  98. package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +1 -1
  99. package/types/examples/plasma_web/components/Steps/Steps.config.d.ts.map +1 -1
  100. package/cjs/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
  101. package/es/components/Steps/ui/StepItem/StepItem.styles_acxstj.css +0 -9
@@ -38,7 +38,6 @@ 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';
42
41
  var isInactive = status === 'inactive';
43
42
  var isPrevInactive = prevItem && !(prevItem !== null && prevItem !== void 0 && prevItem.status) || (prevItem === null || prevItem === void 0 ? void 0 : prevItem.status) === 'inactive';
44
43
  var isNextInactive = !(nextItem !== null && nextItem !== void 0 && nextItem.status) || (nextItem === null || nextItem === void 0 ? void 0 : nextItem.status) === 'inactive';
@@ -76,31 +75,8 @@ var StepItem = function StepItem(_ref) {
76
75
  setIsHovered(false);
77
76
  }
78
77
  }, [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.transparentDivider, !hasLine), Steps_tokens.classes.verticalOrientation, isVertical), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_cls, "isFirst", isFirst), "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(_rollupPluginBabelHelpers.defineProperty({}, Steps_tokens.classes.verticalOrientation, isVertical), Steps_tokens.classes.transparentDivider, !hasLine), Steps_tokens.classes.active, isActive), Steps_tokens.classes.inactive, isInactive || isNextInactive), Steps_tokens.classes.disabled, isDisabled))
100
- }));
101
- }
102
78
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StepItem_styles.StepItemStyled, {
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))
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))
104
80
  }, /*#__PURE__*/React.createElement(StepItem_styles.BulletIndicatorWrapper, {
105
81
  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)),
106
82
  onClick: onClickHandler,
@@ -110,7 +86,7 @@ var StepItem = function StepItem(_ref) {
110
86
  onMouseOut: onMouseOut
111
87
  }, contentAlign === 'center' && !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
112
88
  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))
113
- }), isVertical && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
89
+ }), isVertical && (isSimple ? !isFirst : true) && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
114
90
  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)),
115
91
  indentToken: indentToken
116
92
  }), hasLoader && /*#__PURE__*/React.createElement(StepItem_styles.SpinnerStyled, {
@@ -121,9 +97,9 @@ var StepItem = function StepItem(_ref) {
121
97
  status: status,
122
98
  item: item,
123
99
  size: size
124
- }), typeof indicator !== 'function' && indicator), /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
100
+ }), typeof indicator !== 'function' && indicator), !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemDivider, {
125
101
  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))
126
- })), /*#__PURE__*/React.createElement(StepItem_styles.StepItemContentWrapper, {
102
+ })), !isSimple && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContentWrapper, {
127
103
  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))
128
104
  }, /*#__PURE__*/React.createElement(StepItem_styles.StepItemTitle, {
129
105
  onClick: onClickHandler,
@@ -131,7 +107,9 @@ var StepItem = function StepItem(_ref) {
131
107
  onBlur: onMouseOut,
132
108
  onMouseOver: onMouseOver,
133
109
  onMouseOut: onMouseOut
134
- }, title), content && /*#__PURE__*/React.createElement(StepItem_styles.StepItemContent, null, typeof content === 'function' ? content(status, index, items) : content))));
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
+ }));
135
113
  };
136
114
 
137
115
  exports.StepItem = StepItem;
@@ -1 +1 @@
1
- {"version":3,"file":"StepItem.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport cls from 'classnames';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { StepsContent, StepsContentAlign, StepsOrientation } from '../../Steps.types';\n\nimport type { StepItemProps } from './StepItem.types';\nimport {\n Bullet,\n BulletIndicator,\n BulletIndicatorWrapper,\n StepItemContent,\n StepItemContentWrapper,\n StepItemDivider,\n StepItemStyled,\n StepItemTitle,\n SpinnerStyled,\n} from './StepItem.styles';\n\n// todo попробовать заменить через baseline выравнивание\nconst indicatorSizesIndentsMap = {\n 8: `var(${tokens.smallBulletIndentHeight})`,\n 16: `var(${tokens.largeBulletIndentHeight})`,\n 24: `var(${tokens.smallIndicatorIndentHeight})`,\n 36: `var(${tokens.largeIndicatorIndentHeight})`,\n} as const;\n\nexport const StepItem: React.FC<\n StepItemProps & {\n index: number;\n items: StepItemProps[];\n size: string;\n hasLine?: boolean;\n hasContent?: StepsContent;\n hasLoader?: boolean;\n isFirst?: boolean;\n isLast?: boolean;\n onClick?: (item: StepItemProps, index: number) => void;\n contentAlign?: StepsContentAlign;\n orientation?: StepsOrientation;\n }\n> = ({\n index,\n title,\n content,\n indicator,\n status = 'inactive',\n size,\n orientation,\n contentAlign,\n hasLine,\n hasLoader,\n onClick,\n items,\n}) => {\n const [isHovered, setIsHovered] = useState(false);\n\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n const prevItem = items[index - 1];\n const nextItem = items[index + 1];\n\n const isActive = status === 'active';\n const isNextActive = nextItem?.status === 'active';\n const isInactive = status === 'inactive';\n const isPrevInactive = (prevItem && !prevItem?.status) || prevItem?.status === 'inactive';\n const isNextInactive = !nextItem?.status || nextItem?.status === 'inactive';\n\n const hasIndicator = indicator != null;\n\n const BulletNode = hasIndicator ? BulletIndicator : Bullet;\n\n const item = items[index];\n const isSimple = !title && !content;\n const clickable = Boolean(onClick);\n const isVertical = orientation === 'vertical';\n const isCentered = contentAlign === 'center';\n const isDisabled = item.disabled;\n\n const onClickHandler = onClick && !isDisabled ? () => onClick(item, index) : undefined;\n\n let resultIndicatorSize: keyof typeof indicatorSizesIndentsMap;\n if (hasIndicator) {\n resultIndicatorSize = isActive ? 36 : 24;\n } else {\n resultIndicatorSize = isActive ? 16 : 8;\n }\n\n const indentToken = indicatorSizesIndentsMap[resultIndicatorSize];\n\n // todo заменить на callback с условиями внутри\n const onMouseOver =\n clickable && !isDisabled\n ? () => {\n if (isDisabled) {\n setIsHovered(false);\n }\n\n setIsHovered(true);\n }\n : undefined;\n\n const onMouseOut =\n clickable && !isDisabled\n ? () => {\n setIsHovered(false);\n }\n : undefined;\n\n useEffect(() => {\n if (isDisabled) {\n setIsHovered(false);\n }\n }, [isDisabled]);\n\n if (isSimple) {\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.transparentDivider]: !hasLine,\n [classes.verticalOrientation]: isVertical,\n isFirst,\n isLast,\n isPrevInactive,\n isNextInactive,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n </BulletIndicatorWrapper>\n </StepItemStyled>\n {!isLast && (\n <StepItemDivider\n className={cls(classes.simple, {\n [classes.verticalOrientation]: isVertical,\n [classes.transparentDivider]: !hasLine,\n [classes.active]: isActive,\n [classes.inactive]: isInactive || isNextInactive,\n [classes.disabled]: isDisabled,\n })}\n />\n )}\n </>\n );\n }\n\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.verticalOrientation]: isVertical,\n isNextActive,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {contentAlign === 'center' && !isSimple && (\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isFirst,\n [classes.inactive]: isInactive || isPrevInactive,\n })}\n />\n )}\n\n {isVertical && (\n <StepItemDivider\n className={cls(classes.indentDivider, {\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isFirst,\n [classes.inactive]: isInactive || isPrevInactive,\n })}\n indentToken={indentToken}\n />\n )}\n\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isLast,\n [classes.inactive]: isInactive || isNextInactive,\n })}\n />\n </BulletIndicatorWrapper>\n\n <StepItemContentWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.active]: isActive,\n [classes.hasIndicator]: hasIndicator,\n })}\n >\n <StepItemTitle\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {title}\n </StepItemTitle>\n\n {content && (\n <StepItemContent>\n {typeof content === 'function' ? content(status, index, items) : content}\n </StepItemContent>\n )}\n </StepItemContentWrapper>\n </StepItemStyled>\n </>\n );\n};\n"],"names":["indicatorSizesIndentsMap","concat","tokens","smallBulletIndentHeight","largeBulletIndentHeight","smallIndicatorIndentHeight","largeIndicatorIndentHeight","StepItem","_ref","index","title","content","indicator","_ref$status","status","size","orientation","contentAlign","hasLine","hasLoader","onClick","items","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","isFirst","isLast","length","prevItem","nextItem","isActive","isNextActive","isInactive","isPrevInactive","isNextInactive","hasIndicator","BulletNode","BulletIndicator","Bullet","item","isSimple","clickable","Boolean","isVertical","isCentered","isDisabled","disabled","onClickHandler","undefined","resultIndicatorSize","indentToken","onMouseOver","onMouseOut","useEffect","_cls","React","createElement","Fragment","StepItemStyled","className","cls","_defineProperty","classes","simple","active","hovered","inactive","centered","transparentDivider","verticalOrientation","BulletIndicatorWrapper","onFocus","onBlur","SpinnerStyled","StepItemDivider","indentDivider","StepItemContentWrapper","StepItemTitle","StepItemContent"],"mappings":"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"}
1
+ {"version":3,"file":"StepItem.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport cls from 'classnames';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { StepsContent, StepsContentAlign, StepsOrientation } from '../../Steps.types';\n\nimport type { StepItemProps } from './StepItem.types';\nimport {\n Bullet,\n BulletIndicator,\n BulletIndicatorWrapper,\n StepItemContent,\n StepItemContentWrapper,\n StepItemDivider,\n StepItemStyled,\n StepItemTitle,\n SpinnerStyled,\n} from './StepItem.styles';\n\n// todo попробовать заменить через baseline выравнивание\nconst indicatorSizesIndentsMap = {\n 8: `var(${tokens.smallBulletIndentHeight})`,\n 16: `var(${tokens.largeBulletIndentHeight})`,\n 24: `var(${tokens.smallIndicatorIndentHeight})`,\n 36: `var(${tokens.largeIndicatorIndentHeight})`,\n} as const;\n\nexport const StepItem: React.FC<\n StepItemProps & {\n index: number;\n items: StepItemProps[];\n size: string;\n hasLine?: boolean;\n hasContent?: StepsContent;\n hasLoader?: boolean;\n isFirst?: boolean;\n isLast?: boolean;\n onClick?: (item: StepItemProps, index: number) => void;\n contentAlign?: StepsContentAlign;\n orientation?: StepsOrientation;\n }\n> = ({\n index,\n title,\n content,\n indicator,\n status = 'inactive',\n size,\n orientation,\n contentAlign,\n hasLine,\n hasLoader,\n onClick,\n items,\n}) => {\n const [isHovered, setIsHovered] = useState(false);\n\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n const prevItem = items[index - 1];\n const nextItem = items[index + 1];\n\n const isActive = status === 'active';\n const isInactive = status === 'inactive';\n const isPrevInactive = (prevItem && !prevItem?.status) || prevItem?.status === 'inactive';\n const isNextInactive = !nextItem?.status || nextItem?.status === 'inactive';\n\n const hasIndicator = indicator != null;\n\n const BulletNode = hasIndicator ? BulletIndicator : Bullet;\n\n const item = items[index];\n const isSimple = !title && !content;\n const clickable = Boolean(onClick);\n const isVertical = orientation === 'vertical';\n const isCentered = contentAlign === 'center';\n const isDisabled = item.disabled;\n\n const onClickHandler = onClick && !isDisabled ? () => onClick(item, index) : undefined;\n\n let resultIndicatorSize: keyof typeof indicatorSizesIndentsMap;\n if (hasIndicator) {\n resultIndicatorSize = isActive ? 36 : 24;\n } else {\n resultIndicatorSize = isActive ? 16 : 8;\n }\n\n const indentToken = indicatorSizesIndentsMap[resultIndicatorSize];\n\n // todo заменить на callback с условиями внутри\n const onMouseOver =\n clickable && !isDisabled\n ? () => {\n if (isDisabled) {\n setIsHovered(false);\n }\n\n setIsHovered(true);\n }\n : undefined;\n\n const onMouseOut =\n clickable && !isDisabled\n ? () => {\n setIsHovered(false);\n }\n : undefined;\n\n useEffect(() => {\n if (isDisabled) {\n setIsHovered(false);\n }\n }, [isDisabled]);\n\n return (\n <>\n <StepItemStyled\n className={cls({\n [classes.simple]: isSimple,\n [classes.active]: isActive,\n [classes.hovered]: isHovered && !isActive,\n [classes.inactive]: isInactive,\n [classes.centered]: isCentered,\n [classes.disabled]: isDisabled,\n [classes.clickable]: clickable && !isActive,\n [classes.hasIndicator]: hasIndicator,\n [classes.verticalOrientation]: isVertical,\n })}\n >\n <BulletIndicatorWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.simple]: isSimple,\n [classes.hasIndicator]: hasIndicator,\n })}\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {contentAlign === 'center' && !isSimple && (\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isFirst,\n [classes.inactive]: isInactive || isPrevInactive,\n })}\n />\n )}\n\n {isVertical && (isSimple ? !isFirst : true) && (\n <StepItemDivider\n className={cls(classes.indentDivider, {\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isFirst,\n [classes.inactive]: isInactive || isPrevInactive,\n })}\n indentToken={indentToken}\n />\n )}\n\n {hasLoader && <SpinnerStyled hasIndicator={hasIndicator} />}\n\n {!hasLoader && (\n <BulletNode\n className={cls({\n [classes.active]: isActive,\n [classes.inactive]: isInactive,\n })}\n >\n {typeof indicator === 'function' && indicator({ status, item, size })}\n {typeof indicator !== 'function' && indicator}\n </BulletNode>\n )}\n\n {!isSimple && (\n <StepItemDivider\n className={cls({\n [classes.simple]: isSimple,\n [classes.transparentDivider]: !hasLine || isLast,\n [classes.inactive]: isInactive || isNextInactive,\n })}\n />\n )}\n </BulletIndicatorWrapper>\n\n {!isSimple && (\n <StepItemContentWrapper\n className={cls({\n [classes.verticalOrientation]: isVertical,\n [classes.centered]: isCentered,\n [classes.active]: isActive,\n [classes.hasIndicator]: hasIndicator,\n })}\n >\n <StepItemTitle\n onClick={onClickHandler}\n onFocus={onMouseOver}\n onBlur={onMouseOut}\n onMouseOver={onMouseOver}\n onMouseOut={onMouseOut}\n >\n {title}\n </StepItemTitle>\n\n {content && (\n <StepItemContent>\n {typeof content === 'function' ? content(status, index, items) : content}\n </StepItemContent>\n )}\n </StepItemContentWrapper>\n )}\n </StepItemStyled>\n {isSimple && !isLast && (\n <StepItemDivider\n className={cls(classes.simple, {\n [classes.verticalOrientation]: isVertical,\n [classes.transparentDivider]: !hasLine,\n [classes.inactive]: isInactive || isNextInactive,\n })}\n />\n )}\n </>\n );\n};\n"],"names":["indicatorSizesIndentsMap","concat","tokens","smallBulletIndentHeight","largeBulletIndentHeight","smallIndicatorIndentHeight","largeIndicatorIndentHeight","StepItem","_ref","index","title","content","indicator","_ref$status","status","size","orientation","contentAlign","hasLine","hasLoader","onClick","items","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","isFirst","isLast","length","prevItem","nextItem","isActive","isInactive","isPrevInactive","isNextInactive","hasIndicator","BulletNode","BulletIndicator","Bullet","item","isSimple","clickable","Boolean","isVertical","isCentered","isDisabled","disabled","onClickHandler","undefined","resultIndicatorSize","indentToken","onMouseOver","onMouseOut","useEffect","React","createElement","Fragment","StepItemStyled","className","cls","_defineProperty","classes","simple","active","hovered","inactive","centered","verticalOrientation","BulletIndicatorWrapper","onFocus","onBlur","StepItemDivider","transparentDivider","indentDivider","SpinnerStyled","StepItemContentWrapper","StepItemTitle","StepItemContent"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './StepItem.styles_acxstj.css';
1
+ import './StepItem.styles_sp9rcd.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -42,20 +42,20 @@ var BulletIndicatorWrapper = /*#__PURE__*/react.styled('div')({
42
42
  "class": "b1kcj14",
43
43
  propsAsIs: false
44
44
  });
45
- var BulletIndicator = /*#__PURE__*/react.styled('button')({
45
+ var BulletIndicator = /*#__PURE__*/react.styled('div')({
46
46
  name: "BulletIndicator",
47
47
  "class": "b9hdug",
48
48
  propsAsIs: false
49
49
  });
50
- var _exp71 = function _exp71() {
50
+ var _exp63 = function _exp63() {
51
51
  return BulletIndicator;
52
52
  };
53
- var Bullet = /*#__PURE__*/react.styled(_exp71())({
53
+ var Bullet = /*#__PURE__*/react.styled(_exp63())({
54
54
  name: "Bullet",
55
55
  "class": "b1eo1o32",
56
56
  propsAsIs: true
57
57
  });
58
- var _exp92 = function _exp92() {
58
+ var _exp82 = function _exp82() {
59
59
  return function (_ref2) {
60
60
  var indentToken = _ref2.indentToken;
61
61
  return indentToken || '';
@@ -66,7 +66,7 @@ var StepItemDivider = /*#__PURE__*/react.styled('div')({
66
66
  "class": "sxskc3q",
67
67
  propsAsIs: false,
68
68
  vars: {
69
- "sxskc3q-0": [/*#__PURE__*/_exp92()]
69
+ "sxskc3q-0": [/*#__PURE__*/_exp82()]
70
70
  }
71
71
  });
72
72
  var StepItemContentWrapper = /*#__PURE__*/react.styled('div')({
@@ -1 +1 @@
1
- {"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n width: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n outline: none;\n padding: 0;\n margin: 0;\n border: none;\n\n color: var(${tokens.completedIndicatorColor});\n background-color: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n ${addFocus({\n outlineOffset: '-0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n\n ${addFocus({\n outlineOffset: '-0.1875rem',\n outlineSize: '0.0625rem',\n outlineRadius: '50%',\n outlineColor: `var(${tokens.focusColor})`,\n })}\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &.${classes.simple} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n flex: 1;\n background: var(${tokens.activeIndicatorColor});\n\n &.${classes.inactive} {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n\n &.${classes.transparentDivider} {\n background: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n position: relative;\n\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n color: var(${tokens.activeIndicatorColor});\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n &.${classes.active} {\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n min-height: var(${tokens.activeIndicatorSize});\n }\n\n &:not(.${classes.hasIndicator}) {\n width: var(${tokens.activeBulletSize});\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.inactive}, &:not(.${classes.active}) {\n &:before,\n &:after {\n content: '';\n display: block;\n width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n height: var(${tokens.dividerThickness});\n background: var(${tokens.activeIndicatorColor});\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n\n &:before,\n &:after {\n width: var(${tokens.dividerThickness});\n height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n margin: 0 auto;\n align-self: auto;\n }\n\n &:not(.${classes.hasIndicator}) {\n &:before,\n &:after {\n height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n }\n }\n\n &:after {\n margin: 0 auto;\n }\n }\n\n &.isFirst {\n &:before {\n background: transparent;\n }\n }\n\n &.isLast {\n &:after {\n background: transparent;\n }\n }\n }\n\n &.${classes.inactive} {\n &:after,\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isPrevInactive {\n &:before {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.isNextInactive {\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n\n &.${classes.disabled} {\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n opacity: 1;\n }\n }\n\n &.${classes.transparentDivider} {\n &:before,\n &:after {\n background: transparent;\n }\n }\n }\n\n &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n &.isNextActive {\n ${BulletIndicatorWrapper} {\n width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n &.${classes.active} {\n ${BulletIndicatorWrapper} {\n margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n }\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.activeTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}
1
+ {"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n ${spinnerTokens.size}: ${({ hasIndicator }) =>\n hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n padding-top: var(${tokens.titlePaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n\n word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n padding-top: var(${tokens.contentPaddingTop});\n padding-right: var(${tokens.contentSidePadding});\n\n font-family: var(${tokens.contentFontFamily});\n font-size: var(${tokens.contentFontSize});\n font-style: var(${tokens.contentFontStyle});\n font-weight: var(${tokens.contentFontWeight});\n letter-spacing: var(${tokens.contentLetterSpacing});\n line-height: var(${tokens.contentLineHeight});\n\n word-break: break-word;\n\n color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n display: flex;\n align-items: center;\n\n &:not(.${classes.simple}) {\n flex: 0;\n\n &.${classes.hasIndicator} {\n width: 100%;\n min-height: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n width: 100%;\n min-height: var(${tokens.activeBulletSize});\n }\n\n &.${classes.verticalOrientation} {\n padding-right: var(${tokens.verticalContentPaddingLeft});\n }\n }\n\n &.${classes.verticalOrientation} {\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100%;\n\n &.${classes.hasIndicator} {\n min-width: var(${tokens.activeIndicatorSize});\n }\n &:not(.${classes.hasIndicator}) {\n min-width: var(${tokens.activeBulletSize});\n }\n }\n\n &.${classes.centered} {\n justify-content: center;\n }\n`;\n\nexport const BulletIndicator = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(${tokens.indicatorSize});\n height: var(${tokens.indicatorSize});\n border-radius: 50%;\n box-sizing: border-box;\n position: relative;\n\n color: var(${tokens.completedIndicatorColor});\n background-color: var(${tokens.completedIndicatorBackground});\n\n font-family: var(${tokens.indicatorFontFamily});\n font-size: var(${tokens.indicatorFontSize});\n font-style: var(${tokens.indicatorFontStyle});\n font-weight: var(${tokens.indicatorFontWeight});\n letter-spacing: var(${tokens.indicatorLetterSpacing});\n line-height: var(${tokens.indicatorLineHeight});\n\n &.${classes.active} {\n width: var(${tokens.activeIndicatorSize});\n height: var(${tokens.activeIndicatorSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n font-family: var(${tokens.activeIndicatorFontFamily});\n font-size: var(${tokens.activeIndicatorFontSize});\n font-style: var(${tokens.activeIndicatorFontStyle});\n font-weight: var(${tokens.activeIndicatorFontWeight});\n letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n line-height: var(${tokens.activeIndicatorLineHeight});\n\n color: var(${tokens.activeIndicatorColor});\n background: var(${tokens.activeIndicatorBackground});\n }\n\n &.${classes.inactive} {\n color: var(${tokens.inactiveIndicatorColor});\n background: var(${tokens.inactiveIndicatorBackground});\n\n &:before,\n &:after {\n background: var(${tokens.inactiveIndicatorBackground});\n }\n }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n width: var(${tokens.bulletSize});\n height: var(${tokens.bulletSize});\n\n &.${classes.active} {\n width: var(${tokens.activeBulletSize});\n height: var(${tokens.activeBulletSize});\n\n border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n background-color: var(${tokens.activeIndicatorBackground});\n }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n width: 100%;\n height: var(${tokens.dividerThickness});\n\n flex: 1;\n background-color: var(${tokens.activeIndicatorColor});\n\n &.${classes.inactive} {\n background-color: var(${tokens.inactiveIndicatorBackground});\n }\n\n &.${classes.transparentDivider} {\n background-color: transparent;\n }\n\n &.${classes.verticalOrientation} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n\n &.${classes.indentDivider} {\n height: ${({ indentToken }) => indentToken || ''};\n min-height: ${({ indentToken }) => indentToken || ''};\n max-height: ${({ indentToken }) => indentToken || ''};\n\n &.${classes.simple} {\n height: auto;\n max-height: none;\n }\n }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n &.${classes.verticalOrientation} {\n ${StepItemTitle} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n\n ${StepItemContent} {\n padding-top: var(${tokens.contentVerticalPadding});\n padding-bottom: var(${tokens.contentVerticalPadding});\n padding-right: 0;\n }\n }\n`;\n\nexport const StepItemStyled = styled.div`\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex: 1;\n\n &.${classes.verticalOrientation} {\n flex-direction: row;\n align-items: stretch;\n\n ${StepItemDivider} {\n width: var(${tokens.dividerThickness});\n height: 100%;\n }\n }\n\n &.${classes.active} {\n ${StepItemTitle} {\n color: var(${tokens.activeTitleColor});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColor});\n }\n }\n\n &.${classes.hovered} {\n &:not(.${classes.active}) {\n ${StepItemTitle} {\n cursor: pointer;\n color: var(${tokens.activeTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.completedIndicatorColorHover});\n background: var(${tokens.completedIndicatorBackgroundHover});\n }\n }\n\n &.${classes.inactive} {\n ${StepItemTitle} {\n color: var(${tokens.inactiveTitleColorHover});\n }\n ${BulletIndicator}, ${Bullet} {\n color: var(${tokens.inactiveIndicatorColorHover});\n background: var(${tokens.inactiveIndicatorBackgroundHover});\n }\n }\n\n ${BulletIndicatorWrapper} {\n cursor: pointer;\n }\n }\n\n &.${classes.centered} {\n align-items: center;\n\n ${StepItemContentWrapper} {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n ${StepItemTitle} {\n width: 100%;\n }\n\n ${StepItemTitle}, ${StepItemContent} {\n padding-right: 0;\n text-align: center;\n }\n }\n }\n\n &.${classes.simple} {\n flex: 0;\n }\n\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp63","Bullet","_exp82","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ .snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
2
+ .sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
3
+ .s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
4
+ .b1kcj14{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100%;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
5
+ .b9hdug{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;color:var(--plasma-step-item-completed-indicator-color);background-color:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive:before,.b9hdug.item-inactive:after{background:var(--plasma-step-item-inactive-indicator-background);}
6
+ .b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background-color:var(--plasma-step-item-active-indicator-background);}
7
+ .sxskc3q{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background-color:var(--plasma-step-item-active-indicator-color);}.sxskc3q.item-inactive{background-color:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.transparent-divider{background-color:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
8
+ .s4zgmmr.vertical-orientation .sv5tpso{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.s4zgmmr.vertical-orientation .s529fhk{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
9
+ .s12pqpa3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;}.s12pqpa3.vertical-orientation{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.s12pqpa3.vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3.item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.item-hovered:not(.item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.item-hovered:not(.item-active) .b9hdug,.s12pqpa3.item-hovered:not(.item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.item-hovered.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.item-hovered.item-inactive .b9hdug,.s12pqpa3.item-hovered.item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.item-centered .s4zgmmr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.s12pqpa3.item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.item-centered .s4zgmmr .sv5tpso,.s12pqpa3.item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.simple{-webkit-flex:0;-ms-flex:0;flex:0;}.s12pqpa3.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}
package/cjs/index.css CHANGED
@@ -33,9 +33,9 @@
33
33
 
34
34
  .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
35
35
 
36
- .Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789{opacity:var(--shehk3i-0);cursor:var(--shehk3i-1);color:var(--shehk3i-2);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);position:relative;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789.Breadcrumbs_styles_19b6ey4_focusVisible__c0ed7789:focus::before,.Breadcrumbs_styles_19b6ey4_shehk3i__c0ed7789[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
37
- .Breadcrumbs_styles_19b6ey4_bkgt5xr__c0ed7789{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
38
- .Breadcrumbs_styles_19b6ey4_sajtslk__c0ed7789{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
36
+ .Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4{--plasma__private-color:var(--shehk3i-0);--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(--plasma-breadcrumbs-opacity);opacity:var(--shehk3i-1);cursor:pointer;position:relative;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4.Breadcrumbs_styles_1icsgdr_focusVisible__3049ecb4:focus::before,.Breadcrumbs_styles_1icsgdr_shehk3i__3049ecb4[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
37
+ .Breadcrumbs_styles_1icsgdr_bkgt5xr__3049ecb4{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
38
+ .Breadcrumbs_styles_1icsgdr_sajtslk__3049ecb4{color:var(--plasma-breadcrumbs-color-separator);opacity:var(--plasma-breadcrumbs-opacity);}
39
39
 
40
40
 
41
41
  .BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8{cursor:pointer;position:relative;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8.BreadcrumbShorter_styles_czqxks_focusVisible__c6484ba8:focus::before,.BreadcrumbShorter_styles_czqxks_s19f9x1v__c6484ba8[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
@@ -686,17 +686,17 @@
686
686
 
687
687
  .Thumb_styles_uyn20e_tqbdf8b__de0962c7{width:var(--thumb-size);height:var(--thumb-size);min-width:var(--thumb-size);min-height:var(--thumb-size);position:relative;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.0625rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:after{background:var(--plasma-slider-thumb-border-color);margin:-0.0625rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):hover:after,.Thumb_styles_uyn20e_tqbdf8b__de0962c7:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_uyn20e_tqbdf8b__de0962c7[disabled]{cursor:not-allowed;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7:focus{outline:none;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7::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.125rem 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;}.Thumb_styles_uyn20e_tqbdf8b__de0962c7.Thumb_styles_uyn20e_focusVisible__de0962c7:focus::before,.Thumb_styles_uyn20e_tqbdf8b__de0962c7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
688
688
 
689
- .StepItem_styles_acxstj_snf9dn9__065935cf{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
690
- .StepItem_styles_acxstj_sv5tpso__065935cf{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;}
691
- .StepItem_styles_acxstj_s529fhk__065935cf{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);}
692
- .StepItem_styles_acxstj_b1kcj14__065935cf{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_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf){-webkit-flex:0;-ms-flex:0;flex:0;}.StepItem_styles_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf).StepItem_styles_acxstj_itemHasIndicator__065935cf{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_b1kcj14__065935cf:not(.StepItem_styles_acxstj_simple__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_simple__065935cf{-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_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{-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_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{min-width:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){min-width:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_b1kcj14__065935cf.StepItem_styles_acxstj_itemCentered__065935cf{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
693
- .StepItem_styles_acxstj_b9hdug__065935cf{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_acxstj_b9hdug__065935cf::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_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_focusVisible__065935cf:focus::before,.StepItem_styles_acxstj_b9hdug__065935cf[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf{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_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf::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_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf.StepItem_styles_acxstj_focusVisible__065935cf:focus::before,.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_simple__065935cf:before,.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_simple__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);}
694
- .StepItem_styles_acxstj_b1eo1o32__065935cf.StepItem_styles_acxstj_b9hdug__065935cf{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.StepItem_styles_acxstj_b1eo1o32__065935cf.StepItem_styles_acxstj_b9hdug__065935cf.StepItem_styles_acxstj_itemActive__065935cf{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);}
695
- .StepItem_styles_acxstj_sxskc3q__065935cf{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_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf{opacity:var(--plasma-step-item-disabled-opacity);}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf{background:transparent;}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_indentDivider__065935cf{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.StepItem_styles_acxstj_sxskc3q__065935cf.StepItem_styles_acxstj_indentDivider__065935cf.StepItem_styles_acxstj_simple__065935cf{height:auto;max-height:none;}
696
- .StepItem_styles_acxstj_s4zgmmr__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.StepItem_styles_acxstj_s4zgmmr__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_s529fhk__065935cf{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
697
- .StepItem_styles_acxstj_s12pqpa3__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf{-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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf .StepItem_styles_acxstj_sxskc3q__065935cf{width:var(--plasma-step-item-divider-thickness);height:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-active-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf{color:var(--plasma-step-item-inactive-indicator-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf{-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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemHasIndicator__065935cf{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf):not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf: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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:not(.StepItem_styles_acxstj_itemHasIndicator__065935cf):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_verticalOrientation__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_verticalOrientation__065935cf:after{margin:0 auto;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isFirst__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isFirst__065935cf:before{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf.StepItem_styles_acxstj_isLast__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf).StepItem_styles_acxstj_isLast__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:after,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isPrevInactive__065935cf:before{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_isNextInactive__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:before,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_simple__065935cf.StepItem_styles_acxstj_transparentDivider__065935cf:after{background:transparent;}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_isNextActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.StepItem_styles_acxstj_s12pqpa3__065935cf:not(.StepItem_styles_acxstj_simple__065935cf):not(.StepItem_styles_acxstj_verticalOrientation__065935cf).StepItem_styles_acxstj_itemActive__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_sv5tpso__065935cf{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf:not(.StepItem_styles_acxstj_itemActive__065935cf) .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{color:var(--plasma-step-item-inactive-title-color-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b9hdug__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf.StepItem_styles_acxstj_itemInactive__065935cf .StepItem_styles_acxstj_b1eo1o32__065935cf{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemHovered__065935cf .StepItem_styles_acxstj_b1kcj14__065935cf{cursor:pointer;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf{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_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf{width:100%;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_sv5tpso__065935cf,.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemCentered__065935cf .StepItem_styles_acxstj_s4zgmmr__065935cf .StepItem_styles_acxstj_s529fhk__065935cf{padding-right:0;text-align:center;}.StepItem_styles_acxstj_s12pqpa3__065935cf.StepItem_styles_acxstj_itemDisabled__065935cf{opacity:var(--plasma-step-item-disabled-opacity);}
698
-
699
- .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%;}
689
+ .StepItem_styles_sp9rcd_snf9dn9__20446152{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
690
+ .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;}
691
+ .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);}
692
+ .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;}
693
+ .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);}
694
+ .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);}
695
+ .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;}
696
+ .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;}
697
+ .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);}
698
+
699
+ .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;}
700
700
 
701
701
  .base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_czi0aji__f4ed7c4f{width:inherit;border-radius:var(--plasma-range-border-radius);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1e6rwfy__f4ed7c4f{padding:var(--plasma-range__divider-padding);font-family:var(--plasma-range__divider-font-family);font-size:var(--plasma-range__divider-font-size);font-style:var(--plasma-range__divider-font-style);font-weight:var(--plasma-range__divider-font-weight);-webkit-letter-spacing:var(--plasma-range__divider-letter-spacing);-moz-letter-spacing:var(--plasma-range__divider-letter-spacing);-ms-letter-spacing:var(--plasma-range__divider-letter-spacing);letter-spacing:var(--plasma-range__divider-letter-spacing);line-height:var(--plasma-range__divider-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s14q3826__f4ed7c4f{margin:var(--plasma-range__label-offset);font-family:var(--plasma-range__label-font-family);font-size:var(--plasma-range__label-font-size);font-style:var(--plasma-range__label-font-style);font-weight:var(--plasma-range__label-font-weight);-webkit-letter-spacing:var(--plasma-range__label-letter-spacing);-moz-letter-spacing:var(--plasma-range__label-letter-spacing);-ms-letter-spacing:var(--plasma-range__label-letter-spacing);letter-spacing:var(--plasma-range__label-letter-spacing);line-height:var(--plasma-range__label-line-height);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_sfxtxl2__f4ed7c4f{margin:var(--plasma-range__left-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_s1hiyoiq__f4ed7c4f{margin:var(--plasma-range__right-content-margin);}.base_16xiubi_bc2if5b__f4ed7c4f .base_16xiubi_l1fwucr5__f4ed7c4f{margin:var(--plasma-range__left-helper-offset);font-family:var(--plasma-range__left-helper-font-family);font-size:var(--plasma-range__left-helper-font-size);font-style:var(--plasma-range__left-helper-font-style);font-weight:var(--plasma-range__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-range__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-range__left-helper-letter-spacing);letter-spacing:var(--plasma-range__left-helper-letter-spacing);line-height:var(--plasma-range__left-helper-line-height);}
702
702
 
@@ -17,23 +17,20 @@ var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
17
17
  var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _base["default"])(Link, {
18
18
  target: "e1jirwgn1",
19
19
  label: "plasma-new-hope__StyledLink"
20
- })("opacity:", function (_ref) {
20
+ })("--plasma__private-color:", function (_ref) {
21
21
  var isHref = _ref.isHref;
22
- return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
23
- }, ";cursor:", function (_ref2) {
24
- var isHref = _ref2.isHref;
25
- return isHref ? 'pointer' : 'auto';
26
- }, ";color:", function (_ref3) {
27
- var isHref = _ref3.isHref;
28
22
  return isHref ? "var(".concat(_Breadcrumbs.tokens.breadcrumbsColor, ")") : "var(".concat(_Breadcrumbs.tokens.breadcrumbsColorText, ")");
29
- }, ";--plasma-link-disabled-opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");", /*#__PURE__*/(0, _mixins.addFocus)({
23
+ }, ";--plasma-link-color:var(--plasma__private-color);--plasma-link-color-hover:var(--plasma__private-color);--plasma-link-color-active:var(--plasma__private-color);--plasma-link-disabled-opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");opacity:", function (_ref2) {
24
+ var isHref = _ref2.isHref;
25
+ return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
26
+ }, ";cursor:pointer;", /*#__PURE__*/(0, _mixins.addFocus)({
30
27
  outlineOffset: '0rem',
31
28
  outlineSize: '0.125rem',
32
29
  outlineRadius: '0rem',
33
30
  outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
34
- }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG4gICAgY3Vyc29yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gJ3BvaW50ZXInIDogJ2F1dG8nKX07XG4gICAgY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+IChpc0hyZWYgPyBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KWAgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JUZXh0fSlgKX07XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lT2Zmc2V0OiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4xMjVyZW0nLFxuICAgICAgICBvdXRsaW5lUmFkaXVzOiAnMHJlbScsXG4gICAgICAgIG91dGxpbmVDb2xvcjogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvY3VzT3V0bGluZUNvbG9yfSlgLFxuICAgIH0pfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNHYXB9KTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U2l6ZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250V2VpZ2h0fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGluZUhlaWdodH0pO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChJY29uRGlzY2xvc3VyZVJpZ2h0KWBcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3JTZXBhcmF0b3J9KTtcbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5gO1xuIl19 */"));
35
- var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:row;align-items:center;gap:var(", _Breadcrumbs.tokens.breadcrumbsGap, ");color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");font-family:var(", _Breadcrumbs.tokens.breadcrumbsFontFamily, ");font-size:var(", _Breadcrumbs.tokens.breadcrumbsFontSize, ");font-weight:var(", _Breadcrumbs.tokens.breadcrumbsFontWeight, ");font-style:var(", _Breadcrumbs.tokens.breadcrumbsFontStyle, ");letter-spacing:var(", _Breadcrumbs.tokens.breadcrumbsLetterSpacing, ");line-height:var(", _Breadcrumbs.tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
31
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWEyRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgbGlua0NvbmZpZyB9IGZyb20gJy4uL0xpbmsnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgSWNvbkRpc2Nsb3N1cmVSaWdodCB9IGZyb20gJy4uL19JY29uJztcbmltcG9ydCB7IGFkZEZvY3VzIH0gZnJvbSAnLi4vLi4vbWl4aW5zJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9CcmVhZGNydW1icy50b2tlbnMnO1xuXG5jb25zdCBtZXJnZWRMaW5rQ29uZmlnID0gbWVyZ2VDb25maWcobGlua0NvbmZpZyk7XG5jb25zdCBMaW5rID0gY29tcG9uZW50KG1lcmdlZExpbmtDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChMaW5rKTx7IGlzSHJlZjogYm9vbGVhbiB9PmBcbiAgICAtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcjogJHsoeyBpc0hyZWYgfSkgPT5cbiAgICAgICAgaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYH07XG5cbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItaG92ZXI6IHZhcigtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcik7XG4gICAgLS1wbGFzbWEtbGluay1jb2xvci1hY3RpdmU6IHZhcigtLXBsYXNtYV9fcHJpdmF0ZS1jb2xvcik7XG5cbiAgICAtLXBsYXNtYS1saW5rLWRpc2FibGVkLW9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbiAgICBvcGFjaXR5OiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gMSA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSlgKX07XG5cbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
32
+ var base = exports.base = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:row;align-items:center;gap:var(", _Breadcrumbs.tokens.breadcrumbsGap, ");color:var(", _Breadcrumbs.tokens.breadcrumbsColor, ");font-family:var(", _Breadcrumbs.tokens.breadcrumbsFontFamily, ");font-size:var(", _Breadcrumbs.tokens.breadcrumbsFontSize, ");font-weight:var(", _Breadcrumbs.tokens.breadcrumbsFontWeight, ");font-style:var(", _Breadcrumbs.tokens.breadcrumbsFontStyle, ");letter-spacing:var(", _Breadcrumbs.tokens.breadcrumbsLetterSpacing, ");line-height:var(", _Breadcrumbs.tokens.breadcrumbsLineHeight, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgLS1wbGFzbWFfX3ByaXZhdGUtY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+XG4gICAgICAgIGlzSHJlZiA/IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pYCA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclRleHR9KWB9O1xuXG4gICAgLS1wbGFzbWEtbGluay1jb2xvcjogdmFyKC0tcGxhc21hX19wcml2YXRlLWNvbG9yKTtcbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yLWhvdmVyOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItYWN0aXZlOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclNlcGFyYXRvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));
36
33
  var Separator = exports.Separator = /*#__PURE__*/(0, _base["default"])(_Icon.IconDisclosureRight, {
37
34
  target: "e1jirwgn0",
38
35
  label: "plasma-new-hope__Separator"
39
- })("color:var(", _Breadcrumbs.tokens.breadcrumbsColorSeparator, ");opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuICAgIGN1cnNvcjogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/ICdwb2ludGVyJyA6ICdhdXRvJyl9O1xuICAgIGNvbG9yOiAkeyh7IGlzSHJlZiB9KSA9PiAoaXNIcmVmID8gYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSlgIDogYHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yVGV4dH0pYCl9O1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG5cbiAgICAke2FkZEZvY3VzKHtcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzByZW0nLFxuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMTI1cmVtJyxcbiAgICAgICAgb3V0bGluZVJhZGl1czogJzByZW0nLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb2N1c091dGxpbmVDb2xvcn0pYCxcbiAgICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGdhcDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzR2FwfSk7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzQ29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9udFdlaWdodH0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTdHlsZX0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0xpbmVIZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoSWNvbkRpc2Nsb3N1cmVSaWdodClgXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yU2VwYXJhdG9yfSk7XG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pO1xuYDtcbiJdfQ== */"));
36
+ })("color:var(", _Breadcrumbs.tokens.breadcrumbsColorSeparator, ");opacity:var(", _Breadcrumbs.tokens.breadcrumbsOpacity, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQnJlYWRjcnVtYnMvQnJlYWRjcnVtYnMuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEb0QiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9CcmVhZGNydW1icy9CcmVhZGNydW1icy5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGxpbmtDb25maWcgfSBmcm9tICcuLi9MaW5rJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IEljb25EaXNjbG9zdXJlUmlnaHQgfSBmcm9tICcuLi9fSWNvbic7XG5pbXBvcnQgeyBhZGRGb2N1cyB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4vQnJlYWRjcnVtYnMudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkTGlua0NvbmZpZyA9IG1lcmdlQ29uZmlnKGxpbmtDb25maWcpO1xuY29uc3QgTGluayA9IGNvbXBvbmVudChtZXJnZWRMaW5rQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQoTGluayk8eyBpc0hyZWY6IGJvb2xlYW4gfT5gXG4gICAgLS1wbGFzbWFfX3ByaXZhdGUtY29sb3I6ICR7KHsgaXNIcmVmIH0pID0+XG4gICAgICAgIGlzSHJlZiA/IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvcn0pYCA6IGB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclRleHR9KWB9O1xuXG4gICAgLS1wbGFzbWEtbGluay1jb2xvcjogdmFyKC0tcGxhc21hX19wcml2YXRlLWNvbG9yKTtcbiAgICAtLXBsYXNtYS1saW5rLWNvbG9yLWhvdmVyOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuICAgIC0tcGxhc21hLWxpbmstY29sb3ItYWN0aXZlOiB2YXIoLS1wbGFzbWFfX3ByaXZhdGUtY29sb3IpO1xuXG4gICAgLS1wbGFzbWEtbGluay1kaXNhYmxlZC1vcGFjaXR5OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNPcGFjaXR5fSk7XG4gICAgb3BhY2l0eTogJHsoeyBpc0hyZWYgfSkgPT4gKGlzSHJlZiA/IDEgOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzT3BhY2l0eX0pYCl9O1xuXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZVNpemU6ICcwLjEyNXJlbScsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6ICcwcmVtJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzRm9jdXNPdXRsaW5lQ29sb3J9KWAsXG4gICAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBnYXA6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0dhcH0pO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0NvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic0ZvbnRXZWlnaHR9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNGb250U3R5bGV9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmJyZWFkY3J1bWJzTGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNMaW5lSGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VwYXJhdG9yID0gc3R5bGVkKEljb25EaXNjbG9zdXJlUmlnaHQpYFxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuYnJlYWRjcnVtYnNDb2xvclNlcGFyYXRvcn0pO1xuICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5icmVhZGNydW1ic09wYWNpdHl9KTtcbmA7XG4iXX0= */"));