@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/JoyTheme.js CHANGED
@@ -2,433 +2,436 @@
2
2
  import { ThemeFactory } from './ThemeFactory';
3
3
  import { NAME, TYPOGRAPHY_BODY1_FONT_SIZE, 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_FONT_WEIGHT, TYPOGRAPHY_BODY1_LETTER_SPACING, TYPOGRAPHY_BODY1_LINE_HEIGHT, 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_FAMILY, TYPOGRAPHY_BODY2_FONT_FAMILY, TYPOGRAPHY_BUTTON_FONT_FAMILY, TYPOGRAPHY_CAPTION_FONT_FAMILY, TYPOGRAPHY_HEADLINE1_FONT_FAMILY, TYPOGRAPHY_HEADLINE2_FONT_FAMILY, TYPOGRAPHY_HEADLINE3_FONT_FAMILY, TYPOGRAPHY_HEADLINE5_FONT_FAMILY, TYPOGRAPHY_HEADLINE6_FONT_FAMILY, TYPOGRAPHY_OVERLINE_FONT_FAMILY, TYPOGRAPHY_SUBTITLE1_FONT_FAMILY, TYPOGRAPHY_SUBTITLE2_FONT_FAMILY, TYPOGRAPHY_HEADLINE4_FONT_FAMILY, FONT_FAMILY, 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_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_HIGHLIGHT_0, COLOR_DARK_HIGHLIGHT_100, COLOR_DARK_HIGHLIGHT_200, COLOR_DARK_HIGHLIGHT_300, COLOR_DARK_HIGHLIGHT_400, COLOR_DARK_HIGHLIGHT_50, COLOR_DARK_HIGHLIGHT_500, COLOR_DARK_HIGHLIGHT_600, COLOR_DARK_HIGHLIGHT_700, COLOR_DARK_HIGHLIGHT_800, COLOR_DARK_HIGHLIGHT_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_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_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_TERTIARY_0, COLOR_DARK_TERTIARY_100, COLOR_DARK_TERTIARY_200, COLOR_DARK_TERTIARY_300, COLOR_DARK_TERTIARY_400, COLOR_DARK_TERTIARY_50, COLOR_DARK_TERTIARY_500, COLOR_DARK_TERTIARY_600, COLOR_DARK_TERTIARY_700, COLOR_DARK_TERTIARY_800, COLOR_DARK_TERTIARY_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, 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_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_HIGHLIGHT_0, COLOR_LIGHT_HIGHLIGHT_100, COLOR_LIGHT_HIGHLIGHT_200, COLOR_LIGHT_HIGHLIGHT_300, COLOR_LIGHT_HIGHLIGHT_400, COLOR_LIGHT_HIGHLIGHT_50, COLOR_LIGHT_HIGHLIGHT_500, COLOR_LIGHT_HIGHLIGHT_600, COLOR_LIGHT_HIGHLIGHT_700, COLOR_LIGHT_HIGHLIGHT_800, COLOR_LIGHT_HIGHLIGHT_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_PRIMARY_0, 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, 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_LIGHT_TERTIARY_0, COLOR_LIGHT_TERTIARY_100, COLOR_LIGHT_TERTIARY_200, COLOR_LIGHT_TERTIARY_300, COLOR_LIGHT_TERTIARY_400, COLOR_LIGHT_TERTIARY_50, COLOR_LIGHT_TERTIARY_500, COLOR_LIGHT_TERTIARY_600, COLOR_LIGHT_TERTIARY_700, COLOR_LIGHT_TERTIARY_800, COLOR_LIGHT_TERTIARY_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, SCHEME_LIGHT_CONTRAST, SCHEME_LIGHT_SELECTION, SCHEME_DARK_CONTRAST, SCHEME_DARK_SELECTION, VARIANT_PRIMARY, VARIANT_SECONDARY, VARIANT_DANGER, VARIANT_HIGHLIGHT, VARIANT_INFO, VARIANT_NEUTRAL, VARIANT_SUCCESS, VARIANT_TERTIARY, VARIANT_WARNING, ELEVATION_KEY_LIGHT, ELEVATION_KEY_REGULAR, ELEVATION_KEY_SEMILIGHT, ELEVATION_KEY_BOLD, ELEVATION_KEY_EXTRABOLD, ELEVATION_KEY_SEMIBOLD, 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, 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 } from './Tokens/JoyTokens';
4
4
  // #endregion
