@breadstone/mosaik-themes 0.0.32 → 0.0.34

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 (41) hide show
  1. package/Index.d.ts +4 -5
  2. package/Index.d.ts.map +1 -1
  3. package/Index.js +4 -5
  4. package/Index.js.map +1 -1
  5. package/Themes/cosmopolitan.scss +3807 -3718
  6. package/Themes/fluent.scss +32 -32
  7. package/Themes/joy.scss +3720 -3632
  8. package/Themes/retro.scss +3501 -3408
  9. package/Theming/BootstrapTheme.d.ts +10 -8
  10. package/Theming/BootstrapTheme.d.ts.map +1 -1
  11. package/Theming/BootstrapTheme.js +126 -123
  12. package/Theming/BootstrapTheme.js.map +1 -1
  13. package/Theming/CosmopolitanTheme.d.ts +11 -9
  14. package/Theming/CosmopolitanTheme.d.ts.map +1 -1
  15. package/Theming/CosmopolitanTheme.js +115 -112
  16. package/Theming/CosmopolitanTheme.js.map +1 -1
  17. package/Theming/FluentTheme.d.ts +3 -1
  18. package/Theming/FluentTheme.d.ts.map +1 -1
  19. package/Theming/FluentTheme.js +7 -4
  20. package/Theming/FluentTheme.js.map +1 -1
  21. package/Theming/JoyTheme.d.ts +11 -9
  22. package/Theming/JoyTheme.d.ts.map +1 -1
  23. package/Theming/JoyTheme.js +414 -411
  24. package/Theming/JoyTheme.js.map +1 -1
  25. package/Theming/MaterialTheme.d.ts +3 -1
  26. package/Theming/MaterialTheme.d.ts.map +1 -1
  27. package/Theming/MaterialTheme.js +7 -4
  28. package/Theming/MaterialTheme.js.map +1 -1
  29. package/Theming/RetroTheme.d.ts +11 -9
  30. package/Theming/RetroTheme.d.ts.map +1 -1
  31. package/Theming/RetroTheme.js +361 -358
  32. package/Theming/RetroTheme.js.map +1 -1
  33. package/Theming/Utils/CssColor.d.ts +6 -1
  34. package/Theming/Utils/CssColor.d.ts.map +1 -1
  35. package/Theming/Utils/CssColor.js +18 -11
  36. package/Theming/Utils/CssColor.js.map +1 -1
  37. package/Theming/Utils/CssLength.d.ts +22 -2
  38. package/Theming/Utils/CssLength.d.ts.map +1 -1
  39. package/Theming/Utils/CssLength.js +37 -4
  40. package/Theming/Utils/CssLength.js.map +1 -1
  41. package/package.json +2 -2
package/Theming/RetroTheme.js CHANGED
@@ -2,379 +2,382 @@
2
2
  import { ThemeFactory } from './ThemeFactory';
