@cashub/ui-elv 1.0.7 → 1.0.9

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.
Files changed (57) hide show
  1. package/datetimePicker/TimePickerV2.js +2 -2
  2. package/dropdown/Dropdown.js +2 -2
  3. package/esm/datetimePicker/TimePickerV2.js +1 -1
  4. package/esm/dropdown/Dropdown.js +1 -1
  5. package/esm/modal/TitleModal.js +1 -1
  6. package/esm/paginate/Paginate.js +1 -1
  7. package/esm/popover/Popover.js +1 -1
  8. package/esm/select/InputSelect.js +1 -1
  9. package/esm/select/Select.js +1 -1
  10. package/esm/tooltip/Tooltip.js +1 -1
  11. package/modal/TitleModal.js +2 -2
  12. package/package.json +7 -8
  13. package/paginate/Paginate.js +3 -3
  14. package/popover/Popover.js +2 -2
  15. package/select/InputSelect.js +2 -2
  16. package/select/Select.js +2 -2
  17. package/tooltip/Tooltip.js +3 -3
  18. package/billing/BarChart.js +0 -51
  19. package/billing/Grid.js +0 -45
  20. package/billing/Header2.js +0 -25
  21. package/billing/Header3.js +0 -37
  22. package/billing/Paragraph.js +0 -33
  23. package/billing/ParagraphGroup.js +0 -22
  24. package/billing/ParagraphText.js +0 -26
  25. package/billing/Section.js +0 -50
  26. package/billing/SectionBody.js +0 -17
  27. package/billing/SectionHeader.js +0 -26
  28. package/billing/__stories__/BarChart.stories.js_bak +0 -46
  29. package/billing/__stories__/Grid.stories.js_bak +0 -57
  30. package/billing/__stories__/Header2.stories.js_bak +0 -62
  31. package/billing/__stories__/Header3.stories.js_bak +0 -69
  32. package/billing/__stories__/Paragraph.stories.js_bak +0 -84
  33. package/billing/__stories__/ParagraphGroup.stories.js_bak +0 -68
  34. package/billing/__stories__/ParagraphText.stories.js_bak +0 -64
  35. package/billing/__stories__/Section.stories.js_bak +0 -115
  36. package/billing/__stories__/SectionBody.stories.js_bak +0 -62
  37. package/billing/__stories__/SectionHeader.stories.js-bak +0 -68
  38. package/esm/billing/BarChart.js +0 -45
  39. package/esm/billing/Grid.js +0 -38
  40. package/esm/billing/Header2.js +0 -19
  41. package/esm/billing/Header3.js +0 -31
  42. package/esm/billing/Paragraph.js +0 -27
  43. package/esm/billing/ParagraphGroup.js +0 -16
  44. package/esm/billing/ParagraphText.js +0 -20
  45. package/esm/billing/Section.js +0 -44
  46. package/esm/billing/SectionBody.js +0 -11
  47. package/esm/billing/SectionHeader.js +0 -20
  48. package/esm/billing/__stories__/BarChart.stories.js_bak +0 -46
  49. package/esm/billing/__stories__/Grid.stories.js_bak +0 -57
  50. package/esm/billing/__stories__/Header2.stories.js_bak +0 -62
  51. package/esm/billing/__stories__/Header3.stories.js_bak +0 -69
  52. package/esm/billing/__stories__/Paragraph.stories.js_bak +0 -84
  53. package/esm/billing/__stories__/ParagraphGroup.stories.js_bak +0 -68
  54. package/esm/billing/__stories__/ParagraphText.stories.js_bak +0 -64
  55. package/esm/billing/__stories__/Section.stories.js_bak +0 -115
  56. package/esm/billing/__stories__/SectionBody.stories.js_bak +0 -62
  57. package/esm/billing/__stories__/SectionHeader.stories.js-bak +0 -68
