@ctlyst.id/voila-ui 8.0.0 → 8.1.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 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4911,7 +4911,6 @@ var RadioGroupDefault = ({ className, children, ...props }) => {
|
|
|
4911
4911
|
var radio_group_default = RadioGroupDefault;
|
|
4912
4912
|
|
|
4913
4913
|
// src/components/search/search.tsx
|
|
4914
|
-
var import_icons4 = require("@ctlyst.id/icons");
|
|
4915
4914
|
var import_v27 = require("@ctlyst.id/icons/v2");
|
|
4916
4915
|
var import_clsx37 = __toESM(require("clsx"));
|
|
4917
4916
|
var import_react63 = require("react");
|
|
@@ -4960,7 +4959,7 @@ var Search = (0, import_react63.forwardRef)(
|
|
|
4960
4959
|
return false;
|
|
4961
4960
|
}, [isFocused, value, withIcon]);
|
|
4962
4961
|
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(box_default, { className: container, children: [
|
|
4963
|
-
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(leftIconContainer), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
4962
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(box_default, { className: (0, import_clsx37.default)(leftIconContainer), children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_v27.Search, { size: 24 }) }),
|
|
4964
4963
|
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
4965
4964
|
"input",
|
|
4966
4965
|
{
|
|
@@ -4982,7 +4981,7 @@ Search.displayName = "Search";
|
|
|
4982
4981
|
var search_default = Search;
|
|
4983
4982
|
|
|
4984
4983
|
// src/components/switch/switch.tsx
|
|
4985
|
-
var
|
|
4984
|
+
var import_icons4 = require("@ctlyst.id/icons");
|
|
4986
4985
|
var import_react_switch = require("@radix-ui/react-switch");
|
|
4987
4986
|
var import_clsx38 = __toESM(require("clsx"));
|
|
4988
4987
|
var import_react64 = require("react");
|
|
@@ -5018,7 +5017,7 @@ var Switch = (0, import_react64.forwardRef)(
|
|
|
5018
5017
|
variant: size
|
|
5019
5018
|
})
|
|
5020
5019
|
),
|
|
5021
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5020
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_icons4.IconCheck, { className: checkThumb, size: ICON_SIZE[size] })
|
|
5022
5021
|
}
|
|
5023
5022
|
)
|
|
5024
5023
|
}
|
|
@@ -5030,7 +5029,7 @@ Switch.displayName = "Switch";
|
|
|
5030
5029
|
var import_react66 = require("react");
|
|
5031
5030
|
|
|
5032
5031
|
// src/components/table/sort-button.tsx
|
|
5033
|
-
var
|
|
5032
|
+
var import_icons5 = require("@ctlyst.id/icons");
|
|
5034
5033
|
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
5035
5034
|
var SortButton = ({ accessor, sortColumn, sortable = false, "data-test-id": testId = "" }) => {
|
|
5036
5035
|
const isActiveSort = sortColumn.by === accessor;
|
|
@@ -5038,8 +5037,8 @@ var SortButton = ({ accessor, sortColumn, sortable = false, "data-test-id": test
|
|
|
5038
5037
|
const isAscendant = sortColumn.order === "ASC";
|
|
5039
5038
|
if (!sortable) return null;
|
|
5040
5039
|
return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(flex_default, { flexDirection: "column", "data-test-id": testId, children: [
|
|
5041
|
-
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5042
|
-
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
5040
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_icons5.IconChevronUp, { size: 10, color: isActiveSort && isDescendant ? "white" : "grey" }),
|
|
5041
|
+
/* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_icons5.IconChevronDown, { size: 10, color: isActiveSort && isAscendant ? "white" : "grey" })
|
|
5043
5042
|
] });
|
|
5044
5043
|
};
|
|
5045
5044
|
var sort_button_default = SortButton;
|
|
@@ -5571,7 +5570,7 @@ Toaster.displayName = "Toaster";
|
|
|
5571
5570
|
var toaster_default = Toaster;
|
|
5572
5571
|
|
|
5573
5572
|
// src/components/tooltip/tooltip.tsx
|
|
5574
|
-
var
|
|
5573
|
+
var import_icons6 = require("@ctlyst.id/icons");
|
|
5575
5574
|
var import_voila_ui_core14 = require("@ctlyst.id/voila-ui-core");
|
|
5576
5575
|
var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
|
|
5577
5576
|
var import_dynamic = require("@vanilla-extract/dynamic");
|
|
@@ -5633,7 +5632,7 @@ var Tooltip = (0, import_react72.forwardRef)(
|
|
|
5633
5632
|
className: (0, import_clsx43.default)(tooltipContentStyle, commonClass, borderClass),
|
|
5634
5633
|
children: [
|
|
5635
5634
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(flex_default, { gap: "$6", children: [
|
|
5636
|
-
withIcon && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(flex_default, { width: "$24", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
5635
|
+
withIcon && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(flex_default, { width: "$24", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_icons6.IconHelpSolid, { size: 24 }) }),
|
|
5637
5636
|
content
|
|
5638
5637
|
] }),
|
|
5639
5638
|
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|