@useblu/ocean-react 1.26.1 → 1.27.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/CHANGELOG.md +6 -0
- package/Steps/Steps.d.ts +12 -0
- package/Steps/Steps.d.ts.map +1 -0
- package/Steps/index.d.ts +2 -0
- package/Steps/index.d.ts.map +1 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.es.js +74 -1
- package/index.es.js.map +1 -1
- package/index.js +74 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -8108,6 +8108,79 @@ var TopBar = function (_a) {
|
|
|
8108
8108
|
description && e__default['default'].createElement("span", null, description)))));
|
|
8109
8109
|
};
|
|
8110
8110
|
|
|
8111
|
+
var FinalSteps = function () {
|
|
8112
|
+
return (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8113
|
+
e__default['default'].createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8114
|
+
e__default['default'].createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8115
|
+
e__default['default'].createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8116
|
+
e__default['default'].createElement("path", { d: "M79 10H84", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8117
|
+
e__default['default'].createElement("path", { d: "M84 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8118
|
+
e__default['default'].createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8119
|
+
e__default['default'].createElement("path", { d: "M101 10H96", stroke: "#EBECF5", strokeWidth: "2" })));
|
|
8120
|
+
};
|
|
8121
|
+
var Steps = function (_a) {
|
|
8122
|
+
var currentStep = _a.currentStep, steps = _a.steps;
|
|
8123
|
+
if (currentStep === 1) {
|
|
8124
|
+
return (e__default['default'].createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-1" },
|
|
8125
|
+
e__default['default'].createElement("circle", { cx: "9.5", cy: "10.5", r: "5.5", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8126
|
+
e__default['default'].createElement("path", { d: "M15 10H20", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8127
|
+
steps === 2 && (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8128
|
+
e__default['default'].createElement("path", { d: "M20 10H32", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8129
|
+
e__default['default'].createElement("path", { d: "M32 10L37 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8130
|
+
e__default['default'].createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }))),
|
|
8131
|
+
steps === 3 && (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8132
|
+
e__default['default'].createElement("path", { d: "M20 10H32", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8133
|
+
e__default['default'].createElement("path", { d: "M32 10L37 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8134
|
+
e__default['default'].createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8135
|
+
e__default['default'].createElement("path", { d: "M47 10H52", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8136
|
+
e__default['default'].createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8137
|
+
e__default['default'].createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8138
|
+
e__default['default'].createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }))),
|
|
8139
|
+
steps === 4 && (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8140
|
+
e__default['default'].createElement("path", { d: "M20 10H32", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8141
|
+
e__default['default'].createElement("path", { d: "M32 10L37 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8142
|
+
e__default['default'].createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8143
|
+
e__default['default'].createElement("path", { d: "M47 10H52", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8144
|
+
e__default['default'].createElement(FinalSteps, null)))));
|
|
8145
|
+
}
|
|
8146
|
+
if (currentStep === 2) {
|
|
8147
|
+
return (e__default['default'].createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-2" },
|
|
8148
|
+
e__default['default'].createElement("circle", { cx: "10", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8149
|
+
e__default['default'].createElement("path", { d: "M7 10L9 12L13 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
8150
|
+
e__default['default'].createElement("path", { d: "M20 10H32", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8151
|
+
e__default['default'].createElement("path", { d: "M32 10L37 10", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8152
|
+
e__default['default'].createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8153
|
+
steps > 2 && (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8154
|
+
e__default['default'].createElement("path", { d: "M47 10H52", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8155
|
+
e__default['default'].createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }))),
|
|
8156
|
+
steps === 3 && (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8157
|
+
e__default['default'].createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8158
|
+
e__default['default'].createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8159
|
+
e__default['default'].createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }))),
|
|
8160
|
+
steps === 4 && e__default['default'].createElement(FinalSteps, null)));
|
|
8161
|
+
}
|
|
8162
|
+
return (e__default['default'].createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-3" },
|
|
8163
|
+
e__default['default'].createElement("circle", { cx: "10", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8164
|
+
e__default['default'].createElement("path", { d: "M7 10L9 12L13 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
8165
|
+
e__default['default'].createElement("path", { d: "M20 10H32", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8166
|
+
e__default['default'].createElement("circle", { cx: "42", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8167
|
+
e__default['default'].createElement("path", { d: "M39 10L41 12L45 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
8168
|
+
e__default['default'].createElement("path", { d: "M52 10H64", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8169
|
+
currentStep === 3 ? (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8170
|
+
e__default['default'].createElement("path", { d: "M64 10L69 10", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8171
|
+
e__default['default'].createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8172
|
+
steps > 3 && (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8173
|
+
e__default['default'].createElement("path", { d: "M79 10H84", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8174
|
+
e__default['default'].createElement("path", { d: "M84 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8175
|
+
e__default['default'].createElement("path", { d: "M101 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
8176
|
+
e__default['default'].createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#EBECF5", strokeWidth: "2" }))))) : (e__default['default'].createElement(e__default['default'].Fragment, null,
|
|
8177
|
+
e__default['default'].createElement("circle", { cx: "74", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8178
|
+
e__default['default'].createElement("path", { d: "M71 10L73 12L77 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
8179
|
+
e__default['default'].createElement("path", { d: "M84 10H96", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8180
|
+
e__default['default'].createElement("path", { d: "M101 10H96", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
8181
|
+
e__default['default'].createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#13BDBD", strokeWidth: "2" })))));
|
|
8182
|
+
};
|
|
8183
|
+
|
|
8111
8184
|
exports.Alert = Alert;
|
|
8112
8185
|
exports.Button = Button;
|
|
8113
8186
|
exports.Carousel = Carousel;
|
|
@@ -8126,6 +8199,7 @@ exports.Radio = Radio;
|
|
|
8126
8199
|
exports.Row = Row;
|
|
8127
8200
|
exports.Search = Search;
|
|
8128
8201
|
exports.Select = Select;
|
|
8202
|
+
exports.Steps = Steps;
|
|
8129
8203
|
exports.SubHeader = SubHeader;
|
|
8130
8204
|
exports.Switch = Switch;
|
|
8131
8205
|
exports.Tag = Tag;
|