@synerise/ds-checkbox 1.2.20 → 1.2.21

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.21](https://github.com/synerise/synerise-design/compare/@synerise/ds-checkbox@1.2.20...@synerise/ds-checkbox@1.2.21) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-checkbox
+
 ## [1.2.20](https://github.com/synerise/synerise-design/compare/@synerise/ds-checkbox@1.2.19...@synerise/ds-checkbox@1.2.20) (2026-03-20)
 
 **Note:** Version bump only for package @synerise/ds-checkbox

package/dist/Checkbox.d.ts

@@ -1,9 +1,7 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import { type CheckboxProps } from './Checkbox.types';
-import './style/index.less';
+import { default as React } from 'react';
+import { CheckboxProps } from './Checkbox.types';
 export declare const Checkbox: {
     (props: CheckboxProps): React.JSX.Element;
-    Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd/lib/checkbox").CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>>;
+    Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import('antd/lib/checkbox').CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>>;
 };
 export default Checkbox;

package/dist/Checkbox.js

@@ -1,14 +1,17 @@
-import React from 'react';
-import '@synerise/ds-core/dist/js/style';
-import * as S from './Checkbox.styles';
-import { CheckboxBase, CheckboxTristate } from './components';
+import { jsx } from "react/jsx-runtime";
+import { AntdCheckbox } from "./Checkbox.styles.js";
+import { CheckboxBase } from "./components/CheckboxBase.js";
+import { CheckboxTristate } from "./components/CheckboxTristate.js";
+import { isTristateCheckbox } from "./utils/isTristateCheckbox.js";
 import "./style/index.css";
-import { isTristateCheckbox } from './utils';
-export var Checkbox = function Checkbox(props) {
+const Checkbox = (props) => {
   if (isTristateCheckbox(props)) {
-    return /*#__PURE__*/React.createElement(CheckboxTristate, props);
+    return /* @__PURE__ */ jsx(CheckboxTristate, { ...props });
   }
-  return /*#__PURE__*/React.createElement(CheckboxBase, props);
+  return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
+};
+Checkbox.Group = AntdCheckbox.Group;
+export {
+  Checkbox,
+  Checkbox as default
 };
-Checkbox.Group = S.AntdCheckbox.Group;
-export default Checkbox;

package/dist/Checkbox.styles.d.ts

@@ -1,15 +1,15 @@
-import BaseAntCheckbox, { type CheckboxProps } from 'antd/lib/checkbox';
+import { default as BaseAntCheckbox, CheckboxProps } from 'antd/lib/checkbox';
 /**
  * error TS4023: Exported variable 'AntdCheckbox' has or is using name 'CompoundedComponent' from external module "/Users/biedronne/Documents/Work/DS2/synerise-design/node_modules/antd/lib/checkbox/index" but cannot be named.
  */
 type CompoundedComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
     Group: typeof BaseAntCheckbox.Group;
 };
-export declare const AntdCheckbox: import("styled-components").StyledComponent<CompoundedComponent, any, {
+export declare const AntdCheckbox: import('styled-components').StyledComponent<CompoundedComponent, any, {
     $solo: boolean;
 }, never>;
-export declare const AdditionalData: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CheckboxWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const AdditionalData: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const CheckboxWrapper: import('styled-components').StyledComponent<"div", any, {
     withoutPadding: boolean;
 }, never>;
 export {};

package/dist/Checkbox.styles.js

@@ -1,47 +1,25 @@
-import BaseAntCheckbox from 'antd/lib/checkbox';
-import styled, { css } from 'styled-components';
-var checkSvgWithCustomColor = function checkSvgWithCustomColor(color) {
-  var colorValueForSvg = color.replace(/#/, '%23');
-  var iconWithColor = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 18 18' >/><path fill='none' d='M0 0h24v24H0z' /><path style='fill: " + colorValueForSvg + ";' stroke-width='1' stroke='" + colorValueForSvg + "' d='M10.61 15.744a.75.75 0 01-.535-.224l-3.11-3.162a.75.75 0 011.07-1.052l2.575 2.618 5.355-5.444a.75.75 0 111.07 1.052l-5.89 5.988a.75.75 0 01-.535.224z'/></svg>";
+import BaseAntCheckbox from "antd/lib/checkbox";
+import styled, { css } from "styled-components";
+const checkSvgWithCustomColor = (color) => {
+  const colorValueForSvg = color.replace(/#/, "%23");
+  const iconWithColor = `data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='3 3 18 18' >/><path fill='none' d='M0 0h24v24H0z' /><path style='fill: ${colorValueForSvg};' stroke-width='1' stroke='${colorValueForSvg}' d='M10.61 15.744a.75.75 0 01-.535-.224l-3.11-3.162a.75.75 0 011.07-1.052l2.575 2.618 5.355-5.444a.75.75 0 111.07 1.052l-5.89 5.988a.75.75 0 01-.535.224z'/></svg>`;
   return iconWithColor;
 };
-var soloCss = css(["padding:4px;"]);
-
-/**
- * error TS4023: Exported variable 'AntdCheckbox' has or is using name 'CompoundedComponent' from external module "/Users/biedronne/Documents/Work/DS2/synerise-design/node_modules/antd/lib/checkbox/index" but cannot be named.
- */
-
-export var AntdCheckbox = styled(BaseAntCheckbox).withConfig({
+const soloCss = /* @__PURE__ */ css(["padding:4px;"]);
+const AntdCheckbox = /* @__PURE__ */ styled(BaseAntCheckbox).withConfig({
   displayName: "Checkboxstyles__AntdCheckbox",
   componentId: "sc-10i9aa0-0"
-})(["&&{display:flex;align-items:center;line-height:1;", ";.ant-checkbox{top:0;}}.ant-checkbox-input:focus + .ant-checkbox-inner{border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";}&& > .ant-checkbox-disabled.ant-checkbox-checked > span.ant-checkbox-inner{background-image:", ";}&& > .ant-checkbox-checked > span.ant-checkbox-inner{background-image:", ";::after{display:none;}:focus{border:none;}}&&{> .ant-checkbox-indeterminate,.ant-checkbox-indeterminate.ant-checkbox-checked{> span.ant-checkbox-inner{background-color:", ";border:1px solid ", ";background-image:none;::after{background:#fff;height:2px;display:table;left:50%;}}}:hover{> .ant-checkbox-indeterminate,.ant-checkbox-indeterminate.ant-checkbox-checked{> span.ant-checkbox-inner{background-color:", ";}}}}&&:hover > .ant-checkbox:not(.ant-checkbox-checked):not( .ant-checkbox-indeterminate ):not(.ant-checkbox-disabled) > span.ant-checkbox-inner{border-width:1px;border-style:solid;border-color:", " !important;outline:none;background-image:", ";}"], function (props) {
-  return props.$solo && soloCss;
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return "url(\"" + checkSvgWithCustomColor(props.theme.palette['grey-400']) + "\")";
-}, function (props) {
-  return "url(\"" + checkSvgWithCustomColor(props.theme.palette.white) + "\")";
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return props.theme.palette['blue-500'];
-}, function (props) {
-  return props.theme.palette['blue-600'];
-}, function (props) {
-  return "url(\"" + checkSvgWithCustomColor(props.theme.palette['blue-600']) + "\")";
-});
-export var AdditionalData = styled.div.withConfig({
+})(["&&{display:flex;align-items:center;line-height:1;", ";.ant-checkbox{top:0;}}.ant-checkbox-input:focus + .ant-checkbox-inner{border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";}&& > .ant-checkbox-disabled.ant-checkbox-checked > span.ant-checkbox-inner{background-image:", ";}&& > .ant-checkbox-checked > span.ant-checkbox-inner{background-image:", ";::after{display:none;}:focus{border:none;}}&&{> .ant-checkbox-indeterminate,.ant-checkbox-indeterminate.ant-checkbox-checked{> span.ant-checkbox-inner{background-color:", ";border:1px solid ", ";background-image:none;::after{background:#fff;height:2px;display:table;left:50%;}}}:hover{> .ant-checkbox-indeterminate,.ant-checkbox-indeterminate.ant-checkbox-checked{> span.ant-checkbox-inner{background-color:", ";}}}}&&:hover > .ant-checkbox:not(.ant-checkbox-checked):not( .ant-checkbox-indeterminate ):not(.ant-checkbox-disabled) > span.ant-checkbox-inner{border-width:1px;border-style:solid;border-color:", " !important;outline:none;background-image:", ";}"], (props) => props.$solo && soloCss, (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"], (props) => `url("${checkSvgWithCustomColor(props.theme.palette["grey-400"])}")`, (props) => `url("${checkSvgWithCustomColor(props.theme.palette.white)}")`, (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-500"], (props) => props.theme.palette["blue-600"], (props) => `url("${checkSvgWithCustomColor(props.theme.palette["blue-600"])}")`);
+const AdditionalData = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Checkboxstyles__AdditionalData",
   componentId: "sc-10i9aa0-1"
 })(["margin:2px 12px 0px 28px;"]);
-export var CheckboxWrapper = styled.div.withConfig({
+const CheckboxWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Checkboxstyles__CheckboxWrapper",
   componentId: "sc-10i9aa0-2"
-})(["display:flex;padding:", ";flex-direction:column;"], function (props) {
-  return props.withoutPadding ? '0' : '4px 12px 8px 8px';
-});
+})(["display:flex;padding:", ";flex-direction:column;"], (props) => props.withoutPadding ? "0" : "4px 12px 8px 8px");
+export {
+  AdditionalData,
+  AntdCheckbox,
+  CheckboxWrapper
+};

package/dist/Checkbox.types.d.ts

@@ -1,5 +1,5 @@
-import type { AbstractCheckboxProps, CheckboxProps as AntCheckboxProps } from 'antd/lib/checkbox/Checkbox';
-import type { ReactNode } from 'react';
+import { AbstractCheckboxProps, CheckboxProps as AntCheckboxProps } from 'antd/lib/checkbox/Checkbox';
+import { ReactNode } from 'react';
 export type BaseCheckboxProps = {
     description?: ReactNode;
     errorText?: string;

package/dist/Checkbox.types.js

@@ -1 +1 @@
-export {};
+

package/dist/components/CheckboxBase.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { CheckboxBaseProps } from '../Checkbox.types';
+import { default as React } from 'react';
+import { CheckboxBaseProps } from '../Checkbox.types';
 export declare const CheckboxBase: ({ description, errorText, children, withoutPadding, hasError, ...antdCheckboxProps }: CheckboxBaseProps) => React.JSX.Element;

package/dist/components/CheckboxBase.js

@@ -1,23 +1,22 @@
-var _excluded = ["description", "errorText", "children", "withoutPadding", "hasError"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import { Description, ErrorText } from '@synerise/ds-typography';
-import * as S from '../Checkbox.styles';
-export var CheckboxBase = function CheckboxBase(_ref) {
-  var description = _ref.description,
-    errorText = _ref.errorText,
-    children = _ref.children,
-    withoutPadding = _ref.withoutPadding,
-    hasError = _ref.hasError,
-    antdCheckboxProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.CheckboxWrapper, {
-    className: "ds-checkbox",
-    withoutPadding: Boolean(withoutPadding)
-  }, /*#__PURE__*/React.createElement(S.AntdCheckbox, _extends({}, antdCheckboxProps, {
-    className: hasError || errorText ? 'error' : undefined,
-    $solo: !children && !errorText && !description
-  }), children), (errorText || description) && /*#__PURE__*/React.createElement(S.AdditionalData, null, errorText && /*#__PURE__*/React.createElement(ErrorText, null, errorText), description && /*#__PURE__*/React.createElement(Description, {
-    disabled: antdCheckboxProps.disabled
-  }, description)));
-};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ErrorText, Description } from "@synerise/ds-typography";
+import { CheckboxWrapper, AntdCheckbox, AdditionalData } from "../Checkbox.styles.js";
+const CheckboxBase = ({
+  description,
+  errorText,
+  children,
+  withoutPadding,
+  hasError,
+  ...antdCheckboxProps
+}) => {
+  return /* @__PURE__ */ jsxs(CheckboxWrapper, { className: "ds-checkbox", withoutPadding: Boolean(withoutPadding), children: [
+    /* @__PURE__ */ jsx(AntdCheckbox, { ...antdCheckboxProps, className: hasError || errorText ? "error" : void 0, $solo: !children && !errorText && !description, children }),
+    (errorText || description) && /* @__PURE__ */ jsxs(AdditionalData, { children: [
+      errorText && /* @__PURE__ */ jsx(ErrorText, { children: errorText }),
+      description && /* @__PURE__ */ jsx(Description, { disabled: antdCheckboxProps.disabled, children: description })
+    ] })
+  ] });
+};
+export {
+  CheckboxBase
+};

package/dist/components/CheckboxTristate.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type CheckboxTristateProps } from '../Checkbox.types';
+import { default as React } from 'react';
+import { CheckboxTristateProps } from '../Checkbox.types';
 export declare const CheckboxTristate: (props: CheckboxTristateProps) => React.JSX.Element;

package/dist/components/CheckboxTristate.js

@@ -1,26 +1,23 @@
-var _excluded = ["checked", "defaultChecked", "onChange", "tristate"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useEffect, useState } from 'react';
-import { checkedValue, nextCheckedValues } from '../utils';
-import { CheckboxBase } from './CheckboxBase';
-export var CheckboxTristate = function CheckboxTristate(props) {
-  var checked = props.checked,
-    defaultChecked = props.defaultChecked,
-    onChange = props.onChange,
-    tristate = props.tristate,
-    restProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var initialChecked = 'checked' in props ? checked : defaultChecked;
-  var isControlled = 'checked' in props;
-  var _useState = useState(initialChecked),
-    currentChecked = _useState[0],
-    setChecked = _useState[1];
-  var _useState2 = useState(initialChecked === undefined),
-    indeterminate = _useState2[0],
-    setIndeterminate = _useState2[1];
-  useEffect(function () {
+import { jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { checkedValue } from "../utils/checkedValue.js";
+import { nextCheckedValues } from "../utils/nextCheckedValues.js";
+import { CheckboxBase } from "./CheckboxBase.js";
+const CheckboxTristate = (props) => {
+  const {
+    checked,
+    defaultChecked,
+    onChange,
+    tristate,
+    ...restProps
+  } = props;
+  const initialChecked = "checked" in props ? checked : defaultChecked;
+  const isControlled = "checked" in props;
+  const [currentChecked, setChecked] = useState(initialChecked);
+  const [indeterminate, setIndeterminate] = useState(initialChecked === void 0);
+  useEffect(() => {
     if (isControlled && (checked !== currentChecked || checked === false && currentChecked === false)) {
-      if (checked === undefined) {
+      if (checked === void 0) {
         setIndeterminate(true);
         setChecked(false);
       } else {
@@ -29,21 +26,20 @@ export var CheckboxTristate = function CheckboxTristate(props) {
       }
     }
   }, [isControlled, checked, currentChecked]);
-  var handleOnChange = function handleOnChange(event) {
-    var _nextCheckedValues = nextCheckedValues(currentChecked, indeterminate),
-      newChecked = _nextCheckedValues[0],
-      newIndeterminate = _nextCheckedValues[1];
-    var tristateEvent = _extends({}, event);
+  const handleOnChange = (event) => {
+    const [newChecked, newIndeterminate] = nextCheckedValues(currentChecked, indeterminate);
+    const tristateEvent = {
+      ...event
+    };
     tristateEvent.target.checked = checkedValue(newChecked, newIndeterminate);
     if (!isControlled) {
       setChecked(newChecked);
       setIndeterminate(newIndeterminate);
     }
-    typeof onChange === 'function' && onChange(tristateEvent);
+    typeof onChange === "function" && onChange(tristateEvent);
   };
-  return /*#__PURE__*/React.createElement(CheckboxBase, _extends({
-    checked: currentChecked,
-    indeterminate: indeterminate,
-    onChange: handleOnChange
-  }, restProps));
-};
+  return /* @__PURE__ */ jsx(CheckboxBase, { checked: currentChecked, indeterminate, onChange: handleOnChange, ...restProps });
+};
+export {
+  CheckboxTristate
+};

package/dist/components/index.js

@@ -1,2 +1,6 @@
-export { CheckboxBase } from './CheckboxBase';
-export { CheckboxTristate } from './CheckboxTristate';
+import { CheckboxBase } from "./CheckboxBase.js";
+import { CheckboxTristate } from "./CheckboxTristate.js";
+export {
+  CheckboxBase,
+  CheckboxTristate
+};

package/dist/index.js

@@ -1,3 +1,10 @@
-export { default } from './Checkbox';
-export * from './utils';
-export * from './Checkbox.types';
+import { Checkbox } from "./Checkbox.js";
+import { checkedValue } from "./utils/checkedValue.js";
+import { isTristateCheckbox } from "./utils/isTristateCheckbox.js";
+import { nextCheckedValues } from "./utils/nextCheckedValues.js";
+export {
+  checkedValue,
+  Checkbox as default,
+  isTristateCheckbox,
+  nextCheckedValues
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/dist/utils/checkedValue.js

@@ -1,3 +1,6 @@
-export function checkedValue(checked, indeterminate) {
-  return indeterminate ? undefined : checked;
-}
+function checkedValue(checked, indeterminate) {
+  return indeterminate ? void 0 : checked;
+}
+export {
+  checkedValue
+};

package/dist/utils/index.js

@@ -1,3 +1,8 @@
-export { checkedValue } from './checkedValue';
-export { isTristateCheckbox } from './isTristateCheckbox';
-export { nextCheckedValues } from './nextCheckedValues';
+import { checkedValue } from "./checkedValue.js";
+import { isTristateCheckbox } from "./isTristateCheckbox.js";
+import { nextCheckedValues } from "./nextCheckedValues.js";
+export {
+  checkedValue,
+  isTristateCheckbox,
+  nextCheckedValues
+};

package/dist/utils/isTristateCheckbox.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxProps, CheckboxTristateProps } from '../Checkbox.types';
+import { CheckboxProps, CheckboxTristateProps } from '../Checkbox.types';
 export declare const isTristateCheckbox: (props: CheckboxProps | CheckboxTristateProps) => props is CheckboxTristateProps;

package/dist/utils/isTristateCheckbox.js

@@ -1,3 +1,6 @@
-export var isTristateCheckbox = function isTristateCheckbox(props) {
-  return !!('tristate' in props && props.tristate);
-};
+const isTristateCheckbox = (props) => {
+  return !!("tristate" in props && props.tristate);
+};
+export {
+  isTristateCheckbox
+};

package/dist/utils/nextCheckedValues.js

@@ -1,4 +1,4 @@
-export function nextCheckedValues(checked, indeterminate) {
+function nextCheckedValues(checked, indeterminate) {
   if (checked === false) {
     return [true, false];
   }
@@ -6,4 +6,7 @@ export function nextCheckedValues(checked, indeterminate) {
     return [true, true];
   }
   return [false, false];
-}
+}
+export {
+  nextCheckedValues
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-checkbox",
-  "version": "1.2.20",
+  "version": "1.2.21",
   "description": "Checkbox UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -34,7 +34,7 @@
     "*.less"
   ],
   "dependencies": {
-    "@synerise/ds-typography": "^1.1.12"
+    "@synerise/ds-typography": "^1.1.13"
   },
   "devDependencies": {
     "vitest": "4"
@@ -45,5 +45,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }