@veracity/vui 2.4.1 → 2.5.0-beta.1
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/cjs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/cjs/checkbox/checkbox.js +5 -5
- package/dist/cjs/checkbox/checkbox.types.d.ts +1 -1
- package/dist/cjs/checkbox/checkbox.types.d.ts.map +1 -1
- package/dist/cjs/checkbox/checkboxGroup.d.ts.map +1 -1
- package/dist/cjs/checkbox/checkboxGroup.js +2 -2
- package/dist/cjs/checkbox/checkboxGroup.types.d.ts +1 -1
- package/dist/cjs/checkbox/checkboxGroup.types.d.ts.map +1 -1
- package/dist/cjs/checkbox/consts.d.ts +6 -0
- package/dist/cjs/checkbox/consts.d.ts.map +1 -0
- package/dist/cjs/checkbox/consts.js +8 -0
- package/dist/cjs/checkbox/theme.d.ts +7 -13
- package/dist/cjs/checkbox/theme.d.ts.map +1 -1
- package/dist/cjs/checkbox/theme.js +8 -19
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/progress/progress.d.ts +1 -1
- package/dist/cjs/progress/progress.d.ts.map +1 -1
- package/dist/cjs/progress/progress.js +10 -7
- package/dist/cjs/progress/progress.types.d.ts +0 -1
- package/dist/cjs/progress/progress.types.d.ts.map +1 -1
- package/dist/cjs/progressCircular/consts.d.ts +12 -0
- package/dist/cjs/progressCircular/consts.d.ts.map +1 -0
- package/dist/cjs/progressCircular/consts.js +14 -0
- package/dist/cjs/progressCircular/index.d.ts +4 -0
- package/dist/cjs/progressCircular/index.d.ts.map +1 -0
- package/dist/cjs/progressCircular/index.js +24 -0
- package/dist/cjs/progressCircular/progressCircular.d.ts +6 -0
- package/dist/cjs/progressCircular/progressCircular.d.ts.map +1 -0
- package/dist/cjs/progressCircular/progressCircular.js +84 -0
- package/dist/cjs/progressCircular/progressCircular.types.d.ts +8 -0
- package/dist/cjs/progressCircular/progressCircular.types.d.ts.map +1 -0
- package/dist/cjs/progressCircular/progressCircular.types.js +2 -0
- package/dist/cjs/progressCircular/theme.d.ts +35 -0
- package/dist/cjs/progressCircular/theme.d.ts.map +1 -0
- package/dist/cjs/progressCircular/theme.js +24 -0
- package/dist/cjs/radio/consts.d.ts +6 -0
- package/dist/cjs/radio/consts.d.ts.map +1 -0
- package/dist/cjs/radio/consts.js +8 -0
- package/dist/cjs/radio/radio.d.ts.map +1 -1
- package/dist/cjs/radio/radio.js +5 -4
- package/dist/cjs/radio/radio.types.d.ts +1 -1
- package/dist/cjs/radio/radio.types.d.ts.map +1 -1
- package/dist/cjs/radio/radioGroup.d.ts.map +1 -1
- package/dist/cjs/radio/radioGroup.js +2 -3
- package/dist/cjs/radio/radioGroup.types.d.ts +1 -1
- package/dist/cjs/radio/radioGroup.types.d.ts.map +1 -1
- package/dist/cjs/radio/theme.d.ts +7 -13
- package/dist/cjs/radio/theme.d.ts.map +1 -1
- package/dist/cjs/radio/theme.js +8 -19
- package/dist/cjs/theme/components.d.ts +47 -22
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/components.js +26 -24
- package/dist/cjs/theme/defaultTheme.d.ts +47 -22
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/checkbox/checkbox.d.ts.map +1 -1
- package/dist/esm/checkbox/checkbox.js +5 -5
- package/dist/esm/checkbox/checkbox.types.d.ts +1 -1
- package/dist/esm/checkbox/checkbox.types.d.ts.map +1 -1
- package/dist/esm/checkbox/checkboxGroup.d.ts.map +1 -1
- package/dist/esm/checkbox/checkboxGroup.js +2 -2
- package/dist/esm/checkbox/checkboxGroup.types.d.ts +1 -1
- package/dist/esm/checkbox/checkboxGroup.types.d.ts.map +1 -1
- package/dist/esm/checkbox/consts.d.ts +6 -0
- package/dist/esm/checkbox/consts.d.ts.map +1 -0
- package/dist/esm/checkbox/consts.js +5 -0
- package/dist/esm/checkbox/theme.d.ts +7 -13
- package/dist/esm/checkbox/theme.d.ts.map +1 -1
- package/dist/esm/checkbox/theme.js +8 -19
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/progress/progress.d.ts +1 -1
- package/dist/esm/progress/progress.d.ts.map +1 -1
- package/dist/esm/progress/progress.js +10 -7
- package/dist/esm/progress/progress.types.d.ts +0 -1
- package/dist/esm/progress/progress.types.d.ts.map +1 -1
- package/dist/esm/progressCircular/consts.d.ts +12 -0
- package/dist/esm/progressCircular/consts.d.ts.map +1 -0
- package/dist/esm/progressCircular/consts.js +11 -0
- package/dist/esm/progressCircular/index.d.ts +4 -0
- package/dist/esm/progressCircular/index.d.ts.map +1 -0
- package/dist/esm/progressCircular/index.js +3 -0
- package/dist/esm/progressCircular/progressCircular.d.ts +6 -0
- package/dist/esm/progressCircular/progressCircular.d.ts.map +1 -0
- package/dist/esm/progressCircular/progressCircular.js +47 -0
- package/dist/esm/progressCircular/progressCircular.types.d.ts +8 -0
- package/dist/esm/progressCircular/progressCircular.types.d.ts.map +1 -0
- package/dist/esm/progressCircular/progressCircular.types.js +1 -0
- package/dist/esm/progressCircular/theme.d.ts +35 -0
- package/dist/esm/progressCircular/theme.d.ts.map +1 -0
- package/dist/esm/progressCircular/theme.js +22 -0
- package/dist/esm/radio/consts.d.ts +6 -0
- package/dist/esm/radio/consts.d.ts.map +1 -0
- package/dist/esm/radio/consts.js +5 -0
- package/dist/esm/radio/radio.d.ts.map +1 -1
- package/dist/esm/radio/radio.js +5 -4
- package/dist/esm/radio/radio.types.d.ts +1 -1
- package/dist/esm/radio/radio.types.d.ts.map +1 -1
- package/dist/esm/radio/radioGroup.d.ts.map +1 -1
- package/dist/esm/radio/radioGroup.js +2 -3
- package/dist/esm/radio/radioGroup.types.d.ts +1 -1
- package/dist/esm/radio/radioGroup.types.d.ts.map +1 -1
- package/dist/esm/radio/theme.d.ts +7 -13
- package/dist/esm/radio/theme.d.ts.map +1 -1
- package/dist/esm/radio/theme.js +8 -19
- package/dist/esm/theme/components.d.ts +47 -22
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/components.js +2 -0
- package/dist/esm/theme/defaultTheme.d.ts +47 -22
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/checkbox/checkbox.tsx +5 -5
- package/src/checkbox/checkbox.types.ts +1 -1
- package/src/checkbox/checkboxGroup.tsx +3 -16
- package/src/checkbox/checkboxGroup.types.ts +1 -1
- package/src/checkbox/consts.ts +5 -0
- package/src/checkbox/theme.ts +7 -23
- package/src/index.ts +1 -0
- package/src/progress/progress.tsx +11 -7
- package/src/progress/progress.types.ts +0 -1
- package/src/progressCircular/consts.ts +13 -0
- package/src/progressCircular/index.ts +3 -0
- package/src/progressCircular/progressCircular.tsx +82 -0
- package/src/progressCircular/progressCircular.types.ts +9 -0
- package/src/progressCircular/theme.ts +26 -0
- package/src/radio/consts.ts +5 -0
- package/src/radio/radio.tsx +5 -5
- package/src/radio/radio.types.ts +1 -1
- package/src/radio/radioGroup.tsx +3 -17
- package/src/radio/radioGroup.types.ts +1 -1
- package/src/radio/theme.ts +7 -23
- package/src/theme/components.ts +2 -0
|
@@ -49,14 +49,13 @@ exports.RadioGroupBase = core_1.styled.divBox `
|
|
|
49
49
|
* Exposes some props to the children via context.
|
|
50
50
|
*/
|
|
51
51
|
exports.RadioGroup = (0, core_1.vui)((props, ref) => {
|
|
52
|
-
const { className,
|
|
52
|
+
const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, value, variant } = props, rest = __rest(props, ["className", "defaultValue", "disabled", "isRow", "name", "onBlur", "onChange", "onFocus", "size", "value", "variant"]);
|
|
53
53
|
const [isChecked, setIsChecked] = (0, react_1.useState)(value !== null && value !== void 0 ? value : defaultValue);
|
|
54
54
|
const handleOnChange = (0, react_1.useCallback)((e) => {
|
|
55
55
|
setIsChecked(e.target.value);
|
|
56
56
|
onChange === null || onChange === void 0 ? void 0 : onChange(e);
|
|
57
57
|
}, [onChange]);
|
|
58
58
|
const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({
|
|
59
|
-
colorScheme,
|
|
60
59
|
defaultValue,
|
|
61
60
|
disabled,
|
|
62
61
|
isChecked,
|
|
@@ -67,7 +66,7 @@ exports.RadioGroup = (0, core_1.vui)((props, ref) => {
|
|
|
67
66
|
size,
|
|
68
67
|
value,
|
|
69
68
|
variant
|
|
70
|
-
}), [
|
|
69
|
+
}), [defaultValue, disabled, handleOnChange, isChecked, name, onBlur, onFocus, size, value, variant]);
|
|
71
70
|
const aliasedProps = (0, utils_1.filterUndefined)({
|
|
72
71
|
flexDirection: isRow ? 'row' : undefined
|
|
73
72
|
});
|
|
@@ -2,7 +2,7 @@ import { SystemProps } from '../system';
|
|
|
2
2
|
import { ThemingProps } from '../theme';
|
|
3
3
|
import { ChangeEventHandler, FocusEventHandler } from '../utils';
|
|
4
4
|
export declare type RadioGroupProps = SystemProps & ThemingProps<'Radio'> & {
|
|
5
|
-
/** Available theme colors for this component. */
|
|
5
|
+
/** @deprecated Available theme colors for this component. */
|
|
6
6
|
colorScheme?: 'blue' | 'prussian';
|
|
7
7
|
/** Passes the prop to each radio. */
|
|
8
8
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,eAAe,GAAG,WAAW,GACvC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,
|
|
1
|
+
{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../src/radio/radioGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,eAAe,GAAG,WAAW,GACvC,YAAY,CAAC,OAAO,CAAC,GAAG;IACtB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
import { Dict } from '../utils';
|
|
2
|
-
declare function variantDefault(props: Dict): {
|
|
3
|
-
control: {
|
|
4
|
-
color: string;
|
|
5
|
-
hoverColor: string;
|
|
6
|
-
};
|
|
7
|
-
};
|
|
8
1
|
declare const _default: {
|
|
9
|
-
baseStyle: {
|
|
2
|
+
baseStyle: {
|
|
3
|
+
control: {
|
|
4
|
+
color: string;
|
|
5
|
+
hoverColor: string;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
10
8
|
defaultProps: {
|
|
11
|
-
colorScheme: string;
|
|
12
9
|
size: string;
|
|
13
|
-
variant: string;
|
|
14
10
|
};
|
|
15
11
|
parts: string[];
|
|
16
12
|
sizes: {
|
|
@@ -42,9 +38,7 @@ declare const _default: {
|
|
|
42
38
|
};
|
|
43
39
|
};
|
|
44
40
|
};
|
|
45
|
-
variants: {
|
|
46
|
-
default: typeof variantDefault;
|
|
47
|
-
};
|
|
41
|
+
variants: {};
|
|
48
42
|
};
|
|
49
43
|
export default _default;
|
|
50
44
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,wBAMC"}
|
package/dist/cjs/radio/theme.js
CHANGED
|
@@ -1,23 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
color:
|
|
7
|
-
hoverColor:
|
|
8
|
-
};
|
|
9
|
-
if (c === 'prussian') {
|
|
10
|
-
control.hoverColor = 'prussian.70';
|
|
3
|
+
const consts_1 = require("./consts");
|
|
4
|
+
const baseStyle = {
|
|
5
|
+
control: {
|
|
6
|
+
color: consts_1.radioColors.main,
|
|
7
|
+
hoverColor: consts_1.radioColors.hover
|
|
11
8
|
}
|
|
12
|
-
|
|
13
|
-
control
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
const baseStyle = {};
|
|
9
|
+
};
|
|
17
10
|
const defaultProps = {
|
|
18
|
-
|
|
19
|
-
size: 'md',
|
|
20
|
-
variant: 'default'
|
|
11
|
+
size: 'md'
|
|
21
12
|
};
|
|
22
13
|
const parts = ['container', 'control', 'label'];
|
|
23
14
|
const sizes = {
|
|
@@ -49,9 +40,7 @@ const sizes = {
|
|
|
49
40
|
}
|
|
50
41
|
}
|
|
51
42
|
};
|
|
52
|
-
const variants = {
|
|
53
|
-
default: variantDefault
|
|
54
|
-
};
|
|
43
|
+
const variants = {};
|
|
55
44
|
exports.default = {
|
|
56
45
|
baseStyle,
|
|
57
46
|
defaultProps,
|
|
@@ -595,11 +595,14 @@ declare const _default: {
|
|
|
595
595
|
variants: {};
|
|
596
596
|
};
|
|
597
597
|
Checkbox: {
|
|
598
|
-
baseStyle: {
|
|
598
|
+
baseStyle: {
|
|
599
|
+
control: {
|
|
600
|
+
color: string;
|
|
601
|
+
hoverColor: string;
|
|
602
|
+
};
|
|
603
|
+
};
|
|
599
604
|
defaultProps: {
|
|
600
|
-
colorScheme: string;
|
|
601
605
|
size: string;
|
|
602
|
-
variant: string;
|
|
603
606
|
};
|
|
604
607
|
parts: string[];
|
|
605
608
|
sizes: {
|
|
@@ -631,14 +634,7 @@ declare const _default: {
|
|
|
631
634
|
};
|
|
632
635
|
};
|
|
633
636
|
};
|
|
634
|
-
variants: {
|
|
635
|
-
default: (props: import("..").Dict<any>) => {
|
|
636
|
-
control: {
|
|
637
|
-
color: string;
|
|
638
|
-
hoverColor: string;
|
|
639
|
-
};
|
|
640
|
-
};
|
|
641
|
-
};
|
|
637
|
+
variants: {};
|
|
642
638
|
};
|
|
643
639
|
Dialog: {
|
|
644
640
|
baseStyle: {};
|
|
@@ -1380,6 +1376,39 @@ declare const _default: {
|
|
|
1380
1376
|
};
|
|
1381
1377
|
variants: {};
|
|
1382
1378
|
};
|
|
1379
|
+
ProgressCircular: {
|
|
1380
|
+
baseStyle: {};
|
|
1381
|
+
defaultProps: {
|
|
1382
|
+
size: string;
|
|
1383
|
+
};
|
|
1384
|
+
sizes: {
|
|
1385
|
+
sm: {
|
|
1386
|
+
strokeWidth: number;
|
|
1387
|
+
width: number;
|
|
1388
|
+
top: number;
|
|
1389
|
+
fontSize: number;
|
|
1390
|
+
};
|
|
1391
|
+
md: {
|
|
1392
|
+
strokeWidth: number;
|
|
1393
|
+
width: number;
|
|
1394
|
+
top: number;
|
|
1395
|
+
fontSize: number;
|
|
1396
|
+
};
|
|
1397
|
+
lg: {
|
|
1398
|
+
strokeWidth: number;
|
|
1399
|
+
width: number;
|
|
1400
|
+
top: number;
|
|
1401
|
+
fontSize: number;
|
|
1402
|
+
};
|
|
1403
|
+
xl: {
|
|
1404
|
+
strokeWidth: number;
|
|
1405
|
+
width: number;
|
|
1406
|
+
top: number;
|
|
1407
|
+
fontSize: number;
|
|
1408
|
+
};
|
|
1409
|
+
};
|
|
1410
|
+
variants: {};
|
|
1411
|
+
};
|
|
1383
1412
|
Popover: {
|
|
1384
1413
|
baseStyle: {};
|
|
1385
1414
|
defaultProps: {};
|
|
@@ -1388,11 +1417,14 @@ declare const _default: {
|
|
|
1388
1417
|
variants: {};
|
|
1389
1418
|
};
|
|
1390
1419
|
Radio: {
|
|
1391
|
-
baseStyle: {
|
|
1420
|
+
baseStyle: {
|
|
1421
|
+
control: {
|
|
1422
|
+
color: string;
|
|
1423
|
+
hoverColor: string;
|
|
1424
|
+
};
|
|
1425
|
+
};
|
|
1392
1426
|
defaultProps: {
|
|
1393
|
-
colorScheme: string;
|
|
1394
1427
|
size: string;
|
|
1395
|
-
variant: string;
|
|
1396
1428
|
};
|
|
1397
1429
|
parts: string[];
|
|
1398
1430
|
sizes: {
|
|
@@ -1424,14 +1456,7 @@ declare const _default: {
|
|
|
1424
1456
|
};
|
|
1425
1457
|
};
|
|
1426
1458
|
};
|
|
1427
|
-
variants: {
|
|
1428
|
-
default: (props: import("..").Dict<any>) => {
|
|
1429
|
-
control: {
|
|
1430
|
-
color: string;
|
|
1431
|
-
hoverColor: string;
|
|
1432
|
-
};
|
|
1433
|
-
};
|
|
1434
|
-
};
|
|
1459
|
+
variants: {};
|
|
1435
1460
|
};
|
|
1436
1461
|
Select: {
|
|
1437
1462
|
baseStyle: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,wBA6CC"}
|
|
@@ -33,18 +33,19 @@ const theme_26 = __importDefault(require("../pagination/theme"));
|
|
|
33
33
|
const theme_27 = __importDefault(require("../panel/theme"));
|
|
34
34
|
const theme_28 = __importDefault(require("../popover/theme"));
|
|
35
35
|
const theme_29 = __importDefault(require("../progress/theme"));
|
|
36
|
-
const theme_30 = __importDefault(require("../
|
|
37
|
-
const theme_31 = __importDefault(require("../
|
|
38
|
-
const theme_32 = __importDefault(require("../
|
|
39
|
-
const theme_33 = __importDefault(require("../
|
|
40
|
-
const theme_34 = __importDefault(require("../
|
|
41
|
-
const theme_35 = __importDefault(require("../
|
|
42
|
-
const theme_36 = __importDefault(require("../
|
|
43
|
-
const theme_37 = __importDefault(require("../
|
|
44
|
-
const theme_38 = __importDefault(require("../
|
|
45
|
-
const theme_39 = __importDefault(require("../
|
|
46
|
-
const theme_40 = __importDefault(require("../
|
|
47
|
-
const theme_41 = __importDefault(require("../
|
|
36
|
+
const theme_30 = __importDefault(require("../progressCircular/theme"));
|
|
37
|
+
const theme_31 = __importDefault(require("../radio/theme"));
|
|
38
|
+
const theme_32 = __importDefault(require("../select/theme"));
|
|
39
|
+
const theme_33 = __importDefault(require("../sidemenu/theme"));
|
|
40
|
+
const theme_34 = __importDefault(require("../skeleton/theme"));
|
|
41
|
+
const theme_35 = __importDefault(require("../spinner/theme"));
|
|
42
|
+
const theme_36 = __importDefault(require("../switch/theme"));
|
|
43
|
+
const theme_37 = __importDefault(require("../t/theme"));
|
|
44
|
+
const theme_38 = __importDefault(require("../table/theme"));
|
|
45
|
+
const theme_39 = __importDefault(require("../tabs/theme"));
|
|
46
|
+
const theme_40 = __importDefault(require("../tag/theme"));
|
|
47
|
+
const theme_41 = __importDefault(require("../textarea/theme"));
|
|
48
|
+
const theme_42 = __importDefault(require("../tree/theme"));
|
|
48
49
|
const themePlaceholder_1 = __importDefault(require("./themePlaceholder"));
|
|
49
50
|
// Official external components
|
|
50
51
|
const Markdown = themePlaceholder_1.default;
|
|
@@ -80,17 +81,18 @@ exports.default = {
|
|
|
80
81
|
Pagination: theme_26.default,
|
|
81
82
|
Panel: theme_27.default,
|
|
82
83
|
Progress: theme_29.default,
|
|
84
|
+
ProgressCircular: theme_30.default,
|
|
83
85
|
Popover: theme_28.default,
|
|
84
|
-
Radio:
|
|
85
|
-
Select:
|
|
86
|
-
Sidemenu:
|
|
87
|
-
Skeleton:
|
|
88
|
-
Spinner:
|
|
89
|
-
Switch:
|
|
90
|
-
T:
|
|
91
|
-
Table:
|
|
92
|
-
Tabs:
|
|
93
|
-
Tag:
|
|
94
|
-
Textarea:
|
|
95
|
-
Tree:
|
|
86
|
+
Radio: theme_31.default,
|
|
87
|
+
Select: theme_32.default,
|
|
88
|
+
Sidemenu: theme_33.default,
|
|
89
|
+
Skeleton: theme_34.default,
|
|
90
|
+
Spinner: theme_35.default,
|
|
91
|
+
Switch: theme_36.default,
|
|
92
|
+
T: theme_37.default,
|
|
93
|
+
Table: theme_38.default,
|
|
94
|
+
Tabs: theme_39.default,
|
|
95
|
+
Tag: theme_40.default,
|
|
96
|
+
Textarea: theme_41.default,
|
|
97
|
+
Tree: theme_42.default
|
|
96
98
|
};
|
|
@@ -1098,11 +1098,14 @@ declare const defaultTheme: {
|
|
|
1098
1098
|
variants: {};
|
|
1099
1099
|
};
|
|
1100
1100
|
Checkbox: {
|
|
1101
|
-
baseStyle: {
|
|
1101
|
+
baseStyle: {
|
|
1102
|
+
control: {
|
|
1103
|
+
color: string;
|
|
1104
|
+
hoverColor: string;
|
|
1105
|
+
};
|
|
1106
|
+
};
|
|
1102
1107
|
defaultProps: {
|
|
1103
|
-
colorScheme: string;
|
|
1104
1108
|
size: string;
|
|
1105
|
-
variant: string;
|
|
1106
1109
|
};
|
|
1107
1110
|
parts: string[];
|
|
1108
1111
|
sizes: {
|
|
@@ -1134,14 +1137,7 @@ declare const defaultTheme: {
|
|
|
1134
1137
|
};
|
|
1135
1138
|
};
|
|
1136
1139
|
};
|
|
1137
|
-
variants: {
|
|
1138
|
-
default: (props: import("..").Dict<any>) => {
|
|
1139
|
-
control: {
|
|
1140
|
-
color: string;
|
|
1141
|
-
hoverColor: string;
|
|
1142
|
-
};
|
|
1143
|
-
};
|
|
1144
|
-
};
|
|
1140
|
+
variants: {};
|
|
1145
1141
|
};
|
|
1146
1142
|
Dialog: {
|
|
1147
1143
|
baseStyle: {};
|
|
@@ -1883,6 +1879,39 @@ declare const defaultTheme: {
|
|
|
1883
1879
|
};
|
|
1884
1880
|
variants: {};
|
|
1885
1881
|
};
|
|
1882
|
+
ProgressCircular: {
|
|
1883
|
+
baseStyle: {};
|
|
1884
|
+
defaultProps: {
|
|
1885
|
+
size: string;
|
|
1886
|
+
};
|
|
1887
|
+
sizes: {
|
|
1888
|
+
sm: {
|
|
1889
|
+
strokeWidth: number;
|
|
1890
|
+
width: number;
|
|
1891
|
+
top: number;
|
|
1892
|
+
fontSize: number;
|
|
1893
|
+
};
|
|
1894
|
+
md: {
|
|
1895
|
+
strokeWidth: number;
|
|
1896
|
+
width: number;
|
|
1897
|
+
top: number;
|
|
1898
|
+
fontSize: number;
|
|
1899
|
+
};
|
|
1900
|
+
lg: {
|
|
1901
|
+
strokeWidth: number;
|
|
1902
|
+
width: number;
|
|
1903
|
+
top: number;
|
|
1904
|
+
fontSize: number;
|
|
1905
|
+
};
|
|
1906
|
+
xl: {
|
|
1907
|
+
strokeWidth: number;
|
|
1908
|
+
width: number;
|
|
1909
|
+
top: number;
|
|
1910
|
+
fontSize: number;
|
|
1911
|
+
};
|
|
1912
|
+
};
|
|
1913
|
+
variants: {};
|
|
1914
|
+
};
|
|
1886
1915
|
Popover: {
|
|
1887
1916
|
baseStyle: {};
|
|
1888
1917
|
defaultProps: {};
|
|
@@ -1891,11 +1920,14 @@ declare const defaultTheme: {
|
|
|
1891
1920
|
variants: {};
|
|
1892
1921
|
};
|
|
1893
1922
|
Radio: {
|
|
1894
|
-
baseStyle: {
|
|
1923
|
+
baseStyle: {
|
|
1924
|
+
control: {
|
|
1925
|
+
color: string;
|
|
1926
|
+
hoverColor: string;
|
|
1927
|
+
};
|
|
1928
|
+
};
|
|
1895
1929
|
defaultProps: {
|
|
1896
|
-
colorScheme: string;
|
|
1897
1930
|
size: string;
|
|
1898
|
-
variant: string;
|
|
1899
1931
|
};
|
|
1900
1932
|
parts: string[];
|
|
1901
1933
|
sizes: {
|
|
@@ -1927,14 +1959,7 @@ declare const defaultTheme: {
|
|
|
1927
1959
|
};
|
|
1928
1960
|
};
|
|
1929
1961
|
};
|
|
1930
|
-
variants: {
|
|
1931
|
-
default: (props: import("..").Dict<any>) => {
|
|
1932
|
-
control: {
|
|
1933
|
-
color: string;
|
|
1934
|
-
hoverColor: string;
|
|
1935
|
-
};
|
|
1936
|
-
};
|
|
1937
|
-
};
|
|
1962
|
+
variants: {};
|
|
1938
1963
|
};
|
|
1939
1964
|
Select: {
|
|
1940
1965
|
baseStyle: {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAyBpE,eAAO,MAAM,YAAY,ulJAkBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAmFnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
|
|
@@ -3,6 +3,7 @@ import { omitThemingProps, styled, th, useStyleConfig, vui } from '../core';
|
|
|
3
3
|
import Icon from '../icon';
|
|
4
4
|
import T from '../t';
|
|
5
5
|
import { cs, filterUndefined } from '../utils';
|
|
6
|
+
import { checkboxColors } from './consts';
|
|
6
7
|
import { useCheckboxGroupContext } from './context';
|
|
7
8
|
const CheckboxControl = styled.spanBox `
|
|
8
9
|
border-radius: none;
|
|
@@ -34,11 +35,11 @@ export const CheckboxBase = styled.labelBox `
|
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
&[aria-disabled='true'] {
|
|
37
|
-
color: disabled
|
|
38
|
+
color: ${checkboxColors.disabled};
|
|
38
39
|
cursor: not-allowed;
|
|
39
40
|
|
|
40
41
|
.vui-checkboxControl {
|
|
41
|
-
color: disabled
|
|
42
|
+
color: ${checkboxColors.disabled};
|
|
42
43
|
}
|
|
43
44
|
}
|
|
44
45
|
`;
|
|
@@ -53,11 +54,10 @@ export const Checkbox = vui((props, ref) => {
|
|
|
53
54
|
const [isChecked, setIsChecked] = useState(defaultChecked);
|
|
54
55
|
const styles = useStyleConfig('Checkbox', mergedProps);
|
|
55
56
|
const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
|
|
56
|
-
const isFilled = isChecked || isIndeterminate;
|
|
57
57
|
const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
|
|
58
58
|
const controlMr = children || label ? 1 : 0;
|
|
59
|
-
const color =
|
|
60
|
-
const controlHoverColor =
|
|
59
|
+
const color = controlColor ? controlColor : checkboxColors.main;
|
|
60
|
+
const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover;
|
|
61
61
|
useEffect(() => {
|
|
62
62
|
checked !== undefined && setIsChecked(checked);
|
|
63
63
|
}, [checked]);
|
|
@@ -6,7 +6,7 @@ import { ChangeEventHandler, FocusEventHandler } from '../utils';
|
|
|
6
6
|
export declare type CheckboxProps = SystemProps & ThemingProps<'Checkbox'> & {
|
|
7
7
|
/** Provides value to checkbox in controlled mode. */
|
|
8
8
|
checked?: boolean;
|
|
9
|
-
/** Available theme colors for this component.
|
|
9
|
+
/** @deprecated Available theme colors for this component. */
|
|
10
10
|
colorScheme?: 'blue' | 'prussian';
|
|
11
11
|
/** Disables checkbox and related elements with the right styling. */
|
|
12
12
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB
|
|
1
|
+
{"version":3,"file":"checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,2DAA2D;IAC3D,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,QAAQ,CAAA;IAC5B,sDAAsD;IACtD,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACjE,8CAA8C;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA;AAEH,oBAAY,kBAAkB,GAAG;IAC/B,gEAAgE;IAChE,iBAAiB,EAAE,MAAM,CAAA;CAC1B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,iBAAiB,+HAG7B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"checkboxGroup.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAG1D,eAAO,MAAM,iBAAiB,+HAG7B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,2DAiBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
|
|
@@ -11,8 +11,8 @@ export const CheckboxGroupBase = styled.divBox `
|
|
|
11
11
|
* Exposes some props to the children via context.
|
|
12
12
|
*/
|
|
13
13
|
export const CheckboxGroup = vui((props, ref) => {
|
|
14
|
-
const { className,
|
|
15
|
-
const context = useMemo(() => filterUndefined({
|
|
14
|
+
const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props;
|
|
15
|
+
const context = useMemo(() => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }), [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant]);
|
|
16
16
|
const aliasedProps = filterUndefined({
|
|
17
17
|
flexDirection: isRow ? 'row' : undefined
|
|
18
18
|
});
|
|
@@ -2,7 +2,7 @@ import { SystemProps } from '../system';
|
|
|
2
2
|
import { ThemingProps } from '../theme';
|
|
3
3
|
import { ChangeEventHandler, FocusEventHandler } from '../utils';
|
|
4
4
|
export declare type CheckboxGroupProps = SystemProps & ThemingProps<'Checkbox'> & {
|
|
5
|
-
/** Available theme colors for this component. */
|
|
5
|
+
/** @deprecated Available theme colors for this component. */
|
|
6
6
|
colorScheme?: 'blue' | 'prussian';
|
|
7
7
|
/** Passes the prop to each checkbox. */
|
|
8
8
|
disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,kBAAkB,GAAG,WAAW,GAC1C,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,
|
|
1
|
+
{"version":3,"file":"checkboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkboxGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEhE,oBAAY,kBAAkB,GAAG,WAAW,GAC1C,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,wCAAwC;IACxC,OAAO,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;CAI1B,CAAA"}
|
|
@@ -1,16 +1,12 @@
|
|
|
1
|
-
import { Dict } from '../utils';
|
|
2
|
-
declare function variantDefault(props: Dict): {
|
|
3
|
-
control: {
|
|
4
|
-
color: string;
|
|
5
|
-
hoverColor: string;
|
|
6
|
-
};
|
|
7
|
-
};
|
|
8
1
|
declare const _default: {
|
|
9
|
-
baseStyle: {
|
|
2
|
+
baseStyle: {
|
|
3
|
+
control: {
|
|
4
|
+
color: string;
|
|
5
|
+
hoverColor: string;
|
|
6
|
+
};
|
|
7
|
+
};
|
|
10
8
|
defaultProps: {
|
|
11
|
-
colorScheme: string;
|
|
12
9
|
size: string;
|
|
13
|
-
variant: string;
|
|
14
10
|
};
|
|
15
11
|
parts: string[];
|
|
16
12
|
sizes: {
|
|
@@ -42,9 +38,7 @@ declare const _default: {
|
|
|
42
38
|
};
|
|
43
39
|
};
|
|
44
40
|
};
|
|
45
|
-
variants: {
|
|
46
|
-
default: typeof variantDefault;
|
|
47
|
-
};
|
|
41
|
+
variants: {};
|
|
48
42
|
};
|
|
49
43
|
export default _default;
|
|
50
44
|
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/checkbox/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/checkbox/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,wBAMC"}
|
|
@@ -1,21 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
color:
|
|
5
|
-
hoverColor:
|
|
6
|
-
};
|
|
7
|
-
if (c === 'prussian') {
|
|
8
|
-
control.hoverColor = 'prussian.70';
|
|
1
|
+
import { checkboxColors } from './consts';
|
|
2
|
+
const baseStyle = {
|
|
3
|
+
control: {
|
|
4
|
+
color: checkboxColors.main,
|
|
5
|
+
hoverColor: checkboxColors.hover
|
|
9
6
|
}
|
|
10
|
-
|
|
11
|
-
control
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
const baseStyle = {};
|
|
7
|
+
};
|
|
15
8
|
const defaultProps = {
|
|
16
|
-
|
|
17
|
-
size: 'md',
|
|
18
|
-
variant: 'default'
|
|
9
|
+
size: 'md'
|
|
19
10
|
};
|
|
20
11
|
const parts = ['container', 'control', 'label'];
|
|
21
12
|
const sizes = {
|
|
@@ -47,9 +38,7 @@ const sizes = {
|
|
|
47
38
|
}
|
|
48
39
|
}
|
|
49
40
|
};
|
|
50
|
-
const variants = {
|
|
51
|
-
default: variantDefault
|
|
52
|
-
};
|
|
41
|
+
const variants = {};
|
|
53
42
|
export default {
|
|
54
43
|
baseStyle,
|
|
55
44
|
defaultProps,
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
|