@maboussoleaidant/design-system 0.1.4 → 0.1.6

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 (27) hide show
  1. package/README.md +36 -13
  2. package/dist/mba-design-system.css +25 -1
  3. package/dist/mba-design-system.css.map +1 -0
  4. package/dist/mba-design-system.min.css +1 -1
  5. package/dist/mba-tailwind.css +12 -1
  6. package/dist/mba-tailwind.css.map +1 -0
  7. package/dist/mba-tailwind.min.css +1 -1
  8. package/dist/mba-tokens-only.css +2 -0
  9. package/dist/mba-tokens-only.css.map +1 -0
  10. package/package.json +8 -2
  11. package/src/assets/fonts/Congenial-Bold.woff2 +0 -0
  12. package/src/assets/fonts/Congenial-Medium.woff2 +0 -0
  13. package/src/assets/fonts/Congenial.woff2 +0 -0
  14. package/src/assets/fonts/MaterialSymbolsRounded.woff2 +0 -0
  15. package/src/assets/fonts/OpenSans-Bold.woff2 +0 -0
  16. package/src/assets/fonts/OpenSans-ExtraBold.woff2 +0 -0
  17. package/src/assets/fonts/OpenSans-Regular.woff2 +0 -0
  18. package/src/assets/fonts/OpenSans-SemiBold.woff2 +0 -0
  19. package/src/tailwind-preset.css +207 -0
  20. package/src/tokens/_breakpoints.css +29 -0
  21. package/src/tokens/_colors.css +146 -0
  22. package/src/tokens/_radius.css +25 -0
  23. package/src/tokens/_shadows.css +40 -0
  24. package/src/tokens/_spacing.css +25 -0
  25. package/src/tokens/_transitions.css +34 -0
  26. package/src/tokens/_typography.css +157 -0
  27. package/src/tokens/index.css +13 -0
