@metamask-previews/design-system-tailwind-preset 0.0.0-preview.52473ea

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 (36) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/LICENSE +20 -0
  3. package/README.md +63 -0
  4. package/dist/colors.cjs +70 -0
  5. package/dist/colors.cjs.map +1 -0
  6. package/dist/colors.d.cts +67 -0
  7. package/dist/colors.d.cts.map +1 -0
  8. package/dist/colors.d.mts +67 -0
  9. package/dist/colors.d.mts.map +1 -0
  10. package/dist/colors.mjs +67 -0
  11. package/dist/colors.mjs.map +1 -0
  12. package/dist/index.cjs +36 -0
  13. package/dist/index.cjs.map +1 -0
  14. package/dist/index.d.cts +4 -0
  15. package/dist/index.d.cts.map +1 -0
  16. package/dist/index.d.mts +4 -0
  17. package/dist/index.d.mts.map +1 -0
  18. package/dist/index.mjs +34 -0
  19. package/dist/index.mjs.map +1 -0
  20. package/dist/shadows.cjs +46 -0
  21. package/dist/shadows.cjs.map +1 -0
  22. package/dist/shadows.d.cts +30 -0
  23. package/dist/shadows.d.cts.map +1 -0
  24. package/dist/shadows.d.mts +30 -0
  25. package/dist/shadows.d.mts.map +1 -0
  26. package/dist/shadows.mjs +47 -0
  27. package/dist/shadows.mjs.map +1 -0
  28. package/dist/typography.cjs +168 -0
  29. package/dist/typography.cjs.map +1 -0
  30. package/dist/typography.d.cts +149 -0
  31. package/dist/typography.d.cts.map +1 -0
  32. package/dist/typography.d.mts +149 -0
  33. package/dist/typography.d.mts.map +1 -0
  34. package/dist/typography.mjs +165 -0
  35. package/dist/typography.mjs.map +1 -0
  36. package/package.json +72 -0
