@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
|
@@ -18974,12 +18974,17 @@ var Stepper = function Stepper(_ref) {
|
|
|
18974
18974
|
var onStepChange = function onStepChange(step) {
|
|
18975
18975
|
setCurrentStep(step);
|
|
18976
18976
|
};
|
|
18977
|
-
return React__default.createElement(StepperContainer,
|
|
18977
|
+
return React__default.createElement(StepperContainer, {
|
|
18978
|
+
className: "stepper-container"
|
|
18979
|
+
}, React__default.createElement(StepperTop, null, Array.from({
|
|
18978
18980
|
length: totalSteps
|
|
18979
18981
|
}, function (_, i) {
|
|
18980
18982
|
return React__default.createElement(ProgressIndicator, {
|
|
18981
18983
|
key: i,
|
|
18982
|
-
isActive: i <= currentStep
|
|
18984
|
+
isActive: i <= currentStep,
|
|
18985
|
+
onClick: function onClick() {
|
|
18986
|
+
return onStepChange(i);
|
|
18987
|
+
}
|
|
18983
18988
|
});
|
|
18984
18989
|
})), React__default.createElement(StepperBody, null, currentComponent), React__default.createElement(StepperFooter, null, currentStep > 0 && React__default.createElement(SelectArrow, {
|
|
18985
18990
|
direction: "left",
|
|
@@ -19005,7 +19010,7 @@ var StepperContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
19005
19010
|
var StepperTop = /*#__PURE__*/styled__default.div.withConfig({
|
|
19006
19011
|
displayName: "Stepper__StepperTop",
|
|
19007
19012
|
componentId: "sc-13obf1-1"
|
|
19008
|
-
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]);
|
|
19013
|
+
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem;"]);
|
|
19009
19014
|
var StepperBody = /*#__PURE__*/styled__default.div.withConfig({
|
|
19010
19015
|
displayName: "Stepper__StepperBody",
|
|
19011
19016
|
componentId: "sc-13obf1-2"
|
|
@@ -19013,11 +19018,11 @@ var StepperBody = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
19013
19018
|
var StepperFooter = /*#__PURE__*/styled__default.div.withConfig({
|
|
19014
19019
|
displayName: "Stepper__StepperFooter",
|
|
19015
19020
|
componentId: "sc-13obf1-3"
|
|
19016
|
-
})(["flex:1;display:flex;justify-content:flex-end;"]);
|
|
19021
|
+
})(["margin-top:1rem;flex:1;display:flex;justify-content:flex-end;"]);
|
|
19017
19022
|
var ProgressIndicator = /*#__PURE__*/styled__default.div.withConfig({
|
|
19018
19023
|
displayName: "Stepper__ProgressIndicator",
|
|
19019
19024
|
componentId: "sc-13obf1-4"
|
|
19020
|
-
})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";"], function (_ref2) {
|
|
19025
|
+
})(["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) {
|
|
19021
19026
|
var isActive = _ref2.isActive;
|
|
19022
19027
|
return isActive ? uiColors.orange : uiColors.lightGray;
|
|
19023
19028
|
}, function (_ref3) {
|