@synerise/ds-checkbox 0.12.23 → 0.13.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/CHANGELOG.md +11 -0
- package/dist/Checkbox.d.ts +1 -1
- package/dist/Checkbox.js +1 -4
- package/dist/Checkbox.styles.d.ts +9 -2
- package/dist/Checkbox.styles.js +5 -0
- package/dist/modules.d.js +1 -0
- package/dist/style/index.css +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.13.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-checkbox@0.12.23...@synerise/ds-checkbox@0.13.0) (2025-01-29)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* antd@4.24 react@18 ([d97a667](https://github.com/synerise/synerise-design/commit/d97a667b1f33aed3177e1851de3b6f60be2d46a6))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [0.12.23](https://github.com/synerise/synerise-design/compare/@synerise/ds-checkbox@0.12.22...@synerise/ds-checkbox@0.12.23) (2025-01-21)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @synerise/ds-checkbox
|
package/dist/Checkbox.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import '@synerise/ds-core/dist/js/style';
|
|
|
3
3
|
import './style/index.less';
|
|
4
4
|
import { CheckboxProps } from './Checkbox.types';
|
|
5
5
|
declare class Checkbox extends React.Component<CheckboxProps> {
|
|
6
|
-
static Group:
|
|
6
|
+
static Group: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd/lib/checkbox").CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>>;
|
|
7
7
|
render(): React.ReactNode;
|
|
8
8
|
}
|
|
9
9
|
export default Checkbox;
|
package/dist/Checkbox.js
CHANGED
|
@@ -3,9 +3,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
3
3
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
4
4
|
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
|
|
5
5
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
6
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
7
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
8
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
9
6
|
import React from 'react';
|
|
10
7
|
import '@synerise/ds-core/dist/js/style';
|
|
11
8
|
import "./style/index.css";
|
|
@@ -37,5 +34,5 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
|
|
|
37
34
|
};
|
|
38
35
|
return Checkbox;
|
|
39
36
|
}(React.Component);
|
|
40
|
-
|
|
37
|
+
Checkbox.Group = S.AntdCheckbox.Group;
|
|
41
38
|
export default Checkbox;
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import BaseAntCheckbox, { CheckboxProps } from 'antd/lib/checkbox';
|
|
2
3
|
import { ThemeProps } from '@synerise/ds-core';
|
|
3
4
|
type Props = {
|
|
4
5
|
solo: boolean;
|
|
5
6
|
};
|
|
6
|
-
|
|
7
|
+
/**
|
|
8
|
+
* 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.
|
|
9
|
+
*/
|
|
10
|
+
type CompoundedComponent = React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
|
|
11
|
+
Group: typeof BaseAntCheckbox.Group;
|
|
12
|
+
};
|
|
13
|
+
export declare const AntdCheckbox: import("styled-components").StyledComponent<CompoundedComponent, any, Props & ThemeProps, never>;
|
|
7
14
|
export declare const AdditionalData: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
15
|
export declare const CheckboxWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
9
16
|
withoutPadding: boolean;
|
package/dist/Checkbox.styles.js
CHANGED
|
@@ -6,6 +6,11 @@ var checkSvgWithCustomColor = function checkSvgWithCustomColor(color) {
|
|
|
6
6
|
return iconWithColor;
|
|
7
7
|
};
|
|
8
8
|
var soloCss = css(["padding:4px;display:inline-block;"]);
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* 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.
|
|
12
|
+
*/
|
|
13
|
+
|
|
9
14
|
export var AntdCheckbox = styled(BaseAntCheckbox).withConfig({
|
|
10
15
|
displayName: "Checkboxstyles__AntdCheckbox",
|
|
11
16
|
componentId: "sc-10i9aa0-0"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
package/dist/style/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-checkbox{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:relative;top:.2em;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner{border-color:#0b68ff}.ant-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #0b68ff;border-radius:3px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-checkbox-wrapper:hover .ant-checkbox::after,.ant-checkbox:hover::after{visibility:visible}.ant-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:#fff;border:1px solid #dbe0e3;border-radius:3px;border-collapse:separate;transition:all .3s}.ant-checkbox-inner::after{position:absolute;top:50%;left:21.5%;display:table;width:5.71px;height:9.14px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-checkbox-checked .ant-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-checkbox-checked .ant-checkbox-inner{background-color:#0b68ff;border-color:#0b68ff}.ant-checkbox-disabled{cursor:not-allowed}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{border-color:#b5bdc3;animation-name:none}.ant-checkbox-disabled .ant-checkbox-input{cursor:not-allowed;pointer-events:none}.ant-checkbox-disabled .ant-checkbox-inner{background-color:#f9fafb;border-color:#dbe0e3!important}.ant-checkbox-disabled .ant-checkbox-inner::after{border-color:#f9fafb;border-collapse:separate;animation-name:none}.ant-checkbox-disabled+span{color:#b5bdc3;cursor:not-allowed}.ant-checkbox-disabled:hover::after,.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after{visibility:hidden}.ant-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\a0'}.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{cursor:not-allowed}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:8px}.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type=checkbox]{width:14px;height:14px}.ant-checkbox+span{padding-right:8px;padding-left:8px}.ant-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';display:inline-block}.ant-checkbox-group-item{margin-right:8px}.ant-checkbox-group-item:last-child{margin-right:0}.ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:0}.ant-checkbox-indeterminate .ant-checkbox-inner{background-color:#fff;border-color:#dbe0e3}.ant-checkbox-indeterminate .ant-checkbox-inner::after{top:50%;left:50%;width:8px;height:8px;background-color:#0b68ff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after{background-color:#b5bdc3;border-color:#b5bdc3}.ant-checkbox-rtl{direction:rtl}.ant-checkbox-group-rtl .ant-checkbox-group-item{margin-right:0;margin-left:8px}.ant-checkbox-group-rtl .ant-checkbox-group-item:last-child{margin-left:0!important}.ant-checkbox-group-rtl .ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:8px}.ant-checkbox-inner.ant-checkbox-inner{transition:unset}.ant-checkbox-inner.ant-checkbox-inner:after{transition:unset}.ant-checkbox-wrapper{transition:unset}.ant-checkbox-wrapper *{transition:unset}.ant-checkbox+span{margin:0;padding-left:12px;font-size:14px;color:#57616d;font-weight:500;position:relative}.ant-checkbox-wrapper:hover .ant-checkbox+span{color:#384350}.ant-checkbox-wrapper:after{display:none}.ant-checkbox-wrapper.error .ant-checkbox-inner{border-color:#f52922!important;border-width:2px;box-shadow:0 2px 4px 0 rgba(181,189,195,.2)}.ant-checkbox-wrapper.error .ant-checkbox-input:focus+.ant-checkbox-inner{box-shadow:0 0 0 1px #f52922}.ant-checkbox-wrapper.error .ant-checkbox-checked .ant-checkbox-inner{border-color:#0b68ff!important}.ant-checkbox-wrapper.error .ant-checkbox-checked .ant-checkbox-input:hover+.ant-checkbox-inner{border-color:#238afe;background-color:#238afe}.ant-checkbox-wrapper.error .ant-checkbox-checked .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#0b68ff;background-color:#238afe;box-shadow:0 0 0 1px #0b68ff}.ant-checkbox-wrapper.error .ant-checkbox-checked .ant-checkbox-input:focus+.ant-checkbox-inner:after{left:20%}.ant-checkbox-input:hover+.ant-checkbox-inner{border-color:#b5bdc3}.ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#0b68ff;background-color:#f4faff;border-width:2px}.ant-checkbox-wrapper-disabled .ant-checkbox+span{color:#6a7580;opacity:.4}.ant-checkbox-disabled .ant-checkbox-inner{border-color:#e9edee!important;background-color:#f9fafb!important}.ant-checkbox-checked .ant-checkbox-input:hover+.ant-checkbox-inner{border-color:#238afe;background-color:#238afe}.ant-checkbox-checked .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#0b68ff;background-color:#238afe}.ant-checkbox-checked .ant-checkbox-input:focus+.ant-checkbox-inner:after{left:20%}.ant-checkbox-checked+span{color:#384350}.ant-checkbox-indeterminate .ant-checkbox-inner::after{border-radius:2px}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-checkbox",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"description": "Checkbox UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "synerise/synerise-design",
|
|
@@ -33,14 +33,14 @@
|
|
|
33
33
|
"*.less"
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@synerise/ds-typography": "^0.
|
|
37
|
-
"@synerise/ds-utils": "^0.
|
|
36
|
+
"@synerise/ds-typography": "^0.17.0",
|
|
37
|
+
"@synerise/ds-utils": "^0.32.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"@synerise/ds-core": "*",
|
|
41
|
-
"antd": "4.
|
|
42
|
-
"react": ">=16.9.0 <=
|
|
43
|
-
"styled-components": "5.
|
|
41
|
+
"antd": "4.24.16",
|
|
42
|
+
"react": ">=16.9.0 <= 18.3.1",
|
|
43
|
+
"styled-components": "^5.3.3"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
|
|
46
46
|
}
|