@breadstone/mosaik-themes 0.0.174 → 0.0.175

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 (31) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/Themes/___material-tokens.css +3 -3
  3. package/Themes/material-tokens.scss +3 -3
  4. package/Themes/material.scss +3 -3
  5. package/Theming/Tokens/MaterialTokens.d.ts +3 -3
  6. package/Theming/Tokens/MaterialTokens.js +3 -3
  7. package/package.json +38 -14
  8. package/tailwind/v3/mosaik-bootstrap.tailwind.config.cjs +79 -0
  9. package/tailwind/v3/mosaik-cosmopolitan.tailwind.config.cjs +246 -0
  10. package/tailwind/v3/mosaik-fluent.tailwind.config.cjs +38 -0
  11. package/tailwind/v3/mosaik-joy.tailwind.config.cjs +537 -0
  12. package/tailwind/v3/mosaik-material.tailwind.config.cjs +28 -0
  13. package/tailwind/v3/mosaik-memphis.tailwind.config.cjs +423 -0
  14. package/tailwind/v3/plugins/mosaik-bootstrap.tailwind.plugin.cjs +92 -0
  15. package/tailwind/v3/plugins/mosaik-cosmopolitan.tailwind.plugin.cjs +259 -0
  16. package/tailwind/v3/plugins/mosaik-fluent.tailwind.plugin.cjs +51 -0
  17. package/tailwind/v3/plugins/mosaik-joy.tailwind.plugin.cjs +550 -0
  18. package/tailwind/v3/plugins/mosaik-material.tailwind.plugin.cjs +41 -0
  19. package/tailwind/v3/plugins/mosaik-memphis.tailwind.plugin.cjs +436 -0
  20. package/Themes/bootstrap-tokens.tailwind.js +0 -8
  21. package/Themes/cosmopolitan-tokens.tailwind.js +0 -32
  22. package/Themes/fluent-tokens.tailwind.js +0 -8
  23. package/Themes/joy-tokens.tailwind.js +0 -52
  24. package/Themes/material-tokens.tailwind.js +0 -8
  25. package/Themes/memphis-tokens.tailwind.js +0 -192
  26. package/tailwind/v3/bootstrap-tokens.tailwind.js +0 -41
  27. package/tailwind/v3/cosmopolitan-tokens.tailwind.js +0 -286
  28. package/tailwind/v3/fluent-tokens.tailwind.js +0 -39
  29. package/tailwind/v3/joy-tokens.tailwind.js +0 -562
  30. package/tailwind/v3/material-tokens.tailwind.js +0 -29
  31. package/tailwind/v3/memphis-tokens.tailwind.js +0 -410