package/dist/shadows.mjs ADDED
@@ -0,0 +1,47 @@
1
+ function $importDefault(module) {
2
+ if (module?.__esModule) {
3
+ return module.default;
4
+ }
5
+ return module;
6
+ }
7
+ import $plugin from "tailwindcss/plugin.js";
8
+ const plugin = $importDefault($plugin);
9
+ /**
10
+ * We want to allow for the combination of shadow size and color utilities.
11
+ * Shadow size should default to --color-shadow-default.
12
+ * e.g. className="shadow-md" (size medium / color default)
13
+ * We also want to allow for the combination of shadow size and color utilities.
14
+ * e.g. className="shadow-md shadow-primary" (size medium / color primary)
15
+ *
16
+ * To achieve this we define the following order:
17
+ * size / (color placeholder / color default fallback)
18
+ */
19
+ export const shadows = {
20
+ xs: 'var(--shadow-size-xs) var(--shadow-color, var(--color-shadow-default))',
21
+ sm: 'var(--shadow-size-sm) var(--shadow-color, var(--color-shadow-default))',
22
+ md: 'var(--shadow-size-md) var(--shadow-color, var(--color-shadow-default))',
23
+ lg: 'var(--shadow-size-lg) var(--shadow-color, var(--color-shadow-default))',
24
+ };
25
+ export const shadowColors = {
26
+ default: 'var(--color-shadow-default)',
27
+ primary: 'var(--color-shadow-primary)',
28
+ error: 'var(--color-shadow-error)',
29
+ };
30
+ /**
31
+ * The shadowPlugin is a Tailwind CSS plugin that allows the --shadow-color CSS variable to be set based on the shadow color utility class.
32
+ * This enables the combination of shadow size and color utilities.
33
+ */
34
+ export const shadowPlugin = plugin(function ({ addUtilities, }) {
35
+ const shadowColorUtilities = {};
36
+ Object.entries(shadowColors).forEach(([key, value]) => {
37
+ shadowColorUtilities[`.shadow-${key}`] = {
38
+ '--shadow-color': value, // This ensures that --shadow-color is set to the correct color value
39
+ };
40
+ });
41
+ // Add the utilities with Tailwind’s addUtilities method
42
+ addUtilities(shadowColorUtilities, {
43
+ respectPrefix: false,
44
+ respectImportant: true,
45
+ });
46
+ });
47
+ //# sourceMappingURL=shadows.mjs.map
package/dist/shadows.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadows.mjs","sourceRoot":"","sources":["../src/shadows.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,OAAM,8BAA2B;;AAExC;;;;;;;;;GASG;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,EAAE,EAAE,wEAAwE;IAC5E,EAAE,EAAE,wEAAwE;IAC5E,EAAE,EAAE,wEAAwE;IAC5E,EAAE,EAAE,wEAAwE;CAC7E,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,EAC3C,YAAY,GASb;IACC,MAAM,oBAAoB,GAA2C,EAAE,CAAC;IAExE,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACpD,oBAAoB,CAAC,WAAW,GAAG,EAAE,CAAC,GAAG;YACvC,gBAAgB,EAAE,KAAK,EAAE,qEAAqE;SAC/F,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,wDAAwD;IACxD,YAAY,CAAC,oBAAoB,EAAE;QACjC,aAAa,EAAE,KAAK;QACpB,gBAAgB,EAAE,IAAI;KACvB,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import plugin from 'tailwindcss/plugin';\n\n/**\n * We want to allow for the combination of shadow size and color utilities.\n * Shadow size should default to --color-shadow-default.\n * e.g. className=\"shadow-md\" (size medium / color default)\n * We also want to allow for the combination of shadow size and color utilities.\n * e.g. className=\"shadow-md shadow-primary\" (size medium / color primary)\n *\n * To achieve this we define the following order:\n * size / (color placeholder / color default fallback)\n */\n\nexport const shadows = {\n xs: 'var(--shadow-size-xs) var(--shadow-color, var(--color-shadow-default))',\n sm: 'var(--shadow-size-sm) var(--shadow-color, var(--color-shadow-default))',\n md: 'var(--shadow-size-md) var(--shadow-color, var(--color-shadow-default))',\n lg: 'var(--shadow-size-lg) var(--shadow-color, var(--color-shadow-default))',\n};\n\nexport const shadowColors = {\n default: 'var(--color-shadow-default)',\n primary: 'var(--color-shadow-primary)',\n error: 'var(--color-shadow-error)',\n};\n\n/**\n * The shadowPlugin is a Tailwind CSS plugin that allows the --shadow-color CSS variable to be set based on the shadow color utility class.\n * This enables the combination of shadow size and color utilities.\n */\nexport const shadowPlugin = plugin(function ({\n addUtilities,\n}: {\n addUtilities: (\n utilities: Record<string, Record<string, string>>,\n options?: Partial<{\n respectPrefix: boolean;\n respectImportant: boolean;\n }>,\n ) => void;\n}) {\n const shadowColorUtilities: Record<string, Record<string, string>> = {};\n\n Object.entries(shadowColors).forEach(([key, value]) => {\n shadowColorUtilities[`.shadow-${key}`] = {\n '--shadow-color': value, // This ensures that --shadow-color is set to the correct color value\n };\n });\n\n // Add the utilities with Tailwind’s addUtilities method\n addUtilities(shadowColorUtilities, {\n respectPrefix: false,\n respectImportant: true,\n });\n});\n"]}
package/dist/typography.cjs ADDED
@@ -0,0 +1,168 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.typography = void 0;
4
+ exports.typography = {
5
+ fontSize: {
6
+ // small screen typography
7
+ 's-display-md': 'var(--typography-s-display-md-font-size)',
8
+ 's-heading-lg': 'var(--typography-s-heading-lg-font-size)',
9
+ 's-heading-md': 'var(--typography-s-heading-md-font-size)',
10
+ 's-heading-sm': 'var(--typography-s-heading-sm-font-size)',
11
+ 's-body-lg-medium': 'var(--typography-s-body-lg-medium-font-size)',
12
+ 's-body-lg-regular': 'var(--typography-s-body-lg-regular-font-size)',
13
+ 's-body-md-bold': 'var(--typography-s-body-md-bold-font-size)',
14
+ 's-body-md-medium': 'var(--typography-s-body-md-medium-font-size)',
15
+ 's-body-md': 'var(--typography-s-body-md-font-size)',
16
+ 's-body-sm-bold': 'var(--typography-s-body-sm-bold-font-size)',
17
+ 's-body-sm-medium': 'var(--typography-s-body-sm-medium-font-size)',
18
+ 's-body-sm': 'var(--typography-s-body-sm-font-size)',
19
+ 's-body-xs-medium': 'var(--typography-s-body-xs-medium-font-size)',
20
+ 's-body-xs': 'var(--typography-s-body-xs-font-size)',
21
+ // large screen typography
22
+ 'l-display-md': 'var(--typography-l-display-md-font-size)',
23
+ 'l-heading-lg': 'var(--typography-l-heading-lg-font-size)',
24
+ 'l-heading-md': 'var(--typography-l-heading-md-font-size)',
25
+ 'l-heading-sm': 'var(--typography-l-heading-sm-font-size)',
26
+ 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-font-size)',
27
+ 'l-body-md-bold': 'var(--typography-l-body-md-bold-font-size)',
28
+ 'l-body-md-medium': 'var(--typography-l-body-md-medium-font-size)',
29
+ 'l-body-md': 'var(--typography-l-body-md-font-size)',
30
+ 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-font-size)',
31
+ 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-font-size)',
32
+ 'l-body-sm': 'var(--typography-l-body-sm-font-size)',
33
+ 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-font-size)',
34
+ 'l-body-xs': 'var(--typography-l-body-xs-font-size)',
35
+ },
36
+ fontFamily: {
37
+ sans: [
38
+ 'Euclid Circular B',
39
+ 'Helvetica Neue',
40
+ 'Helvetica',
41
+ 'Arial',
42
+ 'sans-serif',
43
+ ],
44
+ // small screen typography
45
+ 's-display-md': 'var(--typography-s-display-md-font-family)',
46
+ 's-heading-lg': 'var(--typography-s-heading-lg-font-family)',
47
+ 's-heading-md': 'var(--typography-s-heading-md-font-family)',
48
+ 's-heading-sm': 'var(--typography-s-heading-sm-font-family)',
49
+ 's-body-lg-medium': 'var(--typography-s-body-lg-medium-font-family)',
50
+ 's-body-lg-regular': 'var(--typography-s-body-lg-regular-font-family)',
51
+ 's-body-md-bold': 'var(--typography-s-body-md-bold-font-family)',
52
+ 's-body-md-medium': 'var(--typography-s-body-md-medium-font-family)',
53
+ 's-body-md': 'var(--typography-s-body-md-font-family)',
54
+ 's-body-sm-bold': 'var(--typography-s-body-sm-bold-font-family)',
55
+ 's-body-sm-medium': 'var(--typography-s-body-sm-medium-font-family)',
56
+ 's-body-sm': 'var(--typography-s-body-sm-font-family)',
57
+ 's-body-xs-medium': 'var(--typography-s-body-xs-medium-font-family)',
58
+ 's-body-xs': 'var(--typography-s-body-xs-font-family)',
59
+ // large screen typography
60
+ 'l-display-md': 'var(--typography-l-display-md-font-family)',
61
+ 'l-heading-lg': 'var(--typography-l-heading-lg-font-family)',
62
+ 'l-heading-md': 'var(--typography-l-heading-md-font-family)',
63
+ 'l-heading-sm': 'var(--typography-l-heading-sm-font-family)',
64
+ 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-font-family)',
65
+ 'l-body-md-bold': 'var(--typography-l-body-md-bold-font-family)',
66
+ 'l-body-md-medium': 'var(--typography-l-body-md-medium-font-family)',
67
+ 'l-body-md': 'var(--typography-l-body-md-font-family)',
68
+ 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-font-family)',
69
+ 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-font-family)',
70
+ 'l-body-sm': 'var(--typography-l-body-sm-font-family)',
71
+ 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-font-family)',
72
+ 'l-body-xs': 'var(--typography-l-body-xs-font-family)',
73
+ },
74
+ letterSpacing: {
75
+ // small screen typography
76
+ 's-display-md': 'var(--typography-s-display-md-letter-spacing)',
77
+ 's-heading-lg': 'var(--typography-s-heading-lg-letter-spacing)',
78
+ 's-heading-md': 'var(--typography-s-heading-md-letter-spacing)',
79
+ 's-heading-sm': 'var(--typography-s-heading-sm-letter-spacing)',
80
+ 's-body-lg-medium': 'var(--typography-s-body-lg-medium-letter-spacing)',
81
+ 's-body-lg-regular': 'var(--typography-s-body-lg-regular-letter-spacing)',
82
+ 's-body-md-bold': 'var(--typography-s-body-md-bold-letter-spacing)',
83
+ 's-body-md-medium': 'var(--typography-s-body-md-medium-letter-spacing)',
84
+ 's-body-md': 'var(--typography-s-body-md-letter-spacing)',
85
+ 's-body-sm-bold': 'var(--typography-s-body-sm-bold-letter-spacing)',
86
+ 's-body-sm-medium': 'var(--typography-s-body-sm-medium-letter-spacing)',
87
+ 's-body-sm': 'var(--typography-s-body-sm-letter-spacing)',
88
+ 's-body-xs-medium': 'var(--typography-s-body-xs-medium-letter-spacing)',
89
+ 's-body-xs': 'var(--typography-s-body-xs-letter-spacing)',
90
+ // large screen typography
91
+ 'l-display-md': 'var(--typography-l-display-md-letter-spacing)',
92
+ 'l-heading-lg': 'var(--typography-l-heading-lg-letter-spacing)',
93
+ 'l-heading-md': 'var(--typography-l-heading-md-letter-spacing)',
94
+ 'l-heading-sm': 'var(--typography-l-heading-sm-letter-spacing)',
95
+ 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-letter-spacing)',
96
+ 'l-body-md-bold': 'var(--typography-l-body-md-bold-letter-spacing)',
97
+ 'l-body-md-medium': 'var(--typography-l-body-md-medium-letter-spacing)',
98
+ 'l-body-md': 'var(--typography-l-body-md-letter-spacing)',
99
+ 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-letter-spacing)',
100
+ 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-letter-spacing)',
101
+ 'l-body-sm': 'var(--typography-l-body-sm-letter-spacing)',
102
+ 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-letter-spacing)',
103
+ 'l-body-xs': 'var(--typography-l-body-xs-letter-spacing)',
104
+ },
105
+ fontWeight: {
106
+ // small screen typography
107
+ 's-display-md': 'var(--typography-s-display-md-font-weight)',
108
+ 's-heading-lg': 'var(--typography-s-heading-lg-font-weight)',
109
+ 's-heading-md': 'var(--typography-s-heading-md-font-weight)',
110
+ 's-heading-sm': 'var(--typography-s-heading-sm-font-weight)',
111
+ 's-body-lg-medium': 'var(--typography-s-body-lg-medium-font-weight)',
112
+ 's-body-lg-regular': 'var(--typography-s-body-lg-regular-font-weight)',
113
+ 's-body-md-bold': 'var(--typography-s-body-md-bold-font-weight)',
114
+ 's-body-md-medium': 'var(--typography-s-body-md-medium-font-weight)',
115
+ 's-body-md': 'var(--typography-s-body-md-font-weight)',
116
+ 's-body-sm-bold': 'var(--typography-s-body-sm-bold-font-weight)',
117
+ 's-body-sm-medium': 'var(--typography-s-body-sm-medium-font-weight)',
118
+ 's-body-sm': 'var(--typography-s-body-sm-font-weight)',
119
+ 's-body-xs-medium': 'var(--typography-s-body-xs-medium-font-weight)',
120
+ 's-body-xs': 'var(--typography-s-body-xs-font-weight)',
121
+ // large screen typography
122
+ 'l-display-md': 'var(--typography-l-display-md-font-weight)',
123
+ 'l-heading-lg': 'var(--typography-l-heading-lg-font-weight)',
124
+ 'l-heading-md': 'var(--typography-l-heading-md-font-weight)',
125
+ 'l-heading-sm': 'var(--typography-l-heading-sm-font-weight)',
126
+ 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-font-weight)',
127
+ 'l-body-md-bold': 'var(--typography-l-body-md-bold-font-weight)',
128
+ 'l-body-md-medium': 'var(--typography-l-body-md-medium-font-weight)',
129
+ 'l-body-md': 'var(--typography-l-body-md-font-weight)',
130
+ 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-font-weight)',
131
+ 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-font-weight)',
132
+ 'l-body-sm': 'var(--typography-l-body-sm-font-weight)',
133
+ 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-font-weight)',
134
+ 'l-body-xs': 'var(--typography-l-body-xs-font-weight)',
135
+ },
136
+ lineHeight: {
137
+ // small screen typography
138
+ 's-display-md': 'var(--typography-s-display-md-line-height)',
139
+ 's-heading-lg': 'var(--typography-s-heading-lg-line-height)',
140
+ 's-heading-md': 'var(--typography-s-heading-md-line-height)',
141
+ 's-heading-sm': 'var(--typography-s-heading-sm-line-height)',
142
+ 's-body-lg-medium': 'var(--typography-s-body-lg-medium-line-height)',
143
+ 's-body-lg-regular': 'var(--typography-s-body-lg-regular-line-height)',
144
+ 's-body-md-bold': 'var(--typography-s-body-md-bold-line-height)',
145
+ 's-body-md-medium': 'var(--typography-s-body-md-medium-line-height)',
146
+ 's-body-md': 'var(--typography-s-body-md-line-height)',
147
+ 's-body-sm-bold': 'var(--typography-s-body-sm-bold-line-height)',
148
+ 's-body-sm-medium': 'var(--typography-s-body-sm-medium-line-height)',
149
+ 's-body-sm': 'var(--typography-s-body-sm-line-height)',
150
+ 's-body-xs-medium': 'var(--typography-s-body-xs-medium-line-height)',
151
+ 's-body-xs': 'var(--typography-s-body-xs-line-height)',
152
+ // large screen typography
153
+ 'l-display-md': 'var(--typography-l-display-md-line-height)',
154
+ 'l-heading-lg': 'var(--typography-l-heading-lg-line-height)',
155
+ 'l-heading-md': 'var(--typography-l-heading-md-line-height)',
156
+ 'l-heading-sm': 'var(--typography-l-heading-sm-line-height)',
157
+ 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-line-height)',
158
+ 'l-body-md-bold': 'var(--typography-l-body-md-bold-line-height)',
159
+ 'l-body-md-medium': 'var(--typography-l-body-md-medium-line-height)',
160
+ 'l-body-md': 'var(--typography-l-body-md-line-height)',
161
+ 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-line-height)',
162
+ 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-line-height)',
163
+ 'l-body-sm': 'var(--typography-l-body-sm-line-height)',
164
+ 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-line-height)',
165
+ 'l-body-xs': 'var(--typography-l-body-xs-line-height)',
166
+ },
167
+ };
168
+ //# sourceMappingURL=typography.cjs.map
package/dist/typography.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.cjs","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"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","sourcesContent":["export const typography = {\n fontSize: {\n // small screen typography\n 's-display-md': 'var(--typography-s-display-md-font-size)',\n 's-heading-lg': 'var(--typography-s-heading-lg-font-size)',\n 's-heading-md': 'var(--typography-s-heading-md-font-size)',\n 's-heading-sm': 'var(--typography-s-heading-sm-font-size)',\n 's-body-lg-medium': 'var(--typography-s-body-lg-medium-font-size)',\n 's-body-lg-regular': 'var(--typography-s-body-lg-regular-font-size)',\n 's-body-md-bold': 'var(--typography-s-body-md-bold-font-size)',\n 's-body-md-medium': 'var(--typography-s-body-md-medium-font-size)',\n 's-body-md': 'var(--typography-s-body-md-font-size)',\n 's-body-sm-bold': 'var(--typography-s-body-sm-bold-font-size)',\n 's-body-sm-medium': 'var(--typography-s-body-sm-medium-font-size)',\n 's-body-sm': 'var(--typography-s-body-sm-font-size)',\n 's-body-xs-medium': 'var(--typography-s-body-xs-medium-font-size)',\n 's-body-xs': 'var(--typography-s-body-xs-font-size)',\n // large screen typography\n 'l-display-md': 'var(--typography-l-display-md-font-size)',\n 'l-heading-lg': 'var(--typography-l-heading-lg-font-size)',\n 'l-heading-md': 'var(--typography-l-heading-md-font-size)',\n 'l-heading-sm': 'var(--typography-l-heading-sm-font-size)',\n 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-font-size)',\n 'l-body-md-bold': 'var(--typography-l-body-md-bold-font-size)',\n 'l-body-md-medium': 'var(--typography-l-body-md-medium-font-size)',\n 'l-body-md': 'var(--typography-l-body-md-font-size)',\n 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-font-size)',\n 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-font-size)',\n 'l-body-sm': 'var(--typography-l-body-sm-font-size)',\n 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-font-size)',\n 'l-body-xs': 'var(--typography-l-body-xs-font-size)',\n },\n fontFamily: {\n sans: [\n 'Euclid Circular B', // This should match @font-face set in tailwind.css\n 'Helvetica Neue',\n 'Helvetica',\n 'Arial',\n 'sans-serif',\n ],\n // small screen typography\n 's-display-md': 'var(--typography-s-display-md-font-family)',\n 's-heading-lg': 'var(--typography-s-heading-lg-font-family)',\n 's-heading-md': 'var(--typography-s-heading-md-font-family)',\n 's-heading-sm': 'var(--typography-s-heading-sm-font-family)',\n 's-body-lg-medium': 'var(--typography-s-body-lg-medium-font-family)',\n 's-body-lg-regular': 'var(--typography-s-body-lg-regular-font-family)',\n 's-body-md-bold': 'var(--typography-s-body-md-bold-font-family)',\n 's-body-md-medium': 'var(--typography-s-body-md-medium-font-family)',\n 's-body-md': 'var(--typography-s-body-md-font-family)',\n 's-body-sm-bold': 'var(--typography-s-body-sm-bold-font-family)',\n 's-body-sm-medium': 'var(--typography-s-body-sm-medium-font-family)',\n 's-body-sm': 'var(--typography-s-body-sm-font-family)',\n 's-body-xs-medium': 'var(--typography-s-body-xs-medium-font-family)',\n 's-body-xs': 'var(--typography-s-body-xs-font-family)',\n // large screen typography\n 'l-display-md': 'var(--typography-l-display-md-font-family)',\n 'l-heading-lg': 'var(--typography-l-heading-lg-font-family)',\n 'l-heading-md': 'var(--typography-l-heading-md-font-family)',\n 'l-heading-sm': 'var(--typography-l-heading-sm-font-family)',\n 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-font-family)',\n 'l-body-md-bold': 'var(--typography-l-body-md-bold-font-family)',\n 'l-body-md-medium': 'var(--typography-l-body-md-medium-font-family)',\n 'l-body-md': 'var(--typography-l-body-md-font-family)',\n 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-font-family)',\n 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-font-family)',\n 'l-body-sm': 'var(--typography-l-body-sm-font-family)',\n 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-font-family)',\n 'l-body-xs': 'var(--typography-l-body-xs-font-family)',\n },\n letterSpacing: {\n // small screen typography\n 's-display-md': 'var(--typography-s-display-md-letter-spacing)',\n 's-heading-lg': 'var(--typography-s-heading-lg-letter-spacing)',\n 's-heading-md': 'var(--typography-s-heading-md-letter-spacing)',\n 's-heading-sm': 'var(--typography-s-heading-sm-letter-spacing)',\n 's-body-lg-medium': 'var(--typography-s-body-lg-medium-letter-spacing)',\n 's-body-lg-regular': 'var(--typography-s-body-lg-regular-letter-spacing)',\n 's-body-md-bold': 'var(--typography-s-body-md-bold-letter-spacing)',\n 's-body-md-medium': 'var(--typography-s-body-md-medium-letter-spacing)',\n 's-body-md': 'var(--typography-s-body-md-letter-spacing)',\n 's-body-sm-bold': 'var(--typography-s-body-sm-bold-letter-spacing)',\n 's-body-sm-medium': 'var(--typography-s-body-sm-medium-letter-spacing)',\n 's-body-sm': 'var(--typography-s-body-sm-letter-spacing)',\n 's-body-xs-medium': 'var(--typography-s-body-xs-medium-letter-spacing)',\n 's-body-xs': 'var(--typography-s-body-xs-letter-spacing)',\n // large screen typography\n 'l-display-md': 'var(--typography-l-display-md-letter-spacing)',\n 'l-heading-lg': 'var(--typography-l-heading-lg-letter-spacing)',\n 'l-heading-md': 'var(--typography-l-heading-md-letter-spacing)',\n 'l-heading-sm': 'var(--typography-l-heading-sm-letter-spacing)',\n 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-letter-spacing)',\n 'l-body-md-bold': 'var(--typography-l-body-md-bold-letter-spacing)',\n 'l-body-md-medium': 'var(--typography-l-body-md-medium-letter-spacing)',\n 'l-body-md': 'var(--typography-l-body-md-letter-spacing)',\n 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-letter-spacing)',\n 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-letter-spacing)',\n 'l-body-sm': 'var(--typography-l-body-sm-letter-spacing)',\n 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-letter-spacing)',\n 'l-body-xs': 'var(--typography-l-body-xs-letter-spacing)',\n },\n fontWeight: {\n // small screen typography\n 's-display-md': 'var(--typography-s-display-md-font-weight)',\n 's-heading-lg': 'var(--typography-s-heading-lg-font-weight)',\n 's-heading-md': 'var(--typography-s-heading-md-font-weight)',\n 's-heading-sm': 'var(--typography-s-heading-sm-font-weight)',\n 's-body-lg-medium': 'var(--typography-s-body-lg-medium-font-weight)',\n 's-body-lg-regular': 'var(--typography-s-body-lg-regular-font-weight)',\n 's-body-md-bold': 'var(--typography-s-body-md-bold-font-weight)',\n 's-body-md-medium': 'var(--typography-s-body-md-medium-font-weight)',\n 's-body-md': 'var(--typography-s-body-md-font-weight)',\n 's-body-sm-bold': 'var(--typography-s-body-sm-bold-font-weight)',\n 's-body-sm-medium': 'var(--typography-s-body-sm-medium-font-weight)',\n 's-body-sm': 'var(--typography-s-body-sm-font-weight)',\n 's-body-xs-medium': 'var(--typography-s-body-xs-medium-font-weight)',\n 's-body-xs': 'var(--typography-s-body-xs-font-weight)',\n // large screen typography\n 'l-display-md': 'var(--typography-l-display-md-font-weight)',\n 'l-heading-lg': 'var(--typography-l-heading-lg-font-weight)',\n 'l-heading-md': 'var(--typography-l-heading-md-font-weight)',\n 'l-heading-sm': 'var(--typography-l-heading-sm-font-weight)',\n 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-font-weight)',\n 'l-body-md-bold': 'var(--typography-l-body-md-bold-font-weight)',\n 'l-body-md-medium': 'var(--typography-l-body-md-medium-font-weight)',\n 'l-body-md': 'var(--typography-l-body-md-font-weight)',\n 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-font-weight)',\n 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-font-weight)',\n 'l-body-sm': 'var(--typography-l-body-sm-font-weight)',\n 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-font-weight)',\n 'l-body-xs': 'var(--typography-l-body-xs-font-weight)',\n },\n lineHeight: {\n // small screen typography\n 's-display-md': 'var(--typography-s-display-md-line-height)',\n 's-heading-lg': 'var(--typography-s-heading-lg-line-height)',\n 's-heading-md': 'var(--typography-s-heading-md-line-height)',\n 's-heading-sm': 'var(--typography-s-heading-sm-line-height)',\n 's-body-lg-medium': 'var(--typography-s-body-lg-medium-line-height)',\n 's-body-lg-regular': 'var(--typography-s-body-lg-regular-line-height)',\n 's-body-md-bold': 'var(--typography-s-body-md-bold-line-height)',\n 's-body-md-medium': 'var(--typography-s-body-md-medium-line-height)',\n 's-body-md': 'var(--typography-s-body-md-line-height)',\n 's-body-sm-bold': 'var(--typography-s-body-sm-bold-line-height)',\n 's-body-sm-medium': 'var(--typography-s-body-sm-medium-line-height)',\n 's-body-sm': 'var(--typography-s-body-sm-line-height)',\n 's-body-xs-medium': 'var(--typography-s-body-xs-medium-line-height)',\n 's-body-xs': 'var(--typography-s-body-xs-line-height)',\n // large screen typography\n 'l-display-md': 'var(--typography-l-display-md-line-height)',\n 'l-heading-lg': 'var(--typography-l-heading-lg-line-height)',\n 'l-heading-md': 'var(--typography-l-heading-md-line-height)',\n 'l-heading-sm': 'var(--typography-l-heading-sm-line-height)',\n 'l-body-lg-medium': 'var(--typography-l-body-lg-medium-line-height)',\n 'l-body-md-bold': 'var(--typography-l-body-md-bold-line-height)',\n 'l-body-md-medium': 'var(--typography-l-body-md-medium-line-height)',\n 'l-body-md': 'var(--typography-l-body-md-line-height)',\n 'l-body-sm-bold': 'var(--typography-l-body-sm-bold-line-height)',\n 'l-body-sm-medium': 'var(--typography-l-body-sm-medium-line-height)',\n 'l-body-sm': 'var(--typography-l-body-sm-line-height)',\n 'l-body-xs-medium': 'var(--typography-l-body-xs-medium-line-height)',\n 'l-body-xs': 'var(--typography-l-body-xs-line-height)',\n },\n};\n"]}
package/dist/typography.d.cts ADDED
@@ -0,0 +1,149 @@
1
+ export declare const typography: {
2
+ fontSize: {
3
+ 's-display-md': string;
4
+ 's-heading-lg': string;
5
+ 's-heading-md': string;
6
+ 's-heading-sm': string;
7
+ 's-body-lg-medium': string;
8
+ 's-body-lg-regular': string;
9
+ 's-body-md-bold': string;
10
+ 's-body-md-medium': string;
11
+ 's-body-md': string;
12
+ 's-body-sm-bold': string;
13
+ 's-body-sm-medium': string;
14
+ 's-body-sm': string;
15
+ 's-body-xs-medium': string;
16
+ 's-body-xs': string;
17
+ 'l-display-md': string;
18
+ 'l-heading-lg': string;
19
+ 'l-heading-md': string;
20
+ 'l-heading-sm': string;
21
+ 'l-body-lg-medium': string;
22
+ 'l-body-md-bold': string;
23
+ 'l-body-md-medium': string;
24
+ 'l-body-md': string;
25
+ 'l-body-sm-bold': string;
26
+ 'l-body-sm-medium': string;
27
+ 'l-body-sm': string;
28
+ 'l-body-xs-medium': string;
29
+ 'l-body-xs': string;
30
+ };
31
+ fontFamily: {
32
+ sans: string[];
33
+ 's-display-md': string;
34
+ 's-heading-lg': string;
35
+ 's-heading-md': string;
36
+ 's-heading-sm': string;
37
+ 's-body-lg-medium': string;
38
+ 's-body-lg-regular': string;
39
+ 's-body-md-bold': string;
40
+ 's-body-md-medium': string;
41
+ 's-body-md': string;
42
+ 's-body-sm-bold': string;
43
+ 's-body-sm-medium': string;
44
+ 's-body-sm': string;
45
+ 's-body-xs-medium': string;
46
+ 's-body-xs': string;
47
+ 'l-display-md': string;
48
+ 'l-heading-lg': string;
49
+ 'l-heading-md': string;
50
+ 'l-heading-sm': string;
51
+ 'l-body-lg-medium': string;
52
+ 'l-body-md-bold': string;
53
+ 'l-body-md-medium': string;
54
+ 'l-body-md': string;
55
+ 'l-body-sm-bold': string;
56
+ 'l-body-sm-medium': string;
57
+ 'l-body-sm': string;
58
+ 'l-body-xs-medium': string;
59
+ 'l-body-xs': string;
60
+ };
61
+ letterSpacing: {
62
+ 's-display-md': string;
63
+ 's-heading-lg': string;
64
+ 's-heading-md': string;
65
+ 's-heading-sm': string;
66
+ 's-body-lg-medium': string;
67
+ 's-body-lg-regular': string;
68
+ 's-body-md-bold': string;
69
+ 's-body-md-medium': string;
70
+ 's-body-md': string;
71
+ 's-body-sm-bold': string;
72
+ 's-body-sm-medium': string;
73
+ 's-body-sm': string;
74
+ 's-body-xs-medium': string;
75
+ 's-body-xs': string;
76
+ 'l-display-md': string;
77
+ 'l-heading-lg': string;
78
+ 'l-heading-md': string;
79
+ 'l-heading-sm': string;
80
+ 'l-body-lg-medium': string;
81
+ 'l-body-md-bold': string;
82
+ 'l-body-md-medium': string;
83
+ 'l-body-md': string;
84
+ 'l-body-sm-bold': string;
85
+ 'l-body-sm-medium': string;
86
+ 'l-body-sm': string;
87
+ 'l-body-xs-medium': string;
88
+ 'l-body-xs': string;
89
+ };
90
+ fontWeight: {
91
+ 's-display-md': string;
92
+ 's-heading-lg': string;
93
+ 's-heading-md': string;
94
+ 's-heading-sm': string;
95
+ 's-body-lg-medium': string;
96
+ 's-body-lg-regular': string;
97
+ 's-body-md-bold': string;
98
+ 's-body-md-medium': string;
99
+ 's-body-md': string;
100
+ 's-body-sm-bold': string;
101
+ 's-body-sm-medium': string;
102
+ 's-body-sm': string;
103
+ 's-body-xs-medium': string;
104
+ 's-body-xs': string;
105
+ 'l-display-md': string;
106
+ 'l-heading-lg': string;
107
+ 'l-heading-md': string;
108
+ 'l-heading-sm': string;
109
+ 'l-body-lg-medium': string;
110
+ 'l-body-md-bold': string;
111
+ 'l-body-md-medium': string;
112
+ 'l-body-md': string;
113
+ 'l-body-sm-bold': string;
114
+ 'l-body-sm-medium': string;
115
+ 'l-body-sm': string;
116
+ 'l-body-xs-medium': string;
117
+ 'l-body-xs': string;
118
+ };
119
+ lineHeight: {
120
+ 's-display-md': string;
121
+ 's-heading-lg': string;
122
+ 's-heading-md': string;
123
+ 's-heading-sm': string;
124
+ 's-body-lg-medium': string;
125
+ 's-body-lg-regular': string;
126
+ 's-body-md-bold': string;
127
+ 's-body-md-medium': string;
128
+ 's-body-md': string;
129
+ 's-body-sm-bold': string;
130
+ 's-body-sm-medium': string;
131
+ 's-body-sm': string;
132
+ 's-body-xs-medium': string;
133
+ 's-body-xs': string;
134
+ 'l-display-md': string;
135
+ 'l-heading-lg': string;
136
+ 'l-heading-md': string;
137
+ 'l-heading-sm': string;
138
+ 'l-body-lg-medium': string;
139
+ 'l-body-md-bold': string;
140
+ 'l-body-md-medium': string;
141
+ 'l-body-md': string;
142
+ 'l-body-sm-bold': string;
143
+ 'l-body-sm-medium': string;
144
+ 'l-body-sm': string;
145
+ 'l-body-xs-medium': string;
146
+ 'l-body-xs': string;
147
+ };
148
+ };
149
+ //# sourceMappingURL=typography.d.cts.map
package/dist/typography.d.cts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.cts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKtB,CAAC"}
package/dist/typography.d.mts ADDED
@@ -0,0 +1,149 @@
1
+ export declare const typography: {
2
+ fontSize: {
3
+ 's-display-md': string;
4
+ 's-heading-lg': string;
5
+ 's-heading-md': string;
6
+ 's-heading-sm': string;
7
+ 's-body-lg-medium': string;
8
+ 's-body-lg-regular': string;
9
+ 's-body-md-bold': string;
10
+ 's-body-md-medium': string;
11
+ 's-body-md': string;
12
+ 's-body-sm-bold': string;
13
+ 's-body-sm-medium': string;
14
+ 's-body-sm': string;
15
+ 's-body-xs-medium': string;
16
+ 's-body-xs': string;
17
+ 'l-display-md': string;
18
+ 'l-heading-lg': string;
19
+ 'l-heading-md': string;
20
+ 'l-heading-sm': string;
21
+ 'l-body-lg-medium': string;
22
+ 'l-body-md-bold': string;
23
+ 'l-body-md-medium': string;
24
+ 'l-body-md': string;
25
+ 'l-body-sm-bold': string;
26
+ 'l-body-sm-medium': string;
27
+ 'l-body-sm': string;
28
+ 'l-body-xs-medium': string;
29
+ 'l-body-xs': string;
30
+ };
31
+ fontFamily: {
32
+ sans: string[];
33
+ 's-display-md': string;
34
+ 's-heading-lg': string;
35
+ 's-heading-md': string;
36
+ 's-heading-sm': string;
37
+ 's-body-lg-medium': string;
38
+ 's-body-lg-regular': string;
39
+ 's-body-md-bold': string;
40
+ 's-body-md-medium': string;
41
+ 's-body-md': string;
42
+ 's-body-sm-bold': string;
43
+ 's-body-sm-medium': string;
44
+ 's-body-sm': string;
45
+ 's-body-xs-medium': string;
46
+ 's-body-xs': string;
47
+ 'l-display-md': string;
48
+ 'l-heading-lg': string;
49
+ 'l-heading-md': string;
50
+ 'l-heading-sm': string;
51
+ 'l-body-lg-medium': string;
52
+ 'l-body-md-bold': string;
53
+ 'l-body-md-medium': string;
54
+ 'l-body-md': string;
55
+ 'l-body-sm-bold': string;
56
+ 'l-body-sm-medium': string;
57
+ 'l-body-sm': string;
58
+ 'l-body-xs-medium': string;
59
+ 'l-body-xs': string;
60
+ };
61
+ letterSpacing: {
62
+ 's-display-md': string;
63
+ 's-heading-lg': string;
64
+ 's-heading-md': string;
65
+ 's-heading-sm': string;
66
+ 's-body-lg-medium': string;
67
+ 's-body-lg-regular': string;
68
+ 's-body-md-bold': string;
69
+ 's-body-md-medium': string;
70
+ 's-body-md': string;
71
+ 's-body-sm-bold': string;
72
+ 's-body-sm-medium': string;
73
+ 's-body-sm': string;
74
+ 's-body-xs-medium': string;
75
+ 's-body-xs': string;
76
+ 'l-display-md': string;
77
+ 'l-heading-lg': string;
78
+ 'l-heading-md': string;
79
+ 'l-heading-sm': string;
80
+ 'l-body-lg-medium': string;
81
+ 'l-body-md-bold': string;
82
+ 'l-body-md-medium': string;
83
+ 'l-body-md': string;
84
+ 'l-body-sm-bold': string;
85
+ 'l-body-sm-medium': string;
86
+ 'l-body-sm': string;
87
+ 'l-body-xs-medium': string;
88
+ 'l-body-xs': string;
89
+ };
90
+ fontWeight: {
91
+ 's-display-md': string;
92
+ 's-heading-lg': string;
93
+ 's-heading-md': string;
94
+ 's-heading-sm': string;
95
+ 's-body-lg-medium': string;
96
+ 's-body-lg-regular': string;
97
+ 's-body-md-bold': string;
98
+ 's-body-md-medium': string;
99
+ 's-body-md': string;
100
+ 's-body-sm-bold': string;
101
+ 's-body-sm-medium': string;
102
+ 's-body-sm': string;
103
+ 's-body-xs-medium': string;
104
+ 's-body-xs': string;
105
+ 'l-display-md': string;
106
+ 'l-heading-lg': string;
107
+ 'l-heading-md': string;
108
+ 'l-heading-sm': string;
109
+ 'l-body-lg-medium': string;
110
+ 'l-body-md-bold': string;
111
+ 'l-body-md-medium': string;
112
+ 'l-body-md': string;
113
+ 'l-body-sm-bold': string;
114
+ 'l-body-sm-medium': string;
115
+ 'l-body-sm': string;
116
+ 'l-body-xs-medium': string;
117
+ 'l-body-xs': string;
118
+ };
119
+ lineHeight: {
120
+ 's-display-md': string;
121
+ 's-heading-lg': string;
122
+ 's-heading-md': string;
123
+ 's-heading-sm': string;
124
+ 's-body-lg-medium': string;
125
+ 's-body-lg-regular': string;
126
+ 's-body-md-bold': string;
127
+ 's-body-md-medium': string;
128
+ 's-body-md': string;
129
+ 's-body-sm-bold': string;
130
+ 's-body-sm-medium': string;
131
+ 's-body-sm': string;
132
+ 's-body-xs-medium': string;
133
+ 's-body-xs': string;
134
+ 'l-display-md': string;
135
+ 'l-heading-lg': string;
136
+ 'l-heading-md': string;
137
+ 'l-heading-sm': string;
138
+ 'l-body-lg-medium': string;
139
+ 'l-body-md-bold': string;
140
+ 'l-body-md-medium': string;
141
+ 'l-body-md': string;
142
+ 'l-body-sm-bold': string;
143
+ 'l-body-sm-medium': string;
144
+ 'l-body-sm': string;
145
+ 'l-body-xs-medium': string;
146
+ 'l-body-xs': string;
147
+ };
148
+ };
149
+ //# sourceMappingURL=typography.d.mts.map
package/dist/typography.d.mts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.mts","sourceRoot":"","sources":["../src/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKtB,CAAC"}