@veracity/vui 1.3.0-rc.0 → 1.3.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/message/message.d.ts.map +1 -1
- package/dist/cjs/message/message.js +4 -2
- package/dist/cjs/message/theme.d.ts +12 -4
- package/dist/cjs/message/theme.d.ts.map +1 -1
- package/dist/cjs/message/theme.js +12 -4
- package/dist/cjs/theme/components.d.ts +12 -4
- package/dist/cjs/theme/components.d.ts.map +1 -1
- package/dist/cjs/theme/defaultTheme.d.ts +12 -4
- package/dist/cjs/theme/defaultTheme.d.ts.map +1 -1
- package/dist/esm/message/message.d.ts.map +1 -1
- package/dist/esm/message/message.js +3 -2
- package/dist/esm/message/theme.d.ts +12 -4
- package/dist/esm/message/theme.d.ts.map +1 -1
- package/dist/esm/message/theme.js +12 -4
- package/dist/esm/theme/components.d.ts +12 -4
- package/dist/esm/theme/components.d.ts.map +1 -1
- package/dist/esm/theme/defaultTheme.d.ts +12 -4
- package/dist/esm/theme/defaultTheme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/message/message.tsx +4 -3
- package/src/message/theme.ts +12 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,WAAW,+HAEvB,CAAA;AAED,sCAAsC;AACtC,eAAO,MAAM,OAAO,sDAYlB,CAAA;AAEF,eAAe,OAAO,CAAA"}
|
|
@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
exports.Message = exports.MessageBase = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const box_1 = require("../box");
|
|
19
20
|
const core_1 = require("../core");
|
|
20
21
|
const icon_1 = require("../icon");
|
|
21
22
|
const t_1 = require("../t");
|
|
@@ -29,7 +30,8 @@ exports.Message = (0, core_1.vui)((props, ref) => {
|
|
|
29
30
|
const { children, className, text, size = 'md', variant = 'info' } = props, rest = __rest(props, ["children", "className", "text", "size", "variant"]);
|
|
30
31
|
const styles = (0, core_1.useStyleConfig)('Message', props);
|
|
31
32
|
return (react_1.default.createElement(exports.MessageBase, Object.assign({ className: (0, utils_1.cs)('vui-message', className), ref: ref }, styles, rest),
|
|
32
|
-
react_1.default.createElement(
|
|
33
|
-
react_1.default.createElement(icon_1.Icon, { mr: `${consts_1.spacingDictionary[size]}px`, name: consts_1.iconDictionary[variant], size: size }),
|
|
33
|
+
react_1.default.createElement(box_1.Box, null,
|
|
34
|
+
react_1.default.createElement(icon_1.Icon, { mr: `${consts_1.spacingDictionary[size]}px`, name: consts_1.iconDictionary[variant], size: size }),
|
|
35
|
+
react_1.default.createElement(t_1.T, { size: size }, children !== null && children !== void 0 ? children : text))));
|
|
34
36
|
});
|
|
35
37
|
exports.default = exports.Message;
|
|
@@ -4,10 +4,18 @@ declare const _default: {
|
|
|
4
4
|
variant: string;
|
|
5
5
|
};
|
|
6
6
|
sizes: {
|
|
7
|
-
xs: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
xs: {
|
|
8
|
+
fontSize: string;
|
|
9
|
+
};
|
|
10
|
+
sm: {
|
|
11
|
+
fontSize: string;
|
|
12
|
+
};
|
|
13
|
+
md: {
|
|
14
|
+
fontSize: string;
|
|
15
|
+
};
|
|
16
|
+
lg: {
|
|
17
|
+
fontSize: string;
|
|
18
|
+
};
|
|
11
19
|
};
|
|
12
20
|
variants: {
|
|
13
21
|
info: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/message/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/message/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,wBAKC"}
|
|
@@ -5,10 +5,18 @@ const defaultProps = {
|
|
|
5
5
|
variant: 'info'
|
|
6
6
|
};
|
|
7
7
|
const sizes = {
|
|
8
|
-
xs: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
xs: {
|
|
9
|
+
fontSize: 'xs'
|
|
10
|
+
},
|
|
11
|
+
sm: {
|
|
12
|
+
fontSize: 'sm'
|
|
13
|
+
},
|
|
14
|
+
md: {
|
|
15
|
+
fontSize: 'md'
|
|
16
|
+
},
|
|
17
|
+
lg: {
|
|
18
|
+
fontSize: 'lg'
|
|
19
|
+
}
|
|
12
20
|
};
|
|
13
21
|
const variants = {
|
|
14
22
|
info: {
|
|
@@ -614,10 +614,18 @@ declare const _default: {
|
|
|
614
614
|
variant: string;
|
|
615
615
|
};
|
|
616
616
|
sizes: {
|
|
617
|
-
xs: {
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
617
|
+
xs: {
|
|
618
|
+
fontSize: string;
|
|
619
|
+
};
|
|
620
|
+
sm: {
|
|
621
|
+
fontSize: string;
|
|
622
|
+
};
|
|
623
|
+
md: {
|
|
624
|
+
fontSize: string;
|
|
625
|
+
};
|
|
626
|
+
lg: {
|
|
627
|
+
fontSize: string;
|
|
628
|
+
};
|
|
621
629
|
};
|
|
622
630
|
variants: {
|
|
623
631
|
info: {
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,wBAoCC"}
|
|
@@ -810,10 +810,18 @@ declare const defaultTheme: {
|
|
|
810
810
|
variant: string;
|
|
811
811
|
};
|
|
812
812
|
sizes: {
|
|
813
|
-
xs: {
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
813
|
+
xs: {
|
|
814
|
+
fontSize: string;
|
|
815
|
+
};
|
|
816
|
+
sm: {
|
|
817
|
+
fontSize: string;
|
|
818
|
+
};
|
|
819
|
+
md: {
|
|
820
|
+
fontSize: string;
|
|
821
|
+
};
|
|
822
|
+
lg: {
|
|
823
|
+
fontSize: string;
|
|
824
|
+
};
|
|
817
825
|
};
|
|
818
826
|
variants: {
|
|
819
827
|
info: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/message/message.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,WAAW,+HAEvB,CAAA;AAED,sCAAsC;AACtC,eAAO,MAAM,OAAO,sDAYlB,CAAA;AAEF,eAAe,OAAO,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { Box } from '../box';
|
|
2
3
|
import { styled, useStyleConfig, vui } from '../core';
|
|
3
4
|
import { Icon } from '../icon';
|
|
4
5
|
import { T } from '../t';
|
|
@@ -12,8 +13,8 @@ export const Message = vui((props, ref) => {
|
|
|
12
13
|
const { children, className, text, size = 'md', variant = 'info', ...rest } = props;
|
|
13
14
|
const styles = useStyleConfig('Message', props);
|
|
14
15
|
return (React.createElement(MessageBase, { className: cs('vui-message', className), ref: ref, ...styles, ...rest },
|
|
15
|
-
React.createElement(
|
|
16
|
+
React.createElement(Box, null,
|
|
16
17
|
React.createElement(Icon, { mr: `${spacingDictionary[size]}px`, name: iconDictionary[variant], size: size }),
|
|
17
|
-
children ?? text)));
|
|
18
|
+
React.createElement(T, { size: size }, children ?? text))));
|
|
18
19
|
});
|
|
19
20
|
export default Message;
|
|
@@ -4,10 +4,18 @@ declare const _default: {
|
|
|
4
4
|
variant: string;
|
|
5
5
|
};
|
|
6
6
|
sizes: {
|
|
7
|
-
xs: {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
xs: {
|
|
8
|
+
fontSize: string;
|
|
9
|
+
};
|
|
10
|
+
sm: {
|
|
11
|
+
fontSize: string;
|
|
12
|
+
};
|
|
13
|
+
md: {
|
|
14
|
+
fontSize: string;
|
|
15
|
+
};
|
|
16
|
+
lg: {
|
|
17
|
+
fontSize: string;
|
|
18
|
+
};
|
|
11
19
|
};
|
|
12
20
|
variants: {
|
|
13
21
|
info: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/message/theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/message/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,wBAKC"}
|
|
@@ -3,10 +3,18 @@ const defaultProps = {
|
|
|
3
3
|
variant: 'info'
|
|
4
4
|
};
|
|
5
5
|
const sizes = {
|
|
6
|
-
xs: {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
xs: {
|
|
7
|
+
fontSize: 'xs'
|
|
8
|
+
},
|
|
9
|
+
sm: {
|
|
10
|
+
fontSize: 'sm'
|
|
11
|
+
},
|
|
12
|
+
md: {
|
|
13
|
+
fontSize: 'md'
|
|
14
|
+
},
|
|
15
|
+
lg: {
|
|
16
|
+
fontSize: 'lg'
|
|
17
|
+
}
|
|
10
18
|
};
|
|
11
19
|
const variants = {
|
|
12
20
|
info: {
|
|
@@ -614,10 +614,18 @@ declare const _default: {
|
|
|
614
614
|
variant: string;
|
|
615
615
|
};
|
|
616
616
|
sizes: {
|
|
617
|
-
xs: {
|
|
618
|
-
|
|
619
|
-
|
|
620
|
-
|
|
617
|
+
xs: {
|
|
618
|
+
fontSize: string;
|
|
619
|
+
};
|
|
620
|
+
sm: {
|
|
621
|
+
fontSize: string;
|
|
622
|
+
};
|
|
623
|
+
md: {
|
|
624
|
+
fontSize: string;
|
|
625
|
+
};
|
|
626
|
+
lg: {
|
|
627
|
+
fontSize: string;
|
|
628
|
+
};
|
|
621
629
|
};
|
|
622
630
|
variants: {
|
|
623
631
|
info: {
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,wBAoCC"}
|
|
@@ -810,10 +810,18 @@ declare const defaultTheme: {
|
|
|
810
810
|
variant: string;
|
|
811
811
|
};
|
|
812
812
|
sizes: {
|
|
813
|
-
xs: {
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
813
|
+
xs: {
|
|
814
|
+
fontSize: string;
|
|
815
|
+
};
|
|
816
|
+
sm: {
|
|
817
|
+
fontSize: string;
|
|
818
|
+
};
|
|
819
|
+
md: {
|
|
820
|
+
fontSize: string;
|
|
821
|
+
};
|
|
822
|
+
lg: {
|
|
823
|
+
fontSize: string;
|
|
824
|
+
};
|
|
817
825
|
};
|
|
818
826
|
variants: {
|
|
819
827
|
info: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@veracity/vui",
|
|
3
|
-
"version": "1.3.0
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
|
|
5
5
|
"module": "./dist/esm/index.js",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
package/src/message/message.tsx
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react'
|
|
2
2
|
|
|
3
|
+
import { Box } from '../box'
|
|
3
4
|
import { styled, useStyleConfig, vui } from '../core'
|
|
4
5
|
import { Icon } from '../icon'
|
|
5
6
|
import { T } from '../t'
|
|
@@ -18,10 +19,10 @@ export const Message = vui<'span', MessageProps>((props, ref) => {
|
|
|
18
19
|
|
|
19
20
|
return (
|
|
20
21
|
<MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>
|
|
21
|
-
<
|
|
22
|
+
<Box>
|
|
22
23
|
<Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={size} />
|
|
23
|
-
{children ?? text}
|
|
24
|
-
</
|
|
24
|
+
<T size={size}>{children ?? text}</T>
|
|
25
|
+
</Box>
|
|
25
26
|
</MessageBase>
|
|
26
27
|
)
|
|
27
28
|
})
|
package/src/message/theme.ts
CHANGED
|
@@ -5,10 +5,18 @@ const defaultProps = {
|
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
const sizes = {
|
|
8
|
-
xs: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
xs: {
|
|
9
|
+
fontSize: 'xs'
|
|
10
|
+
},
|
|
11
|
+
sm: {
|
|
12
|
+
fontSize: 'sm'
|
|
13
|
+
},
|
|
14
|
+
md: {
|
|
15
|
+
fontSize: 'md'
|
|
16
|
+
},
|
|
17
|
+
lg: {
|
|
18
|
+
fontSize: 'lg'
|
|
19
|
+
}
|
|
12
20
|
}
|
|
13
21
|
|
|
14
22
|
const variants = {
|