@rpg-engine/long-bow 0.5.98 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +10 -5
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +10 -5
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Stepper.tsx +10 -4
package/dist/long-bow.esm.js
CHANGED
|
@@ -18971,12 +18971,17 @@ var Stepper = function Stepper(_ref) {
|
|
|
18971
18971
|
var onStepChange = function onStepChange(step) {
|
|
18972
18972
|
setCurrentStep(step);
|
|
18973
18973
|
};
|
|
18974
|
-
return React.createElement(StepperContainer,
|
|
18974
|
+
return React.createElement(StepperContainer, {
|
|
18975
|
+
className: "stepper-container"
|
|
18976
|
+
}, React.createElement(StepperTop, null, Array.from({
|
|
18975
18977
|
length: totalSteps
|
|
18976
18978
|
}, function (_, i) {
|
|
18977
18979
|
return React.createElement(ProgressIndicator, {
|
|
18978
18980
|
key: i,
|
|
18979
|
-
isActive: i <= currentStep
|
|
18981
|
+
isActive: i <= currentStep,
|
|
18982
|
+
onClick: function onClick() {
|
|
18983
|
+
return onStepChange(i);
|
|
18984
|
+
}
|
|
18980
18985
|
});
|
|
18981
18986
|
})), React.createElement(StepperBody, null, currentComponent), React.createElement(StepperFooter, null, currentStep > 0 && React.createElement(SelectArrow, {
|
|
18982
18987
|
direction: "left",
|
|
@@ -19002,7 +19007,7 @@ var StepperContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
19002
19007
|
var StepperTop = /*#__PURE__*/styled.div.withConfig({
|
|
19003
19008
|
displayName: "Stepper__StepperTop",
|
|
19004
19009
|
componentId: "sc-13obf1-1"
|
|
19005
|
-
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]);
|
|
19010
|
+
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem;"]);
|
|
19006
19011
|
var StepperBody = /*#__PURE__*/styled.div.withConfig({
|
|
19007
19012
|
displayName: "Stepper__StepperBody",
|
|
19008
19013
|
componentId: "sc-13obf1-2"
|
|
@@ -19010,11 +19015,11 @@ var StepperBody = /*#__PURE__*/styled.div.withConfig({
|
|
|
19010
19015
|
var StepperFooter = /*#__PURE__*/styled.div.withConfig({
|
|
19011
19016
|
displayName: "Stepper__StepperFooter",
|
|
19012
19017
|
componentId: "sc-13obf1-3"
|
|
19013
|
-
})(["flex:1;display:flex;justify-content:flex-end;"]);
|
|
19018
|
+
})(["margin-top:1rem;flex:1;display:flex;justify-content:flex-end;"]);
|
|
19014
19019
|
var ProgressIndicator = /*#__PURE__*/styled.div.withConfig({
|
|
19015
19020
|
displayName: "Stepper__ProgressIndicator",
|
|
19016
19021
|
componentId: "sc-13obf1-4"
|
|
19017
|
-
})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";"], function (_ref2) {
|
|
19022
|
+
})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";cursor:pointer;"], function (_ref2) {
|
|
19018
19023
|
var isActive = _ref2.isActive;
|
|
19019
19024
|
return isActive ? uiColors.orange : uiColors.lightGray;
|
|
19020
19025
|
}, function (_ref3) {
|