) => {
+ const { handleClick, checked } = useCheckedState({
+ checked: checkedProp,
+ onChange,
+ });
+
+ const getStrokeColor = (status: "default" | "success" | "error") => {
+ switch (status) {
+ case "default":
+ return "outline";
+ case "error":
+ return "error";
+ default:
+ return "primary";
+ }
+ };
+ const handleArrowClick = () => {
+ if (variant === "arrow" && onClick) {
+ onClick();
+ }
+ };
return (
-
+
+ {leftElement}
+
+
+ {text}
+
+
+ {subText}
+
+
+
+
+ {variant === "checkbox" ? (
+
+ ) : variant === "arrow" ? (
+
+ ) : null}
+
+
);
};
export default Box;
+
+const containerStyle = cva({
+ base: {
+ paddingX: "xl",
+ paddingTop: "xl",
+ paddingBottom: "lg",
+ borderRadius: "md",
+ border: "1px solid",
+ width: "100%",
+ md: {
+ maxWidth: "40.75rem",
+ minWidth: "19.75rem",
+ },
+ backgroundColor: "white",
+ },
+ variants: {
+ status: {
+ default: {
+ borderColor: "outline",
+ },
+ success: {
+ borderColor: "primary",
+ },
+ error: {
+ borderColor: "error",
+ },
+ },
+ variant: {
+ arrow: {
+ cursor: "pointer",
+ },
+ text: {
+ cursor: "default",
+ },
+ checkbox: {
+ cursor: "default",
+ },
+ },
+ },
+});
diff --git a/packages/wow-ui/styled-system/tokens/index.js b/packages/wow-ui/styled-system/tokens/index.js
index 13fd81a0..d87510cf 100644
--- a/packages/wow-ui/styled-system/tokens/index.js
+++ b/packages/wow-ui/styled-system/tokens/index.js
@@ -404,7 +404,7 @@ const tokens = {
variable: "var(--colors-outline)",
},
"colors.textBlack": {
- value: "#000000",
+ value: "#121212",
variable: "var(--colors-text-black)",
},
"colors.textWhite": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1e4a518c..6260ac4c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -162,6 +162,9 @@ importers:
rollup-plugin-preserve-directives:
specifier: ^0.4.0
version: 0.4.0(rollup@4.17.2)
+ rollup-plugin-visualizer:
+ specifier: ^5.12.0
+ version: 5.12.0(rollup@4.17.2)
shared-config:
specifier: workspace:^
version: link:packages/shared-config
@@ -182,7 +185,7 @@ importers:
version: 4.11.0
turbo:
specifier: latest
- version: 1.13.3
+ version: 2.0.4
typescript:
specifier: ^5.3.3
version: 5.3.3
@@ -13904,6 +13907,23 @@ packages:
rollup: 4.17.2
dev: true
+ /rollup-plugin-visualizer@5.12.0(rollup@4.17.2):
+ resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
+ engines: {node: '>=14'}
+ hasBin: true
+ peerDependencies:
+ rollup: 2.x || 3.x || 4.x
+ peerDependenciesMeta:
+ rollup:
+ optional: true
+ dependencies:
+ open: 8.4.2
+ picomatch: 2.3.1
+ rollup: 4.17.2
+ source-map: 0.7.4
+ yargs: 17.7.2
+ dev: true
+
/rollup@0.63.5:
resolution: {integrity: sha512-dFf8LpUNzIj3oE0vCvobX6rqOzHzLBoblyFp+3znPbjiSmSvOoK2kMKx+Fv9jYduG1rvcCfCveSgEaQHjWRF6g==}
hasBin: true
@@ -15172,64 +15192,70 @@ packages:
yargs: 17.7.2
dev: true
- /turbo-darwin-64@1.13.3:
- resolution: {integrity: sha512-glup8Qx1qEFB5jerAnXbS8WrL92OKyMmg5Hnd4PleLljAeYmx+cmmnsmLT7tpaVZIN58EAAwu8wHC6kIIqhbWA==}
+ /tunnel-agent@0.6.0:
+ resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+ dependencies:
+ safe-buffer: 5.2.1
+ dev: true
+
+ /turbo-darwin-64@2.0.4:
+ resolution: {integrity: sha512-x9mvmh4wudBstML8Z8IOmokLWglIhSfhQwnh2gBCSqabgVBKYvzl8Y+i+UCNPxheCGTgtsPepTcIaKBIyFIcvw==}
cpu: [x64]
os: [darwin]
requiresBuild: true
dev: true
optional: true
- /turbo-darwin-arm64@1.13.3:
- resolution: {integrity: sha512-/np2xD+f/+9qY8BVtuOQXRq5f9LehCFxamiQnwdqWm5iZmdjygC5T3uVSYuagVFsZKMvX3ycySwh8dylGTl6lg==}
+ /turbo-darwin-arm64@2.0.4:
+ resolution: {integrity: sha512-/B1Ih8zPRGVw5vw4SlclOf3C/woJ/2T6ieH6u54KT4wypoaVyaiyMqBcziIXycdObIYr7jQ+raHO7q3mhay9/A==}
cpu: [arm64]
os: [darwin]
requiresBuild: true
dev: true
optional: true
- /turbo-linux-64@1.13.3:
- resolution: {integrity: sha512-G+HGrau54iAnbXLfl+N/PynqpDwi/uDzb6iM9hXEDG+yJnSJxaHMShhOkXYJPk9offm9prH33Khx2scXrYVW1g==}
+ /turbo-linux-64@2.0.4:
+ resolution: {integrity: sha512-6aG670e5zOWu6RczEYcB81nEl8EhiGJEvWhUrnAfNEUIMBEH1pR5SsMmG2ol5/m3PgiRM12r13dSqTxCLcHrVg==}
cpu: [x64]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /turbo-linux-arm64@1.13.3:
- resolution: {integrity: sha512-qWwEl5VR02NqRyl68/3pwp3c/olZuSp+vwlwrunuoNTm6JXGLG5pTeme4zoHNnk0qn4cCX7DFrOboArlYxv0wQ==}
+ /turbo-linux-arm64@2.0.4:
+ resolution: {integrity: sha512-AXfVOjst+mCtPDFT4tCu08Qrfv12Nj7NDd33AjGwV79NYN1Y1rcFY59UQ4nO3ij3rbcvV71Xc+TZJ4csEvRCSg==}
cpu: [arm64]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /turbo-windows-64@1.13.3:
- resolution: {integrity: sha512-Nudr4bRChfJzBPzEmpVV85VwUYRCGKecwkBFpbp2a4NtrJ3+UP1VZES653ckqCu2FRyRuS0n03v9euMbAvzH+Q==}
+ /turbo-windows-64@2.0.4:
+ resolution: {integrity: sha512-QOnUR9hKl0T5gq5h1fAhVEqBSjpcBi/BbaO71YGQNgsr6pAnCQdbG8/r3MYXet53efM0KTdOhieWeO3KLNKybA==}
cpu: [x64]
os: [win32]
requiresBuild: true
dev: true
optional: true
- /turbo-windows-arm64@1.13.3:
- resolution: {integrity: sha512-ouJCgsVLd3icjRLmRvHQDDZnmGzT64GBupM1Y+TjtYn2LVaEBoV6hicFy8x5DUpnqdLy+YpCzRMkWlwhmkX7sQ==}
+ /turbo-windows-arm64@2.0.4:
+ resolution: {integrity: sha512-3v8WpdZy1AxZw0gha0q3caZmm+0gveBQ40OspD6mxDBIS+oBtO5CkxhIXkFJJW+jDKmDlM7wXDIGfMEq+QyNCQ==}
cpu: [arm64]
os: [win32]
requiresBuild: true
dev: true
optional: true
- /turbo@1.13.3:
- resolution: {integrity: sha512-n17HJv4F4CpsYTvKzUJhLbyewbXjq1oLCi90i5tW1TiWDz16ML1eDG7wi5dHaKxzh5efIM56SITnuVbMq5dk4g==}
+ /turbo@2.0.4:
+ resolution: {integrity: sha512-Ilme/2Q5kYw0AeRr+aw3s02+WrEYaY7U8vPnqSZU/jaDG/qd6jHVN6nRWyd/9KXvJGYM69vE6JImoGoyNjLwaw==}
hasBin: true
optionalDependencies:
- turbo-darwin-64: 1.13.3
- turbo-darwin-arm64: 1.13.3
- turbo-linux-64: 1.13.3
- turbo-linux-arm64: 1.13.3
- turbo-windows-64: 1.13.3
- turbo-windows-arm64: 1.13.3
+ turbo-darwin-64: 2.0.4
+ turbo-darwin-arm64: 2.0.4
+ turbo-linux-64: 2.0.4
+ turbo-linux-arm64: 2.0.4
+ turbo-windows-64: 2.0.4
+ turbo-windows-arm64: 2.0.4
dev: true
/tween-functions@1.2.0:
diff --git a/turbo.json b/turbo.json
index fbe2d792..d9f73c29 100644
--- a/turbo.json
+++ b/turbo.json
@@ -1,7 +1,7 @@
{
"$schema": "https://turbo.build/schema.json",
"globalDependencies": ["**/.env.*local"],
- "pipeline": {
+ "tasks": {
"lint": {
"dependsOn": ["^lint"]
},