package/src/tokens/_typography.css ADDED
@@ -0,0 +1,157 @@
1
+ /**
2
+ * MBA Design System - Typographie
3
+ *
4
+ * Polices: Open Sans (textes) + Congenial (titres)
5
+ * Source: Design System Figma
6
+ */
7
+
8
+ :root {
9
+ /* ===========================================
10
+ FAMILLES DE POLICES
11
+ =========================================== */
12
+ --mba-font-family-text: "Open Sans", ui-sans-serif, system-ui, sans-serif;
13
+ --mba-font-family-heading: "Congenial", ui-sans-serif, system-ui, sans-serif;
14
+ --mba-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
15
+
16
+ /* ===========================================
17
+ TAILLES DE POLICE (Figma Scale)
18
+ =========================================== */
19
+ --mba-font-size-xxs: 0.875rem; /* 14px */
20
+ --mba-font-size-xs: 1rem; /* 16px */
21
+ --mba-font-size-sm: 1.125rem; /* 18px */
22
+ --mba-font-size-md: 1.5rem; /* 24px */
23
+ --mba-font-size-xl: 2rem; /* 32px */
24
+ --mba-font-size-xxl: 3rem; /* 48px */
25
+
26
+ /* ===========================================
27
+ FONT WEIGHTS
28
+ =========================================== */
29
+ --mba-font-weight-regular: 400;
30
+ --mba-font-weight-semibold: 600;
31
+ --mba-font-weight-bold: 700;
32
+ --mba-font-weight-extrabold: 800;
33
+
34
+ /* ===========================================
35
+ LINE HEIGHTS
36
+ =========================================== */
37
+ --mba-leading-none: 1;
38
+ --mba-leading-tight: 1.25;
39
+ --mba-leading-snug: 1.375;
40
+ --mba-leading-normal: 1.5;
41
+ --mba-leading-relaxed: 1.625;
42
+ --mba-leading-loose: 2;
43
+
44
+ /* ===========================================
45
+ LETTER SPACING
46
+ =========================================== */
47
+ --mba-tracking-tighter: -0.05em;
48
+ --mba-tracking-tight: -0.025em;
49
+ --mba-tracking-normal: 0em;
50
+ --mba-tracking-wide: 0.025em;
51
+ --mba-tracking-wider: 0.05em;
52
+ --mba-tracking-widest: 0.1em;
53
+ }
54
+
55
+ /* ===========================================
56
+ HEADING PRESETS (Congenial)
57
+ =========================================== */
58
+
59
+ /* XXL - 48px Bold */
60
+ .mba-heading-xxl {
61
+ font-family: var(--mba-font-family-heading);
62
+ font-size: var(--mba-font-size-xxl);
63
+ font-weight: var(--mba-font-weight-bold);
64
+ line-height: var(--mba-leading-tight);
65
+ }
66
+
67
+ /* XL - 32px Bold */
68
+ .mba-heading-xl {
69
+ font-family: var(--mba-font-family-heading);
70
+ font-size: var(--mba-font-size-xl);
71
+ font-weight: var(--mba-font-weight-bold);
72
+ line-height: var(--mba-leading-tight);
73
+ }
74
+
75
+ /* MD - 24px Bold (Figma: extra-bold, mais Congenial ExtraBold non dispo) */
76
+ .mba-heading-md {
77
+ font-family: var(--mba-font-family-heading);
78
+ font-size: var(--mba-font-size-md);
79
+ font-weight: var(--mba-font-weight-bold);
80
+ line-height: var(--mba-leading-snug);
81
+ }
82
+
83
+ /* SM - 18px Bold */
84
+ .mba-heading-sm {
85
+ font-family: var(--mba-font-family-heading);
86
+ font-size: var(--mba-font-size-sm);
87
+ font-weight: var(--mba-font-weight-bold);
88
+ line-height: var(--mba-leading-normal);
89
+ }
90
+
91
+ /* XS - 16px Bold */
92
+ .mba-heading-xs {
93
+ font-family: var(--mba-font-family-heading);
94
+ font-size: var(--mba-font-size-xs);
95
+ font-weight: var(--mba-font-weight-bold);
96
+ line-height: var(--mba-leading-normal);
97
+ }
98
+
99
+ /* XXS - 14px Bold */
100
+ .mba-heading-xxs {
101
+ font-family: var(--mba-font-family-heading);
102
+ font-size: var(--mba-font-size-xxs);
103
+ font-weight: var(--mba-font-weight-bold);
104
+ line-height: var(--mba-leading-normal);
105
+ }
106
+
107
+ /* ===========================================
108
+ TEXT PRESETS (Open Sans)
109
+ =========================================== */
110
+
111
+ /* XXL - 48px */
112
+ .mba-text-xxl {
113
+ font-family: var(--mba-font-family-text);
114
+ font-size: var(--mba-font-size-xxl);
115
+ font-weight: var(--mba-font-weight-regular);
116
+ line-height: var(--mba-leading-normal);
117
+ }
118
+
119
+ /* XL - 32px */
120
+ .mba-text-xl {
121
+ font-family: var(--mba-font-family-text);
122
+ font-size: var(--mba-font-size-xl);
123
+ font-weight: var(--mba-font-weight-regular);
124
+ line-height: var(--mba-leading-normal);
125
+ }
126
+
127
+ /* MD - 24px */
128
+ .mba-text-md {
129
+ font-family: var(--mba-font-family-text);
130
+ font-size: var(--mba-font-size-md);
131
+ font-weight: var(--mba-font-weight-regular);
132
+ line-height: var(--mba-leading-normal);
133
+ }
134
+
135
+ /* SM - 18px */
136
+ .mba-text-sm {
137
+ font-family: var(--mba-font-family-text);
138
+ font-size: var(--mba-font-size-sm);
139
+ font-weight: var(--mba-font-weight-regular);
140
+ line-height: var(--mba-leading-normal);
141
+ }
142
+
143
+ /* XS - 16px (Base) */
144
+ .mba-text-xs {
145
+ font-family: var(--mba-font-family-text);
146
+ font-size: var(--mba-font-size-xs);
147
+ font-weight: var(--mba-font-weight-regular);
148
+ line-height: var(--mba-leading-normal);
149
+ }
150
+
151
+ /* XXS - 14px */
152
+ .mba-text-xxs {
153
+ font-family: var(--mba-font-family-text);
154
+ font-size: var(--mba-font-size-xxs);
155
+ font-weight: var(--mba-font-weight-regular);
156
+ line-height: var(--mba-leading-normal);
157
+ }
package/src/tokens/index.css ADDED
@@ -0,0 +1,13 @@
1
+ /**
2
+ * MBA Design System - Tokens
3
+ *
4
+ * Point d'entrée pour tous les design tokens
5
+ */
6
+
7
+ @import "./_colors.css";
8
+ @import "./_typography.css";
9
+ @import "./_spacing.css";
10
+ @import "./_radius.css";
11
+ @import "./_shadows.css";
12
+ @import "./_transitions.css";
13
+ @import "./_breakpoints.css";