@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":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useState } from 'react';
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useId, useState } from 'react';
|
|
3
|
+
import { Label } from '..';
|
|
3
4
|
import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
|
|
4
|
-
import { inputColors } from '../input/consts';
|
|
5
|
+
import { helpTextSize, inputColors } from '../input/consts';
|
|
6
|
+
import HelpText from '../input/helpText';
|
|
5
7
|
import T from '../t';
|
|
6
|
-
import { cs, filterUndefined } from '../utils';
|
|
8
|
+
import { cs, filterUndefined, isString } from '../utils';
|
|
7
9
|
import { getInitialCount } from './helpers';
|
|
8
10
|
const TextareaTextarea = styled.textareaBox `
|
|
9
11
|
border-radius: none;
|
|
@@ -11,6 +13,7 @@ const TextareaTextarea = styled.textareaBox `
|
|
|
11
13
|
outline: none;
|
|
12
14
|
padding: 1;
|
|
13
15
|
resize: none;
|
|
16
|
+
min-height: 80px;
|
|
14
17
|
transition-duration: fast;
|
|
15
18
|
width: 100%;
|
|
16
19
|
|
|
@@ -23,7 +26,7 @@ const TextareaTextarea = styled.textareaBox `
|
|
|
23
26
|
`;
|
|
24
27
|
export const TextareaBase = styled.divBox `
|
|
25
28
|
display: flex;
|
|
26
|
-
|
|
29
|
+
flex-direction: column;
|
|
27
30
|
position: relative;
|
|
28
31
|
width: 100%;
|
|
29
32
|
`;
|
|
@@ -32,9 +35,11 @@ export const TextareaBase = styled.divBox `
|
|
|
32
35
|
* Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
|
|
33
36
|
*/
|
|
34
37
|
export const Textarea = vui((props, ref) => {
|
|
35
|
-
const { autoFocus, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, id, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = 'none', rows, showCount, textareaProps = {}, textareaRef, value, ...rest } = omitThemingProps(props);
|
|
38
|
+
const { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id: idProp, helpText, label, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = 'none', rows, showCount, textareaProps = {}, textareaRef, value, ...rest } = omitThemingProps(props);
|
|
39
|
+
const generatedId = useId();
|
|
36
40
|
const [count, setCount] = useState(getInitialCount(props));
|
|
37
41
|
const [valueInternal, setValueInternal] = useState(defaultValue);
|
|
42
|
+
const id = idProp || generatedId;
|
|
38
43
|
const styles = useStyleConfig('Textarea', props);
|
|
39
44
|
function onChange(e) {
|
|
40
45
|
setValueInternal(e.target.value);
|
|
@@ -46,6 +51,7 @@ export const Textarea = vui((props, ref) => {
|
|
|
46
51
|
});
|
|
47
52
|
const textareaAliasedProps = filterUndefined({
|
|
48
53
|
'aria-disabled': disabled,
|
|
54
|
+
'aria-label': ariaLabel,
|
|
49
55
|
bg: readOnly ? 'sandstone.97' : undefined,
|
|
50
56
|
borderColor: readOnly ? 'sandstone.55' : undefined,
|
|
51
57
|
focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
|
|
@@ -55,21 +61,21 @@ export const Textarea = vui((props, ref) => {
|
|
|
55
61
|
setValueInternal(value);
|
|
56
62
|
setCount(value?.toString()?.length ? `${value}`.length : 0);
|
|
57
63
|
}, [value]);
|
|
58
|
-
return (_jsxs(TextareaBase, { className: cs('vui-textarea', className), ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [_jsx(TextareaTextarea, {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
64
|
+
return (_jsxs(_Fragment, { children: [isString(label) ? (_jsx(Label, { "aria-disabled": disabled, className: "vui-textareaLabel", htmlFor: id, mb: 0.5, ...styles.label, children: label })) : (label), _jsxs(TextareaBase, { className: cs('vui-textarea', className), ref: ref, ...styles.container, ...aliasedProps, ...rest, children: [_jsx(TextareaTextarea, { className: "vui-textareaTextarea", ref: textareaRef, autoFocus,
|
|
65
|
+
cols,
|
|
66
|
+
defaultValue,
|
|
67
|
+
disabled,
|
|
68
|
+
id,
|
|
69
|
+
maxLength,
|
|
70
|
+
name,
|
|
71
|
+
onBlur,
|
|
72
|
+
onChange,
|
|
73
|
+
onFocus,
|
|
74
|
+
placeholder,
|
|
75
|
+
readOnly,
|
|
76
|
+
required,
|
|
77
|
+
resize,
|
|
78
|
+
rows, value: valueInternal, ...styles.textarea, ...textareaAliasedProps, ...textareaProps }), showCount && (_jsxs(T, { className: "vui-textareaCount", color: maxLength && count > maxLength ? inputColors.error : inputColors.helpText, position: "absolute", right: 0, size: "sm", top: "calc(100% + 1px)", children: [count, " ", maxLength ? `/ ${maxLength}` : null] })), !!helpText && _jsx(HelpText, { size: helpTextSize['lg'], children: helpText }), !!errorText && (_jsx(HelpText, { isError: true, size: helpTextSize['lg'], children: errorText }))] })] }));
|
|
73
79
|
});
|
|
74
80
|
Textarea.displayName = 'Textarea';
|
|
75
81
|
export default Textarea;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ import { ChangeEventHandler, FocusEventHandler, PropsOf } from '../utils';
|
|
|
5
5
|
export type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {
|
|
6
6
|
/** Passed to the inner input. */
|
|
7
7
|
autoFocus?: boolean;
|
|
8
|
+
/** ARIA label for the input element. */
|
|
9
|
+
ariaLabel?: string;
|
|
8
10
|
/** Children are disabled for this component. */
|
|
9
11
|
children?: never;
|
|
10
12
|
/** Deprecated. Please use variant instead. @deprecated */
|
|
@@ -15,8 +17,14 @@ export type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {
|
|
|
15
17
|
defaultValue?: number | string;
|
|
16
18
|
/** Passed to the inner input. */
|
|
17
19
|
disabled?: boolean;
|
|
20
|
+
/** Socket displaying error text below an input. */
|
|
21
|
+
errorText?: string | React.ReactNode;
|
|
22
|
+
/** Socket displaying help text below an input. */
|
|
23
|
+
helpText?: React.ReactNode | string;
|
|
18
24
|
/** Deprecated. Please use variant="red" instead. @deprecated*/
|
|
19
25
|
isInvalid?: boolean;
|
|
26
|
+
/** The label. */
|
|
27
|
+
label?: string | React.ReactNode;
|
|
20
28
|
/** Passed to the inner input. */
|
|
21
29
|
maxLength?: number;
|
|
22
30
|
/** Passed to the inner input. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAChD,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACvE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}
|
|
1
|
+
{"version":3,"file":"textarea.types.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAEzE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,YAAY,CAAC,UAAU,CAAC,GAAG;IACzB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAA;IACtC,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,iCAAiC;IACjC,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,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAC/C,iCAAiC;IACjC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAA;IAClD,iCAAiC;IACjC,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IAChD,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC,CAAA;IAChD,wCAAwC;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACvE,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB,CAAA"}
|
|
@@ -2,11 +2,11 @@ declare const _default: {
|
|
|
2
2
|
baseStyle: {
|
|
3
3
|
textarea: {
|
|
4
4
|
focusWithinRing: number;
|
|
5
|
-
color:
|
|
5
|
+
color: "sandstone.10";
|
|
6
6
|
};
|
|
7
7
|
input: {
|
|
8
8
|
color: {
|
|
9
|
-
placeholder:
|
|
9
|
+
placeholder: "sandstone.55";
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
};
|
|
@@ -18,20 +18,20 @@ declare const _default: {
|
|
|
18
18
|
variants: {
|
|
19
19
|
grey: {
|
|
20
20
|
textarea: {
|
|
21
|
-
borderColor:
|
|
22
|
-
focusWithinRingColor:
|
|
21
|
+
borderColor: "sandstone.60";
|
|
22
|
+
focusWithinRingColor: "focusColor";
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
25
|
green: {
|
|
26
26
|
textarea: {
|
|
27
|
-
borderColor:
|
|
28
|
-
focusWithinRingColor:
|
|
27
|
+
borderColor: "landGreen.35";
|
|
28
|
+
focusWithinRingColor: "landGreen.35";
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
31
|
red: {
|
|
32
32
|
textarea: {
|
|
33
|
-
borderColor:
|
|
34
|
-
focusWithinRingColor:
|
|
33
|
+
borderColor: "energyRed.45";
|
|
34
|
+
focusWithinRingColor: "energyRed.45";
|
|
35
35
|
};
|
|
36
36
|
};
|
|
37
37
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { inputColors } from '../input/consts';
|
|
2
2
|
const baseStyle = {
|
|
3
3
|
textarea: {
|
|
4
|
-
focusWithinRing:
|
|
4
|
+
focusWithinRing: 3,
|
|
5
5
|
color: inputColors.inputText,
|
|
6
6
|
},
|
|
7
7
|
input: {
|
|
@@ -11,7 +11,7 @@ const baseStyle = {
|
|
|
11
11
|
const defaultProps = {
|
|
12
12
|
variant: 'grey',
|
|
13
13
|
};
|
|
14
|
-
const parts = ['container', 'textarea'];
|
|
14
|
+
const parts = ['container', 'textarea', 'label'];
|
|
15
15
|
const sizes = {};
|
|
16
16
|
const variants = {
|
|
17
17
|
grey: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/textarea/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,WAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE;KAChD;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,UAAU,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/textarea/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,SAAS,GAAG;IAChB,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC;QAClB,KAAK,EAAE,WAAW,CAAC,SAAS;KAC7B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE;KAChD;CACF,CAAA;AAED,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC,CAAA;AAEhD,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,WAAW,EAAE,WAAW,CAAC,MAAM;YAC/B,oBAAoB,EAAE,WAAW,CAAC,KAAK;SACxC;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,WAAW,EAAE,WAAW,CAAC,OAAO;YAChC,oBAAoB,EAAE,WAAW,CAAC,OAAO;SAC1C;KACF;IACD,GAAG,EAAE;QACH,QAAQ,EAAE;YACR,WAAW,EAAE,WAAW,CAAC,KAAK;YAC9B,oBAAoB,EAAE,WAAW,CAAC,KAAK;SACxC;KACF;CACF,CAAA;AAED,eAAe;IACb,SAAS;IACT,YAAY;IACZ,KAAK;IACL,KAAK;IACL,QAAQ;CACT,CAAA"}
|
|
@@ -729,8 +729,8 @@ declare const _default: {
|
|
|
729
729
|
Checkbox: {
|
|
730
730
|
baseStyle: {
|
|
731
731
|
control: {
|
|
732
|
-
color:
|
|
733
|
-
hoverColor:
|
|
732
|
+
color: "sandstone.60";
|
|
733
|
+
hoverColor: "seaBlue.20";
|
|
734
734
|
};
|
|
735
735
|
};
|
|
736
736
|
defaultProps: {
|
|
@@ -1166,10 +1166,10 @@ declare const _default: {
|
|
|
1166
1166
|
baseStyle: {
|
|
1167
1167
|
container: {
|
|
1168
1168
|
focusWithinRing: number;
|
|
1169
|
-
color:
|
|
1169
|
+
color: "sandstone.10";
|
|
1170
1170
|
};
|
|
1171
1171
|
input: {
|
|
1172
|
-
placeholderTextColor:
|
|
1172
|
+
placeholderTextColor: "sandstone.55";
|
|
1173
1173
|
};
|
|
1174
1174
|
};
|
|
1175
1175
|
defaultProps: {
|
|
@@ -1187,6 +1187,9 @@ declare const _default: {
|
|
|
1187
1187
|
size: string;
|
|
1188
1188
|
};
|
|
1189
1189
|
input: {};
|
|
1190
|
+
label: {
|
|
1191
|
+
fontSize: string;
|
|
1192
|
+
};
|
|
1190
1193
|
};
|
|
1191
1194
|
md: {
|
|
1192
1195
|
container: {
|
|
@@ -1197,6 +1200,9 @@ declare const _default: {
|
|
|
1197
1200
|
size: string;
|
|
1198
1201
|
};
|
|
1199
1202
|
input: {};
|
|
1203
|
+
label: {
|
|
1204
|
+
fontSize: string;
|
|
1205
|
+
};
|
|
1200
1206
|
};
|
|
1201
1207
|
lg: {
|
|
1202
1208
|
container: {
|
|
@@ -1207,6 +1213,9 @@ declare const _default: {
|
|
|
1207
1213
|
size: string;
|
|
1208
1214
|
};
|
|
1209
1215
|
input: {};
|
|
1216
|
+
label: {
|
|
1217
|
+
fontSize: string;
|
|
1218
|
+
};
|
|
1210
1219
|
};
|
|
1211
1220
|
xl: {
|
|
1212
1221
|
container: {
|
|
@@ -1217,29 +1226,53 @@ declare const _default: {
|
|
|
1217
1226
|
size: string;
|
|
1218
1227
|
};
|
|
1219
1228
|
input: {};
|
|
1229
|
+
label: {
|
|
1230
|
+
fontSize: string;
|
|
1231
|
+
};
|
|
1220
1232
|
};
|
|
1221
1233
|
};
|
|
1222
1234
|
variants: {
|
|
1223
1235
|
grey: {
|
|
1224
1236
|
container: {
|
|
1225
|
-
borderColor:
|
|
1226
|
-
focusWithinRingColor:
|
|
1237
|
+
borderColor: "sandstone.60";
|
|
1238
|
+
focusWithinRingColor: "focusColor";
|
|
1227
1239
|
};
|
|
1228
1240
|
};
|
|
1229
1241
|
green: {
|
|
1230
1242
|
container: {
|
|
1231
|
-
borderColor:
|
|
1232
|
-
focusWithinRingColor:
|
|
1243
|
+
borderColor: "landGreen.35";
|
|
1244
|
+
focusWithinRingColor: "landGreen.35";
|
|
1233
1245
|
};
|
|
1234
1246
|
};
|
|
1235
1247
|
red: {
|
|
1236
1248
|
container: {
|
|
1237
|
-
borderColor:
|
|
1238
|
-
focusWithinRingColor:
|
|
1249
|
+
borderColor: "energyRed.45";
|
|
1250
|
+
focusWithinRingColor: "energyRed.45";
|
|
1239
1251
|
};
|
|
1240
1252
|
};
|
|
1241
1253
|
};
|
|
1242
1254
|
};
|
|
1255
|
+
Label: {
|
|
1256
|
+
baseStyle: {};
|
|
1257
|
+
defaultProps: {
|
|
1258
|
+
size: string;
|
|
1259
|
+
};
|
|
1260
|
+
sizes: {
|
|
1261
|
+
xs: {
|
|
1262
|
+
fontSize: string;
|
|
1263
|
+
};
|
|
1264
|
+
sm: {
|
|
1265
|
+
fontSize: string;
|
|
1266
|
+
};
|
|
1267
|
+
md: {
|
|
1268
|
+
fontSize: string;
|
|
1269
|
+
};
|
|
1270
|
+
lg: {
|
|
1271
|
+
fontSize: string;
|
|
1272
|
+
};
|
|
1273
|
+
};
|
|
1274
|
+
variants: {};
|
|
1275
|
+
};
|
|
1243
1276
|
Link: {
|
|
1244
1277
|
baseStyle: {
|
|
1245
1278
|
container: {
|
|
@@ -1797,8 +1830,8 @@ declare const _default: {
|
|
|
1797
1830
|
Radio: {
|
|
1798
1831
|
baseStyle: {
|
|
1799
1832
|
control: {
|
|
1800
|
-
color:
|
|
1801
|
-
hoverColor:
|
|
1833
|
+
color: "sandstone.60";
|
|
1834
|
+
hoverColor: "seaBlue.20";
|
|
1802
1835
|
};
|
|
1803
1836
|
};
|
|
1804
1837
|
defaultProps: {
|
|
@@ -1848,11 +1881,43 @@ declare const _default: {
|
|
|
1848
1881
|
button: {
|
|
1849
1882
|
size: string;
|
|
1850
1883
|
};
|
|
1884
|
+
group: {
|
|
1885
|
+
size: string;
|
|
1886
|
+
};
|
|
1887
|
+
option: {
|
|
1888
|
+
size: string;
|
|
1889
|
+
};
|
|
1890
|
+
label: {
|
|
1891
|
+
fontSize: string;
|
|
1892
|
+
};
|
|
1851
1893
|
};
|
|
1852
1894
|
md: {
|
|
1853
1895
|
button: {
|
|
1854
1896
|
size: string;
|
|
1855
1897
|
};
|
|
1898
|
+
group: {
|
|
1899
|
+
size: string;
|
|
1900
|
+
};
|
|
1901
|
+
option: {
|
|
1902
|
+
size: string;
|
|
1903
|
+
};
|
|
1904
|
+
label: {
|
|
1905
|
+
fontSize: string;
|
|
1906
|
+
};
|
|
1907
|
+
};
|
|
1908
|
+
lg: {
|
|
1909
|
+
button: {
|
|
1910
|
+
size: string;
|
|
1911
|
+
};
|
|
1912
|
+
group: {
|
|
1913
|
+
size: string;
|
|
1914
|
+
};
|
|
1915
|
+
option: {
|
|
1916
|
+
size: string;
|
|
1917
|
+
};
|
|
1918
|
+
label: {
|
|
1919
|
+
fontSize: string;
|
|
1920
|
+
};
|
|
1856
1921
|
};
|
|
1857
1922
|
};
|
|
1858
1923
|
variants: {
|
|
@@ -2197,6 +2262,22 @@ declare const _default: {
|
|
|
2197
2262
|
size: string;
|
|
2198
2263
|
};
|
|
2199
2264
|
};
|
|
2265
|
+
xl: () => {
|
|
2266
|
+
button: {
|
|
2267
|
+
fontSize: string;
|
|
2268
|
+
minW: number;
|
|
2269
|
+
thumb: {
|
|
2270
|
+
h: number;
|
|
2271
|
+
w: number;
|
|
2272
|
+
};
|
|
2273
|
+
track: {
|
|
2274
|
+
h: number;
|
|
2275
|
+
};
|
|
2276
|
+
};
|
|
2277
|
+
label: {
|
|
2278
|
+
size: string;
|
|
2279
|
+
};
|
|
2280
|
+
};
|
|
2200
2281
|
};
|
|
2201
2282
|
variants: {
|
|
2202
2283
|
primary: {
|
|
@@ -2577,11 +2658,11 @@ declare const _default: {
|
|
|
2577
2658
|
baseStyle: {
|
|
2578
2659
|
textarea: {
|
|
2579
2660
|
focusWithinRing: number;
|
|
2580
|
-
color:
|
|
2661
|
+
color: "sandstone.10";
|
|
2581
2662
|
};
|
|
2582
2663
|
input: {
|
|
2583
2664
|
color: {
|
|
2584
|
-
placeholder:
|
|
2665
|
+
placeholder: "sandstone.55";
|
|
2585
2666
|
};
|
|
2586
2667
|
};
|
|
2587
2668
|
};
|
|
@@ -2593,20 +2674,20 @@ declare const _default: {
|
|
|
2593
2674
|
variants: {
|
|
2594
2675
|
grey: {
|
|
2595
2676
|
textarea: {
|
|
2596
|
-
borderColor:
|
|
2597
|
-
focusWithinRingColor:
|
|
2677
|
+
borderColor: "sandstone.60";
|
|
2678
|
+
focusWithinRingColor: "focusColor";
|
|
2598
2679
|
};
|
|
2599
2680
|
};
|
|
2600
2681
|
green: {
|
|
2601
2682
|
textarea: {
|
|
2602
|
-
borderColor:
|
|
2603
|
-
focusWithinRingColor:
|
|
2683
|
+
borderColor: "landGreen.35";
|
|
2684
|
+
focusWithinRingColor: "landGreen.35";
|
|
2604
2685
|
};
|
|
2605
2686
|
};
|
|
2606
2687
|
red: {
|
|
2607
2688
|
textarea: {
|
|
2608
|
-
borderColor:
|
|
2609
|
-
focusWithinRingColor:
|
|
2689
|
+
borderColor: "energyRed.45";
|
|
2690
|
+
focusWithinRingColor: "energyRed.45";
|
|
2610
2691
|
};
|
|
2611
2692
|
};
|
|
2612
2693
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,wBAoDC"}
|
|
@@ -20,6 +20,7 @@ import Heading from '../heading/theme';
|
|
|
20
20
|
import Icon from '../icon/theme';
|
|
21
21
|
import Image from '../image/theme';
|
|
22
22
|
import Input from '../input/theme';
|
|
23
|
+
import Label from '../label/theme';
|
|
23
24
|
import Link from '../link/theme';
|
|
24
25
|
import List from '../list/theme';
|
|
25
26
|
import Menu from '../menu/theme';
|
|
@@ -72,6 +73,7 @@ export default {
|
|
|
72
73
|
Icon,
|
|
73
74
|
Image,
|
|
74
75
|
Input,
|
|
76
|
+
Label,
|
|
75
77
|
Link,
|
|
76
78
|
List,
|
|
77
79
|
Markdown,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":"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"}
|