@ctlyst.id/voila-ui 10.0.1 → 11.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -4987,7 +4987,7 @@ Search.displayName = "Search";
|
|
|
4987
4987
|
var search_default = Search;
|
|
4988
4988
|
|
|
4989
4989
|
// src/components/switch/switch.tsx
|
|
4990
|
-
var
|
|
4990
|
+
var import_v28 = require("@ctlyst.id/icons/v2");
|
|
4991
4991
|
var import_react_switch = require("@radix-ui/react-switch");
|
|
4992
4992
|
var import_clsx38 = __toESM(require("clsx"));
|
|
4993
4993
|
var import_react64 = require("react");
|
|
@@ -5001,7 +5001,7 @@ var switchThumbVariant = (0, import_createRuntimeFn25.createRuntimeFn)({ default
|
|
|
5001
5001
|
// src/components/switch/switch.tsx
|
|
5002
5002
|
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5003
5003
|
var ICON_SIZE = {
|
|
5004
|
-
normal:
|
|
5004
|
+
normal: 24,
|
|
5005
5005
|
small: 16
|
|
5006
5006
|
};
|
|
5007
5007
|
var Switch = (0, import_react64.forwardRef)(
|
|
@@ -5023,7 +5023,7 @@ var Switch = (0, import_react64.forwardRef)(
|
|
|
5023
5023
|
variant: size
|
|
5024
5024
|
})
|
|
5025
5025
|
),
|
|
5026
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5026
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_v28.Check, { className: checkThumb, size: ICON_SIZE[size] })
|
|
5027
5027
|
}
|
|
5028
5028
|
)
|
|
5029
5029
|
}
|
|
@@ -5035,7 +5035,7 @@ Switch.displayName = "Switch";
|
|
|
5035
5035
|
var import_react66 = require("react");
|
|
5036
5036
|
|
|
5037
5037
|
// src/components/table/sort-button.tsx
|
|
5038
|
-
var
|
|
5038
|
+
var import_icons4 = require("@ctlyst.id/icons");
|
|
5039
5039
|
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
5040
5040
|
var SortButton = ({ accessor, sortColumn, sortable = false, "data-test-id": testId = "" }) => {
|
|
5041
5041
|
const isActiveSort = sortColumn.by === accessor;
|
|
@@ -5043,8 +5043,8 @@ var SortButton = ({ accessor, sortColumn, sortable = false, "data-test-id": test
|
|
|
5043
5043
|
const isAscendant = sortColumn.order === "ASC";
|
|
5044
5044
|
if (!sortable) return null;
|
|
5045
5045
|
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(flex_default, { flexDirection: "column", "data-test-id": testId, children: [
|
|
5046
|
-
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5047
|
-
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5046
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_icons4.IconChevronUp, { size: 10, color: isActiveSort && isDescendant ? "white" : "grey" }),
|
|
5047
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_icons4.IconChevronDown, { size: 10, color: isActiveSort && isAscendant ? "white" : "grey" })
|
|
5048
5048
|
] });
|
|
5049
5049
|
};
|
|
5050
5050
|
var sort_button_default = SortButton;
|
|
@@ -5576,7 +5576,7 @@ Toaster.displayName = "Toaster";
|
|
|
5576
5576
|
var toaster_default = Toaster;
|
|
5577
5577
|
|
|
5578
5578
|
// src/components/tooltip/tooltip.tsx
|
|
5579
|
-
var
|
|
5579
|
+
var import_icons5 = require("@ctlyst.id/icons");
|
|
5580
5580
|
var import_voila_ui_core14 = require("@ctlyst.id/voila-ui-core");
|
|
5581
5581
|
var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
|
|
5582
5582
|
var import_dynamic = require("@vanilla-extract/dynamic");
|
|
@@ -5638,7 +5638,7 @@ var Tooltip = (0, import_react72.forwardRef)(
|
|
|
5638
5638
|
className: (0, import_clsx43.default)(tooltipContentStyle, commonClass, borderClass),
|
|
5639
5639
|
children: [
|
|
5640
5640
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(flex_default, { gap: "$6", children: [
|
|
5641
|
-
withIcon && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(flex_default, { width: "$24", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
5641
|
+
withIcon && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(flex_default, { width: "$24", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons5.IconHelpSolid, { size: 24 }) }),
|
|
5642
5642
|
content
|
|
5643
5643
|
] }),
|
|
5644
5644
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|