@beweco/aurora-ui 0.6.1 → 0.6.3
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/assets/css/styles.css +1 -1
- package/dist/index.cjs.js +264 -49
- package/dist/index.esm.js +264 -49
- package/dist/types/components/row-steps/RowSteps.d.ts +0 -1
- package/dist/types/components/row-steps/RowSteps.d.ts.map +1 -1
- package/dist/types/components/vertical-steps/VerticalSteps.d.ts +0 -1
- package/dist/types/components/vertical-steps/VerticalSteps.d.ts.map +1 -1
- package/dist/types/contexts/theme/theme-context.type.d.ts +1 -1
- package/dist/types/contexts/theme/theme-context.type.d.ts.map +1 -1
- package/dist/types/index.d.ts +0 -2
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/providers/theme/hex-to-theme-color.d.ts.map +1 -1
- package/dist/types/styles/colors.default.d.ts +154 -0
- package/dist/types/styles/colors.default.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -6,8 +6,8 @@ import { Icon } from '@iconify/react';
|
|
|
6
6
|
export { loadIcons } from '@iconify/react';
|
|
7
7
|
import React, { useId, useState, useCallback, useMemo, useEffect, createContext, useContext, memo, useRef, createElement, useLayoutEffect, forwardRef, useImperativeHandle } from 'react';
|
|
8
8
|
import { ResponsiveContainer, AreaChart, CartesianGrid, XAxis, Tooltip, Area, LineChart, YAxis, Line } from 'recharts';
|
|
9
|
-
import { LazyMotion, domAnimation, m, motion, AnimatePresence } from 'framer-motion';
|
|
10
9
|
import { createPortal } from 'react-dom';
|
|
10
|
+
import { motion, AnimatePresence } from 'framer-motion';
|
|
11
11
|
import { useTheme } from '@heroui/use-theme';
|
|
12
12
|
|
|
13
13
|
/******************************************************************************
|
|
@@ -1323,6 +1323,160 @@ var themeColors = {
|
|
|
1323
1323
|
overlay: "#ffffff",
|
|
1324
1324
|
},
|
|
1325
1325
|
},
|
|
1326
|
+
"skyBlue-light": {
|
|
1327
|
+
extend: "light",
|
|
1328
|
+
colors: {
|
|
1329
|
+
primary: {
|
|
1330
|
+
"50": "#C4DDFD",
|
|
1331
|
+
"100": "#B1D2FC",
|
|
1332
|
+
"200": "#9DC7FB",
|
|
1333
|
+
"300": "#88BCFB",
|
|
1334
|
+
"400": "#74B1FB",
|
|
1335
|
+
"500": "#60A5FA",
|
|
1336
|
+
"600": "#4D9BF9",
|
|
1337
|
+
"700": "#398FF9",
|
|
1338
|
+
"800": "#2584F8",
|
|
1339
|
+
"900": "#1279F8",
|
|
1340
|
+
foreground: "#fff",
|
|
1341
|
+
DEFAULT: "#60A5FA",
|
|
1342
|
+
},
|
|
1343
|
+
secondary: {
|
|
1344
|
+
"50": "#FFFFFF",
|
|
1345
|
+
"100": "#FEF6EC",
|
|
1346
|
+
"200": "#FDECD8",
|
|
1347
|
+
"300": "#FCE3C5",
|
|
1348
|
+
"400": "#FBDAB1",
|
|
1349
|
+
"500": "#FAD19E",
|
|
1350
|
+
"600": "#F9C78B",
|
|
1351
|
+
"700": "#F8BE77",
|
|
1352
|
+
"800": "#F7B564",
|
|
1353
|
+
"900": "#F6AB51",
|
|
1354
|
+
foreground: "#000",
|
|
1355
|
+
DEFAULT: "#FAD19E",
|
|
1356
|
+
},
|
|
1357
|
+
success: {
|
|
1358
|
+
"50": "#A9EFC3",
|
|
1359
|
+
"100": "#98ECB7",
|
|
1360
|
+
"200": "#86E9AA",
|
|
1361
|
+
"300": "#75E69E",
|
|
1362
|
+
"400": "#64E392",
|
|
1363
|
+
"500": "#4ADE80",
|
|
1364
|
+
"600": "#41DC7A",
|
|
1365
|
+
"700": "#30D96E",
|
|
1366
|
+
"800": "#26CF64",
|
|
1367
|
+
"900": "#23BE5C",
|
|
1368
|
+
foreground: "#000",
|
|
1369
|
+
DEFAULT: "#4ADE80",
|
|
1370
|
+
},
|
|
1371
|
+
warning: {
|
|
1372
|
+
"50": "#FCB888",
|
|
1373
|
+
"100": "#FBAC74",
|
|
1374
|
+
"200": "#FBA060",
|
|
1375
|
+
"300": "#FA954C",
|
|
1376
|
+
"400": "#FA8938",
|
|
1377
|
+
"500": "#F97316",
|
|
1378
|
+
"600": "#EF6706",
|
|
1379
|
+
"700": "#DB5E06",
|
|
1380
|
+
"800": "#C75605",
|
|
1381
|
+
"900": "#B34D05",
|
|
1382
|
+
foreground: "#000",
|
|
1383
|
+
DEFAULT: "#F97316",
|
|
1384
|
+
},
|
|
1385
|
+
danger: {
|
|
1386
|
+
"50": "#F7A1A1",
|
|
1387
|
+
"100": "#F58E8E",
|
|
1388
|
+
"200": "#F47C7C",
|
|
1389
|
+
"300": "#F26969",
|
|
1390
|
+
"400": "#F05656",
|
|
1391
|
+
"500": "#EF4444",
|
|
1392
|
+
"600": "#ED3131",
|
|
1393
|
+
"700": "#EB1E1E",
|
|
1394
|
+
"800": "#E11414",
|
|
1395
|
+
"900": "#CE1212",
|
|
1396
|
+
foreground: "#000",
|
|
1397
|
+
DEFAULT: "#EF4444",
|
|
1398
|
+
},
|
|
1399
|
+
focus: "#60A5FA",
|
|
1400
|
+
overlay: "#ffffff",
|
|
1401
|
+
},
|
|
1402
|
+
},
|
|
1403
|
+
"skyBlue-dark": {
|
|
1404
|
+
extend: "dark",
|
|
1405
|
+
colors: {
|
|
1406
|
+
primary: {
|
|
1407
|
+
"50": "#1279F8",
|
|
1408
|
+
"100": "#2584F8",
|
|
1409
|
+
"200": "#398FF9",
|
|
1410
|
+
"300": "#4D9BF9",
|
|
1411
|
+
"400": "#60A5FA",
|
|
1412
|
+
"500": "#74B1FB",
|
|
1413
|
+
"600": "#88BCFB",
|
|
1414
|
+
"700": "#9DC7FB",
|
|
1415
|
+
"800": "#B1D2FC",
|
|
1416
|
+
"900": "#C4DDFD",
|
|
1417
|
+
foreground: "#fff",
|
|
1418
|
+
DEFAULT: "#60A5FA",
|
|
1419
|
+
},
|
|
1420
|
+
secondary: {
|
|
1421
|
+
"50": "#F6AB51",
|
|
1422
|
+
"100": "#F7B564",
|
|
1423
|
+
"200": "#F8BE77",
|
|
1424
|
+
"300": "#F9C78B",
|
|
1425
|
+
"400": "#FAD19E",
|
|
1426
|
+
"500": "#FBDAB1",
|
|
1427
|
+
"600": "#FCE3C5",
|
|
1428
|
+
"700": "#FDECD8",
|
|
1429
|
+
"800": "#FEF6EC",
|
|
1430
|
+
"900": "#FFFFFF",
|
|
1431
|
+
foreground: "#000",
|
|
1432
|
+
DEFAULT: "#FAD19E",
|
|
1433
|
+
},
|
|
1434
|
+
success: {
|
|
1435
|
+
"50": "#23BE5C",
|
|
1436
|
+
"100": "#26CF64",
|
|
1437
|
+
"200": "#30D96E",
|
|
1438
|
+
"300": "#41DC7A",
|
|
1439
|
+
"400": "#4ADE80",
|
|
1440
|
+
"500": "#64E392",
|
|
1441
|
+
"600": "#75E69E",
|
|
1442
|
+
"700": "#86E9AA",
|
|
1443
|
+
"800": "#98ECB7",
|
|
1444
|
+
"900": "#A9EFC3",
|
|
1445
|
+
foreground: "#000",
|
|
1446
|
+
DEFAULT: "#64E392",
|
|
1447
|
+
},
|
|
1448
|
+
warning: {
|
|
1449
|
+
"50": "#B34D05",
|
|
1450
|
+
"100": "#C75605",
|
|
1451
|
+
"200": "#DB5E06",
|
|
1452
|
+
"300": "#EF6706",
|
|
1453
|
+
"400": "#F97316",
|
|
1454
|
+
"500": "#FA8938",
|
|
1455
|
+
"600": "#FA954C",
|
|
1456
|
+
"700": "#FBA060",
|
|
1457
|
+
"800": "#FBAC74",
|
|
1458
|
+
"900": "#FCB888",
|
|
1459
|
+
foreground: "#000",
|
|
1460
|
+
DEFAULT: "#FA8938",
|
|
1461
|
+
},
|
|
1462
|
+
danger: {
|
|
1463
|
+
"50": "#CE1212",
|
|
1464
|
+
"100": "#E11414",
|
|
1465
|
+
"200": "#EB1E1E",
|
|
1466
|
+
"300": "#ED3131",
|
|
1467
|
+
"400": "#EF4444",
|
|
1468
|
+
"500": "#F05656",
|
|
1469
|
+
"600": "#F26969",
|
|
1470
|
+
"700": "#F47C7C",
|
|
1471
|
+
"800": "#F58E8E",
|
|
1472
|
+
"900": "#F7A1A1",
|
|
1473
|
+
foreground: "#000",
|
|
1474
|
+
DEFAULT: "#F05656",
|
|
1475
|
+
},
|
|
1476
|
+
focus: "#60A5FA",
|
|
1477
|
+
overlay: "#000000",
|
|
1478
|
+
},
|
|
1479
|
+
},
|
|
1326
1480
|
};
|
|
1327
1481
|
|
|
1328
1482
|
var ColorSelector = function (_a) {
|
|
@@ -2502,6 +2656,45 @@ var VALID_STEP_COLORS$1 = [
|
|
|
2502
2656
|
var defaultTranslations$7 = {
|
|
2503
2657
|
checkIconTitle: "Check",
|
|
2504
2658
|
};
|
|
2659
|
+
function getContainerCSSVars$1(color) {
|
|
2660
|
+
var baseColor = "hsl(var(--heroui-".concat(color, "))");
|
|
2661
|
+
var fgColor = "hsl(var(--heroui-".concat(color, "-foreground))");
|
|
2662
|
+
var inactiveColor = "hsl(var(--heroui-default-300))";
|
|
2663
|
+
return {
|
|
2664
|
+
"--step-color": baseColor,
|
|
2665
|
+
"--step-fg-color": fgColor,
|
|
2666
|
+
"--active-fg-color": fgColor,
|
|
2667
|
+
"--active-border-color": baseColor,
|
|
2668
|
+
"--active-color": baseColor,
|
|
2669
|
+
"--complete-background-color": baseColor,
|
|
2670
|
+
"--complete-border-color": baseColor,
|
|
2671
|
+
"--inactive-border-color": inactiveColor,
|
|
2672
|
+
"--inactive-color": inactiveColor,
|
|
2673
|
+
"--inactive-bar-color": inactiveColor,
|
|
2674
|
+
};
|
|
2675
|
+
}
|
|
2676
|
+
function getCircleStyle$1(status) {
|
|
2677
|
+
switch (status) {
|
|
2678
|
+
case "complete":
|
|
2679
|
+
return {
|
|
2680
|
+
backgroundColor: "var(--complete-background-color)",
|
|
2681
|
+
borderColor: "var(--complete-border-color)",
|
|
2682
|
+
color: "var(--active-fg-color)",
|
|
2683
|
+
};
|
|
2684
|
+
case "active":
|
|
2685
|
+
return {
|
|
2686
|
+
backgroundColor: "transparent",
|
|
2687
|
+
borderColor: "var(--active-border-color)",
|
|
2688
|
+
color: "var(--active-color)",
|
|
2689
|
+
};
|
|
2690
|
+
default:
|
|
2691
|
+
return {
|
|
2692
|
+
backgroundColor: "transparent",
|
|
2693
|
+
borderColor: "var(--inactive-border-color)",
|
|
2694
|
+
color: "var(--inactive-color)",
|
|
2695
|
+
};
|
|
2696
|
+
}
|
|
2697
|
+
}
|
|
2505
2698
|
var VerticalSteps = React.forwardRef(function (_a, ref) {
|
|
2506
2699
|
var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, _f = _a.hideInactiveDescriptions, hideInactiveDescriptions = _f === void 0 ? false : _f, stepClassName = _a.stepClassName, className = _a.className, translations = _a.translations, props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "hideInactiveDescriptions", "stepClassName", "className", "translations"]);
|
|
2507
2700
|
var _g = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _g[0], setCurrentStep = _g[1];
|
|
@@ -2515,10 +2708,11 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
|
|
|
2515
2708
|
var stepColor = VALID_STEP_COLORS$1.includes(color)
|
|
2516
2709
|
? color
|
|
2517
2710
|
: "primary";
|
|
2518
|
-
|
|
2711
|
+
var containerVars = React.useMemo(function () { return getContainerCSSVars$1(stepColor); }, [stepColor]);
|
|
2712
|
+
return (jsx("nav", { "aria-label": "Progress", className: "max-w-fit", children: jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-col gap-y-3", className), style: containerVars, children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
|
|
2519
2713
|
var status = currentStep === stepIdx
|
|
2520
2714
|
? "active"
|
|
2521
|
-
: step.isCompleted
|
|
2715
|
+
: stepIdx < currentStep || step.isCompleted
|
|
2522
2716
|
? "complete"
|
|
2523
2717
|
: "inactive";
|
|
2524
2718
|
var isDisabled = status === "inactive";
|
|
@@ -2526,35 +2720,25 @@ var VerticalSteps = React.forwardRef(function (_a, ref) {
|
|
|
2526
2720
|
// biome-ignore lint/suspicious/noArrayIndexKey: <explanation>
|
|
2527
2721
|
jsxs("li", { className: "relative", children: [jsx("div", { className: "flex w-full max-w-full items-center", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer items-center justify-center gap-4 px-3 py-2.5", stepClassName, {
|
|
2528
2722
|
"cursor-not-allowed": isDisabled,
|
|
2529
|
-
}), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsx("div", { className: "flex h-full items-center", children: jsx(
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
},
|
|
2537
|
-
active: {
|
|
2538
|
-
backgroundColor: "transparent",
|
|
2539
|
-
borderColor: "var(--active-border-color)",
|
|
2540
|
-
color: "var(--active-color)",
|
|
2541
|
-
},
|
|
2542
|
-
complete: {
|
|
2543
|
-
backgroundColor: "var(--complete-background-color)",
|
|
2544
|
-
borderColor: "var(--complete-border-color)",
|
|
2545
|
-
},
|
|
2546
|
-
}, children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), jsx("div", { className: "flex-1 text-left", children: jsxs("div", { children: [jsx("div", { className: cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
|
|
2547
|
-
"text-default-300": status === "inactive",
|
|
2723
|
+
}), onClick: function () { return setCurrentStep(stepIdx); }, disabled: isDisabled }, props, { children: [jsx("div", { className: "flex h-full items-center", children: jsx("div", { className: "relative", children: jsx("div", { className: cn("border-medium text-large relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", "transition-[background-color,border-color,color,box-shadow] duration-300", {
|
|
2724
|
+
"shadow-lg": status === "complete",
|
|
2725
|
+
}), "data-status": status, style: getCircleStyle$1(status), children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: "font-bold", style: {
|
|
2726
|
+
color: "var(--active-fg-color)",
|
|
2727
|
+
}, icon: "material-symbols:check-rounded", title: t.checkIconTitle })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }), jsx("div", { className: "flex-1 text-left", children: jsxs("div", { children: [jsx("div", { className: cn("text-medium text-default-600 font-medium transition-[color,opacity] duration-300 group-active:opacity-70", {
|
|
2728
|
+
"text-default-300": status ===
|
|
2729
|
+
"inactive",
|
|
2548
2730
|
}), children: step.title }), (!hideInactiveDescriptions ||
|
|
2549
2731
|
status === "active") && (jsx("div", { className: cn("text-tiny text-default-600 lg:text-small transition-[color,opacity] duration-300 group-active:opacity-70", {
|
|
2550
|
-
"text-default-300": status ===
|
|
2551
|
-
|
|
2732
|
+
"text-default-300": status ===
|
|
2733
|
+
"inactive",
|
|
2734
|
+
}), children: step.description }))] }) })] }), stepIdx) }), stepIdx < steps.length - 1 &&
|
|
2735
|
+
!hideProgressBars && (jsx("div", { "aria-hidden": "true", className: cn("pointer-events-none absolute top-[calc(64px*var(--idx)+1)] left-3 flex h-1/2 -translate-y-1/3 items-center px-4", {
|
|
2552
2736
|
"h-1/4": stepIdx === currentStep,
|
|
2553
2737
|
}), style: {
|
|
2554
|
-
// @ts-ignore
|
|
2555
2738
|
"--idx": stepIdx,
|
|
2556
2739
|
}, children: jsx("div", { className: cn("relative h-full w-0.5 bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-0 after:w-full after:bg-[var(--active-border-color)] after:transition-[height] after:duration-300 after:content-['']", {
|
|
2557
|
-
"after:h-full": stepIdx <
|
|
2740
|
+
"after:h-full": stepIdx <
|
|
2741
|
+
currentStep,
|
|
2558
2742
|
}) }) }))] }, stepIdx));
|
|
2559
2743
|
}) }) }));
|
|
2560
2744
|
});
|
|
@@ -3238,6 +3422,45 @@ var VALID_STEP_COLORS = [
|
|
|
3238
3422
|
"danger",
|
|
3239
3423
|
"default",
|
|
3240
3424
|
];
|
|
3425
|
+
function getContainerCSSVars(color) {
|
|
3426
|
+
var baseColor = "hsl(var(--heroui-".concat(color, "))");
|
|
3427
|
+
var fgColor = "hsl(var(--heroui-".concat(color, "-foreground))");
|
|
3428
|
+
var inactiveColor = "hsl(var(--heroui-default-300))";
|
|
3429
|
+
return {
|
|
3430
|
+
"--step-color": baseColor,
|
|
3431
|
+
"--step-fg-color": fgColor,
|
|
3432
|
+
"--active-fg-color": fgColor,
|
|
3433
|
+
"--active-border-color": baseColor,
|
|
3434
|
+
"--active-color": baseColor,
|
|
3435
|
+
"--complete-background-color": baseColor,
|
|
3436
|
+
"--complete-border-color": baseColor,
|
|
3437
|
+
"--inactive-border-color": inactiveColor,
|
|
3438
|
+
"--inactive-color": inactiveColor,
|
|
3439
|
+
"--inactive-bar-color": inactiveColor,
|
|
3440
|
+
};
|
|
3441
|
+
}
|
|
3442
|
+
function getCircleStyle(status) {
|
|
3443
|
+
switch (status) {
|
|
3444
|
+
case "complete":
|
|
3445
|
+
return {
|
|
3446
|
+
backgroundColor: "var(--complete-background-color)",
|
|
3447
|
+
borderColor: "var(--complete-border-color)",
|
|
3448
|
+
color: "var(--active-fg-color)",
|
|
3449
|
+
};
|
|
3450
|
+
case "active":
|
|
3451
|
+
return {
|
|
3452
|
+
backgroundColor: "transparent",
|
|
3453
|
+
borderColor: "var(--active-border-color)",
|
|
3454
|
+
color: "var(--active-color)",
|
|
3455
|
+
};
|
|
3456
|
+
default:
|
|
3457
|
+
return {
|
|
3458
|
+
backgroundColor: "transparent",
|
|
3459
|
+
borderColor: "var(--inactive-border-color)",
|
|
3460
|
+
color: "var(--inactive-color)",
|
|
3461
|
+
};
|
|
3462
|
+
}
|
|
3463
|
+
}
|
|
3241
3464
|
var RowSteps = React.forwardRef(function (_a, ref) {
|
|
3242
3465
|
var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.steps, stepsProp = _c === void 0 ? [] : _c, _d = _a.defaultStep, defaultStep = _d === void 0 ? 0 : _d, onStepChange = _a.onStepChange, currentStepProp = _a.currentStep, _e = _a.hideProgressBars, hideProgressBars = _e === void 0 ? false : _e, stepClassName = _a.stepClassName, className = _a.className; _a.translations; var props = __rest(_a, ["color", "steps", "defaultStep", "onStepChange", "currentStep", "hideProgressBars", "stepClassName", "className", "translations"]);
|
|
3243
3466
|
var _f = $458b0a5536c1a7cf$export$40bfa8c7b0832715(currentStepProp, defaultStep, onStepChange), currentStep = _f[0], setCurrentStep = _f[1];
|
|
@@ -3250,36 +3473,27 @@ var RowSteps = React.forwardRef(function (_a, ref) {
|
|
|
3250
3473
|
var stepColor = VALID_STEP_COLORS.includes(color)
|
|
3251
3474
|
? color
|
|
3252
3475
|
: "primary";
|
|
3253
|
-
|
|
3476
|
+
var containerVars = React.useMemo(function () { return getContainerCSSVars(stepColor); }, [stepColor]);
|
|
3477
|
+
return (jsx("nav", { "aria-label": "Progress", className: "-my-4 max-w-fit overflow-x-auto py-4", children: jsx("ol", { "data-step-color": stepColor, className: cn("flex flex-row flex-nowrap gap-x-3", className), style: containerVars, children: steps === null || steps === void 0 ? void 0 : steps.map(function (step, stepIdx) {
|
|
3254
3478
|
var status = currentStep === stepIdx
|
|
3255
3479
|
? "active"
|
|
3256
3480
|
: currentStep < stepIdx
|
|
3257
3481
|
? "inactive"
|
|
3258
3482
|
: "complete";
|
|
3259
|
-
return (jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsx("div", { className: "h-ful relative flex items-center", children: jsx(
|
|
3260
|
-
|
|
3261
|
-
|
|
3262
|
-
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
borderColor: "var(--active-border-color)",
|
|
3270
|
-
color: "var(--active-color)",
|
|
3271
|
-
},
|
|
3272
|
-
complete: {
|
|
3273
|
-
backgroundColor: "var(--complete-background-color)",
|
|
3274
|
-
borderColor: "var(--complete-border-color)",
|
|
3275
|
-
},
|
|
3276
|
-
}, children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: " text-[var(--active-fg-color)] font-bold", icon: "material-symbols:check-rounded" })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }) }), step.title && (jsx("div", { className: "max-w-full flex-1 text-start", children: jsx("div", { className: cn("text-small text-default-600 lg:text-medium font-medium transition-[color,opacity] duration-300 group-active:opacity-80", {
|
|
3277
|
-
"text-default-300": status === "inactive",
|
|
3278
|
-
}), children: step.title }) })), stepIdx < steps.length - 1 && !hideProgressBars && (jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute right-0 w-10 flex-none items-center", style: {
|
|
3279
|
-
// @ts-ignore
|
|
3483
|
+
return (jsx("li", { className: "relative flex w-full items-center pr-12 last:pr-0", children: jsxs("button", __assign({ type: "button", ref: ref, "aria-current": status === "active" ? "step" : undefined, className: cn("group rounded-large flex w-full cursor-pointer flex-row items-center justify-center gap-x-3 py-2.5", stepClassName), onClick: function () { return setCurrentStep(stepIdx); } }, props, { children: [jsx("div", { className: "h-ful relative flex items-center", children: jsx("div", { className: "relative", children: jsx("div", { className: cn("border-medium text-large relative flex h-[34px] w-[34px] items-center justify-center rounded-full font-semibold", "transition-[background-color,border-color,color,box-shadow] duration-300", {
|
|
3484
|
+
"shadow-lg": status ===
|
|
3485
|
+
"complete",
|
|
3486
|
+
}), "data-status": status, style: getCircleStyle(status), children: jsx("div", { className: "flex items-center justify-center", children: status === "complete" ? (jsx(IconComponent, { className: "font-bold", style: {
|
|
3487
|
+
color: "var(--active-fg-color)",
|
|
3488
|
+
}, icon: "material-symbols:check-rounded" })) : (jsx("span", { children: stepIdx + 1 })) }) }) }) }), step.title && (jsx("div", { className: "max-w-full flex-1 text-start", children: jsx("div", { className: cn("text-small text-default-600 lg:text-medium font-medium transition-[color,opacity] duration-300 group-active:opacity-80", {
|
|
3489
|
+
"text-default-300": status ===
|
|
3490
|
+
"inactive",
|
|
3491
|
+
}), children: step.title }) })), stepIdx < steps.length - 1 &&
|
|
3492
|
+
!hideProgressBars && (jsx("div", { "aria-hidden": "true", className: "pointer-events-none absolute right-0 w-10 flex-none items-center", style: {
|
|
3280
3493
|
"--idx": stepIdx,
|
|
3281
3494
|
}, children: jsx("div", { className: cn("relative h-0.5 w-full bg-[var(--inactive-bar-color)] transition-colors duration-300", "after:absolute after:block after:h-full after:w-0 after:bg-[var(--active-border-color)] after:transition-[width] after:duration-300 after:content-['']", {
|
|
3282
|
-
"after:w-full": stepIdx <
|
|
3495
|
+
"after:w-full": stepIdx <
|
|
3496
|
+
currentStep,
|
|
3283
3497
|
}) }) }))] }), stepIdx) }, stepIdx));
|
|
3284
3498
|
}) }) }));
|
|
3285
3499
|
});
|
|
@@ -6308,6 +6522,7 @@ var THEME_COLOR_HEX_MAP = {
|
|
|
6308
6522
|
yellow: "#ffd505",
|
|
6309
6523
|
green: "#16c964",
|
|
6310
6524
|
coral: "#ff4f4f",
|
|
6525
|
+
skyBlue: "#60A5FA",
|
|
6311
6526
|
};
|
|
6312
6527
|
function hexToRgb$1(hex) {
|
|
6313
6528
|
var clean = hex.replace("#", "");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/row-steps/RowSteps.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RowSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/row-steps/RowSteps.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAgB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAwDpE,eAAO,MAAM,QAAQ,yFAkKpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"VerticalSteps.d.ts","sourceRoot":"","sources":["../../../../src/components/vertical-steps/VerticalSteps.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAEX,kBAAkB,EAElB,MAAM,uBAAuB,CAAC;AA4D/B,eAAO,MAAM,aAAa,8FA8LzB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export type ThemeMode = "light" | "dark";
|
|
2
|
-
export type ThemeColor = "purple" | "yellow" | "blue" | "green" | "coral";
|
|
2
|
+
export type ThemeColor = "purple" | "yellow" | "blue" | "green" | "coral" | "skyBlue";
|
|
3
3
|
export interface IThemeContext {
|
|
4
4
|
mode: ThemeMode;
|
|
5
5
|
color: ThemeColor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-context.type.d.ts","sourceRoot":"","sources":["../../../../src/contexts/theme/theme-context.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"theme-context.type.d.ts","sourceRoot":"","sources":["../../../../src/contexts/theme/theme-context.type.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACzC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtF,MAAM,WAAW,aAAa;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,UAAU,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,KAAK,IAAI,CAAC;CAC/C"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hex-to-theme-color.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/hex-to-theme-color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"hex-to-theme-color.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/hex-to-theme-color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAE1E,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAO1D,CAAC;AA2BF,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAQhE;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAevD"}
|
|
@@ -486,5 +486,159 @@ export declare const themeColors: {
|
|
|
486
486
|
overlay: string;
|
|
487
487
|
};
|
|
488
488
|
};
|
|
489
|
+
"skyBlue-light": {
|
|
490
|
+
extend: string;
|
|
491
|
+
colors: {
|
|
492
|
+
primary: {
|
|
493
|
+
"50": string;
|
|
494
|
+
"100": string;
|
|
495
|
+
"200": string;
|
|
496
|
+
"300": string;
|
|
497
|
+
"400": string;
|
|
498
|
+
"500": string;
|
|
499
|
+
"600": string;
|
|
500
|
+
"700": string;
|
|
501
|
+
"800": string;
|
|
502
|
+
"900": string;
|
|
503
|
+
foreground: string;
|
|
504
|
+
DEFAULT: string;
|
|
505
|
+
};
|
|
506
|
+
secondary: {
|
|
507
|
+
"50": string;
|
|
508
|
+
"100": string;
|
|
509
|
+
"200": string;
|
|
510
|
+
"300": string;
|
|
511
|
+
"400": string;
|
|
512
|
+
"500": string;
|
|
513
|
+
"600": string;
|
|
514
|
+
"700": string;
|
|
515
|
+
"800": string;
|
|
516
|
+
"900": string;
|
|
517
|
+
foreground: string;
|
|
518
|
+
DEFAULT: string;
|
|
519
|
+
};
|
|
520
|
+
success: {
|
|
521
|
+
"50": string;
|
|
522
|
+
"100": string;
|
|
523
|
+
"200": string;
|
|
524
|
+
"300": string;
|
|
525
|
+
"400": string;
|
|
526
|
+
"500": string;
|
|
527
|
+
"600": string;
|
|
528
|
+
"700": string;
|
|
529
|
+
"800": string;
|
|
530
|
+
"900": string;
|
|
531
|
+
foreground: string;
|
|
532
|
+
DEFAULT: string;
|
|
533
|
+
};
|
|
534
|
+
warning: {
|
|
535
|
+
"50": string;
|
|
536
|
+
"100": string;
|
|
537
|
+
"200": string;
|
|
538
|
+
"300": string;
|
|
539
|
+
"400": string;
|
|
540
|
+
"500": string;
|
|
541
|
+
"600": string;
|
|
542
|
+
"700": string;
|
|
543
|
+
"800": string;
|
|
544
|
+
"900": string;
|
|
545
|
+
foreground: string;
|
|
546
|
+
DEFAULT: string;
|
|
547
|
+
};
|
|
548
|
+
danger: {
|
|
549
|
+
"50": string;
|
|
550
|
+
"100": string;
|
|
551
|
+
"200": string;
|
|
552
|
+
"300": string;
|
|
553
|
+
"400": string;
|
|
554
|
+
"500": string;
|
|
555
|
+
"600": string;
|
|
556
|
+
"700": string;
|
|
557
|
+
"800": string;
|
|
558
|
+
"900": string;
|
|
559
|
+
foreground: string;
|
|
560
|
+
DEFAULT: string;
|
|
561
|
+
};
|
|
562
|
+
focus: string;
|
|
563
|
+
overlay: string;
|
|
564
|
+
};
|
|
565
|
+
};
|
|
566
|
+
"skyBlue-dark": {
|
|
567
|
+
extend: string;
|
|
568
|
+
colors: {
|
|
569
|
+
primary: {
|
|
570
|
+
"50": string;
|
|
571
|
+
"100": string;
|
|
572
|
+
"200": string;
|
|
573
|
+
"300": string;
|
|
574
|
+
"400": string;
|
|
575
|
+
"500": string;
|
|
576
|
+
"600": string;
|
|
577
|
+
"700": string;
|
|
578
|
+
"800": string;
|
|
579
|
+
"900": string;
|
|
580
|
+
foreground: string;
|
|
581
|
+
DEFAULT: string;
|
|
582
|
+
};
|
|
583
|
+
secondary: {
|
|
584
|
+
"50": string;
|
|
585
|
+
"100": string;
|
|
586
|
+
"200": string;
|
|
587
|
+
"300": string;
|
|
588
|
+
"400": string;
|
|
589
|
+
"500": string;
|
|
590
|
+
"600": string;
|
|
591
|
+
"700": string;
|
|
592
|
+
"800": string;
|
|
593
|
+
"900": string;
|
|
594
|
+
foreground: string;
|
|
595
|
+
DEFAULT: string;
|
|
596
|
+
};
|
|
597
|
+
success: {
|
|
598
|
+
"50": string;
|
|
599
|
+
"100": string;
|
|
600
|
+
"200": string;
|
|
601
|
+
"300": string;
|
|
602
|
+
"400": string;
|
|
603
|
+
"500": string;
|
|
604
|
+
"600": string;
|
|
605
|
+
"700": string;
|
|
606
|
+
"800": string;
|
|
607
|
+
"900": string;
|
|
608
|
+
foreground: string;
|
|
609
|
+
DEFAULT: string;
|
|
610
|
+
};
|
|
611
|
+
warning: {
|
|
612
|
+
"50": string;
|
|
613
|
+
"100": string;
|
|
614
|
+
"200": string;
|
|
615
|
+
"300": string;
|
|
616
|
+
"400": string;
|
|
617
|
+
"500": string;
|
|
618
|
+
"600": string;
|
|
619
|
+
"700": string;
|
|
620
|
+
"800": string;
|
|
621
|
+
"900": string;
|
|
622
|
+
foreground: string;
|
|
623
|
+
DEFAULT: string;
|
|
624
|
+
};
|
|
625
|
+
danger: {
|
|
626
|
+
"50": string;
|
|
627
|
+
"100": string;
|
|
628
|
+
"200": string;
|
|
629
|
+
"300": string;
|
|
630
|
+
"400": string;
|
|
631
|
+
"500": string;
|
|
632
|
+
"600": string;
|
|
633
|
+
"700": string;
|
|
634
|
+
"800": string;
|
|
635
|
+
"900": string;
|
|
636
|
+
foreground: string;
|
|
637
|
+
DEFAULT: string;
|
|
638
|
+
};
|
|
639
|
+
focus: string;
|
|
640
|
+
overlay: string;
|
|
641
|
+
};
|
|
642
|
+
};
|
|
489
643
|
};
|
|
490
644
|
//# sourceMappingURL=colors.default.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.default.d.ts","sourceRoot":"","sources":["../../../src/styles/colors.default.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"colors.default.d.ts","sourceRoot":"","sources":["../../../src/styles/colors.default.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqoBvB,CAAC"}
|