naturalizer-design-system 1.0.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.
Files changed (51) hide show
  1. package/README.md +166 -0
  2. package/dist/App.d.ts +3 -0
  3. package/dist/components/atoms/MSAvatar.d.ts +9 -0
  4. package/dist/components/atoms/MSBadge.d.ts +12 -0
  5. package/dist/components/atoms/MSButton.d.ts +11 -0
  6. package/dist/components/atoms/MSChip.d.ts +9 -0
  7. package/dist/components/atoms/MSDivider.d.ts +8 -0
  8. package/dist/components/atoms/MSInput.d.ts +14 -0
  9. package/dist/components/atoms/MSSekuritasLogo.d.ts +26 -0
  10. package/dist/components/atoms/MSTooltip.d.ts +6 -0
  11. package/dist/components/atoms/MSTypography.d.ts +12 -0
  12. package/dist/components/atoms/index.d.ts +9 -0
  13. package/dist/components/index.d.ts +4 -0
  14. package/dist/components/molecules/MSAlertBanner.d.ts +14 -0
  15. package/dist/components/molecules/MSCarousel.d.ts +37 -0
  16. package/dist/components/molecules/MSFormField.d.ts +11 -0
  17. package/dist/components/molecules/MSSearchBar.d.ts +9 -0
  18. package/dist/components/molecules/MSTable.d.ts +39 -0
  19. package/dist/components/molecules/index.d.ts +5 -0
  20. package/dist/components/pages/LandingPage.d.ts +2 -0
  21. package/dist/components/pages/demo/BackToTop.d.ts +8 -0
  22. package/dist/components/pages/demo/BrandNavbar.d.ts +7 -0
  23. package/dist/components/pages/demo/CodeSnippet.d.ts +7 -0
  24. package/dist/components/pages/demo/ColorPaletteShowcase.d.ts +2 -0
  25. package/dist/components/pages/demo/ColorSwatch.d.ts +7 -0
  26. package/dist/components/pages/demo/ComponentDocumentation.d.ts +2 -0
  27. package/dist/components/pages/demo/ComponentPlayground.d.ts +11 -0
  28. package/dist/components/pages/demo/DesignSystemLayout.d.ts +7 -0
  29. package/dist/components/pages/demo/HeroSection.d.ts +5 -0
  30. package/dist/components/pages/demo/IconShowcase.d.ts +2 -0
  31. package/dist/components/pages/demo/TypographyShowcase.d.ts +2 -0
  32. package/dist/components/pages/demo/UsageGuide.d.ts +2 -0
  33. package/dist/components/pages/demo/index.d.ts +12 -0
  34. package/dist/components/pages/index.d.ts +2 -0
  35. package/dist/components/templates/index.d.ts +1 -0
  36. package/dist/constants/colors.d.ts +27 -0
  37. package/dist/constants/index.d.ts +7 -0
  38. package/dist/constants/spacing.d.ts +29 -0
  39. package/dist/constants/typography.d.ts +99 -0
  40. package/dist/favicon.ico +0 -0
  41. package/dist/index.d.ts +13 -0
  42. package/dist/logo192.png +0 -0
  43. package/dist/logo512.png +0 -0
  44. package/dist/logo_small.svg +9 -0
  45. package/dist/main.d.ts +0 -0
  46. package/dist/mirae-design-system.cjs +599 -0
  47. package/dist/mirae-design-system.js +49487 -0
  48. package/dist/mstock_logo.svg +28 -0
  49. package/dist/theme/ThemeContext.d.ts +12 -0
  50. package/dist/theme/miraeTheme.d.ts +21 -0
  51. package/package.json +68 -0
