@cashub/ui-elv 1.0.7 → 1.0.8
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/package.json +6 -7
- package/billing/BarChart.js +0 -51
- package/billing/Grid.js +0 -45
- package/billing/Header2.js +0 -25
- package/billing/Header3.js +0 -37
- package/billing/Paragraph.js +0 -33
- package/billing/ParagraphGroup.js +0 -22
- package/billing/ParagraphText.js +0 -26
- package/billing/Section.js +0 -50
- package/billing/SectionBody.js +0 -17
- package/billing/SectionHeader.js +0 -26
- package/billing/__stories__/BarChart.stories.js_bak +0 -46
- package/billing/__stories__/Grid.stories.js_bak +0 -57
- package/billing/__stories__/Header2.stories.js_bak +0 -62
- package/billing/__stories__/Header3.stories.js_bak +0 -69
- package/billing/__stories__/Paragraph.stories.js_bak +0 -84
- package/billing/__stories__/ParagraphGroup.stories.js_bak +0 -68
- package/billing/__stories__/ParagraphText.stories.js_bak +0 -64
- package/billing/__stories__/Section.stories.js_bak +0 -115
- package/billing/__stories__/SectionBody.stories.js_bak +0 -62
- package/billing/__stories__/SectionHeader.stories.js-bak +0 -68
- package/esm/billing/BarChart.js +0 -45
- package/esm/billing/Grid.js +0 -38
- package/esm/billing/Header2.js +0 -19
- package/esm/billing/Header3.js +0 -31
- package/esm/billing/Paragraph.js +0 -27
- package/esm/billing/ParagraphGroup.js +0 -16
- package/esm/billing/ParagraphText.js +0 -20
- package/esm/billing/Section.js +0 -44
- package/esm/billing/SectionBody.js +0 -11
- package/esm/billing/SectionHeader.js +0 -20
- package/esm/billing/__stories__/BarChart.stories.js_bak +0 -46
- package/esm/billing/__stories__/Grid.stories.js_bak +0 -57
- package/esm/billing/__stories__/Header2.stories.js_bak +0 -62
- package/esm/billing/__stories__/Header3.stories.js_bak +0 -69
- package/esm/billing/__stories__/Paragraph.stories.js_bak +0 -84
- package/esm/billing/__stories__/ParagraphGroup.stories.js_bak +0 -68
- package/esm/billing/__stories__/ParagraphText.stories.js_bak +0 -64
- package/esm/billing/__stories__/Section.stories.js_bak +0 -115
- package/esm/billing/__stories__/SectionBody.stories.js_bak +0 -62
- package/esm/billing/__stories__/SectionHeader.stories.js-bak +0 -68
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { useContext } from 'react';
|
|
2
|
-
import { ThemeContext } from 'styled-components';
|
|
3
|
-
import {
|
|
4
|
-
PDFViewer,
|
|
5
|
-
Document,
|
|
6
|
-
Page,
|
|
7
|
-
View,
|
|
8
|
-
StyleSheet,
|
|
9
|
-
Text,
|
|
10
|
-
Font,
|
|
11
|
-
} from '@react-pdf/renderer';
|
|
12
|
-
import BillingSectionBody from '../SectionBody';
|
|
13
|
-
import NanumGothicBold from '../../assets/font/nanumGothic/NanumGothic-Bold.ttf';
|
|
14
|
-
import NanumGothicExtraBold from '../../assets/font/nanumGothic/NanumGothic-ExtraBold.ttf';
|
|
15
|
-
import NanumGothicRegular from '../../assets/font/nanumGothic/NanumGothic-Regular.ttf';
|
|
16
|
-
|
|
17
|
-
export default {
|
|
18
|
-
title: 'billing/BillingSectionBody',
|
|
19
|
-
component: BillingSectionBody,
|
|
20
|
-
argTypes: {
|
|
21
|
-
children: {
|
|
22
|
-
description: 'BillingSectionBody content can have 0 to many children.',
|
|
23
|
-
},
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export const Default = (args) => {
|
|
28
|
-
const theme = useContext(ThemeContext);
|
|
29
|
-
Font.register({
|
|
30
|
-
family: 'Nanum Gothic',
|
|
31
|
-
fonts: [
|
|
32
|
-
{ src: NanumGothicBold },
|
|
33
|
-
{ src: NanumGothicExtraBold },
|
|
34
|
-
{ src: NanumGothicRegular },
|
|
35
|
-
],
|
|
36
|
-
});
|
|
37
|
-
const styles = StyleSheet.create({
|
|
38
|
-
page: {
|
|
39
|
-
family: 'Nanum Gothic',
|
|
40
|
-
color: '#ffffff',
|
|
41
|
-
backgroundColor: theme.bgColor2,
|
|
42
|
-
padding: 8,
|
|
43
|
-
},
|
|
44
|
-
});
|
|
45
|
-
|
|
46
|
-
return (
|
|
47
|
-
<PDFViewer style={{ width: '100%' }}>
|
|
48
|
-
<Document>
|
|
49
|
-
<Page size='A4' style={styles.page}>
|
|
50
|
-
<View>
|
|
51
|
-
<BillingSectionBody {...args}>
|
|
52
|
-
<View>
|
|
53
|
-
<Text>text1</Text>
|
|
54
|
-
</View>
|
|
55
|
-
<Text>text2</Text>
|
|
56
|
-
</BillingSectionBody>
|
|
57
|
-
</View>
|
|
58
|
-
</Page>
|
|
59
|
-
</Document>
|
|
60
|
-
</PDFViewer>
|
|
61
|
-
);
|
|
62
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { useContext } from 'react';
|
|
2
|
-
import { ThemeContext } from 'styled-components';
|
|
3
|
-
import {
|
|
4
|
-
PDFViewer,
|
|
5
|
-
Document,
|
|
6
|
-
Page,
|
|
7
|
-
View,
|
|
8
|
-
StyleSheet,
|
|
9
|
-
Font,
|
|
10
|
-
} from '@react-pdf/renderer';
|
|
11
|
-
import BillingSectionHeader from '../SectionHeader';
|
|
12
|
-
import BillingHeader3 from '../Header3';
|
|
13
|
-
import NanumGothicBold from '../../assets/font/nanumGothic/NanumGothic-Bold.ttf';
|
|
14
|
-
import NanumGothicExtraBold from '../../assets/font/nanumGothic/NanumGothic-ExtraBold.ttf';
|
|
15
|
-
import NanumGothicRegular from '../../assets/font/nanumGothic/NanumGothic-Regular.ttf';
|
|
16
|
-
|
|
17
|
-
export default {
|
|
18
|
-
title: 'billing/BillingSectionHeader',
|
|
19
|
-
component: BillingSectionHeader,
|
|
20
|
-
subComponent: {
|
|
21
|
-
BillingHeader3,
|
|
22
|
-
},
|
|
23
|
-
argTypes: {
|
|
24
|
-
children: {
|
|
25
|
-
description: 'A BillingHeader3 component must be passed in.',
|
|
26
|
-
},
|
|
27
|
-
inline: { description: 'Style variant' },
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export const Default = (args) => {
|
|
32
|
-
const theme = useContext(ThemeContext);
|
|
33
|
-
Font.register({
|
|
34
|
-
family: 'Nanum Gothic',
|
|
35
|
-
fonts: [
|
|
36
|
-
{ src: NanumGothicBold },
|
|
37
|
-
{ src: NanumGothicExtraBold },
|
|
38
|
-
{ src: NanumGothicRegular },
|
|
39
|
-
],
|
|
40
|
-
});
|
|
41
|
-
const styles = StyleSheet.create({
|
|
42
|
-
page: {
|
|
43
|
-
family: 'Nanum Gothic',
|
|
44
|
-
color: '#ffffff',
|
|
45
|
-
backgroundColor: theme.bgColor2,
|
|
46
|
-
padding: 8,
|
|
47
|
-
},
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
return (
|
|
51
|
-
<PDFViewer style={{ width: '100%' }}>
|
|
52
|
-
<Document>
|
|
53
|
-
<Page size='A4' style={styles.page}>
|
|
54
|
-
<View>
|
|
55
|
-
<BillingSectionHeader {...args}>
|
|
56
|
-
<BillingHeader3>BillingHeader3</BillingHeader3>
|
|
57
|
-
<BillingHeader3>BillingHeader3</BillingHeader3>
|
|
58
|
-
</BillingSectionHeader>
|
|
59
|
-
</View>
|
|
60
|
-
</Page>
|
|
61
|
-
</Document>
|
|
62
|
-
</PDFViewer>
|
|
63
|
-
);
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
Default.args = {
|
|
67
|
-
inline: false,
|
|
68
|
-
};
|