@veracity/vui 2.18.3 → 2.20.0-beta.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/cjs/button/button.d.ts.map +1 -1
- package/dist/cjs/button/button.js +3 -2
- package/dist/cjs/button/button.js.map +1 -1
- package/dist/cjs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/cjs/checkbox/checkbox.js +7 -4
- package/dist/cjs/checkbox/checkbox.js.map +1 -1
- package/dist/cjs/checkbox/consts.d.ts +5 -3
- package/dist/cjs/checkbox/consts.d.ts.map +1 -1
- package/dist/cjs/checkbox/consts.js +5 -3
- package/dist/cjs/checkbox/consts.js.map +1 -1
- package/dist/cjs/checkbox/theme.d.ts +2 -2
- package/dist/cjs/checkbox/theme.js +1 -1
- package/dist/cjs/checkbox/theme.js.map +1 -1
- 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/index.js.map +1 -1
- package/dist/cjs/input/consts.d.ts +27 -21
- package/dist/cjs/input/consts.d.ts.map +1 -1
- package/dist/cjs/input/consts.js +8 -2
- package/dist/cjs/input/consts.js.map +1 -1
- package/dist/cjs/input/helpText.d.ts +1 -1
- package/dist/cjs/input/helpText.d.ts.map +1 -1
- package/dist/cjs/input/helpText.js +2 -2
- package/dist/cjs/input/helpText.js.map +1 -1
- package/dist/cjs/input/input.d.ts.map +1 -1
- package/dist/cjs/input/input.js +22 -18
- package/dist/cjs/input/input.js.map +1 -1
- package/dist/cjs/input/input.types.d.ts +7 -3
- package/dist/cjs/input/input.types.d.ts.map +1 -1
- package/dist/cjs/input/inputInput.js +3 -2
- package/dist/cjs/input/inputInput.js.map +1 -1
- package/dist/cjs/input/theme.d.ts +20 -8
- package/dist/cjs/input/theme.d.ts.map +1 -1
- package/dist/cjs/input/theme.js +14 -2
- package/dist/cjs/input/theme.js.map +1 -1
- package/dist/cjs/label/index.d.ts +4 -0
- package/dist/cjs/label/index.d.ts.map +1 -0
- package/dist/cjs/label/index.js +25 -0
- package/dist/cjs/label/index.js.map +1 -0
- package/dist/cjs/label/label.d.ts +6 -0
- package/dist/cjs/label/label.d.ts.map +1 -0
- package/dist/cjs/label/label.js +41 -0
- package/dist/cjs/label/label.js.map +1 -0
- package/dist/cjs/label/label.types.d.ts +7 -0
- package/dist/cjs/label/label.types.d.ts.map +1 -0
- package/dist/cjs/label/label.types.js +3 -0
- package/dist/cjs/label/label.types.js.map +1 -0
- package/dist/cjs/label/theme.d.ts +23 -0
- package/dist/cjs/label/theme.d.ts.map +1 -0
- package/dist/cjs/label/theme.js +28 -0
- package/dist/cjs/label/theme.js.map +1 -0
- package/dist/cjs/list/list.d.ts.map +1 -1
- package/dist/cjs/list/list.js +64 -2
- package/dist/cjs/list/list.js.map +1 -1
- package/dist/cjs/menu/menuItem.d.ts.map +1 -1
- package/dist/cjs/menu/menuItem.js +1 -1
- package/dist/cjs/menu/menuItem.js.map +1 -1
- package/dist/cjs/menu/menuList.d.ts.map +1 -1
- package/dist/cjs/menu/menuList.js +1 -1
- package/dist/cjs/menu/menuList.js.map +1 -1
- package/dist/cjs/radio/consts.d.ts +5 -3
- package/dist/cjs/radio/consts.d.ts.map +1 -1
- package/dist/cjs/radio/consts.js +5 -3
- package/dist/cjs/radio/consts.js.map +1 -1
- package/dist/cjs/radio/radio.d.ts.map +1 -1
- package/dist/cjs/radio/radio.js +6 -2
- package/dist/cjs/radio/radio.js.map +1 -1
- package/dist/cjs/radio/theme.d.ts +2 -2
- package/dist/cjs/radio/theme.js +1 -1
- package/dist/cjs/radio/theme.js.map +1 -1
- package/dist/cjs/select/select.d.ts +11 -6
- package/dist/cjs/select/select.d.ts.map +1 -1
- package/dist/cjs/select/select.js +9 -2
- package/dist/cjs/select/select.js.map +1 -1
- package/dist/cjs/select/select.types.d.ts +8 -0
- package/dist/cjs/select/select.types.d.ts.map +1 -1
- package/dist/cjs/select/selectButton.d.ts.map +1 -1
- package/dist/cjs/select/selectButton.js +16 -5
- package/dist/cjs/select/selectButton.js.map +1 -1
- package/dist/cjs/select/selectGroup.js +1 -1
- package/dist/cjs/select/selectGroup.js.map +1 -1
- package/dist/cjs/select/selectOption.js +1 -1
- package/dist/cjs/select/selectOption.js.map +1 -1
- package/dist/cjs/select/theme.d.ts +32 -0
- package/dist/cjs/select/theme.d.ts.map +1 -1
- package/dist/cjs/select/theme.js +33 -1
- package/dist/cjs/select/theme.js.map +1 -1
- package/dist/cjs/switch/switchLabel.d.ts.map +1 -1
- package/dist/cjs/switch/switchLabel.js +4 -0
- package/dist/cjs/switch/switchLabel.js.map +1 -1
- package/dist/cjs/switch/theme.d.ts +17 -0
- package/dist/cjs/switch/theme.d.ts.map +1 -1
- package/dist/cjs/switch/theme.js +18 -0
- package/dist/cjs/switch/theme.js.map +1 -1
- package/dist/cjs/tabs/tabsNavBar.d.ts.map +1 -1
- package/dist/cjs/tabs/tabsNavBar.js +5 -1
- package/dist/cjs/tabs/tabsNavBar.js.map +1 -1
- package/dist/cjs/textarea/textarea.d.ts +1 -1
- package/dist/cjs/textarea/textarea.d.ts.map +1 -1
- package/dist/cjs/textarea/textarea.js +23 -17
- package/dist/cjs/textarea/textarea.js.map +1 -1
- package/dist/cjs/textarea/textarea.types.d.ts +8 -0
- package/dist/cjs/textarea/textarea.types.d.ts.map +1 -1
- package/dist/cjs/textarea/theme.d.ts +8 -8
- package/dist/cjs/textarea/theme.js +2 -2
- package/dist/cjs/textarea/theme.js.map +1 -1
- package/dist/cjs/theme/components.d.ts +101 -20
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/components.js +56 -54
- package/dist/cjs/theme/components.js.map +1 -1
- package/dist/cjs/theme/defaultTheme.d.ts +101 -20
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/button/button.d.ts.map +1 -1
- package/dist/esm/button/button.js +3 -2
- package/dist/esm/button/button.js.map +1 -1
- package/dist/esm/checkbox/checkbox.d.ts.map +1 -1
- package/dist/esm/checkbox/checkbox.js +7 -4
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/consts.d.ts +5 -3
- package/dist/esm/checkbox/consts.d.ts.map +1 -1
- package/dist/esm/checkbox/consts.js +5 -3
- package/dist/esm/checkbox/consts.js.map +1 -1
- package/dist/esm/checkbox/theme.d.ts +2 -2
- package/dist/esm/checkbox/theme.js +1 -1
- package/dist/esm/checkbox/theme.js.map +1 -1
- 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/index.js.map +1 -1
- package/dist/esm/input/consts.d.ts +27 -21
- package/dist/esm/input/consts.d.ts.map +1 -1
- package/dist/esm/input/consts.js +7 -1
- package/dist/esm/input/consts.js.map +1 -1
- package/dist/esm/input/helpText.d.ts +1 -1
- package/dist/esm/input/helpText.d.ts.map +1 -1
- package/dist/esm/input/helpText.js +2 -2
- package/dist/esm/input/helpText.js.map +1 -1
- package/dist/esm/input/input.d.ts.map +1 -1
- package/dist/esm/input/input.js +25 -21
- package/dist/esm/input/input.js.map +1 -1
- package/dist/esm/input/input.types.d.ts +7 -3
- package/dist/esm/input/input.types.d.ts.map +1 -1
- package/dist/esm/input/inputInput.js +3 -2
- package/dist/esm/input/inputInput.js.map +1 -1
- package/dist/esm/input/theme.d.ts +20 -8
- package/dist/esm/input/theme.d.ts.map +1 -1
- package/dist/esm/input/theme.js +14 -2
- package/dist/esm/input/theme.js.map +1 -1
- package/dist/esm/label/index.d.ts +4 -0
- package/dist/esm/label/index.d.ts.map +1 -0
- package/dist/esm/label/index.js +4 -0
- package/dist/esm/label/index.js.map +1 -0
- package/dist/esm/label/label.d.ts +6 -0
- package/dist/esm/label/label.d.ts.map +1 -0
- package/dist/esm/label/label.js +24 -0
- package/dist/esm/label/label.js.map +1 -0
- package/dist/esm/label/label.types.d.ts +7 -0
- package/dist/esm/label/label.types.d.ts.map +1 -0
- package/dist/esm/label/label.types.js +2 -0
- package/dist/esm/label/label.types.js.map +1 -0
- package/dist/esm/label/theme.d.ts +23 -0
- package/dist/esm/label/theme.d.ts.map +1 -0
- package/dist/esm/label/theme.js +26 -0
- package/dist/esm/label/theme.js.map +1 -0
- package/dist/esm/list/list.d.ts.map +1 -1
- package/dist/esm/list/list.js +40 -2
- package/dist/esm/list/list.js.map +1 -1
- package/dist/esm/menu/menuItem.d.ts.map +1 -1
- package/dist/esm/menu/menuItem.js +1 -1
- package/dist/esm/menu/menuItem.js.map +1 -1
- package/dist/esm/menu/menuList.d.ts.map +1 -1
- package/dist/esm/menu/menuList.js +1 -1
- package/dist/esm/menu/menuList.js.map +1 -1
- package/dist/esm/radio/consts.d.ts +5 -3
- package/dist/esm/radio/consts.d.ts.map +1 -1
- package/dist/esm/radio/consts.js +5 -3
- package/dist/esm/radio/consts.js.map +1 -1
- package/dist/esm/radio/radio.d.ts.map +1 -1
- package/dist/esm/radio/radio.js +6 -2
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/theme.d.ts +2 -2
- package/dist/esm/radio/theme.js +1 -1
- package/dist/esm/radio/theme.js.map +1 -1
- package/dist/esm/select/select.d.ts +11 -6
- package/dist/esm/select/select.d.ts.map +1 -1
- package/dist/esm/select/select.js +13 -6
- package/dist/esm/select/select.js.map +1 -1
- package/dist/esm/select/select.types.d.ts +8 -0
- package/dist/esm/select/select.types.d.ts.map +1 -1
- package/dist/esm/select/selectButton.d.ts.map +1 -1
- package/dist/esm/select/selectButton.js +16 -5
- package/dist/esm/select/selectButton.js.map +1 -1
- package/dist/esm/select/selectGroup.js +1 -1
- package/dist/esm/select/selectGroup.js.map +1 -1
- package/dist/esm/select/selectOption.js +2 -2
- package/dist/esm/select/selectOption.js.map +1 -1
- package/dist/esm/select/theme.d.ts +32 -0
- package/dist/esm/select/theme.d.ts.map +1 -1
- package/dist/esm/select/theme.js +33 -1
- package/dist/esm/select/theme.js.map +1 -1
- package/dist/esm/switch/switchLabel.d.ts.map +1 -1
- package/dist/esm/switch/switchLabel.js +4 -0
- package/dist/esm/switch/switchLabel.js.map +1 -1
- package/dist/esm/switch/theme.d.ts +17 -0
- package/dist/esm/switch/theme.d.ts.map +1 -1
- package/dist/esm/switch/theme.js +18 -0
- package/dist/esm/switch/theme.js.map +1 -1
- package/dist/esm/tabs/tabsNavBar.d.ts.map +1 -1
- package/dist/esm/tabs/tabsNavBar.js +4 -1
- package/dist/esm/tabs/tabsNavBar.js.map +1 -1
- package/dist/esm/textarea/textarea.d.ts +1 -1
- package/dist/esm/textarea/textarea.d.ts.map +1 -1
- package/dist/esm/textarea/textarea.js +27 -21
- package/dist/esm/textarea/textarea.js.map +1 -1
- package/dist/esm/textarea/textarea.types.d.ts +8 -0
- package/dist/esm/textarea/textarea.types.d.ts.map +1 -1
- package/dist/esm/textarea/theme.d.ts +8 -8
- package/dist/esm/textarea/theme.js +2 -2
- package/dist/esm/textarea/theme.js.map +1 -1
- package/dist/esm/theme/components.d.ts +101 -20
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/components.js +2 -0
- package/dist/esm/theme/components.js.map +1 -1
- package/dist/esm/theme/defaultTheme.d.ts +101 -20
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/button/button.tsx +11 -6
- package/src/checkbox/checkbox.tsx +7 -5
- package/src/checkbox/consts.ts +6 -4
- package/src/checkbox/theme.ts +1 -1
- package/src/index.ts +1 -0
- package/src/input/consts.ts +12 -5
- package/src/input/helpText.tsx +2 -2
- package/src/input/input.tsx +90 -67
- package/src/input/input.types.ts +7 -4
- package/src/input/inputInput.tsx +2 -2
- package/src/input/theme.ts +14 -2
- package/src/label/index.ts +3 -0
- package/src/label/label.tsx +31 -0
- package/src/label/label.types.ts +8 -0
- package/src/label/theme.ts +29 -0
- package/src/list/list.tsx +44 -3
- package/src/menu/menuItem.tsx +1 -10
- package/src/menu/menuList.tsx +1 -0
- package/src/radio/consts.ts +6 -4
- package/src/radio/radio.tsx +5 -3
- package/src/radio/theme.ts +1 -1
- package/src/select/select.tsx +30 -5
- package/src/select/select.types.ts +8 -0
- package/src/select/selectButton.tsx +18 -5
- package/src/select/selectGroup.tsx +1 -1
- package/src/select/selectOption.tsx +2 -2
- package/src/select/theme.ts +33 -1
- package/src/switch/switchLabel.tsx +5 -0
- package/src/switch/theme.ts +21 -0
- package/src/tabs/tabsNavBar.tsx +4 -1
- package/src/textarea/textarea.tsx +78 -45
- package/src/textarea/textarea.types.ts +8 -0
- package/src/textarea/theme.ts +2 -2
- package/src/theme/components.ts +2 -0
|
@@ -2,10 +2,10 @@ declare const _default: {
|
|
|
2
2
|
baseStyle: {
|
|
3
3
|
container: {
|
|
4
4
|
focusWithinRing: number;
|
|
5
|
-
color:
|
|
5
|
+
color: "sandstone.10";
|
|
6
6
|
};
|
|
7
7
|
input: {
|
|
8
|
-
placeholderTextColor:
|
|
8
|
+
placeholderTextColor: "sandstone.55";
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
11
|
defaultProps: {
|
|
@@ -23,6 +23,9 @@ declare const _default: {
|
|
|
23
23
|
size: string;
|
|
24
24
|
};
|
|
25
25
|
input: {};
|
|
26
|
+
label: {
|
|
27
|
+
fontSize: string;
|
|
28
|
+
};
|
|
26
29
|
};
|
|
27
30
|
md: {
|
|
28
31
|
container: {
|
|
@@ -33,6 +36,9 @@ declare const _default: {
|
|
|
33
36
|
size: string;
|
|
34
37
|
};
|
|
35
38
|
input: {};
|
|
39
|
+
label: {
|
|
40
|
+
fontSize: string;
|
|
41
|
+
};
|
|
36
42
|
};
|
|
37
43
|
lg: {
|
|
38
44
|
container: {
|
|
@@ -43,6 +49,9 @@ declare const _default: {
|
|
|
43
49
|
size: string;
|
|
44
50
|
};
|
|
45
51
|
input: {};
|
|
52
|
+
label: {
|
|
53
|
+
fontSize: string;
|
|
54
|
+
};
|
|
46
55
|
};
|
|
47
56
|
xl: {
|
|
48
57
|
container: {
|
|
@@ -53,25 +62,28 @@ declare const _default: {
|
|
|
53
62
|
size: string;
|
|
54
63
|
};
|
|
55
64
|
input: {};
|
|
65
|
+
label: {
|
|
66
|
+
fontSize: string;
|
|
67
|
+
};
|
|
56
68
|
};
|
|
57
69
|
};
|
|
58
70
|
variants: {
|
|
59
71
|
grey: {
|
|
60
72
|
container: {
|
|
61
|
-
borderColor:
|
|
62
|
-
focusWithinRingColor:
|
|
73
|
+
borderColor: "sandstone.60";
|
|
74
|
+
focusWithinRingColor: "focusColor";
|
|
63
75
|
};
|
|
64
76
|
};
|
|
65
77
|
green: {
|
|
66
78
|
container: {
|
|
67
|
-
borderColor:
|
|
68
|
-
focusWithinRingColor:
|
|
79
|
+
borderColor: "landGreen.35";
|
|
80
|
+
focusWithinRingColor: "landGreen.35";
|
|
69
81
|
};
|
|
70
82
|
};
|
|
71
83
|
red: {
|
|
72
84
|
container: {
|
|
73
|
-
borderColor:
|
|
74
|
-
focusWithinRingColor:
|
|
85
|
+
borderColor: "energyRed.45";
|
|
86
|
+
focusWithinRingColor: "energyRed.45";
|
|
75
87
|
};
|
|
76
88
|
};
|
|
77
89
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA,wBAMC"}
|
package/dist/cjs/input/theme.js
CHANGED
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const consts_1 = require("./consts");
|
|
4
4
|
const baseStyle = {
|
|
5
5
|
container: {
|
|
6
|
-
focusWithinRing:
|
|
6
|
+
focusWithinRing: 3,
|
|
7
7
|
color: consts_1.inputColors.inputText,
|
|
8
8
|
},
|
|
9
9
|
input: {
|
|
@@ -14,7 +14,7 @@ const defaultProps = {
|
|
|
14
14
|
size: 'lg',
|
|
15
15
|
variant: 'grey',
|
|
16
16
|
};
|
|
17
|
-
const parts = ['container', 'icon', 'input'];
|
|
17
|
+
const parts = ['container', 'icon', 'input', 'label'];
|
|
18
18
|
const sizes = {
|
|
19
19
|
sm: {
|
|
20
20
|
container: {
|
|
@@ -25,6 +25,9 @@ const sizes = {
|
|
|
25
25
|
size: 'xs',
|
|
26
26
|
},
|
|
27
27
|
input: {},
|
|
28
|
+
label: {
|
|
29
|
+
fontSize: 'sm',
|
|
30
|
+
},
|
|
28
31
|
},
|
|
29
32
|
md: {
|
|
30
33
|
container: {
|
|
@@ -35,6 +38,9 @@ const sizes = {
|
|
|
35
38
|
size: 'sm',
|
|
36
39
|
},
|
|
37
40
|
input: {},
|
|
41
|
+
label: {
|
|
42
|
+
fontSize: 'sm',
|
|
43
|
+
},
|
|
38
44
|
},
|
|
39
45
|
lg: {
|
|
40
46
|
container: {
|
|
@@ -45,6 +51,9 @@ const sizes = {
|
|
|
45
51
|
size: 'md',
|
|
46
52
|
},
|
|
47
53
|
input: {},
|
|
54
|
+
label: {
|
|
55
|
+
fontSize: 'md',
|
|
56
|
+
},
|
|
48
57
|
},
|
|
49
58
|
xl: {
|
|
50
59
|
container: {
|
|
@@ -55,6 +64,9 @@ const sizes = {
|
|
|
55
64
|
size: 'md',
|
|
56
65
|
},
|
|
57
66
|
input: {},
|
|
67
|
+
label: {
|
|
68
|
+
fontSize: 'lg',
|
|
69
|
+
},
|
|
58
70
|
},
|
|
59
71
|
};
|
|
60
72
|
const variants = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":";;AAAA,qCAAsC;AAEtC,MAAM,SAAS,GAAG;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,oBAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,oBAAoB,EAAE,oBAAW,CAAC,WAAW;KAC9C;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/input/theme.ts"],"names":[],"mappings":";;AAAA,qCAAsC;AAEtC,MAAM,SAAS,GAAG;IAChB,SAAS,EAAE;QACT,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,oBAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,oBAAoB,EAAE,oBAAW,CAAC,WAAW;KAC9C;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAErD,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,SAAS,EAAE;YACT,QAAQ,EAAE,IAAI;YACd,CAAC,EAAE,EAAE;SACN;QACD,IAAI,EAAE;YACJ,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,WAAW,EAAE,oBAAW,CAAC,MAAM;YAC/B,oBAAoB,EAAE,oBAAW,CAAC,KAAK;SACxC;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE;YACT,WAAW,EAAE,oBAAW,CAAC,OAAO;YAChC,oBAAoB,EAAE,oBAAW,CAAC,OAAO;SAC1C;KACF;IACD,GAAG,EAAE;QACH,SAAS,EAAE;YACT,WAAW,EAAE,oBAAW,CAAC,KAAK;YAC9B,oBAAoB,EAAE,oBAAW,CAAC,KAAK;SACxC;KACF;CACF,CAAA;AAED,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,cAAc,eAAe,CAAA"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
19
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
+
exports.default = void 0;
|
|
21
|
+
__exportStar(require("./label"), exports);
|
|
22
|
+
var label_1 = require("./label");
|
|
23
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(label_1).default; } });
|
|
24
|
+
__exportStar(require("./label.types"), exports);
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/label/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,iCAAiC;AAAxB,iHAAA,OAAO,OAAA;AAChB,gDAA6B"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { LabelProps } from './label.types';
|
|
2
|
+
export declare const LabelBase: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
|
|
3
|
+
/** Displays a paragraph of text. */
|
|
4
|
+
export declare const Label: import("../core").VuiComponent<"label", LabelProps>;
|
|
5
|
+
export default Label;
|
|
6
|
+
//# sourceMappingURL=label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/label/label.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAO,MAAM,SAAS,iIAUrB,CAAA;AAED,oCAAoC;AACpC,eAAO,MAAM,KAAK,qDAShB,CAAA;AAGF,eAAe,KAAK,CAAA"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.Label = exports.LabelBase = void 0;
|
|
18
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
const core_1 = require("../core");
|
|
20
|
+
const t_1 = __importDefault(require("../t"));
|
|
21
|
+
const utils_1 = require("../utils");
|
|
22
|
+
exports.LabelBase = core_1.styled.labelBox `
|
|
23
|
+
display: block;
|
|
24
|
+
font-weight: 600;
|
|
25
|
+
width: 100%;
|
|
26
|
+
color: darkBlue.main;
|
|
27
|
+
|
|
28
|
+
&[aria-disabled='true'] {
|
|
29
|
+
color: sandstone.75;
|
|
30
|
+
cursor: not-allowed;
|
|
31
|
+
}
|
|
32
|
+
`;
|
|
33
|
+
/** Displays a paragraph of text. */
|
|
34
|
+
exports.Label = (0, core_1.vui)((props, ref) => {
|
|
35
|
+
const _a = (0, core_1.omitThemingProps)(props), { children, className, text } = _a, rest = __rest(_a, ["children", "className", "text"]);
|
|
36
|
+
const styles = (0, core_1.useStyleConfig)('Label', props);
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)(t_1.default, Object.assign({ as: exports.LabelBase, className: (0, utils_1.cs)('vui-label', className), ref: ref }, styles, rest, { children: children !== null && children !== void 0 ? children : text })));
|
|
38
|
+
});
|
|
39
|
+
exports.Label.displayName = 'Label';
|
|
40
|
+
exports.default = exports.Label;
|
|
41
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/label/label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kCAAuE;AACvE,6CAAoB;AACpB,oCAA6B;AAGhB,QAAA,SAAS,GAAG,aAAM,CAAC,QAAQ,CAAA;;;;;;;;;;CAUvC,CAAA;AAED,oCAAoC;AACvB,QAAA,KAAK,GAAG,IAAA,UAAG,EAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3D,MAAM,KAAyC,IAAA,uBAAgB,EAAC,KAAK,CAAC,EAAhE,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,OAAqC,EAAhC,IAAI,cAApC,iCAAsC,CAA0B,CAAA;IACtE,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,uBAAC,WAAC,kBAAC,EAAE,EAAE,iBAAS,EAAE,SAAS,EAAE,IAAA,UAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,EAAM,IAAI,cACpF,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,IACf,CACL,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAC3B,kBAAe,aAAK,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SystemProps } from '../system';
|
|
2
|
+
import { ThemingProps } from '../theme';
|
|
3
|
+
export type LabelProps = SystemProps & ThemingProps<'P'> & {
|
|
4
|
+
/** Displays given text if no children are provided. */
|
|
5
|
+
text?: number | string;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=label.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.types.d.ts","sourceRoot":"","sources":["../../../src/label/label.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAmB,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,UAAU,GAAG,WAAW,GAClC,YAAY,CAAC,GAAG,CAAC,GAAG;IAClB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.types.js","sourceRoot":"","sources":["../../../src/label/label.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
baseStyle: {};
|
|
3
|
+
defaultProps: {
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
sizes: {
|
|
7
|
+
xs: {
|
|
8
|
+
fontSize: string;
|
|
9
|
+
};
|
|
10
|
+
sm: {
|
|
11
|
+
fontSize: string;
|
|
12
|
+
};
|
|
13
|
+
md: {
|
|
14
|
+
fontSize: string;
|
|
15
|
+
};
|
|
16
|
+
lg: {
|
|
17
|
+
fontSize: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
variants: {};
|
|
21
|
+
};
|
|
22
|
+
export default _default;
|
|
23
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/label/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,wBAKC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const baseStyle = {};
|
|
4
|
+
const defaultProps = {
|
|
5
|
+
size: 'md',
|
|
6
|
+
};
|
|
7
|
+
const sizes = {
|
|
8
|
+
xs: {
|
|
9
|
+
fontSize: 'xs',
|
|
10
|
+
},
|
|
11
|
+
sm: {
|
|
12
|
+
fontSize: 'sm',
|
|
13
|
+
},
|
|
14
|
+
md: {
|
|
15
|
+
fontSize: 'md',
|
|
16
|
+
},
|
|
17
|
+
lg: {
|
|
18
|
+
fontSize: 'lg',
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
const variants = {};
|
|
22
|
+
exports.default = {
|
|
23
|
+
baseStyle,
|
|
24
|
+
defaultProps,
|
|
25
|
+
sizes,
|
|
26
|
+
variants,
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/label/theme.ts"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,QAAQ;CACT,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAiB,SAAS,EAAE,MAAM,cAAc,CAAA;AACvD,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAMjC,eAAO,MAAM,QAAQ,8HAAiB,CAAA;AAEtC,+GAA+G;AAC/G,eAAO,MAAM,IAAI;aAuDN,kBAAkB;aAClB,kBAAkB;UACrB,eAAe;UACf,eAAe;UACf,eAAe;CACtB,CAAA;AAQD,eAAe,IAAI,CAAA"}
|
package/dist/cjs/list/list.js
CHANGED
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
26
|
var t = {};
|
|
4
27
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -16,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
40
|
exports.List = exports.ListBase = void 0;
|
|
18
41
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
const react_1 = require("react");
|
|
42
|
+
const react_1 = __importStar(require("react"));
|
|
20
43
|
const core_1 = require("../core");
|
|
21
44
|
const utils_1 = require("../utils");
|
|
22
45
|
const context_1 = require("./context");
|
|
@@ -25,13 +48,52 @@ const listHeading_1 = __importDefault(require("./listHeading"));
|
|
|
25
48
|
const listIcon_1 = __importDefault(require("./listIcon"));
|
|
26
49
|
const listItem_1 = __importDefault(require("./listItem"));
|
|
27
50
|
const listText_1 = __importDefault(require("./listText"));
|
|
51
|
+
const clickKeys = ['Enter', ' '];
|
|
52
|
+
const nextKeys = ['ArrowDown', 'Tab'];
|
|
53
|
+
const prevKeys = ['ArrowUp'];
|
|
28
54
|
exports.ListBase = core_1.styled.ulBox ``;
|
|
29
55
|
/** Displays a list of list link items and optional heading. Exposes some props to the children via context. */
|
|
30
56
|
exports.List = (0, core_1.vui)((props, ref) => {
|
|
31
57
|
const { children, className, heading, isInteractive, items, size, variant } = props, rest = __rest(props, ["children", "className", "heading", "isInteractive", "items", "size", "variant"]);
|
|
32
58
|
const styles = (0, core_1.useStyleConfig)('List', props);
|
|
33
59
|
const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ isInteractive, size, variant }), [isInteractive, size, variant]);
|
|
34
|
-
|
|
60
|
+
const listRef = (0, react_1.useRef)(null);
|
|
61
|
+
const [_, setActive] = react_1.default.useState(-1);
|
|
62
|
+
const onKeydown = (event) => {
|
|
63
|
+
if ([...prevKeys, ...nextKeys, ...clickKeys].includes(event.key)) {
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
setActive((a) => {
|
|
66
|
+
let active = a;
|
|
67
|
+
if (listRef.current) {
|
|
68
|
+
const allChildren = Array.from(listRef.current.childNodes);
|
|
69
|
+
const tabIndexedChildren = allChildren.filter(child => child.tabIndex === 0);
|
|
70
|
+
if (nextKeys.includes(event.key) && active < tabIndexedChildren.length - 1)
|
|
71
|
+
active++;
|
|
72
|
+
if (prevKeys.includes(event.key))
|
|
73
|
+
active = active > 0 ? active - 1 : 0;
|
|
74
|
+
tabIndexedChildren.forEach((node, index) => {
|
|
75
|
+
if (index === active) {
|
|
76
|
+
if (clickKeys.includes(event.key))
|
|
77
|
+
node === null || node === void 0 ? void 0 : node.click();
|
|
78
|
+
else
|
|
79
|
+
node === null || node === void 0 ? void 0 : node.focus();
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
return active;
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
(0, react_1.useEffect)(() => {
|
|
88
|
+
if (listRef.current && isInteractive) {
|
|
89
|
+
listRef.current.addEventListener('keydown', onKeydown);
|
|
90
|
+
return () => {
|
|
91
|
+
var _a;
|
|
92
|
+
(_a = listRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('keydown', onKeydown);
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
}, [listRef.current, isInteractive]);
|
|
96
|
+
return ((0, jsx_runtime_1.jsx)(context_1.ListProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(exports.ListBase, Object.assign({ className: (0, utils_1.cs)('vui-list', className), ref: ref || listRef }, styles.container, rest, { children: [(0, utils_1.isReactText)(heading) ? (0, jsx_runtime_1.jsx)(listHeading_1.default, { text: heading }) : heading, children !== null && children !== void 0 ? children : ((0, utils_1.isArray)(items)
|
|
35
97
|
? items.map((_a, index) => {
|
|
36
98
|
var { key } = _a, props = __rest(_a, ["key"]);
|
|
37
99
|
return (0, jsx_runtime_1.jsx)(listItem_1.default, Object.assign({}, props), key !== null && key !== void 0 ? key : index);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;AAKjD,oEAAoE;AACpE,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"menuItem.d.ts","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAA;AAKjD,oEAAoE;AACpE,eAAO,MAAM,QAAQ,qDAYnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
|
|
@@ -29,7 +29,7 @@ exports.MenuItem = (0, core_1.vui)((props, ref) => {
|
|
|
29
29
|
onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(e);
|
|
30
30
|
closeOnSelect && (instance === null || instance === void 0 ? void 0 : instance.hide());
|
|
31
31
|
});
|
|
32
|
-
return (
|
|
32
|
+
return (0, jsx_runtime_1.jsx)(list_1.ListItem, Object.assign({ className: (0, utils_1.cs)('vui-menuItem', className), onClick: onClick, ref: ref }, styles.item, rest));
|
|
33
33
|
});
|
|
34
34
|
exports.MenuItem.displayName = 'MenuItem';
|
|
35
35
|
exports.default = exports.MenuItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuItem.js","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,kCAAiD;AACjD,wCAA8C;AAC9C,oCAAyD;AACzD,uCAA0C;AAE1C,oEAAoE;AACvD,QAAA,QAAQ,GAAG,IAAA,UAAG,EAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC9D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAApD,wBAA4C,CAAQ,CAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAA,IAAA,2BAAiB,GAAE,mCAAI,EAAE,CAAA;IAC9C,MAAM,KAAkC,MAAA,IAAA,wBAAc,GAAE,mCAAI,EAAE,EAAxD,EAAE,aAAa,OAAyC,EAApC,SAAS,cAA7B,iBAA+B,CAAyB,CAAA;IAC9D,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,MAAM,kCAAO,SAAS,GAAK,KAAK,EAAG,CAAA;IAEjE,MAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAA;QAChB,aAAa,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAA,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,
|
|
1
|
+
{"version":3,"file":"menuItem.js","sourceRoot":"","sources":["../../../src/menu/menuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,kCAAiD;AACjD,wCAA8C;AAC9C,oCAAyD;AACzD,uCAA0C;AAE1C,oEAAoE;AACvD,QAAA,QAAQ,GAAG,IAAA,UAAG,EAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC9D,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAApD,wBAA4C,CAAQ,CAAA;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAA,IAAA,2BAAiB,GAAE,mCAAI,EAAE,CAAA;IAC9C,MAAM,KAAkC,MAAA,IAAA,wBAAc,GAAE,mCAAI,EAAE,EAAxD,EAAE,aAAa,OAAyC,EAApC,SAAS,cAA7B,iBAA+B,CAAyB,CAAA;IAC9D,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,MAAM,kCAAO,SAAS,GAAK,KAAK,EAAG,CAAA;IAEjE,MAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAA;QAChB,aAAa,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAA,CAAA;IACnC,CAAC,CAAC,CAAA;IAEF,OAAO,uBAAC,eAAQ,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,CAAC,IAAI,EAAM,IAAI,EAAI,CAAA;AACtH,CAAC,CAAC,CAAA;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,kBAAe,gBAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;
|
|
1
|
+
{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;aAwBV,OAAO,KAAK,OAAO;aACnB,OAAO,KAAK,OAAO;UACtB,OAAO,KAAK,IAAI;UAChB,OAAO,KAAK,IAAI;UAChB,OAAO,SAAS;CACvB,CAAA;AAUD,eAAe,QAAQ,CAAA"}
|
|
@@ -27,7 +27,7 @@ exports.MenuList = (0, core_1.vui)((props, ref) => {
|
|
|
27
27
|
const { className, contentProps, contentRef } = props, rest = __rest(props, ["className", "contentProps", "contentRef"]);
|
|
28
28
|
const { slotTop, slotBottom } = props;
|
|
29
29
|
const styles = (0, core_1.useStyleConfig)('Menu', (0, context_1.useMenuContext)());
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)(popover_1.PopoverContent, Object.assign({ borderRadius: 0, ref: contentRef }, contentProps, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, { flexDirection: "column", children: [slotTop, (0, jsx_runtime_1.jsx)(list_1.default, Object.assign({ className: (0, utils_1.cs)('vui-menuList', className), py: 1, ref: ref, w: "100%" }, styles.list, rest, { maxH: 295 })), slotBottom] }) })));
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)(popover_1.PopoverContent, Object.assign({ borderRadius: 0, ref: contentRef }, contentProps, { children: (0, jsx_runtime_1.jsxs)(box_1.Box, { flexDirection: "column", children: [slotTop, (0, jsx_runtime_1.jsx)(list_1.default, Object.assign({ className: (0, utils_1.cs)('vui-menuList', className), isInteractive: true, py: 1, ref: ref, w: "100%" }, styles.list, rest, { maxH: 295 })), slotBottom] }) })));
|
|
31
31
|
});
|
|
32
32
|
exports.MenuList.Divider = list_1.default.Divider;
|
|
33
33
|
exports.MenuList.Heading = list_1.default.Heading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,gCAA4B;AAC5B,kCAA2D;AAC3D,mDAA0B;AAC1B,wCAA2C;AAC3C,oCAA6B;AAC7B,uCAA0C;AAG1C,kEAAkE;AACrD,QAAA,QAAQ,GAAG,IAAA,UAAG,EAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,2CAAgD,CAAQ,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACrC,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,MAAM,EAAE,IAAA,wBAAc,GAAE,CAAC,CAAA;IAEvD,OAAO,CACL,uBAAC,wBAAc,kBAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,IAAM,YAAY,cAChE,wBAAC,SAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,uBAAC,cAAI,kBACH,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,IACJ,MAAM,CAAC,IAAI,EACX,IAAI,IACR,IAAI,EAAE,GAAG,IACT,EACD,UAAU,IACP,IACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,gBAAQ,CAAC,OAAO,GAAG,cAAI,CAAC,OAAO,CAAA;AAC/B,gBAAQ,CAAC,OAAO,GAAG,cAAI,CAAC,OAAO,CAAA;AAC/B,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AACzB,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AACzB,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AAEzB,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,kBAAe,gBAAQ,CAAA"}
|
|
1
|
+
{"version":3,"file":"menuList.js","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,gCAA4B;AAC5B,kCAA2D;AAC3D,mDAA0B;AAC1B,wCAA2C;AAC3C,oCAA6B;AAC7B,uCAA0C;AAG1C,kEAAkE;AACrD,QAAA,QAAQ,GAAG,IAAA,UAAG,EAAsB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,2CAAgD,CAAQ,CAAA;IAC9D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IACrC,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,MAAM,EAAE,IAAA,wBAAc,GAAE,CAAC,CAAA;IAEvD,OAAO,CACL,uBAAC,wBAAc,kBAAC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,IAAM,YAAY,cAChE,wBAAC,SAAG,IAAC,aAAa,EAAC,QAAQ,aACxB,OAAO,EACR,uBAAC,cAAI,kBACH,SAAS,EAAE,IAAA,UAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,aAAa,QACb,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,CAAC,EAAC,MAAM,IACJ,MAAM,CAAC,IAAI,EACX,IAAI,IACR,IAAI,EAAE,GAAG,IACT,EACD,UAAU,IACP,IACS,CAClB,CAAA;AACH,CAAC,CAMA,CAAA;AAED,gBAAQ,CAAC,OAAO,GAAG,cAAI,CAAC,OAAO,CAAA;AAC/B,gBAAQ,CAAC,OAAO,GAAG,cAAI,CAAC,OAAO,CAAA;AAC/B,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AACzB,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AACzB,gBAAQ,CAAC,IAAI,GAAG,cAAI,CAAC,IAAI,CAAA;AAEzB,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,kBAAe,gBAAQ,CAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export declare const radioColors: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
readonly unchecked: "sandstone.60";
|
|
3
|
+
readonly checked: "seaBlue.28";
|
|
4
|
+
readonly hover: "seaBlue.20";
|
|
5
|
+
readonly focus: "seaBlue.35";
|
|
6
|
+
readonly disabled: "sandstone.90";
|
|
5
7
|
};
|
|
6
8
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA"}
|
package/dist/cjs/radio/consts.js
CHANGED
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.radioColors = void 0;
|
|
4
4
|
exports.radioColors = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
unchecked: 'sandstone.60',
|
|
6
|
+
checked: 'seaBlue.28',
|
|
7
|
+
hover: 'seaBlue.20',
|
|
8
|
+
focus: 'seaBlue.35',
|
|
9
|
+
disabled: 'sandstone.90',
|
|
8
10
|
};
|
|
9
11
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/radio/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,SAAS,EAAE,cAAc;IACzB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,cAAc;CAChB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAuB3D,eAAO,MAAM,SAAS,olJAsBrB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,oDA0GhB,CAAA;AAIF,eAAe,KAAK,CAAA"}
|
package/dist/cjs/radio/radio.js
CHANGED
|
@@ -52,6 +52,10 @@ exports.RadioBase = core_1.styled.labelBox `
|
|
|
52
52
|
color: ${p => core_1.th.color(p.controlHoverColor)};
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
+
.vui-radioControl:focus-within {
|
|
56
|
+
color: ${consts_1.radioColors.focus};
|
|
57
|
+
}
|
|
58
|
+
|
|
55
59
|
&[aria-disabled='true'] {
|
|
56
60
|
color: ${consts_1.radioColors.disabled};
|
|
57
61
|
cursor: not-allowed;
|
|
@@ -76,7 +80,7 @@ exports.Radio = (0, core_1.vui)((props, ref) => {
|
|
|
76
80
|
const _e = styles.control, { color: controlColor, hoverColor } = _e, controlStyles = __rest(_e, ["color", "hoverColor"]);
|
|
77
81
|
const icon = isChecked ? iconChecked : iconProp;
|
|
78
82
|
const controlMr = children || label ? 1 : 0;
|
|
79
|
-
const color =
|
|
83
|
+
const color = isChecked ? consts_1.radioColors.checked : controlColor;
|
|
80
84
|
const controlHoverColor = hoverColor ? hoverColor : consts_1.radioColors.hover;
|
|
81
85
|
(0, react_1.useEffect)(() => {
|
|
82
86
|
if (groupIsChecked !== undefined) {
|
|
@@ -93,7 +97,7 @@ exports.Radio = (0, core_1.vui)((props, ref) => {
|
|
|
93
97
|
const aliasedProps = (0, utils_1.filterUndefined)({
|
|
94
98
|
'aria-disabled': disabled,
|
|
95
99
|
});
|
|
96
|
-
return ((0, jsx_runtime_1.jsxs)(exports.RadioBase, Object.assign({ className: (0, utils_1.cs)('vui-radio', className), controlHoverColor: controlHoverColor, ref: ref }, styles.container, aliasedProps, rest, { children: [(0, jsx_runtime_1.jsxs)(RadioControl, Object.assign({ bg: "white", className: "vui-radioControl", color: color, focusWithinRing: 3, mr: controlMr }, controlStyles, { children: [checked !== undefined && ((0, jsx_runtime_1.jsx)(RadioInput, Object.assign({
|
|
100
|
+
return ((0, jsx_runtime_1.jsxs)(exports.RadioBase, Object.assign({ className: (0, utils_1.cs)('vui-radio', className), controlHoverColor: controlHoverColor, ref: ref }, styles.container, aliasedProps, rest, { children: [(0, jsx_runtime_1.jsxs)(RadioControl, Object.assign({ bg: "white", className: "vui-radioControl", color: color, focusWithinRing: 3, mr: controlMr }, controlStyles, { children: [checked !== undefined && ((0, jsx_runtime_1.jsx)(RadioInput, Object.assign({ className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", checked, disabled, id, name, required, value }, inputProps))), checked === undefined && ((0, jsx_runtime_1.jsx)(RadioInput, Object.assign({ className: "vui-radioInput", onChange: handleOnChange, ref: inputRef, type: "radio", defaultChecked, disabled, id, name, required, value }, inputProps))), (0, jsx_runtime_1.jsx)(icon_1.default, { className: "vui-radioIcon", h: "100%", name: icon, w: "100%" })] })), children !== null && children !== void 0 ? children : (label && ((0, jsx_runtime_1.jsx)(t_1.default, Object.assign({ className: "vui-radioLabel", lineHeight: "normal" }, styles.label, { children: label }))))] })));
|
|
97
101
|
});
|
|
98
102
|
exports.Radio.displayName = 'Radio';
|
|
99
103
|
exports.default = exports.Radio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkD;AAElD,kCAA2E;AAC3E,mDAA0B;AAC1B,6CAAoB;AACpB,oCAA2D;AAC3D,qCAAsC;AACtC,uCAAgD;AAGhD,MAAM,YAAY,GAAG,aAAM,CAAC,OAAO,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,UAAU,GAAG,aAAM,CAAC,KAAK,CAAA;;;;;;;;;;;CAW9B,CAAA;AAEY,QAAA,SAAS,GAAG,aAAM,CAAC,QAAQ,CAAiB;;;;;;;aAO5C,CAAC,CAAC,EAAE,CAAC,SAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;;;;aAIlC,oBAAW,CAAC,QAAQ;;;;eAIlB,oBAAW,CAAC,QAAQ;;;CAGlC,CAAA;AAED;;;GAGG;AACU,QAAA,KAAK,GAAG,IAAA,UAAG,EAAqB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC1D,MAAM,KAMF,MAAA,IAAA,8BAAoB,GAAE,mCAAI,EAAE,EAN1B,EACJ,YAAY,EAAE,iBAAiB,EAC/B,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,UAAU,OAEa,EAD3B,eAAe,cALd,kDAML,CAA+B,CAAA;IAChC,MAAM,gBAAgB,GAAG,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAA;IAElG,MAAM,WAAW,mCAAQ,eAAe,GAAK,KAAK,CAAE,CAAA;IACpD,MAAM,KAiBF,IAAA,uBAAgB,EAAC,WAAW,CAAC,EAjB3B,EACJ,OAAO,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,EAC3E,QAAQ,EACR,SAAS,EACT,cAAc,GAAG,iBAAiB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,KAAK,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAChG,QAAQ,EACR,IAAI,EAAE,QAAQ,GAAG,oBAAoB,EACrC,WAAW,GAAG,kBAAkB,EAChC,EAAE,EACF,UAAU,EACV,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,OAE0B,EAD5B,IAAI,cAhBH,2KAiBL,CAAgC,CAAA;IAEjC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAA,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,OAAO,mCAAI,cAAc,CAAC,CAAA;IACzF,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IACnD,MAAM,KAAwD,MAAM,CAAC,OAAO,EAAtE,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,OAAqC,EAAhC,aAAa,cAAnD,uBAAqD,CAAiB,CAAA;IAE5E,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,MAAM,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/radio/radio.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/radio/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":";;AAAA,qCAAsC;AAEtC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,KAAK,EAAE,oBAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/radio/theme.ts"],"names":[],"mappings":";;AAAA,qCAAsC;AAEtC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,KAAK,EAAE,oBAAW,CAAC,SAAS;QAC5B,UAAU,EAAE,oBAAW,CAAC,KAAK;KAC9B;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAAA;AAE/C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;IACD,EAAE,EAAE;QACF,OAAO,EAAE;YACP,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
|