package/Themes/memphis-tokens.tailwind.js DELETED
@@ -1,192 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- colors: {
5
- 'SCHEME_LIGHT_BACKGROUND': '#eaeaea',
6
- 'SCHEME_LIGHT_FOREGROUND': '#3c454f',
7
- 'SCHEME_LIGHT_HIGHLIGHT': '#d1d1d1',
8
- 'SCHEME_LIGHT_MIDDLELIGHT': '#8a8a8a',
9
- 'SCHEME_LIGHT_LOWLIGHT': '#5c5c5c',
10
- 'SCHEME_LIGHT_TRANSPARENT': 'rgba(255, 255, 255, 0)',
11
- 'SCHEME_LIGHT_SEMI_TRANSPARENT': 'rgba(255, 255, 255, 0.67)',
12
- 'SCHEME_LIGHT_DISABLED': '#686868',
13
- 'SCHEME_LIGHT_CONTRAST': '#333333',
14
- 'SCHEME_DARK_BACKGROUND': '#151515',
15
- 'SCHEME_DARK_FOREGROUND': '#c3bab0',
16
- 'SCHEME_DARK_HIGHLIGHT': '#2e2e2e',
17
- 'SCHEME_DARK_MIDDLELIGHT': '#757575',
18
- 'SCHEME_DARK_LOWLIGHT': '#a3a3a3',
19
- 'SCHEME_DARK_TRANSPARENT': 'rgba(255, 255, 255, 0)',
20
- 'SCHEME_DARK_SEMI_TRANSPARENT': 'rgba(0, 0, 0, 0.67)',
21
- 'SCHEME_DARK_DISABLED': '#474747',
22
- 'SCHEME_DARK_CONTRAST': '#ffffff',
23
- 'COLOR_LIGHT_PRIMARY_0': '#ffffff',
24
- 'COLOR_LIGHT_PRIMARY_50': '#f9f9f9',
25
- 'COLOR_LIGHT_PRIMARY_100': '#f2f2f2',
26
- 'COLOR_LIGHT_PRIMARY_200': '#e8e8e8',
27
- 'COLOR_LIGHT_PRIMARY_300': '#d8d8d8',
28
- 'COLOR_LIGHT_PRIMARY_400': '#b4b4b4',
29
- 'COLOR_LIGHT_PRIMARY_500': '#949494',
30
- 'COLOR_LIGHT_PRIMARY_600': '#6c6c6c',
31
- 'COLOR_LIGHT_PRIMARY_700': '#595959',
32
- 'COLOR_LIGHT_PRIMARY_800': '#3a3a3a',
33
- 'COLOR_LIGHT_PRIMARY_900': '#1a1a1a',
34
- 'COLOR_LIGHT_SECONDARY_0': '#ffffff',
35
- 'COLOR_LIGHT_SECONDARY_50': '#e1f3ef',
36
- 'COLOR_LIGHT_SECONDARY_100': '#b5e0d6',
37
- 'COLOR_LIGHT_SECONDARY_200': '#85cdbc',
38
- 'COLOR_LIGHT_SECONDARY_300': '#57b9a2',
39
- 'COLOR_LIGHT_SECONDARY_400': '#38a990',
40
- 'COLOR_LIGHT_SECONDARY_500': '#24997e',
41
- 'COLOR_LIGHT_SECONDARY_600': '#208c71',
42
- 'COLOR_LIGHT_SECONDARY_700': '#1b7c62',
43
- 'COLOR_LIGHT_SECONDARY_800': '#166c54',
44
- 'COLOR_LIGHT_SECONDARY_900': '#0d503a',
45
- 'COLOR_LIGHT_INFO_0': '#ffffff',
46
- 'COLOR_LIGHT_INFO_50': '#e8eaf9',
47
- 'COLOR_LIGHT_INFO_100': '#c6c9f1',
48
- 'COLOR_LIGHT_INFO_200': '#9fa7e7',
49
- 'COLOR_LIGHT_INFO_300': '#7884dd',
50
- 'COLOR_LIGHT_INFO_400': '#5968d6',
51
- 'COLOR_LIGHT_INFO_500': '#394dcd',
52
- 'COLOR_LIGHT_INFO_600': '#3344c2',
53
- 'COLOR_LIGHT_INFO_700': '#293ab6',
54
- 'COLOR_LIGHT_INFO_800': '#202faa',
55
- 'COLOR_LIGHT_INFO_900': '#0a1a97',
56
- 'COLOR_LIGHT_WARNING_0': '#ffffff',
57
- 'COLOR_LIGHT_WARNING_50': '#fcfce5',
58
- 'COLOR_LIGHT_WARNING_100': '#f7f6bf',
59
- 'COLOR_LIGHT_WARNING_200': '#f1f294',
60
- 'COLOR_LIGHT_WARNING_300': '#ebec67',
61
- 'COLOR_LIGHT_WARNING_400': '#e5e741',
62
- 'COLOR_LIGHT_WARNING_500': '#dfe300',
63
- 'COLOR_LIGHT_WARNING_600': '#d1d100',
64
- 'COLOR_LIGHT_WARNING_700': '#bfba00',
65
- 'COLOR_LIGHT_WARNING_800': '#aea300',
66
- 'COLOR_LIGHT_WARNING_900': '#927c00',
67
- 'COLOR_LIGHT_DANGER_0': '#ffffff',
68
- 'COLOR_LIGHT_DANGER_50': '#fcecef',
69
- 'COLOR_LIGHT_DANGER_100': '#f8d0d5',
70
- 'COLOR_LIGHT_DANGER_200': '#e69fa1',
71
- 'COLOR_LIGHT_DANGER_300': '#d97b7d',
72
- 'COLOR_LIGHT_DANGER_400': '#e35f5f',
73
- 'COLOR_LIGHT_DANGER_500': '#e8524a',
74
- 'COLOR_LIGHT_DANGER_600': '#d94a47',
75
- 'COLOR_LIGHT_DANGER_700': '#c74141',
76
- 'COLOR_LIGHT_DANGER_800': '#b93c3a',
77
- 'COLOR_LIGHT_DANGER_900': '#ab322f',
78
- 'COLOR_LIGHT_SUCCESS_0': '#ffffff',
79
- 'COLOR_LIGHT_SUCCESS_50': '#e1f3ef',
80
- 'COLOR_LIGHT_SUCCESS_100': '#b5e0d6',
81
- 'COLOR_LIGHT_SUCCESS_200': '#85cdbc',
82
- 'COLOR_LIGHT_SUCCESS_300': '#57b9a2',
83
- 'COLOR_LIGHT_SUCCESS_400': '#38a990',
84
- 'COLOR_LIGHT_SUCCESS_500': '#24997e',
85
- 'COLOR_LIGHT_SUCCESS_600': '#208c71',
86
- 'COLOR_LIGHT_SUCCESS_700': '#1b7c62',
87
- 'COLOR_LIGHT_SUCCESS_800': '#166c54',
88
- 'COLOR_LIGHT_SUCCESS_900': '#0d503a',
89
- 'COLOR_LIGHT_NEUTRAL_0': '#ffffff',
90
- 'COLOR_LIGHT_NEUTRAL_50': '#f9f9f9',
91
- 'COLOR_LIGHT_NEUTRAL_100': '#f2f2f2',
92
- 'COLOR_LIGHT_NEUTRAL_200': '#e8e8e8',
93
- 'COLOR_LIGHT_NEUTRAL_300': '#d8d8d8',
94
- 'COLOR_LIGHT_NEUTRAL_400': '#b4b4b4',
95
- 'COLOR_LIGHT_NEUTRAL_500': '#949494',
96
- 'COLOR_LIGHT_NEUTRAL_600': '#6c6c6c',
97
- 'COLOR_LIGHT_NEUTRAL_700': '#595959',
98
- 'COLOR_LIGHT_NEUTRAL_800': '#3a3a3a',
99
- 'COLOR_LIGHT_NEUTRAL_900': '#1a1a1a',
100
- 'COLOR_DARK_PRIMARY_0': '#000000',
101
- 'COLOR_DARK_PRIMARY_50': '#1a1a1a',
102
- 'COLOR_DARK_PRIMARY_100': '#3a3a3a',
103
- 'COLOR_DARK_PRIMARY_200': '#595959',
104
- 'COLOR_DARK_PRIMARY_300': '#6c6c6c',
105
- 'COLOR_DARK_PRIMARY_400': '#949494',
106
- 'COLOR_DARK_PRIMARY_500': '#b4b4b4',
107
- 'COLOR_DARK_PRIMARY_600': '#d8d8d8',
108
- 'COLOR_DARK_PRIMARY_700': '#e8e8e8',
109
- 'COLOR_DARK_PRIMARY_800': '#f2f2f2',
110
- 'COLOR_DARK_PRIMARY_900': '#f9f9f9',
111
- 'COLOR_DARK_SECONDARY_0': '#000000',
112
- 'COLOR_DARK_SECONDARY_50': '#0d503a',
113
- 'COLOR_DARK_SECONDARY_100': '#166c54',
114
- 'COLOR_DARK_SECONDARY_200': '#1b7c62',
115
- 'COLOR_DARK_SECONDARY_300': '#208c71',
116
- 'COLOR_DARK_SECONDARY_400': '#24997e',
117
- 'COLOR_DARK_SECONDARY_500': '#38a990',
118
- 'COLOR_DARK_SECONDARY_600': '#57b9a2',
119
- 'COLOR_DARK_SECONDARY_700': '#85cdbc',
120
- 'COLOR_DARK_SECONDARY_800': '#b5e0d6',
121
- 'COLOR_DARK_SECONDARY_900': '#e1f3ef',
122
- 'COLOR_DARK_INFO_0': '#000000',
123
- 'COLOR_DARK_INFO_50': '#0a1a97',
124
- 'COLOR_DARK_INFO_100': '#202faa',
125
- 'COLOR_DARK_INFO_200': '#293ab6',
126
- 'COLOR_DARK_INFO_300': '#3344c2',
127
- 'COLOR_DARK_INFO_400': '#394dcd',
128
- 'COLOR_DARK_INFO_500': '#5968d6',
129
- 'COLOR_DARK_INFO_600': '#7884dd',
130
- 'COLOR_DARK_INFO_700': '#9fa7e7',
131
- 'COLOR_DARK_INFO_800': '#c6c9f1',
132
- 'COLOR_DARK_INFO_900': '#e8eaf9',
133
- 'COLOR_DARK_WARNING_0': '#000000',
134
- 'COLOR_DARK_WARNING_50': '#927c00',
135
- 'COLOR_DARK_WARNING_100': '#aea300',
136
- 'COLOR_DARK_WARNING_200': '#bfba00',
137
- 'COLOR_DARK_WARNING_300': '#d1d100',
138
- 'COLOR_DARK_WARNING_400': '#dfe300',
139
- 'COLOR_DARK_WARNING_500': '#e5e741',
140
- 'COLOR_DARK_WARNING_600': '#ebec67',
141
- 'COLOR_DARK_WARNING_700': '#f1f294',
142
- 'COLOR_DARK_WARNING_800': '#f7f6bf',
143
- 'COLOR_DARK_WARNING_900': '#fcfce5',
144
- 'COLOR_DARK_DANGER_0': '#000000',
145
- 'COLOR_DARK_DANGER_50': '#ab322f',
146
- 'COLOR_DARK_DANGER_100': '#b93c3a',
147
- 'COLOR_DARK_DANGER_200': '#c74141',
148
- 'COLOR_DARK_DANGER_300': '#d94a47',
149
- 'COLOR_DARK_DANGER_400': '#e8524a',
150
- 'COLOR_DARK_DANGER_500': '#e35f5f',
151
- 'COLOR_DARK_DANGER_600': '#d97b7d',
152
- 'COLOR_DARK_DANGER_700': '#e69fa1',
153
- 'COLOR_DARK_DANGER_800': '#f8d0d5',
154
- 'COLOR_DARK_DANGER_900': '#fcecef',
155
- 'COLOR_DARK_SUCCESS_0': '#000000',
156
- 'COLOR_DARK_SUCCESS_50': '#0d503a',
157
- 'COLOR_DARK_SUCCESS_100': '#166c54',
158
- 'COLOR_DARK_SUCCESS_200': '#1b7c62',
159
- 'COLOR_DARK_SUCCESS_300': '#208c71',
160
- 'COLOR_DARK_SUCCESS_400': '#24997e',
161
- 'COLOR_DARK_SUCCESS_500': '#38a990',
162
- 'COLOR_DARK_SUCCESS_600': '#57b9a2',
163
- 'COLOR_DARK_SUCCESS_700': '#85cdbc',
164
- 'COLOR_DARK_SUCCESS_800': '#b5e0d6',
165
- 'COLOR_DARK_SUCCESS_900': '#e1f3ef',
166
- 'COLOR_DARK_NEUTRAL_0': '#000000',
167
- 'COLOR_DARK_NEUTRAL_50': '#1a1a1a',
168
- 'COLOR_DARK_NEUTRAL_100': '#3a3a3a',
169
- 'COLOR_DARK_NEUTRAL_200': '#595959',
170
- 'COLOR_DARK_NEUTRAL_300': '#6c6c6c',
171
- 'COLOR_DARK_NEUTRAL_400': '#949494',
172
- 'COLOR_DARK_NEUTRAL_500': '#b4b4b4',
173
- 'COLOR_DARK_NEUTRAL_600': '#d8d8d8',
174
- 'COLOR_DARK_NEUTRAL_700': '#e8e8e8',
175
- 'COLOR_DARK_NEUTRAL_800': '#f2f2f2',
176
- 'COLOR_DARK_NEUTRAL_900': '#f9f9f9',
177
- 'ELEVATION_LIGHT_LIGHT_COLOR_0': '#333333',
178
- 'ELEVATION_LIGHT_SEMILIGHT_COLOR_0': '#333333',
179
- 'ELEVATION_LIGHT_REGULAR_COLOR_0': '#333333',
180
- 'ELEVATION_LIGHT_SEMIBOLD_COLOR_0': '#333333',
181
- 'ELEVATION_LIGHT_BOLD_COLOR_0': '#333333',
182
- 'ELEVATION_LIGHT_EXTRABOLD_COLOR_0': '#333333',
183
- 'ELEVATION_DARK_LIGHT_COLOR_0': '#ffffff',
184
- 'ELEVATION_DARK_SEMILIGHT_COLOR_0': '#ffffff',
185
- 'ELEVATION_DARK_REGULAR_COLOR_0': '#ffffff',
186
- 'ELEVATION_DARK_SEMIBOLD_COLOR_0': '#ffffff',
187
- 'ELEVATION_DARK_BOLD_COLOR_0': '#ffffff',
188
- 'ELEVATION_DARK_EXTRABOLD_COLOR_0': '#ffffff',
189
- }
190
- }
191
- }
192
- };
package/tailwind/v3/bootstrap-tokens.tailwind.js DELETED
@@ -1,41 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- width: {
5
- 'LayoutRadius': '12px',
6
- 'LayoutSpace': '8px',
7
- 'LayoutThickness': '2px',
8
- 'TypographyHeadline1FontSize': '80px',
9
- 'TypographyHeadline2FontSize': '72px',
10
- 'TypographyHeadline3FontSize': '64px',
11
- 'TypographyHeadline4FontSize': '56px',
12
- 'TypographyHeadline5FontSize': '48px',
13
- 'TypographyHeadline6FontSize': '40px',
14
- 'SizeTiny': '2px',
15
- 'SizeSmall': '4px',
16
- 'SizeMedium': '8px',
17
- 'SizeLarge': '16px',
18
- 'SizeGiant': '32px',
19
- },
20
- height: {
21
- 'LayoutRadius': '12px',
22
- 'LayoutSpace': '8px',
23
- 'LayoutThickness': '2px',
24
- 'TypographyHeadline1FontSize': '80px',
25
- 'TypographyHeadline2FontSize': '72px',
26
- 'TypographyHeadline3FontSize': '64px',
27
- 'TypographyHeadline4FontSize': '56px',
28
- 'TypographyHeadline5FontSize': '48px',
29
- 'TypographyHeadline6FontSize': '40px',
30
- 'SizeTiny': '2px',
31
- 'SizeSmall': '4px',
32
- 'SizeMedium': '8px',
33
- 'SizeLarge': '16px',
34
- 'SizeGiant': '32px',
35
- },
36
- fontFamily: {
37
- 'FontFamily': ''Inter', Roboto, Helvetica, sans-serif',
38
- },
39
- }
40
- }
41
- };
package/tailwind/v3/cosmopolitan-tokens.tailwind.js DELETED
@@ -1,286 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- colors: {
5
- 'ElevationLightLightColor0': 'rgba(0, 0, 0, 0.12)',
6
- 'ElevationLightLightColor1': 'rgba(0, 0, 0, 0.14)',
7
- 'ElevationLightSemilightColor0': 'rgba(0, 0, 0, 0.12)',
8
- 'ElevationLightSemilightColor1': 'rgba(0, 0, 0, 0.14)',
9
- 'ElevationLightRegularColor0': 'rgba(0, 0, 0, 0.12)',
10
- 'ElevationLightRegularColor1': 'rgba(0, 0, 0, 0.14)',
11
- 'ElevationLightSemiboldColor0': 'rgba(0, 0, 0, 0.12)',
12
- 'ElevationLightSemiboldColor1': 'rgba(0, 0, 0, 0.14)',
13
- 'ElevationLightBoldColor0': 'rgba(0, 0, 0, 0.12)',
14
- 'ElevationLightBoldColor1': 'rgba(0, 0, 0, 0.14)',
15
- 'ElevationLightExtraboldColor0': 'rgba(0, 0, 0, 0.12)',
16
- 'ElevationLightExtraboldColor1': 'rgba(0, 0, 0, 0.14)',
17
- 'ElevationDarkLightColor0': 'rgba(0, 0, 0, 0.24)',
18
- 'ElevationDarkLightColor1': 'rgba(0, 0, 0, 0.28)',
19
- 'ElevationDarkSemilightColor0': 'rgba(0, 0, 0, 0.24)',
20
- 'ElevationDarkSemilightColor1': 'rgba(0, 0, 0, 0.28)',
21
- 'ElevationDarkRegularColor0': 'rgba(0, 0, 0, 0.24)',
22
- 'ElevationDarkRegularColor1': 'rgba(0, 0, 0, 0.28)',
23
- 'ElevationDarkSemiboldColor0': 'rgba(0, 0, 0, 0.24)',
24
- 'ElevationDarkSemiboldColor1': 'rgba(0, 0, 0, 0.28)',
25
- 'ElevationDarkBoldColor0': 'rgba(0, 0, 0, 0.24)',
26
- 'ElevationDarkBoldColor1': 'rgba(0, 0, 0, 0.28)',
27
- 'ElevationDarkExtraboldColor0': 'rgba(0, 0, 0, 0.24)',
28
- 'ElevationDarkExtraboldColor1': 'rgba(0, 0, 0, 0.28)',
29
- },
30
- width: {
31
- 'LayoutRadius': '3px',
32
- 'LayoutSpace': '8px',
33
- 'LayoutThickness': '1px',
34
- 'TypographyHeadingFontSize': '24px',
35
- 'TypographyHeadingLineHeight': '28px',
36
- 'TypographyContentFontSize': '16px',
37
- 'TypographyContentLineHeight': '20px',
38
- 'TypographyButtonFontSize': '16px',
39
- 'TypographyButtonLineHeight': '20px',
40
- 'ElevationLightLightOffsetX0': '0px',
41
- 'ElevationLightLightOffsetX1': '0px',
42
- 'ElevationLightLightOffsetY0': '0px',
43
- 'ElevationLightLightOffsetY1': '1px',
44
- 'ElevationLightLightBlur0': '2px',
45
- 'ElevationLightLightBlur1': '2px',
46
- 'ElevationLightLightSpread0': '0px',
47
- 'ElevationLightLightSpread1': '0px',
48
- 'ElevationLightSemilightOffsetX0': '0px',
49
- 'ElevationLightSemilightOffsetX1': '0px',
50
- 'ElevationLightSemilightOffsetY0': '0px',
51
- 'ElevationLightSemilightOffsetY1': '2px',
52
- 'ElevationLightSemilightBlur0': '2px',
53
- 'ElevationLightSemilightBlur1': '4px',
54
- 'ElevationLightSemilightSpread0': '0px',
55
- 'ElevationLightSemilightSpread1': '0px',
56
- 'ElevationLightRegularOffsetX0': '0px',
57
- 'ElevationLightRegularOffsetX1': '0px',
58
- 'ElevationLightRegularOffsetY0': '0px',
59
- 'ElevationLightRegularOffsetY1': '4px',
60
- 'ElevationLightRegularBlur0': '2px',
61
- 'ElevationLightRegularBlur1': '8px',
62
- 'ElevationLightRegularSpread0': '0px',
63
- 'ElevationLightRegularSpread1': '0px',
64
- 'ElevationLightSemiboldOffsetX0': '0px',
65
- 'ElevationLightSemiboldOffsetX1': '0px',
66
- 'ElevationLightSemiboldOffsetY0': '0px',
67
- 'ElevationLightSemiboldOffsetY1': '8px',
68
- 'ElevationLightSemiboldBlur0': '2px',
69
- 'ElevationLightSemiboldBlur1': '16px',
70
- 'ElevationLightSemiboldSpread0': '0px',
71
- 'ElevationLightSemiboldSpread1': '0px',
72
- 'ElevationLightBoldOffsetX0': '0px',
73
- 'ElevationLightBoldOffsetX1': '0px',
74
- 'ElevationLightBoldOffsetY0': '0px',
75
- 'ElevationLightBoldOffsetY1': '14px',
76
- 'ElevationLightBoldBlur0': '8px',
77
- 'ElevationLightBoldBlur1': '28px',
78
- 'ElevationLightBoldSpread0': '0px',
79
- 'ElevationLightBoldSpread1': '0px',
80
- 'ElevationLightExtraboldOffsetX0': '0px',
81
- 'ElevationLightExtraboldOffsetX1': '0px',
82
- 'ElevationLightExtraboldOffsetY0': '0px',
83
- 'ElevationLightExtraboldOffsetY1': '32px',
84
- 'ElevationLightExtraboldBlur0': '8px',
85
- 'ElevationLightExtraboldBlur1': '64px',
86
- 'ElevationLightExtraboldSpread0': '0px',
87
- 'ElevationLightExtraboldSpread1': '0px',
88
- 'ElevationDarkLightOffsetX0': '0px',
89
- 'ElevationDarkLightOffsetX1': '0px',
90
- 'ElevationDarkLightOffsetY0': '0px',
91
- 'ElevationDarkLightOffsetY1': '1px',
92
- 'ElevationDarkLightBlur0': '2px',
93
- 'ElevationDarkLightBlur1': '2px',
94
- 'ElevationDarkLightSpread0': '0px',
95
- 'ElevationDarkLightSpread1': '0px',
96
- 'ElevationDarkSemilightOffsetX0': '0px',
97
- 'ElevationDarkSemilightOffsetX1': '0px',
98
- 'ElevationDarkSemilightOffsetY0': '0px',
99
- 'ElevationDarkSemilightOffsetY1': '2px',
100
- 'ElevationDarkSemilightBlur0': '2px',
101
- 'ElevationDarkSemilightBlur1': '4px',
102
- 'ElevationDarkSemilightSpread0': '0px',
103
- 'ElevationDarkSemilightSpread1': '0px',
104
- 'ElevationDarkRegularOffsetX0': '0px',
105
- 'ElevationDarkRegularOffsetX1': '0px',
106
- 'ElevationDarkRegularOffsetY0': '0px',
107
- 'ElevationDarkRegularOffsetY1': '4px',
108
- 'ElevationDarkRegularBlur0': '2px',
109
- 'ElevationDarkRegularBlur1': '8px',
110
- 'ElevationDarkRegularSpread0': '0px',
111
- 'ElevationDarkRegularSpread1': '0px',
112
- 'ElevationDarkSemiboldOffsetX0': '0px',
113
- 'ElevationDarkSemiboldOffsetX1': '0px',
114
- 'ElevationDarkSemiboldOffsetY0': '0px',
115
- 'ElevationDarkSemiboldOffsetY1': '8px',
116
- 'ElevationDarkSemiboldBlur0': '2px',
117
- 'ElevationDarkSemiboldBlur1': '16px',
118
- 'ElevationDarkSemiboldSpread0': '0px',
119
- 'ElevationDarkSemiboldSpread1': '0px',
120
- 'ElevationDarkBoldOffsetX0': '0px',
121
- 'ElevationDarkBoldOffsetX1': '0px',
122
- 'ElevationDarkBoldOffsetY0': '0px',
123
- 'ElevationDarkBoldOffsetY1': '14px',
124
- 'ElevationDarkBoldBlur0': '8px',
125
- 'ElevationDarkBoldBlur1': '28px',
126
- 'ElevationDarkBoldSpread0': '0px',
127
- 'ElevationDarkBoldSpread1': '0px',
128
- 'ElevationDarkExtraboldOffsetX0': '0px',
129
- 'ElevationDarkExtraboldOffsetX1': '0px',
130
- 'ElevationDarkExtraboldOffsetY0': '0px',
131
- 'ElevationDarkExtraboldOffsetY1': '32px',
132
- 'ElevationDarkExtraboldBlur0': '8px',
133
- 'ElevationDarkExtraboldBlur1': '64px',
134
- 'ElevationDarkExtraboldSpread0': '0px',
135
- 'ElevationDarkExtraboldSpread1': '0px',
136
- 'SizeTiny': '2px',
137
- 'SizeSmall': '4px',
138
- 'SizeMedium': '8px',
139
- 'SizeLarge': '16px',
140
- 'SizeGiant': '32px',
141
- },
142
- height: {
143
- 'LayoutRadius': '3px',
144
- 'LayoutSpace': '8px',
145
- 'LayoutThickness': '1px',
146
- 'TypographyHeadingFontSize': '24px',
147
- 'TypographyHeadingLineHeight': '28px',
148
- 'TypographyContentFontSize': '16px',
149
- 'TypographyContentLineHeight': '20px',
150
- 'TypographyButtonFontSize': '16px',
151
- 'TypographyButtonLineHeight': '20px',
152
- 'ElevationLightLightOffsetX0': '0px',
153
- 'ElevationLightLightOffsetX1': '0px',
154
- 'ElevationLightLightOffsetY0': '0px',
155
- 'ElevationLightLightOffsetY1': '1px',
156
- 'ElevationLightLightBlur0': '2px',
157
- 'ElevationLightLightBlur1': '2px',
158
- 'ElevationLightLightSpread0': '0px',
159
- 'ElevationLightLightSpread1': '0px',
160
- 'ElevationLightSemilightOffsetX0': '0px',
161
- 'ElevationLightSemilightOffsetX1': '0px',
162
- 'ElevationLightSemilightOffsetY0': '0px',
163
- 'ElevationLightSemilightOffsetY1': '2px',
164
- 'ElevationLightSemilightBlur0': '2px',
165
- 'ElevationLightSemilightBlur1': '4px',
166
- 'ElevationLightSemilightSpread0': '0px',
167
- 'ElevationLightSemilightSpread1': '0px',
168
- 'ElevationLightRegularOffsetX0': '0px',
169
- 'ElevationLightRegularOffsetX1': '0px',
170
- 'ElevationLightRegularOffsetY0': '0px',
171
- 'ElevationLightRegularOffsetY1': '4px',
172
- 'ElevationLightRegularBlur0': '2px',
173
- 'ElevationLightRegularBlur1': '8px',
174
- 'ElevationLightRegularSpread0': '0px',
175
- 'ElevationLightRegularSpread1': '0px',
176
- 'ElevationLightSemiboldOffsetX0': '0px',
177
- 'ElevationLightSemiboldOffsetX1': '0px',
178
- 'ElevationLightSemiboldOffsetY0': '0px',
179
- 'ElevationLightSemiboldOffsetY1': '8px',
180
- 'ElevationLightSemiboldBlur0': '2px',
181
- 'ElevationLightSemiboldBlur1': '16px',
182
- 'ElevationLightSemiboldSpread0': '0px',
183
- 'ElevationLightSemiboldSpread1': '0px',
184
- 'ElevationLightBoldOffsetX0': '0px',
185
- 'ElevationLightBoldOffsetX1': '0px',
186
- 'ElevationLightBoldOffsetY0': '0px',
187
- 'ElevationLightBoldOffsetY1': '14px',
188
- 'ElevationLightBoldBlur0': '8px',
189
- 'ElevationLightBoldBlur1': '28px',
190
- 'ElevationLightBoldSpread0': '0px',
191
- 'ElevationLightBoldSpread1': '0px',
192
- 'ElevationLightExtraboldOffsetX0': '0px',
193
- 'ElevationLightExtraboldOffsetX1': '0px',
194
- 'ElevationLightExtraboldOffsetY0': '0px',
195
- 'ElevationLightExtraboldOffsetY1': '32px',
196
- 'ElevationLightExtraboldBlur0': '8px',
197
- 'ElevationLightExtraboldBlur1': '64px',
198
- 'ElevationLightExtraboldSpread0': '0px',
199
- 'ElevationLightExtraboldSpread1': '0px',
200
- 'ElevationDarkLightOffsetX0': '0px',
201
- 'ElevationDarkLightOffsetX1': '0px',
202
- 'ElevationDarkLightOffsetY0': '0px',
203
- 'ElevationDarkLightOffsetY1': '1px',
204
- 'ElevationDarkLightBlur0': '2px',
205
- 'ElevationDarkLightBlur1': '2px',
206
- 'ElevationDarkLightSpread0': '0px',
207
- 'ElevationDarkLightSpread1': '0px',
208
- 'ElevationDarkSemilightOffsetX0': '0px',
209
- 'ElevationDarkSemilightOffsetX1': '0px',
210
- 'ElevationDarkSemilightOffsetY0': '0px',
211
- 'ElevationDarkSemilightOffsetY1': '2px',
212
- 'ElevationDarkSemilightBlur0': '2px',
213
- 'ElevationDarkSemilightBlur1': '4px',
214
- 'ElevationDarkSemilightSpread0': '0px',
215
- 'ElevationDarkSemilightSpread1': '0px',
216
- 'ElevationDarkRegularOffsetX0': '0px',
217
- 'ElevationDarkRegularOffsetX1': '0px',
218
- 'ElevationDarkRegularOffsetY0': '0px',
219
- 'ElevationDarkRegularOffsetY1': '4px',
220
- 'ElevationDarkRegularBlur0': '2px',
221
- 'ElevationDarkRegularBlur1': '8px',
222
- 'ElevationDarkRegularSpread0': '0px',
223
- 'ElevationDarkRegularSpread1': '0px',
224
- 'ElevationDarkSemiboldOffsetX0': '0px',
225
- 'ElevationDarkSemiboldOffsetX1': '0px',
226
- 'ElevationDarkSemiboldOffsetY0': '0px',
227
- 'ElevationDarkSemiboldOffsetY1': '8px',
228
- 'ElevationDarkSemiboldBlur0': '2px',
229
- 'ElevationDarkSemiboldBlur1': '16px',
230
- 'ElevationDarkSemiboldSpread0': '0px',
231
- 'ElevationDarkSemiboldSpread1': '0px',
232
- 'ElevationDarkBoldOffsetX0': '0px',
233
- 'ElevationDarkBoldOffsetX1': '0px',
234
- 'ElevationDarkBoldOffsetY0': '0px',
235
- 'ElevationDarkBoldOffsetY1': '14px',
236
- 'ElevationDarkBoldBlur0': '8px',
237
- 'ElevationDarkBoldBlur1': '28px',
238
- 'ElevationDarkBoldSpread0': '0px',
239
- 'ElevationDarkBoldSpread1': '0px',
240
- 'ElevationDarkExtraboldOffsetX0': '0px',
241
- 'ElevationDarkExtraboldOffsetX1': '0px',
242
- 'ElevationDarkExtraboldOffsetY0': '0px',
243
- 'ElevationDarkExtraboldOffsetY1': '32px',
244
- 'ElevationDarkExtraboldBlur0': '8px',
245
- 'ElevationDarkExtraboldBlur1': '64px',
246
- 'ElevationDarkExtraboldSpread0': '0px',
247
- 'ElevationDarkExtraboldSpread1': '0px',
248
- 'SizeTiny': '2px',
249
- 'SizeSmall': '4px',
250
- 'SizeMedium': '8px',
251
- 'SizeLarge': '16px',
252
- 'SizeGiant': '32px',
253
- },
254
- fontFamily: {
255
- 'FontFamily': ''Noto Sans', sans-serif',
256
- 'TypographyHeadingFontFamily': ''Noto Sans', sans-serif',
257
- 'TypographyContentFontFamily': ''Noto Sans', sans-serif',
258
- 'TypographyButtonFontFamily': ''Noto Sans', sans-serif',
259
- },
260
- letterSpacing: {
261
- 'TypographyHeadingLetterSpacing': '-0.25px',
262
- 'TypographyContentLetterSpacing': '-0.25px',
263
- 'TypographyButtonLetterSpacing': '-0.25px',
264
- },
265
- boxShadow: {
266
- 'ElevationLightLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)',
267
- 'ElevationLightSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)',
268
- 'ElevationLightRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)',
269
- 'ElevationLightSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)',
270
- 'ElevationLightBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)',
271
- 'ElevationLightExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)',
272
- 'ElevationDarkLight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)',
273
- 'ElevationDarkSemilight': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)',
274
- 'ElevationDarkRegular': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)',
275
- 'ElevationDarkSemibold': '0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)',
276
- 'ElevationDarkBold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)',
277
- 'ElevationDarkExtrabold': '0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)',
278
- },
279
- transitionDuration: {
280
- 'DurationShort': '200ms',
281
- 'DurationMedium': '400ms',
282
- 'DurationLong': '600ms',
283
- },
284
- }
285
- }
286
- };
package/tailwind/v3/fluent-tokens.tailwind.js DELETED
@@ -1,39 +0,0 @@
1
- module.exports = {
2
- theme: {
3
- extend: {
4
- width: {
5
- 'LayoutRadius': '12px',
6
- 'LayoutSpace': '8px',
7
- 'LayoutThickness': '2px',
8
- 'SizeTiny': '2px',
9
- 'SizeSmall': '4px',
10
- 'SizeMedium': '8px',
11
- 'SizeLarge': '16px',
12
- 'SizeGiant': '32px',
13
- },
14
- height: {
15
- 'LayoutRadius': '12px',
16
- 'LayoutSpace': '8px',
17
- 'LayoutThickness': '2px',
18
- 'SizeTiny': '2px',
19
- 'SizeSmall': '4px',
20
- 'SizeMedium': '8px',
21
- 'SizeLarge': '16px',
22
- 'SizeGiant': '32px',
23
- },
24
- fontFamily: {
25
- 'FontFamily': ''Inter', Roboto, Helvetica, sans-serif',
26
- },
27
- transitionDuration: {
28
- 'DurationDurationUltraFast': '50ms',
29
- 'DurationDurationFaster': '100ms',
30
- 'DurationDurationFast': '150ms',
31
- 'DurationDurationNormal': '200ms',
32
- 'DurationDurationGentle': '250ms',
33
- 'DurationDurationSlow': '300ms',
34
- 'DurationDurationSlower': '400ms',
35
- 'DurationDurationUltraSlow': '500ms',
36
- },
37
- }
38
- }
39
- };