5
- export const JOY_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,
18
- selection: SCHEME_LIGHT_SELECTION
19
- },
20
- dark: {
21
- background: SCHEME_DARK_BACKGROUND,
22
- foreground: SCHEME_DARK_FOREGROUND,
23
- highlight: SCHEME_DARK_HIGHLIGHT,
24
- middlelight: SCHEME_DARK_MIDDLELIGHT,
25
- lowlight: SCHEME_DARK_LOWLIGHT,
26
- transparent: SCHEME_DARK_TRANSPARENT,
27
- semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT,
28
- disabled: SCHEME_DARK_DISABLED,
29
- contrast: SCHEME_DARK_CONTRAST,
30
- selection: SCHEME_DARK_SELECTION
31
- }
32
- },
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
- tertiary: {
62
- 0: COLOR_LIGHT_TERTIARY_0,
63
- 50: COLOR_LIGHT_TERTIARY_50,
64
- 100: COLOR_LIGHT_TERTIARY_100,
65
- 200: COLOR_LIGHT_TERTIARY_200,
66
- 300: COLOR_LIGHT_TERTIARY_300,
67
- 400: COLOR_LIGHT_TERTIARY_400,
68
- 500: COLOR_LIGHT_TERTIARY_500,
69
- 600: COLOR_LIGHT_TERTIARY_600,
70
- 700: COLOR_LIGHT_TERTIARY_700,
71
- 800: COLOR_LIGHT_TERTIARY_800,
72
- 900: COLOR_LIGHT_TERTIARY_900
5
+ export var JoyTheme;
6
+ (function (JoyTheme) {
7
+ JoyTheme.JOY_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
+ selection: SCHEME_LIGHT_SELECTION
73
21
  },
74
- info: {
75
- 0: COLOR_LIGHT_INFO_0,
76
- 50: COLOR_LIGHT_INFO_50,
77
- 100: COLOR_LIGHT_INFO_100,
78
- 200: COLOR_LIGHT_INFO_200,
79
- 300: COLOR_LIGHT_INFO_300,
80
- 400: COLOR_LIGHT_INFO_400,
81
- 500: COLOR_LIGHT_INFO_500,
82
- 600: COLOR_LIGHT_INFO_600,
83
- 700: COLOR_LIGHT_INFO_700,
84
- 800: COLOR_LIGHT_INFO_800,
85
- 900: COLOR_LIGHT_INFO_900
22
+ dark: {
23
+ background: SCHEME_DARK_BACKGROUND,
24
+ foreground: SCHEME_DARK_FOREGROUND,
25
+ highlight: SCHEME_DARK_HIGHLIGHT,
26
+ middlelight: SCHEME_DARK_MIDDLELIGHT,
27
+ lowlight: SCHEME_DARK_LOWLIGHT,
28
+ transparent: SCHEME_DARK_TRANSPARENT,
29
+ semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT,
30
+ disabled: SCHEME_DARK_DISABLED,
31
+ contrast: SCHEME_DARK_CONTRAST,
32
+ selection: SCHEME_DARK_SELECTION
33
+ }
34
+ },
35
+ palette: {
36
+ light: {
37
+ primary: {
38
+ 0: COLOR_LIGHT_PRIMARY_0,
39
+ 50: COLOR_LIGHT_PRIMARY_50,
40
+ 100: COLOR_LIGHT_PRIMARY_100,
41
+ 200: COLOR_LIGHT_PRIMARY_200,
42
+ 300: COLOR_LIGHT_PRIMARY_300,
43
+ 400: COLOR_LIGHT_PRIMARY_400,
44
+ 500: COLOR_LIGHT_PRIMARY_500,
45
+ 600: COLOR_LIGHT_PRIMARY_600,
46
+ 700: COLOR_LIGHT_PRIMARY_700,
47
+ 800: COLOR_LIGHT_PRIMARY_800,
48
+ 900: COLOR_LIGHT_PRIMARY_900
49
+ },
50
+ secondary: {
51
+ 0: COLOR_LIGHT_SECONDARY_0,
52
+ 50: COLOR_LIGHT_SECONDARY_50,
53
+ 100: COLOR_LIGHT_SECONDARY_100,
54
+ 200: COLOR_LIGHT_SECONDARY_200,
55
+ 300: COLOR_LIGHT_SECONDARY_300,
56
+ 400: COLOR_LIGHT_SECONDARY_400,
57
+ 500: COLOR_LIGHT_SECONDARY_500,
58
+ 600: COLOR_LIGHT_SECONDARY_600,
59
+ 700: COLOR_LIGHT_SECONDARY_700,
60
+ 800: COLOR_LIGHT_SECONDARY_800,
61
+ 900: COLOR_LIGHT_SECONDARY_900
62
+ },
63
+ tertiary: {
64
+ 0: COLOR_LIGHT_TERTIARY_0,
65
+ 50: COLOR_LIGHT_TERTIARY_50,
66
+ 100: COLOR_LIGHT_TERTIARY_100,
67
+ 200: COLOR_LIGHT_TERTIARY_200,
68
+ 300: COLOR_LIGHT_TERTIARY_300,
69
+ 400: COLOR_LIGHT_TERTIARY_400,
70
+ 500: COLOR_LIGHT_TERTIARY_500,
71
+ 600: COLOR_LIGHT_TERTIARY_600,
72
+ 700: COLOR_LIGHT_TERTIARY_700,
73
+ 800: COLOR_LIGHT_TERTIARY_800,
74
+ 900: COLOR_LIGHT_TERTIARY_900
75
+ },
76
+ info: {
77
+ 0: COLOR_LIGHT_INFO_0,
78
+ 50: COLOR_LIGHT_INFO_50,
79
+ 100: COLOR_LIGHT_INFO_100,
80
+ 200: COLOR_LIGHT_INFO_200,
81
+ 300: COLOR_LIGHT_INFO_300,
82
+ 400: COLOR_LIGHT_INFO_400,
83
+ 500: COLOR_LIGHT_INFO_500,
84
+ 600: COLOR_LIGHT_INFO_600,
85
+ 700: COLOR_LIGHT_INFO_700,
86
+ 800: COLOR_LIGHT_INFO_800,
87
+ 900: COLOR_LIGHT_INFO_900
88
+ },
89
+ warning: {
90
+ 0: COLOR_LIGHT_WARNING_0,
91
+ 50: COLOR_LIGHT_WARNING_50,
92
+ 100: COLOR_LIGHT_WARNING_100,
93
+ 200: COLOR_LIGHT_WARNING_200,
94
+ 300: COLOR_LIGHT_WARNING_300,
95
+ 400: COLOR_LIGHT_WARNING_400,
96
+ 500: COLOR_LIGHT_WARNING_500,
97
+ 600: COLOR_LIGHT_WARNING_600,
98
+ 700: COLOR_LIGHT_WARNING_700,
99
+ 800: COLOR_LIGHT_WARNING_800,
100
+ 900: COLOR_LIGHT_WARNING_900
101
+ },
102
+ danger: {
103
+ 0: COLOR_LIGHT_DANGER_0,
104
+ 50: COLOR_LIGHT_DANGER_50,
105
+ 100: COLOR_LIGHT_DANGER_100,
106
+ 200: COLOR_LIGHT_DANGER_200,
107
+ 300: COLOR_LIGHT_DANGER_300,
108
+ 400: COLOR_LIGHT_DANGER_400,
109
+ 500: COLOR_LIGHT_DANGER_500,
110
+ 600: COLOR_LIGHT_DANGER_600,
111
+ 700: COLOR_LIGHT_DANGER_700,
112
+ 800: COLOR_LIGHT_DANGER_800,
113
+ 900: COLOR_LIGHT_DANGER_900
114
+ },
115
+ success: {
116
+ 0: COLOR_LIGHT_SUCCESS_0,
117
+ 50: COLOR_LIGHT_SUCCESS_50,
118
+ 100: COLOR_LIGHT_SUCCESS_100,
119
+ 200: COLOR_LIGHT_SUCCESS_200,
120
+ 300: COLOR_LIGHT_SUCCESS_300,
121
+ 400: COLOR_LIGHT_SUCCESS_400,
122
+ 500: COLOR_LIGHT_SUCCESS_500,
123
+ 600: COLOR_LIGHT_SUCCESS_600,
124
+ 700: COLOR_LIGHT_SUCCESS_700,
125
+ 800: COLOR_LIGHT_SUCCESS_800,
126
+ 900: COLOR_LIGHT_SUCCESS_900
127
+ },
128
+ highlight: {
129
+ 0: COLOR_LIGHT_HIGHLIGHT_0,
130
+ 50: COLOR_LIGHT_HIGHLIGHT_50,
131
+ 100: COLOR_LIGHT_HIGHLIGHT_100,
132
+ 200: COLOR_LIGHT_HIGHLIGHT_200,
133
+ 300: COLOR_LIGHT_HIGHLIGHT_300,
134
+ 400: COLOR_LIGHT_HIGHLIGHT_400,
135
+ 500: COLOR_LIGHT_HIGHLIGHT_500,
136
+ 600: COLOR_LIGHT_HIGHLIGHT_600,
137
+ 700: COLOR_LIGHT_HIGHLIGHT_700,
138
+ 800: COLOR_LIGHT_HIGHLIGHT_800,
139
+ 900: COLOR_LIGHT_HIGHLIGHT_900
140
+ },
141
+ neutral: {
142
+ 0: COLOR_LIGHT_NEUTRAL_0,
143
+ 50: COLOR_LIGHT_NEUTRAL_50,
144
+ 100: COLOR_LIGHT_NEUTRAL_100,
145
+ 200: COLOR_LIGHT_NEUTRAL_200,
146
+ 300: COLOR_LIGHT_NEUTRAL_300,
147
+ 400: COLOR_LIGHT_NEUTRAL_400,
148
+ 500: COLOR_LIGHT_NEUTRAL_500,
149
+ 600: COLOR_LIGHT_NEUTRAL_600,
150
+ 700: COLOR_LIGHT_NEUTRAL_700,
151
+ 800: COLOR_LIGHT_NEUTRAL_800,
152
+ 900: COLOR_LIGHT_NEUTRAL_900
153
+ }
86
154
  },
87
- warning: {
88
- 0: COLOR_LIGHT_WARNING_0,
89
- 50: COLOR_LIGHT_WARNING_50,
90
- 100: COLOR_LIGHT_WARNING_100,
91
- 200: COLOR_LIGHT_WARNING_200,
92
- 300: COLOR_LIGHT_WARNING_300,
93
- 400: COLOR_LIGHT_WARNING_400,
94
- 500: COLOR_LIGHT_WARNING_500,
95
- 600: COLOR_LIGHT_WARNING_600,
96
- 700: COLOR_LIGHT_WARNING_700,
97
- 800: COLOR_LIGHT_WARNING_800,
98
- 900: COLOR_LIGHT_WARNING_900
155
+ dark: {
156
+ primary: {
157
+ 0: COLOR_DARK_PRIMARY_0,
158
+ 50: COLOR_DARK_PRIMARY_50,
159
+ 100: COLOR_DARK_PRIMARY_100,
160
+ 200: COLOR_DARK_PRIMARY_200,
161
+ 300: COLOR_DARK_PRIMARY_300,
162
+ 400: COLOR_DARK_PRIMARY_400,
163
+ 500: COLOR_DARK_PRIMARY_500,
164
+ 600: COLOR_DARK_PRIMARY_600,
165
+ 700: COLOR_DARK_PRIMARY_700,
166
+ 800: COLOR_DARK_PRIMARY_800,
167
+ 900: COLOR_DARK_PRIMARY_900
168
+ },
169
+ secondary: {
170
+ 0: COLOR_DARK_SECONDARY_0,
171
+ 50: COLOR_DARK_SECONDARY_50,
172
+ 100: COLOR_DARK_SECONDARY_100,
173
+ 200: COLOR_DARK_SECONDARY_200,
174
+ 300: COLOR_DARK_SECONDARY_300,
175
+ 400: COLOR_DARK_SECONDARY_400,
176
+ 500: COLOR_DARK_SECONDARY_500,
177
+ 600: COLOR_DARK_SECONDARY_600,
178
+ 700: COLOR_DARK_SECONDARY_700,
179
+ 800: COLOR_DARK_SECONDARY_800,
180
+ 900: COLOR_DARK_SECONDARY_900
181
+ },
182
+ tertiary: {
183
+ 0: COLOR_DARK_TERTIARY_0,
184
+ 50: COLOR_DARK_TERTIARY_50,
185
+ 100: COLOR_DARK_TERTIARY_100,
186
+ 200: COLOR_DARK_TERTIARY_200,
187
+ 300: COLOR_DARK_TERTIARY_300,
188
+ 400: COLOR_DARK_TERTIARY_400,
189
+ 500: COLOR_DARK_TERTIARY_500,
190
+ 600: COLOR_DARK_TERTIARY_600,
191
+ 700: COLOR_DARK_TERTIARY_700,
192
+ 800: COLOR_DARK_TERTIARY_800,
193
+ 900: COLOR_DARK_TERTIARY_900
194
+ },
195
+ info: {
196
+ 0: COLOR_DARK_INFO_0,
197
+ 50: COLOR_DARK_INFO_50,
198
+ 100: COLOR_DARK_INFO_100,
199
+ 200: COLOR_DARK_INFO_200,
200
+ 300: COLOR_DARK_INFO_300,
201
+ 400: COLOR_DARK_INFO_400,
202
+ 500: COLOR_DARK_INFO_500,
203
+ 600: COLOR_DARK_INFO_600,
204
+ 700: COLOR_DARK_INFO_700,
205
+ 800: COLOR_DARK_INFO_800,
206
+ 900: COLOR_DARK_INFO_900
207
+ },
208
+ warning: {
209
+ 0: COLOR_DARK_WARNING_0,
210
+ 50: COLOR_DARK_WARNING_50,
211
+ 100: COLOR_DARK_WARNING_100,
212
+ 200: COLOR_DARK_WARNING_200,
213
+ 300: COLOR_DARK_WARNING_300,
214
+ 400: COLOR_DARK_WARNING_400,
215
+ 500: COLOR_DARK_WARNING_500,
216
+ 600: COLOR_DARK_WARNING_600,
217
+ 700: COLOR_DARK_WARNING_700,
218
+ 800: COLOR_DARK_WARNING_800,
219
+ 900: COLOR_DARK_WARNING_900
220
+ },
221
+ danger: {
222
+ 0: COLOR_DARK_DANGER_0,
223
+ 50: COLOR_DARK_DANGER_50,
224
+ 100: COLOR_DARK_DANGER_100,
225
+ 200: COLOR_DARK_DANGER_200,
226
+ 300: COLOR_DARK_DANGER_300,
227
+ 400: COLOR_DARK_DANGER_400,
228
+ 500: COLOR_DARK_DANGER_500,
229
+ 600: COLOR_DARK_DANGER_600,
230
+ 700: COLOR_DARK_DANGER_700,
231
+ 800: COLOR_DARK_DANGER_800,
232
+ 900: COLOR_DARK_DANGER_900
233
+ },
234
+ success: {
235
+ 0: COLOR_DARK_SUCCESS_0,
236
+ 50: COLOR_DARK_SUCCESS_50,
237
+ 100: COLOR_DARK_SUCCESS_100,
238
+ 200: COLOR_DARK_SUCCESS_200,
239
+ 300: COLOR_DARK_SUCCESS_300,
240
+ 400: COLOR_DARK_SUCCESS_400,
241
+ 500: COLOR_DARK_SUCCESS_500,
242
+ 600: COLOR_DARK_SUCCESS_600,
243
+ 700: COLOR_DARK_SUCCESS_700,
244
+ 800: COLOR_DARK_SUCCESS_800,
245
+ 900: COLOR_DARK_SUCCESS_900
246
+ },
247
+ highlight: {
248
+ 0: COLOR_DARK_HIGHLIGHT_0,
249
+ 50: COLOR_DARK_HIGHLIGHT_50,
250
+ 100: COLOR_DARK_HIGHLIGHT_100,
251
+ 200: COLOR_DARK_HIGHLIGHT_200,
252
+ 300: COLOR_DARK_HIGHLIGHT_300,
253
+ 400: COLOR_DARK_HIGHLIGHT_400,
254
+ 500: COLOR_DARK_HIGHLIGHT_500,
255
+ 600: COLOR_DARK_HIGHLIGHT_600,
256
+ 700: COLOR_DARK_HIGHLIGHT_700,
257
+ 800: COLOR_DARK_HIGHLIGHT_800,
258
+ 900: COLOR_DARK_HIGHLIGHT_900
259
+ },
260
+ neutral: {
261
+ 0: COLOR_DARK_NEUTRAL_0,
262
+ 50: COLOR_DARK_NEUTRAL_50,
263
+ 100: COLOR_DARK_NEUTRAL_100,
264
+ 200: COLOR_DARK_NEUTRAL_200,
265
+ 300: COLOR_DARK_NEUTRAL_300,
266
+ 400: COLOR_DARK_NEUTRAL_400,
267
+ 500: COLOR_DARK_NEUTRAL_500,
268
+ 600: COLOR_DARK_NEUTRAL_600,
269
+ 700: COLOR_DARK_NEUTRAL_700,
270
+ 800: COLOR_DARK_NEUTRAL_800,
271
+ 900: COLOR_DARK_NEUTRAL_900
272
+ }
273
+ }
274
+ },
275
+ fontFamily: FONT_FAMILY,
276
+ typography: {
277
+ headline1: {
278
+ fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY,
279
+ fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE,
280
+ lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT,
281
+ fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT,
282
+ letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING,
283
+ textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION,
284
+ textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM
99
285
  },
100
- danger: {
101
- 0: COLOR_LIGHT_DANGER_0,
102
- 50: COLOR_LIGHT_DANGER_50,
103
- 100: COLOR_LIGHT_DANGER_100,
104
- 200: COLOR_LIGHT_DANGER_200,
105
- 300: COLOR_LIGHT_DANGER_300,
106
- 400: COLOR_LIGHT_DANGER_400,
107
- 500: COLOR_LIGHT_DANGER_500,
108
- 600: COLOR_LIGHT_DANGER_600,
109
- 700: COLOR_LIGHT_DANGER_700,
110
- 800: COLOR_LIGHT_DANGER_800,
111
- 900: COLOR_LIGHT_DANGER_900
286
+ headline2: {
287
+ fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY,
288
+ fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE,
289
+ lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT,
290
+ fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT,
291
+ letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING,
292
+ textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION,
293
+ textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM
112
294
  },
113
- success: {
114
- 0: COLOR_LIGHT_SUCCESS_0,
115
- 50: COLOR_LIGHT_SUCCESS_50,
116
- 100: COLOR_LIGHT_SUCCESS_100,
117
- 200: COLOR_LIGHT_SUCCESS_200,
118
- 300: COLOR_LIGHT_SUCCESS_300,
119
- 400: COLOR_LIGHT_SUCCESS_400,
120
- 500: COLOR_LIGHT_SUCCESS_500,
121
- 600: COLOR_LIGHT_SUCCESS_600,
122
- 700: COLOR_LIGHT_SUCCESS_700,
123
- 800: COLOR_LIGHT_SUCCESS_800,
124
- 900: COLOR_LIGHT_SUCCESS_900
295
+ headline3: {
296
+ fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY,
297
+ fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE,
298
+ lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT,
299
+ fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT,
300
+ letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING,
301
+ textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION,
302
+ textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM
125
303
  },
126
- highlight: {
127
- 0: COLOR_LIGHT_HIGHLIGHT_0,
128
- 50: COLOR_LIGHT_HIGHLIGHT_50,
129
- 100: COLOR_LIGHT_HIGHLIGHT_100,
130
- 200: COLOR_LIGHT_HIGHLIGHT_200,
131
- 300: COLOR_LIGHT_HIGHLIGHT_300,
132
- 400: COLOR_LIGHT_HIGHLIGHT_400,
133
- 500: COLOR_LIGHT_HIGHLIGHT_500,
134
- 600: COLOR_LIGHT_HIGHLIGHT_600,
135
- 700: COLOR_LIGHT_HIGHLIGHT_700,
136
- 800: COLOR_LIGHT_HIGHLIGHT_800,
137
- 900: COLOR_LIGHT_HIGHLIGHT_900
304
+ headline4: {
305
+ fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY,
306
+ fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE,
307
+ lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT,
308
+ fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT,
309
+ letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING,
310
+ textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION,
311
+ textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM
138
312
  },
139
- neutral: {
140
- 0: COLOR_LIGHT_NEUTRAL_0,
141
- 50: COLOR_LIGHT_NEUTRAL_50,
142
- 100: COLOR_LIGHT_NEUTRAL_100,
143
- 200: COLOR_LIGHT_NEUTRAL_200,
144
- 300: COLOR_LIGHT_NEUTRAL_300,
145
- 400: COLOR_LIGHT_NEUTRAL_400,
146
- 500: COLOR_LIGHT_NEUTRAL_500,
147
- 600: COLOR_LIGHT_NEUTRAL_600,
148
- 700: COLOR_LIGHT_NEUTRAL_700,
149
- 800: COLOR_LIGHT_NEUTRAL_800,
150
- 900: COLOR_LIGHT_NEUTRAL_900
151
- }
152
- },
153
- dark: {
154
- primary: {
155
- 0: COLOR_DARK_PRIMARY_0,
156
- 50: COLOR_DARK_PRIMARY_50,
157
- 100: COLOR_DARK_PRIMARY_100,
158
- 200: COLOR_DARK_PRIMARY_200,
159
- 300: COLOR_DARK_PRIMARY_300,
160
- 400: COLOR_DARK_PRIMARY_400,
161
- 500: COLOR_DARK_PRIMARY_500,
162
- 600: COLOR_DARK_PRIMARY_600,
163
- 700: COLOR_DARK_PRIMARY_700,
164
- 800: COLOR_DARK_PRIMARY_800,
165
- 900: COLOR_DARK_PRIMARY_900
313
+ headline5: {
314
+ fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY,
315
+ fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE,
316
+ lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT,
317
+ fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT,
318
+ letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING,
319
+ textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION,
320
+ textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM
166
321
  },
167
- secondary: {
168
- 0: COLOR_DARK_SECONDARY_0,
169
- 50: COLOR_DARK_SECONDARY_50,
170
- 100: COLOR_DARK_SECONDARY_100,
171
- 200: COLOR_DARK_SECONDARY_200,
172
- 300: COLOR_DARK_SECONDARY_300,
173
- 400: COLOR_DARK_SECONDARY_400,
174
- 500: COLOR_DARK_SECONDARY_500,
175
- 600: COLOR_DARK_SECONDARY_600,
176
- 700: COLOR_DARK_SECONDARY_700,
177
- 800: COLOR_DARK_SECONDARY_800,
178
- 900: COLOR_DARK_SECONDARY_900
322
+ headline6: {
323
+ fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY,
324
+ fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE,
325
+ lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT,
326
+ fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT,
327
+ letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING,
328
+ textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION,
329
+ textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM
179
330
  },
180
- tertiary: {
181
- 0: COLOR_DARK_TERTIARY_0,
182
- 50: COLOR_DARK_TERTIARY_50,
183
- 100: COLOR_DARK_TERTIARY_100,
184
- 200: COLOR_DARK_TERTIARY_200,
185
- 300: COLOR_DARK_TERTIARY_300,
186
- 400: COLOR_DARK_TERTIARY_400,
187
- 500: COLOR_DARK_TERTIARY_500,
188
- 600: COLOR_DARK_TERTIARY_600,
189
- 700: COLOR_DARK_TERTIARY_700,
190
- 800: COLOR_DARK_TERTIARY_800,
191
- 900: COLOR_DARK_TERTIARY_900
331
+ subtitle1: {
332
+ fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY,
333
+ fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE,
334
+ lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT,
335
+ fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT,
336
+ letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING,
337
+ textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION,
338
+ textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM
192
339
  },
193
- info: {
194
- 0: COLOR_DARK_INFO_0,
195
- 50: COLOR_DARK_INFO_50,
196
- 100: COLOR_DARK_INFO_100,
197
- 200: COLOR_DARK_INFO_200,
198
- 300: COLOR_DARK_INFO_300,
199
- 400: COLOR_DARK_INFO_400,
200
- 500: COLOR_DARK_INFO_500,
201
- 600: COLOR_DARK_INFO_600,
202
- 700: COLOR_DARK_INFO_700,
203
- 800: COLOR_DARK_INFO_800,
204
- 900: COLOR_DARK_INFO_900
340
+ subtitle2: {
341
+ fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY,
342
+ fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE,
343
+ lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT,
344
+ fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT,
345
+ letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING,
346
+ textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION,
347
+ textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM
205
348
  },
206
- warning: {
207
- 0: COLOR_DARK_WARNING_0,
208
- 50: COLOR_DARK_WARNING_50,
209
- 100: COLOR_DARK_WARNING_100,
210
- 200: COLOR_DARK_WARNING_200,
211
- 300: COLOR_DARK_WARNING_300,
212
- 400: COLOR_DARK_WARNING_400,
213
- 500: COLOR_DARK_WARNING_500,
214
- 600: COLOR_DARK_WARNING_600,
215
- 700: COLOR_DARK_WARNING_700,
216
- 800: COLOR_DARK_WARNING_800,
217
- 900: COLOR_DARK_WARNING_900
349
+ body1: {
350
+ fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY,
351
+ fontSize: TYPOGRAPHY_BODY1_FONT_SIZE,
352
+ lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT,
353
+ fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT,
354
+ letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING,
355
+ textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION,
356
+ textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM
218
357
  },
219
- danger: {
220
- 0: COLOR_DARK_DANGER_0,
221
- 50: COLOR_DARK_DANGER_50,
222
- 100: COLOR_DARK_DANGER_100,
223
- 200: COLOR_DARK_DANGER_200,
224
- 300: COLOR_DARK_DANGER_300,
225
- 400: COLOR_DARK_DANGER_400,
226
- 500: COLOR_DARK_DANGER_500,
227
- 600: COLOR_DARK_DANGER_600,
228
- 700: COLOR_DARK_DANGER_700,
229
- 800: COLOR_DARK_DANGER_800,
230
- 900: COLOR_DARK_DANGER_900
358
+ body2: {
359
+ fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY,
360
+ fontSize: TYPOGRAPHY_BODY2_FONT_SIZE,
361
+ lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT,
362
+ fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT,
363
+ letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING,
364
+ textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION,
365
+ textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM
231
366
  },
232
- success: {
233
- 0: COLOR_DARK_SUCCESS_0,
234
- 50: COLOR_DARK_SUCCESS_50,
235
- 100: COLOR_DARK_SUCCESS_100,
236
- 200: COLOR_DARK_SUCCESS_200,
237
- 300: COLOR_DARK_SUCCESS_300,
238
- 400: COLOR_DARK_SUCCESS_400,
239
- 500: COLOR_DARK_SUCCESS_500,
240
- 600: COLOR_DARK_SUCCESS_600,
241
- 700: COLOR_DARK_SUCCESS_700,
242
- 800: COLOR_DARK_SUCCESS_800,
243
- 900: COLOR_DARK_SUCCESS_900
367
+ caption: {
368
+ fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY,
369
+ fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE,
370
+ lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT,
371
+ fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT,
372
+ letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING,
373
+ textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION,
374
+ textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM
244
375
  },
245
- highlight: {
246
- 0: COLOR_DARK_HIGHLIGHT_0,
247
- 50: COLOR_DARK_HIGHLIGHT_50,
248
- 100: COLOR_DARK_HIGHLIGHT_100,
249
- 200: COLOR_DARK_HIGHLIGHT_200,
250
- 300: COLOR_DARK_HIGHLIGHT_300,
251
- 400: COLOR_DARK_HIGHLIGHT_400,
252
- 500: COLOR_DARK_HIGHLIGHT_500,
253
- 600: COLOR_DARK_HIGHLIGHT_600,
254
- 700: COLOR_DARK_HIGHLIGHT_700,
255
- 800: COLOR_DARK_HIGHLIGHT_800,
256
- 900: COLOR_DARK_HIGHLIGHT_900
376
+ overline: {
377
+ fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY,
378
+ fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE,
379
+ lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT,
380
+ fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT,
381
+ letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING,
382
+ textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION,
383
+ textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM
257
384
  },
258
- neutral: {
259
- 0: COLOR_DARK_NEUTRAL_0,
260
- 50: COLOR_DARK_NEUTRAL_50,
261
- 100: COLOR_DARK_NEUTRAL_100,
262
- 200: COLOR_DARK_NEUTRAL_200,
263
- 300: COLOR_DARK_NEUTRAL_300,
264
- 400: COLOR_DARK_NEUTRAL_400,
265
- 500: COLOR_DARK_NEUTRAL_500,
266
- 600: COLOR_DARK_NEUTRAL_600,
267
- 700: COLOR_DARK_NEUTRAL_700,
268
- 800: COLOR_DARK_NEUTRAL_800,
269
- 900: COLOR_DARK_NEUTRAL_900
385
+ button: {
386
+ fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY,
387
+ fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE,
388
+ lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT,
389
+ fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT,
390
+ letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING,
391
+ textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION,
392
+ textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM
270
393
  }
271
- }
272
- },
273
- fontFamily: FONT_FAMILY,
274
- typography: {
275
- headline1: {
276
- fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY,
277
- fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE,
278
- lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT,
279
- fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT,
280
- letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING,
281
- textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION,
282
- textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM
283
- },
284
- headline2: {
285
- fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY,
286
- fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE,
287
- lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT,
288
- fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT,
289
- letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING,
290
- textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION,
291
- textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM
292
- },
293
- headline3: {
294
- fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY,
295
- fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE,
296
- lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT,
297
- fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT,
298
- letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING,
299
- textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION,
300
- textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM
301
394
  },
302
- headline4: {
303
- fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY,
304
- fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE,
305
- lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT,
306
- fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT,
307
- letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING,
308
- textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION,
309
- textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM
395
+ layout: {
396
+ radius: LAYOUT_RADIUS,
397
+ space: LAYOUT_SPACE,
398
+ thickness: LAYOUT_THICKNESS
310
399
  },
311
- headline5: {
312
- fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY,
313
- fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE,
314
- lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT,
315
- fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT,
316
- letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING,
317
- textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION,
318
- textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM
319
- },
320
- headline6: {
321
- fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY,
322
- fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE,
323
- lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT,
324
- fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT,
325
- letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING,
326
- textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION,
327
- textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM
328
- },
329
- subtitle1: {
330
- fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY,
331
- fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE,
332
- lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT,
333
- fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT,
334
- letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING,
335
- textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION,
336
- textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM
337
- },
338
- subtitle2: {
339
- fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY,
340
- fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE,
341
- lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT,
342
- fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT,
343
- letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING,
344
- textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION,
345
- textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM
346
- },
347
- body1: {
348
- fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY,
349
- fontSize: TYPOGRAPHY_BODY1_FONT_SIZE,
350
- lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT,
351
- fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT,
352
- letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING,
353
- textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION,
354
- textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM
355
- },
356
- body2: {
357
- fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY,
358
- fontSize: TYPOGRAPHY_BODY2_FONT_SIZE,
359
- lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT,
360
- fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT,
361
- letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING,
362
- textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION,
363
- textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM
364
- },
365
- caption: {
366
- fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY,
367
- fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE,
368
- lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT,
369
- fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT,
370
- letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING,
371
- textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION,
372
- textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM
373
- },
374
- overline: {
375
- fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY,
376
- fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE,
377
- lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT,
378
- fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT,
379
- letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING,
380
- textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION,
381
- textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM
382
- },
383
- button: {
384
- fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY,
385
- fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE,
386
- lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT,
387
- fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT,
388
- letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING,
389
- textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION,
390
- textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM
391
- }
392
- },
393
- layout: {
394
- radius: LAYOUT_RADIUS,
395
- space: LAYOUT_SPACE,
396
- thickness: LAYOUT_THICKNESS
397
- },
398
- elevation: {
399
- light: {
400
- light: ELEVATION_LIGHT_LIGHT,
401
- semilight: ELEVATION_LIGHT_SEMILIGHT,
402
- regular: ELEVATION_LIGHT_REGULAR,
403
- semibold: ELEVATION_LIGHT_SEMIBOLD,
404
- bold: ELEVATION_LIGHT_BOLD,
405
- extrabold: ELEVATION_LIGHT_EXTRABOLD
406
- },
407
- dark: {
408
- light: ELEVATION_DARK_LIGHT,
409
- semilight: ELEVATION_DARK_SEMILIGHT,
410
- regular: ELEVATION_DARK_REGULAR,
411
- semibold: ELEVATION_DARK_SEMIBOLD,
412
- bold: ELEVATION_DARK_BOLD,
413
- extrabold: ELEVATION_DARK_EXTRABOLD
400
+ elevation: {
401
+ light: {
402
+ light: ELEVATION_LIGHT_LIGHT,
403
+ semilight: ELEVATION_LIGHT_SEMILIGHT,
404
+ regular: ELEVATION_LIGHT_REGULAR,
405
+ semibold: ELEVATION_LIGHT_SEMIBOLD,
406
+ bold: ELEVATION_LIGHT_BOLD,
407
+ extrabold: ELEVATION_LIGHT_EXTRABOLD
408
+ },
409
+ dark: {
410
+ light: ELEVATION_DARK_LIGHT,
411
+ semilight: ELEVATION_DARK_SEMILIGHT,
412
+ regular: ELEVATION_DARK_REGULAR,
413
+ semibold: ELEVATION_DARK_SEMIBOLD,
414
+ bold: ELEVATION_DARK_BOLD,
415
+ extrabold: ELEVATION_DARK_EXTRABOLD
416
+ }
414
417
  }
415
- }
416
- });
417
- export const JOY_THEME_PALETTES = [VARIANT_PRIMARY, VARIANT_SECONDARY, VARIANT_TERTIARY, VARIANT_DANGER, VARIANT_INFO, VARIANT_WARNING, VARIANT_SUCCESS, VARIANT_HIGHLIGHT, VARIANT_NEUTRAL];
418
- export const JOY_THEME_PALETTE_VARIANTS = ['0', '50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
419
- export const JOY_THEME_SCHEMES = ['light', 'dark'];
420
- export const JOY_THEME_SCHEME_VARIANTS = ['background', 'foreground', 'highlight', 'middlelight', 'lowlight', 'transparent', 'semiTransparent', 'disabled', 'contrast', 'selection'];
421
- export const JOY_THEME_ELEVATION = ['light', 'dark'];
422
- export const JOY_THEME_ELEVATION_VARIANTS = [ELEVATION_KEY_LIGHT, ELEVATION_KEY_SEMILIGHT, ELEVATION_KEY_REGULAR, ELEVATION_KEY_SEMIBOLD, ELEVATION_KEY_BOLD, ELEVATION_KEY_EXTRABOLD];
423
- export const JOY_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];
424
- export const JOY_THEME_METADATA = {
425
- theme: JOY_THEME,
426
- palettes: JOY_THEME_PALETTES,
427
- paletteVariants: JOY_THEME_PALETTE_VARIANTS,
428
- schemes: JOY_THEME_SCHEMES,
429
- schemeVariants: JOY_THEME_SCHEME_VARIANTS,
430
- elevation: JOY_THEME_ELEVATION,
431
- elevationVariants: JOY_THEME_ELEVATION_VARIANTS,
432
- typographies: JOY_THEME_TYPOGRAPHY
433
- };
418
+ });
419
+ JoyTheme.JOY_THEME_PALETTES = [VARIANT_PRIMARY, VARIANT_SECONDARY, VARIANT_TERTIARY, VARIANT_DANGER, VARIANT_INFO, VARIANT_WARNING, VARIANT_SUCCESS, VARIANT_HIGHLIGHT, VARIANT_NEUTRAL];
420
+ JoyTheme.JOY_THEME_PALETTE_VARIANTS = ['0', '50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
421
+ JoyTheme.JOY_THEME_SCHEMES = ['light', 'dark'];
422
+ JoyTheme.JOY_THEME_SCHEME_VARIANTS = ['background', 'foreground', 'highlight', 'middlelight', 'lowlight', 'transparent', 'semiTransparent', 'disabled', 'contrast', 'selection'];
423
+ JoyTheme.JOY_THEME_ELEVATION = ['light', 'dark'];
424
+ JoyTheme.JOY_THEME_ELEVATION_VARIANTS = [ELEVATION_KEY_LIGHT, ELEVATION_KEY_SEMILIGHT, ELEVATION_KEY_REGULAR, ELEVATION_KEY_SEMIBOLD, ELEVATION_KEY_BOLD, ELEVATION_KEY_EXTRABOLD];
425
+ JoyTheme.JOY_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];
426
+ JoyTheme.JOY_THEME_METADATA = {
427
+ theme: JoyTheme.JOY_THEME,
428
+ palettes: JoyTheme.JOY_THEME_PALETTES,
429
+ paletteVariants: JoyTheme.JOY_THEME_PALETTE_VARIANTS,
430
+ schemes: JoyTheme.JOY_THEME_SCHEMES,
431
+ schemeVariants: JoyTheme.JOY_THEME_SCHEME_VARIANTS,
432
+ elevation: JoyTheme.JOY_THEME_ELEVATION,
433
+ elevationVariants: JoyTheme.JOY_THEME_ELEVATION_VARIANTS,
434
+ typographies: JoyTheme.JOY_THEME_TYPOGRAPHY
435
+ };
436
+ })(JoyTheme || (JoyTheme = {}));
434
437
  //# sourceMappingURL=JoyTheme.js.map