@clickhouse/click-ui 0.0.234 → 0.0.236
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/click-ui.bundled.es.js +160 -155
- package/dist/click-ui.bundled.es.js.map +1 -1
- package/dist/click-ui.bundled.umd.js +160 -155
- package/dist/click-ui.bundled.umd.js.map +1 -1
- package/dist/click-ui.es.js +160 -155
- package/dist/click-ui.es.js.map +1 -1
- package/dist/click-ui.umd.js +160 -155
- package/dist/click-ui.umd.js.map +1 -1
- package/dist/components/CardHorizontal/CardHorizontal.d.ts +5 -1
- package/dist/components/Logos/AWSGlue.d.ts +4 -0
- package/dist/components/Logos/types.d.ts +1 -1
- package/dist/components/icons/Flags/Israel.d.ts +4 -0
- package/dist/components/icons/Flags/index.d.ts +2 -1
- package/dist/styles/types.d.ts +10 -3
- package/dist/styles/variables.json.d.ts +10 -3
- package/package.json +1 -1
package/dist/click-ui.umd.js
CHANGED
|
@@ -1112,6 +1112,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
1112
1112
|
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "irelandFlagClipPath2", children: /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", d: "M0 0h30v20H0z" }) })
|
|
1113
1113
|
] })
|
|
1114
1114
|
] });
|
|
1115
|
+
const Israel = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "30", height: "20", viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
1116
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_13438_1715)", children: [
|
|
1117
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0H30V20H0V0Z", fill: "#B22234" }),
|
|
1118
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 1.53809H30V3.07609H0V1.53809ZM0 4.61409H30V6.15209H0V4.61409ZM0 7.69009H30V9.22809H0V7.69009ZM0 10.7661H30V12.3041H0V10.7661ZM0 13.8421H30V15.3801H0V13.8421ZM0 16.9181H30V18.4561H0V16.9181Z", fill: "white" }),
|
|
1119
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0H13.3333V10.766H0V0Z", fill: "#3C3B6E" }),
|
|
1120
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1.11014 0.428223L1.25481 0.876815L1.72614 0.875785L1.34422 1.152L1.49085 1.59996L1.11014 1.32207L0.729432 1.59996L0.876061 1.152L0.494141 0.875785L0.965471 0.876815L1.11014 0.428223ZM2.22066 1.44237L2.36533 1.89096L2.83666 1.88993L2.45474 2.16614L2.60137 2.6141L2.22066 2.33622L1.83995 2.6141L1.98658 2.16614L1.60466 1.88993L2.07599 1.89096L2.22066 1.44237ZM3.33122 0.428223L3.47589 0.876815L3.94722 0.875785L3.5653 1.152L3.71193 1.59996L3.33122 1.32207L2.95051 1.59996L3.09714 1.152L2.71522 0.875785L3.18655 0.876815L3.33122 0.428223ZM4.44174 1.44237L4.58641 1.89096L5.05774 1.88993L4.67582 2.16614L4.82245 2.6141L4.44174 2.33622L4.06103 2.6141L4.20766 2.16614L3.82574 1.88993L4.29707 1.89096L4.44174 1.44237ZM5.55226 0.428223L5.69693 0.876815L6.16826 0.875785L5.78634 1.152L5.93297 1.59996L5.55226 1.32207L5.17155 1.59996L5.31818 1.152L4.93626 0.875785L5.40759 0.876815L5.55226 0.428223ZM6.66278 1.44237L6.80745 1.89096L7.27878 1.88993L6.89686 2.16614L7.04349 2.6141L6.66278 2.33622L6.28207 2.6141L6.4287 2.16614L6.04678 1.88993L6.51811 1.89096L6.66278 1.44237ZM7.7733 0.428223L7.91797 0.876815L8.3893 0.875785L8.00738 1.152L8.15401 1.59996L7.7733 1.32207L7.39259 1.59996L7.53922 1.152L7.1573 0.875785L7.62863 0.876815L7.7733 0.428223ZM8.88382 1.44237L9.02849 1.89096L9.49982 1.88993L9.1179 2.16614L9.26453 2.6141L8.88382 2.33622L8.50311 2.6141L8.64974 2.16614L8.26782 1.88993L8.73915 1.89096L8.88382 1.44237ZM9.99435 0.428223L10.139 0.876815L10.6103 0.875785L10.2284 1.152L10.3751 1.59996L9.99435 1.32207L9.61364 1.59996L9.76026 1.152L9.37834 0.875785L9.84968 0.876815L9.99435 0.428223ZM11.1049 1.44237L11.2496 1.89096L11.7209 1.88993L11.339 2.16614L11.4856 2.6141L11.1049 2.33622L10.7242 2.6141L10.8708 2.16614L10.4889 1.88993L10.9602 1.89096L11.1049 1.44237ZM12.2154 0.428223L12.3601 0.876815L12.8314 0.875785L12.4495 1.152L12.5961 1.59996L12.2154 1.32207L11.8347 1.59996L11.9813 1.152L11.5994 0.875785L12.0708 0.876815L12.2154 0.428223ZM1.11014 2.58022L1.25481 3.02881L1.72614 3.02778L1.34422 3.304L1.49085 3.75196L1.11014 3.47407L0.729432 3.75196L0.876061 3.304L0.494141 3.02778L0.965471 3.02881L1.11014 2.58022ZM2.22066 3.59437L2.36533 4.04296L2.83666 4.04193L2.45474 4.31814L2.60137 4.7661L2.22066 4.48822L1.83995 4.7661L1.98658 4.31814L1.60466 4.04193L2.07599 4.04296L2.22066 3.59437ZM3.33122 2.58022L3.47589 3.02881L3.94722 3.02778L3.5653 3.304L3.71193 3.75196L3.33122 3.47407L2.95051 3.75196L3.09714 3.304L2.71522 3.02778L3.18655 3.02881L3.33122 2.58022ZM4.44174 3.59437L4.58641 4.04296L5.05774 4.04193L4.67582 4.31814L4.82245 4.7661L4.44174 4.48822L4.06103 4.7661L4.20766 4.31814L3.82574 4.04193L4.29707 4.04296L4.44174 3.59437ZM5.55226 2.58022L5.69693 3.02882L6.16826 3.02779L5.78634 3.304L5.93297 3.75196L5.55226 3.47407L5.17155 3.75196L5.31818 3.304L4.93626 3.02779L5.40759 3.02882L5.55226 2.58022ZM6.66278 3.59437L6.80745 4.04296L7.27878 4.04193L6.89686 4.31814L7.04349 4.7661L6.66278 4.48822L6.28207 4.7661L6.4287 4.31814L6.04678 4.04193L6.51811 4.04296L6.66278 3.59437ZM7.7733 2.58022L7.91797 3.02881L8.3893 3.02778L8.00738 3.304L8.15401 3.75196L7.7733 3.47407L7.39259 3.75196L7.53922 3.304L7.1573 3.02778L7.62863 3.02881L7.7733 2.58022ZM8.88382 3.59437L9.02849 4.04296L9.49982 4.04193L9.1179 4.31814L9.26453 4.7661L8.88382 4.48822L8.50311 4.7661L8.64974 4.31814L8.26782 4.04193L8.73915 4.04296L8.88382 3.59437ZM9.99435 2.58022L10.139 3.02881L10.6103 3.02778L10.2284 3.304L10.3751 3.75196L9.99435 3.47407L9.61364 3.75196L9.76026 3.304L9.37834 3.02778L9.84968 3.02881L9.99435 2.58022ZM11.1049 3.59437L11.2496 4.04296L11.7209 4.04193L11.339 4.31814L11.4856 4.7661L11.1049 4.48822L10.7242 4.7661L10.8708 4.31814L10.4889 4.04193L10.9602 4.04296L11.1049 3.59437ZM12.2154 2.58022L12.3601 3.02881L12.8314 3.02778L12.4495 3.304L12.5961 3.75196L12.2154 3.47407L11.8347 3.75196L11.9813 3.304L11.5994 3.02778L12.0708 3.02881L12.2154 2.58022ZM1.11014 4.73222L1.25481 5.18081L1.72614 5.17978L1.34422 5.456L1.49085 5.90395L1.11014 5.62607L0.729432 5.90395L0.876061 5.456L0.494141 5.17978L0.965471 5.18081L1.11014 4.73222ZM2.22066 5.74637L2.36533 6.19496L2.83666 6.19393L2.45474 6.47014L2.60137 6.9181L2.22066 6.64022L1.83995 6.9181L1.98658 6.47014L1.60466 6.19393L2.07599 6.19496L2.22066 5.74637ZM3.33122 4.73222L3.47589 5.18081L3.94722 5.17978L3.5653 5.456L3.71193 5.90395L3.33122 5.62607L2.95051 5.90395L3.09714 5.456L2.71522 5.17978L3.18655 5.18081L3.33122 4.73222ZM4.44174 5.74637L4.58641 6.19496L5.05774 6.19393L4.67582 6.47014L4.82245 6.9181L4.44174 6.64022L4.06103 6.9181L4.20766 6.47014L3.82574 6.19393L4.29707 6.19496L4.44174 5.74637ZM5.55226 4.73222L5.69693 5.18081L6.16826 5.17978L5.78634 5.456L5.93297 5.90395L5.55226 5.62607L5.17155 5.90395L5.31818 5.456L4.93626 5.17978L5.40759 5.18081L5.55226 4.73222ZM6.66278 5.74637L6.80745 6.19496L7.27878 6.19393L6.89686 6.47014L7.04349 6.9181L6.66278 6.64022L6.28207 6.9181L6.4287 6.47014L6.04678 6.19393L6.51811 6.19496L6.66278 5.74637ZM7.7733 4.73222L7.91797 5.18081L8.3893 5.17978L8.00738 5.456L8.15401 5.90395L7.7733 5.62607L7.39259 5.90395L7.53922 5.456L7.1573 5.17978L7.62863 5.18081L7.7733 4.73222ZM8.88382 5.74637L9.02849 6.19496L9.49982 6.19393L9.1179 6.47014L9.26453 6.9181L8.88382 6.64022L8.50311 6.9181L8.64974 6.47014L8.26782 6.19393L8.73915 6.19496L8.88382 5.74637ZM9.99435 4.73222L10.139 5.18081L10.6103 5.17978L10.2284 5.456L10.3751 5.90395L9.99435 5.62607L9.61364 5.90395L9.76026 5.456L9.37834 5.17978L9.84968 5.18081L9.99435 4.73222ZM11.1049 5.74637L11.2496 6.19496L11.7209 6.19393L11.339 6.47014L11.4856 6.9181L11.1049 6.64022L10.7242 6.9181L10.8708 6.47014L10.4889 6.19393L10.9602 6.19496L11.1049 5.74637ZM12.2154 4.73222L12.3601 5.18081L12.8314 5.17978L12.4495 5.456L12.5961 5.90395L12.2154 5.62607L11.8347 5.90395L11.9813 5.456L11.5994 5.17978L12.0708 5.18081L12.2154 4.73222ZM1.11014 6.88422L1.25481 7.33281L1.72614 7.33178L1.34422 7.608L1.49085 8.05595L1.11014 7.77807L0.729432 8.05595L0.876061 7.608L0.494141 7.33178L0.965471 7.33281L1.11014 6.88422ZM2.22066 7.89837L2.36533 8.34696L2.83666 8.34593L2.45474 8.62214L2.60137 9.0701L2.22066 8.79222L1.83995 9.0701L1.98658 8.62214L1.60466 8.34593L2.07599 8.34696L2.22066 7.89837ZM3.33122 6.88422L3.47589 7.33281L3.94722 7.33178L3.5653 7.608L3.71193 8.05595L3.33122 7.77807L2.95051 8.05595L3.09714 7.608L2.71522 7.33178L3.18655 7.33281L3.33122 6.88422ZM4.44174 7.89837L4.58641 8.34696L5.05774 8.34593L4.67582 8.62214L4.82245 9.0701L4.44174 8.79222L4.06103 9.0701L4.20766 8.62214L3.82574 8.34593L4.29707 8.34696L4.44174 7.89837ZM5.55226 6.88422L5.69693 7.33281L6.16826 7.33178L5.78634 7.608L5.93297 8.05595L5.55226 7.77807L5.17155 8.05595L5.31818 7.608L4.93626 7.33178L5.40759 7.33281L5.55226 6.88422ZM6.66278 7.89837L6.80745 8.34696L7.27878 8.34593L6.89686 8.62214L7.04349 9.0701L6.66278 8.79222L6.28207 9.0701L6.4287 8.62214L6.04678 8.34593L6.51811 8.34696L6.66278 7.89837ZM7.7733 6.88422L7.91797 7.33281L8.3893 7.33178L8.00738 7.608L8.15401 8.05595L7.7733 7.77807L7.39259 8.05595L7.53922 7.608L7.1573 7.33178L7.62863 7.33281L7.7733 6.88422ZM8.88382 7.89837L9.02849 8.34696L9.49982 8.34593L9.1179 8.62214L9.26453 9.0701L8.88382 8.79222L8.50311 9.0701L8.64974 8.62214L8.26782 8.34593L8.73915 8.34696L8.88382 7.89837ZM9.99435 6.88422L10.139 7.33281L10.6103 7.33178L10.2284 7.608L10.3751 8.05595L9.99435 7.77807L9.61364 8.05595L9.76026 7.608L9.37834 7.33178L9.84968 7.33281L9.99435 6.88422ZM11.1049 7.89837L11.2496 8.34696L11.7209 8.34593L11.339 8.62214L11.4856 9.0701L11.1049 8.79222L10.7242 9.0701L10.8708 8.62214L10.4889 8.34593L10.9602 8.34696L11.1049 7.89837ZM12.2154 6.88422L12.3601 7.33281L12.8314 7.33178L12.4495 7.608L12.5961 8.05595L12.2154 7.77807L11.8347 8.05595L11.9813 7.608L11.5994 7.33178L12.0708 7.33281L12.2154 6.88422ZM1.11014 9.03622L1.25481 9.48481L1.72614 9.48378L1.34422 9.76L1.49085 10.208L1.11014 9.93007L0.729432 10.208L0.876061 9.76L0.494141 9.48378L0.965471 9.48481L1.11014 9.03622ZM3.33122 9.03622L3.47589 9.48481L3.94722 9.48378L3.5653 9.76L3.71193 10.208L3.33122 9.93007L2.95051 10.208L3.09714 9.76L2.71522 9.48378L3.18655 9.48481L3.33122 9.03622ZM5.55226 9.03622L5.69693 9.48481L6.16826 9.48378L5.78634 9.76L5.93297 10.208L5.55226 9.93007L5.17155 10.208L5.31818 9.76L4.93626 9.48378L5.40759 9.48481L5.55226 9.03622ZM7.7733 9.03622L7.91797 9.48481L8.3893 9.48378L8.00738 9.76L8.15401 10.208L7.7733 9.93007L7.39259 10.208L7.53922 9.76L7.1573 9.48378L7.62863 9.48481L7.7733 9.03622ZM9.99435 9.03622L10.139 9.48481L10.6103 9.48378L10.2284 9.76L10.3751 10.208L9.99435 9.93007L9.61364 10.208L9.76026 9.76L9.37834 9.48378L9.84968 9.48481L9.99435 9.03622ZM12.2154 9.03622L12.3601 9.48481L12.8314 9.48378L12.4495 9.76L12.5961 10.208L12.2154 9.93007L11.8347 10.208L11.9813 9.76L11.5994 9.48378L12.0708 9.48481L12.2154 9.03622Z", fill: "white" }),
|
|
1121
|
+
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip1_13438_1715)", children: [
|
|
1122
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0H30V20H0V0Z", fill: "white" }),
|
|
1123
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 1.875H30V5H0V1.875Z", fill: "#0038B8" }),
|
|
1124
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 15H30V18.125H0V15Z", fill: "#0038B8" }),
|
|
1125
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 11.8214H18.4239L15.212 6.35742L12 11.8214ZM15.212 13.6427L18.4239 8.17873H12L15.212 13.6427Z", stroke: "#0038B8", strokeWidth: "0.75" })
|
|
1126
|
+
] }),
|
|
1127
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0.0136364", y: "0.0136364", width: "29.9727", height: "19.9727", stroke: "#E6E7E9", strokeWidth: "0.0272727" })
|
|
1128
|
+
] }),
|
|
1129
|
+
/* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0.025", y: "0.025", width: "29.95", height: "19.95", rx: "0.975", stroke: "#B3B6BD", strokeWidth: "0.05" }),
|
|
1130
|
+
/* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
|
|
1131
|
+
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_13438_1715", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "20", rx: "1", fill: "white" }) }),
|
|
1132
|
+
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip1_13438_1715", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "30", height: "20", fill: "white" }) })
|
|
1133
|
+
] })
|
|
1134
|
+
] });
|
|
1115
1135
|
const India = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 30, height: 20, viewBox: "0 0 30 20", fill: "none", ...props, children: [
|
|
1116
1136
|
/* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: "url(#indiaFlagClipPath1)", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#indiaFlagClipPath2)", children: [
|
|
1117
1137
|
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#F93", d: "M30 0H0v20h30V0Z" }),
|
|
@@ -1629,6 +1649,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
1629
1649
|
eu: EuropeanUnion,
|
|
1630
1650
|
gb: GreatBritain,
|
|
1631
1651
|
ie: Ireland,
|
|
1652
|
+
il: Israel,
|
|
1632
1653
|
in: India,
|
|
1633
1654
|
jp: Japan,
|
|
1634
1655
|
nl: Netherlands,
|
|
@@ -1663,54 +1684,46 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
1663
1684
|
/* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M54.8755 39.0706C54.1621 38.1693 50.1534 38.6366 48.3359 38.8536C47.7923 38.9204 47.7074 38.453 48.2 38.1026C51.3934 35.8995 56.6421 36.5337 57.2536 37.2681C57.8651 38.0191 57.0837 43.1762 54.0942 45.6463C53.6355 46.0301 53.1939 45.8298 53.3977 45.3292C54.0772 43.6769 55.5889 39.9551 54.8755 39.0706Z", fill: "#FF9900" })
|
|
1664
1685
|
] });
|
|
1665
1686
|
const AWSAthena = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
1666
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
1673
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1674
|
-
] }),
|
|
1675
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_5755_3307", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) }),
|
|
1676
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip1_5755_3307", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "56", height: "56", fill: "white", transform: "translate(4 4)" }) })
|
|
1677
|
-
] })
|
|
1687
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-athena-gradient)", d: "M64 0H0v64h64z" }),
|
|
1688
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M30.636 21.781c3.594 0 5.562.806 5.921 1.21-.359.403-2.327 1.208-5.921 1.208s-5.562-.805-5.921-1.209c.359-.403 2.327-1.209 5.921-1.209m-.409 6.445a.407.407 0 0 1 .178-.769q.096.002.178.047zm4.627 6.647c-.06.048-.196.142-.477.254-.25.1-.547.19-.882.27-.893.21-1.99.324-3.09.324-2.408 0-4.085-.52-4.446-.842l-1.066-9.958c1.635.669 4.043.89 5.743.89 1.671 0 4.027-.215 5.662-.858l-.638 4.38c-1.201-.453-2.7-1.111-4.121-1.803a1.19 1.19 0 0 0-1.134-.87c-.654 0-1.186.54-1.186 1.204 0 .665.532 1.205 1.186 1.205.155 0 .302-.032.438-.087 1.985.98 3.464 1.609 4.577 1.996zM23.097 23.077l1.286 12.003c.09 2.227 5.777 2.253 6.021 2.253 1.217 0 2.442-.13 3.448-.366a8 8 0 0 0 1.108-.34c.939-.378 1.431-.892 1.465-1.528l.536-3.678c.364.075.662.108.9.108.746 0 .943-.306 1.08-.518a.98.98 0 0 0 .117-.77c-.153-.632-1.045-1.464-1.64-1.958l.753-5.175h-.008c.004-.04.016-.077.016-.118 0-2.226-4.742-2.82-7.543-2.82s-7.543.593-7.543 2.82c0 .03.01.057.012.087zm7.171-7.03c6.921 0 12.552 5.716 12.552 12.74 0 7.026-5.63 12.74-12.552 12.74s-12.552-5.715-12.552-12.74c0-7.024 5.63-12.74 12.552-12.74m-19.88 17.42v1.613h7.146v-.095c2.285 4.815 7.127 8.154 12.734 8.154 7.796 0 14.14-6.437 14.14-14.351s-6.344-14.352-14.14-14.352c-6.065 0-11.235 3.904-13.24 9.36h-6.64v1.612h6.153a14.5 14.5 0 0 0-.405 3.224H8.8v1.612h7.401c.112 1.12.364 2.195.715 3.224zm43.276 19.361c-.96.977-2.627.982-3.587.009l-8.53-8.66a19.2 19.2 0 0 0 3.648-3.636l8.478 8.647a2.57 2.57 0 0 1 .739 1.82 2.57 2.57 0 0 1-.748 1.82m1.134-4.778-8.669-8.842a19.27 19.27 0 0 0 3.043-10.42c0-10.581-8.48-19.188-18.904-19.188-7.49 0-14.282 4.496-17.305 11.454l1.453.65c2.769-6.374 8.991-10.492 15.852-10.492 9.549 0 17.316 7.884 17.316 17.576 0 9.69-7.767 17.575-17.316 17.575-6.378 0-12.222-3.544-15.253-9.248l-1.398.766c3.308 6.227 9.688 10.094 16.651 10.094 3.645 0 7.05-1.055 9.94-2.876l8.747 8.878a4.076 4.076 0 0 0 5.83-.007A4.18 4.18 0 0 0 56 51.01a4.18 4.18 0 0 0-1.202-2.96", clipRule: "evenodd" }),
|
|
1689
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-athena-gradient", children: [
|
|
1690
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1691
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1692
|
+
] }) })
|
|
1678
1693
|
] });
|
|
1679
|
-
const
|
|
1680
|
-
/* @__PURE__ */ jsxRuntime.jsx("
|
|
1694
|
+
const AWSGlue = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
1695
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-glue-gradient)", d: "M64 0H0v64h64z" }),
|
|
1696
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M26.4 18.4H28v-1.6h-1.6zm-1.6.8V16a.8.8 0 0 1 .8-.8h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8h-3.2a.8.8 0 0 1-.8-.8m8-5.6h1.6V12h-1.6zm-1.6.8v-3.2a.8.8 0 0 1 .8-.8h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8H32a.8.8 0 0 1-.8-.8m3.2 7.2H36V20h-1.6zm-.8-3.2h3.2a.8.8 0 0 1 .8.8v3.2a.8.8 0 0 1-.8.8h-3.2a.8.8 0 0 1-.8-.8v-3.2a.8.8 0 0 1 .8-.8M32 26.8c-1.409 0-6.517-.06-9.84-.877l8.117 12.85c.08.128.123.276.123.427v1.822c1.123.325 2.16.328 3.2.012V39.2c0-.151.043-.3.123-.427l8.116-12.85c-3.322.817-8.43.877-9.839.877m-12.597-2.246a1.06 1.06 0 0 1-.203-.604c0-2.276 7.507-2.697 11.982-2.746l.017 1.6c-5.497.06-8.857.687-10.04 1.154C22.413 24.483 26.113 25.2 32 25.2c5.87 0 9.566-.713 10.831-1.237-.517-.209-1.587-.517-3.728-.779l.194-1.588c4.85.592 5.503 1.522 5.503 2.354 0 .218-.076.418-.203.604L35.2 39.432V41.6a.8.8 0 0 1-.502.742c-.872.35-1.75.525-2.645.525-.888 0-1.794-.172-2.73-.517a.8.8 0 0 1-.523-.75v-2.168zm18.136 23.14a.8.8 0 0 1-.173.872l-4.8 4.8a.8.8 0 0 1-1.132 0l-4.8-4.8A.8.8 0 0 1 27.2 47.2h2.4v-2.4h1.6V48a.8.8 0 0 1-.8.8h-1.269L32 51.669l2.869-2.869H33.6a.8.8 0 0 1-.8-.8v-3.2h1.6v2.4h2.4a.8.8 0 0 1 .74.494", clipRule: "evenodd" }),
|
|
1697
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-glue-gradient", children: [
|
|
1681
1698
|
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1682
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", {
|
|
1683
|
-
] }) })
|
|
1699
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1700
|
+
] }) })
|
|
1701
|
+
] });
|
|
1702
|
+
const AWSKinesis = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
1684
1703
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", transform: "matrix(1.600000023841858, 0, 0, 1.600000023841858, 0, 0)", children: [
|
|
1685
|
-
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h40v40H0z", fill: "url(#
|
|
1704
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 0h40v40H0z", fill: "url(#aws-kinesis-gradient)" }),
|
|
1686
1705
|
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.886 31.107h1.005c0-4.043 2.626-8.176 22.109-8.176v-1.006c-20.368 0-23.114 4.642-23.114 9.182M12.773 34h1.004c0-3.64 0-9.14 19.223-9.14v-1.007c-18.665 0-20.227 5.013-20.227 10.147M8.004 13.75H7c0 3.555 4.788 5.81 14.233 6.75C11.788 21.438 7 23.694 7 27.25h1.004c0-2.333 3.247-6.247 24.996-6.247v-1.007c-21.749 0-24.996-3.913-24.996-6.246m2.887-3.857H9.886c0 4.54 2.746 9.181 23.114 9.181v-1.006c-19.483 0-22.11-4.133-22.11-8.175M33 16.139v1.007c-18.665 0-20.227-5.013-20.227-10.146h1.004c0 3.64 0 9.14 19.223 9.14", fill: "#FFF" })
|
|
1687
|
-
] })
|
|
1706
|
+
] }),
|
|
1707
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-kinesis-gradient", children: [
|
|
1708
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1709
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
1710
|
+
] }) })
|
|
1688
1711
|
] });
|
|
1689
1712
|
const AWSRedshift = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
1690
|
-
/* @__PURE__ */ jsxRuntime.
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
1697
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1698
|
-
] }),
|
|
1699
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_472_6151", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
|
|
1700
|
-
] })
|
|
1713
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-redshift-gradient)", d: "M64 0H0v64h64z" }),
|
|
1714
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M40.66 28.136a1.536 1.536 0 0 1-1.537-1.533 1.537 1.537 0 0 1 3.073 0c0 .846-.689 1.533-1.536 1.533m-3.892 9.324a1.536 1.536 0 0 1-1.536-1.533 1.536 1.536 0 0 1 3.072 0c0 .845-.69 1.533-1.537 1.533m-9.342-1.554a1.536 1.536 0 0 1-1.535-1.533 1.537 1.537 0 0 1 3.072 0c0 .845-.69 1.533-1.537 1.533m-3.892 8.546a1.537 1.537 0 0 1-1.536-1.533 1.537 1.537 0 0 1 3.073 0c0 .846-.689 1.533-1.537 1.533M40.66 23.474a3.136 3.136 0 0 0-3.135 3.13 3.12 3.12 0 0 0 1.34 2.557l-1.463 3.702a3.126 3.126 0 0 0-3.588 2.061l-3.272-.742a3.13 3.13 0 0 0-3.116-2.938 3.135 3.135 0 0 0-3.133 3.129 3.1 3.1 0 0 0 .819 2.09l-1.428 3.343c-.052-.003-.099-.015-.15-.015a3.135 3.135 0 0 0-3.134 3.128 3.135 3.135 0 0 0 6.27 0 3.12 3.12 0 0 0-1.455-2.632l1.26-2.949c.303.097.618.163.95.163 1.234 0 2.293-.72 2.803-1.755l3.467.787a3.135 3.135 0 0 0 6.208-.606c0-.933-.42-1.761-1.07-2.336l1.536-3.889c.098.01.191.03.291.03a3.135 3.135 0 0 0 3.134-3.129 3.136 3.136 0 0 0-3.134-3.129M32 52.804c-7.785 0-13.602-2.336-13.602-4.426V18.521c2.649 2.152 8.254 3.29 13.619 3.29 5.34 0 10.922-1.128 13.585-3.262v29.83c0 2.089-5.818 4.426-13.602 4.426m.017-41.609c8.005 0 13.585 2.377 13.585 4.51s-5.58 4.51-13.585 4.51c-8.007 0-13.585-2.376-13.585-4.51s5.578-4.51 13.585-4.51m15.183 4.51c0-3.965-7.823-6.105-15.183-6.105s-15.183 2.14-15.183 6.106l.001.02H16.8v32.652c0 3.911 7.831 6.022 15.2 6.022s15.2-2.11 15.2-6.022V15.726h-.002z", clipRule: "evenodd" }),
|
|
1715
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-redshift-gradient", children: [
|
|
1716
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1717
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
1718
|
+
] }) })
|
|
1701
1719
|
] });
|
|
1702
1720
|
const AWSMsk = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
1703
|
-
/* @__PURE__ */ jsxRuntime.
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8" }),
|
|
1710
|
-
/* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: "#A166FF" })
|
|
1711
|
-
] }),
|
|
1712
|
-
/* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "clip0_5310_1178", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "56", height: "56", rx: "4", fill: "white" }) })
|
|
1713
|
-
] })
|
|
1721
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "url(#aws-msk-gradient)", d: "M64 0H0v64h64z" }),
|
|
1722
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#fff", fillRule: "evenodd", d: "M28.807 29.582v-7.193h1.596v3.197l2.155-3.197h1.768l-2.498 3.363 2.704 3.83h-1.894l-2.235-3.477v3.477zM52.8 39.294l-.535.463c-1.078.944-2.528 1.416-3.979 1.416s-2.904-.473-3.983-1.419l-1.067-.924c-1.564-1.37-4.304-1.37-5.865-.003l-1.073.93c-2.155 1.888-5.805 1.89-7.963-.003l-1.066-.924c-1.565-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.155 1.888-5.804 1.89-7.962-.003l-.532-.46 1.045-1.21.535.464c1.566 1.372 4.305 1.372 5.866.003l1.073-.93c2.155-1.887 5.804-1.887 7.962.003l1.067.924c1.565 1.372 4.305 1.372 5.865.003l1.073-.93c2.155-1.887 5.805-1.887 7.963.003l1.066.924c1.565 1.372 4.304 1.372 5.866.003l.538-.466zm-1.681 9.618 1.045 1.208-.535.464c-1.077.944-2.527 1.415-3.978 1.415s-2.904-.472-3.984-1.418l-1.067-.924c-1.565-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.153 1.888-5.802 1.889-7.962-.003l-1.066-.924c-1.564-1.37-4.304-1.37-5.866-.003l-1.073.93c-2.154 1.888-5.803 1.889-7.962-.003l-.532-.46 1.045-1.21.535.464c1.566 1.37 4.305 1.371 5.866.003l1.073-.93c2.155-1.887 5.803-1.888 7.962.003l1.066.924c1.566 1.37 4.305 1.371 5.866.003l1.073-.93c2.156-1.887 5.804-1.888 7.962.003l1.067.924c1.566 1.37 4.305 1.371 5.865.003zm0-5.067 1.045 1.208-.535.463c-2.154 1.89-5.804 1.89-7.962-.002L42.6 44.59c-1.565-1.371-4.304-1.37-5.866-.003l-1.073.93c-1.077.944-2.527 1.415-3.977 1.415-1.452 0-2.905-.472-3.985-1.418l-1.066-.924c-1.564-1.371-4.304-1.37-5.866-.003l-1.073.93c-2.153 1.889-5.803 1.889-7.962-.003l-.532-.461 1.045-1.208.535.464c1.566 1.371 4.305 1.37 5.866.002l1.073-.93c2.155-1.887 5.805-1.889 7.962.003l1.066.924c1.566 1.372 4.305 1.371 5.866.003l1.073-.93c2.156-1.887 5.805-1.889 7.962.003l1.067.924c1.566 1.372 4.305 1.371 5.865.003zM19.226 30.381a1.6 1.6 0 0 1 0 3.197 1.6 1.6 0 0 1 0-3.197m11.976-16.783a1.6 1.6 0 0 1 0 3.197 1.6 1.6 0 0 1 0-3.197M44.774 31.98a1.6 1.6 0 0 1-1.597 1.599 1.6 1.6 0 0 1 0-3.197 1.6 1.6 0 0 1 1.597 1.598M31.202 18.393c.531 0 1.026-.143 1.468-.375l8.134 11.843c-.333.373-.578.821-.706 1.319H22.305a3.16 3.16 0 0 0-.705-1.319l8.133-11.843c.442.232.937.375 1.469.375M19.226 35.176a3.19 3.19 0 0 0 3.08-2.398h17.792a3.19 3.19 0 0 0 3.08 2.398 3.2 3.2 0 0 0 3.193-3.197 3.2 3.2 0 0 0-3.194-3.197c-.368 0-.716.076-1.046.19L33.87 16.945a3.17 3.17 0 0 0 .525-1.747A3.2 3.2 0 0 0 31.202 12a3.2 3.2 0 0 0-3.194 3.197c0 .645.195 1.245.526 1.747l-8.261 12.029a3.2 3.2 0 0 0-1.047-.19 3.2 3.2 0 0 0-3.193 3.196 3.2 3.2 0 0 0 3.193 3.197", clipRule: "evenodd" }),
|
|
1723
|
+
/* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { x1: "0%", y1: "100%", x2: "100%", y2: "0%", id: "aws-msk-gradient", children: [
|
|
1724
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#4D27A8", offset: "0" }),
|
|
1725
|
+
/* @__PURE__ */ jsxRuntime.jsx("stop", { stopColor: "#A166FF", offset: "1" })
|
|
1726
|
+
] }) })
|
|
1714
1727
|
] });
|
|
1715
1728
|
const AWS_S3 = (props) => /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "64", height: "64", viewBox: "0 0 64 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
1716
1729
|
/* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#clip0_472_6149)", children: [
|
|
@@ -2258,6 +2271,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
2258
2271
|
airbyte: Airbyte,
|
|
2259
2272
|
aws: AWSLight,
|
|
2260
2273
|
"aws-athena": AWSAthena,
|
|
2274
|
+
"aws-glue": AWSGlue,
|
|
2261
2275
|
"aws-kinesis": AWSKinesis,
|
|
2262
2276
|
"aws-msk": AWSMsk,
|
|
2263
2277
|
"aws-redshift": AWSRedshift,
|
|
@@ -2448,6 +2462,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
2448
2462
|
airbyte: Airbyte,
|
|
2449
2463
|
aws: AWSDark,
|
|
2450
2464
|
"aws-athena": AWSAthena,
|
|
2465
|
+
"aws-glue": AWSGlue,
|
|
2451
2466
|
"aws-kinesis": AWSKinesis,
|
|
2452
2467
|
"aws-msk": AWSMsk,
|
|
2453
2468
|
"aws-redshift": AWSRedshift,
|
|
@@ -9617,12 +9632,13 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9617
9632
|
componentId: "sc-1qnbjoa-1"
|
|
9618
9633
|
})(["display:flex;flex-direction:column;align-self:start;gap:", ";flex:1;width:100%;"], ({
|
|
9619
9634
|
theme: theme2
|
|
9620
|
-
}) => theme2.click.card.horizontal.space.gap);
|
|
9635
|
+
}) => theme2.click.card.horizontal.space.md.gap);
|
|
9621
9636
|
const Wrapper$9 = styled.styled.div.withConfig({
|
|
9622
9637
|
componentId: "sc-1qnbjoa-2"
|
|
9623
9638
|
})(["display:inline-flex;width:100%;max-width:100%;align-items:center;justify-content:flex-start;", ""], ({
|
|
9624
9639
|
theme: theme2,
|
|
9625
9640
|
$color,
|
|
9641
|
+
$size,
|
|
9626
9642
|
$isSelected,
|
|
9627
9643
|
$isSelectable,
|
|
9628
9644
|
$disabled
|
|
@@ -9631,8 +9647,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9631
9647
|
color: ${theme2.click.card.horizontal[$color].color.title.default};
|
|
9632
9648
|
border-radius: ${theme2.click.card.horizontal.radii.all};
|
|
9633
9649
|
border: 1px solid ${theme2.click.card.horizontal[$color].color.stroke[$isSelectable ? $isSelected ? "active" : "hover" : "default"]};
|
|
9634
|
-
|
|
9635
|
-
gap: ${theme2.click.card.horizontal.space.gap};
|
|
9650
|
+
padding: ${$size === "md" ? `${theme2.click.card.horizontal.space.md.y} ${theme2.click.card.horizontal.space.md.x}` : `${theme2.click.card.horizontal.space.sm.y} ${theme2.click.card.horizontal.space.sm.x}`};
|
|
9636
9651
|
font: ${theme2.click.card.horizontal.typography.title.default};
|
|
9637
9652
|
${Description} {
|
|
9638
9653
|
color: ${theme2.click.card.horizontal[$color].color.description.default};
|
|
@@ -9689,15 +9704,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9689
9704
|
const ContentWrapper = styled.styled.div.withConfig({
|
|
9690
9705
|
componentId: "sc-1qnbjoa-4"
|
|
9691
9706
|
})(["display:flex;flex-direction:row;width:100%;gap:", ";@media (max-width:", "){flex-direction:column;}"], ({
|
|
9692
|
-
theme: theme2
|
|
9693
|
-
|
|
9707
|
+
theme: theme2,
|
|
9708
|
+
$size
|
|
9709
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap, ({
|
|
9694
9710
|
theme: theme2
|
|
9695
9711
|
}) => theme2.breakpoint.sizes.md);
|
|
9696
9712
|
const IconTextContentWrapper = styled.styled.div.withConfig({
|
|
9697
9713
|
componentId: "sc-1qnbjoa-5"
|
|
9698
9714
|
})(["display:flex;flex-direction:row;align-items:center;width:100%;gap:", ";"], ({
|
|
9699
|
-
theme: theme2
|
|
9700
|
-
|
|
9715
|
+
theme: theme2,
|
|
9716
|
+
$size
|
|
9717
|
+
}) => $size === "md" ? theme2.click.card.horizontal.space.md.gap : theme2.click.card.horizontal.space.sm.gap);
|
|
9701
9718
|
const CardHorizontal = ({
|
|
9702
9719
|
title,
|
|
9703
9720
|
icon,
|
|
@@ -9709,6 +9726,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9709
9726
|
isSelectable = infoText ? false : true,
|
|
9710
9727
|
children,
|
|
9711
9728
|
color = "default",
|
|
9729
|
+
size: size2 = "md",
|
|
9712
9730
|
badgeText,
|
|
9713
9731
|
badgeState,
|
|
9714
9732
|
badgeIcon,
|
|
@@ -9724,8 +9742,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
9724
9742
|
window.open(infoUrl, "_blank");
|
|
9725
9743
|
}
|
|
9726
9744
|
};
|
|
9727
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { children: [
|
|
9728
|
-
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { children: [
|
|
9745
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Wrapper$9, { $disabled: disabled, $isSelected: isSelected, $isSelectable: isSelectable, $color: color, $size: size2, tabIndex: 0, onClick: handleClick, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(ContentWrapper, { $size: size2, children: [
|
|
9746
|
+
/* @__PURE__ */ jsxRuntime.jsxs(IconTextContentWrapper, { $size: size2, children: [
|
|
9729
9747
|
icon && /* @__PURE__ */ jsxRuntime.jsx(CardIcon$1, { name: icon, "aria-hidden": true }),
|
|
9730
9748
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { padding: "none", orientation: "vertical", children: [
|
|
9731
9749
|
title && /* @__PURE__ */ jsxRuntime.jsxs(Header$4, { as: Container, isResponsive: false, gap: "xs", justifyContent: "space-between", fillWidth: true, children: [
|
|
@@ -16981,7 +16999,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
16981
16999
|
};
|
|
16982
17000
|
const UploadArea$1 = styled.div.withConfig({
|
|
16983
17001
|
componentId: "sc-1rzizve-0"
|
|
16984
|
-
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
17002
|
+
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";min-height:", ";display:flex;flex-direction:", ";align-items:center;justify-content:", ";gap:", ";cursor:", ";transition:", ";", " ", ""], ({
|
|
16985
17003
|
theme: theme2
|
|
16986
17004
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
16987
17005
|
theme: theme2
|
|
@@ -16992,7 +17010,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
16992
17010
|
theme: theme2,
|
|
16993
17011
|
$hasFile,
|
|
16994
17012
|
$size
|
|
16995
|
-
}) => $hasFile || $size === "sm" ? `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}` : `${theme2.click.fileUpload.md.space.y} ${theme2.click.fileUpload.md.space.x}`, (
|
|
17013
|
+
}) => $hasFile || $size === "sm" ? `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}` : `${theme2.click.fileUpload.md.space.y} ${theme2.click.fileUpload.md.space.x}`, ({
|
|
17014
|
+
theme: theme2,
|
|
17015
|
+
$size
|
|
17016
|
+
}) => $size === "sm" ? `calc(${theme2.click.fileUpload.sm.space.y} * 2 + ${theme2.sizes[6]})` : "auto", (props) => props.$hasFile ? "row" : props.$size === "sm" ? "row" : "column", (props) => props.$hasFile ? "space-between" : props.$size === "sm" ? "space-between" : "center", ({
|
|
16996
17017
|
theme: theme2,
|
|
16997
17018
|
$size
|
|
16998
17019
|
}) => $size === "sm" ? theme2.click.fileUpload.sm.space.gap : theme2.click.fileUpload.md.space.gap, (props) => props.$hasFile ? "default" : "pointer", ({
|
|
@@ -17003,7 +17024,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17003
17024
|
theme: theme2
|
|
17004
17025
|
}) => theme2.click.fileUpload.color.background.active, ({
|
|
17005
17026
|
theme: theme2
|
|
17006
|
-
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && styled.css(["background-color:", ";border:
|
|
17027
|
+
}) => theme2.click.fileUpload.color.stroke.active)), (props) => props.$isError && styled.css(["background-color:", ";border-color:transparent;"], ({
|
|
17007
17028
|
theme: theme2
|
|
17008
17029
|
}) => theme2.click.fileUpload.color.background.error));
|
|
17009
17030
|
const FileUploadTitle$1 = styled(Title$2).withConfig({
|
|
@@ -17014,24 +17035,32 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17014
17035
|
theme: theme2,
|
|
17015
17036
|
$isNotSupported
|
|
17016
17037
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
17017
|
-
const
|
|
17038
|
+
const FileName$1 = styled(Text).withConfig({
|
|
17018
17039
|
componentId: "sc-1rzizve-2"
|
|
17019
17040
|
})(["font:", ";color:", ";"], ({
|
|
17020
17041
|
theme: theme2
|
|
17021
17042
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17022
17043
|
theme: theme2
|
|
17023
|
-
}) => theme2.click.fileUpload.color.
|
|
17024
|
-
const
|
|
17044
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
17045
|
+
const FileUploadDescription$1 = styled(Text).withConfig({
|
|
17025
17046
|
componentId: "sc-1rzizve-3"
|
|
17047
|
+
})(["font:", ";color:", ";"], ({
|
|
17048
|
+
theme: theme2
|
|
17049
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17050
|
+
theme: theme2,
|
|
17051
|
+
$isError
|
|
17052
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
17053
|
+
const DocumentIcon$1 = styled(SvgImage).withConfig({
|
|
17054
|
+
componentId: "sc-1rzizve-4"
|
|
17026
17055
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17027
17056
|
theme: theme2
|
|
17028
|
-
}) => theme2.click.fileUpload.
|
|
17057
|
+
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
17029
17058
|
theme: theme2
|
|
17030
|
-
}) => theme2.click.fileUpload.
|
|
17059
|
+
}) => theme2.click.fileUpload.md.icon.size.height, ({
|
|
17031
17060
|
theme: theme2
|
|
17032
|
-
}) => theme2.click.fileUpload.
|
|
17061
|
+
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
17033
17062
|
const UploadIcon$1 = styled(SvgImage).withConfig({
|
|
17034
|
-
componentId: "sc-1rzizve-
|
|
17063
|
+
componentId: "sc-1rzizve-5"
|
|
17035
17064
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17036
17065
|
theme: theme2
|
|
17037
17066
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -17040,16 +17069,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17040
17069
|
theme: theme2
|
|
17041
17070
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
17042
17071
|
const UploadText$1 = styled.div.withConfig({
|
|
17043
|
-
componentId: "sc-1rzizve-5"
|
|
17044
|
-
})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && styled.css(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && styled.css(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
|
|
17045
|
-
const FileInfoHeader$1 = styled.div.withConfig({
|
|
17046
17072
|
componentId: "sc-1rzizve-6"
|
|
17047
|
-
})(["display:flex;align-items:center;
|
|
17048
|
-
|
|
17049
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
17050
|
-
const FileInfo$1 = styled.div.withConfig({
|
|
17073
|
+
})(["text-align:", ";", " ", ""], (props) => props.$hasFile || props.$size === "sm" ? "left" : "center", (props) => (props.$hasFile || props.$size === "sm") && styled.css(["flex:1;"]), (props) => !props.$hasFile && props.$size === "md" && styled.css(["display:flex;flex-direction:column;align-items:center;width:100%;"]));
|
|
17074
|
+
styled.div.withConfig({
|
|
17051
17075
|
componentId: "sc-1rzizve-7"
|
|
17052
|
-
})(["display:flex;flex-direction:
|
|
17076
|
+
})(["display:flex;flex-direction:row;gap:", ";"], ({
|
|
17053
17077
|
theme: theme2
|
|
17054
17078
|
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
17055
17079
|
const FileDetails$1 = styled.div.withConfig({
|
|
@@ -17060,17 +17084,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17060
17084
|
const FileActions$1 = styled.div.withConfig({
|
|
17061
17085
|
componentId: "sc-1rzizve-9"
|
|
17062
17086
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
17063
|
-
const
|
|
17087
|
+
const FileContentContainer$1 = styled.div.withConfig({
|
|
17064
17088
|
componentId: "sc-1rzizve-10"
|
|
17065
|
-
})(["display:flex;flex-direction:
|
|
17066
|
-
|
|
17089
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:", ";"], ({
|
|
17090
|
+
$size
|
|
17091
|
+
}) => $size === "sm" ? "24px" : "auto");
|
|
17092
|
+
const ProgressBarWrapper$1 = styled.div.withConfig({
|
|
17067
17093
|
componentId: "sc-1rzizve-11"
|
|
17068
|
-
})(["
|
|
17069
|
-
const ProgressPercentage$1 = styled(Text).withConfig({
|
|
17070
|
-
componentId: "sc-1rzizve-12"
|
|
17071
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
17072
|
-
theme: theme2
|
|
17073
|
-
}) => theme2.sizes[10], ({
|
|
17094
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
17074
17095
|
theme: theme2
|
|
17075
17096
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17076
17097
|
const formatFileSize$1 = (sizeInBytes) => {
|
|
@@ -17221,26 +17242,24 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17221
17242
|
e.stopPropagation();
|
|
17222
17243
|
handleBrowseClick();
|
|
17223
17244
|
}, children: "Browse file" })
|
|
17224
|
-
] }) : /* @__PURE__ */ jsxRuntime.jsxs(
|
|
17225
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17226
|
-
|
|
17245
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
17246
|
+
/* @__PURE__ */ jsxRuntime.jsx(DocumentIcon$1, { name: "document" }),
|
|
17247
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileContentContainer$1, { $size: size2, children: [
|
|
17227
17248
|
/* @__PURE__ */ jsxRuntime.jsxs(FileDetails$1, { children: [
|
|
17228
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17229
|
-
|
|
17230
|
-
|
|
17249
|
+
/* @__PURE__ */ jsxRuntime.jsx(FileName$1, { children: truncateFilename(file.name) }),
|
|
17250
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsxs(FileUploadDescription$1, { children: [
|
|
17251
|
+
progress,
|
|
17252
|
+
"%"
|
|
17253
|
+
] }),
|
|
17254
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription$1, { $isError: true, children: failureMessage }),
|
|
17231
17255
|
showSuccess && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
17232
17256
|
] }),
|
|
17233
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17234
|
-
|
|
17235
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
17236
|
-
] })
|
|
17257
|
+
showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(ProgressBarWrapper$1, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress, type: "small" }) }),
|
|
17258
|
+
(showSuccess || !showProgress) && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription$1, { children: formatFileSize$1(file.size) })
|
|
17237
17259
|
] }),
|
|
17238
|
-
|
|
17239
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17240
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17241
|
-
progress,
|
|
17242
|
-
"%"
|
|
17243
|
-
] })
|
|
17260
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileActions$1, { children: [
|
|
17261
|
+
!showProgress && !showSuccess && /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: handleRetryUpload }),
|
|
17262
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: handleRemoveFile })
|
|
17244
17263
|
] })
|
|
17245
17264
|
] }) }),
|
|
17246
17265
|
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, style: {
|
|
@@ -17277,15 +17296,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17277
17296
|
theme: theme2,
|
|
17278
17297
|
$isNotSupported
|
|
17279
17298
|
}) => $isNotSupported ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.title.default);
|
|
17280
|
-
const
|
|
17299
|
+
const FileName = styled(Text).withConfig({
|
|
17281
17300
|
componentId: "sc-1w9rsfj-2"
|
|
17282
17301
|
})(["font:", ";color:", ";"], ({
|
|
17283
17302
|
theme: theme2
|
|
17284
17303
|
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17285
17304
|
theme: theme2
|
|
17286
|
-
}) => theme2.click.fileUpload.color.
|
|
17287
|
-
const
|
|
17305
|
+
}) => theme2.click.fileUpload.color.title.default);
|
|
17306
|
+
const FileUploadDescription = styled(Text).withConfig({
|
|
17288
17307
|
componentId: "sc-1w9rsfj-3"
|
|
17308
|
+
})(["font:", ";color:", ";"], ({
|
|
17309
|
+
theme: theme2
|
|
17310
|
+
}) => theme2.click.fileUpload.typography.description.default, ({
|
|
17311
|
+
theme: theme2,
|
|
17312
|
+
$isError
|
|
17313
|
+
}) => $isError ? theme2.click.fileUpload.color.title.error : theme2.click.fileUpload.color.description.default);
|
|
17314
|
+
const UploadIcon = styled(SvgImage).withConfig({
|
|
17315
|
+
componentId: "sc-1w9rsfj-4"
|
|
17289
17316
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17290
17317
|
theme: theme2
|
|
17291
17318
|
}) => theme2.click.fileUpload.md.icon.size.width, ({
|
|
@@ -17294,17 +17321,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17294
17321
|
theme: theme2
|
|
17295
17322
|
}) => theme2.click.fileUpload.md.color.icon.default);
|
|
17296
17323
|
const UploadText = styled.div.withConfig({
|
|
17297
|
-
componentId: "sc-1w9rsfj-
|
|
17324
|
+
componentId: "sc-1w9rsfj-5"
|
|
17298
17325
|
})(["text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;"]);
|
|
17299
17326
|
const FilesList = styled.div.withConfig({
|
|
17300
|
-
componentId: "sc-1w9rsfj-
|
|
17327
|
+
componentId: "sc-1w9rsfj-6"
|
|
17301
17328
|
})(["display:flex;flex-direction:column;gap:", ";width:100%;margin-top:", ";"], ({
|
|
17302
17329
|
theme: theme2
|
|
17303
17330
|
}) => theme2.click.fileUpload.sm.space.gap, ({
|
|
17304
17331
|
theme: theme2
|
|
17305
17332
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17306
17333
|
const FileItem = styled.div.withConfig({
|
|
17307
|
-
componentId: "sc-1w9rsfj-
|
|
17334
|
+
componentId: "sc-1w9rsfj-7"
|
|
17308
17335
|
})(["background-color:", ";border:", ";border-radius:", ";padding:", ";display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:", ";", ""], ({
|
|
17309
17336
|
theme: theme2
|
|
17310
17337
|
}) => theme2.click.fileUpload.color.background.default, ({
|
|
@@ -17315,11 +17342,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17315
17342
|
theme: theme2
|
|
17316
17343
|
}) => `${theme2.click.fileUpload.sm.space.y} ${theme2.click.fileUpload.sm.space.x}`, ({
|
|
17317
17344
|
theme: theme2
|
|
17318
|
-
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && styled.css(["background-color:", ";border:
|
|
17345
|
+
}) => theme2.click.fileUpload.sm.space.gap, (props) => props.$isError && styled.css(["background-color:", ";border-color:transparent;"], ({
|
|
17319
17346
|
theme: theme2
|
|
17320
17347
|
}) => theme2.click.fileUpload.color.background.error));
|
|
17321
17348
|
const DocumentIcon = styled(SvgImage).withConfig({
|
|
17322
|
-
componentId: "sc-1w9rsfj-
|
|
17349
|
+
componentId: "sc-1w9rsfj-8"
|
|
17323
17350
|
})(["svg{width:", ";height:", ";color:", ";}"], ({
|
|
17324
17351
|
theme: theme2
|
|
17325
17352
|
}) => theme2.click.fileUpload.sm.icon.size.width, ({
|
|
@@ -17327,35 +17354,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17327
17354
|
}) => theme2.click.fileUpload.sm.icon.size.height, ({
|
|
17328
17355
|
theme: theme2
|
|
17329
17356
|
}) => theme2.click.fileUpload.sm.color.icon.default);
|
|
17330
|
-
const FileInfoHeader = styled.div.withConfig({
|
|
17331
|
-
componentId: "sc-1w9rsfj-8"
|
|
17332
|
-
})(["display:flex;align-items:center;gap:", ";width:100%;"], ({
|
|
17333
|
-
theme: theme2
|
|
17334
|
-
}) => theme2.click.fileUpload.sm.space.gap);
|
|
17335
|
-
const FileInfo = styled.div.withConfig({
|
|
17336
|
-
componentId: "sc-1w9rsfj-9"
|
|
17337
|
-
})(["display:flex;flex-direction:column;gap:", ";flex:1;"], ({
|
|
17338
|
-
theme: theme2
|
|
17339
|
-
}) => theme2.click.fileUpload.hasFile.header.space.gap);
|
|
17340
17357
|
const FileDetails = styled.div.withConfig({
|
|
17341
|
-
componentId: "sc-1w9rsfj-
|
|
17358
|
+
componentId: "sc-1w9rsfj-9"
|
|
17342
17359
|
})(["display:flex;gap:", ";border:none;"], ({
|
|
17343
17360
|
theme: theme2
|
|
17344
17361
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17345
17362
|
const FileActions = styled.div.withConfig({
|
|
17346
|
-
componentId: "sc-1w9rsfj-
|
|
17363
|
+
componentId: "sc-1w9rsfj-10"
|
|
17347
17364
|
})(["display:flex;align-items:center;margin-left:auto;gap:0;"]);
|
|
17348
|
-
const
|
|
17365
|
+
const FileContentContainer = styled.div.withConfig({
|
|
17366
|
+
componentId: "sc-1w9rsfj-11"
|
|
17367
|
+
})(["flex:1;display:flex;flex-direction:column;justify-content:center;min-height:24px;"]);
|
|
17368
|
+
const ProgressBarWrapper = styled.div.withConfig({
|
|
17349
17369
|
componentId: "sc-1w9rsfj-12"
|
|
17350
|
-
})(["
|
|
17351
|
-
const ProgressBarContainer = styled.div.withConfig({
|
|
17352
|
-
componentId: "sc-1w9rsfj-13"
|
|
17353
|
-
})(["width:100%;flex:1;"]);
|
|
17354
|
-
const ProgressPercentage = styled(Text).withConfig({
|
|
17355
|
-
componentId: "sc-1w9rsfj-14"
|
|
17356
|
-
})(["min-width:", ";text-align:right;padding-right:", ";"], ({
|
|
17357
|
-
theme: theme2
|
|
17358
|
-
}) => theme2.sizes[10], ({
|
|
17370
|
+
})(["margin-top:", ";margin-bottom:9px;"], ({
|
|
17359
17371
|
theme: theme2
|
|
17360
17372
|
}) => theme2.click.fileUpload.md.space.gap);
|
|
17361
17373
|
const formatFileSize = (sizeInBytes) => {
|
|
@@ -17495,28 +17507,26 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
17495
17507
|
handleBrowseClick();
|
|
17496
17508
|
}, children: "Browse files" })
|
|
17497
17509
|
] }),
|
|
17498
|
-
files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxRuntime.
|
|
17499
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17500
|
-
|
|
17510
|
+
files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FilesList, { children: files.map((file) => /* @__PURE__ */ jsxRuntime.jsxs(FileItem, { $isError: file.status === "error", children: [
|
|
17511
|
+
/* @__PURE__ */ jsxRuntime.jsx(DocumentIcon, { name: "document" }),
|
|
17512
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileContentContainer, { children: [
|
|
17501
17513
|
/* @__PURE__ */ jsxRuntime.jsxs(FileDetails, { children: [
|
|
17502
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17503
|
-
|
|
17504
|
-
|
|
17514
|
+
/* @__PURE__ */ jsxRuntime.jsx(FileName, { children: truncateFilename(file.name) }),
|
|
17515
|
+
file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs(FileUploadDescription, { children: [
|
|
17516
|
+
file.progress,
|
|
17517
|
+
"%"
|
|
17518
|
+
] }),
|
|
17519
|
+
file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription, { $isError: true, children: file.errorMessage || "Upload failed" }),
|
|
17505
17520
|
file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(SvgImage, { size: "xs", state: "success", name: "check" })
|
|
17506
17521
|
] }),
|
|
17507
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17508
|
-
|
|
17509
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
17510
|
-
] })
|
|
17522
|
+
file.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx(ProgressBarWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress: file.progress, type: "small" }) }),
|
|
17523
|
+
(file.status === "success" || file.status === "error") && /* @__PURE__ */ jsxRuntime.jsx(FileUploadDescription, { children: formatFileSize(file.size) })
|
|
17511
17524
|
] }),
|
|
17512
|
-
|
|
17513
|
-
|
|
17514
|
-
/* @__PURE__ */ jsxRuntime.
|
|
17515
|
-
file.progress,
|
|
17516
|
-
"%"
|
|
17517
|
-
] })
|
|
17525
|
+
/* @__PURE__ */ jsxRuntime.jsxs(FileActions, { children: [
|
|
17526
|
+
file.status === "error" && /* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "refresh", type: "ghost", onClick: () => handleRetryUpload(file.id) }),
|
|
17527
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { size: "sm", icon: "cross", type: "ghost", onClick: () => handleRemoveFile(file.id) })
|
|
17518
17528
|
] })
|
|
17519
|
-
] }
|
|
17529
|
+
] }, file.id)) }),
|
|
17520
17530
|
/* @__PURE__ */ jsxRuntime.jsx("input", { type: "file", ref: fileInputRef, accept: acceptedFileTypes, onChange: handleFileSelect, multiple: true, style: {
|
|
17521
17531
|
display: "none"
|
|
17522
17532
|
} })
|
|
@@ -34667,18 +34677,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
34667
34677
|
};
|
|
34668
34678
|
const leftButtonDisabled = currentPage <= 1;
|
|
34669
34679
|
const rightButtonDisabled = !!totalPages && currentPage === totalPages || disableNextButton;
|
|
34670
|
-
const onKeyDown = (e) => {
|
|
34671
|
-
var _a;
|
|
34672
|
-
const isInputEnabled = !((_a = inputRef.current) == null ? void 0 : _a.disabled);
|
|
34673
|
-
if ((e.key === "ArrowUp" || e.key === "ArrowRight") && isInputEnabled && !rightButtonDisabled) {
|
|
34674
|
-
onChangeProp(currentPage + 1);
|
|
34675
|
-
} else if ((e.key === "ArrowDown" || e.key === "ArrowLeft") && isInputEnabled && !leftButtonDisabled) {
|
|
34676
|
-
const newPage = currentPage - 1;
|
|
34677
|
-
if (newPage > 0) {
|
|
34678
|
-
onChangeProp(newPage);
|
|
34679
|
-
}
|
|
34680
|
-
}
|
|
34681
|
-
};
|
|
34682
34680
|
const onChange = (value) => {
|
|
34683
34681
|
var _a;
|
|
34684
34682
|
const sanitizedValue = parseInt(value, 10);
|
|
@@ -34720,7 +34718,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
|
|
|
34720
34718
|
] }),
|
|
34721
34719
|
/* @__PURE__ */ jsxRuntime.jsxs(Container, { gap: "xxs", fillWidth: false, children: [
|
|
34722
34720
|
/* @__PURE__ */ jsxRuntime.jsx(IconButton$1, { icon: "chevron-left", type: "ghost", disabled: leftButtonDisabled, onClick: onPrevClick, "data-testid": "prev-btn" }),
|
|
34723
|
-
/* @__PURE__ */ jsxRuntime.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntime.jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false,
|
|
34721
|
+
/* @__PURE__ */ jsxRuntime.jsx(Container, { maxWidth: "50px", fillWidth: false, children: /* @__PURE__ */ jsxRuntime.jsx(NumberField, { ref: inputRef, onChange, value: currentPage, loading: false, "aria-label": currentPage.toString(), min: 1, max: totalPages, onFocus: onPageNumberFocus, hideControls: true, onBlur: onPageNumberBlur, disabled: leftButtonDisabled && rightButtonDisabled }) }),
|
|
34724
34722
|
!!totalPages && /* @__PURE__ */ jsxRuntime.jsxs(Text, { component: "div", color: "muted", size: "sm", children: [
|
|
34725
34723
|
"of ",
|
|
34726
34724
|
formatNumber(totalPages)
|
|
@@ -48659,9 +48657,16 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
48659
48657
|
}
|
|
48660
48658
|
},
|
|
48661
48659
|
space: {
|
|
48662
|
-
|
|
48663
|
-
|
|
48664
|
-
|
|
48660
|
+
md: {
|
|
48661
|
+
y: "0.75rem",
|
|
48662
|
+
x: "1rem",
|
|
48663
|
+
gap: "1rem"
|
|
48664
|
+
},
|
|
48665
|
+
sm: {
|
|
48666
|
+
y: "0.5rem",
|
|
48667
|
+
x: "0.75rem",
|
|
48668
|
+
gap: "0.75rem"
|
|
48669
|
+
}
|
|
48665
48670
|
},
|
|
48666
48671
|
"default": {
|
|
48667
48672
|
color: {
|