@namp88/compass-tokens 1.0.3

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 (35) hide show
  1. package/README.md +90 -0
  2. package/dist/css/primitives.css +348 -0
  3. package/dist/css/themes/dark.css +506 -0
  4. package/dist/css/themes/highcontrast.css +506 -0
  5. package/dist/css/themes/light.css +506 -0
  6. package/dist/css/tokens.css +2372 -0
  7. package/dist/scss/_badge-lg.scss +13 -0
  8. package/dist/scss/_badge-md.scss +13 -0
  9. package/dist/scss/_badge-sm.scss +13 -0
  10. package/dist/scss/_badge-xs.scss +13 -0
  11. package/dist/scss/_button-lg.scss +35 -0
  12. package/dist/scss/_button-md.scss +35 -0
  13. package/dist/scss/_button-sm.scss +35 -0
  14. package/dist/scss/_button-xs.scss +35 -0
  15. package/dist/scss/_card.scss +5 -0
  16. package/dist/scss/_colors.scss +190 -0
  17. package/dist/scss/_dropdown-lg.scss +12 -0
  18. package/dist/scss/_dropdown-md.scss +12 -0
  19. package/dist/scss/_dropdown-sm.scss +12 -0
  20. package/dist/scss/_icon-size-lg.scss +8 -0
  21. package/dist/scss/_icon-size-md.scss +8 -0
  22. package/dist/scss/_icon-size-sm.scss +8 -0
  23. package/dist/scss/_icon-size-xs.scss +8 -0
  24. package/dist/scss/_index.scss +30 -0
  25. package/dist/scss/_input-lg.scss +37 -0
  26. package/dist/scss/_input-md.scss +37 -0
  27. package/dist/scss/_input-sm.scss +37 -0
  28. package/dist/scss/_primitives.scss +206 -0
  29. package/dist/scss/_semantic-dark.scss +644 -0
  30. package/dist/scss/_semantic-high-contrast.scss +644 -0
  31. package/dist/scss/_semantic-light.scss +644 -0
  32. package/dist/scss/_typography.scss +115 -0
  33. package/dist/scss/tokens.scss +2853 -0
  34. package/package.json +55 -0
  35. package/tokens/design-tokens.json +24991 -0
package/dist/scss/_typography.scss ADDED
@@ -0,0 +1,115 @@
1
+ // =============================================================================
2
+ // Typography - Value
3
+ // Generated from Figma design tokens
4
+ // Generated at: 2026-02-04T14:40:26.419Z
5
+ // =============================================================================
6
+
7
+
8
+ // -----------------------------------------------------------------------------
9
+ // Font weight
10
+ // -----------------------------------------------------------------------------
11
+
12
+ $font-weight-regular: "Regular";
13
+ $font-weight-medium: "Medium";
14
+ $font-weight-bold: "Bold";
15
+ $font-weight-semibold: "SemiBold";
16
+
17
+ // -----------------------------------------------------------------------------
18
+ // Line height
19
+ // -----------------------------------------------------------------------------
20
+
21
+ $line-height-none: 0;
22
+ $line-height-xs: 16px;
23
+ $line-height-sm: 20px;
24
+ $line-height-md: 24px;
25
+ $line-height-lg: 30px;
26
+ $line-height-xl: 36px;
27
+ $line-height-2xl: 48px;
28
+ $line-height-3xl: 72px;
29
+ $line-height-2xs: 12px;
30
+
31
+ // -----------------------------------------------------------------------------
32
+ // Font family
33
+ // -----------------------------------------------------------------------------
34
+
35
+ $font-family-text: "Inter";
36
+ $font-family-heading: "Poppins";
37
+
38
+ // -----------------------------------------------------------------------------
39
+ // Font size
40
+ // -----------------------------------------------------------------------------
41
+
42
+ $font-size-xs: 12px;
43
+ $font-size-md: 16px;
44
+ $font-size-lg: 18px;
45
+ $font-size-xl: 20px;
46
+ $font-size-3xl: 32px;
47
+ $font-size-4xl: 40px;
48
+ $font-size-sm: 14px;
49
+ $font-size-5xl: 48px;
50
+ $font-size-2xl: 24px;
51
+ $font-size-2xs: 10px;
52
+
53
+ // -----------------------------------------------------------------------------
54
+ // Heading
55
+ // -----------------------------------------------------------------------------
56
+
57
+ // 4xl
58
+ $heading-font-size-4xl: $font-size-5xl;
59
+ $heading-line-height-4xl: $line-height-3xl;
60
+ $heading-font-family-4xl: $font-family-heading;
61
+
62
+ // 3xl
63
+ $heading-font-size-3xl: $font-size-4xl;
64
+ $heading-line-height-3xl: $line-height-3xl;
65
+ $heading-font-family-3xl: $font-family-heading;
66
+
67
+ // 2xl
68
+ $heading-font-size-2xl: $font-size-3xl;
69
+ $heading-line-height-2xl: $line-height-2xl;
70
+ $heading-font-family-2xl: $font-family-heading;
71
+
72
+ // xl
73
+ $heading-font-size-xl: $font-size-xl;
74
+ $heading-line-height-xl: $line-height-xl;
75
+ $heading-font-family-xl: $font-family-heading;
76
+
77
+ // lg
78
+ $heading-font-size-lg: $font-size-xl;
79
+ $heading-line-height-lg: $line-height-lg;
80
+ $heading-font-family-lg: $font-family-heading;
81
+
82
+ // md
83
+ $heading-font-size-md: $font-size-md;
84
+ $heading-line-height-md: $line-height-md;
85
+ $heading-font-family-md: $font-family-heading;
86
+
87
+
88
+ // -----------------------------------------------------------------------------
89
+ // Text
90
+ // -----------------------------------------------------------------------------
91
+
92
+ // xl
93
+ $text-font-size-xl: $font-size-2xl;
94
+ $text-line-height-xl: $line-height-xl;
95
+ $text-font-family-xl: $font-family-text;
96
+
97
+ // lg
98
+ $text-font-size-lg: $font-size-xl;
99
+ $text-line-height-lg: $line-height-lg;
100
+ $text-font-family-lg: $font-family-text;
101
+
102
+ // md
103
+ $text-font-size-md: $font-size-md;
104
+ $text-line-height-md: $line-height-md;
105
+ $text-font-family-md: $font-family-text;
106
+
107
+ // sm
108
+ $text-font-size-sm: $font-size-sm;
109
+ $text-line-height-sm: $line-height-sm;
110
+ $text-font-family-sm: $font-family-text;
111
+
112
+ // xs
113
+ $text-font-size-xs: $font-size-xs;
114
+ $text-line-height-xs: $line-height-xs;
115
+ $text-font-family-xs: $font-family-text;