@veracity/vui 2.19.0 → 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/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 -4
- package/dist/cjs/checkbox/consts.d.ts.map +1 -1
- package/dist/cjs/checkbox/consts.js +5 -4
- package/dist/cjs/checkbox/consts.js.map +1 -1
- package/dist/cjs/checkbox/theme.d.ts +1 -1
- 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/input.d.ts.map +1 -1
- package/dist/cjs/input/input.js +22 -19
- package/dist/cjs/input/input.js.map +1 -1
- package/dist/cjs/input/input.types.d.ts +2 -0
- package/dist/cjs/input/input.types.d.ts.map +1 -1
- package/dist/cjs/input/theme.d.ts +12 -0
- package/dist/cjs/input/theme.d.ts.map +1 -1
- package/dist/cjs/input/theme.js +13 -1
- 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 +8 -7
- package/dist/cjs/list/list.js.map +1 -1
- package/dist/cjs/radio/consts.d.ts +5 -4
- package/dist/cjs/radio/consts.d.ts.map +1 -1
- package/dist/cjs/radio/consts.js +5 -4
- 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 +7 -3
- package/dist/cjs/radio/radio.js.map +1 -1
- package/dist/cjs/radio/theme.d.ts +1 -1
- 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 +2 -0
- 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/textarea/textarea.d.ts +1 -1
- package/dist/cjs/textarea/textarea.d.ts.map +1 -1
- package/dist/cjs/textarea/textarea.js +19 -16
- package/dist/cjs/textarea/textarea.js.map +1 -1
- package/dist/cjs/textarea/textarea.types.d.ts +2 -0
- package/dist/cjs/textarea/textarea.types.d.ts.map +1 -1
- package/dist/cjs/textarea/theme.js +1 -1
- package/dist/cjs/textarea/theme.js.map +1 -1
- package/dist/cjs/theme/components.d.ts +83 -2
- 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 +83 -2
- 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 +7 -4
- package/dist/esm/checkbox/checkbox.js.map +1 -1
- package/dist/esm/checkbox/consts.d.ts +5 -4
- package/dist/esm/checkbox/consts.d.ts.map +1 -1
- package/dist/esm/checkbox/consts.js +5 -4
- package/dist/esm/checkbox/consts.js.map +1 -1
- package/dist/esm/checkbox/theme.d.ts +1 -1
- 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/input.d.ts.map +1 -1
- package/dist/esm/input/input.js +24 -21
- package/dist/esm/input/input.js.map +1 -1
- package/dist/esm/input/input.types.d.ts +2 -0
- package/dist/esm/input/input.types.d.ts.map +1 -1
- package/dist/esm/input/theme.d.ts +12 -0
- package/dist/esm/input/theme.d.ts.map +1 -1
- package/dist/esm/input/theme.js +13 -1
- 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 +7 -7
- package/dist/esm/list/list.js.map +1 -1
- package/dist/esm/radio/consts.d.ts +5 -4
- package/dist/esm/radio/consts.d.ts.map +1 -1
- package/dist/esm/radio/consts.js +5 -4
- 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 +7 -3
- package/dist/esm/radio/radio.js.map +1 -1
- package/dist/esm/radio/theme.d.ts +1 -1
- 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 +2 -0
- 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/textarea/textarea.d.ts +1 -1
- package/dist/esm/textarea/textarea.d.ts.map +1 -1
- package/dist/esm/textarea/textarea.js +22 -19
- package/dist/esm/textarea/textarea.js.map +1 -1
- package/dist/esm/textarea/textarea.types.d.ts +2 -0
- package/dist/esm/textarea/textarea.types.d.ts.map +1 -1
- package/dist/esm/textarea/theme.js +1 -1
- package/dist/esm/textarea/theme.js.map +1 -1
- package/dist/esm/theme/components.d.ts +83 -2
- 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 +83 -2
- 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/checkbox/checkbox.tsx +7 -5
- package/src/checkbox/consts.ts +5 -4
- package/src/checkbox/theme.ts +1 -1
- package/src/index.ts +1 -0
- package/src/input/input.tsx +83 -66
- package/src/input/input.types.ts +2 -0
- package/src/input/theme.ts +13 -1
- 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 +6 -5
- package/src/radio/consts.ts +5 -4
- package/src/radio/radio.tsx +6 -4
- 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 +2 -0
- 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/textarea/textarea.tsx +70 -49
- package/src/textarea/textarea.types.ts +2 -0
- package/src/textarea/theme.ts +1 -1
- package/src/theme/components.ts +2 -0
package/dist/cjs/list/list.js
CHANGED
|
@@ -85,13 +85,14 @@ exports.List = (0, core_1.vui)((props, ref) => {
|
|
|
85
85
|
}
|
|
86
86
|
};
|
|
87
87
|
(0, react_1.useEffect)(() => {
|
|
88
|
-
if (isInteractive)
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
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]);
|
|
95
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)
|
|
96
97
|
? items.map((_a, index) => {
|
|
97
98
|
var { key } = _a, props = __rest(_a, ["key"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/list/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export declare const radioColors: {
|
|
2
|
-
readonly
|
|
3
|
-
readonly
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
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";
|
|
6
7
|
};
|
|
7
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,9 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.radioColors = void 0;
|
|
4
4
|
exports.radioColors = {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
unchecked: 'sandstone.60',
|
|
6
|
+
checked: 'seaBlue.28',
|
|
7
|
+
hover: 'seaBlue.20',
|
|
8
|
+
focus: 'seaBlue.35',
|
|
9
|
+
disabled: 'sandstone.90',
|
|
9
10
|
};
|
|
10
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,8 +52,12 @@ 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
|
-
color: ${consts_1.radioColors.
|
|
60
|
+
color: ${consts_1.radioColors.disabled};
|
|
57
61
|
cursor: not-allowed;
|
|
58
62
|
|
|
59
63
|
.vui-radioControl {
|
|
@@ -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,
|
|
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"}
|
|
@@ -6,13 +6,18 @@ import { SelectProps } from './select.types';
|
|
|
6
6
|
*/
|
|
7
7
|
export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export declare namespace Select {
|
|
9
|
-
var Button: import("
|
|
10
|
-
var Content: import("
|
|
11
|
-
var Group: import("
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
var Button: import("../core").VuiComponent<"button", import("..").ButtonProps>;
|
|
10
|
+
var Content: import("../core").VuiComponent<"div", import("../box").BoxProps>;
|
|
11
|
+
var Group: import("../core").VuiComponent<"ul", import("..").ListProps> & {
|
|
12
|
+
/**
|
|
13
|
+
* Wraps trigger and content elements, providing them with context.
|
|
14
|
+
* When no children are provided, content can be displayed based on 'options' data prop.
|
|
15
|
+
* Supports single select and multi select, as well as controlled and uncontrolled modes.
|
|
16
|
+
*/
|
|
17
|
+
Divider: import("../core").VuiComponent<"hr", import("..").DividerProps>;
|
|
18
|
+
Heading: import("../core").VuiComponent<"li", import("..").TProps>;
|
|
14
19
|
};
|
|
15
|
-
var Option: import("
|
|
20
|
+
var Option: import("../core").VuiComponent<"li", import("./select.types").SelectOptionProps>;
|
|
16
21
|
var displayName: string;
|
|
17
22
|
}
|
|
18
23
|
export default Select;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAoB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAO9D;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuGxC;yBAvGe,MAAM;;;;QALtB;;;;WAIG;;;;;;;AAgHH,eAAe,MAAM,CAAA"}
|
|
@@ -18,7 +18,11 @@ exports.Select = void 0;
|
|
|
18
18
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
19
|
const react_1 = require("react");
|
|
20
20
|
const box_1 = require("../box");
|
|
21
|
+
const core_1 = require("../core");
|
|
21
22
|
const input_1 = require("../input");
|
|
23
|
+
const consts_1 = require("../input/consts");
|
|
24
|
+
const helpText_1 = __importDefault(require("../input/helpText"));
|
|
25
|
+
const label_1 = __importDefault(require("../label"));
|
|
22
26
|
const popover_1 = require("../popover");
|
|
23
27
|
const utils_1 = require("../utils");
|
|
24
28
|
const context_1 = require("./context");
|
|
@@ -34,13 +38,16 @@ const useSelect_1 = __importDefault(require("./useSelect"));
|
|
|
34
38
|
*/
|
|
35
39
|
function Select(props) {
|
|
36
40
|
var _a;
|
|
37
|
-
const { children, defaultValue, disabled, isInvalid, isMultiple, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size, value, variant } = props, rest = __rest(props, ["children", "defaultValue", "disabled", "isInvalid", "isMultiple", "maxHeight", "name", "onChange", "options", "placeholder", "readOnly", "selectButton", "selectButtonProps", "showOptionsFilter", "size", "value", "variant"]);
|
|
41
|
+
const { children, defaultValue, disabled, errorText, helpText, id: idProp, isInvalid, isMultiple, label, maxHeight, name, onChange, options, placeholder = 'Please select', readOnly, selectButton, selectButtonProps, showOptionsFilter, size = 'lg', value, variant } = props, rest = __rest(props, ["children", "defaultValue", "disabled", "errorText", "helpText", "id", "isInvalid", "isMultiple", "label", "maxHeight", "name", "onChange", "options", "placeholder", "readOnly", "selectButton", "selectButtonProps", "showOptionsFilter", "size", "value", "variant"]);
|
|
38
42
|
const selectProps = (0, useSelect_1.default)({ defaultValue, isMultiple, onChange, value, options, children });
|
|
39
43
|
if (utils_1.__DEV__ && isMultiple && !Array.isArray(selectProps.value)) {
|
|
40
44
|
console.error('<Select /> is used with isMultiple but its value is not an array: ', value);
|
|
41
45
|
}
|
|
46
|
+
const generatedId = (0, react_1.useId)();
|
|
47
|
+
const styles = (0, core_1.useStyleConfig)('Select', (0, context_1.useSelectContext)());
|
|
42
48
|
const [query, setQuery] = (0, react_1.useState)('');
|
|
43
49
|
const [filteredOptions, setFilteredOptions] = (0, react_1.useState)(options);
|
|
50
|
+
const id = idProp || generatedId;
|
|
44
51
|
const context = Object.assign({ disabled,
|
|
45
52
|
isInvalid,
|
|
46
53
|
isMultiple,
|
|
@@ -58,7 +65,7 @@ function Select(props) {
|
|
|
58
65
|
(0, react_1.useEffect)(() => {
|
|
59
66
|
setFilteredOptions(options === null || options === void 0 ? void 0 : options.filter(filterOptions));
|
|
60
67
|
}, [query, options]);
|
|
61
|
-
return ((0, jsx_runtime_1.
|
|
68
|
+
return ((0, jsx_runtime_1.jsxs)(context_1.SelectProvider, { value: context, children: [(0, utils_1.isString)(label) ? ((0, jsx_runtime_1.jsx)(label_1.default, Object.assign({ "aria-disabled": disabled, className: "vui-input-label", htmlFor: id, mb: 0.5 }, styles.label, { children: label }))) : (label), (0, jsx_runtime_1.jsx)(popover_1.Popover, Object.assign({ matchWidth: true }, rest, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [selectButton !== null && selectButton !== void 0 ? selectButton : (0, jsx_runtime_1.jsx)(selectButton_1.default, Object.assign({}, selectButtonProps)), (0, jsx_runtime_1.jsxs)(selectContent_1.default, { children: [showOptionsFilter && ((0, jsx_runtime_1.jsx)(box_1.Box, { mr: 2, children: (0, jsx_runtime_1.jsx)(input_1.Input, { iconLeft: "culFilterAlt", m: 1, mt: 0, onChange: onQueryChange, placeholder: "Filter\u2026", size: size, value: query }) })), (0, jsx_runtime_1.jsx)(selectGroup_1.default, { maxH: maxHeight, tabIndex: 1000, children: children !== null && children !== void 0 ? children : (_a = filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map) === null || _a === void 0 ? void 0 : _a.call(filteredOptions, option => (0, jsx_runtime_1.jsx)(selectOption_1.default, Object.assign({ title: option.text }, option), option.value)) })] })] }) })), !!helpText && (0, jsx_runtime_1.jsx)(helpText_1.default, { size: consts_1.helpTextSize[size], children: helpText }), !!errorText && ((0, jsx_runtime_1.jsx)(helpText_1.default, { isError: true, size: consts_1.helpTextSize[size], children: errorText }))] }));
|
|
62
69
|
}
|
|
63
70
|
exports.Select = Select;
|
|
64
71
|
Select.Button = selectButton_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkD;AAElD,gCAA4B;AAC5B,oCAAgC;AAChC,wCAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,12 +12,20 @@ export type SelectGroupProps = ListProps;
|
|
|
12
12
|
export type SelectProps = ThemingProps<'Select'> & PopoverProps & UseSelectProps & {
|
|
13
13
|
/** Select cannot be opened and is styled accordingly. */
|
|
14
14
|
disabled?: boolean;
|
|
15
|
+
/** Socket displaying error text below an input. */
|
|
16
|
+
errorText?: string | React.ReactNode;
|
|
17
|
+
/** Socket displaying help text below an input. */
|
|
18
|
+
helpText?: React.ReactNode | string;
|
|
19
|
+
/** Unique identifier */
|
|
20
|
+
id?: string;
|
|
15
21
|
/** Represents invalid form input and is styled accordingly. */
|
|
16
22
|
isInvalid?: boolean;
|
|
17
23
|
/** Maximum container height in px. */
|
|
18
24
|
maxHeight?: number;
|
|
19
25
|
/** Name of the input. Used in custom change event to support form library integration. */
|
|
20
26
|
name?: string;
|
|
27
|
+
/** The label. */
|
|
28
|
+
label?: string | React.ReactNode;
|
|
21
29
|
/** Data prop to display an array of options in the popover. */
|
|
22
30
|
options?: SelectOptionData[];
|
|
23
31
|
/** Displayed inside the trigger when no value is selected. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
|
|
1
|
+
{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAA;AAE3C,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAA;AAEpD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAC/G,GACC,mBAAmB,CAAA;AAErB,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAC,QAAQ,CAAC,GAC9C,YAAY,GACZ,cAAc,GAAG;IACf,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACpC,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACnC,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,+DAA+D;IAC/D,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,8DAA8D;IAC9D,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,+BAA+B;IAC/B,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,mGAAmG;IACnG,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"selectButton.d.ts","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,YAAY,2EAkEvB,CAAA;AAGF,eAAe,YAAY,CAAA"}
|
|
@@ -59,6 +59,8 @@ exports.SelectButton = (0, core_1.vui)((props, ref) => {
|
|
|
59
59
|
backgroundColor: 'sandstone.79',
|
|
60
60
|
borderColor: 'sandstone.79',
|
|
61
61
|
hoverBg: 'sandstone.79',
|
|
62
|
+
hoverBorderColor: 'sandstone.79',
|
|
63
|
+
activeBorderColor: 'sandstone.79',
|
|
62
64
|
}
|
|
63
65
|
: undefined;
|
|
64
66
|
const readOnlyProps = readOnly
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectButton.js","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,oDAA8C;AAC9C,kCAA6C;AAC7C,wCAA2C;AAC3C,oCAA+C;AAC/C,uCAA4C;AAG5C;;;;GAIG;AACU,QAAA,YAAY,GAAG,IAAA,UAAG,EAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC1E,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAA,IAAA,0BAAgB,GAAE,mCAAI,EAAE,CAAA;IAC1F,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAA;IAErC,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,MAAM,EAAE,aAAa;YACrB,eAAe,EAAE,cAAc;YAC/B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,cAAc;
|
|
1
|
+
{"version":3,"file":"selectButton.js","sourceRoot":"","sources":["../../../src/select/selectButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,oDAA8C;AAC9C,kCAA6C;AAC7C,wCAA2C;AAC3C,oCAA+C;AAC/C,uCAA4C;AAG5C;;;;GAIG;AACU,QAAA,YAAY,GAAG,IAAA,UAAG,EAA8B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC1E,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAA,IAAA,0BAAgB,GAAE,mCAAI,EAAE,CAAA;IAC1F,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,MAAM,IAAI,GAAG,SAAS,IAAI,WAAW,CAAA;IAErC,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,MAAM,EAAE,aAAa;YACrB,eAAe,EAAE,cAAc;YAC/B,WAAW,EAAE,cAAc;YAC3B,OAAO,EAAE,cAAc;YACvB,gBAAgB,EAAE,cAAc;YAChC,iBAAiB,EAAE,cAAc;SAClC;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,cAAc;YACxB,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;YACrB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC;SACX;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,cAAc,GAAG,SAAS;QAC9B,CAAC,CAAC;YACE,WAAW,EAAE,cAAc;YAC3B,gBAAgB,EAAE,cAAc;SACjC;QACH,CAAC,CAAC,SAAS,CAAA;IAEb,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAA;IACxD,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAA;IAE5D,OAAO,CACL,uBAAC,wBAAc,kBACb,EAAE,EAAE,mBAAU,EACd,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,IAAA,UAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,EACZ,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,uBAAC,gBAAM,CAAC,IAAI,IAAC,KAAK,EAAE,SAAS,EAAE,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,GAAG,EAC1E,WAAW,QACX,EAAE,EAAE,CAAC,EACL,GAAG,EAAE,GAAG,EACR,IAAI,EACF,uBAAC,gBAAM,CAAC,IAAI,kBAAC,KAAK,EAAE,SAAS,IAAM,wBAAgB,cAChD,IAAI,IACO,EAEhB,UAAU,EAAC,MAAM,IACb,MAAM,CAAC,MAAM,EACb,aAAa,EACb,aAAa,EACb,cAAc,EACd,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AACzC,kBAAe,oBAAY,CAAA"}
|
|
@@ -21,7 +21,7 @@ const context_1 = require("./context");
|
|
|
21
21
|
exports.SelectGroup = (0, core_1.vui)((props, ref) => {
|
|
22
22
|
const { className } = props, rest = __rest(props, ["className"]);
|
|
23
23
|
const styles = (0, core_1.useStyleConfig)('Select', (0, context_1.useSelectContext)());
|
|
24
|
-
return (0, jsx_runtime_1.jsx)(list_1.List, Object.assign({ className: (0, utils_1.cs)('vui-selectGroup', className), ref: ref
|
|
24
|
+
return (0, jsx_runtime_1.jsx)(list_1.List, Object.assign({ className: (0, utils_1.cs)('vui-selectGroup', className), ref: ref }, styles.group, rest));
|
|
25
25
|
});
|
|
26
26
|
exports.SelectGroup.Divider = list_1.ListDivider;
|
|
27
27
|
exports.SelectGroup.Heading = list_1.ListHeading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectGroup.js","sourceRoot":"","sources":["../../../src/select/selectGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAA2D;AAC3D,kCAAwD;AACxD,oCAA6B;AAC7B,uCAA4C;AAG5C,wFAAwF;AAC3E,QAAA,WAAW,GAAG,IAAA,UAAG,EAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,OAAO,uBAAC,WAAI,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"selectGroup.js","sourceRoot":"","sources":["../../../src/select/selectGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAA2D;AAC3D,kCAAwD;AACxD,oCAA6B;AAC7B,uCAA4C;AAG5C,wFAAwF;AAC3E,QAAA,WAAW,GAAG,IAAA,UAAG,EAAyB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,OAAO,uBAAC,WAAI,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,CAAC,KAAK,EAAM,IAAI,EAAI,CAAA;AACpG,CAAC,CAGA,CAAA;AAED,mBAAW,CAAC,OAAO,GAAG,kBAAW,CAAA;AACjC,mBAAW,CAAC,OAAO,GAAG,kBAAW,CAAA;AAEjC,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,kBAAe,mBAAW,CAAA"}
|
|
@@ -44,7 +44,7 @@ exports.SelectOption = (0, core_1.vui)((props, ref) => {
|
|
|
44
44
|
onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent);
|
|
45
45
|
!isMultiple && (instance === null || instance === void 0 ? void 0 : instance.hide());
|
|
46
46
|
});
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)(list_1.ListItem, Object.assign({ activeBg: "skyBlue.active", className: (0, utils_1.cs)('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, ref: ref, selectedBg: "skyBlue.selected", title: title, value: valueProp }, styles.
|
|
47
|
+
return ((0, jsx_runtime_1.jsx)(list_1.ListItem, Object.assign({ activeBg: "skyBlue.active", className: (0, utils_1.cs)('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, ref: ref, selectedBg: "skyBlue.selected", title: title, value: valueProp }, styles.option, rest, utils_1.ellipsisOverflow, { children: children !== null && children !== void 0 ? children : (isMultiple && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({ checked: isSelected, disabled: disabled, mr: 1 }, styles.option)), (0, jsx_runtime_1.jsx)(list_1.List.Text, { children: props.text })] }))) })));
|
|
48
48
|
});
|
|
49
49
|
exports.SelectOption.displayName = 'SelectOption';
|
|
50
50
|
exports.default = exports.SelectOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,0CAAsC;AACtC,kCAA6C;AAC7C,kCAAwC;AACxC,wCAA8C;AAC9C,oCAA2E;AAC3E,uCAA4C;AAG5C;;;;GAIG;AACU,QAAA,YAAY,GAAG,IAAA,UAAG,EAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACtE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjG,kEAAyF,CAAQ,CAAA;IACvG,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAA,IAAA,2BAAiB,GAAE,mCAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAA,IAAA,0BAAgB,GAAE,mCAAI,EAAE,CAAA;IACtE,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAA;IAEtG,MAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,6BAA6B;QAC7B,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,CAAC,CAAA;QACtC,MAAM,WAAW,GAAG,IAAK,WAAW,CAAC,WAAmB,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAEvF,8CAA8C;QAC9C,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,QAAQ,EAAE;YAC3C,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE;SAClC,CAAC,CAAA;QAEF,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAA;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,WAAW,CAAC,CAAA;QACvB,CAAC,UAAU,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAA,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,eAAQ,kBACP,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,IAAA,UAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,eAAe,EACvB,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,kBAAkB,EAC7B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,IACZ,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,0CAAsC;AACtC,kCAA6C;AAC7C,kCAAwC;AACxC,wCAA8C;AAC9C,oCAA2E;AAC3E,uCAA4C;AAG5C;;;;GAIG;AACU,QAAA,YAAY,GAAG,IAAA,UAAG,EAA0B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACtE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjG,kEAAyF,CAAQ,CAAA;IACvG,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAA,IAAA,2BAAiB,GAAE,mCAAI,EAAE,CAAA;IAC9C,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAA,IAAA,0BAAgB,GAAE,mCAAI,EAAE,CAAA;IACtE,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAA;IAEtG,MAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,CAAC,CAA4B,EAAE,EAAE;QAC9D,6BAA6B;QAC7B,MAAM,WAAW,GAAG,CAAC,CAAC,WAAW,IAAI,CAAC,CAAA;QACtC,MAAM,WAAW,GAAG,IAAK,WAAW,CAAC,WAAmB,CAAC,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;QAEvF,8CAA8C;QAC9C,MAAM,CAAC,cAAc,CAAC,WAAW,EAAE,QAAQ,EAAE;YAC3C,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE;SAClC,CAAC,CAAA;QAEF,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,CAAC,CAAA;QAChB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,WAAW,CAAC,CAAA;QACvB,CAAC,UAAU,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAA,CAAA;IACjC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,eAAQ,kBACP,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,IAAA,UAAE,EAAC,kBAAkB,EAAE,SAAS,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAC,eAAe,EACvB,aAAa,QACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,kBAAkB,EAC7B,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,IACZ,MAAM,CAAC,MAAM,EACb,IAAI,EACJ,wBAAgB,cAEnB,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GACP,CAAC,UAAU,IAAI,CACb,6DACE,uBAAC,mBAAQ,kBAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,IAAM,MAAM,CAAC,MAAM,EAAI,EAC/E,uBAAC,WAAI,CAAC,IAAI,cAAE,KAAK,CAAC,IAAI,GAAa,IAClC,CACJ,CAAC,IACK,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA;AAEzC,kBAAe,oBAAY,CAAA"}
|
|
@@ -10,11 +10,43 @@ declare const _default: {
|
|
|
10
10
|
button: {
|
|
11
11
|
size: string;
|
|
12
12
|
};
|
|
13
|
+
group: {
|
|
14
|
+
size: string;
|
|
15
|
+
};
|
|
16
|
+
option: {
|
|
17
|
+
size: string;
|
|
18
|
+
};
|
|
19
|
+
label: {
|
|
20
|
+
fontSize: string;
|
|
21
|
+
};
|
|
13
22
|
};
|
|
14
23
|
md: {
|
|
15
24
|
button: {
|
|
16
25
|
size: string;
|
|
17
26
|
};
|
|
27
|
+
group: {
|
|
28
|
+
size: string;
|
|
29
|
+
};
|
|
30
|
+
option: {
|
|
31
|
+
size: string;
|
|
32
|
+
};
|
|
33
|
+
label: {
|
|
34
|
+
fontSize: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
lg: {
|
|
38
|
+
button: {
|
|
39
|
+
size: string;
|
|
40
|
+
};
|
|
41
|
+
group: {
|
|
42
|
+
size: string;
|
|
43
|
+
};
|
|
44
|
+
option: {
|
|
45
|
+
size: string;
|
|
46
|
+
};
|
|
47
|
+
label: {
|
|
48
|
+
fontSize: string;
|
|
49
|
+
};
|
|
18
50
|
};
|
|
19
51
|
};
|
|
20
52
|
variants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,wBAMC"}
|
package/dist/cjs/select/theme.js
CHANGED
|
@@ -5,17 +5,49 @@ const defaultProps = {
|
|
|
5
5
|
size: 'md',
|
|
6
6
|
variant: 'outlined',
|
|
7
7
|
};
|
|
8
|
-
const parts = ['container', 'button', 'content', 'group', 'option'];
|
|
8
|
+
const parts = ['container', 'button', 'content', 'group', 'option', 'label'];
|
|
9
9
|
const sizes = {
|
|
10
10
|
sm: {
|
|
11
11
|
button: {
|
|
12
12
|
size: 'sm',
|
|
13
13
|
},
|
|
14
|
+
group: {
|
|
15
|
+
size: 'sm',
|
|
16
|
+
},
|
|
17
|
+
option: {
|
|
18
|
+
size: 'sm',
|
|
19
|
+
},
|
|
20
|
+
label: {
|
|
21
|
+
fontSize: 'sm',
|
|
22
|
+
},
|
|
14
23
|
},
|
|
15
24
|
md: {
|
|
16
25
|
button: {
|
|
17
26
|
size: 'md',
|
|
18
27
|
},
|
|
28
|
+
group: {
|
|
29
|
+
size: 'md',
|
|
30
|
+
},
|
|
31
|
+
option: {
|
|
32
|
+
size: 'md',
|
|
33
|
+
},
|
|
34
|
+
label: {
|
|
35
|
+
fontSize: 'md',
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
lg: {
|
|
39
|
+
button: {
|
|
40
|
+
size: 'lg',
|
|
41
|
+
},
|
|
42
|
+
group: {
|
|
43
|
+
size: 'lg',
|
|
44
|
+
},
|
|
45
|
+
option: {
|
|
46
|
+
size: 'lg',
|
|
47
|
+
},
|
|
48
|
+
label: {
|
|
49
|
+
fontSize: 'lg',
|
|
50
|
+
},
|
|
19
51
|
},
|
|
20
52
|
};
|
|
21
53
|
const variants = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,UAAU;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/select/theme.ts"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,UAAU;CACpB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAE5E,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;QACD,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;QACD,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;IACD,EAAE,EAAE;QACF,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,IAAI,EAAE,IAAI;SACX;QACD,MAAM,EAAE;YACN,IAAI,EAAE,IAAI;SACX;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,IAAI;SACf;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,SAAS;YACtB,gBAAgB,EAAE,SAAS;SAC5B;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,OAAO;YACjB,WAAW,EAAE,aAAa;YAC1B,gBAAgB,EAAE,aAAa;SAChC;KACF;CACF,CAAA;AAED,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switchLabel.d.ts","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,uDAAuD;AACvD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"switchLabel.d.ts","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":"AAGA,OAAU,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAIhC,uDAAuD;AACvD,eAAO,MAAM,WAAW,gDAUtB,CAAA;AAIF,eAAe,WAAW,CAAA"}
|
|
@@ -24,6 +24,10 @@ const context_1 = require("./context");
|
|
|
24
24
|
exports.SwitchLabel = (0, core_1.vui)((props, ref) => {
|
|
25
25
|
const { className } = props, rest = __rest(props, ["className"]);
|
|
26
26
|
const styles = (0, core_1.useStyleConfig)('Switch', (0, context_1.useSwitchContext)());
|
|
27
|
+
// <T> has xs but not xl
|
|
28
|
+
if (styles.label.size === 'xl') {
|
|
29
|
+
rest.fontSize = 20;
|
|
30
|
+
}
|
|
27
31
|
return (0, jsx_runtime_1.jsx)(t_1.default, Object.assign({ className: (0, utils_1.cs)('vui-switchLabel', className), display: "flex", ref: ref }, styles.label, rest));
|
|
28
32
|
});
|
|
29
33
|
exports.SwitchLabel.displayName = 'SwitchLabel';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switchLabel.js","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,6CAAgC;AAChC,oCAA6B;AAC7B,uCAA4C;AAE5C,uDAAuD;AAC1C,QAAA,WAAW,GAAG,IAAA,UAAG,EAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,OAAO,uBAAC,WAAC,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,IAAM,MAAM,CAAC,KAAK,EAAM,IAAI,EAAI,CAAA;AAChH,CAAC,CAAC,CAAA;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,kBAAe,mBAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"switchLabel.js","sourceRoot":"","sources":["../../../src/switch/switchLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,6CAAgC;AAChC,oCAA6B;AAC7B,uCAA4C;AAE5C,uDAAuD;AAC1C,QAAA,WAAW,GAAG,IAAA,UAAG,EAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC5D,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAA;IAE3D,wBAAwB;IACxB,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,EAAE;QAC9B,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAA;KACnB;IAED,OAAO,uBAAC,WAAC,kBAAC,SAAS,EAAE,IAAA,UAAE,EAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,GAAG,EAAE,GAAG,IAAM,MAAM,CAAC,KAAK,EAAM,IAAI,EAAI,CAAA;AAChH,CAAC,CAAC,CAAA;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAA;AAEvC,kBAAe,mBAAW,CAAA"}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
declare function sizeXl(): {
|
|
2
|
+
button: {
|
|
3
|
+
fontSize: string;
|
|
4
|
+
minW: number;
|
|
5
|
+
thumb: {
|
|
6
|
+
h: number;
|
|
7
|
+
w: number;
|
|
8
|
+
};
|
|
9
|
+
track: {
|
|
10
|
+
h: number;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
label: {
|
|
14
|
+
size: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
1
17
|
declare function sizeLg(): {
|
|
2
18
|
button: {
|
|
3
19
|
fontSize: string;
|
|
@@ -66,6 +82,7 @@ declare const _default: {
|
|
|
66
82
|
sm: typeof sizeSm;
|
|
67
83
|
md: typeof sizeMd;
|
|
68
84
|
lg: typeof sizeLg;
|
|
85
|
+
xl: typeof sizeXl;
|
|
69
86
|
};
|
|
70
87
|
variants: {
|
|
71
88
|
primary: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAaA,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":"AAaA,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;AAED,iBAAS,MAAM;;;;;;;;;;;;;;;EAkBd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCD,wBAMC"}
|
package/dist/cjs/switch/theme.js
CHANGED
|
@@ -11,6 +11,23 @@ const baseStyle = {
|
|
|
11
11
|
},
|
|
12
12
|
},
|
|
13
13
|
};
|
|
14
|
+
function sizeXl() {
|
|
15
|
+
const button = {
|
|
16
|
+
fontSize: 'lg',
|
|
17
|
+
minW: 58,
|
|
18
|
+
thumb: {
|
|
19
|
+
h: 28,
|
|
20
|
+
w: 28,
|
|
21
|
+
},
|
|
22
|
+
track: {
|
|
23
|
+
h: 32,
|
|
24
|
+
},
|
|
25
|
+
};
|
|
26
|
+
const label = {
|
|
27
|
+
size: 'xl',
|
|
28
|
+
};
|
|
29
|
+
return { button, label };
|
|
30
|
+
}
|
|
14
31
|
function sizeLg() {
|
|
15
32
|
const button = {
|
|
16
33
|
fontSize: 'md',
|
|
@@ -71,6 +88,7 @@ const sizes = {
|
|
|
71
88
|
sm: sizeSm,
|
|
72
89
|
md: sizeMd,
|
|
73
90
|
lg: sizeLg,
|
|
91
|
+
xl: sizeXl,
|
|
74
92
|
};
|
|
75
93
|
const variants = {
|
|
76
94
|
primary: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":";;AAAA,qCAAuC;AAEvC,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,EAAE,EAAE,OAAO;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;KACF;CACF,CAAA;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAE9C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE;QACP,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,qBAAY,CAAC,IAAI;aACtB;SACF;KACF;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,qBAAY,CAAC,KAAK;aACvB;SACF;KACF;IACD,GAAG,EAAE;QACH,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,qBAAY,CAAC,GAAG;aACrB;SACF;KACF;CACF,CAAA;AAED,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/switch/theme.ts"],"names":[],"mappings":";;AAAA,qCAAuC;AAEvC,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,EAAE,EAAE,OAAO;SACZ;QACD,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;SACR;KACF;CACF,CAAA;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,SAAS,MAAM;IACb,MAAM,MAAM,GAAG;QACb,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD,KAAK,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAA;IAED,MAAM,KAAK,GAAG;QACZ,IAAI,EAAE,IAAI;KACX,CAAA;IAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAA;AAC1B,CAAC;AAED,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAE9C,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;CACX,CAAA;AAED,MAAM,QAAQ,GAAG;IACf,OAAO,EAAE;QACP,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,qBAAY,CAAC,IAAI;aACtB;SACF;KACF;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,qBAAY,CAAC,KAAK;aACvB;SACF;KACF;IACD,GAAG,EAAE;QACH,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,EAAE,EAAE,qBAAY,CAAC,GAAG;aACrB;SACF;KACF;CACF,CAAA;AAED,kBAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
|
|
@@ -4,6 +4,6 @@ export declare const TextareaBase: import("styled-components").StyledComponent<"
|
|
|
4
4
|
* Displays a textarea element wrapped in a div to allow extra content, like counter.
|
|
5
5
|
* Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
|
|
6
6
|
*/
|
|
7
|
-
export declare const Textarea: import("
|
|
7
|
+
export declare const Textarea: import("..").VuiComponent<"div", TextareaProps>;
|
|
8
8
|
export default Textarea;
|
|
9
9
|
//# sourceMappingURL=textarea.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAoBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,iDA8HnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
|