@rpg-engine/long-bow 0.5.97 → 0.5.99
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/components/Stepper.d.ts +1 -1
- package/dist/long-bow.cjs.development.js +7 -4
- 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 +7 -4
- 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
|
@@ -18976,7 +18976,10 @@ var Stepper = function Stepper(_ref) {
|
|
|
18976
18976
|
}, function (_, i) {
|
|
18977
18977
|
return React.createElement(ProgressIndicator, {
|
|
18978
18978
|
key: i,
|
|
18979
|
-
isActive: i <= currentStep
|
|
18979
|
+
isActive: i <= currentStep,
|
|
18980
|
+
onClick: function onClick() {
|
|
18981
|
+
return onStepChange(i);
|
|
18982
|
+
}
|
|
18980
18983
|
});
|
|
18981
18984
|
})), React.createElement(StepperBody, null, currentComponent), React.createElement(StepperFooter, null, currentStep > 0 && React.createElement(SelectArrow, {
|
|
18982
18985
|
direction: "left",
|
|
@@ -19002,7 +19005,7 @@ var StepperContainer = /*#__PURE__*/styled.div.withConfig({
|
|
|
19002
19005
|
var StepperTop = /*#__PURE__*/styled.div.withConfig({
|
|
19003
19006
|
displayName: "Stepper__StepperTop",
|
|
19004
19007
|
componentId: "sc-13obf1-1"
|
|
19005
|
-
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]);
|
|
19008
|
+
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem;"]);
|
|
19006
19009
|
var StepperBody = /*#__PURE__*/styled.div.withConfig({
|
|
19007
19010
|
displayName: "Stepper__StepperBody",
|
|
19008
19011
|
componentId: "sc-13obf1-2"
|
|
@@ -19010,11 +19013,11 @@ var StepperBody = /*#__PURE__*/styled.div.withConfig({
|
|
|
19010
19013
|
var StepperFooter = /*#__PURE__*/styled.div.withConfig({
|
|
19011
19014
|
displayName: "Stepper__StepperFooter",
|
|
19012
19015
|
componentId: "sc-13obf1-3"
|
|
19013
|
-
})(["flex:1;display:flex;justify-content:flex-end;"]);
|
|
19016
|
+
})(["margin-top:1rem;flex:1;display:flex;justify-content:flex-end;"]);
|
|
19014
19017
|
var ProgressIndicator = /*#__PURE__*/styled.div.withConfig({
|
|
19015
19018
|
displayName: "Stepper__ProgressIndicator",
|
|
19016
19019
|
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) {
|
|
19020
|
+
})(["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
19021
|
var isActive = _ref2.isActive;
|
|
19019
19022
|
return isActive ? uiColors.orange : uiColors.lightGray;
|
|
19020
19023
|
}, function (_ref3) {
|