3
3
  import { SCHEME_DARK_BACKGROUND, SCHEME_DARK_DISABLED, SCHEME_DARK_FOREGROUND, SCHEME_DARK_HIGHLIGHT, SCHEME_DARK_LOWLIGHT, SCHEME_DARK_MIDDLELIGHT, SCHEME_DARK_SEMI_TRANSPARENT, SCHEME_DARK_TRANSPARENT, SCHEME_LIGHT_BACKGROUND, SCHEME_LIGHT_DISABLED, SCHEME_LIGHT_FOREGROUND, SCHEME_LIGHT_HIGHLIGHT, SCHEME_LIGHT_LOWLIGHT, SCHEME_LIGHT_MIDDLELIGHT, SCHEME_LIGHT_SEMI_TRANSPARENT, SCHEME_LIGHT_TRANSPARENT, TYPOGRAPHY_BODY1_TEXT_DECORATION, TYPOGRAPHY_BODY1_TEXT_TRANSFORM, TYPOGRAPHY_BODY2_FONT_SIZE, TYPOGRAPHY_BODY2_FONT_WEIGHT, TYPOGRAPHY_BODY2_LETTER_SPACING, TYPOGRAPHY_BODY2_LINE_HEIGHT, TYPOGRAPHY_BODY2_TEXT_DECORATION, TYPOGRAPHY_BODY2_TEXT_TRANSFORM, TYPOGRAPHY_BUTTON_FONT_SIZE, TYPOGRAPHY_BUTTON_FONT_WEIGHT, TYPOGRAPHY_BUTTON_LETTER_SPACING, TYPOGRAPHY_BUTTON_LINE_HEIGHT, TYPOGRAPHY_BUTTON_TEXT_DECORATION, TYPOGRAPHY_BUTTON_TEXT_TRANSFORM, TYPOGRAPHY_CAPTION_FONT_SIZE, TYPOGRAPHY_CAPTION_FONT_WEIGHT, TYPOGRAPHY_CAPTION_LETTER_SPACING, TYPOGRAPHY_CAPTION_LINE_HEIGHT, TYPOGRAPHY_CAPTION_TEXT_DECORATION, TYPOGRAPHY_CAPTION_TEXT_TRANSFORM, TYPOGRAPHY_HEADLINE2_FONT_SIZE, TYPOGRAPHY_HEADLINE2_FONT_WEIGHT, TYPOGRAPHY_HEADLINE2_LETTER_SPACING, TYPOGRAPHY_HEADLINE2_LINE_HEIGHT, TYPOGRAPHY_HEADLINE2_TEXT_DECORATION, TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM, TYPOGRAPHY_HEADLINE3_FONT_SIZE, TYPOGRAPHY_HEADLINE3_FONT_WEIGHT, TYPOGRAPHY_HEADLINE3_LETTER_SPACING, TYPOGRAPHY_HEADLINE3_LINE_HEIGHT, TYPOGRAPHY_HEADLINE3_TEXT_DECORATION, TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM, TYPOGRAPHY_HEADLINE4_FONT_SIZE, TYPOGRAPHY_HEADLINE4_FONT_WEIGHT, TYPOGRAPHY_HEADLINE4_LETTER_SPACING, TYPOGRAPHY_HEADLINE4_LINE_HEIGHT, TYPOGRAPHY_HEADLINE4_TEXT_DECORATION, TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM, TYPOGRAPHY_HEADLINE5_FONT_SIZE, TYPOGRAPHY_HEADLINE1_FONT_SIZE, TYPOGRAPHY_HEADLINE1_FONT_WEIGHT, TYPOGRAPHY_HEADLINE1_LETTER_SPACING, TYPOGRAPHY_HEADLINE1_LINE_HEIGHT, TYPOGRAPHY_HEADLINE1_TEXT_DECORATION, TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM, TYPOGRAPHY_HEADLINE5_FONT_WEIGHT, TYPOGRAPHY_HEADLINE5_LETTER_SPACING, TYPOGRAPHY_HEADLINE5_LINE_HEIGHT, TYPOGRAPHY_HEADLINE5_TEXT_DECORATION, TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM, TYPOGRAPHY_HEADLINE6_FONT_SIZE, TYPOGRAPHY_HEADLINE6_FONT_WEIGHT, TYPOGRAPHY_HEADLINE6_LETTER_SPACING, TYPOGRAPHY_HEADLINE6_LINE_HEIGHT, TYPOGRAPHY_HEADLINE6_TEXT_DECORATION, TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM, TYPOGRAPHY_OVERLINE_FONT_SIZE, TYPOGRAPHY_OVERLINE_FONT_WEIGHT, TYPOGRAPHY_OVERLINE_LETTER_SPACING, TYPOGRAPHY_OVERLINE_LINE_HEIGHT, TYPOGRAPHY_OVERLINE_TEXT_DECORATION, TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM, TYPOGRAPHY_SUBTITLE1_FONT_SIZE, TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT, TYPOGRAPHY_SUBTITLE1_LETTER_SPACING, TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT, TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION, TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM, TYPOGRAPHY_SUBTITLE2_FONT_SIZE, TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT, TYPOGRAPHY_SUBTITLE2_LETTER_SPACING, TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT, TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION, TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM, LAYOUT_RADIUS, LAYOUT_SPACE, LAYOUT_THICKNESS, TYPOGRAPHY_BODY1_FONT_SIZE, TYPOGRAPHY_BODY1_LINE_HEIGHT, ELEVATION_DARK_BOLD, ELEVATION_DARK_EXTRABOLD, ELEVATION_DARK_LIGHT, ELEVATION_DARK_REGULAR, ELEVATION_DARK_SEMIBOLD, ELEVATION_DARK_SEMILIGHT, ELEVATION_LIGHT_BOLD, ELEVATION_LIGHT_EXTRABOLD, ELEVATION_LIGHT_LIGHT, ELEVATION_LIGHT_REGULAR, ELEVATION_LIGHT_SEMIBOLD, ELEVATION_LIGHT_SEMILIGHT, TYPOGRAPHY_BODY1_FONT_WEIGHT, TYPOGRAPHY_BODY1_LETTER_SPACING, FONT_FAMILY, NAME, COLOR_LIGHT_PRIMARY_0, COLOR_DARK_PRIMARY_0, COLOR_DARK_PRIMARY_100, COLOR_DARK_PRIMARY_200, COLOR_DARK_PRIMARY_300, COLOR_DARK_PRIMARY_400, COLOR_DARK_PRIMARY_50, COLOR_DARK_PRIMARY_500, COLOR_DARK_PRIMARY_600, COLOR_DARK_PRIMARY_700, COLOR_DARK_PRIMARY_800, COLOR_DARK_PRIMARY_900, COLOR_DARK_SECONDARY_0, COLOR_DARK_SECONDARY_100, COLOR_DARK_SECONDARY_200, COLOR_DARK_SECONDARY_300, COLOR_DARK_SECONDARY_400, COLOR_DARK_SECONDARY_50, COLOR_DARK_SECONDARY_500, COLOR_DARK_SECONDARY_600, COLOR_DARK_SECONDARY_700, COLOR_DARK_SECONDARY_800, COLOR_DARK_SECONDARY_900, COLOR_LIGHT_PRIMARY_100, COLOR_LIGHT_PRIMARY_200, COLOR_LIGHT_PRIMARY_300, COLOR_LIGHT_PRIMARY_400, COLOR_LIGHT_PRIMARY_50, COLOR_LIGHT_PRIMARY_500, COLOR_LIGHT_PRIMARY_600, COLOR_LIGHT_PRIMARY_700, COLOR_LIGHT_PRIMARY_800, COLOR_LIGHT_PRIMARY_900, COLOR_LIGHT_SECONDARY_0, COLOR_LIGHT_SECONDARY_100, COLOR_LIGHT_SECONDARY_200, COLOR_LIGHT_SECONDARY_300, COLOR_LIGHT_SECONDARY_400, COLOR_LIGHT_SECONDARY_50, COLOR_LIGHT_SECONDARY_500, COLOR_LIGHT_SECONDARY_600, COLOR_LIGHT_SECONDARY_700, COLOR_LIGHT_SECONDARY_800, COLOR_LIGHT_SECONDARY_900, TYPOGRAPHY_HEADLINE1_FONT_FAMILY, TYPOGRAPHY_HEADLINE2_FONT_FAMILY, TYPOGRAPHY_HEADLINE3_FONT_FAMILY, TYPOGRAPHY_SUBTITLE1_FONT_FAMILY, TYPOGRAPHY_HEADLINE4_FONT_FAMILY, TYPOGRAPHY_HEADLINE5_FONT_FAMILY, TYPOGRAPHY_HEADLINE6_FONT_FAMILY, TYPOGRAPHY_BODY1_FONT_FAMILY, TYPOGRAPHY_OVERLINE_FONT_FAMILY, TYPOGRAPHY_BODY2_FONT_FAMILY, TYPOGRAPHY_BUTTON_FONT_FAMILY, TYPOGRAPHY_CAPTION_FONT_FAMILY, TYPOGRAPHY_SUBTITLE2_FONT_FAMILY, SCHEME_LIGHT_CONTRAST, SCHEME_DARK_CONTRAST, COLOR_LIGHT_DANGER_0, COLOR_LIGHT_DANGER_100, COLOR_LIGHT_DANGER_200, COLOR_LIGHT_DANGER_300, COLOR_LIGHT_DANGER_400, COLOR_LIGHT_DANGER_50, COLOR_LIGHT_DANGER_500, COLOR_LIGHT_DANGER_600, COLOR_LIGHT_DANGER_700, COLOR_LIGHT_DANGER_800, COLOR_LIGHT_DANGER_900, COLOR_LIGHT_INFO_0, COLOR_LIGHT_INFO_100, COLOR_LIGHT_INFO_200, COLOR_LIGHT_INFO_300, COLOR_LIGHT_INFO_400, COLOR_LIGHT_INFO_50, COLOR_LIGHT_INFO_500, COLOR_LIGHT_INFO_600, COLOR_LIGHT_INFO_700, COLOR_LIGHT_INFO_800, COLOR_LIGHT_INFO_900, COLOR_LIGHT_WARNING_0, COLOR_LIGHT_WARNING_100, COLOR_LIGHT_WARNING_200, COLOR_LIGHT_WARNING_300, COLOR_LIGHT_WARNING_400, COLOR_LIGHT_WARNING_50, COLOR_LIGHT_WARNING_500, COLOR_LIGHT_WARNING_600, COLOR_LIGHT_WARNING_700, COLOR_LIGHT_WARNING_800, COLOR_LIGHT_WARNING_900, COLOR_LIGHT_NEUTRAL_0, COLOR_LIGHT_NEUTRAL_100, COLOR_LIGHT_NEUTRAL_200, COLOR_LIGHT_NEUTRAL_300, COLOR_LIGHT_NEUTRAL_400, COLOR_LIGHT_NEUTRAL_50, COLOR_LIGHT_NEUTRAL_500, COLOR_LIGHT_NEUTRAL_600, COLOR_LIGHT_NEUTRAL_700, COLOR_LIGHT_NEUTRAL_800, COLOR_LIGHT_NEUTRAL_900, COLOR_LIGHT_SUCCESS_0, COLOR_LIGHT_SUCCESS_100, COLOR_LIGHT_SUCCESS_200, COLOR_LIGHT_SUCCESS_300, COLOR_LIGHT_SUCCESS_400, COLOR_LIGHT_SUCCESS_50, COLOR_LIGHT_SUCCESS_500, COLOR_LIGHT_SUCCESS_600, COLOR_LIGHT_SUCCESS_700, COLOR_LIGHT_SUCCESS_800, COLOR_LIGHT_SUCCESS_900, COLOR_DARK_DANGER_0, COLOR_DARK_DANGER_100, COLOR_DARK_DANGER_200, COLOR_DARK_DANGER_300, COLOR_DARK_DANGER_400, COLOR_DARK_DANGER_50, COLOR_DARK_DANGER_500, COLOR_DARK_DANGER_600, COLOR_DARK_DANGER_700, COLOR_DARK_DANGER_800, COLOR_DARK_DANGER_900, COLOR_DARK_INFO_0, COLOR_DARK_INFO_100, COLOR_DARK_INFO_200, COLOR_DARK_INFO_300, COLOR_DARK_INFO_400, COLOR_DARK_INFO_50, COLOR_DARK_INFO_500, COLOR_DARK_INFO_600, COLOR_DARK_INFO_700, COLOR_DARK_INFO_800, COLOR_DARK_INFO_900, COLOR_DARK_NEUTRAL_0, COLOR_DARK_NEUTRAL_100, COLOR_DARK_NEUTRAL_200, COLOR_DARK_NEUTRAL_300, COLOR_DARK_NEUTRAL_400, COLOR_DARK_NEUTRAL_50, COLOR_DARK_NEUTRAL_500, COLOR_DARK_NEUTRAL_600, COLOR_DARK_NEUTRAL_700, COLOR_DARK_NEUTRAL_800, COLOR_DARK_NEUTRAL_900, COLOR_DARK_SUCCESS_0, COLOR_DARK_SUCCESS_100, COLOR_DARK_SUCCESS_200, COLOR_DARK_SUCCESS_300, COLOR_DARK_SUCCESS_400, COLOR_DARK_SUCCESS_50, COLOR_DARK_SUCCESS_500, COLOR_DARK_SUCCESS_600, COLOR_DARK_SUCCESS_700, COLOR_DARK_SUCCESS_800, COLOR_DARK_SUCCESS_900, COLOR_DARK_WARNING_0, COLOR_DARK_WARNING_100, COLOR_DARK_WARNING_200, COLOR_DARK_WARNING_300, COLOR_DARK_WARNING_400, COLOR_DARK_WARNING_50, COLOR_DARK_WARNING_500, COLOR_DARK_WARNING_600, COLOR_DARK_WARNING_700, COLOR_DARK_WARNING_800, COLOR_DARK_WARNING_900, VARIANT_PRIMARY, VARIANT_SECONDARY, ELEVATION_KEY_BOLD, ELEVATION_KEY_EXTRABOLD, ELEVATION_KEY_LIGHT, ELEVATION_KEY_REGULAR, ELEVATION_KEY_SEMIBOLD, ELEVATION_KEY_SEMILIGHT, VARIANT_DANGER, VARIANT_INFO, VARIANT_NEUTRAL, VARIANT_SUCCESS, VARIANT_WARNING, TYPOGRAPHY_KEY_BODY1, TYPOGRAPHY_KEY_BODY2, TYPOGRAPHY_KEY_BUTTON, TYPOGRAPHY_KEY_CAPTION, TYPOGRAPHY_KEY_HEADLINE1, TYPOGRAPHY_KEY_HEADLINE2, TYPOGRAPHY_KEY_HEADLINE3, TYPOGRAPHY_KEY_HEADLINE4, TYPOGRAPHY_KEY_HEADLINE5, TYPOGRAPHY_KEY_HEADLINE6, TYPOGRAPHY_KEY_OVERLINE, TYPOGRAPHY_KEY_SUBTITLE1, TYPOGRAPHY_KEY_SUBTITLE2 } from './Tokens/RetroTokens';
