@dsrc-cm/tokens 0.1.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 (5) hide show
  1. package/dist/tokens.css +104 -0
  2. package/dist/tokens.js +104 -0
  3. package/dist/tokens.mjs +102 -0
  4. package/dist/tokens.scss +101 -0
  5. package/package.json +38 -0
package/dist/tokens.css ADDED
@@ -0,0 +1,104 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 23 Feb 2026 16:22:03 GMT
4
+ */
5
+
6
+ :root {
7
+ --dsrc-font-letter-spacing-caps: 0.06em;
8
+ --dsrc-font-letter-spacing-wider: 0.04em;
9
+ --dsrc-font-letter-spacing-wide: 0.02em;
10
+ --dsrc-font-letter-spacing-normal: 0;
11
+ --dsrc-font-letter-spacing-tight: -0.01em;
12
+ --dsrc-font-line-height-loose: 1.6;
13
+ --dsrc-font-line-height-relaxed: 1.5;
14
+ --dsrc-font-line-height-normal: 1.4;
15
+ --dsrc-font-line-height-snug: 1.2;
16
+ --dsrc-font-line-height-tight: 1.15;
17
+ --dsrc-font-weight-bold: 700;
18
+ --dsrc-font-weight-semibold: 600;
19
+ --dsrc-font-weight-medium: 500;
20
+ --dsrc-font-weight-regular: 400;
21
+ --dsrc-font-weight-light: 300;
22
+ --dsrc-font-size-nano: 10px;
23
+ --dsrc-font-size-micro: 11px;
24
+ --dsrc-font-size-caption: 12px;
25
+ --dsrc-font-size-small: 14px;
26
+ --dsrc-font-size-body: 16px;
27
+ --dsrc-font-size-h4: 18px;
28
+ --dsrc-font-size-h3: 22px;
29
+ --dsrc-font-size-h2: 28px;
30
+ --dsrc-font-size-h1: 38px;
31
+ --dsrc-font-family-mono: 'IBM Plex Mono', ui-monospace, monospace;
32
+ --dsrc-font-family-sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
33
+ --dsrc-transition-duration-normal: 0.2s; /* Toggle, accordion */
34
+ --dsrc-transition-duration-fast: 0.1s; /* Hover, focus */
35
+ --dsrc-z-index-fixed: 100;
36
+ --dsrc-z-index-tooltip: 500;
37
+ --dsrc-z-index-sidebar: 800;
38
+ --dsrc-z-index-modal: 900;
39
+ --dsrc-z-index-toast: 1000;
40
+ --dsrc-z-index-overlay: 1100;
41
+ --dsrc-z-index-skiplinks: 10000;
42
+ --dsrc-layout-max-width: 1140px; /* Largeur max du contenu */
43
+ --dsrc-outline-offset: 2px; /* Focus ring offset */
44
+ --dsrc-outline-width: 3px; /* Focus ring width */
45
+ --dsrc-border-width-thick: 3px; /* Accents, indicateurs actifs */
46
+ --dsrc-border-width-default: 1.5px; /* Inputs, selects */
47
+ --dsrc-border-width-thin: 1px; /* Separateurs, bordures legeres */
48
+ --dsrc-radius-none: 0;
49
+ --dsrc-radius-round: 50%;
50
+ --dsrc-radius-large: 8px; /* Cards, modals */
51
+ --dsrc-radius-default: 3px;
52
+ --dsrc-radius-small: 2px; /* Focus rings, badges */
53
+ --dsrc-spacing-8: 64px;
54
+ --dsrc-spacing-7: 48px;
55
+ --dsrc-spacing-6: 32px;
56
+ --dsrc-spacing-5: 24px;
57
+ --dsrc-spacing-4: 16px;
58
+ --dsrc-spacing-3: 12px;
59
+ --dsrc-spacing-2: 8px;
60
+ --dsrc-spacing-1: 4px; /* Base unit */
61
+ --dsrc-shadow-xl: 0 16px 48px rgba(0,0,0,0.16); /* Menus flyout */
62
+ --dsrc-shadow-lg: 0 8px 24px rgba(0,0,0,0.12); /* Modals, popovers */
63
+ --dsrc-shadow-md: 0 2px 6px rgba(0,0,0,0.08); /* Cards, dropdowns */
64
+ --dsrc-shadow-sm: 0 1px 2px rgba(0,0,0,0.06); /* Inputs, boutons */
65
+ --dsrc-color-purple-texte: #6b21a8; /* Texte badge purple */
66
+ --dsrc-color-purple-fond: #f3e8ff; /* Fond badge purple */
67
+ --dsrc-color-overlay: rgba(0, 0, 0, 0.5); /* Fond overlay modals, sidebars */
68
+ --dsrc-color-succes-bordure: #18753c; /* Bordure succes */
69
+ --dsrc-color-gris-500: #929292; /* Texte desactive */
70
+ --dsrc-color-gris-300: #dddddd; /* Bordures moyennes */
71
+ --dsrc-color-primaire-hover: #006223; /* Hover boutons primaires */
72
+ --dsrc-color-info-bordure: #2563eb;
73
+ --dsrc-color-info-texte: #1e40af;
74
+ --dsrc-color-info-fond: #eff6ff;
75
+ --dsrc-color-alerte-bordure: #d97706;
76
+ --dsrc-color-alerte-texte: #78350f;
77
+ --dsrc-color-alerte-fond: #fffbeb;
78
+ --dsrc-color-erreur-bordure: #c53030;
79
+ --dsrc-color-erreur-texte: #9b1c1c;
80
+ --dsrc-color-erreur-fond: #fff0f0;
81
+ --dsrc-color-succes-texte: #005a1e;
82
+ --dsrc-color-succes-fond: #e8f5ed;
83
+ --dsrc-color-drapeau-jaune: #f0b414; /* Drapeau camerounais */
84
+ --dsrc-color-drapeau-rouge: #ce003a; /* Drapeau camerounais */
85
+ --dsrc-color-drapeau-vert: #009938; /* Drapeau camerounais */
86
+ --dsrc-color-fond: #fafafa; /* Fond de page */
87
+ --dsrc-color-blanc: #ffffff; /* Cartes, surfaces */
88
+ --dsrc-color-gris-50: #f7f7f7;
89
+ --dsrc-color-gris-100: #f0f0f0; /* Fonds de section */
90
+ --dsrc-color-gris-200: #dedede; /* Bordures, separateurs */
91
+ --dsrc-color-gris-400: #909090;
92
+ --dsrc-color-gris-600: #555555; /* Texte secondaire, labels */
93
+ --dsrc-color-gris-700: #3d3d3d;
94
+ --dsrc-color-gris-800: #2b2b2b;
95
+ --dsrc-color-noir: #161616; /* Titres, texte principal */
96
+ --dsrc-color-primaire-focus: rgba(0, 122, 43, 0.18); /* Outline focus */
97
+ --dsrc-color-primaire-clair: #e8f5ed; /* Fonds, survols legers, badges */
98
+ --dsrc-color-primaire-fonce: #005a1e; /* Hover, etats presses */
99
+ --dsrc-color-primaire: #007a2b; /* Vert d'Etat - Boutons, liens, focus, actif */
100
+ --dsrc-breakpoint-xl: 1248px; /* Grand ecran */
101
+ --dsrc-breakpoint-lg: 992px; /* Desktop */
102
+ --dsrc-breakpoint-md: 768px; /* Tablette */
103
+ --dsrc-breakpoint-sm: 576px; /* Mobile paysage */
104
+ }
package/dist/tokens.js ADDED
@@ -0,0 +1,104 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 23 Feb 2026 16:22:03 GMT
4
+ */
5
+
6
+ module.exports = {
7
+ "BreakpointSm": "576px",
8
+ "BreakpointMd": "768px",
9
+ "BreakpointLg": "992px",
10
+ "BreakpointXl": "1248px",
11
+ "ColorPrimaire": "#007a2b",
12
+ "ColorPrimaireFonce": "#005a1e",
13
+ "ColorPrimaireClair": "#e8f5ed",
14
+ "ColorPrimaireFocus": "#007a2b",
15
+ "ColorNoir": "#161616",
16
+ "ColorGris800": "#2b2b2b",
17
+ "ColorGris700": "#3d3d3d",
18
+ "ColorGris600": "#555555",
19
+ "ColorGris400": "#909090",
20
+ "ColorGris200": "#dedede",
21
+ "ColorGris100": "#f0f0f0",
22
+ "ColorGris50": "#f7f7f7",
23
+ "ColorBlanc": "#ffffff",
24
+ "ColorFond": "#fafafa",
25
+ "ColorDrapeauVert": "#009938",
26
+ "ColorDrapeauRouge": "#ce003a",
27
+ "ColorDrapeauJaune": "#f0b414",
28
+ "ColorSuccesFond": "#e8f5ed",
29
+ "ColorSuccesTexte": "#005a1e",
30
+ "ColorErreurFond": "#fff0f0",
31
+ "ColorErreurTexte": "#9b1c1c",
32
+ "ColorErreurBordure": "#c53030",
33
+ "ColorAlerteFond": "#fffbeb",
34
+ "ColorAlerteTexte": "#78350f",
35
+ "ColorAlerteBordure": "#d97706",
36
+ "ColorInfoFond": "#eff6ff",
37
+ "ColorInfoTexte": "#1e40af",
38
+ "ColorInfoBordure": "#2563eb",
39
+ "ColorPrimaireHover": "#006223",
40
+ "ColorGris300": "#dddddd",
41
+ "ColorGris500": "#929292",
42
+ "ColorSuccesBordure": "#18753c",
43
+ "ColorOverlay": "#000000",
44
+ "ColorPurpleFond": "#f3e8ff",
45
+ "ColorPurpleTexte": "#6b21a8",
46
+ "ShadowSm": "0 1px 2px rgba(0,0,0,0.06)",
47
+ "ShadowMd": "0 2px 6px rgba(0,0,0,0.08)",
48
+ "ShadowLg": "0 8px 24px rgba(0,0,0,0.12)",
49
+ "ShadowXl": "0 16px 48px rgba(0,0,0,0.16)",
50
+ "Spacing1": "4px",
51
+ "Spacing2": "8px",
52
+ "Spacing3": "12px",
53
+ "Spacing4": "16px",
54
+ "Spacing5": "24px",
55
+ "Spacing6": "32px",
56
+ "Spacing7": "48px",
57
+ "Spacing8": "64px",
58
+ "RadiusSmall": "2px",
59
+ "RadiusDefault": "3px",
60
+ "RadiusLarge": "8px",
61
+ "RadiusRound": "50%",
62
+ "RadiusNone": "0",
63
+ "BorderWidthThin": "1px",
64
+ "BorderWidthDefault": "1.5px",
65
+ "BorderWidthThick": "3px",
66
+ "OutlineWidth": "3px",
67
+ "OutlineOffset": "2px",
68
+ "LayoutMaxWidth": "1140px",
69
+ "ZIndexSkiplinks": "10000",
70
+ "ZIndexOverlay": "1100",
71
+ "ZIndexToast": "1000",
72
+ "ZIndexModal": "900",
73
+ "ZIndexSidebar": "800",
74
+ "ZIndexTooltip": "500",
75
+ "ZIndexFixed": "100",
76
+ "TransitionDurationFast": "0.1s",
77
+ "TransitionDurationNormal": "0.2s",
78
+ "FontFamilySans": "'IBM Plex Sans', system-ui, -apple-system, sans-serif",
79
+ "FontFamilyMono": "'IBM Plex Mono', ui-monospace, monospace",
80
+ "FontSizeH1": "38px",
81
+ "FontSizeH2": "28px",
82
+ "FontSizeH3": "22px",
83
+ "FontSizeH4": "18px",
84
+ "FontSizeBody": "16px",
85
+ "FontSizeSmall": "14px",
86
+ "FontSizeCaption": "12px",
87
+ "FontSizeMicro": "11px",
88
+ "FontSizeNano": "10px",
89
+ "FontWeightLight": "300",
90
+ "FontWeightRegular": "400",
91
+ "FontWeightMedium": "500",
92
+ "FontWeightSemibold": "600",
93
+ "FontWeightBold": "700",
94
+ "FontLineHeightTight": "1.15",
95
+ "FontLineHeightSnug": "1.2",
96
+ "FontLineHeightNormal": "1.4",
97
+ "FontLineHeightRelaxed": "1.5",
98
+ "FontLineHeightLoose": "1.6",
99
+ "FontLetterSpacingTight": "-0.01em",
100
+ "FontLetterSpacingNormal": "0",
101
+ "FontLetterSpacingWide": "0.02em",
102
+ "FontLetterSpacingWider": "0.04em",
103
+ "FontLetterSpacingCaps": "0.06em"
104
+ };
package/dist/tokens.mjs ADDED
@@ -0,0 +1,102 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Mon, 23 Feb 2026 16:22:03 GMT
4
+ */
5
+
6
+ export const BreakpointSm = "576px"; // Mobile paysage
7
+ export const BreakpointMd = "768px"; // Tablette
8
+ export const BreakpointLg = "992px"; // Desktop
9
+ export const BreakpointXl = "1248px"; // Grand ecran
10
+ export const ColorPrimaire = "#007a2b"; // Vert d'Etat - Boutons, liens, focus, actif
11
+ export const ColorPrimaireFonce = "#005a1e"; // Hover, etats presses
12
+ export const ColorPrimaireClair = "#e8f5ed"; // Fonds, survols legers, badges
13
+ export const ColorPrimaireFocus = "#007a2b"; // Outline focus
14
+ export const ColorNoir = "#161616"; // Titres, texte principal
15
+ export const ColorGris800 = "#2b2b2b";
16
+ export const ColorGris700 = "#3d3d3d";
17
+ export const ColorGris600 = "#555555"; // Texte secondaire, labels
18
+ export const ColorGris400 = "#909090";
19
+ export const ColorGris200 = "#dedede"; // Bordures, separateurs
20
+ export const ColorGris100 = "#f0f0f0"; // Fonds de section
21
+ export const ColorGris50 = "#f7f7f7";
22
+ export const ColorBlanc = "#ffffff"; // Cartes, surfaces
23
+ export const ColorFond = "#fafafa"; // Fond de page
24
+ export const ColorDrapeauVert = "#009938"; // Drapeau camerounais
25
+ export const ColorDrapeauRouge = "#ce003a"; // Drapeau camerounais
26
+ export const ColorDrapeauJaune = "#f0b414"; // Drapeau camerounais
27
+ export const ColorSuccesFond = "#e8f5ed";
28
+ export const ColorSuccesTexte = "#005a1e";
29
+ export const ColorErreurFond = "#fff0f0";
30
+ export const ColorErreurTexte = "#9b1c1c";
31
+ export const ColorErreurBordure = "#c53030";
32
+ export const ColorAlerteFond = "#fffbeb";
33
+ export const ColorAlerteTexte = "#78350f";
34
+ export const ColorAlerteBordure = "#d97706";
35
+ export const ColorInfoFond = "#eff6ff";
36
+ export const ColorInfoTexte = "#1e40af";
37
+ export const ColorInfoBordure = "#2563eb";
38
+ export const ColorPrimaireHover = "#006223"; // Hover boutons primaires
39
+ export const ColorGris300 = "#dddddd"; // Bordures moyennes
40
+ export const ColorGris500 = "#929292"; // Texte desactive
41
+ export const ColorSuccesBordure = "#18753c"; // Bordure succes
42
+ export const ColorOverlay = "#000000"; // Fond overlay modals, sidebars
43
+ export const ColorPurpleFond = "#f3e8ff"; // Fond badge purple
44
+ export const ColorPurpleTexte = "#6b21a8"; // Texte badge purple
45
+ export const ShadowSm = "0 1px 2px rgba(0,0,0,0.06)"; // Inputs, boutons
46
+ export const ShadowMd = "0 2px 6px rgba(0,0,0,0.08)"; // Cards, dropdowns
47
+ export const ShadowLg = "0 8px 24px rgba(0,0,0,0.12)"; // Modals, popovers
48
+ export const ShadowXl = "0 16px 48px rgba(0,0,0,0.16)"; // Menus flyout
49
+ export const Spacing1 = "4px"; // Base unit
50
+ export const Spacing2 = "8px";
51
+ export const Spacing3 = "12px";
52
+ export const Spacing4 = "16px";
53
+ export const Spacing5 = "24px";
54
+ export const Spacing6 = "32px";
55
+ export const Spacing7 = "48px";
56
+ export const Spacing8 = "64px";
57
+ export const RadiusSmall = "2px"; // Focus rings, badges
58
+ export const RadiusDefault = "3px";
59
+ export const RadiusLarge = "8px"; // Cards, modals
60
+ export const RadiusRound = "50%";
61
+ export const RadiusNone = "0";
62
+ export const BorderWidthThin = "1px"; // Separateurs, bordures legeres
63
+ export const BorderWidthDefault = "1.5px"; // Inputs, selects
64
+ export const BorderWidthThick = "3px"; // Accents, indicateurs actifs
65
+ export const OutlineWidth = "3px"; // Focus ring width
66
+ export const OutlineOffset = "2px"; // Focus ring offset
67
+ export const LayoutMaxWidth = "1140px"; // Largeur max du contenu
68
+ export const ZIndexSkiplinks = "10000";
69
+ export const ZIndexOverlay = "1100";
70
+ export const ZIndexToast = "1000";
71
+ export const ZIndexModal = "900";
72
+ export const ZIndexSidebar = "800";
73
+ export const ZIndexTooltip = "500";
74
+ export const ZIndexFixed = "100";
75
+ export const TransitionDurationFast = "0.1s"; // Hover, focus
76
+ export const TransitionDurationNormal = "0.2s"; // Toggle, accordion
77
+ export const FontFamilySans = "'IBM Plex Sans', system-ui, -apple-system, sans-serif";
78
+ export const FontFamilyMono = "'IBM Plex Mono', ui-monospace, monospace";
79
+ export const FontSizeH1 = "38px";
80
+ export const FontSizeH2 = "28px";
81
+ export const FontSizeH3 = "22px";
82
+ export const FontSizeH4 = "18px";
83
+ export const FontSizeBody = "16px";
84
+ export const FontSizeSmall = "14px";
85
+ export const FontSizeCaption = "12px";
86
+ export const FontSizeMicro = "11px";
87
+ export const FontSizeNano = "10px";
88
+ export const FontWeightLight = "300";
89
+ export const FontWeightRegular = "400";
90
+ export const FontWeightMedium = "500";
91
+ export const FontWeightSemibold = "600";
92
+ export const FontWeightBold = "700";
93
+ export const FontLineHeightTight = "1.15";
94
+ export const FontLineHeightSnug = "1.2";
95
+ export const FontLineHeightNormal = "1.4";
96
+ export const FontLineHeightRelaxed = "1.5";
97
+ export const FontLineHeightLoose = "1.6";
98
+ export const FontLetterSpacingTight = "-0.01em";
99
+ export const FontLetterSpacingNormal = "0";
100
+ export const FontLetterSpacingWide = "0.02em";
101
+ export const FontLetterSpacingWider = "0.04em";
102
+ export const FontLetterSpacingCaps = "0.06em";
package/dist/tokens.scss ADDED
@@ -0,0 +1,101 @@
1
+
2
+ // Do not edit directly
3
+ // Generated on Mon, 23 Feb 2026 16:22:03 GMT
4
+
5
+ $dsrc-breakpoint-sm: 576px; // Mobile paysage
6
+ $dsrc-breakpoint-md: 768px; // Tablette
7
+ $dsrc-breakpoint-lg: 992px; // Desktop
8
+ $dsrc-breakpoint-xl: 1248px; // Grand ecran
9
+ $dsrc-color-primaire: #007a2b; // Vert d'Etat - Boutons, liens, focus, actif
10
+ $dsrc-color-primaire-fonce: #005a1e; // Hover, etats presses
11
+ $dsrc-color-primaire-clair: #e8f5ed; // Fonds, survols legers, badges
12
+ $dsrc-color-primaire-focus: rgba(0, 122, 43, 0.18); // Outline focus
13
+ $dsrc-color-noir: #161616; // Titres, texte principal
14
+ $dsrc-color-gris-800: #2b2b2b;
15
+ $dsrc-color-gris-700: #3d3d3d;
16
+ $dsrc-color-gris-600: #555555; // Texte secondaire, labels
17
+ $dsrc-color-gris-400: #909090;
18
+ $dsrc-color-gris-200: #dedede; // Bordures, separateurs
19
+ $dsrc-color-gris-100: #f0f0f0; // Fonds de section
20
+ $dsrc-color-gris-50: #f7f7f7;
21
+ $dsrc-color-blanc: #ffffff; // Cartes, surfaces
22
+ $dsrc-color-fond: #fafafa; // Fond de page
23
+ $dsrc-color-drapeau-vert: #009938; // Drapeau camerounais
24
+ $dsrc-color-drapeau-rouge: #ce003a; // Drapeau camerounais
25
+ $dsrc-color-drapeau-jaune: #f0b414; // Drapeau camerounais
26
+ $dsrc-color-succes-fond: #e8f5ed;
27
+ $dsrc-color-succes-texte: #005a1e;
28
+ $dsrc-color-erreur-fond: #fff0f0;
29
+ $dsrc-color-erreur-texte: #9b1c1c;
30
+ $dsrc-color-erreur-bordure: #c53030;
31
+ $dsrc-color-alerte-fond: #fffbeb;
32
+ $dsrc-color-alerte-texte: #78350f;
33
+ $dsrc-color-alerte-bordure: #d97706;
34
+ $dsrc-color-info-fond: #eff6ff;
35
+ $dsrc-color-info-texte: #1e40af;
36
+ $dsrc-color-info-bordure: #2563eb;
37
+ $dsrc-color-primaire-hover: #006223; // Hover boutons primaires
38
+ $dsrc-color-gris-300: #dddddd; // Bordures moyennes
39
+ $dsrc-color-gris-500: #929292; // Texte desactive
40
+ $dsrc-color-succes-bordure: #18753c; // Bordure succes
41
+ $dsrc-color-overlay: rgba(0, 0, 0, 0.5); // Fond overlay modals, sidebars
42
+ $dsrc-color-purple-fond: #f3e8ff; // Fond badge purple
43
+ $dsrc-color-purple-texte: #6b21a8; // Texte badge purple
44
+ $dsrc-shadow-sm: 0 1px 2px rgba(0,0,0,0.06); // Inputs, boutons
45
+ $dsrc-shadow-md: 0 2px 6px rgba(0,0,0,0.08); // Cards, dropdowns
46
+ $dsrc-shadow-lg: 0 8px 24px rgba(0,0,0,0.12); // Modals, popovers
47
+ $dsrc-shadow-xl: 0 16px 48px rgba(0,0,0,0.16); // Menus flyout
48
+ $dsrc-spacing-1: 4px; // Base unit
49
+ $dsrc-spacing-2: 8px;
50
+ $dsrc-spacing-3: 12px;
51
+ $dsrc-spacing-4: 16px;
52
+ $dsrc-spacing-5: 24px;
53
+ $dsrc-spacing-6: 32px;
54
+ $dsrc-spacing-7: 48px;
55
+ $dsrc-spacing-8: 64px;
56
+ $dsrc-radius-small: 2px; // Focus rings, badges
57
+ $dsrc-radius-default: 3px;
58
+ $dsrc-radius-large: 8px; // Cards, modals
59
+ $dsrc-radius-round: 50%;
60
+ $dsrc-radius-none: 0;
61
+ $dsrc-border-width-thin: 1px; // Separateurs, bordures legeres
62
+ $dsrc-border-width-default: 1.5px; // Inputs, selects
63
+ $dsrc-border-width-thick: 3px; // Accents, indicateurs actifs
64
+ $dsrc-outline-width: 3px; // Focus ring width
65
+ $dsrc-outline-offset: 2px; // Focus ring offset
66
+ $dsrc-layout-max-width: 1140px; // Largeur max du contenu
67
+ $dsrc-z-index-skiplinks: 10000;
68
+ $dsrc-z-index-overlay: 1100;
69
+ $dsrc-z-index-toast: 1000;
70
+ $dsrc-z-index-modal: 900;
71
+ $dsrc-z-index-sidebar: 800;
72
+ $dsrc-z-index-tooltip: 500;
73
+ $dsrc-z-index-fixed: 100;
74
+ $dsrc-transition-duration-fast: 0.1s; // Hover, focus
75
+ $dsrc-transition-duration-normal: 0.2s; // Toggle, accordion
76
+ $dsrc-font-family-sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
77
+ $dsrc-font-family-mono: 'IBM Plex Mono', ui-monospace, monospace;
78
+ $dsrc-font-size-h1: 38px;
79
+ $dsrc-font-size-h2: 28px;
80
+ $dsrc-font-size-h3: 22px;
81
+ $dsrc-font-size-h4: 18px;
82
+ $dsrc-font-size-body: 16px;
83
+ $dsrc-font-size-small: 14px;
84
+ $dsrc-font-size-caption: 12px;
85
+ $dsrc-font-size-micro: 11px;
86
+ $dsrc-font-size-nano: 10px;
87
+ $dsrc-font-weight-light: 300;
88
+ $dsrc-font-weight-regular: 400;
89
+ $dsrc-font-weight-medium: 500;
90
+ $dsrc-font-weight-semibold: 600;
91
+ $dsrc-font-weight-bold: 700;
92
+ $dsrc-font-line-height-tight: 1.15;
93
+ $dsrc-font-line-height-snug: 1.2;
94
+ $dsrc-font-line-height-normal: 1.4;
95
+ $dsrc-font-line-height-relaxed: 1.5;
96
+ $dsrc-font-line-height-loose: 1.6;
97
+ $dsrc-font-letter-spacing-tight: -0.01em;
98
+ $dsrc-font-letter-spacing-normal: 0;
99
+ $dsrc-font-letter-spacing-wide: 0.02em;
100
+ $dsrc-font-letter-spacing-wider: 0.04em;
101
+ $dsrc-font-letter-spacing-caps: 0.06em;
package/package.json ADDED
@@ -0,0 +1,38 @@
1
+ {
2
+ "name": "@dsrc-cm/tokens",
3
+ "version": "0.1.0",
4
+ "description": "Design tokens for DSRC - Cameroon State Design System",
5
+ "main": "dist/tokens.js",
6
+ "module": "dist/tokens.mjs",
7
+ "exports": {
8
+ ".": {
9
+ "import": "./dist/tokens.mjs",
10
+ "require": "./dist/tokens.js"
11
+ },
12
+ "./css": "./dist/tokens.css",
13
+ "./scss": "./dist/tokens.scss"
14
+ },
15
+ "files": [
16
+ "dist"
17
+ ],
18
+ "scripts": {
19
+ "build": "node build.js",
20
+ "clean": "rm -rf dist"
21
+ },
22
+ "devDependencies": {
23
+ "style-dictionary": "^3.9.0"
24
+ },
25
+ "author": "NZIDJOUO FONJI Terence Hill",
26
+ "license": "MIT",
27
+ "repository": {
28
+ "type": "git",
29
+ "url": "https://github.com/dsrc-cameroun/dsrc.git",
30
+ "directory": "packages/tokens"
31
+ },
32
+ "keywords": [
33
+ "design-tokens",
34
+ "design-system",
35
+ "cameroun",
36
+ "dsrc"
37
+ ]
38
+ }