@@ -1,64 +0,0 @@
1
- import {
2
- Document,
3
- Page,
4
- PDFViewer,
5
- StyleSheet,
6
- View,
7
- Font,
8
- } from '@react-pdf/renderer';
9
- import { useContext } from 'react';
10
- import { ThemeContext } from 'styled-components';
11
- import BillingParagraphText from '../ParagraphText';
12
- import NanumGothicBold from '../../assets/font/nanumGothic/NanumGothic-Bold.ttf';
13
- import NanumGothicExtraBold from '../../assets/font/nanumGothic/NanumGothic-ExtraBold.ttf';
14
- import NanumGothicRegular from '../../assets/font/nanumGothic/NanumGothic-Regular.ttf';
15
-
16
- export default {
17
- title: 'billing/BillingParagraphText',
18
- component: BillingParagraphText,
19
- argTypes: {
20
- children: {
21
- description:
22
- 'For displaying text. Supports nesting of other Text or Link components to create inline styling.',
23
- },
24
- fontWeightBold: { description: 'Style variant' },
25
- },
26
- };
27
-
28
- export const Default = (args) => {
29
- const theme = useContext(ThemeContext);
30
- Font.register({
31
- family: 'Nanum Gothic',
32
- fonts: [
33
- { src: NanumGothicBold },
34
- { src: NanumGothicExtraBold },
35
- { src: NanumGothicRegular },
36
- ],
37
- });
38
-
39
- const styles = StyleSheet.create({
40
- page: {
41
- fontFamily: 'Nanum Gothic',
42
- color: '#ffffff',
43
- backgroundColor: theme.bgColor2,
44
- padding: 8,
45
- },
46
- });
47
-
48
- return (
49
- <PDFViewer style={{ width: '100%' }}>
50
- <Document>
51
- <Page size='A4' style={styles.page}>
52
- <View>
53
- <BillingParagraphText {...args}></BillingParagraphText>
54
- </View>
55
- </Page>
56
- </Document>
57
- </PDFViewer>
58
- );
59
- };
60
-
61
- Default.args = {
62
- children: 'BillingParagraphText content',
63
- fontWeightBold: false,
64
- };
@@ -1,115 +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 BillingSection from '../Section';
12
- import BillingSectionHeader from '../SectionHeader';
13
- import BillingSectionBody from '../SectionBody';
14
- import BillingHeader3 from '../Header3';
15
- import BillingParagraph from '../Paragraph';
16
- import BillingParagraphGroup from '../ParagraphGroup';
17
- import BillingParagraphText from '../ParagraphText';
18
- import NanumGothicBold from '../../assets/font/nanumGothic/NanumGothic-Bold.ttf';
19
- import NanumGothicExtraBold from '../../assets/font/nanumGothic/NanumGothic-ExtraBold.ttf';
20
- import NanumGothicRegular from '../../assets/font/nanumGothic/NanumGothic-Regular.ttf';
21
-
22
- export default {
23
- title: 'billing/BillingSection',
24
- component: BillingSection,
25
- subComponent: {
26
- BillingSectionHeader,
27
- BillingSectionBody,
28
- },
29
- argTypes: {
30
- children: {
31
- description:
32
- 'A BillingSectionHeader and BillingSectionBody component must be passed in.',
33
- },
34
- theme: { description: 'Provide theme styles for components to use' },
35
- backgroundReverse: { description: 'Style variant' },
36
- noPadding: { description: 'Style variant' },
37
- noMarginBottom: { description: 'Style variant' },
38
- paddingS: { description: 'Style variant' },
39
- marginBottomS: { description: 'Style variant' },
40
- flexGrow: { description: 'Style variant' },
41
- },
42
- };
43
-
44
- export const Default = (args) => {
45
- const theme = useContext(ThemeContext);
46
- Font.register({
47
- family: 'Nanum Gothic',
48
- fonts: [
49
- { src: NanumGothicBold },
50
- { src: NanumGothicExtraBold },
51
- { src: NanumGothicRegular },
52
- ],
53
- });
54
-
55
- const styles = StyleSheet.create({
56
- page: {
57
- fontFamily: 'Nanum Gothic',
58
- color: '#ffffff',
59
- backgroundColor: theme.bgColor2,
60
- padding: 8,
61
- },
62
- });
63
-
64
- return (
65
- <PDFViewer showToolbar={false} style={{ width: '100%', height: '500px' }}>
66
- <Document>
67
- <Page size='A4' style={styles.page}>
68
- <View>
69
- <BillingSection {...args} theme={theme}>
70
- <BillingSectionHeader>
71
- <BillingHeader3>BillingHeader3</BillingHeader3>
72
- </BillingSectionHeader>
73
- <BillingSectionBody>
74
- <BillingParagraphGroup>
75
- <BillingParagraph>
76
- <BillingParagraphText>Used:</BillingParagraphText>
77
- <BillingParagraphText fontWeightBold>
78
- 200
79
- </BillingParagraphText>
80
- </BillingParagraph>
81
- </BillingParagraphGroup>
82
- </BillingSectionBody>
83
- </BillingSection>
84
- </View>
85
- <View>
86
- <BillingSection {...args} theme={theme}>
87
- <BillingSectionHeader>
88
- <BillingHeader3>BillingHeader3</BillingHeader3>
89
- </BillingSectionHeader>
90
- <BillingSectionBody>
91
- <BillingParagraphGroup>
92
- <BillingParagraph>
93
- <BillingParagraphText>Used:</BillingParagraphText>
94
- <BillingParagraphText fontWeightBold>
95
- 200
96
- </BillingParagraphText>
97
- </BillingParagraph>
98
- </BillingParagraphGroup>
99
- </BillingSectionBody>
100
- </BillingSection>
101
- </View>
102
- </Page>
103
- </Document>
104
- </PDFViewer>
105
- );
106
- };
107
-
108
- Default.args = {
109
- backgroundReverse: false,
110
- noPadding: false,
111
- noMarginBottom: false,
112
- paddingS: false,
113
- marginBottomS: false,
114
- flexGrow: false,
115
- };
@@ -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
- };