4
4
  // #endregion
5
- export const RETRO_THEME = ThemeFactory.create({
6
- name: NAME,
7
- scheme: {
8
- light: {
9
- background: SCHEME_LIGHT_BACKGROUND,
10
- foreground: SCHEME_LIGHT_FOREGROUND,
11
- highlight: SCHEME_LIGHT_HIGHLIGHT,
12
- middlelight: SCHEME_LIGHT_MIDDLELIGHT,
13
- lowlight: SCHEME_LIGHT_LOWLIGHT,
14
- transparent: SCHEME_LIGHT_TRANSPARENT,
15
- semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT,
16
- disabled: SCHEME_LIGHT_DISABLED,
17
- contrast: SCHEME_LIGHT_CONTRAST
5
+ export var RetroTheme;
6
+ (function (RetroTheme) {
7
+ RetroTheme.RETRO_THEME = ThemeFactory.create({
8
+ name: NAME,
9
+ scheme: {
10
+ light: {
11
+ background: SCHEME_LIGHT_BACKGROUND,
12
+ foreground: SCHEME_LIGHT_FOREGROUND,
13
+ highlight: SCHEME_LIGHT_HIGHLIGHT,
14
+ middlelight: SCHEME_LIGHT_MIDDLELIGHT,
15
+ lowlight: SCHEME_LIGHT_LOWLIGHT,
16
+ transparent: SCHEME_LIGHT_TRANSPARENT,
17
+ semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT,
18
+ disabled: SCHEME_LIGHT_DISABLED,
19
+ contrast: SCHEME_LIGHT_CONTRAST
20
+ },
21
+ dark: {
22
+ background: SCHEME_DARK_BACKGROUND,
23
+ foreground: SCHEME_DARK_FOREGROUND,
24
+ highlight: SCHEME_DARK_HIGHLIGHT,
25
+ middlelight: SCHEME_DARK_MIDDLELIGHT,
26
+ lowlight: SCHEME_DARK_LOWLIGHT,
27
+ transparent: SCHEME_DARK_TRANSPARENT,
28
+ semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT,
29
+ disabled: SCHEME_DARK_DISABLED,
30
+ contrast: SCHEME_DARK_CONTRAST
31
+ }
18
32
  },
19
- dark: {
20
- background: SCHEME_DARK_BACKGROUND,
21
- foreground: SCHEME_DARK_FOREGROUND,
22
- highlight: SCHEME_DARK_HIGHLIGHT,
23
- middlelight: SCHEME_DARK_MIDDLELIGHT,
24
- lowlight: SCHEME_DARK_LOWLIGHT,
25
- transparent: SCHEME_DARK_TRANSPARENT,
26
- semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT,
27
- disabled: SCHEME_DARK_DISABLED,
28
- contrast: SCHEME_DARK_CONTRAST
29
- }
30
- },
31
- palette: {
32
- light: {
33
- primary: {
34
- 0: COLOR_LIGHT_PRIMARY_0,
35
- 50: COLOR_LIGHT_PRIMARY_50,
36
- 100: COLOR_LIGHT_PRIMARY_100,
37
- 200: COLOR_LIGHT_PRIMARY_200,
38
- 300: COLOR_LIGHT_PRIMARY_300,
39
- 400: COLOR_LIGHT_PRIMARY_400,
40
- 500: COLOR_LIGHT_PRIMARY_500,
41
- 600: COLOR_LIGHT_PRIMARY_600,
42
- 700: COLOR_LIGHT_PRIMARY_700,
43
- 800: COLOR_LIGHT_PRIMARY_800,
44
- 900: COLOR_LIGHT_PRIMARY_900
33
+ palette: {
34
+ light: {
35
+ primary: {
36
+ 0: COLOR_LIGHT_PRIMARY_0,
37
+ 50: COLOR_LIGHT_PRIMARY_50,
38
+ 100: COLOR_LIGHT_PRIMARY_100,
39
+ 200: COLOR_LIGHT_PRIMARY_200,
40
+ 300: COLOR_LIGHT_PRIMARY_300,
41
+ 400: COLOR_LIGHT_PRIMARY_400,
42
+ 500: COLOR_LIGHT_PRIMARY_500,
43
+ 600: COLOR_LIGHT_PRIMARY_600,
44
+ 700: COLOR_LIGHT_PRIMARY_700,
45
+ 800: COLOR_LIGHT_PRIMARY_800,
46
+ 900: COLOR_LIGHT_PRIMARY_900
47
+ },
48
+ secondary: {
49
+ 0: COLOR_LIGHT_SECONDARY_0,
50
+ 50: COLOR_LIGHT_SECONDARY_50,
51
+ 100: COLOR_LIGHT_SECONDARY_100,
52
+ 200: COLOR_LIGHT_SECONDARY_200,
53
+ 300: COLOR_LIGHT_SECONDARY_300,
54
+ 400: COLOR_LIGHT_SECONDARY_400,
55
+ 500: COLOR_LIGHT_SECONDARY_500,
56
+ 600: COLOR_LIGHT_SECONDARY_600,
57
+ 700: COLOR_LIGHT_SECONDARY_700,
58
+ 800: COLOR_LIGHT_SECONDARY_800,
59
+ 900: COLOR_LIGHT_SECONDARY_900
60
+ },
61
+ info: {
62
+ 0: COLOR_LIGHT_INFO_0,
63
+ 50: COLOR_LIGHT_INFO_50,
64
+ 100: COLOR_LIGHT_INFO_100,
65
+ 200: COLOR_LIGHT_INFO_200,
66
+ 300: COLOR_LIGHT_INFO_300,
67
+ 400: COLOR_LIGHT_INFO_400,
68
+ 500: COLOR_LIGHT_INFO_500,
69
+ 600: COLOR_LIGHT_INFO_600,
70
+ 700: COLOR_LIGHT_INFO_700,
71
+ 800: COLOR_LIGHT_INFO_800,
72
+ 900: COLOR_LIGHT_INFO_900
73
+ },
74
+ warning: {
75
+ 0: COLOR_LIGHT_WARNING_0,
76
+ 50: COLOR_LIGHT_WARNING_50,
77
+ 100: COLOR_LIGHT_WARNING_100,
78
+ 200: COLOR_LIGHT_WARNING_200,
79
+ 300: COLOR_LIGHT_WARNING_300,
80
+ 400: COLOR_LIGHT_WARNING_400,
81
+ 500: COLOR_LIGHT_WARNING_500,
82
+ 600: COLOR_LIGHT_WARNING_600,
83
+ 700: COLOR_LIGHT_WARNING_700,
84
+ 800: COLOR_LIGHT_WARNING_800,
85
+ 900: COLOR_LIGHT_WARNING_900
86
+ },
87
+ danger: {
88
+ 0: COLOR_LIGHT_DANGER_0,
89
+ 50: COLOR_LIGHT_DANGER_50,
90
+ 100: COLOR_LIGHT_DANGER_100,
91
+ 200: COLOR_LIGHT_DANGER_200,
92
+ 300: COLOR_LIGHT_DANGER_300,
93
+ 400: COLOR_LIGHT_DANGER_400,
94
+ 500: COLOR_LIGHT_DANGER_500,
95
+ 600: COLOR_LIGHT_DANGER_600,
96
+ 700: COLOR_LIGHT_DANGER_700,
97
+ 800: COLOR_LIGHT_DANGER_800,
98
+ 900: COLOR_LIGHT_DANGER_900
99
+ },
100
+ success: {
101
+ 0: COLOR_LIGHT_SUCCESS_0,
102
+ 50: COLOR_LIGHT_SUCCESS_50,
103
+ 100: COLOR_LIGHT_SUCCESS_100,
104
+ 200: COLOR_LIGHT_SUCCESS_200,
105
+ 300: COLOR_LIGHT_SUCCESS_300,
106
+ 400: COLOR_LIGHT_SUCCESS_400,
107
+ 500: COLOR_LIGHT_SUCCESS_500,
108
+ 600: COLOR_LIGHT_SUCCESS_600,
109
+ 700: COLOR_LIGHT_SUCCESS_700,
110
+ 800: COLOR_LIGHT_SUCCESS_800,
111
+ 900: COLOR_LIGHT_SUCCESS_900
112
+ },
113
+ neutral: {
114
+ 0: COLOR_LIGHT_NEUTRAL_0,
115
+ 50: COLOR_LIGHT_NEUTRAL_50,
116
+ 100: COLOR_LIGHT_NEUTRAL_100,
117
+ 200: COLOR_LIGHT_NEUTRAL_200,
118
+ 300: COLOR_LIGHT_NEUTRAL_300,
119
+ 400: COLOR_LIGHT_NEUTRAL_400,
120
+ 500: COLOR_LIGHT_NEUTRAL_500,
121
+ 600: COLOR_LIGHT_NEUTRAL_600,
122
+ 700: COLOR_LIGHT_NEUTRAL_700,
123
+ 800: COLOR_LIGHT_NEUTRAL_800,
124
+ 900: COLOR_LIGHT_NEUTRAL_900
125
+ }
45
126
  },
46
- secondary: {
47
- 0: COLOR_LIGHT_SECONDARY_0,
48
- 50: COLOR_LIGHT_SECONDARY_50,
49
- 100: COLOR_LIGHT_SECONDARY_100,
50
- 200: COLOR_LIGHT_SECONDARY_200,
51
- 300: COLOR_LIGHT_SECONDARY_300,
52
- 400: COLOR_LIGHT_SECONDARY_400,
53
- 500: COLOR_LIGHT_SECONDARY_500,
54
- 600: COLOR_LIGHT_SECONDARY_600,
55
- 700: COLOR_LIGHT_SECONDARY_700,
56
- 800: COLOR_LIGHT_SECONDARY_800,
57
- 900: COLOR_LIGHT_SECONDARY_900
127
+ dark: {
128
+ primary: {
129
+ 0: COLOR_DARK_PRIMARY_0,
130
+ 50: COLOR_DARK_PRIMARY_50,
131
+ 100: COLOR_DARK_PRIMARY_100,
132
+ 200: COLOR_DARK_PRIMARY_200,
133
+ 300: COLOR_DARK_PRIMARY_300,
134
+ 400: COLOR_DARK_PRIMARY_400,
135
+ 500: COLOR_DARK_PRIMARY_500,
136
+ 600: COLOR_DARK_PRIMARY_600,
137
+ 700: COLOR_DARK_PRIMARY_700,
138
+ 800: COLOR_DARK_PRIMARY_800,
139
+ 900: COLOR_DARK_PRIMARY_900
140
+ },
141
+ secondary: {
142
+ 0: COLOR_DARK_SECONDARY_0,
143
+ 50: COLOR_DARK_SECONDARY_50,
144
+ 100: COLOR_DARK_SECONDARY_100,
145
+ 200: COLOR_DARK_SECONDARY_200,
146
+ 300: COLOR_DARK_SECONDARY_300,
147
+ 400: COLOR_DARK_SECONDARY_400,
148
+ 500: COLOR_DARK_SECONDARY_500,
149
+ 600: COLOR_DARK_SECONDARY_600,
150
+ 700: COLOR_DARK_SECONDARY_700,
151
+ 800: COLOR_DARK_SECONDARY_800,
152
+ 900: COLOR_DARK_SECONDARY_900
153
+ },
154
+ info: {
155
+ 0: COLOR_DARK_INFO_0,
156
+ 50: COLOR_DARK_INFO_50,
157
+ 100: COLOR_DARK_INFO_100,
158
+ 200: COLOR_DARK_INFO_200,
159
+ 300: COLOR_DARK_INFO_300,
160
+ 400: COLOR_DARK_INFO_400,
161
+ 500: COLOR_DARK_INFO_500,
162
+ 600: COLOR_DARK_INFO_600,
163
+ 700: COLOR_DARK_INFO_700,
164
+ 800: COLOR_DARK_INFO_800,
165
+ 900: COLOR_DARK_INFO_900
166
+ },
167
+ warning: {
168
+ 0: COLOR_DARK_WARNING_0,
169
+ 50: COLOR_DARK_WARNING_50,
170
+ 100: COLOR_DARK_WARNING_100,
171
+ 200: COLOR_DARK_WARNING_200,
172
+ 300: COLOR_DARK_WARNING_300,
173
+ 400: COLOR_DARK_WARNING_400,
174
+ 500: COLOR_DARK_WARNING_500,
175
+ 600: COLOR_DARK_WARNING_600,
176
+ 700: COLOR_DARK_WARNING_700,
177
+ 800: COLOR_DARK_WARNING_800,
178
+ 900: COLOR_DARK_WARNING_900
179
+ },
180
+ danger: {
181
+ 0: COLOR_DARK_DANGER_0,
182
+ 50: COLOR_DARK_DANGER_50,
183
+ 100: COLOR_DARK_DANGER_100,
184
+ 200: COLOR_DARK_DANGER_200,
185
+ 300: COLOR_DARK_DANGER_300,
186
+ 400: COLOR_DARK_DANGER_400,
187
+ 500: COLOR_DARK_DANGER_500,
188
+ 600: COLOR_DARK_DANGER_600,
189
+ 700: COLOR_DARK_DANGER_700,
190
+ 800: COLOR_DARK_DANGER_800,
191
+ 900: COLOR_DARK_DANGER_900
192
+ },
193
+ success: {
194
+ 0: COLOR_DARK_SUCCESS_0,
195
+ 50: COLOR_DARK_SUCCESS_50,
196
+ 100: COLOR_DARK_SUCCESS_100,
197
+ 200: COLOR_DARK_SUCCESS_200,
198
+ 300: COLOR_DARK_SUCCESS_300,
199
+ 400: COLOR_DARK_SUCCESS_400,
200
+ 500: COLOR_DARK_SUCCESS_500,
201
+ 600: COLOR_DARK_SUCCESS_600,
202
+ 700: COLOR_DARK_SUCCESS_700,
203
+ 800: COLOR_DARK_SUCCESS_800,
204
+ 900: COLOR_DARK_SUCCESS_900
205
+ },
206
+ neutral: {
207
+ 0: COLOR_DARK_NEUTRAL_0,
208
+ 50: COLOR_DARK_NEUTRAL_50,
209
+ 100: COLOR_DARK_NEUTRAL_100,
210
+ 200: COLOR_DARK_NEUTRAL_200,
211
+ 300: COLOR_DARK_NEUTRAL_300,
212
+ 400: COLOR_DARK_NEUTRAL_400,
213
+ 500: COLOR_DARK_NEUTRAL_500,
214
+ 600: COLOR_DARK_NEUTRAL_600,
215
+ 700: COLOR_DARK_NEUTRAL_700,
216
+ 800: COLOR_DARK_NEUTRAL_800,
217
+ 900: COLOR_DARK_NEUTRAL_900
218
+ }
219
+ }
220
+ },
221
+ fontFamily: FONT_FAMILY,
222
+ typography: {
223
+ headline1: {
224
+ fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY,
225
+ fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE,
226
+ lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT,
227
+ fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT,
228
+ letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING,
229
+ textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION,
230
+ textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM
58
231
  },
59
- info: {
60
- 0: COLOR_LIGHT_INFO_0,
61
- 50: COLOR_LIGHT_INFO_50,
62
- 100: COLOR_LIGHT_INFO_100,
63
- 200: COLOR_LIGHT_INFO_200,
64
- 300: COLOR_LIGHT_INFO_300,
65
- 400: COLOR_LIGHT_INFO_400,
66
- 500: COLOR_LIGHT_INFO_500,
67
- 600: COLOR_LIGHT_INFO_600,
68
- 700: COLOR_LIGHT_INFO_700,
69
- 800: COLOR_LIGHT_INFO_800,
70
- 900: COLOR_LIGHT_INFO_900
232
+ headline2: {
233
+ fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY,
234
+ fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE,
235
+ lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT,
236
+ fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT,
237
+ letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING,
238
+ textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION,
239
+ textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM
71
240
  },
72
- warning: {
73
- 0: COLOR_LIGHT_WARNING_0,
74
- 50: COLOR_LIGHT_WARNING_50,
75
- 100: COLOR_LIGHT_WARNING_100,
76
- 200: COLOR_LIGHT_WARNING_200,
77
- 300: COLOR_LIGHT_WARNING_300,
78
- 400: COLOR_LIGHT_WARNING_400,
79
- 500: COLOR_LIGHT_WARNING_500,
80
- 600: COLOR_LIGHT_WARNING_600,
81
- 700: COLOR_LIGHT_WARNING_700,
82
- 800: COLOR_LIGHT_WARNING_800,
83
- 900: COLOR_LIGHT_WARNING_900
241
+ headline3: {
242
+ fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY,
243
+ fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE,
244
+ lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT,
245
+ fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT,
246
+ letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING,
247
+ textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION,
248
+ textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM
84
249
  },
85
- danger: {
86
- 0: COLOR_LIGHT_DANGER_0,
87
- 50: COLOR_LIGHT_DANGER_50,
88
- 100: COLOR_LIGHT_DANGER_100,
89
- 200: COLOR_LIGHT_DANGER_200,
90
- 300: COLOR_LIGHT_DANGER_300,
91
- 400: COLOR_LIGHT_DANGER_400,
92
- 500: COLOR_LIGHT_DANGER_500,
93
- 600: COLOR_LIGHT_DANGER_600,
94
- 700: COLOR_LIGHT_DANGER_700,
95
- 800: COLOR_LIGHT_DANGER_800,
96
- 900: COLOR_LIGHT_DANGER_900
250
+ headline4: {
251
+ fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY,
252
+ fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE,
253
+ lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT,
254
+ fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT,
255
+ letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING,
256
+ textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION,
257
+ textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM
97
258
  },
98
- success: {
99
- 0: COLOR_LIGHT_SUCCESS_0,
100
- 50: COLOR_LIGHT_SUCCESS_50,
101
- 100: COLOR_LIGHT_SUCCESS_100,
102
- 200: COLOR_LIGHT_SUCCESS_200,
103
- 300: COLOR_LIGHT_SUCCESS_300,
104
- 400: COLOR_LIGHT_SUCCESS_400,
105
- 500: COLOR_LIGHT_SUCCESS_500,
106
- 600: COLOR_LIGHT_SUCCESS_600,
107
- 700: COLOR_LIGHT_SUCCESS_700,
108
- 800: COLOR_LIGHT_SUCCESS_800,
109
- 900: COLOR_LIGHT_SUCCESS_900
259
+ headline5: {
260
+ fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY,
261
+ fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE,
262
+ lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT,
263
+ fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT,
264
+ letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING,
265
+ textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION,
266
+ textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM
110
267
  },
111
- neutral: {
112
- 0: COLOR_LIGHT_NEUTRAL_0,
113
- 50: COLOR_LIGHT_NEUTRAL_50,
114
- 100: COLOR_LIGHT_NEUTRAL_100,
115
- 200: COLOR_LIGHT_NEUTRAL_200,
116
- 300: COLOR_LIGHT_NEUTRAL_300,
117
- 400: COLOR_LIGHT_NEUTRAL_400,
118
- 500: COLOR_LIGHT_NEUTRAL_500,
119
- 600: COLOR_LIGHT_NEUTRAL_600,
120
- 700: COLOR_LIGHT_NEUTRAL_700,
121
- 800: COLOR_LIGHT_NEUTRAL_800,
122
- 900: COLOR_LIGHT_NEUTRAL_900
123
- }
124
- },
125
- dark: {
126
- primary: {
127
- 0: COLOR_DARK_PRIMARY_0,
128
- 50: COLOR_DARK_PRIMARY_50,
129
- 100: COLOR_DARK_PRIMARY_100,
130
- 200: COLOR_DARK_PRIMARY_200,
131
- 300: COLOR_DARK_PRIMARY_300,
132
- 400: COLOR_DARK_PRIMARY_400,
133
- 500: COLOR_DARK_PRIMARY_500,
134
- 600: COLOR_DARK_PRIMARY_600,
135
- 700: COLOR_DARK_PRIMARY_700,
136
- 800: COLOR_DARK_PRIMARY_800,
137
- 900: COLOR_DARK_PRIMARY_900
268
+ headline6: {
269
+ fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY,
270
+ fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE,
271
+ lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT,
272
+ fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT,
273
+ letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING,
274
+ textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION,
275
+ textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM
276
+ },
277
+ subtitle1: {
278
+ fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY,
279
+ fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE,
280
+ lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT,
281
+ fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT,
282
+ letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING,
283
+ textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION,
284
+ textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM
138
285
  },
139
- secondary: {
140
- 0: COLOR_DARK_SECONDARY_0,
141
- 50: COLOR_DARK_SECONDARY_50,
142
- 100: COLOR_DARK_SECONDARY_100,
143
- 200: COLOR_DARK_SECONDARY_200,
144
- 300: COLOR_DARK_SECONDARY_300,
145
- 400: COLOR_DARK_SECONDARY_400,
146
- 500: COLOR_DARK_SECONDARY_500,
147
- 600: COLOR_DARK_SECONDARY_600,
148
- 700: COLOR_DARK_SECONDARY_700,
149
- 800: COLOR_DARK_SECONDARY_800,
150
- 900: COLOR_DARK_SECONDARY_900
286
+ subtitle2: {
287
+ fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY,
288
+ fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE,
289
+ lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT,
290
+ fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT,
291
+ letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING,
292
+ textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION,
293
+ textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM
151
294
  },
152
- info: {
153
- 0: COLOR_DARK_INFO_0,
154
- 50: COLOR_DARK_INFO_50,
155
- 100: COLOR_DARK_INFO_100,
156
- 200: COLOR_DARK_INFO_200,
157
- 300: COLOR_DARK_INFO_300,
158
- 400: COLOR_DARK_INFO_400,
159
- 500: COLOR_DARK_INFO_500,
160
- 600: COLOR_DARK_INFO_600,
161
- 700: COLOR_DARK_INFO_700,
162
- 800: COLOR_DARK_INFO_800,
163
- 900: COLOR_DARK_INFO_900
295
+ body1: {
296
+ fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY,
297
+ fontSize: TYPOGRAPHY_BODY1_FONT_SIZE,
298
+ lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT,
299
+ fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT,
300
+ letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING,
301
+ textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION,
302
+ textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM
164
303
  },
165
- warning: {
166
- 0: COLOR_DARK_WARNING_0,
167
- 50: COLOR_DARK_WARNING_50,
168
- 100: COLOR_DARK_WARNING_100,
169
- 200: COLOR_DARK_WARNING_200,
170
- 300: COLOR_DARK_WARNING_300,
171
- 400: COLOR_DARK_WARNING_400,
172
- 500: COLOR_DARK_WARNING_500,
173
- 600: COLOR_DARK_WARNING_600,
174
- 700: COLOR_DARK_WARNING_700,
175
- 800: COLOR_DARK_WARNING_800,
176
- 900: COLOR_DARK_WARNING_900
304
+ body2: {
305
+ fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY,
306
+ fontSize: TYPOGRAPHY_BODY2_FONT_SIZE,
307
+ lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT,
308
+ fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT,
309
+ letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING,
310
+ textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION,
311
+ textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM
177
312
  },
178
- danger: {
179
- 0: COLOR_DARK_DANGER_0,
180
- 50: COLOR_DARK_DANGER_50,
181
- 100: COLOR_DARK_DANGER_100,
182
- 200: COLOR_DARK_DANGER_200,
183
- 300: COLOR_DARK_DANGER_300,
184
- 400: COLOR_DARK_DANGER_400,
185
- 500: COLOR_DARK_DANGER_500,
186
- 600: COLOR_DARK_DANGER_600,
187
- 700: COLOR_DARK_DANGER_700,
188
- 800: COLOR_DARK_DANGER_800,
189
- 900: COLOR_DARK_DANGER_900
313
+ caption: {
314
+ fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY,
315
+ fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE,
316
+ lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT,
317
+ fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT,
318
+ letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING,
319
+ textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION,
320
+ textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM
190
321
  },
191
- success: {
192
- 0: COLOR_DARK_SUCCESS_0,
193
- 50: COLOR_DARK_SUCCESS_50,
194
- 100: COLOR_DARK_SUCCESS_100,
195
- 200: COLOR_DARK_SUCCESS_200,
196
- 300: COLOR_DARK_SUCCESS_300,
197
- 400: COLOR_DARK_SUCCESS_400,
198
- 500: COLOR_DARK_SUCCESS_500,
199
- 600: COLOR_DARK_SUCCESS_600,
200
- 700: COLOR_DARK_SUCCESS_700,
201
- 800: COLOR_DARK_SUCCESS_800,
202
- 900: COLOR_DARK_SUCCESS_900
322
+ overline: {
323
+ fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY,
324
+ fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE,
325
+ lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT,
326
+ fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT,
327
+ letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING,
328
+ textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION,
329
+ textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM
203
330
  },
204
- neutral: {
205
- 0: COLOR_DARK_NEUTRAL_0,
206
- 50: COLOR_DARK_NEUTRAL_50,
207
- 100: COLOR_DARK_NEUTRAL_100,
208
- 200: COLOR_DARK_NEUTRAL_200,
209
- 300: COLOR_DARK_NEUTRAL_300,
210
- 400: COLOR_DARK_NEUTRAL_400,
211
- 500: COLOR_DARK_NEUTRAL_500,
212
- 600: COLOR_DARK_NEUTRAL_600,
213
- 700: COLOR_DARK_NEUTRAL_700,
214
- 800: COLOR_DARK_NEUTRAL_800,
215
- 900: COLOR_DARK_NEUTRAL_900
331
+ button: {
332
+ fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY,
333
+ fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE,
334
+ lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT,
335
+ fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT,
336
+ letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING,
337
+ textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION,
338
+ textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM
216
339
  }
217
- }
218
- },
219
- fontFamily: FONT_FAMILY,
220
- typography: {
221
- headline1: {
222
- fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY,
223
- fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE,
224
- lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT,
225
- fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT,
226
- letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING,
227
- textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION,
228
- textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM
229
- },
230
- headline2: {
231
- fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY,
232
- fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE,
233
- lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT,
234
- fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT,
235
- letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING,
236
- textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION,
237
- textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM
238
- },
239
- headline3: {
240
- fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY,
241
- fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE,
242
- lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT,
243
- fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT,
244
- letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING,
245
- textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION,
246
- textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM
247
- },
248
- headline4: {
249
- fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY,
250
- fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE,
251
- lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT,
252
- fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT,
253
- letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING,
254
- textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION,
255
- textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM
256
340
  },
257
- headline5: {
258
- fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY,
259
- fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE,
260
- lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT,
261
- fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT,
262
- letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING,
263
- textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION,
264
- textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM
341
+ layout: {
342
+ radius: LAYOUT_RADIUS,
343
+ space: LAYOUT_SPACE,
344
+ thickness: LAYOUT_THICKNESS
265
345
  },
266
- headline6: {
267
- fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY,
268
- fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE,
269
- lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT,
270
- fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT,
271
- letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING,
272
- textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION,
273
- textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM
274
- },
275
- subtitle1: {
276
- fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY,
277
- fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE,
278
- lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT,
279
- fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT,
280
- letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING,
281
- textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION,
282
- textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM
283
- },
284
- subtitle2: {
285
- fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY,
286
- fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE,
287
- lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT,
288
- fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT,
289
- letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING,
290
- textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION,
291
- textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM
292
- },
293
- body1: {
294
- fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY,
295
- fontSize: TYPOGRAPHY_BODY1_FONT_SIZE,
296
- lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT,
297
- fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT,
298
- letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING,
299
- textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION,
300
- textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM
301
- },
302
- body2: {
303
- fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY,
304
- fontSize: TYPOGRAPHY_BODY2_FONT_SIZE,
305
- lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT,
306
- fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT,
307
- letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING,
308
- textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION,
309
- textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM
310
- },
311
- caption: {
312
- fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY,
313
- fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE,
314
- lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT,
315
- fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT,
316
- letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING,
317
- textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION,
318
- textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM
319
- },
320
- overline: {
321
- fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY,
322
- fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE,
323
- lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT,
324
- fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT,
325
- letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING,
326
- textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION,
327
- textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM
328
- },
329
- button: {
330
- fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY,
331
- fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE,
332
- lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT,
333
- fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT,
334
- letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING,
335
- textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION,
336
- textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM
337
- }
338
- },
339
- layout: {
340
- radius: LAYOUT_RADIUS,
341
- space: LAYOUT_SPACE,
342
- thickness: LAYOUT_THICKNESS
343
- },
344
- elevation: {
345
- light: {
346
- light: ELEVATION_LIGHT_LIGHT,
347
- semilight: ELEVATION_LIGHT_SEMILIGHT,
348
- regular: ELEVATION_LIGHT_REGULAR,
349
- semibold: ELEVATION_LIGHT_SEMIBOLD,
350
- bold: ELEVATION_LIGHT_BOLD,
351
- extrabold: ELEVATION_LIGHT_EXTRABOLD
352
- },
353
- dark: {
354
- light: ELEVATION_DARK_LIGHT,
355
- semilight: ELEVATION_DARK_SEMILIGHT,
356
- regular: ELEVATION_DARK_REGULAR,
357
- semibold: ELEVATION_DARK_SEMIBOLD,
358
- bold: ELEVATION_DARK_BOLD,
359
- extrabold: ELEVATION_DARK_EXTRABOLD
346
+ elevation: {
347
+ light: {
348
+ light: ELEVATION_LIGHT_LIGHT,
349
+ semilight: ELEVATION_LIGHT_SEMILIGHT,
350
+ regular: ELEVATION_LIGHT_REGULAR,
351
+ semibold: ELEVATION_LIGHT_SEMIBOLD,
352
+ bold: ELEVATION_LIGHT_BOLD,
353
+ extrabold: ELEVATION_LIGHT_EXTRABOLD
354
+ },
355
+ dark: {
356
+ light: ELEVATION_DARK_LIGHT,
357
+ semilight: ELEVATION_DARK_SEMILIGHT,
358
+ regular: ELEVATION_DARK_REGULAR,
359
+ semibold: ELEVATION_DARK_SEMIBOLD,
360
+ bold: ELEVATION_DARK_BOLD,
361
+ extrabold: ELEVATION_DARK_EXTRABOLD
362
+ }
360
363
  }
361
- }
362
- });
363
- export const RETRO_THEME_PALETTES = [VARIANT_PRIMARY, VARIANT_SECONDARY, VARIANT_DANGER, VARIANT_INFO, VARIANT_NEUTRAL, VARIANT_SUCCESS, VARIANT_WARNING];
364
- export const RETRO_THEME_PALETTE_VARIANTS = ['0', '50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
365
- export const RETRO_THEME_SCHEMES = ['light', 'dark'];
366
- export const RETRO_THEME_SCHEME_VARIANTS = ['background', 'foreground', 'highlight', 'middlelight', 'lowlight', 'transparent', 'semiTransparent', 'disabled', 'contrast'];
367
- export const RETRO_THEME_ELEVATION = ['light', 'dark'];
368
- export const RETRO_THEME_ELEVATION_VARIANTS = [ELEVATION_KEY_LIGHT, ELEVATION_KEY_SEMILIGHT, ELEVATION_KEY_REGULAR, ELEVATION_KEY_SEMIBOLD, ELEVATION_KEY_BOLD, ELEVATION_KEY_EXTRABOLD];
369
- export const RETRO_THEME_TYPOGRAPHY = [TYPOGRAPHY_KEY_HEADLINE1, TYPOGRAPHY_KEY_HEADLINE2, TYPOGRAPHY_KEY_HEADLINE3, TYPOGRAPHY_KEY_HEADLINE4, TYPOGRAPHY_KEY_HEADLINE5, TYPOGRAPHY_KEY_HEADLINE6, TYPOGRAPHY_KEY_SUBTITLE1, TYPOGRAPHY_KEY_SUBTITLE2, TYPOGRAPHY_KEY_BODY1, TYPOGRAPHY_KEY_BODY2, TYPOGRAPHY_KEY_CAPTION, TYPOGRAPHY_KEY_OVERLINE, TYPOGRAPHY_KEY_BUTTON];
370
- export const RETRO_THEME_METADATA = {
371
- theme: RETRO_THEME,
372
- palettes: RETRO_THEME_PALETTES,
373
- paletteVariants: RETRO_THEME_PALETTE_VARIANTS,
374
- schemes: RETRO_THEME_SCHEMES,
375
- schemeVariants: RETRO_THEME_SCHEME_VARIANTS,
376
- elevation: RETRO_THEME_ELEVATION,
377
- elevationVariants: RETRO_THEME_ELEVATION_VARIANTS,
378
- typographies: RETRO_THEME_TYPOGRAPHY
379
- };
364
+ });
365
+ RetroTheme.RETRO_THEME_PALETTES = [VARIANT_PRIMARY, VARIANT_SECONDARY, VARIANT_DANGER, VARIANT_INFO, VARIANT_NEUTRAL, VARIANT_SUCCESS, VARIANT_WARNING];
366
+ RetroTheme.RETRO_THEME_PALETTE_VARIANTS = ['0', '50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
367
+ RetroTheme.RETRO_THEME_SCHEMES = ['light', 'dark'];
368
+ RetroTheme.RETRO_THEME_SCHEME_VARIANTS = ['background', 'foreground', 'highlight', 'middlelight', 'lowlight', 'transparent', 'semiTransparent', 'disabled', 'contrast'];
369
+ RetroTheme.RETRO_THEME_ELEVATION = ['light', 'dark'];
370
+ RetroTheme.RETRO_THEME_ELEVATION_VARIANTS = [ELEVATION_KEY_LIGHT, ELEVATION_KEY_SEMILIGHT, ELEVATION_KEY_REGULAR, ELEVATION_KEY_SEMIBOLD, ELEVATION_KEY_BOLD, ELEVATION_KEY_EXTRABOLD];
371
+ RetroTheme.RETRO_THEME_TYPOGRAPHY = [TYPOGRAPHY_KEY_HEADLINE1, TYPOGRAPHY_KEY_HEADLINE2, TYPOGRAPHY_KEY_HEADLINE3, TYPOGRAPHY_KEY_HEADLINE4, TYPOGRAPHY_KEY_HEADLINE5, TYPOGRAPHY_KEY_HEADLINE6, TYPOGRAPHY_KEY_SUBTITLE1, TYPOGRAPHY_KEY_SUBTITLE2, TYPOGRAPHY_KEY_BODY1, TYPOGRAPHY_KEY_BODY2, TYPOGRAPHY_KEY_CAPTION, TYPOGRAPHY_KEY_OVERLINE, TYPOGRAPHY_KEY_BUTTON];
372
+ RetroTheme.RETRO_THEME_METADATA = {
373
+ theme: RetroTheme.RETRO_THEME,
374
+ palettes: RetroTheme.RETRO_THEME_PALETTES,
375
+ paletteVariants: RetroTheme.RETRO_THEME_PALETTE_VARIANTS,
376
+ schemes: RetroTheme.RETRO_THEME_SCHEMES,
377
+ schemeVariants: RetroTheme.RETRO_THEME_SCHEME_VARIANTS,
378
+ elevation: RetroTheme.RETRO_THEME_ELEVATION,
379
+ elevationVariants: RetroTheme.RETRO_THEME_ELEVATION_VARIANTS,
380
+ typographies: RetroTheme.RETRO_THEME_TYPOGRAPHY
381
+ };
382
+ })(RetroTheme || (RetroTheme = {}));
380
383
  //# sourceMappingURL=RetroTheme.js.map