@@ -0,0 +1,99 @@
1
+ /**
2
+ * Mirae Asset Typography Tokens
3
+ * Source: Mirae Asset Brand Guide - Typography
4
+ * Font: Spoqa Han Sans Neo
5
+ */
6
+ export declare const fontFamilies: {
7
+ main: string;
8
+ mono: string;
9
+ };
10
+ export declare const fontWeights: {
11
+ readonly thin: 100;
12
+ readonly light: 300;
13
+ readonly regular: 400;
14
+ readonly medium: 500;
15
+ readonly bold: 700;
16
+ };
17
+ export declare const brandMotto = "Building on Principles";
18
+ export declare const typographyScale: {
19
+ display1: {
20
+ fontSize: string;
21
+ lineHeight: number;
22
+ fontWeight: 700;
23
+ letterSpacing: string;
24
+ };
25
+ display2: {
26
+ fontSize: string;
27
+ lineHeight: number;
28
+ fontWeight: 700;
29
+ letterSpacing: string;
30
+ };
31
+ h1: {
32
+ fontSize: string;
33
+ lineHeight: number;
34
+ fontWeight: 700;
35
+ letterSpacing: string;
36
+ };
37
+ h2: {
38
+ fontSize: string;
39
+ lineHeight: number;
40
+ fontWeight: 700;
41
+ letterSpacing: string;
42
+ };
43
+ h3: {
44
+ fontSize: string;
45
+ lineHeight: number;
46
+ fontWeight: 500;
47
+ letterSpacing: string;
48
+ };
49
+ h4: {
50
+ fontSize: string;
51
+ lineHeight: number;
52
+ fontWeight: 500;
53
+ letterSpacing: string;
54
+ };
55
+ h5: {
56
+ fontSize: string;
57
+ lineHeight: number;
58
+ fontWeight: 500;
59
+ letterSpacing: string;
60
+ };
61
+ h6: {
62
+ fontSize: string;
63
+ lineHeight: number;
64
+ fontWeight: 500;
65
+ letterSpacing: string;
66
+ };
67
+ body1: {
68
+ fontSize: string;
69
+ lineHeight: number;
70
+ fontWeight: 400;
71
+ letterSpacing: string;
72
+ };
73
+ body2: {
74
+ fontSize: string;
75
+ lineHeight: number;
76
+ fontWeight: 400;
77
+ letterSpacing: string;
78
+ };
79
+ caption: {
80
+ fontSize: string;
81
+ lineHeight: number;
82
+ fontWeight: 300;
83
+ letterSpacing: string;
84
+ };
85
+ overline: {
86
+ fontSize: string;
87
+ lineHeight: number;
88
+ fontWeight: 500;
89
+ letterSpacing: string;
90
+ textTransform: "uppercase";
91
+ };
92
+ button: {
93
+ fontSize: string;
94
+ lineHeight: number;
95
+ fontWeight: 500;
96
+ letterSpacing: string;
97
+ textTransform: "none";
98
+ };
99
+ };
Binary file
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Mirae Asset Design System
3
+ * Building on Principles
4
+ *
5
+ * Export all Tokens, Themes, Atoms, Molecules, Templates, and Pages.
6
+ */
7
+ export * from './constants';
8
+ export * from './theme/miraeTheme';
9
+ export * from './theme/ThemeContext';
10
+ export * from './components/atoms';
11
+ export * from './components/molecules';
12
+ export * from './components/templates';
13
+ export * from './components/pages';
Binary file
Binary file
@@ -0,0 +1,9 @@
1
+ <svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <mask id="mask0_1161_11505" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="26" height="20">
3
+ <path d="M13.4867 11.4554C13.4867 11.4554 18.1397 0.917269 18.4983 0H25.5C25.5055 1.40184 24.5723 18.5871 24.5778 20H19.544L20.3781 5.99591C20.3781 5.99591 14.7084 19.1125 14.3308 20H10.3539L8.57198 5.99591C8.435 6.6295 6.55289 15.9887 5.52496 20H0.5C1.02232 18.2129 4.85674 1.02875 5.16189 0H11.9008L13.4867 11.4554Z" fill="white"/>
4
+ </mask>
5
+ <g mask="url(#mask0_1161_11505)">
6
+ <path d="M25.75 8.5L1.75 11.25L4.75 -0.25H26L25.75 8.5Z" fill="#043B72"/>
7
+ <path d="M25.75 5L2.75 7.25L-0.25 20.5H25.5L25.75 5Z" fill="#F58220"/>
8
+ </g>
9
+ </svg>
package/dist/main.d.ts ADDED
File without changes