@refinn/core-ui 0.1.12 → 0.1.14

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.
Files changed (3) hide show
  1. package/dist/index.cjs +16 -8
  2. package/dist/index.js +16 -8
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -823,7 +823,9 @@ var Checkbox = (0, import_react8.forwardRef)(
823
823
  disabled = false,
824
824
  className = "",
825
825
  id,
826
- defaultChecked
826
+ checked,
827
+ defaultChecked,
828
+ onChange
827
829
  } = _b, rest = __objRest(_b, [
828
830
  "size",
829
831
  "label",
@@ -834,11 +836,17 @@ var Checkbox = (0, import_react8.forwardRef)(
834
836
  "disabled",
835
837
  "className",
836
838
  "id",
837
- "defaultChecked"
839
+ "checked",
840
+ "defaultChecked",
841
+ "onChange"
838
842
  ]);
839
843
  const reactId = (0, import_react8.useId)();
840
844
  const inputId = id != null ? id : reactId;
841
- const [isChecked, setIsChecked] = (0, import_react8.useState)(defaultChecked != null ? defaultChecked : false);
845
+ const isControlled = checked !== void 0;
846
+ const [uncontrolledChecked, setUncontrolledChecked] = (0, import_react8.useState)(
847
+ defaultChecked != null ? defaultChecked : false
848
+ );
849
+ const isChecked = isControlled ? checked : uncontrolledChecked;
842
850
  const active = isChecked || indeterminate;
843
851
  let bgClass;
844
852
  let borderClass;
@@ -883,11 +891,11 @@ var Checkbox = (0, import_react8.forwardRef)(
883
891
  ref,
884
892
  id: inputId,
885
893
  type: "checkbox",
886
- defaultChecked,
894
+ checked: isControlled ? checked : void 0,
895
+ defaultChecked: isControlled ? void 0 : defaultChecked,
887
896
  onChange: (e) => {
888
- var _a2;
889
- setIsChecked(e.target.checked);
890
- (_a2 = rest.onChange) == null ? void 0 : _a2.call(rest, e);
897
+ if (!isControlled) setUncontrolledChecked(e.target.checked);
898
+ onChange == null ? void 0 : onChange(e);
891
899
  },
892
900
  disabled,
893
901
  "aria-checked": indeterminate ? "mixed" : isChecked,
@@ -1564,7 +1572,7 @@ var Dropdown = (0, import_react13.forwardRef)(
1564
1572
  const triggerClassName = `w-full rounded-6 text-body-small px-16 inline-flex gap-8 items-center border
1565
1573
  ${size === "lg" ? "h-48 py-16" : "h-40 py-12"}
1566
1574
  ${!isCombobox ? disabled ? "text-dropdown-text-disabled cursor-not-allowed" : value ? "text-dropdown-text-primary cursor-pointer" : "text-dropdown-text-secondary cursor-pointer" : ""}
1567
- ${disabled ? "pointer-events-none bg-dropdown-background-disabled border-dropdown-border-disabled" : error ? "bg-dropdown-background-enabled border-dropdown-border-danger ring-1 ring-inset ring-dropdown-border-danger" : isOpen ? "bg-dropdown-background-enabled border-dropdown-border-active ring-1 ring-inset ring-dropdown-border-active" : isFocused ? "bg-dropdown-background-enabled border-dropdown-border-focus ring-1 ring-inset ring-dropdown-border-focus" : "bg-dropdown-background-enabled border-dropdown-border-enabled hover:border-dropdown-border-hover"}
1575
+ ${disabled ? "pointer-events-none bg-dropdown-background-disabled border-dropdown-border-disabled" : error ? `bg-dropdown-background-enabled border-dropdown-border-danger ${isOpen ? "ring-1 ring-inset ring-dropdown-border-danger" : ""}` : isOpen ? "bg-dropdown-background-enabled border-dropdown-border-active ring-1 ring-inset ring-dropdown-border-active" : isFocused ? "bg-dropdown-background-enabled border-dropdown-border-focus ring-1 ring-inset ring-dropdown-border-focus" : "bg-dropdown-background-enabled border-dropdown-border-enabled hover:border-dropdown-border-hover"}
1568
1576
  ${className}`;
1569
1577
  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "w-full flex flex-col gap-4 font-sans", children: [
1570
1578
  label ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
package/dist/index.js CHANGED
@@ -787,7 +787,9 @@ var Checkbox = forwardRef8(
787
787
  disabled = false,
788
788
  className = "",
789
789
  id,
790
- defaultChecked
790
+ checked,
791
+ defaultChecked,
792
+ onChange
791
793
  } = _b, rest = __objRest(_b, [
792
794
  "size",
793
795
  "label",
@@ -798,11 +800,17 @@ var Checkbox = forwardRef8(
798
800
  "disabled",
799
801
  "className",
800
802
  "id",
801
- "defaultChecked"
803
+ "checked",
804
+ "defaultChecked",
805
+ "onChange"
802
806
  ]);
803
807
  const reactId = useId2();
804
808
  const inputId = id != null ? id : reactId;
805
- const [isChecked, setIsChecked] = useState2(defaultChecked != null ? defaultChecked : false);
809
+ const isControlled = checked !== void 0;
810
+ const [uncontrolledChecked, setUncontrolledChecked] = useState2(
811
+ defaultChecked != null ? defaultChecked : false
812
+ );
813
+ const isChecked = isControlled ? checked : uncontrolledChecked;
806
814
  const active = isChecked || indeterminate;
807
815
  let bgClass;
808
816
  let borderClass;
@@ -847,11 +855,11 @@ var Checkbox = forwardRef8(
847
855
  ref,
848
856
  id: inputId,
849
857
  type: "checkbox",
850
- defaultChecked,
858
+ checked: isControlled ? checked : void 0,
859
+ defaultChecked: isControlled ? void 0 : defaultChecked,
851
860
  onChange: (e) => {
852
- var _a2;
853
- setIsChecked(e.target.checked);
854
- (_a2 = rest.onChange) == null ? void 0 : _a2.call(rest, e);
861
+ if (!isControlled) setUncontrolledChecked(e.target.checked);
862
+ onChange == null ? void 0 : onChange(e);
855
863
  },
856
864
  disabled,
857
865
  "aria-checked": indeterminate ? "mixed" : isChecked,
@@ -1544,7 +1552,7 @@ var Dropdown = forwardRef13(
1544
1552
  const triggerClassName = `w-full rounded-6 text-body-small px-16 inline-flex gap-8 items-center border
1545
1553
  ${size === "lg" ? "h-48 py-16" : "h-40 py-12"}
1546
1554
  ${!isCombobox ? disabled ? "text-dropdown-text-disabled cursor-not-allowed" : value ? "text-dropdown-text-primary cursor-pointer" : "text-dropdown-text-secondary cursor-pointer" : ""}
1547
- ${disabled ? "pointer-events-none bg-dropdown-background-disabled border-dropdown-border-disabled" : error ? "bg-dropdown-background-enabled border-dropdown-border-danger ring-1 ring-inset ring-dropdown-border-danger" : isOpen ? "bg-dropdown-background-enabled border-dropdown-border-active ring-1 ring-inset ring-dropdown-border-active" : isFocused ? "bg-dropdown-background-enabled border-dropdown-border-focus ring-1 ring-inset ring-dropdown-border-focus" : "bg-dropdown-background-enabled border-dropdown-border-enabled hover:border-dropdown-border-hover"}
1555
+ ${disabled ? "pointer-events-none bg-dropdown-background-disabled border-dropdown-border-disabled" : error ? `bg-dropdown-background-enabled border-dropdown-border-danger ${isOpen ? "ring-1 ring-inset ring-dropdown-border-danger" : ""}` : isOpen ? "bg-dropdown-background-enabled border-dropdown-border-active ring-1 ring-inset ring-dropdown-border-active" : isFocused ? "bg-dropdown-background-enabled border-dropdown-border-focus ring-1 ring-inset ring-dropdown-border-focus" : "bg-dropdown-background-enabled border-dropdown-border-enabled hover:border-dropdown-border-hover"}
1548
1556
  ${className}`;
1549
1557
  return /* @__PURE__ */ jsxs12("div", { className: "w-full flex flex-col gap-4 font-sans", children: [
1550
1558
  label ? /* @__PURE__ */ jsx13(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@refinn/core-ui",
3
- "version": "0.1.12",
3
+ "version": "0.1.14",
4
4
  "description": "Refinn Design System — UI components + Tailwind v4 theme preset",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.js",