@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA2IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
|
|
@@ -82,11 +82,12 @@ exports.Button = (0, core_1.vui)((props, ref) => {
|
|
|
82
82
|
var _a, _b, _c, _d, _e;
|
|
83
83
|
const buttonGroupProps = (0, context_1.useButtonGroupContext)();
|
|
84
84
|
const mergedProps = Object.assign(Object.assign({}, buttonGroupProps), props);
|
|
85
|
-
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
85
|
+
const { borderWidth: borderWidthProp, children, className, colorScheme, disabled, dropDownIcon = 'falAngleDown', icon, iconLeft, iconRight: iconRightProp, isActive, isDropDown, isElevated, isFullWidth, isLoading, // eslint-disable-line
|
|
86
86
|
isRound, isSplit, isTruncated, size, state = '', stateMapping, text, title, variant: variantProp } = mergedProps, rest = __rest(mergedProps, ["borderWidth", "children", "className", "colorScheme", "disabled", "dropDownIcon", "icon", "iconLeft", "iconRight", "isActive", "isDropDown", "isElevated", "isFullWidth", "isLoading", "isRound", "isSplit", "isTruncated", "size", "state", "stateMapping", "text", "title", "variant"]);
|
|
87
87
|
const hasState = Boolean(state) && state !== 'idle';
|
|
88
88
|
const states = Object.assign(Object.assign({}, consts_1.buttonStateMapping), stateMapping);
|
|
89
89
|
const _f = (_a = states[state]) !== null && _a !== void 0 ? _a : {}, { iconProps: stateIconProps } = _f, stateProps = __rest(_f, ["iconProps"]);
|
|
90
|
+
const iconRight = isDropDown ? 'falAngleDown' : iconRightProp;
|
|
90
91
|
const variant = (0, utils_1.filterUndefined)({
|
|
91
92
|
variant: (_c = (_b = states[state]) === null || _b === void 0 ? void 0 : _b.variant) !== null && _c !== void 0 ? _c : variantProp,
|
|
92
93
|
});
|
|
@@ -126,7 +127,7 @@ exports.Button = (0, core_1.vui)((props, ref) => {
|
|
|
126
127
|
pointerEvents: hasState ? 'none' : undefined,
|
|
127
128
|
w: isFullWidth ? '100%' : undefined,
|
|
128
129
|
});
|
|
129
|
-
return ((0, jsx_runtime_1.jsx)(context_2.ButtonProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(exports.ButtonBase, Object.assign({ borderWidth: border, className: (0, utils_1.cs)('vui-button', className, isActive && utils_1.activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr:
|
|
130
|
+
return ((0, jsx_runtime_1.jsx)(context_2.ButtonProvider, { value: context, children: (0, jsx_runtime_1.jsxs)(exports.ButtonBase, Object.assign({ borderWidth: border, className: (0, utils_1.cs)('vui-button', className, isActive && utils_1.activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant }, buttonStyles, disabledProps, aliasedProps, rest, { children: [hasState && ((0, jsx_runtime_1.jsx)(StateWrapper, Object.assign({ onClick: (e) => e.stopPropagation() }, stateProps, { children: (0, jsx_runtime_1.jsx)(buttonIcon_1.default, Object.assign({ m: "auto" }, stateIconProps)) }))), (0, jsx_runtime_1.jsxs)(Content, { children: [(0, utils_1.isString)(icon) ? (0, jsx_runtime_1.jsx)(buttonIcon_1.default, { name: icon }) : icon, !icon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isLoading ? ((0, jsx_runtime_1.jsx)(buttonIcon_1.default, Object.assign({ mr: iconLeftMr }, consts_1.loadingIconProps))) : (0, utils_1.isString)(iconLeft) ? ((0, jsx_runtime_1.jsx)(buttonIcon_1.default, { mr: iconLeftMr, name: iconLeft })) : (iconLeft), children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? (0, jsx_runtime_1.jsx)(buttonText_1.default, { isTruncated, text }) : text), (0, utils_1.isString)(iconRight) ? ((0, jsx_runtime_1.jsx)(buttonIcon_1.default, { ml: !children && !text ? 0 : iconRightMl, name: iconRight })) : (iconRight)] }))] })] })) }));
|
|
130
131
|
});
|
|
131
132
|
exports.Button.Icon = buttonIcon_1.default;
|
|
132
133
|
exports.Button.Text = buttonText_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AAEtC,oDAA8D;AAC9D,kCAAmE;AACnE,oCAAsF;AAEtF,8DAAqC;AACrC,8DAAqC;AACrC,qCAA+D;AAC/D,uCAA0C;AAE1C,MAAM,cAAc,GAAG,aAAM,CAAC,IAAI,CAAA;;CAEjC,CAAA;AAED,MAAM,YAAY,GAAG,aAAM,CAAC,IAAI,CAAA;;;;;;;CAO/B,CAAA;AAEY,QAAA,UAAU,GAAG,aAAM,CAAC,SAAS,CAAa;;;;;;;;;;;;CAYtD,CAAA;AAED;;;;;;GAMG;AACU,QAAA,MAAM,GAAG,IAAA,UAAG,EAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC9D,MAAM,gBAAgB,GAAG,IAAA,+BAAqB,GAAE,CAAA;IAChD,MAAM,WAAW,mCAAQ,gBAAgB,GAAK,KAAK,CAAE,CAAA;IACrD,MAAM,EACJ,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,SAAS,EACT,WAAW,EACX,QAAQ,EACR,YAAY,GAAG,cAAc,EAC7B,IAAI,EACJ,QAAQ,EACR,SAAS,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAyBpE,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAyBpE,eAAO,MAAM,YAAY,ulJAoBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uDAsFnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
|
|
@@ -51,8 +51,11 @@ exports.CheckboxBase = core_1.styled.labelBox `
|
|
|
51
51
|
color: ${p => core_1.th.color(p.controlHoverColor)};
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
+
.vui-checkboxControl:focus-within {
|
|
55
|
+
color: ${consts_1.checkboxColors.focus};
|
|
56
|
+
}
|
|
57
|
+
|
|
54
58
|
&[aria-disabled='true'] {
|
|
55
|
-
color: ${consts_1.checkboxColors.disabled};
|
|
56
59
|
cursor: not-allowed;
|
|
57
60
|
|
|
58
61
|
.vui-checkboxControl {
|
|
@@ -73,8 +76,8 @@ exports.Checkbox = (0, core_1.vui)((props, ref) => {
|
|
|
73
76
|
const styles = (0, core_1.useStyleConfig)('Checkbox', mergedProps);
|
|
74
77
|
const _d = styles.control, { color: controlColor, hoverColor } = _d, controlStyles = __rest(_d, ["color", "hoverColor"]);
|
|
75
78
|
const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
|
|
76
|
-
const controlMr = children || label ?
|
|
77
|
-
const color =
|
|
79
|
+
const controlMr = children || label ? 1 : 0;
|
|
80
|
+
const color = isChecked || isIndeterminate ? consts_1.checkboxColors.checked : controlColor;
|
|
78
81
|
const controlHoverColor = hoverColor ? hoverColor : consts_1.checkboxColors.hover;
|
|
79
82
|
const isLongLabel = label && (label === null || label === void 0 ? void 0 : label.length) >= 60;
|
|
80
83
|
(0, react_1.useEffect)(() => {
|
|
@@ -87,7 +90,7 @@ exports.Checkbox = (0, core_1.vui)((props, ref) => {
|
|
|
87
90
|
const aliasedProps = (0, utils_1.filterUndefined)({
|
|
88
91
|
'aria-disabled': disabled,
|
|
89
92
|
});
|
|
90
|
-
return ((0, jsx_runtime_1.jsxs)(exports.CheckboxBase, Object.assign({ alignItems: isLongLabel ? 'flex-start' : 'center', className: (0, utils_1.cs)('vui-checkbox', className), controlHoverColor: controlHoverColor, ref: ref }, styles.container, aliasedProps, rest, { children: [(0, jsx_runtime_1.jsxs)(CheckboxControl, Object.assign({ bg: "white", className: "vui-checkboxControl", color: color, focusWithinRing: 3, mr: controlMr, role: "none" }, controlStyles, { children: [(0, jsx_runtime_1.jsx)(CheckboxInput, Object.assign({
|
|
93
|
+
return ((0, jsx_runtime_1.jsxs)(exports.CheckboxBase, Object.assign({ alignItems: isLongLabel ? 'flex-start' : 'center', className: (0, utils_1.cs)('vui-checkbox', className), controlHoverColor: controlHoverColor, ref: ref }, styles.container, aliasedProps, rest, { children: [(0, jsx_runtime_1.jsxs)(CheckboxControl, Object.assign({ bg: "white", className: "vui-checkboxControl", color: color, focusWithinRing: 3, mr: controlMr, role: "none" }, controlStyles, { children: [(0, jsx_runtime_1.jsx)(CheckboxInput, Object.assign({ className: "vui-checkboxInput", onChange: handleOnChange, ref: inputRef, type: "checkbox", checked, defaultChecked, disabled, id, name, required, value }, inputProps)), (0, jsx_runtime_1.jsx)(icon_1.default, { className: "vui-checkboxIcon", 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-checkboxLabel", lineHeight: isLongLabel ? '26px' : 'normal' }, styles.label, { children: label }))))] })));
|
|
91
94
|
});
|
|
92
95
|
exports.Checkbox.displayName = 'Checkbox';
|
|
93
96
|
exports.default = exports.Checkbox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export declare const checkboxColors: {
|
|
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/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc;;;;;;CAMjB,CAAA"}
|
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.checkboxColors = void 0;
|
|
4
4
|
exports.checkboxColors = {
|
|
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/checkbox/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG;IAC5B,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/checkbox/consts.ts"],"names":[],"mappings":";;;AAAa,QAAA,cAAc,GAAG;IAC5B,SAAS,EAAE,cAAc;IACzB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,cAAc;CAChB,CAAA"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const consts_1 = require("./consts");
|
|
4
4
|
const baseStyle = {
|
|
5
5
|
control: {
|
|
6
|
-
color: consts_1.checkboxColors.
|
|
6
|
+
color: consts_1.checkboxColors.unchecked,
|
|
7
7
|
hoverColor: consts_1.checkboxColors.hover,
|
|
8
8
|
},
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/checkbox/theme.ts"],"names":[],"mappings":";;AAAA,qCAAyC;AAEzC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,KAAK,EAAE,uBAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/checkbox/theme.ts"],"names":[],"mappings":";;AAAA,qCAAyC;AAEzC,MAAM,SAAS,GAAG;IAChB,OAAO,EAAE;QACP,KAAK,EAAE,uBAAc,CAAC,SAAS;QAC/B,UAAU,EAAE,uBAAc,CAAC,KAAK;KACjC;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"}
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -41,6 +41,7 @@ __exportStar(require("./icon"), exports);
|
|
|
41
41
|
__exportStar(require("./icons"), exports);
|
|
42
42
|
__exportStar(require("./image"), exports);
|
|
43
43
|
__exportStar(require("./input"), exports);
|
|
44
|
+
__exportStar(require("./label"), exports);
|
|
44
45
|
__exportStar(require("./link"), exports);
|
|
45
46
|
__exportStar(require("./list"), exports);
|
|
46
47
|
__exportStar(require("./logo"), exports);
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,2CAAwB;AACxB,0CAAuB;AACvB,wCAAqB;AACrB,gDAA6B;AAC7B,2CAAwB;AACxB,gDAA6B;AAC7B,sDAAmC;AACnC,6CAA0B;AAC1B,yCAAsB;AACtB,6CAA0B;AAC1B,oDAAiC;AACjC,yCAAsB;AACtB,+CAA4B;AAC5B,+CAA4B;AAC5B,2CAAwB;AACxB,4CAAyB;AACzB,gDAA6B;AAC7B,8CAA2B;AAC3B,2CAAwB;AACxB,yCAAsB;AACtB,2CAAwB;AACxB,4CAAyB;AACzB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,4CAAyB;AACzB,0CAAuB;AACvB,iDAA8B;AAC9B,sCAAmB;AACnB,+CAA4B;AAC5B,0CAAuB;AACvB,4CAAyB;AACzB,2CAAwB;AACxB,6CAA0B;AAC1B,qDAAkC;AAClC,0CAAuB;AACvB,2CAAwB;AACxB,6CAA0B;AAC1B,6CAA0B;AAC1B,kDAA+B;AAC/B,sDAAmC;AACnC,oDAAiC;AACjC,4CAAyB;AACzB,wCAAqB;AACrB,2CAAwB;AACxB,2CAAwB;AACxB,sCAAmB;AACnB,0CAAuB;AACvB,4CAAyB;AACzB,0CAAuB;AACvB,yCAAsB;AACtB,wCAAqB;AACrB,6CAA0B;AAC1B,0CAAuB;AACvB,yCAAsB;AACtB,6CAA0B;AAC1B,0CAAuB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,2CAAwB;AACxB,0CAAuB;AACvB,wCAAqB;AACrB,gDAA6B;AAC7B,2CAAwB;AACxB,gDAA6B;AAC7B,sDAAmC;AACnC,6CAA0B;AAC1B,yCAAsB;AACtB,6CAA0B;AAC1B,oDAAiC;AACjC,yCAAsB;AACtB,+CAA4B;AAC5B,+CAA4B;AAC5B,2CAAwB;AACxB,4CAAyB;AACzB,gDAA6B;AAC7B,8CAA2B;AAC3B,2CAAwB;AACxB,yCAAsB;AACtB,2CAAwB;AACxB,4CAAyB;AACzB,yCAAsB;AACtB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,yCAAsB;AACtB,4CAAyB;AACzB,0CAAuB;AACvB,iDAA8B;AAC9B,sCAAmB;AACnB,+CAA4B;AAC5B,0CAAuB;AACvB,4CAAyB;AACzB,2CAAwB;AACxB,6CAA0B;AAC1B,qDAAkC;AAClC,0CAAuB;AACvB,2CAAwB;AACxB,6CAA0B;AAC1B,6CAA0B;AAC1B,kDAA+B;AAC/B,sDAAmC;AACnC,oDAAiC;AACjC,4CAAyB;AACzB,wCAAqB;AACrB,2CAAwB;AACxB,2CAAwB;AACxB,sCAAmB;AACnB,0CAAuB;AACvB,4CAAyB;AACzB,0CAAuB;AACvB,yCAAsB;AACtB,wCAAqB;AACrB,6CAA0B;AAC1B,0CAAuB;AACvB,yCAAsB;AACtB,6CAA0B;AAC1B,0CAAuB"}
|
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
import { InputStateMapping } from './input.types';
|
|
2
2
|
export declare const inputColors: {
|
|
3
|
-
border:
|
|
4
|
-
placeholder:
|
|
5
|
-
inputText:
|
|
6
|
-
helpText:
|
|
7
|
-
icons:
|
|
8
|
-
disabled:
|
|
9
|
-
focus:
|
|
10
|
-
error:
|
|
11
|
-
loading:
|
|
12
|
-
success:
|
|
3
|
+
readonly border: "sandstone.60";
|
|
4
|
+
readonly placeholder: "sandstone.55";
|
|
5
|
+
readonly inputText: "sandstone.10";
|
|
6
|
+
readonly helpText: "sandstone.30";
|
|
7
|
+
readonly icons: "seaBlue.main";
|
|
8
|
+
readonly disabled: "sandstone.95";
|
|
9
|
+
readonly focus: "focusColor";
|
|
10
|
+
readonly error: "energyRed.45";
|
|
11
|
+
readonly loading: "seaBlue.80";
|
|
12
|
+
readonly success: "landGreen.35";
|
|
13
13
|
};
|
|
14
14
|
export declare const stateIcons: {
|
|
15
|
-
error:
|
|
16
|
-
loading:
|
|
17
|
-
success:
|
|
15
|
+
readonly error: "falExclamationTriangle";
|
|
16
|
+
readonly loading: "fadSpinnerThird";
|
|
17
|
+
readonly success: "falCheck";
|
|
18
18
|
};
|
|
19
19
|
export declare const inputStateMapping: InputStateMapping;
|
|
20
20
|
export declare const displayValueOnlyTextSize: {
|
|
21
|
-
sm:
|
|
22
|
-
md:
|
|
23
|
-
lg:
|
|
24
|
-
xl:
|
|
21
|
+
readonly sm: "xs";
|
|
22
|
+
readonly md: "sm";
|
|
23
|
+
readonly lg: "md";
|
|
24
|
+
readonly xl: "lg";
|
|
25
25
|
};
|
|
26
26
|
export declare const clearIconSize: {
|
|
27
|
-
sm:
|
|
28
|
-
md:
|
|
29
|
-
lg:
|
|
30
|
-
xl:
|
|
27
|
+
readonly sm: "sm";
|
|
28
|
+
readonly md: "sm";
|
|
29
|
+
readonly lg: "sm";
|
|
30
|
+
readonly xl: "md";
|
|
31
|
+
};
|
|
32
|
+
export declare const helpTextSize: {
|
|
33
|
+
readonly sm: "sm";
|
|
34
|
+
readonly md: "sm";
|
|
35
|
+
readonly lg: "md";
|
|
36
|
+
readonly xl: "md";
|
|
31
37
|
};
|
|
32
38
|
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,eAAO,MAAM,WAAW;;;;;;;;;;;CAWd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;CAIb,CAAA;AAEV,eAAO,MAAM,iBAAiB,EAAE,iBAuB/B,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;CAK3B,CAAA;AAEV,eAAO,MAAM,aAAa;;;;;CAKhB,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}
|
package/dist/cjs/input/consts.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.clearIconSize = exports.displayValueOnlyTextSize = exports.inputStateMapping = exports.stateIcons = exports.inputColors = void 0;
|
|
3
|
+
exports.helpTextSize = exports.clearIconSize = exports.displayValueOnlyTextSize = exports.inputStateMapping = exports.stateIcons = exports.inputColors = void 0;
|
|
4
4
|
exports.inputColors = {
|
|
5
5
|
border: 'sandstone.60',
|
|
6
6
|
placeholder: 'sandstone.55',
|
|
@@ -8,7 +8,7 @@ exports.inputColors = {
|
|
|
8
8
|
helpText: 'sandstone.30',
|
|
9
9
|
icons: 'seaBlue.main',
|
|
10
10
|
disabled: 'sandstone.95',
|
|
11
|
-
focus: '
|
|
11
|
+
focus: 'focusColor',
|
|
12
12
|
error: 'energyRed.45',
|
|
13
13
|
loading: 'seaBlue.80',
|
|
14
14
|
success: 'landGreen.35',
|
|
@@ -54,4 +54,10 @@ exports.clearIconSize = {
|
|
|
54
54
|
lg: 'sm',
|
|
55
55
|
xl: 'md',
|
|
56
56
|
};
|
|
57
|
+
exports.helpTextSize = {
|
|
58
|
+
sm: 'sm',
|
|
59
|
+
md: 'sm',
|
|
60
|
+
lg: 'md',
|
|
61
|
+
xl: 'md',
|
|
62
|
+
};
|
|
57
63
|
//# sourceMappingURL=consts.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":";;;AAEa,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,cAAc;IACtB,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/input/consts.ts"],"names":[],"mappings":";;;AAEa,QAAA,WAAW,GAAG;IACzB,MAAM,EAAE,cAAc;IACtB,WAAW,EAAE,cAAc;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,cAAc;IACrB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,cAAc;CACf,CAAA;AAEG,QAAA,UAAU,GAAG;IACxB,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,iBAAiB;IAC1B,OAAO,EAAE,UAAU;CACX,CAAA;AAEG,QAAA,iBAAiB,GAAsB;IAClD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,SAAS,EAAE;YACT,KAAK,EAAE,mBAAW,CAAC,KAAK;YACxB,IAAI,EAAE,kBAAU,CAAC,KAAK;SACvB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,MAAM;QACf,SAAS,EAAE;YACT,SAAS,EAAE,+BAA+B;YAC1C,IAAI,EAAE,kBAAU,CAAC,OAAO;YACxB,QAAQ,EAAE,CAAC,mBAAW,CAAC,OAAO,EAAE,mBAAW,CAAC,KAAK,CAAC;SACnD;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE;YACT,KAAK,EAAE,mBAAW,CAAC,OAAO;YAC1B,IAAI,EAAE,kBAAU,CAAC,OAAO;SACzB;KACF;CACF,CAAA;AAEY,QAAA,wBAAwB,GAAG;IACtC,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEG,QAAA,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA;AAEG,QAAA,YAAY,GAAG;IAC1B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HelpTextProps } from './input.types';
|
|
2
|
-
/** Displaying help text
|
|
2
|
+
/** Displaying help text below the input. */
|
|
3
3
|
export declare const HelpText: import("../core").VuiComponent<"div", HelpTextProps>;
|
|
4
4
|
export default HelpText;
|
|
5
5
|
//# sourceMappingURL=helpText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpText.d.ts","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,
|
|
1
|
+
{"version":3,"file":"helpText.d.ts","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,4CAA4C;AAC5C,eAAO,MAAM,QAAQ,sDAuBnB,CAAA;AAGF,eAAe,QAAQ,CAAA"}
|
|
@@ -22,14 +22,14 @@ const p_1 = __importDefault(require("../p"));
|
|
|
22
22
|
const utils_1 = require("../utils");
|
|
23
23
|
const consts_1 = require("./consts");
|
|
24
24
|
const context_1 = require("./context");
|
|
25
|
-
/** Displaying help text
|
|
25
|
+
/** Displaying help text below the input. */
|
|
26
26
|
exports.HelpText = (0, core_1.vui)((props, ref) => {
|
|
27
27
|
const { className, children, isError } = props, rest = __rest(props, ["className", "children", "isError"]);
|
|
28
28
|
const inputProps = (0, context_1.useInputContext)();
|
|
29
29
|
const mergedProps = Object.assign(Object.assign({}, inputProps), props);
|
|
30
30
|
const styles = (0, core_1.useStyleConfig)('Input', mergedProps);
|
|
31
31
|
const color = isError ? consts_1.inputColors.error : consts_1.inputColors.helpText;
|
|
32
|
-
return ((0, jsx_runtime_1.jsxs)(p_1.default, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-inputHelpText', className), color: color, display: "flex",
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(p_1.default, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-inputHelpText', className), color: color, display: "flex", pt: 0.5, ref: ref }, styles.helpText, rest, { children: [isError && (0, jsx_runtime_1.jsx)(icon_1.default, { mr: 1, name: "falExclamationTriangle", pathFill: consts_1.inputColors.error, size: "sm" }), children] })));
|
|
33
33
|
});
|
|
34
34
|
exports.HelpText.displayName = 'HelpText';
|
|
35
35
|
exports.default = exports.HelpText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,mDAA0B;AAC1B,6CAAoB;AACpB,oCAA6B;AAC7B,qCAAsC;AACtC,uCAA2C;AAG3C,
|
|
1
|
+
{"version":3,"file":"helpText.js","sourceRoot":"","sources":["../../../src/input/helpText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,kCAA6C;AAC7C,mDAA0B;AAC1B,6CAAoB;AACpB,oCAA6B;AAC7B,qCAAsC;AACtC,uCAA2C;AAG3C,4CAA4C;AAC/B,QAAA,QAAQ,GAAG,IAAA,UAAG,EAAuB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjD,oCAAyC,CAAQ,CAAA;IACvD,MAAM,UAAU,GAAG,IAAA,yBAAe,GAAE,CAAA;IACpC,MAAM,WAAW,mCAAQ,UAAU,GAAK,KAAK,CAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAW,CAAC,QAAQ,CAAA;IAEhE,OAAO,CACL,wBAAC,WAAC,kBACA,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,IAAA,UAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,EAC7C,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,EAAE,EAAE,GAAG,EACP,GAAG,EAAE,GAAG,IACJ,MAAM,CAAC,QAAQ,EACf,IAAI,eAEP,OAAO,IAAI,uBAAC,cAAI,IAAC,EAAE,EAAE,CAAC,EAAE,IAAI,EAAC,wBAAwB,EAAC,QAAQ,EAAE,oBAAW,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,EAC/F,QAAQ,KACP,CACL,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,kBAAe,gBAAQ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAQnE,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAO,MAAM,SAAS,+HAoBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK;UA6LV,gBAAgB;WACf,iBAAiB;cACd,eAAe;CAC1B,CAAA;AAOD,eAAe,KAAK,CAAA"}
|
package/dist/cjs/input/input.js
CHANGED
|
@@ -19,6 +19,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
19
19
|
const react_1 = require("react");
|
|
20
20
|
const button_1 = require("../button");
|
|
21
21
|
const core_1 = require("../core");
|
|
22
|
+
const label_1 = __importDefault(require("../label"));
|
|
22
23
|
const t_1 = require("../t");
|
|
23
24
|
const utils_1 = require("../utils");
|
|
24
25
|
const autoCompletePopover_1 = __importDefault(require("./autoCompletePopover"));
|
|
@@ -56,10 +57,12 @@ exports.InputBase = core_1.styled.divBox `
|
|
|
56
57
|
*/
|
|
57
58
|
exports.Input = (0, core_1.vui)((props, ref) => {
|
|
58
59
|
var _a, _b;
|
|
59
|
-
const { allowClear,
|
|
60
|
+
const { allowClear, ariaLabel, autoComplete, autoCompleteMaxHeight, autoCompleteOptions, autoFocus, children, className, defaultValue, disabled, displayValueOnly, errorText, helpText, iconLeft, iconRight, id: idProp, input, inputProps, inputRef, itemLeft, itemRight, label, max, maxLength, min, name, onBlur, onChange: onChangeProp, onFocus, pattern, placeholder, readOnly, required, showCount, size = 'lg', state = '', stateMapping, step, type = 'text', value, variant } = props, rest = __rest(props, ["allowClear", "ariaLabel", "autoComplete", "autoCompleteMaxHeight", "autoCompleteOptions", "autoFocus", "children", "className", "defaultValue", "disabled", "displayValueOnly", "errorText", "helpText", "iconLeft", "iconRight", "id", "input", "inputProps", "inputRef", "itemLeft", "itemRight", "label", "max", "maxLength", "min", "name", "onBlur", "onChange", "onFocus", "pattern", "placeholder", "readOnly", "required", "showCount", "size", "state", "stateMapping", "step", "type", "value", "variant"]);
|
|
61
|
+
const generatedId = (0, react_1.useId)();
|
|
60
62
|
const [count, setCount] = (0, react_1.useState)((0, helpers_1.getInitialCount)(props));
|
|
61
63
|
const [valueInternal, setValueInternal] = (0, react_1.useState)(defaultValue || '');
|
|
62
64
|
const states = Object.assign(Object.assign({}, consts_1.inputStateMapping), stateMapping);
|
|
65
|
+
const id = idProp || generatedId;
|
|
63
66
|
const styles = (0, core_1.useStyleConfig)('Input', props);
|
|
64
67
|
const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ disabled, size, variant }), [disabled, size, variant]);
|
|
65
68
|
function onChange(e) {
|
|
@@ -91,23 +94,24 @@ exports.Input = (0, core_1.vui)((props, ref) => {
|
|
|
91
94
|
setCount(((_a = `${value}`) === null || _a === void 0 ? void 0 : _a.length) ? `${value}`.length : 0);
|
|
92
95
|
}, [value]);
|
|
93
96
|
const filterAutoCompleteOptions = (i) => valueInternal === i ? false : !valueInternal || i.toLowerCase().includes(`${valueInternal}`.toLowerCase());
|
|
94
|
-
return ((0, jsx_runtime_1.jsxs)(context_1.InputProvider, { value: context, children: [displayValueOnly ? ((0, jsx_runtime_1.jsx)(t_1.T, { className: (0, utils_1.cs)('vui-input-value', className), size: consts_1.displayValueOnlyTextSize[size], children: value || defaultValue })) : ((0, jsx_runtime_1.jsx)(autoCompletePopover_1.default, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect, children: (0, jsx_runtime_1.jsxs)(exports.InputBase, Object.assign({ className: (0, utils_1.cs)('vui-input', className), ref: ref }, styles.container, aliasedProps, rest, { children: [itemLeft, (0, utils_1.isString)(iconLeft) ? (0, jsx_runtime_1.jsx)(inputIcon_1.default, { ml: 1, name: iconLeft }) : iconLeft, (_a = children !== null && children !== void 0 ? children : input) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsx)(inputInput_1.default, Object.assign({ ref: inputRef, autoFocus,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
97
|
+
return ((0, jsx_runtime_1.jsxs)(context_1.InputProvider, { value: context, children: [displayValueOnly ? ((0, jsx_runtime_1.jsx)(t_1.T, { className: (0, utils_1.cs)('vui-input-value', className), size: consts_1.displayValueOnlyTextSize[size], children: value || defaultValue })) : ((0, jsx_runtime_1.jsx)(autoCompletePopover_1.default, { autoCompleteMaxHeight: autoCompleteMaxHeight, autoCompleteOptions: autoCompleteOptions, filterAutoCompleteOptions: filterAutoCompleteOptions, onAutoCompleteSelect: onAutoCompleteSelect, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { 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.jsxs)(exports.InputBase, Object.assign({ className: (0, utils_1.cs)('vui-input', className), ref: ref }, styles.container, aliasedProps, rest, { children: [itemLeft, (0, utils_1.isString)(iconLeft) ? (0, jsx_runtime_1.jsx)(inputIcon_1.default, { ml: 1, name: iconLeft }) : iconLeft, (_a = children !== null && children !== void 0 ? children : input) !== null && _a !== void 0 ? _a : ((0, jsx_runtime_1.jsx)(inputInput_1.default, Object.assign({ ref: inputRef, autoFocus,
|
|
98
|
+
ariaLabel,
|
|
99
|
+
defaultValue,
|
|
100
|
+
disabled,
|
|
101
|
+
id,
|
|
102
|
+
max,
|
|
103
|
+
maxLength,
|
|
104
|
+
min,
|
|
105
|
+
name,
|
|
106
|
+
onBlur,
|
|
107
|
+
onChange,
|
|
108
|
+
onFocus,
|
|
109
|
+
pattern,
|
|
110
|
+
placeholder,
|
|
111
|
+
readOnly,
|
|
112
|
+
required,
|
|
113
|
+
step,
|
|
114
|
+
type, autoComplete: (autoCompleteOptions === null || autoCompleteOptions === void 0 ? void 0 : autoCompleteOptions.length) ? 'off' : autoComplete, value: valueInternal }, inputProps))), (0, utils_1.isString)(iconRight) ? (0, jsx_runtime_1.jsx)(inputIcon_1.default, { mr: 1, name: iconRight }) : iconRight, itemRight, state && (0, jsx_runtime_1.jsx)(inputIcon_1.default, Object.assign({ mr: 1 }, (_b = states[state]) === null || _b === void 0 ? void 0 : _b.iconProps)), allowClear && ((0, jsx_runtime_1.jsx)(button_1.IconButton, { disabled: !valueInternal, icon: "falTimes", mr: 0.5, onClick: onClear, size: consts_1.clearIconSize[size], title: "Clear" })), showCount && ((0, jsx_runtime_1.jsxs)(t_1.T, { className: "vui-inputCount", color: maxLength && count > maxLength ? consts_1.inputColors.error : consts_1.inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] }))] }))] }) })), !!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 }))] }));
|
|
111
115
|
});
|
|
112
116
|
exports.Input.Icon = inputIcon_1.default;
|
|
113
117
|
exports.Input.Input = inputInput_1.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAA2D;AAE3D,sCAAsC;AACtC,kCAAmE;AACnE,4BAAwB;AACxB,oCAAqE;AACrE,gFAAuD;AACvD,
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/input/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,14 +16,18 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
|
|
|
16
16
|
autoCompleteMaxHeight?: number;
|
|
17
17
|
/** Passed to the inner input. */
|
|
18
18
|
autoFocus?: boolean;
|
|
19
|
+
/** ARIA label for the input element. */
|
|
20
|
+
ariaLabel?: string;
|
|
19
21
|
/** Deprecated. Please use variant instead. @deprecated */
|
|
20
22
|
colorScheme?: 'green' | 'grey' | 'red';
|
|
21
23
|
/** Passed to the inner input. */
|
|
22
24
|
defaultValue?: number | string;
|
|
23
25
|
/** Passed to the inner input. */
|
|
24
26
|
disabled?: boolean;
|
|
25
|
-
/** Socket displaying error text
|
|
27
|
+
/** Socket displaying error text below an input. */
|
|
26
28
|
errorText?: string | React.ReactNode;
|
|
29
|
+
/** Socket displaying help text below an input. */
|
|
30
|
+
helpText?: React.ReactNode | string;
|
|
27
31
|
/** Socket displaying an icon on the left. */
|
|
28
32
|
iconLeft?: IconProp | JSX.Element;
|
|
29
33
|
/** Socket displaying an icon on the right. */
|
|
@@ -40,8 +44,8 @@ export type InputProps = SystemProps & ThemingProps<'Input'> & {
|
|
|
40
44
|
itemLeft?: React.ReactNode;
|
|
41
45
|
/** Socket displaying a custom element on the right. */
|
|
42
46
|
itemRight?: React.ReactNode;
|
|
43
|
-
/**
|
|
44
|
-
|
|
47
|
+
/** The label. */
|
|
48
|
+
label?: string | React.ReactNode;
|
|
45
49
|
/** Passed to the inner input. */
|
|
46
50
|
max?: number | string;
|
|
47
51
|
/** Passed to the inner input. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAC7B,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../../src/input/input.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -35,14 +35,15 @@ exports.InputInputBase = core_1.styled.input `
|
|
|
35
35
|
`;
|
|
36
36
|
/** Displays an input element within the Input component. */
|
|
37
37
|
exports.InputInput = (0, core_1.vui)((props, ref) => {
|
|
38
|
-
const { className, autoComplete } = props, rest = __rest(props, ["className", "autoComplete"]);
|
|
38
|
+
const { type, className, autoComplete } = props, rest = __rest(props, ["type", "className", "autoComplete"]);
|
|
39
39
|
const inputProps = (0, context_1.useInputContext)();
|
|
40
40
|
const mergedProps = Object.assign(Object.assign({}, inputProps), props);
|
|
41
41
|
const styles = (0, core_1.useStyleConfig)('Input', mergedProps);
|
|
42
42
|
const aliasedProps = (0, utils_1.filterUndefined)({
|
|
43
43
|
'aria-disabled': mergedProps.disabled,
|
|
44
|
+
'aria-label': mergedProps.ariaLabel,
|
|
44
45
|
});
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(exports.InputInputBase, Object.assign({
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(exports.InputInputBase, Object.assign({ autoComplete: autoComplete, className: (0, utils_1.cs)('vui-inputInput', className), ref: ref }, styles.input, aliasedProps, rest)));
|
|
46
47
|
});
|
|
47
48
|
exports.InputInput.displayName = 'InputInput';
|
|
48
49
|
exports.default = exports.InputInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAAqD;AACrD,oCAA8C;AAC9C,uCAA2C;AAG9B,QAAA,cAAc,GAAG,aAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC/C,QAAA,UAAU,GAAG,IAAA,UAAG,EAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"inputInput.js","sourceRoot":"","sources":["../../../src/input/inputInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kCAAqD;AACrD,oCAA8C;AAC9C,uCAA2C;AAG9B,QAAA,cAAc,GAAG,aAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;;;;CAgBzC,CAAA;AAED,4DAA4D;AAC/C,QAAA,UAAU,GAAG,IAAA,UAAG,EAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAlD,qCAA0C,CAAQ,CAAA;IACxD,MAAM,UAAU,GAAG,IAAA,yBAAe,GAAE,CAAA;IACpC,MAAM,WAAW,mCAAQ,UAAU,GAAK,KAAK,CAAE,CAAA;IAC/C,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,OAAO,EAAE,WAAW,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,IAAA,uBAAe,EAAC;QACnC,eAAe,EAAE,WAAW,CAAC,QAAQ;QACrC,YAAY,EAAE,WAAW,CAAC,SAAS;KACpC,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,sBAAc,kBACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAA,UAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1C,GAAG,EAAE,GAAG,IACJ,MAAM,CAAC,KAAK,EACZ,YAAY,EACZ,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,kBAAe,kBAAU,CAAA"}
|