@breadstone/mosaik-themes 0.0.181 → 0.0.183

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 (184) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/index.cjs +3005 -0
  3. package/index.cjs.map +1 -0
  4. package/index.d.mts +615 -0
  5. package/index.d.ts +615 -0
  6. package/index.js +2983 -0
  7. package/index.js.map +1 -0
  8. package/index.node.cjs +2710 -0
  9. package/index.node.cjs.map +1 -0
  10. package/index.node.d.mts +468 -0
  11. package/index.node.d.ts +468 -0
  12. package/index.node.js +2695 -0
  13. package/index.node.js.map +1 -0
  14. package/package.json +11 -12
  15. package/tailwind/v3/index.d.ts +0 -1
  16. package/tailwind/v3/index.d.ts.map +1 -1
  17. package/tailwind/v3/index.js +0 -4
  18. package/tailwind/v3/index.js.map +1 -1
  19. package/Index.d.ts +0 -31
  20. package/Index.d.ts.map +0 -1
  21. package/Index.js +0 -21
  22. package/Index.js.map +0 -1
  23. package/Theming/BootstrapTheme.d.ts +0 -12
  24. package/Theming/BootstrapTheme.d.ts.map +0 -1
  25. package/Theming/BootstrapTheme.js +0 -138
  26. package/Theming/BootstrapTheme.js.map +0 -1
  27. package/Theming/CosmopolitanTheme.d.ts +0 -13
  28. package/Theming/CosmopolitanTheme.d.ts.map +0 -1
  29. package/Theming/CosmopolitanTheme.js +0 -127
  30. package/Theming/CosmopolitanTheme.js.map +0 -1
  31. package/Theming/FluentTheme.d.ts +0 -4
  32. package/Theming/FluentTheme.d.ts.map +0 -1
  33. package/Theming/FluentTheme.js +0 -12
  34. package/Theming/FluentTheme.js.map +0 -1
  35. package/Theming/JoyTheme.d.ts +0 -13
  36. package/Theming/JoyTheme.d.ts.map +0 -1
  37. package/Theming/JoyTheme.js +0 -437
  38. package/Theming/JoyTheme.js.map +0 -1
  39. package/Theming/MaterialTheme.d.ts +0 -4
  40. package/Theming/MaterialTheme.d.ts.map +0 -1
  41. package/Theming/MaterialTheme.js +0 -12
  42. package/Theming/MaterialTheme.js.map +0 -1
  43. package/Theming/MemphisTheme.d.ts +0 -13
  44. package/Theming/MemphisTheme.d.ts.map +0 -1
  45. package/Theming/MemphisTheme.js +0 -383
  46. package/Theming/MemphisTheme.js.map +0 -1
  47. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts +0 -16
  48. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.d.ts.map +0 -1
  49. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js +0 -48
  50. package/Theming/Strategies/CosmopolitanThemeGeneratorStrategy.js.map +0 -1
  51. package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts +0 -17
  52. package/Theming/Strategies/JoyThemeGeneratorStrategy.d.ts.map +0 -1
  53. package/Theming/Strategies/JoyThemeGeneratorStrategy.js +0 -27
  54. package/Theming/Strategies/JoyThemeGeneratorStrategy.js.map +0 -1
  55. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts +0 -15
  56. package/Theming/Strategies/MaterialThemeGeneratorStrategy.d.ts.map +0 -1
  57. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js +0 -84
  58. package/Theming/Strategies/MaterialThemeGeneratorStrategy.js.map +0 -1
  59. package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts +0 -17
  60. package/Theming/Strategies/MemphisThemeGeneratorStrategy.d.ts.map +0 -1
  61. package/Theming/Strategies/MemphisThemeGeneratorStrategy.js +0 -27
  62. package/Theming/Strategies/MemphisThemeGeneratorStrategy.js.map +0 -1
  63. package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts +0 -48
  64. package/Theming/Strategies/TailwindThemeGeneratorStrategy.d.ts.map +0 -1
  65. package/Theming/Strategies/TailwindThemeGeneratorStrategy.js +0 -69
  66. package/Theming/Strategies/TailwindThemeGeneratorStrategy.js.map +0 -1
  67. package/Theming/Strategies/index.d.ts +0 -7
  68. package/Theming/Strategies/index.d.ts.map +0 -1
  69. package/Theming/Strategies/index.js +0 -8
  70. package/Theming/Strategies/index.js.map +0 -1
  71. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts +0 -27
  72. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.d.ts.map +0 -1
  73. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js +0 -3
  74. package/Theming/Strategies/interfaces/IThemeGeneratorStrategy.js.map +0 -1
  75. package/Theming/ThemeFactory.d.ts +0 -41
  76. package/Theming/ThemeFactory.d.ts.map +0 -1
  77. package/Theming/ThemeFactory.js +0 -58
  78. package/Theming/ThemeFactory.js.map +0 -1
  79. package/Theming/ThemeGenerator.d.ts +0 -25
  80. package/Theming/ThemeGenerator.d.ts.map +0 -1
  81. package/Theming/ThemeGenerator.js +0 -74
  82. package/Theming/ThemeGenerator.js.map +0 -1
  83. package/Theming/ThemeObserver.d.ts +0 -56
  84. package/Theming/ThemeObserver.d.ts.map +0 -1
  85. package/Theming/ThemeObserver.js +0 -135
  86. package/Theming/ThemeObserver.js.map +0 -1
  87. package/Theming/Tokens/BootstrapTokens.d.ts +0 -93
  88. package/Theming/Tokens/BootstrapTokens.d.ts.map +0 -1
  89. package/Theming/Tokens/BootstrapTokens.js +0 -93
  90. package/Theming/Tokens/BootstrapTokens.js.map +0 -1
  91. package/Theming/Tokens/CosmopolitanTokens.d.ts +0 -215
  92. package/Theming/Tokens/CosmopolitanTokens.d.ts.map +0 -1
  93. package/Theming/Tokens/CosmopolitanTokens.js +0 -215
  94. package/Theming/Tokens/CosmopolitanTokens.js.map +0 -1
  95. package/Theming/Tokens/FluentTokens.d.ts +0 -32
  96. package/Theming/Tokens/FluentTokens.d.ts.map +0 -1
  97. package/Theming/Tokens/FluentTokens.js +0 -32
  98. package/Theming/Tokens/FluentTokens.js.map +0 -1
  99. package/Theming/Tokens/JoyTokens.d.ts +0 -502
  100. package/Theming/Tokens/JoyTokens.d.ts.map +0 -1
  101. package/Theming/Tokens/JoyTokens.js +0 -502
  102. package/Theming/Tokens/JoyTokens.js.map +0 -1
  103. package/Theming/Tokens/MaterialTokens.d.ts +0 -24
  104. package/Theming/Tokens/MaterialTokens.d.ts.map +0 -1
  105. package/Theming/Tokens/MaterialTokens.js +0 -24
  106. package/Theming/Tokens/MaterialTokens.js.map +0 -1
  107. package/Theming/Tokens/MemphisTokens.d.ts +0 -394
  108. package/Theming/Tokens/MemphisTokens.d.ts.map +0 -1
  109. package/Theming/Tokens/MemphisTokens.js +0 -394
  110. package/Theming/Tokens/MemphisTokens.js.map +0 -1
  111. package/Theming/Utils/CssAspectRatio.d.ts +0 -14
  112. package/Theming/Utils/CssAspectRatio.d.ts.map +0 -1
  113. package/Theming/Utils/CssAspectRatio.js +0 -31
  114. package/Theming/Utils/CssAspectRatio.js.map +0 -1
  115. package/Theming/Utils/CssColor.d.ts +0 -30
  116. package/Theming/Utils/CssColor.d.ts.map +0 -1
  117. package/Theming/Utils/CssColor.js +0 -23
  118. package/Theming/Utils/CssColor.js.map +0 -1
  119. package/Theming/Utils/CssLength.d.ts +0 -67
  120. package/Theming/Utils/CssLength.d.ts.map +0 -1
  121. package/Theming/Utils/CssLength.js +0 -149
  122. package/Theming/Utils/CssLength.js.map +0 -1
  123. package/Theming/Utils/CssShadow.d.ts +0 -27
  124. package/Theming/Utils/CssShadow.d.ts.map +0 -1
  125. package/Theming/Utils/CssShadow.js +0 -46
  126. package/Theming/Utils/CssShadow.js.map +0 -1
  127. package/Theming/Utils/CssTime.d.ts +0 -18
  128. package/Theming/Utils/CssTime.d.ts.map +0 -1
  129. package/Theming/Utils/CssTime.js +0 -24
  130. package/Theming/Utils/CssTime.js.map +0 -1
  131. package/Theming/Utils/ITheme.d.ts +0 -30
  132. package/Theming/Utils/ITheme.d.ts.map +0 -1
  133. package/Theming/Utils/ITheme.js +0 -37
  134. package/Theming/Utils/ITheme.js.map +0 -1
  135. package/Theming/Utils/IThemeElevation.d.ts +0 -10
  136. package/Theming/Utils/IThemeElevation.d.ts.map +0 -1
  137. package/Theming/Utils/IThemeElevation.js +0 -3
  138. package/Theming/Utils/IThemeElevation.js.map +0 -1
  139. package/Theming/Utils/IThemeLayout.d.ts +0 -12
  140. package/Theming/Utils/IThemeLayout.d.ts.map +0 -1
  141. package/Theming/Utils/IThemeLayout.js +0 -3
  142. package/Theming/Utils/IThemeLayout.js.map +0 -1
  143. package/Theming/Utils/IThemeMetadata.d.ts +0 -15
  144. package/Theming/Utils/IThemeMetadata.d.ts.map +0 -1
  145. package/Theming/Utils/IThemeMetadata.js +0 -3
  146. package/Theming/Utils/IThemeMetadata.js.map +0 -1
  147. package/Theming/Utils/IThemePalette.d.ts +0 -22
  148. package/Theming/Utils/IThemePalette.d.ts.map +0 -1
  149. package/Theming/Utils/IThemePalette.js +0 -18
  150. package/Theming/Utils/IThemePalette.js.map +0 -1
  151. package/Theming/Utils/IThemeScheme.d.ts +0 -10
  152. package/Theming/Utils/IThemeScheme.d.ts.map +0 -1
  153. package/Theming/Utils/IThemeScheme.js +0 -3
  154. package/Theming/Utils/IThemeScheme.js.map +0 -1
  155. package/Theming/Utils/IThemeTypography.d.ts +0 -10
  156. package/Theming/Utils/IThemeTypography.d.ts.map +0 -1
  157. package/Theming/Utils/IThemeTypography.js +0 -3
  158. package/Theming/Utils/IThemeTypography.js.map +0 -1
  159. package/Theming/Utils/IThemeTypographyFontType.d.ts +0 -16
  160. package/Theming/Utils/IThemeTypographyFontType.d.ts.map +0 -1
  161. package/Theming/Utils/IThemeTypographyFontType.js +0 -3
  162. package/Theming/Utils/IThemeTypographyFontType.js.map +0 -1
  163. package/tailwind/v3/factories/index.d.ts +0 -6
  164. package/tailwind/v3/factories/index.d.ts.map +0 -1
  165. package/tailwind/v3/factories/index.js +0 -24
  166. package/tailwind/v3/factories/index.js.map +0 -1
  167. /package/{Themes → themes}/___bootstrap-tokens.css +0 -0
  168. /package/{Themes → themes}/___cosmopolitan-tokens.css +0 -0
  169. /package/{Themes → themes}/___fluent-tokens.css +0 -0
  170. /package/{Themes → themes}/___joy-tokens.css +0 -0
  171. /package/{Themes → themes}/___material-tokens.css +0 -0
  172. /package/{Themes → themes}/___memphis-tokens.css +0 -0
  173. /package/{Themes → themes}/bootstrap-tokens.scss +0 -0
  174. /package/{Themes → themes}/bootstrap.scss +0 -0
  175. /package/{Themes → themes}/cosmopolitan-tokens.scss +0 -0
  176. /package/{Themes → themes}/cosmopolitan.scss +0 -0
  177. /package/{Themes → themes}/fluent-tokens.scss +0 -0
  178. /package/{Themes → themes}/fluent.scss +0 -0
  179. /package/{Themes → themes}/joy-tokens.scss +0 -0
  180. /package/{Themes → themes}/joy.scss +0 -0
  181. /package/{Themes → themes}/material-tokens.scss +0 -0
  182. /package/{Themes → themes}/material.scss +0 -0
  183. /package/{Themes → themes}/memphis-tokens.scss +0 -0
  184. /package/{Themes → themes}/memphis.scss +0 -0
package/index.node.js ADDED
@@ -0,0 +1,2695 @@
1
+ import chroma from 'chroma-js';
2
+
3
+ var __defProp = Object.defineProperty;
4
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
5
+
6
+ // src/Theming/ThemeFactory.ts
7
+ var ThemeFactory = class {
8
+ static {
9
+ __name(this, "ThemeFactory");
10
+ }
11
+ /**
12
+ * Creates a new theme.
13
+ *
14
+ * @public
15
+ * @static
16
+ */
17
+ static create(init) {
18
+ return {
19
+ name: init.name,
20
+ scheme: init.scheme ?? {},
21
+ palette: init.palette ?? {},
22
+ fontFamily: init.fontFamily ?? "",
23
+ typography: init.typography ?? {},
24
+ layout: init.layout ?? {},
25
+ elevation: init.elevation ?? {}
26
+ };
27
+ }
28
+ /**
29
+ * Merges the given theme with the initial theme.
30
+ *
31
+ * @public
32
+ * @static
33
+ */
34
+ static merge(init, theme) {
35
+ return {
36
+ name: init.name,
37
+ scheme: {
38
+ ...theme.scheme,
39
+ ...init.scheme
40
+ },
41
+ palette: {
42
+ ...theme.palette,
43
+ ...init.palette
44
+ },
45
+ fontFamily: init.fontFamily ?? theme.fontFamily,
46
+ typography: {
47
+ ...theme.typography,
48
+ ...init.typography
49
+ },
50
+ layout: {
51
+ ...theme.layout,
52
+ ...init.layout
53
+ },
54
+ elevation: {
55
+ ...theme.elevation,
56
+ ...init.elevation
57
+ }
58
+ };
59
+ }
60
+ };
61
+
62
+ // src/Theming/Tokens/BootstrapTokens.ts
63
+ var NAME = "bootstrap";
64
+ var FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
65
+ var LAYOUT_RADIUS = "12px";
66
+ var LAYOUT_SPACE = "8px";
67
+ var LAYOUT_THICKNESS = "2px";
68
+ var COLOR_LIGHT_PRIMARY_100 = "#cfe2ff";
69
+ var COLOR_LIGHT_PRIMARY_200 = "#9ec5fe";
70
+ var COLOR_LIGHT_PRIMARY_300 = "#6ea8fe";
71
+ var COLOR_LIGHT_PRIMARY_400 = "#3d8bfd";
72
+ var COLOR_LIGHT_PRIMARY_500 = "#0d6efd";
73
+ var COLOR_LIGHT_PRIMARY_600 = "#0a58ca";
74
+ var COLOR_LIGHT_PRIMARY_700 = "#084298";
75
+ var COLOR_LIGHT_PRIMARY_800 = "#052c65";
76
+ var COLOR_LIGHT_PRIMARY_900 = "#031633";
77
+ var COLOR_LIGHT_SECONDARY_100 = "#f8f9fa";
78
+ var COLOR_LIGHT_SECONDARY_200 = "#e9ecef";
79
+ var COLOR_LIGHT_SECONDARY_300 = "#dee2e6";
80
+ var COLOR_LIGHT_SECONDARY_400 = "#ced4da";
81
+ var COLOR_LIGHT_SECONDARY_500 = "#adb5bd";
82
+ var COLOR_LIGHT_SECONDARY_600 = "#6c757d";
83
+ var COLOR_LIGHT_SECONDARY_700 = "#495057";
84
+ var COLOR_LIGHT_SECONDARY_800 = "#343a40";
85
+ var COLOR_LIGHT_SECONDARY_900 = "#212529";
86
+ var TYPOGRAPHY_HEADLINE1_FONT_SIZE = "80px";
87
+ var TYPOGRAPHY_HEADLINE1_LINE_HEIGHT = "1.2";
88
+ var TYPOGRAPHY_HEADLINE1_FONT_WEIGHT = "300";
89
+ var TYPOGRAPHY_HEADLINE1_LETTER_SPACING = "0";
90
+ var TYPOGRAPHY_HEADLINE1_TEXT_DECORATION = "none";
91
+ var TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM = "none";
92
+ var TYPOGRAPHY_HEADLINE2_FONT_SIZE = "72px";
93
+ var TYPOGRAPHY_HEADLINE2_LINE_HEIGHT = "1.2";
94
+ var TYPOGRAPHY_HEADLINE2_FONT_WEIGHT = "300";
95
+ var TYPOGRAPHY_HEADLINE2_LETTER_SPACING = "0";
96
+ var TYPOGRAPHY_HEADLINE2_TEXT_DECORATION = "none";
97
+ var TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM = "none";
98
+ var TYPOGRAPHY_HEADLINE3_FONT_SIZE = "64px";
99
+ var TYPOGRAPHY_HEADLINE3_LINE_HEIGHT = "1.2";
100
+ var TYPOGRAPHY_HEADLINE3_FONT_WEIGHT = "300";
101
+ var TYPOGRAPHY_HEADLINE3_LETTER_SPACING = "0";
102
+ var TYPOGRAPHY_HEADLINE3_TEXT_DECORATION = "none";
103
+ var TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM = "none";
104
+ var TYPOGRAPHY_HEADLINE4_FONT_SIZE = "56px";
105
+ var TYPOGRAPHY_HEADLINE4_LINE_HEIGHT = "1.2";
106
+ var TYPOGRAPHY_HEADLINE4_FONT_WEIGHT = "300";
107
+ var TYPOGRAPHY_HEADLINE4_LETTER_SPACING = "0";
108
+ var TYPOGRAPHY_HEADLINE4_TEXT_DECORATION = "none";
109
+ var TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM = "none";
110
+ var TYPOGRAPHY_HEADLINE5_FONT_SIZE = "48px";
111
+ var TYPOGRAPHY_HEADLINE5_LINE_HEIGHT = "1.2";
112
+ var TYPOGRAPHY_HEADLINE5_FONT_WEIGHT = "300";
113
+ var TYPOGRAPHY_HEADLINE5_LETTER_SPACING = "0";
114
+ var TYPOGRAPHY_HEADLINE5_TEXT_DECORATION = "none";
115
+ var TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM = "none";
116
+ var TYPOGRAPHY_HEADLINE6_FONT_SIZE = "40px";
117
+ var TYPOGRAPHY_HEADLINE6_LINE_HEIGHT = "1.2";
118
+ var TYPOGRAPHY_HEADLINE6_FONT_WEIGHT = "300";
119
+ var TYPOGRAPHY_HEADLINE6_LETTER_SPACING = "0";
120
+ var TYPOGRAPHY_HEADLINE6_TEXT_DECORATION = "none";
121
+ var TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM = "none";
122
+ var ELEVATION_NONE = "none";
123
+
124
+ // src/Theming/BootstrapTheme.ts
125
+ (function(BootstrapTheme2) {
126
+ BootstrapTheme2.BOOTSTRAP_THEME = ThemeFactory.create({
127
+ name: NAME,
128
+ scheme: {
129
+ light: {
130
+ body: "#ffffff",
131
+ secondary: "#ffffff",
132
+ tertiary: "#ffffff",
133
+ emphasis: "#ffffff"
134
+ },
135
+ dark: {
136
+ body: "#000000",
137
+ secondary: "#000000",
138
+ tertiary: "#000000",
139
+ emphasis: "#000000"
140
+ }
141
+ },
142
+ palette: {
143
+ light: {
144
+ primary: {
145
+ 100: COLOR_LIGHT_PRIMARY_100,
146
+ 200: COLOR_LIGHT_PRIMARY_200,
147
+ 300: COLOR_LIGHT_PRIMARY_300,
148
+ 400: COLOR_LIGHT_PRIMARY_400,
149
+ 500: COLOR_LIGHT_PRIMARY_500,
150
+ 600: COLOR_LIGHT_PRIMARY_600,
151
+ 700: COLOR_LIGHT_PRIMARY_700,
152
+ 800: COLOR_LIGHT_PRIMARY_800,
153
+ 900: COLOR_LIGHT_PRIMARY_900
154
+ },
155
+ secondary: {
156
+ 100: COLOR_LIGHT_SECONDARY_100,
157
+ 200: COLOR_LIGHT_SECONDARY_200,
158
+ 300: COLOR_LIGHT_SECONDARY_300,
159
+ 400: COLOR_LIGHT_SECONDARY_400,
160
+ 500: COLOR_LIGHT_SECONDARY_500,
161
+ 600: COLOR_LIGHT_SECONDARY_600,
162
+ 700: COLOR_LIGHT_SECONDARY_700,
163
+ 800: COLOR_LIGHT_SECONDARY_800,
164
+ 900: COLOR_LIGHT_SECONDARY_900
165
+ }
166
+ }
167
+ },
168
+ fontFamily: FONT_FAMILY,
169
+ typography: {
170
+ headline1: {
171
+ fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE,
172
+ lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT,
173
+ fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT,
174
+ letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING,
175
+ textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION,
176
+ textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM
177
+ },
178
+ headline2: {
179
+ fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE,
180
+ lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT,
181
+ fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT,
182
+ letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING,
183
+ textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION,
184
+ textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM
185
+ },
186
+ headline3: {
187
+ fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE,
188
+ lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT,
189
+ fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT,
190
+ letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING,
191
+ textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION,
192
+ textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM
193
+ },
194
+ headline4: {
195
+ fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE,
196
+ lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT,
197
+ fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT,
198
+ letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING,
199
+ textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION,
200
+ textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM
201
+ },
202
+ headline5: {
203
+ fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE,
204
+ lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT,
205
+ fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT,
206
+ letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING,
207
+ textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION,
208
+ textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM
209
+ },
210
+ headline6: {
211
+ fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE,
212
+ lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT,
213
+ fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT,
214
+ letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING,
215
+ textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION,
216
+ textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM
217
+ }
218
+ },
219
+ layout: {
220
+ radius: LAYOUT_RADIUS,
221
+ space: LAYOUT_SPACE,
222
+ thickness: LAYOUT_THICKNESS
223
+ },
224
+ elevation: {
225
+ light: {
226
+ none: ELEVATION_NONE
227
+ },
228
+ dark: {
229
+ none: ELEVATION_NONE
230
+ }
231
+ }
232
+ });
233
+ BootstrapTheme2.BOOTSTRAP_THEME_PALETTES = [
234
+ "primary",
235
+ "secondary"
236
+ ];
237
+ BootstrapTheme2.BOOTSTRAP_THEME_PALETTE_VARIANTS = [
238
+ "100",
239
+ "200",
240
+ "300",
241
+ "400",
242
+ "500",
243
+ "600",
244
+ "700",
245
+ "800",
246
+ "900"
247
+ ];
248
+ BootstrapTheme2.BOOTSTRAP_THEME_SCHEMES = [
249
+ "light",
250
+ "dark"
251
+ ];
252
+ BootstrapTheme2.BOOTSTRAP_THEME_SCHEME_VARIANTS = [
253
+ "body",
254
+ "secondary",
255
+ "tertiary",
256
+ "emphasis"
257
+ ];
258
+ BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION = [
259
+ "light",
260
+ "dark"
261
+ ];
262
+ BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION_VARIANTS = [
263
+ "none"
264
+ ];
265
+ BootstrapTheme2.BOOTSTRAP_THEME_METADATA = {
266
+ theme: BootstrapTheme2.BOOTSTRAP_THEME,
267
+ palettes: BootstrapTheme2.BOOTSTRAP_THEME_PALETTES,
268
+ paletteVariants: BootstrapTheme2.BOOTSTRAP_THEME_PALETTE_VARIANTS,
269
+ schemes: BootstrapTheme2.BOOTSTRAP_THEME_SCHEMES,
270
+ schemeVariants: BootstrapTheme2.BOOTSTRAP_THEME_SCHEME_VARIANTS,
271
+ elevation: BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION,
272
+ elevationVariants: BootstrapTheme2.BOOTSTRAP_THEME_ELEVATION_VARIANTS,
273
+ typographies: [
274
+ "headline1",
275
+ "headline2",
276
+ "headline3",
277
+ "headline4",
278
+ "headline5",
279
+ "headline6"
280
+ ]
281
+ };
282
+ })(BootstrapTheme || (BootstrapTheme = {}));
283
+ var BootstrapTheme;
284
+
285
+ // src/Theming/Tokens/JoyTokens.ts
286
+ var NAME2 = "joy";
287
+ var FONT_FAMILY2 = "Nunito, sans-serif";
288
+ var LAYOUT_RADIUS2 = "12px";
289
+ var LAYOUT_SPACE2 = "8px";
290
+ var LAYOUT_THICKNESS2 = "2px";
291
+ var SCHEME_LIGHT_BACKGROUND = "#eaeaea";
292
+ var SCHEME_LIGHT_FOREGROUND = "#3c454f";
293
+ var SCHEME_LIGHT_HIGHLIGHT = "#d1d1d1";
294
+ var SCHEME_LIGHT_MIDDLELIGHT = "#8a8a8a";
295
+ var SCHEME_LIGHT_LOWLIGHT = "#5c5c5c";
296
+ var SCHEME_LIGHT_TRANSPARENT = "rgba(255, 255, 255, 0)";
297
+ var SCHEME_LIGHT_SEMI_TRANSPARENT = "rgba(255, 255, 255, 0.67)";
298
+ var SCHEME_LIGHT_DISABLED = "#686868";
299
+ var SCHEME_LIGHT_CONTRAST = "#ffffff";
300
+ var SCHEME_LIGHT_SELECTION = "rgba(204, 204, 204, 0.44)";
301
+ var SCHEME_DARK_BACKGROUND = "#151515";
302
+ var SCHEME_DARK_FOREGROUND = "#c3bab0";
303
+ var SCHEME_DARK_HIGHLIGHT = "#2e2e2e";
304
+ var SCHEME_DARK_MIDDLELIGHT = "#757575";
305
+ var SCHEME_DARK_LOWLIGHT = "#a3a3a3";
306
+ var SCHEME_DARK_TRANSPARENT = "rgba(255, 255, 255, 0)";
307
+ var SCHEME_DARK_SEMI_TRANSPARENT = "rgba(255, 255, 255, 0.03)";
308
+ var SCHEME_DARK_DISABLED = "#474747";
309
+ var SCHEME_DARK_CONTRAST = "#000000";
310
+ var SCHEME_DARK_SELECTION = "rgba(204, 204, 204, 0.44)";
311
+ var COLOR_LIGHT_PRIMARY_0 = "#ffffff";
312
+ var COLOR_LIGHT_PRIMARY_50 = "#fce4ec";
313
+ var COLOR_LIGHT_PRIMARY_1002 = "#f8bcd0";
314
+ var COLOR_LIGHT_PRIMARY_2002 = "#f48fb1";
315
+ var COLOR_LIGHT_PRIMARY_3002 = "#f06292";
316
+ var COLOR_LIGHT_PRIMARY_4002 = "#ec407a";
317
+ var COLOR_LIGHT_PRIMARY_5002 = "#e91e63";
318
+ var COLOR_LIGHT_PRIMARY_6002 = "#cb1a56";
319
+ var COLOR_LIGHT_PRIMARY_7002 = "#a31545";
320
+ var COLOR_LIGHT_PRIMARY_8002 = "#7e1035";
321
+ var COLOR_LIGHT_PRIMARY_9002 = "#3a0819";
322
+ var COLOR_LIGHT_SECONDARY_0 = "#ffffff";
323
+ var COLOR_LIGHT_SECONDARY_50 = "#e6f6e9";
324
+ var COLOR_LIGHT_SECONDARY_1002 = "#c3e8c9";
325
+ var COLOR_LIGHT_SECONDARY_2002 = "#9bd9a7";
326
+ var COLOR_LIGHT_SECONDARY_3002 = "#70cb83";
327
+ var COLOR_LIGHT_SECONDARY_4002 = "#4dbf68";
328
+ var COLOR_LIGHT_SECONDARY_5002 = "#21b34d";
329
+ var COLOR_LIGHT_SECONDARY_6002 = "#16a444";
330
+ var COLOR_LIGHT_SECONDARY_7002 = "#009238";
331
+ var COLOR_LIGHT_SECONDARY_8002 = "#00812d";
332
+ var COLOR_LIGHT_SECONDARY_9002 = "#006218";
333
+ var COLOR_LIGHT_TERTIARY_0 = "#ffffff";
334
+ var COLOR_LIGHT_TERTIARY_50 = "#e1f5fc";
335
+ var COLOR_LIGHT_TERTIARY_100 = "#b4e6f7";
336
+ var COLOR_LIGHT_TERTIARY_200 = "#84d5f3";
337
+ var COLOR_LIGHT_TERTIARY_300 = "#56c5ee";
338
+ var COLOR_LIGHT_TERTIARY_400 = "#35b8eb";
339
+ var COLOR_LIGHT_TERTIARY_500 = "#19ace9";
340
+ var COLOR_LIGHT_TERTIARY_600 = "#139edb";
341
+ var COLOR_LIGHT_TERTIARY_700 = "#098bc7";
342
+ var COLOR_LIGHT_TERTIARY_800 = "#087ab4";
343
+ var COLOR_LIGHT_TERTIARY_900 = "#005a92";
344
+ var COLOR_LIGHT_INFO_0 = "#ffffff";
345
+ var COLOR_LIGHT_INFO_50 = "#f4faff";
346
+ var COLOR_LIGHT_INFO_100 = "#ddf1ff";
347
+ var COLOR_LIGHT_INFO_200 = "#addbff";
348
+ var COLOR_LIGHT_INFO_300 = "#6fb6ff";
349
+ var COLOR_LIGHT_INFO_400 = "#3990ff";
350
+ var COLOR_LIGHT_INFO_500 = "#096bde";
351
+ var COLOR_LIGHT_INFO_600 = "#054da7";
352
+ var COLOR_LIGHT_INFO_700 = "#02367d";
353
+ var COLOR_LIGHT_INFO_800 = "#072859";
354
+ var COLOR_LIGHT_INFO_900 = "#00153c";
355
+ var COLOR_LIGHT_WARNING_0 = "#ffffff";
356
+ var COLOR_LIGHT_WARNING_50 = "#fff8c5";
357
+ var COLOR_LIGHT_WARNING_100 = "#fae17d";
358
+ var COLOR_LIGHT_WARNING_200 = "#eac54f";
359
+ var COLOR_LIGHT_WARNING_300 = "#d4a72c";
360
+ var COLOR_LIGHT_WARNING_400 = "#bf8700";
361
+ var COLOR_LIGHT_WARNING_500 = "#9a6700";
362
+ var COLOR_LIGHT_WARNING_600 = "#7d4e00";
363
+ var COLOR_LIGHT_WARNING_700 = "#633c01";
364
+ var COLOR_LIGHT_WARNING_800 = "#4d2d00";
365
+ var COLOR_LIGHT_WARNING_900 = "#3b2300";
366
+ var COLOR_LIGHT_DANGER_0 = "#ffffff";
367
+ var COLOR_LIGHT_DANGER_50 = "#fff8f6";
368
+ var COLOR_LIGHT_DANGER_100 = "#ffe9e8";
369
+ var COLOR_LIGHT_DANGER_200 = "#ffc7c5";
370
+ var COLOR_LIGHT_DANGER_300 = "#ff9192";
371
+ var COLOR_LIGHT_DANGER_400 = "#fa5255";
372
+ var COLOR_LIGHT_DANGER_500 = "#d3232f";
373
+ var COLOR_LIGHT_DANGER_600 = "#a10e25";
374
+ var COLOR_LIGHT_DANGER_700 = "#77061b";
375
+ var COLOR_LIGHT_DANGER_800 = "#580013";
376
+ var COLOR_LIGHT_DANGER_900 = "#39000d";
377
+ var COLOR_LIGHT_SUCCESS_0 = "#ffffff";
378
+ var COLOR_LIGHT_SUCCESS_50 = "#f3fef5";
379
+ var COLOR_LIGHT_SUCCESS_100 = "#d7f5dd";
380
+ var COLOR_LIGHT_SUCCESS_200 = "#77ec95";
381
+ var COLOR_LIGHT_SUCCESS_300 = "#4cc76e";
382
+ var COLOR_LIGHT_SUCCESS_400 = "#2ca24d";
383
+ var COLOR_LIGHT_SUCCESS_500 = "#1a7d36";
384
+ var COLOR_LIGHT_SUCCESS_600 = "#0f5d26";
385
+ var COLOR_LIGHT_SUCCESS_700 = "#034318";
386
+ var COLOR_LIGHT_SUCCESS_800 = "#002f0f";
387
+ var COLOR_LIGHT_SUCCESS_900 = "#001d09";
388
+ var COLOR_LIGHT_HIGHLIGHT_0 = "#ffffff";
389
+ var COLOR_LIGHT_HIGHLIGHT_50 = "#fdf7ff";
390
+ var COLOR_LIGHT_HIGHLIGHT_100 = "#f4eaff";
391
+ var COLOR_LIGHT_HIGHLIGHT_200 = "#e1cbff";
392
+ var COLOR_LIGHT_HIGHLIGHT_300 = "#c69eff";
393
+ var COLOR_LIGHT_HIGHLIGHT_400 = "#a374f9";
394
+ var COLOR_LIGHT_HIGHLIGHT_500 = "#814dde";
395
+ var COLOR_LIGHT_HIGHLIGHT_600 = "#5f35ae";
396
+ var COLOR_LIGHT_HIGHLIGHT_700 = "#452382";
397
+ var COLOR_LIGHT_HIGHLIGHT_800 = "#301761";
398
+ var COLOR_LIGHT_HIGHLIGHT_900 = "#1d0a42";
399
+ var COLOR_LIGHT_NEUTRAL_0 = "#ffffff";
400
+ var COLOR_LIGHT_NEUTRAL_50 = "#f7f7f8";
401
+ var COLOR_LIGHT_NEUTRAL_100 = "#ebebef";
402
+ var COLOR_LIGHT_NEUTRAL_200 = "#d8d8df";
403
+ var COLOR_LIGHT_NEUTRAL_300 = "#b9b9c6";
404
+ var COLOR_LIGHT_NEUTRAL_400 = "#8f8fa3";
405
+ var COLOR_LIGHT_NEUTRAL_500 = "#73738c";
406
+ var COLOR_LIGHT_NEUTRAL_600 = "#5a5a72";
407
+ var COLOR_LIGHT_NEUTRAL_700 = "#434356";
408
+ var COLOR_LIGHT_NEUTRAL_800 = "#25252d";
409
+ var COLOR_LIGHT_NEUTRAL_900 = "#131318";
410
+ var COLOR_DARK_PRIMARY_0 = "#000000";
411
+ var COLOR_DARK_PRIMARY_50 = "#3a0819";
412
+ var COLOR_DARK_PRIMARY_100 = "#7e1035";
413
+ var COLOR_DARK_PRIMARY_200 = "#a31545";
414
+ var COLOR_DARK_PRIMARY_300 = "#cb1a56";
415
+ var COLOR_DARK_PRIMARY_400 = "#e91e63";
416
+ var COLOR_DARK_PRIMARY_500 = "#ec407a";
417
+ var COLOR_DARK_PRIMARY_600 = "#f06292";
418
+ var COLOR_DARK_PRIMARY_700 = "#f48fb1";
419
+ var COLOR_DARK_PRIMARY_800 = "#f8bcd0";
420
+ var COLOR_DARK_PRIMARY_900 = "#fce4ec";
421
+ var COLOR_DARK_SECONDARY_0 = "#000000";
422
+ var COLOR_DARK_SECONDARY_50 = "#006218";
423
+ var COLOR_DARK_SECONDARY_100 = "#00812d";
424
+ var COLOR_DARK_SECONDARY_200 = "#009238";
425
+ var COLOR_DARK_SECONDARY_300 = "#16a444";
426
+ var COLOR_DARK_SECONDARY_400 = "#21b34d";
427
+ var COLOR_DARK_SECONDARY_500 = "#4dbf68";
428
+ var COLOR_DARK_SECONDARY_600 = "#70cb83";
429
+ var COLOR_DARK_SECONDARY_700 = "#9bd9a7";
430
+ var COLOR_DARK_SECONDARY_800 = "#c3e8c9";
431
+ var COLOR_DARK_SECONDARY_900 = "#e6f6e9";
432
+ var COLOR_DARK_TERTIARY_0 = "#000000";
433
+ var COLOR_DARK_TERTIARY_50 = "#005a92";
434
+ var COLOR_DARK_TERTIARY_100 = "#087ab4";
435
+ var COLOR_DARK_TERTIARY_200 = "#098bc7";
436
+ var COLOR_DARK_TERTIARY_300 = "#139edb";
437
+ var COLOR_DARK_TERTIARY_400 = "#19ace9";
438
+ var COLOR_DARK_TERTIARY_500 = "#35b8eb";
439
+ var COLOR_DARK_TERTIARY_600 = "#56c5ee";
440
+ var COLOR_DARK_TERTIARY_700 = "#84d5f3";
441
+ var COLOR_DARK_TERTIARY_800 = "#b4e6f7";
442
+ var COLOR_DARK_TERTIARY_900 = "#e1f5fc";
443
+ var COLOR_DARK_INFO_0 = "#000000";
444
+ var COLOR_DARK_INFO_50 = "#00153c";
445
+ var COLOR_DARK_INFO_100 = "#072859";
446
+ var COLOR_DARK_INFO_200 = "#02367d";
447
+ var COLOR_DARK_INFO_300 = "#054da7";
448
+ var COLOR_DARK_INFO_400 = "#096bde";
449
+ var COLOR_DARK_INFO_500 = "#3990ff";
450
+ var COLOR_DARK_INFO_600 = "#6fb6ff";
451
+ var COLOR_DARK_INFO_700 = "#addbff";
452
+ var COLOR_DARK_INFO_800 = "#ddf1ff";
453
+ var COLOR_DARK_INFO_900 = "#f4faff";
454
+ var COLOR_DARK_WARNING_0 = "#000000";
455
+ var COLOR_DARK_WARNING_50 = "#3b2300";
456
+ var COLOR_DARK_WARNING_100 = "#4d2d00";
457
+ var COLOR_DARK_WARNING_200 = "#633c01";
458
+ var COLOR_DARK_WARNING_300 = "#7d4e00";
459
+ var COLOR_DARK_WARNING_400 = "#9a6700";
460
+ var COLOR_DARK_WARNING_500 = "#bf8700";
461
+ var COLOR_DARK_WARNING_600 = "#d4a72c";
462
+ var COLOR_DARK_WARNING_700 = "#eac54f";
463
+ var COLOR_DARK_WARNING_800 = "#fae17d";
464
+ var COLOR_DARK_WARNING_900 = "#fff8c5";
465
+ var COLOR_DARK_DANGER_0 = "#000000";
466
+ var COLOR_DARK_DANGER_50 = "#39000d";
467
+ var COLOR_DARK_DANGER_100 = "#580013";
468
+ var COLOR_DARK_DANGER_200 = "#77061b";
469
+ var COLOR_DARK_DANGER_300 = "#a10e25";
470
+ var COLOR_DARK_DANGER_400 = "#d3232f";
471
+ var COLOR_DARK_DANGER_500 = "#fa5255";
472
+ var COLOR_DARK_DANGER_600 = "#ff9192";
473
+ var COLOR_DARK_DANGER_700 = "#ffc7c5";
474
+ var COLOR_DARK_DANGER_800 = "#ffe9e8";
475
+ var COLOR_DARK_DANGER_900 = "#fff8f6";
476
+ var COLOR_DARK_SUCCESS_0 = "#000000";
477
+ var COLOR_DARK_SUCCESS_50 = "#001d09";
478
+ var COLOR_DARK_SUCCESS_100 = "#002f0f";
479
+ var COLOR_DARK_SUCCESS_200 = "#034318";
480
+ var COLOR_DARK_SUCCESS_300 = "#0f5d26";
481
+ var COLOR_DARK_SUCCESS_400 = "#1a7d36";
482
+ var COLOR_DARK_SUCCESS_500 = "#2ca24d";
483
+ var COLOR_DARK_SUCCESS_600 = "#4cc76e";
484
+ var COLOR_DARK_SUCCESS_700 = "#77ec95";
485
+ var COLOR_DARK_SUCCESS_800 = "#d7f5dd";
486
+ var COLOR_DARK_SUCCESS_900 = "#f3fef5";
487
+ var COLOR_DARK_HIGHLIGHT_0 = "#000000";
488
+ var COLOR_DARK_HIGHLIGHT_50 = "#1d0a42";
489
+ var COLOR_DARK_HIGHLIGHT_100 = "#301761";
490
+ var COLOR_DARK_HIGHLIGHT_200 = "#452382";
491
+ var COLOR_DARK_HIGHLIGHT_300 = "#5f35ae";
492
+ var COLOR_DARK_HIGHLIGHT_400 = "#814dde";
493
+ var COLOR_DARK_HIGHLIGHT_500 = "#a374f9";
494
+ var COLOR_DARK_HIGHLIGHT_600 = "#c69eff";
495
+ var COLOR_DARK_HIGHLIGHT_700 = "#e1cbff";
496
+ var COLOR_DARK_HIGHLIGHT_800 = "#f4eaff";
497
+ var COLOR_DARK_HIGHLIGHT_900 = "#fdf7ff";
498
+ var COLOR_DARK_NEUTRAL_0 = "#000000";
499
+ var COLOR_DARK_NEUTRAL_50 = "#131318";
500
+ var COLOR_DARK_NEUTRAL_100 = "#25252d";
501
+ var COLOR_DARK_NEUTRAL_200 = "#434356";
502
+ var COLOR_DARK_NEUTRAL_300 = "#5a5a72";
503
+ var COLOR_DARK_NEUTRAL_400 = "#73738c";
504
+ var COLOR_DARK_NEUTRAL_500 = "#8f8fa3";
505
+ var COLOR_DARK_NEUTRAL_600 = "#b9b9c6";
506
+ var COLOR_DARK_NEUTRAL_700 = "#d8d8df";
507
+ var COLOR_DARK_NEUTRAL_800 = "#ebebef";
508
+ var COLOR_DARK_NEUTRAL_900 = "#f7f7f8";
509
+ var TYPOGRAPHY_HEADLINE1_FONT_FAMILY = "Nunito, sans-serif";
510
+ var TYPOGRAPHY_HEADLINE1_FONT_SIZE2 = "96px";
511
+ var TYPOGRAPHY_HEADLINE1_LINE_HEIGHT2 = "100px";
512
+ var TYPOGRAPHY_HEADLINE1_FONT_WEIGHT2 = "300";
513
+ var TYPOGRAPHY_HEADLINE1_LETTER_SPACING2 = "-0.25px";
514
+ var TYPOGRAPHY_HEADLINE1_TEXT_DECORATION2 = "none";
515
+ var TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM2 = "none";
516
+ var TYPOGRAPHY_HEADLINE2_FONT_FAMILY = "Nunito, sans-serif";
517
+ var TYPOGRAPHY_HEADLINE2_FONT_SIZE2 = "60px";
518
+ var TYPOGRAPHY_HEADLINE2_LINE_HEIGHT2 = "64px";
519
+ var TYPOGRAPHY_HEADLINE2_FONT_WEIGHT2 = "300";
520
+ var TYPOGRAPHY_HEADLINE2_LETTER_SPACING2 = "-0.13333333333333333px";
521
+ var TYPOGRAPHY_HEADLINE2_TEXT_DECORATION2 = "none";
522
+ var TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM2 = "none";
523
+ var TYPOGRAPHY_HEADLINE3_FONT_FAMILY = "Nunito, sans-serif";
524
+ var TYPOGRAPHY_HEADLINE3_FONT_SIZE2 = "48px";
525
+ var TYPOGRAPHY_HEADLINE3_LINE_HEIGHT2 = "52px";
526
+ var TYPOGRAPHY_HEADLINE3_FONT_WEIGHT2 = "400";
527
+ var TYPOGRAPHY_HEADLINE3_LETTER_SPACING2 = "normal";
528
+ var TYPOGRAPHY_HEADLINE3_TEXT_DECORATION2 = "none";
529
+ var TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM2 = "none";
530
+ var TYPOGRAPHY_HEADLINE4_FONT_FAMILY = "Nunito, sans-serif";
531
+ var TYPOGRAPHY_HEADLINE4_FONT_SIZE2 = "34px";
532
+ var TYPOGRAPHY_HEADLINE4_LINE_HEIGHT2 = "38px";
533
+ var TYPOGRAPHY_HEADLINE4_FONT_WEIGHT2 = "400";
534
+ var TYPOGRAPHY_HEADLINE4_LETTER_SPACING2 = "0.11764705882352941px";
535
+ var TYPOGRAPHY_HEADLINE4_TEXT_DECORATION2 = "none";
536
+ var TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM2 = "none";
537
+ var TYPOGRAPHY_HEADLINE5_FONT_FAMILY = "Nunito, sans-serif";
538
+ var TYPOGRAPHY_HEADLINE5_FONT_SIZE2 = "24px";
539
+ var TYPOGRAPHY_HEADLINE5_LINE_HEIGHT2 = "28px";
540
+ var TYPOGRAPHY_HEADLINE5_FONT_WEIGHT2 = "400";
541
+ var TYPOGRAPHY_HEADLINE5_LETTER_SPACING2 = "normal";
542
+ var TYPOGRAPHY_HEADLINE5_TEXT_DECORATION2 = "none";
543
+ var TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM2 = "none";
544
+ var TYPOGRAPHY_HEADLINE6_FONT_FAMILY = "Nunito, sans-serif";
545
+ var TYPOGRAPHY_HEADLINE6_FONT_SIZE2 = "20px";
546
+ var TYPOGRAPHY_HEADLINE6_LINE_HEIGHT2 = "24px";
547
+ var TYPOGRAPHY_HEADLINE6_FONT_WEIGHT2 = "500";
548
+ var TYPOGRAPHY_HEADLINE6_LETTER_SPACING2 = "0.2px";
549
+ var TYPOGRAPHY_HEADLINE6_TEXT_DECORATION2 = "none";
550
+ var TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM2 = "none";
551
+ var TYPOGRAPHY_SUBTITLE1_FONT_FAMILY = "Nunito, sans-serif";
552
+ var TYPOGRAPHY_SUBTITLE1_FONT_SIZE = "16px";
553
+ var TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT = "20px";
554
+ var TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT = "400";
555
+ var TYPOGRAPHY_SUBTITLE1_LETTER_SPACING = "0.15px";
556
+ var TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION = "none";
557
+ var TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM = "none";
558
+ var TYPOGRAPHY_SUBTITLE2_FONT_FAMILY = "Nunito, sans-serif";
559
+ var TYPOGRAPHY_SUBTITLE2_FONT_SIZE = "14px";
560
+ var TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT = "18px";
561
+ var TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT = "500";
562
+ var TYPOGRAPHY_SUBTITLE2_LETTER_SPACING = "0.1142857142857143px";
563
+ var TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION = "none";
564
+ var TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM = "none";
565
+ var TYPOGRAPHY_BODY1_FONT_FAMILY = "Nunito, sans-serif";
566
+ var TYPOGRAPHY_BODY1_FONT_SIZE = "16px";
567
+ var TYPOGRAPHY_BODY1_LINE_HEIGHT = "20px";
568
+ var TYPOGRAPHY_BODY1_FONT_WEIGHT = "400";
569
+ var TYPOGRAPHY_BODY1_LETTER_SPACING = "0.5px";
570
+ var TYPOGRAPHY_BODY1_TEXT_DECORATION = "none";
571
+ var TYPOGRAPHY_BODY1_TEXT_TRANSFORM = "none";
572
+ var TYPOGRAPHY_BODY2_FONT_FAMILY = "Nunito, sans-serif";
573
+ var TYPOGRAPHY_BODY2_FONT_SIZE = "14px";
574
+ var TYPOGRAPHY_BODY2_LINE_HEIGHT = "18px";
575
+ var TYPOGRAPHY_BODY2_FONT_WEIGHT = "400";
576
+ var TYPOGRAPHY_BODY2_LETTER_SPACING = "0.2857142857142857px";
577
+ var TYPOGRAPHY_BODY2_TEXT_DECORATION = "none";
578
+ var TYPOGRAPHY_BODY2_TEXT_TRANSFORM = "none";
579
+ var TYPOGRAPHY_CAPTION_FONT_FAMILY = "Nunito, sans-serif";
580
+ var TYPOGRAPHY_CAPTION_FONT_SIZE = "12px";
581
+ var TYPOGRAPHY_CAPTION_LINE_HEIGHT = "16px";
582
+ var TYPOGRAPHY_CAPTION_FONT_WEIGHT = "400";
583
+ var TYPOGRAPHY_CAPTION_LETTER_SPACING = "0.5333333333333333px";
584
+ var TYPOGRAPHY_CAPTION_TEXT_DECORATION = "none";
585
+ var TYPOGRAPHY_CAPTION_TEXT_TRANSFORM = "none";
586
+ var TYPOGRAPHY_BUTTON_FONT_FAMILY = "Nunito, sans-serif";
587
+ var TYPOGRAPHY_BUTTON_FONT_SIZE = "14px";
588
+ var TYPOGRAPHY_BUTTON_LINE_HEIGHT = "18px";
589
+ var TYPOGRAPHY_BUTTON_FONT_WEIGHT = "700";
590
+ var TYPOGRAPHY_BUTTON_LETTER_SPACING = "1.4285714285714286px";
591
+ var TYPOGRAPHY_BUTTON_TEXT_DECORATION = "none";
592
+ var TYPOGRAPHY_BUTTON_TEXT_TRANSFORM = "none";
593
+ var TYPOGRAPHY_OVERLINE_FONT_FAMILY = "Nunito, sans-serif";
594
+ var TYPOGRAPHY_OVERLINE_FONT_SIZE = "12px";
595
+ var TYPOGRAPHY_OVERLINE_LINE_HEIGHT = "16px";
596
+ var TYPOGRAPHY_OVERLINE_FONT_WEIGHT = "500";
597
+ var TYPOGRAPHY_OVERLINE_LETTER_SPACING = "2.6666666666666665px";
598
+ var TYPOGRAPHY_OVERLINE_TEXT_DECORATION = "none";
599
+ var TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM = "none";
600
+ var ELEVATION_LIGHT_LIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)";
601
+ var ELEVATION_LIGHT_SEMILIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)";
602
+ var ELEVATION_LIGHT_REGULAR = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)";
603
+ var ELEVATION_LIGHT_SEMIBOLD = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)";
604
+ var ELEVATION_LIGHT_BOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)";
605
+ var ELEVATION_LIGHT_EXTRABOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)";
606
+ var ELEVATION_DARK_LIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)";
607
+ var ELEVATION_DARK_SEMILIGHT = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)";
608
+ var ELEVATION_DARK_REGULAR = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)";
609
+ var ELEVATION_DARK_SEMIBOLD = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)";
610
+ var ELEVATION_DARK_BOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)";
611
+ var ELEVATION_DARK_EXTRABOLD = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)";
612
+ var TYPOGRAPHY_KEY_HEADLINE1 = "headline1";
613
+ var TYPOGRAPHY_KEY_HEADLINE2 = "headline2";
614
+ var TYPOGRAPHY_KEY_HEADLINE3 = "headline3";
615
+ var TYPOGRAPHY_KEY_HEADLINE4 = "headline4";
616
+ var TYPOGRAPHY_KEY_HEADLINE5 = "headline5";
617
+ var TYPOGRAPHY_KEY_HEADLINE6 = "headline6";
618
+ var TYPOGRAPHY_KEY_SUBTITLE1 = "subtitle1";
619
+ var TYPOGRAPHY_KEY_SUBTITLE2 = "subtitle2";
620
+ var TYPOGRAPHY_KEY_BODY1 = "body1";
621
+ var TYPOGRAPHY_KEY_BODY2 = "body2";
622
+ var TYPOGRAPHY_KEY_CAPTION = "caption";
623
+ var TYPOGRAPHY_KEY_BUTTON = "button";
624
+ var TYPOGRAPHY_KEY_OVERLINE = "overline";
625
+ var ELEVATION_KEY_LIGHT = "light";
626
+ var ELEVATION_KEY_SEMILIGHT = "semilight";
627
+ var ELEVATION_KEY_REGULAR = "regular";
628
+ var ELEVATION_KEY_SEMIBOLD = "semibold";
629
+ var ELEVATION_KEY_BOLD = "bold";
630
+ var ELEVATION_KEY_EXTRABOLD = "extrabold";
631
+ var VARIANT_PRIMARY = "primary";
632
+ var VARIANT_SECONDARY = "secondary";
633
+ var VARIANT_TERTIARY = "tertiary";
634
+ var VARIANT_DANGER = "danger";
635
+ var VARIANT_WARNING = "warning";
636
+ var VARIANT_SUCCESS = "success";
637
+ var VARIANT_INFO = "info";
638
+ var VARIANT_HIGHLIGHT = "highlight";
639
+ var VARIANT_NEUTRAL = "neutral";
640
+
641
+ // src/Theming/JoyTheme.ts
642
+ (function(JoyTheme2) {
643
+ JoyTheme2.JOY_THEME = ThemeFactory.create({
644
+ name: NAME2,
645
+ scheme: {
646
+ light: {
647
+ background: SCHEME_LIGHT_BACKGROUND,
648
+ foreground: SCHEME_LIGHT_FOREGROUND,
649
+ highlight: SCHEME_LIGHT_HIGHLIGHT,
650
+ middlelight: SCHEME_LIGHT_MIDDLELIGHT,
651
+ lowlight: SCHEME_LIGHT_LOWLIGHT,
652
+ transparent: SCHEME_LIGHT_TRANSPARENT,
653
+ semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT,
654
+ disabled: SCHEME_LIGHT_DISABLED,
655
+ contrast: SCHEME_LIGHT_CONTRAST,
656
+ selection: SCHEME_LIGHT_SELECTION
657
+ },
658
+ dark: {
659
+ background: SCHEME_DARK_BACKGROUND,
660
+ foreground: SCHEME_DARK_FOREGROUND,
661
+ highlight: SCHEME_DARK_HIGHLIGHT,
662
+ middlelight: SCHEME_DARK_MIDDLELIGHT,
663
+ lowlight: SCHEME_DARK_LOWLIGHT,
664
+ transparent: SCHEME_DARK_TRANSPARENT,
665
+ semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT,
666
+ disabled: SCHEME_DARK_DISABLED,
667
+ contrast: SCHEME_DARK_CONTRAST,
668
+ selection: SCHEME_DARK_SELECTION
669
+ }
670
+ },
671
+ palette: {
672
+ light: {
673
+ primary: {
674
+ 0: COLOR_LIGHT_PRIMARY_0,
675
+ 50: COLOR_LIGHT_PRIMARY_50,
676
+ 100: COLOR_LIGHT_PRIMARY_1002,
677
+ 200: COLOR_LIGHT_PRIMARY_2002,
678
+ 300: COLOR_LIGHT_PRIMARY_3002,
679
+ 400: COLOR_LIGHT_PRIMARY_4002,
680
+ 500: COLOR_LIGHT_PRIMARY_5002,
681
+ 600: COLOR_LIGHT_PRIMARY_6002,
682
+ 700: COLOR_LIGHT_PRIMARY_7002,
683
+ 800: COLOR_LIGHT_PRIMARY_8002,
684
+ 900: COLOR_LIGHT_PRIMARY_9002
685
+ },
686
+ secondary: {
687
+ 0: COLOR_LIGHT_SECONDARY_0,
688
+ 50: COLOR_LIGHT_SECONDARY_50,
689
+ 100: COLOR_LIGHT_SECONDARY_1002,
690
+ 200: COLOR_LIGHT_SECONDARY_2002,
691
+ 300: COLOR_LIGHT_SECONDARY_3002,
692
+ 400: COLOR_LIGHT_SECONDARY_4002,
693
+ 500: COLOR_LIGHT_SECONDARY_5002,
694
+ 600: COLOR_LIGHT_SECONDARY_6002,
695
+ 700: COLOR_LIGHT_SECONDARY_7002,
696
+ 800: COLOR_LIGHT_SECONDARY_8002,
697
+ 900: COLOR_LIGHT_SECONDARY_9002
698
+ },
699
+ tertiary: {
700
+ 0: COLOR_LIGHT_TERTIARY_0,
701
+ 50: COLOR_LIGHT_TERTIARY_50,
702
+ 100: COLOR_LIGHT_TERTIARY_100,
703
+ 200: COLOR_LIGHT_TERTIARY_200,
704
+ 300: COLOR_LIGHT_TERTIARY_300,
705
+ 400: COLOR_LIGHT_TERTIARY_400,
706
+ 500: COLOR_LIGHT_TERTIARY_500,
707
+ 600: COLOR_LIGHT_TERTIARY_600,
708
+ 700: COLOR_LIGHT_TERTIARY_700,
709
+ 800: COLOR_LIGHT_TERTIARY_800,
710
+ 900: COLOR_LIGHT_TERTIARY_900
711
+ },
712
+ info: {
713
+ 0: COLOR_LIGHT_INFO_0,
714
+ 50: COLOR_LIGHT_INFO_50,
715
+ 100: COLOR_LIGHT_INFO_100,
716
+ 200: COLOR_LIGHT_INFO_200,
717
+ 300: COLOR_LIGHT_INFO_300,
718
+ 400: COLOR_LIGHT_INFO_400,
719
+ 500: COLOR_LIGHT_INFO_500,
720
+ 600: COLOR_LIGHT_INFO_600,
721
+ 700: COLOR_LIGHT_INFO_700,
722
+ 800: COLOR_LIGHT_INFO_800,
723
+ 900: COLOR_LIGHT_INFO_900
724
+ },
725
+ warning: {
726
+ 0: COLOR_LIGHT_WARNING_0,
727
+ 50: COLOR_LIGHT_WARNING_50,
728
+ 100: COLOR_LIGHT_WARNING_100,
729
+ 200: COLOR_LIGHT_WARNING_200,
730
+ 300: COLOR_LIGHT_WARNING_300,
731
+ 400: COLOR_LIGHT_WARNING_400,
732
+ 500: COLOR_LIGHT_WARNING_500,
733
+ 600: COLOR_LIGHT_WARNING_600,
734
+ 700: COLOR_LIGHT_WARNING_700,
735
+ 800: COLOR_LIGHT_WARNING_800,
736
+ 900: COLOR_LIGHT_WARNING_900
737
+ },
738
+ danger: {
739
+ 0: COLOR_LIGHT_DANGER_0,
740
+ 50: COLOR_LIGHT_DANGER_50,
741
+ 100: COLOR_LIGHT_DANGER_100,
742
+ 200: COLOR_LIGHT_DANGER_200,
743
+ 300: COLOR_LIGHT_DANGER_300,
744
+ 400: COLOR_LIGHT_DANGER_400,
745
+ 500: COLOR_LIGHT_DANGER_500,
746
+ 600: COLOR_LIGHT_DANGER_600,
747
+ 700: COLOR_LIGHT_DANGER_700,
748
+ 800: COLOR_LIGHT_DANGER_800,
749
+ 900: COLOR_LIGHT_DANGER_900
750
+ },
751
+ success: {
752
+ 0: COLOR_LIGHT_SUCCESS_0,
753
+ 50: COLOR_LIGHT_SUCCESS_50,
754
+ 100: COLOR_LIGHT_SUCCESS_100,
755
+ 200: COLOR_LIGHT_SUCCESS_200,
756
+ 300: COLOR_LIGHT_SUCCESS_300,
757
+ 400: COLOR_LIGHT_SUCCESS_400,
758
+ 500: COLOR_LIGHT_SUCCESS_500,
759
+ 600: COLOR_LIGHT_SUCCESS_600,
760
+ 700: COLOR_LIGHT_SUCCESS_700,
761
+ 800: COLOR_LIGHT_SUCCESS_800,
762
+ 900: COLOR_LIGHT_SUCCESS_900
763
+ },
764
+ highlight: {
765
+ 0: COLOR_LIGHT_HIGHLIGHT_0,
766
+ 50: COLOR_LIGHT_HIGHLIGHT_50,
767
+ 100: COLOR_LIGHT_HIGHLIGHT_100,
768
+ 200: COLOR_LIGHT_HIGHLIGHT_200,
769
+ 300: COLOR_LIGHT_HIGHLIGHT_300,
770
+ 400: COLOR_LIGHT_HIGHLIGHT_400,
771
+ 500: COLOR_LIGHT_HIGHLIGHT_500,
772
+ 600: COLOR_LIGHT_HIGHLIGHT_600,
773
+ 700: COLOR_LIGHT_HIGHLIGHT_700,
774
+ 800: COLOR_LIGHT_HIGHLIGHT_800,
775
+ 900: COLOR_LIGHT_HIGHLIGHT_900
776
+ },
777
+ neutral: {
778
+ 0: COLOR_LIGHT_NEUTRAL_0,
779
+ 50: COLOR_LIGHT_NEUTRAL_50,
780
+ 100: COLOR_LIGHT_NEUTRAL_100,
781
+ 200: COLOR_LIGHT_NEUTRAL_200,
782
+ 300: COLOR_LIGHT_NEUTRAL_300,
783
+ 400: COLOR_LIGHT_NEUTRAL_400,
784
+ 500: COLOR_LIGHT_NEUTRAL_500,
785
+ 600: COLOR_LIGHT_NEUTRAL_600,
786
+ 700: COLOR_LIGHT_NEUTRAL_700,
787
+ 800: COLOR_LIGHT_NEUTRAL_800,
788
+ 900: COLOR_LIGHT_NEUTRAL_900
789
+ }
790
+ },
791
+ dark: {
792
+ primary: {
793
+ 0: COLOR_DARK_PRIMARY_0,
794
+ 50: COLOR_DARK_PRIMARY_50,
795
+ 100: COLOR_DARK_PRIMARY_100,
796
+ 200: COLOR_DARK_PRIMARY_200,
797
+ 300: COLOR_DARK_PRIMARY_300,
798
+ 400: COLOR_DARK_PRIMARY_400,
799
+ 500: COLOR_DARK_PRIMARY_500,
800
+ 600: COLOR_DARK_PRIMARY_600,
801
+ 700: COLOR_DARK_PRIMARY_700,
802
+ 800: COLOR_DARK_PRIMARY_800,
803
+ 900: COLOR_DARK_PRIMARY_900
804
+ },
805
+ secondary: {
806
+ 0: COLOR_DARK_SECONDARY_0,
807
+ 50: COLOR_DARK_SECONDARY_50,
808
+ 100: COLOR_DARK_SECONDARY_100,
809
+ 200: COLOR_DARK_SECONDARY_200,
810
+ 300: COLOR_DARK_SECONDARY_300,
811
+ 400: COLOR_DARK_SECONDARY_400,
812
+ 500: COLOR_DARK_SECONDARY_500,
813
+ 600: COLOR_DARK_SECONDARY_600,
814
+ 700: COLOR_DARK_SECONDARY_700,
815
+ 800: COLOR_DARK_SECONDARY_800,
816
+ 900: COLOR_DARK_SECONDARY_900
817
+ },
818
+ tertiary: {
819
+ 0: COLOR_DARK_TERTIARY_0,
820
+ 50: COLOR_DARK_TERTIARY_50,
821
+ 100: COLOR_DARK_TERTIARY_100,
822
+ 200: COLOR_DARK_TERTIARY_200,
823
+ 300: COLOR_DARK_TERTIARY_300,
824
+ 400: COLOR_DARK_TERTIARY_400,
825
+ 500: COLOR_DARK_TERTIARY_500,
826
+ 600: COLOR_DARK_TERTIARY_600,
827
+ 700: COLOR_DARK_TERTIARY_700,
828
+ 800: COLOR_DARK_TERTIARY_800,
829
+ 900: COLOR_DARK_TERTIARY_900
830
+ },
831
+ info: {
832
+ 0: COLOR_DARK_INFO_0,
833
+ 50: COLOR_DARK_INFO_50,
834
+ 100: COLOR_DARK_INFO_100,
835
+ 200: COLOR_DARK_INFO_200,
836
+ 300: COLOR_DARK_INFO_300,
837
+ 400: COLOR_DARK_INFO_400,
838
+ 500: COLOR_DARK_INFO_500,
839
+ 600: COLOR_DARK_INFO_600,
840
+ 700: COLOR_DARK_INFO_700,
841
+ 800: COLOR_DARK_INFO_800,
842
+ 900: COLOR_DARK_INFO_900
843
+ },
844
+ warning: {
845
+ 0: COLOR_DARK_WARNING_0,
846
+ 50: COLOR_DARK_WARNING_50,
847
+ 100: COLOR_DARK_WARNING_100,
848
+ 200: COLOR_DARK_WARNING_200,
849
+ 300: COLOR_DARK_WARNING_300,
850
+ 400: COLOR_DARK_WARNING_400,
851
+ 500: COLOR_DARK_WARNING_500,
852
+ 600: COLOR_DARK_WARNING_600,
853
+ 700: COLOR_DARK_WARNING_700,
854
+ 800: COLOR_DARK_WARNING_800,
855
+ 900: COLOR_DARK_WARNING_900
856
+ },
857
+ danger: {
858
+ 0: COLOR_DARK_DANGER_0,
859
+ 50: COLOR_DARK_DANGER_50,
860
+ 100: COLOR_DARK_DANGER_100,
861
+ 200: COLOR_DARK_DANGER_200,
862
+ 300: COLOR_DARK_DANGER_300,
863
+ 400: COLOR_DARK_DANGER_400,
864
+ 500: COLOR_DARK_DANGER_500,
865
+ 600: COLOR_DARK_DANGER_600,
866
+ 700: COLOR_DARK_DANGER_700,
867
+ 800: COLOR_DARK_DANGER_800,
868
+ 900: COLOR_DARK_DANGER_900
869
+ },
870
+ success: {
871
+ 0: COLOR_DARK_SUCCESS_0,
872
+ 50: COLOR_DARK_SUCCESS_50,
873
+ 100: COLOR_DARK_SUCCESS_100,
874
+ 200: COLOR_DARK_SUCCESS_200,
875
+ 300: COLOR_DARK_SUCCESS_300,
876
+ 400: COLOR_DARK_SUCCESS_400,
877
+ 500: COLOR_DARK_SUCCESS_500,
878
+ 600: COLOR_DARK_SUCCESS_600,
879
+ 700: COLOR_DARK_SUCCESS_700,
880
+ 800: COLOR_DARK_SUCCESS_800,
881
+ 900: COLOR_DARK_SUCCESS_900
882
+ },
883
+ highlight: {
884
+ 0: COLOR_DARK_HIGHLIGHT_0,
885
+ 50: COLOR_DARK_HIGHLIGHT_50,
886
+ 100: COLOR_DARK_HIGHLIGHT_100,
887
+ 200: COLOR_DARK_HIGHLIGHT_200,
888
+ 300: COLOR_DARK_HIGHLIGHT_300,
889
+ 400: COLOR_DARK_HIGHLIGHT_400,
890
+ 500: COLOR_DARK_HIGHLIGHT_500,
891
+ 600: COLOR_DARK_HIGHLIGHT_600,
892
+ 700: COLOR_DARK_HIGHLIGHT_700,
893
+ 800: COLOR_DARK_HIGHLIGHT_800,
894
+ 900: COLOR_DARK_HIGHLIGHT_900
895
+ },
896
+ neutral: {
897
+ 0: COLOR_DARK_NEUTRAL_0,
898
+ 50: COLOR_DARK_NEUTRAL_50,
899
+ 100: COLOR_DARK_NEUTRAL_100,
900
+ 200: COLOR_DARK_NEUTRAL_200,
901
+ 300: COLOR_DARK_NEUTRAL_300,
902
+ 400: COLOR_DARK_NEUTRAL_400,
903
+ 500: COLOR_DARK_NEUTRAL_500,
904
+ 600: COLOR_DARK_NEUTRAL_600,
905
+ 700: COLOR_DARK_NEUTRAL_700,
906
+ 800: COLOR_DARK_NEUTRAL_800,
907
+ 900: COLOR_DARK_NEUTRAL_900
908
+ }
909
+ }
910
+ },
911
+ fontFamily: FONT_FAMILY2,
912
+ typography: {
913
+ headline1: {
914
+ fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY,
915
+ fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE2,
916
+ lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT2,
917
+ fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT2,
918
+ letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING2,
919
+ textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION2,
920
+ textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM2
921
+ },
922
+ headline2: {
923
+ fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY,
924
+ fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE2,
925
+ lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT2,
926
+ fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT2,
927
+ letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING2,
928
+ textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION2,
929
+ textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM2
930
+ },
931
+ headline3: {
932
+ fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY,
933
+ fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE2,
934
+ lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT2,
935
+ fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT2,
936
+ letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING2,
937
+ textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION2,
938
+ textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM2
939
+ },
940
+ headline4: {
941
+ fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY,
942
+ fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE2,
943
+ lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT2,
944
+ fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT2,
945
+ letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING2,
946
+ textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION2,
947
+ textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM2
948
+ },
949
+ headline5: {
950
+ fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY,
951
+ fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE2,
952
+ lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT2,
953
+ fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT2,
954
+ letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING2,
955
+ textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION2,
956
+ textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM2
957
+ },
958
+ headline6: {
959
+ fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY,
960
+ fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE2,
961
+ lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT2,
962
+ fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT2,
963
+ letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING2,
964
+ textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION2,
965
+ textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM2
966
+ },
967
+ subtitle1: {
968
+ fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY,
969
+ fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE,
970
+ lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT,
971
+ fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT,
972
+ letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING,
973
+ textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION,
974
+ textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM
975
+ },
976
+ subtitle2: {
977
+ fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY,
978
+ fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE,
979
+ lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT,
980
+ fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT,
981
+ letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING,
982
+ textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION,
983
+ textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM
984
+ },
985
+ body1: {
986
+ fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY,
987
+ fontSize: TYPOGRAPHY_BODY1_FONT_SIZE,
988
+ lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT,
989
+ fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT,
990
+ letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING,
991
+ textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION,
992
+ textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM
993
+ },
994
+ body2: {
995
+ fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY,
996
+ fontSize: TYPOGRAPHY_BODY2_FONT_SIZE,
997
+ lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT,
998
+ fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT,
999
+ letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING,
1000
+ textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION,
1001
+ textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM
1002
+ },
1003
+ caption: {
1004
+ fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY,
1005
+ fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE,
1006
+ lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT,
1007
+ fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT,
1008
+ letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING,
1009
+ textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION,
1010
+ textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM
1011
+ },
1012
+ overline: {
1013
+ fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY,
1014
+ fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE,
1015
+ lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT,
1016
+ fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT,
1017
+ letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING,
1018
+ textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION,
1019
+ textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM
1020
+ },
1021
+ button: {
1022
+ fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY,
1023
+ fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE,
1024
+ lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT,
1025
+ fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT,
1026
+ letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING,
1027
+ textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION,
1028
+ textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM
1029
+ }
1030
+ },
1031
+ layout: {
1032
+ radius: LAYOUT_RADIUS2,
1033
+ space: LAYOUT_SPACE2,
1034
+ thickness: LAYOUT_THICKNESS2
1035
+ },
1036
+ elevation: {
1037
+ light: {
1038
+ light: ELEVATION_LIGHT_LIGHT,
1039
+ semilight: ELEVATION_LIGHT_SEMILIGHT,
1040
+ regular: ELEVATION_LIGHT_REGULAR,
1041
+ semibold: ELEVATION_LIGHT_SEMIBOLD,
1042
+ bold: ELEVATION_LIGHT_BOLD,
1043
+ extrabold: ELEVATION_LIGHT_EXTRABOLD
1044
+ },
1045
+ dark: {
1046
+ light: ELEVATION_DARK_LIGHT,
1047
+ semilight: ELEVATION_DARK_SEMILIGHT,
1048
+ regular: ELEVATION_DARK_REGULAR,
1049
+ semibold: ELEVATION_DARK_SEMIBOLD,
1050
+ bold: ELEVATION_DARK_BOLD,
1051
+ extrabold: ELEVATION_DARK_EXTRABOLD
1052
+ }
1053
+ }
1054
+ });
1055
+ JoyTheme2.JOY_THEME_PALETTES = [
1056
+ VARIANT_PRIMARY,
1057
+ VARIANT_SECONDARY,
1058
+ VARIANT_TERTIARY,
1059
+ VARIANT_DANGER,
1060
+ VARIANT_INFO,
1061
+ VARIANT_WARNING,
1062
+ VARIANT_SUCCESS,
1063
+ VARIANT_HIGHLIGHT,
1064
+ VARIANT_NEUTRAL
1065
+ ];
1066
+ JoyTheme2.JOY_THEME_PALETTE_VARIANTS = [
1067
+ "0",
1068
+ "50",
1069
+ "100",
1070
+ "200",
1071
+ "300",
1072
+ "400",
1073
+ "500",
1074
+ "600",
1075
+ "700",
1076
+ "800",
1077
+ "900"
1078
+ ];
1079
+ JoyTheme2.JOY_THEME_SCHEMES = [
1080
+ "light",
1081
+ "dark"
1082
+ ];
1083
+ JoyTheme2.JOY_THEME_SCHEME_VARIANTS = [
1084
+ "background",
1085
+ "foreground",
1086
+ "highlight",
1087
+ "middlelight",
1088
+ "lowlight",
1089
+ "transparent",
1090
+ "semiTransparent",
1091
+ "disabled",
1092
+ "contrast",
1093
+ "selection"
1094
+ ];
1095
+ JoyTheme2.JOY_THEME_ELEVATION = [
1096
+ "light",
1097
+ "dark"
1098
+ ];
1099
+ JoyTheme2.JOY_THEME_ELEVATION_VARIANTS = [
1100
+ ELEVATION_KEY_LIGHT,
1101
+ ELEVATION_KEY_SEMILIGHT,
1102
+ ELEVATION_KEY_REGULAR,
1103
+ ELEVATION_KEY_SEMIBOLD,
1104
+ ELEVATION_KEY_BOLD,
1105
+ ELEVATION_KEY_EXTRABOLD
1106
+ ];
1107
+ JoyTheme2.JOY_THEME_TYPOGRAPHY = [
1108
+ TYPOGRAPHY_KEY_HEADLINE1,
1109
+ TYPOGRAPHY_KEY_HEADLINE2,
1110
+ TYPOGRAPHY_KEY_HEADLINE3,
1111
+ TYPOGRAPHY_KEY_HEADLINE4,
1112
+ TYPOGRAPHY_KEY_HEADLINE5,
1113
+ TYPOGRAPHY_KEY_HEADLINE6,
1114
+ TYPOGRAPHY_KEY_SUBTITLE1,
1115
+ TYPOGRAPHY_KEY_SUBTITLE2,
1116
+ TYPOGRAPHY_KEY_BODY1,
1117
+ TYPOGRAPHY_KEY_BODY2,
1118
+ TYPOGRAPHY_KEY_CAPTION,
1119
+ TYPOGRAPHY_KEY_OVERLINE,
1120
+ TYPOGRAPHY_KEY_BUTTON
1121
+ ];
1122
+ JoyTheme2.JOY_THEME_METADATA = {
1123
+ theme: JoyTheme2.JOY_THEME,
1124
+ palettes: JoyTheme2.JOY_THEME_PALETTES,
1125
+ paletteVariants: JoyTheme2.JOY_THEME_PALETTE_VARIANTS,
1126
+ schemes: JoyTheme2.JOY_THEME_SCHEMES,
1127
+ schemeVariants: JoyTheme2.JOY_THEME_SCHEME_VARIANTS,
1128
+ elevation: JoyTheme2.JOY_THEME_ELEVATION,
1129
+ elevationVariants: JoyTheme2.JOY_THEME_ELEVATION_VARIANTS,
1130
+ typographies: JoyTheme2.JOY_THEME_TYPOGRAPHY
1131
+ };
1132
+ })(JoyTheme || (JoyTheme = {}));
1133
+ var JoyTheme;
1134
+
1135
+ // src/Theming/Tokens/MemphisTokens.ts
1136
+ var NAME3 = "memphis";
1137
+ var FONT_FAMILY3 = "Nunito, sans-serif";
1138
+ var LAYOUT_RADIUS3 = "0px";
1139
+ var LAYOUT_SPACE3 = "10px";
1140
+ var LAYOUT_THICKNESS3 = "3px";
1141
+ var SCHEME_LIGHT_BACKGROUND2 = "#eaeaea";
1142
+ var SCHEME_LIGHT_FOREGROUND2 = "#3c454f";
1143
+ var SCHEME_LIGHT_HIGHLIGHT2 = "#d1d1d1";
1144
+ var SCHEME_LIGHT_MIDDLELIGHT2 = "#8a8a8a";
1145
+ var SCHEME_LIGHT_LOWLIGHT2 = "#5c5c5c";
1146
+ var SCHEME_LIGHT_TRANSPARENT2 = "rgba(255, 255, 255, 0)";
1147
+ var SCHEME_LIGHT_SEMI_TRANSPARENT2 = "rgba(255, 255, 255, 0.67)";
1148
+ var SCHEME_LIGHT_DISABLED2 = "#686868";
1149
+ var SCHEME_LIGHT_CONTRAST2 = "#333333";
1150
+ var SCHEME_DARK_BACKGROUND2 = "#151515";
1151
+ var SCHEME_DARK_FOREGROUND2 = "#c3bab0";
1152
+ var SCHEME_DARK_HIGHLIGHT2 = "#2e2e2e";
1153
+ var SCHEME_DARK_MIDDLELIGHT2 = "#757575";
1154
+ var SCHEME_DARK_LOWLIGHT2 = "#a3a3a3";
1155
+ var SCHEME_DARK_TRANSPARENT2 = "rgba(255, 255, 255, 0)";
1156
+ var SCHEME_DARK_SEMI_TRANSPARENT2 = "rgba(0, 0, 0, 0.67)";
1157
+ var SCHEME_DARK_DISABLED2 = "#474747";
1158
+ var SCHEME_DARK_CONTRAST2 = "#ffffff";
1159
+ var COLOR_LIGHT_PRIMARY_02 = "#ffffff";
1160
+ var COLOR_LIGHT_PRIMARY_502 = "#f9f9f9";
1161
+ var COLOR_LIGHT_PRIMARY_1003 = "#f2f2f2";
1162
+ var COLOR_LIGHT_PRIMARY_2003 = "#e8e8e8";
1163
+ var COLOR_LIGHT_PRIMARY_3003 = "#d8d8d8";
1164
+ var COLOR_LIGHT_PRIMARY_4003 = "#b4b4b4";
1165
+ var COLOR_LIGHT_PRIMARY_5003 = "#949494";
1166
+ var COLOR_LIGHT_PRIMARY_6003 = "#6c6c6c";
1167
+ var COLOR_LIGHT_PRIMARY_7003 = "#595959";
1168
+ var COLOR_LIGHT_PRIMARY_8003 = "#3a3a3a";
1169
+ var COLOR_LIGHT_PRIMARY_9003 = "#1a1a1a";
1170
+ var COLOR_LIGHT_SECONDARY_02 = "#ffffff";
1171
+ var COLOR_LIGHT_SECONDARY_502 = "#e1f3ef";
1172
+ var COLOR_LIGHT_SECONDARY_1003 = "#b5e0d6";
1173
+ var COLOR_LIGHT_SECONDARY_2003 = "#85cdbc";
1174
+ var COLOR_LIGHT_SECONDARY_3003 = "#57b9a2";
1175
+ var COLOR_LIGHT_SECONDARY_4003 = "#38a990";
1176
+ var COLOR_LIGHT_SECONDARY_5003 = "#24997e";
1177
+ var COLOR_LIGHT_SECONDARY_6003 = "#208c71";
1178
+ var COLOR_LIGHT_SECONDARY_7003 = "#1b7c62";
1179
+ var COLOR_LIGHT_SECONDARY_8003 = "#166c54";
1180
+ var COLOR_LIGHT_SECONDARY_9003 = "#0d503a";
1181
+ var COLOR_LIGHT_INFO_02 = "#ffffff";
1182
+ var COLOR_LIGHT_INFO_502 = "#e8eaf9";
1183
+ var COLOR_LIGHT_INFO_1002 = "#c6c9f1";
1184
+ var COLOR_LIGHT_INFO_2002 = "#9fa7e7";
1185
+ var COLOR_LIGHT_INFO_3002 = "#7884dd";
1186
+ var COLOR_LIGHT_INFO_4002 = "#5968d6";
1187
+ var COLOR_LIGHT_INFO_5002 = "#394dcd";
1188
+ var COLOR_LIGHT_INFO_6002 = "#3344c2";
1189
+ var COLOR_LIGHT_INFO_7002 = "#293ab6";
1190
+ var COLOR_LIGHT_INFO_8002 = "#202faa";
1191
+ var COLOR_LIGHT_INFO_9002 = "#0a1a97";
1192
+ var COLOR_LIGHT_WARNING_02 = "#ffffff";
1193
+ var COLOR_LIGHT_WARNING_502 = "#fcfce5";
1194
+ var COLOR_LIGHT_WARNING_1002 = "#f7f6bf";
1195
+ var COLOR_LIGHT_WARNING_2002 = "#f1f294";
1196
+ var COLOR_LIGHT_WARNING_3002 = "#ebec67";
1197
+ var COLOR_LIGHT_WARNING_4002 = "#e5e741";
1198
+ var COLOR_LIGHT_WARNING_5002 = "#dfe300";
1199
+ var COLOR_LIGHT_WARNING_6002 = "#d1d100";
1200
+ var COLOR_LIGHT_WARNING_7002 = "#bfba00";
1201
+ var COLOR_LIGHT_WARNING_8002 = "#aea300";
1202
+ var COLOR_LIGHT_WARNING_9002 = "#927c00";
1203
+ var COLOR_LIGHT_DANGER_02 = "#ffffff";
1204
+ var COLOR_LIGHT_DANGER_502 = "#fcecef";
1205
+ var COLOR_LIGHT_DANGER_1002 = "#f8d0d5";
1206
+ var COLOR_LIGHT_DANGER_2002 = "#e69fa1";
1207
+ var COLOR_LIGHT_DANGER_3002 = "#d97b7d";
1208
+ var COLOR_LIGHT_DANGER_4002 = "#e35f5f";
1209
+ var COLOR_LIGHT_DANGER_5002 = "#e8524a";
1210
+ var COLOR_LIGHT_DANGER_6002 = "#d94a47";
1211
+ var COLOR_LIGHT_DANGER_7002 = "#c74141";
1212
+ var COLOR_LIGHT_DANGER_8002 = "#b93c3a";
1213
+ var COLOR_LIGHT_DANGER_9002 = "#ab322f";
1214
+ var COLOR_LIGHT_SUCCESS_02 = "#ffffff";
1215
+ var COLOR_LIGHT_SUCCESS_502 = "#e1f3ef";
1216
+ var COLOR_LIGHT_SUCCESS_1002 = "#b5e0d6";
1217
+ var COLOR_LIGHT_SUCCESS_2002 = "#85cdbc";
1218
+ var COLOR_LIGHT_SUCCESS_3002 = "#57b9a2";
1219
+ var COLOR_LIGHT_SUCCESS_4002 = "#38a990";
1220
+ var COLOR_LIGHT_SUCCESS_5002 = "#24997e";
1221
+ var COLOR_LIGHT_SUCCESS_6002 = "#208c71";
1222
+ var COLOR_LIGHT_SUCCESS_7002 = "#1b7c62";
1223
+ var COLOR_LIGHT_SUCCESS_8002 = "#166c54";
1224
+ var COLOR_LIGHT_SUCCESS_9002 = "#0d503a";
1225
+ var COLOR_LIGHT_NEUTRAL_02 = "#ffffff";
1226
+ var COLOR_LIGHT_NEUTRAL_502 = "#f9f9f9";
1227
+ var COLOR_LIGHT_NEUTRAL_1002 = "#f2f2f2";
1228
+ var COLOR_LIGHT_NEUTRAL_2002 = "#e8e8e8";
1229
+ var COLOR_LIGHT_NEUTRAL_3002 = "#d8d8d8";
1230
+ var COLOR_LIGHT_NEUTRAL_4002 = "#b4b4b4";
1231
+ var COLOR_LIGHT_NEUTRAL_5002 = "#949494";
1232
+ var COLOR_LIGHT_NEUTRAL_6002 = "#6c6c6c";
1233
+ var COLOR_LIGHT_NEUTRAL_7002 = "#595959";
1234
+ var COLOR_LIGHT_NEUTRAL_8002 = "#3a3a3a";
1235
+ var COLOR_LIGHT_NEUTRAL_9002 = "#1a1a1a";
1236
+ var COLOR_DARK_PRIMARY_02 = "#000000";
1237
+ var COLOR_DARK_PRIMARY_502 = "#1a1a1a";
1238
+ var COLOR_DARK_PRIMARY_1002 = "#3a3a3a";
1239
+ var COLOR_DARK_PRIMARY_2002 = "#595959";
1240
+ var COLOR_DARK_PRIMARY_3002 = "#6c6c6c";
1241
+ var COLOR_DARK_PRIMARY_4002 = "#949494";
1242
+ var COLOR_DARK_PRIMARY_5002 = "#b4b4b4";
1243
+ var COLOR_DARK_PRIMARY_6002 = "#d8d8d8";
1244
+ var COLOR_DARK_PRIMARY_7002 = "#e8e8e8";
1245
+ var COLOR_DARK_PRIMARY_8002 = "#f2f2f2";
1246
+ var COLOR_DARK_PRIMARY_9002 = "#f9f9f9";
1247
+ var COLOR_DARK_SECONDARY_02 = "#000000";
1248
+ var COLOR_DARK_SECONDARY_502 = "#0d503a";
1249
+ var COLOR_DARK_SECONDARY_1002 = "#166c54";
1250
+ var COLOR_DARK_SECONDARY_2002 = "#1b7c62";
1251
+ var COLOR_DARK_SECONDARY_3002 = "#208c71";
1252
+ var COLOR_DARK_SECONDARY_4002 = "#24997e";
1253
+ var COLOR_DARK_SECONDARY_5002 = "#38a990";
1254
+ var COLOR_DARK_SECONDARY_6002 = "#57b9a2";
1255
+ var COLOR_DARK_SECONDARY_7002 = "#85cdbc";
1256
+ var COLOR_DARK_SECONDARY_8002 = "#b5e0d6";
1257
+ var COLOR_DARK_SECONDARY_9002 = "#e1f3ef";
1258
+ var COLOR_DARK_INFO_02 = "#000000";
1259
+ var COLOR_DARK_INFO_502 = "#0a1a97";
1260
+ var COLOR_DARK_INFO_1002 = "#202faa";
1261
+ var COLOR_DARK_INFO_2002 = "#293ab6";
1262
+ var COLOR_DARK_INFO_3002 = "#3344c2";
1263
+ var COLOR_DARK_INFO_4002 = "#394dcd";
1264
+ var COLOR_DARK_INFO_5002 = "#5968d6";
1265
+ var COLOR_DARK_INFO_6002 = "#7884dd";
1266
+ var COLOR_DARK_INFO_7002 = "#9fa7e7";
1267
+ var COLOR_DARK_INFO_8002 = "#c6c9f1";
1268
+ var COLOR_DARK_INFO_9002 = "#e8eaf9";
1269
+ var COLOR_DARK_WARNING_02 = "#000000";
1270
+ var COLOR_DARK_WARNING_502 = "#927c00";
1271
+ var COLOR_DARK_WARNING_1002 = "#aea300";
1272
+ var COLOR_DARK_WARNING_2002 = "#bfba00";
1273
+ var COLOR_DARK_WARNING_3002 = "#d1d100";
1274
+ var COLOR_DARK_WARNING_4002 = "#dfe300";
1275
+ var COLOR_DARK_WARNING_5002 = "#e5e741";
1276
+ var COLOR_DARK_WARNING_6002 = "#ebec67";
1277
+ var COLOR_DARK_WARNING_7002 = "#f1f294";
1278
+ var COLOR_DARK_WARNING_8002 = "#f7f6bf";
1279
+ var COLOR_DARK_WARNING_9002 = "#fcfce5";
1280
+ var COLOR_DARK_DANGER_02 = "#000000";
1281
+ var COLOR_DARK_DANGER_502 = "#ab322f";
1282
+ var COLOR_DARK_DANGER_1002 = "#b93c3a";
1283
+ var COLOR_DARK_DANGER_2002 = "#c74141";
1284
+ var COLOR_DARK_DANGER_3002 = "#d94a47";
1285
+ var COLOR_DARK_DANGER_4002 = "#e8524a";
1286
+ var COLOR_DARK_DANGER_5002 = "#e35f5f";
1287
+ var COLOR_DARK_DANGER_6002 = "#d97b7d";
1288
+ var COLOR_DARK_DANGER_7002 = "#e69fa1";
1289
+ var COLOR_DARK_DANGER_8002 = "#f8d0d5";
1290
+ var COLOR_DARK_DANGER_9002 = "#fcecef";
1291
+ var COLOR_DARK_SUCCESS_02 = "#000000";
1292
+ var COLOR_DARK_SUCCESS_502 = "#0d503a";
1293
+ var COLOR_DARK_SUCCESS_1002 = "#166c54";
1294
+ var COLOR_DARK_SUCCESS_2002 = "#1b7c62";
1295
+ var COLOR_DARK_SUCCESS_3002 = "#208c71";
1296
+ var COLOR_DARK_SUCCESS_4002 = "#24997e";
1297
+ var COLOR_DARK_SUCCESS_5002 = "#38a990";
1298
+ var COLOR_DARK_SUCCESS_6002 = "#57b9a2";
1299
+ var COLOR_DARK_SUCCESS_7002 = "#85cdbc";
1300
+ var COLOR_DARK_SUCCESS_8002 = "#b5e0d6";
1301
+ var COLOR_DARK_SUCCESS_9002 = "#e1f3ef";
1302
+ var COLOR_DARK_NEUTRAL_02 = "#000000";
1303
+ var COLOR_DARK_NEUTRAL_502 = "#1a1a1a";
1304
+ var COLOR_DARK_NEUTRAL_1002 = "#3a3a3a";
1305
+ var COLOR_DARK_NEUTRAL_2002 = "#595959";
1306
+ var COLOR_DARK_NEUTRAL_3002 = "#6c6c6c";
1307
+ var COLOR_DARK_NEUTRAL_4002 = "#949494";
1308
+ var COLOR_DARK_NEUTRAL_5002 = "#b4b4b4";
1309
+ var COLOR_DARK_NEUTRAL_6002 = "#d8d8d8";
1310
+ var COLOR_DARK_NEUTRAL_7002 = "#e8e8e8";
1311
+ var COLOR_DARK_NEUTRAL_8002 = "#f2f2f2";
1312
+ var COLOR_DARK_NEUTRAL_9002 = "#f9f9f9";
1313
+ var TYPOGRAPHY_HEADLINE1_FONT_FAMILY2 = "Nunito, sans-serif";
1314
+ var TYPOGRAPHY_HEADLINE1_FONT_SIZE3 = "96px";
1315
+ var TYPOGRAPHY_HEADLINE1_LINE_HEIGHT3 = "100px";
1316
+ var TYPOGRAPHY_HEADLINE1_FONT_WEIGHT3 = "300";
1317
+ var TYPOGRAPHY_HEADLINE1_LETTER_SPACING3 = "-0.25px";
1318
+ var TYPOGRAPHY_HEADLINE1_TEXT_DECORATION3 = "none";
1319
+ var TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM3 = "none";
1320
+ var TYPOGRAPHY_HEADLINE2_FONT_FAMILY2 = "Nunito, sans-serif";
1321
+ var TYPOGRAPHY_HEADLINE2_FONT_SIZE3 = "60px";
1322
+ var TYPOGRAPHY_HEADLINE2_LINE_HEIGHT3 = "64px";
1323
+ var TYPOGRAPHY_HEADLINE2_FONT_WEIGHT3 = "300";
1324
+ var TYPOGRAPHY_HEADLINE2_LETTER_SPACING3 = "-0.13333333333333333px";
1325
+ var TYPOGRAPHY_HEADLINE2_TEXT_DECORATION3 = "none";
1326
+ var TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM3 = "none";
1327
+ var TYPOGRAPHY_HEADLINE3_FONT_FAMILY2 = "Nunito, sans-serif";
1328
+ var TYPOGRAPHY_HEADLINE3_FONT_SIZE3 = "48px";
1329
+ var TYPOGRAPHY_HEADLINE3_LINE_HEIGHT3 = "52px";
1330
+ var TYPOGRAPHY_HEADLINE3_FONT_WEIGHT3 = "400";
1331
+ var TYPOGRAPHY_HEADLINE3_LETTER_SPACING3 = "normal";
1332
+ var TYPOGRAPHY_HEADLINE3_TEXT_DECORATION3 = "none";
1333
+ var TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM3 = "none";
1334
+ var TYPOGRAPHY_HEADLINE4_FONT_FAMILY2 = "Nunito, sans-serif";
1335
+ var TYPOGRAPHY_HEADLINE4_FONT_SIZE3 = "34px";
1336
+ var TYPOGRAPHY_HEADLINE4_LINE_HEIGHT3 = "38px";
1337
+ var TYPOGRAPHY_HEADLINE4_FONT_WEIGHT3 = "400";
1338
+ var TYPOGRAPHY_HEADLINE4_LETTER_SPACING3 = "0.11764705882352941px";
1339
+ var TYPOGRAPHY_HEADLINE4_TEXT_DECORATION3 = "none";
1340
+ var TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM3 = "none";
1341
+ var TYPOGRAPHY_HEADLINE5_FONT_FAMILY2 = "Nunito, sans-serif";
1342
+ var TYPOGRAPHY_HEADLINE5_FONT_SIZE3 = "24px";
1343
+ var TYPOGRAPHY_HEADLINE5_LINE_HEIGHT3 = "28px";
1344
+ var TYPOGRAPHY_HEADLINE5_FONT_WEIGHT3 = "400";
1345
+ var TYPOGRAPHY_HEADLINE5_LETTER_SPACING3 = "normal";
1346
+ var TYPOGRAPHY_HEADLINE5_TEXT_DECORATION3 = "none";
1347
+ var TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM3 = "none";
1348
+ var TYPOGRAPHY_HEADLINE6_FONT_FAMILY2 = "Nunito, sans-serif";
1349
+ var TYPOGRAPHY_HEADLINE6_FONT_SIZE3 = "20px";
1350
+ var TYPOGRAPHY_HEADLINE6_LINE_HEIGHT3 = "24px";
1351
+ var TYPOGRAPHY_HEADLINE6_FONT_WEIGHT3 = "500";
1352
+ var TYPOGRAPHY_HEADLINE6_LETTER_SPACING3 = "0.2px";
1353
+ var TYPOGRAPHY_HEADLINE6_TEXT_DECORATION3 = "none";
1354
+ var TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM3 = "none";
1355
+ var TYPOGRAPHY_SUBTITLE1_FONT_FAMILY2 = "Nunito, sans-serif";
1356
+ var TYPOGRAPHY_SUBTITLE1_FONT_SIZE2 = "16px";
1357
+ var TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT2 = "20px";
1358
+ var TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT2 = "400";
1359
+ var TYPOGRAPHY_SUBTITLE1_LETTER_SPACING2 = "0.15px";
1360
+ var TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION2 = "none";
1361
+ var TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM2 = "none";
1362
+ var TYPOGRAPHY_SUBTITLE2_FONT_FAMILY2 = "Nunito, sans-serif";
1363
+ var TYPOGRAPHY_SUBTITLE2_FONT_SIZE2 = "14px";
1364
+ var TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT2 = "18px";
1365
+ var TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT2 = "500";
1366
+ var TYPOGRAPHY_SUBTITLE2_LETTER_SPACING2 = "0.1142857142857143px";
1367
+ var TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION2 = "none";
1368
+ var TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM2 = "none";
1369
+ var TYPOGRAPHY_BODY1_FONT_FAMILY2 = "Nunito, sans-serif";
1370
+ var TYPOGRAPHY_BODY1_FONT_SIZE2 = "16px";
1371
+ var TYPOGRAPHY_BODY1_LINE_HEIGHT2 = "20px";
1372
+ var TYPOGRAPHY_BODY1_FONT_WEIGHT2 = "400";
1373
+ var TYPOGRAPHY_BODY1_LETTER_SPACING2 = "0.5px";
1374
+ var TYPOGRAPHY_BODY1_TEXT_DECORATION2 = "none";
1375
+ var TYPOGRAPHY_BODY1_TEXT_TRANSFORM2 = "none";
1376
+ var TYPOGRAPHY_BODY2_FONT_FAMILY2 = "Nunito, sans-serif";
1377
+ var TYPOGRAPHY_BODY2_FONT_SIZE2 = "14px";
1378
+ var TYPOGRAPHY_BODY2_LINE_HEIGHT2 = "18px";
1379
+ var TYPOGRAPHY_BODY2_FONT_WEIGHT2 = "400";
1380
+ var TYPOGRAPHY_BODY2_LETTER_SPACING2 = "0.2857142857142857px";
1381
+ var TYPOGRAPHY_BODY2_TEXT_DECORATION2 = "none";
1382
+ var TYPOGRAPHY_BODY2_TEXT_TRANSFORM2 = "none";
1383
+ var TYPOGRAPHY_CAPTION_FONT_FAMILY2 = "Nunito, sans-serif";
1384
+ var TYPOGRAPHY_CAPTION_FONT_SIZE2 = "12px";
1385
+ var TYPOGRAPHY_CAPTION_LINE_HEIGHT2 = "16px";
1386
+ var TYPOGRAPHY_CAPTION_FONT_WEIGHT2 = "400";
1387
+ var TYPOGRAPHY_CAPTION_LETTER_SPACING2 = "0.5333333333333333px";
1388
+ var TYPOGRAPHY_CAPTION_TEXT_DECORATION2 = "none";
1389
+ var TYPOGRAPHY_CAPTION_TEXT_TRANSFORM2 = "none";
1390
+ var TYPOGRAPHY_BUTTON_FONT_FAMILY2 = "Nunito, sans-serif";
1391
+ var TYPOGRAPHY_BUTTON_FONT_SIZE2 = "14px";
1392
+ var TYPOGRAPHY_BUTTON_LINE_HEIGHT2 = "18px";
1393
+ var TYPOGRAPHY_BUTTON_FONT_WEIGHT2 = "700";
1394
+ var TYPOGRAPHY_BUTTON_LETTER_SPACING2 = "1.4285714285714286px";
1395
+ var TYPOGRAPHY_BUTTON_TEXT_DECORATION2 = "none";
1396
+ var TYPOGRAPHY_BUTTON_TEXT_TRANSFORM2 = "none";
1397
+ var TYPOGRAPHY_OVERLINE_FONT_FAMILY2 = "Nunito, sans-serif";
1398
+ var TYPOGRAPHY_OVERLINE_FONT_SIZE2 = "12px";
1399
+ var TYPOGRAPHY_OVERLINE_LINE_HEIGHT2 = "16px";
1400
+ var TYPOGRAPHY_OVERLINE_FONT_WEIGHT2 = "500";
1401
+ var TYPOGRAPHY_OVERLINE_LETTER_SPACING2 = "2.6666666666666665px";
1402
+ var TYPOGRAPHY_OVERLINE_TEXT_DECORATION2 = "none";
1403
+ var TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM2 = "none";
1404
+ var ELEVATION_LIGHT_LIGHT2 = "2px 2px 0px 0px #333333";
1405
+ var ELEVATION_LIGHT_SEMILIGHT2 = "3px 3px 0px 0px #333333";
1406
+ var ELEVATION_LIGHT_REGULAR2 = "4px 4px 0px 0px #333333";
1407
+ var ELEVATION_LIGHT_SEMIBOLD2 = "5px 5px 0px 0px #333333";
1408
+ var ELEVATION_LIGHT_BOLD2 = "6px 6px 0px 0px #333333";
1409
+ var ELEVATION_LIGHT_EXTRABOLD2 = "7px 7px 0px 0px #333333";
1410
+ var ELEVATION_DARK_LIGHT2 = "2px 2px 0px 0px #ffffff";
1411
+ var ELEVATION_DARK_SEMILIGHT2 = "3px 3px 0px 0px #ffffff";
1412
+ var ELEVATION_DARK_REGULAR2 = "4px 4px 0px 0px #ffffff";
1413
+ var ELEVATION_DARK_SEMIBOLD2 = "5px 5px 0px 0px #ffffff";
1414
+ var ELEVATION_DARK_BOLD2 = "6px 6px 0px 0px #ffffff";
1415
+ var ELEVATION_DARK_EXTRABOLD2 = "7px 7px 0px 0px #ffffff";
1416
+ var TYPOGRAPHY_KEY_HEADLINE12 = "headline1";
1417
+ var TYPOGRAPHY_KEY_HEADLINE22 = "headline2";
1418
+ var TYPOGRAPHY_KEY_HEADLINE32 = "headline3";
1419
+ var TYPOGRAPHY_KEY_HEADLINE42 = "headline4";
1420
+ var TYPOGRAPHY_KEY_HEADLINE52 = "headline5";
1421
+ var TYPOGRAPHY_KEY_HEADLINE62 = "headline6";
1422
+ var TYPOGRAPHY_KEY_SUBTITLE12 = "subtitle1";
1423
+ var TYPOGRAPHY_KEY_SUBTITLE22 = "subtitle2";
1424
+ var TYPOGRAPHY_KEY_BODY12 = "body1";
1425
+ var TYPOGRAPHY_KEY_BODY22 = "body2";
1426
+ var TYPOGRAPHY_KEY_CAPTION2 = "caption";
1427
+ var TYPOGRAPHY_KEY_BUTTON2 = "button";
1428
+ var TYPOGRAPHY_KEY_OVERLINE2 = "overline";
1429
+ var ELEVATION_KEY_LIGHT2 = "light";
1430
+ var ELEVATION_KEY_SEMILIGHT2 = "semilight";
1431
+ var ELEVATION_KEY_REGULAR2 = "regular";
1432
+ var ELEVATION_KEY_SEMIBOLD2 = "semibold";
1433
+ var ELEVATION_KEY_BOLD2 = "bold";
1434
+ var ELEVATION_KEY_EXTRABOLD2 = "extrabold";
1435
+ var VARIANT_PRIMARY2 = "primary";
1436
+ var VARIANT_SECONDARY2 = "secondary";
1437
+ var VARIANT_INFO2 = "info";
1438
+ var VARIANT_WARNING2 = "warning";
1439
+ var VARIANT_DANGER2 = "danger";
1440
+ var VARIANT_SUCCESS2 = "success";
1441
+ var VARIANT_NEUTRAL2 = "neutral";
1442
+
1443
+ // src/Theming/MemphisTheme.ts
1444
+ (function(MemphisTheme2) {
1445
+ MemphisTheme2.MEMPHIS_THEME = ThemeFactory.create({
1446
+ name: NAME3,
1447
+ scheme: {
1448
+ light: {
1449
+ background: SCHEME_LIGHT_BACKGROUND2,
1450
+ foreground: SCHEME_LIGHT_FOREGROUND2,
1451
+ highlight: SCHEME_LIGHT_HIGHLIGHT2,
1452
+ middlelight: SCHEME_LIGHT_MIDDLELIGHT2,
1453
+ lowlight: SCHEME_LIGHT_LOWLIGHT2,
1454
+ transparent: SCHEME_LIGHT_TRANSPARENT2,
1455
+ semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT2,
1456
+ disabled: SCHEME_LIGHT_DISABLED2,
1457
+ contrast: SCHEME_LIGHT_CONTRAST2
1458
+ },
1459
+ dark: {
1460
+ background: SCHEME_DARK_BACKGROUND2,
1461
+ foreground: SCHEME_DARK_FOREGROUND2,
1462
+ highlight: SCHEME_DARK_HIGHLIGHT2,
1463
+ middlelight: SCHEME_DARK_MIDDLELIGHT2,
1464
+ lowlight: SCHEME_DARK_LOWLIGHT2,
1465
+ transparent: SCHEME_DARK_TRANSPARENT2,
1466
+ semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT2,
1467
+ disabled: SCHEME_DARK_DISABLED2,
1468
+ contrast: SCHEME_DARK_CONTRAST2
1469
+ }
1470
+ },
1471
+ palette: {
1472
+ light: {
1473
+ primary: {
1474
+ 0: COLOR_LIGHT_PRIMARY_02,
1475
+ 50: COLOR_LIGHT_PRIMARY_502,
1476
+ 100: COLOR_LIGHT_PRIMARY_1003,
1477
+ 200: COLOR_LIGHT_PRIMARY_2003,
1478
+ 300: COLOR_LIGHT_PRIMARY_3003,
1479
+ 400: COLOR_LIGHT_PRIMARY_4003,
1480
+ 500: COLOR_LIGHT_PRIMARY_5003,
1481
+ 600: COLOR_LIGHT_PRIMARY_6003,
1482
+ 700: COLOR_LIGHT_PRIMARY_7003,
1483
+ 800: COLOR_LIGHT_PRIMARY_8003,
1484
+ 900: COLOR_LIGHT_PRIMARY_9003
1485
+ },
1486
+ secondary: {
1487
+ 0: COLOR_LIGHT_SECONDARY_02,
1488
+ 50: COLOR_LIGHT_SECONDARY_502,
1489
+ 100: COLOR_LIGHT_SECONDARY_1003,
1490
+ 200: COLOR_LIGHT_SECONDARY_2003,
1491
+ 300: COLOR_LIGHT_SECONDARY_3003,
1492
+ 400: COLOR_LIGHT_SECONDARY_4003,
1493
+ 500: COLOR_LIGHT_SECONDARY_5003,
1494
+ 600: COLOR_LIGHT_SECONDARY_6003,
1495
+ 700: COLOR_LIGHT_SECONDARY_7003,
1496
+ 800: COLOR_LIGHT_SECONDARY_8003,
1497
+ 900: COLOR_LIGHT_SECONDARY_9003
1498
+ },
1499
+ info: {
1500
+ 0: COLOR_LIGHT_INFO_02,
1501
+ 50: COLOR_LIGHT_INFO_502,
1502
+ 100: COLOR_LIGHT_INFO_1002,
1503
+ 200: COLOR_LIGHT_INFO_2002,
1504
+ 300: COLOR_LIGHT_INFO_3002,
1505
+ 400: COLOR_LIGHT_INFO_4002,
1506
+ 500: COLOR_LIGHT_INFO_5002,
1507
+ 600: COLOR_LIGHT_INFO_6002,
1508
+ 700: COLOR_LIGHT_INFO_7002,
1509
+ 800: COLOR_LIGHT_INFO_8002,
1510
+ 900: COLOR_LIGHT_INFO_9002
1511
+ },
1512
+ warning: {
1513
+ 0: COLOR_LIGHT_WARNING_02,
1514
+ 50: COLOR_LIGHT_WARNING_502,
1515
+ 100: COLOR_LIGHT_WARNING_1002,
1516
+ 200: COLOR_LIGHT_WARNING_2002,
1517
+ 300: COLOR_LIGHT_WARNING_3002,
1518
+ 400: COLOR_LIGHT_WARNING_4002,
1519
+ 500: COLOR_LIGHT_WARNING_5002,
1520
+ 600: COLOR_LIGHT_WARNING_6002,
1521
+ 700: COLOR_LIGHT_WARNING_7002,
1522
+ 800: COLOR_LIGHT_WARNING_8002,
1523
+ 900: COLOR_LIGHT_WARNING_9002
1524
+ },
1525
+ danger: {
1526
+ 0: COLOR_LIGHT_DANGER_02,
1527
+ 50: COLOR_LIGHT_DANGER_502,
1528
+ 100: COLOR_LIGHT_DANGER_1002,
1529
+ 200: COLOR_LIGHT_DANGER_2002,
1530
+ 300: COLOR_LIGHT_DANGER_3002,
1531
+ 400: COLOR_LIGHT_DANGER_4002,
1532
+ 500: COLOR_LIGHT_DANGER_5002,
1533
+ 600: COLOR_LIGHT_DANGER_6002,
1534
+ 700: COLOR_LIGHT_DANGER_7002,
1535
+ 800: COLOR_LIGHT_DANGER_8002,
1536
+ 900: COLOR_LIGHT_DANGER_9002
1537
+ },
1538
+ success: {
1539
+ 0: COLOR_LIGHT_SUCCESS_02,
1540
+ 50: COLOR_LIGHT_SUCCESS_502,
1541
+ 100: COLOR_LIGHT_SUCCESS_1002,
1542
+ 200: COLOR_LIGHT_SUCCESS_2002,
1543
+ 300: COLOR_LIGHT_SUCCESS_3002,
1544
+ 400: COLOR_LIGHT_SUCCESS_4002,
1545
+ 500: COLOR_LIGHT_SUCCESS_5002,
1546
+ 600: COLOR_LIGHT_SUCCESS_6002,
1547
+ 700: COLOR_LIGHT_SUCCESS_7002,
1548
+ 800: COLOR_LIGHT_SUCCESS_8002,
1549
+ 900: COLOR_LIGHT_SUCCESS_9002
1550
+ },
1551
+ neutral: {
1552
+ 0: COLOR_LIGHT_NEUTRAL_02,
1553
+ 50: COLOR_LIGHT_NEUTRAL_502,
1554
+ 100: COLOR_LIGHT_NEUTRAL_1002,
1555
+ 200: COLOR_LIGHT_NEUTRAL_2002,
1556
+ 300: COLOR_LIGHT_NEUTRAL_3002,
1557
+ 400: COLOR_LIGHT_NEUTRAL_4002,
1558
+ 500: COLOR_LIGHT_NEUTRAL_5002,
1559
+ 600: COLOR_LIGHT_NEUTRAL_6002,
1560
+ 700: COLOR_LIGHT_NEUTRAL_7002,
1561
+ 800: COLOR_LIGHT_NEUTRAL_8002,
1562
+ 900: COLOR_LIGHT_NEUTRAL_9002
1563
+ }
1564
+ },
1565
+ dark: {
1566
+ primary: {
1567
+ 0: COLOR_DARK_PRIMARY_02,
1568
+ 50: COLOR_DARK_PRIMARY_502,
1569
+ 100: COLOR_DARK_PRIMARY_1002,
1570
+ 200: COLOR_DARK_PRIMARY_2002,
1571
+ 300: COLOR_DARK_PRIMARY_3002,
1572
+ 400: COLOR_DARK_PRIMARY_4002,
1573
+ 500: COLOR_DARK_PRIMARY_5002,
1574
+ 600: COLOR_DARK_PRIMARY_6002,
1575
+ 700: COLOR_DARK_PRIMARY_7002,
1576
+ 800: COLOR_DARK_PRIMARY_8002,
1577
+ 900: COLOR_DARK_PRIMARY_9002
1578
+ },
1579
+ secondary: {
1580
+ 0: COLOR_DARK_SECONDARY_02,
1581
+ 50: COLOR_DARK_SECONDARY_502,
1582
+ 100: COLOR_DARK_SECONDARY_1002,
1583
+ 200: COLOR_DARK_SECONDARY_2002,
1584
+ 300: COLOR_DARK_SECONDARY_3002,
1585
+ 400: COLOR_DARK_SECONDARY_4002,
1586
+ 500: COLOR_DARK_SECONDARY_5002,
1587
+ 600: COLOR_DARK_SECONDARY_6002,
1588
+ 700: COLOR_DARK_SECONDARY_7002,
1589
+ 800: COLOR_DARK_SECONDARY_8002,
1590
+ 900: COLOR_DARK_SECONDARY_9002
1591
+ },
1592
+ info: {
1593
+ 0: COLOR_DARK_INFO_02,
1594
+ 50: COLOR_DARK_INFO_502,
1595
+ 100: COLOR_DARK_INFO_1002,
1596
+ 200: COLOR_DARK_INFO_2002,
1597
+ 300: COLOR_DARK_INFO_3002,
1598
+ 400: COLOR_DARK_INFO_4002,
1599
+ 500: COLOR_DARK_INFO_5002,
1600
+ 600: COLOR_DARK_INFO_6002,
1601
+ 700: COLOR_DARK_INFO_7002,
1602
+ 800: COLOR_DARK_INFO_8002,
1603
+ 900: COLOR_DARK_INFO_9002
1604
+ },
1605
+ warning: {
1606
+ 0: COLOR_DARK_WARNING_02,
1607
+ 50: COLOR_DARK_WARNING_502,
1608
+ 100: COLOR_DARK_WARNING_1002,
1609
+ 200: COLOR_DARK_WARNING_2002,
1610
+ 300: COLOR_DARK_WARNING_3002,
1611
+ 400: COLOR_DARK_WARNING_4002,
1612
+ 500: COLOR_DARK_WARNING_5002,
1613
+ 600: COLOR_DARK_WARNING_6002,
1614
+ 700: COLOR_DARK_WARNING_7002,
1615
+ 800: COLOR_DARK_WARNING_8002,
1616
+ 900: COLOR_DARK_WARNING_9002
1617
+ },
1618
+ danger: {
1619
+ 0: COLOR_DARK_DANGER_02,
1620
+ 50: COLOR_DARK_DANGER_502,
1621
+ 100: COLOR_DARK_DANGER_1002,
1622
+ 200: COLOR_DARK_DANGER_2002,
1623
+ 300: COLOR_DARK_DANGER_3002,
1624
+ 400: COLOR_DARK_DANGER_4002,
1625
+ 500: COLOR_DARK_DANGER_5002,
1626
+ 600: COLOR_DARK_DANGER_6002,
1627
+ 700: COLOR_DARK_DANGER_7002,
1628
+ 800: COLOR_DARK_DANGER_8002,
1629
+ 900: COLOR_DARK_DANGER_9002
1630
+ },
1631
+ success: {
1632
+ 0: COLOR_DARK_SUCCESS_02,
1633
+ 50: COLOR_DARK_SUCCESS_502,
1634
+ 100: COLOR_DARK_SUCCESS_1002,
1635
+ 200: COLOR_DARK_SUCCESS_2002,
1636
+ 300: COLOR_DARK_SUCCESS_3002,
1637
+ 400: COLOR_DARK_SUCCESS_4002,
1638
+ 500: COLOR_DARK_SUCCESS_5002,
1639
+ 600: COLOR_DARK_SUCCESS_6002,
1640
+ 700: COLOR_DARK_SUCCESS_7002,
1641
+ 800: COLOR_DARK_SUCCESS_8002,
1642
+ 900: COLOR_DARK_SUCCESS_9002
1643
+ },
1644
+ neutral: {
1645
+ 0: COLOR_DARK_NEUTRAL_02,
1646
+ 50: COLOR_DARK_NEUTRAL_502,
1647
+ 100: COLOR_DARK_NEUTRAL_1002,
1648
+ 200: COLOR_DARK_NEUTRAL_2002,
1649
+ 300: COLOR_DARK_NEUTRAL_3002,
1650
+ 400: COLOR_DARK_NEUTRAL_4002,
1651
+ 500: COLOR_DARK_NEUTRAL_5002,
1652
+ 600: COLOR_DARK_NEUTRAL_6002,
1653
+ 700: COLOR_DARK_NEUTRAL_7002,
1654
+ 800: COLOR_DARK_NEUTRAL_8002,
1655
+ 900: COLOR_DARK_NEUTRAL_9002
1656
+ }
1657
+ }
1658
+ },
1659
+ fontFamily: FONT_FAMILY3,
1660
+ typography: {
1661
+ headline1: {
1662
+ fontFamily: TYPOGRAPHY_HEADLINE1_FONT_FAMILY2,
1663
+ fontSize: TYPOGRAPHY_HEADLINE1_FONT_SIZE3,
1664
+ lineHeight: TYPOGRAPHY_HEADLINE1_LINE_HEIGHT3,
1665
+ fontWeight: TYPOGRAPHY_HEADLINE1_FONT_WEIGHT3,
1666
+ letterSpacing: TYPOGRAPHY_HEADLINE1_LETTER_SPACING3,
1667
+ textDecoration: TYPOGRAPHY_HEADLINE1_TEXT_DECORATION3,
1668
+ textTransform: TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM3
1669
+ },
1670
+ headline2: {
1671
+ fontFamily: TYPOGRAPHY_HEADLINE2_FONT_FAMILY2,
1672
+ fontSize: TYPOGRAPHY_HEADLINE2_FONT_SIZE3,
1673
+ lineHeight: TYPOGRAPHY_HEADLINE2_LINE_HEIGHT3,
1674
+ fontWeight: TYPOGRAPHY_HEADLINE2_FONT_WEIGHT3,
1675
+ letterSpacing: TYPOGRAPHY_HEADLINE2_LETTER_SPACING3,
1676
+ textDecoration: TYPOGRAPHY_HEADLINE2_TEXT_DECORATION3,
1677
+ textTransform: TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM3
1678
+ },
1679
+ headline3: {
1680
+ fontFamily: TYPOGRAPHY_HEADLINE3_FONT_FAMILY2,
1681
+ fontSize: TYPOGRAPHY_HEADLINE3_FONT_SIZE3,
1682
+ lineHeight: TYPOGRAPHY_HEADLINE3_LINE_HEIGHT3,
1683
+ fontWeight: TYPOGRAPHY_HEADLINE3_FONT_WEIGHT3,
1684
+ letterSpacing: TYPOGRAPHY_HEADLINE3_LETTER_SPACING3,
1685
+ textDecoration: TYPOGRAPHY_HEADLINE3_TEXT_DECORATION3,
1686
+ textTransform: TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM3
1687
+ },
1688
+ headline4: {
1689
+ fontFamily: TYPOGRAPHY_HEADLINE4_FONT_FAMILY2,
1690
+ fontSize: TYPOGRAPHY_HEADLINE4_FONT_SIZE3,
1691
+ lineHeight: TYPOGRAPHY_HEADLINE4_LINE_HEIGHT3,
1692
+ fontWeight: TYPOGRAPHY_HEADLINE4_FONT_WEIGHT3,
1693
+ letterSpacing: TYPOGRAPHY_HEADLINE4_LETTER_SPACING3,
1694
+ textDecoration: TYPOGRAPHY_HEADLINE4_TEXT_DECORATION3,
1695
+ textTransform: TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM3
1696
+ },
1697
+ headline5: {
1698
+ fontFamily: TYPOGRAPHY_HEADLINE5_FONT_FAMILY2,
1699
+ fontSize: TYPOGRAPHY_HEADLINE5_FONT_SIZE3,
1700
+ lineHeight: TYPOGRAPHY_HEADLINE5_LINE_HEIGHT3,
1701
+ fontWeight: TYPOGRAPHY_HEADLINE5_FONT_WEIGHT3,
1702
+ letterSpacing: TYPOGRAPHY_HEADLINE5_LETTER_SPACING3,
1703
+ textDecoration: TYPOGRAPHY_HEADLINE5_TEXT_DECORATION3,
1704
+ textTransform: TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM3
1705
+ },
1706
+ headline6: {
1707
+ fontFamily: TYPOGRAPHY_HEADLINE6_FONT_FAMILY2,
1708
+ fontSize: TYPOGRAPHY_HEADLINE6_FONT_SIZE3,
1709
+ lineHeight: TYPOGRAPHY_HEADLINE6_LINE_HEIGHT3,
1710
+ fontWeight: TYPOGRAPHY_HEADLINE6_FONT_WEIGHT3,
1711
+ letterSpacing: TYPOGRAPHY_HEADLINE6_LETTER_SPACING3,
1712
+ textDecoration: TYPOGRAPHY_HEADLINE6_TEXT_DECORATION3,
1713
+ textTransform: TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM3
1714
+ },
1715
+ subtitle1: {
1716
+ fontFamily: TYPOGRAPHY_SUBTITLE1_FONT_FAMILY2,
1717
+ fontSize: TYPOGRAPHY_SUBTITLE1_FONT_SIZE2,
1718
+ lineHeight: TYPOGRAPHY_SUBTITLE1_LINE_HEIGHT2,
1719
+ fontWeight: TYPOGRAPHY_SUBTITLE1_FONT_WEIGHT2,
1720
+ letterSpacing: TYPOGRAPHY_SUBTITLE1_LETTER_SPACING2,
1721
+ textDecoration: TYPOGRAPHY_SUBTITLE1_TEXT_DECORATION2,
1722
+ textTransform: TYPOGRAPHY_SUBTITLE1_TEXT_TRANSFORM2
1723
+ },
1724
+ subtitle2: {
1725
+ fontFamily: TYPOGRAPHY_SUBTITLE2_FONT_FAMILY2,
1726
+ fontSize: TYPOGRAPHY_SUBTITLE2_FONT_SIZE2,
1727
+ lineHeight: TYPOGRAPHY_SUBTITLE2_LINE_HEIGHT2,
1728
+ fontWeight: TYPOGRAPHY_SUBTITLE2_FONT_WEIGHT2,
1729
+ letterSpacing: TYPOGRAPHY_SUBTITLE2_LETTER_SPACING2,
1730
+ textDecoration: TYPOGRAPHY_SUBTITLE2_TEXT_DECORATION2,
1731
+ textTransform: TYPOGRAPHY_SUBTITLE2_TEXT_TRANSFORM2
1732
+ },
1733
+ body1: {
1734
+ fontFamily: TYPOGRAPHY_BODY1_FONT_FAMILY2,
1735
+ fontSize: TYPOGRAPHY_BODY1_FONT_SIZE2,
1736
+ lineHeight: TYPOGRAPHY_BODY1_LINE_HEIGHT2,
1737
+ fontWeight: TYPOGRAPHY_BODY1_FONT_WEIGHT2,
1738
+ letterSpacing: TYPOGRAPHY_BODY1_LETTER_SPACING2,
1739
+ textDecoration: TYPOGRAPHY_BODY1_TEXT_DECORATION2,
1740
+ textTransform: TYPOGRAPHY_BODY1_TEXT_TRANSFORM2
1741
+ },
1742
+ body2: {
1743
+ fontFamily: TYPOGRAPHY_BODY2_FONT_FAMILY2,
1744
+ fontSize: TYPOGRAPHY_BODY2_FONT_SIZE2,
1745
+ lineHeight: TYPOGRAPHY_BODY2_LINE_HEIGHT2,
1746
+ fontWeight: TYPOGRAPHY_BODY2_FONT_WEIGHT2,
1747
+ letterSpacing: TYPOGRAPHY_BODY2_LETTER_SPACING2,
1748
+ textDecoration: TYPOGRAPHY_BODY2_TEXT_DECORATION2,
1749
+ textTransform: TYPOGRAPHY_BODY2_TEXT_TRANSFORM2
1750
+ },
1751
+ caption: {
1752
+ fontFamily: TYPOGRAPHY_CAPTION_FONT_FAMILY2,
1753
+ fontSize: TYPOGRAPHY_CAPTION_FONT_SIZE2,
1754
+ lineHeight: TYPOGRAPHY_CAPTION_LINE_HEIGHT2,
1755
+ fontWeight: TYPOGRAPHY_CAPTION_FONT_WEIGHT2,
1756
+ letterSpacing: TYPOGRAPHY_CAPTION_LETTER_SPACING2,
1757
+ textDecoration: TYPOGRAPHY_CAPTION_TEXT_DECORATION2,
1758
+ textTransform: TYPOGRAPHY_CAPTION_TEXT_TRANSFORM2
1759
+ },
1760
+ overline: {
1761
+ fontFamily: TYPOGRAPHY_OVERLINE_FONT_FAMILY2,
1762
+ fontSize: TYPOGRAPHY_OVERLINE_FONT_SIZE2,
1763
+ lineHeight: TYPOGRAPHY_OVERLINE_LINE_HEIGHT2,
1764
+ fontWeight: TYPOGRAPHY_OVERLINE_FONT_WEIGHT2,
1765
+ letterSpacing: TYPOGRAPHY_OVERLINE_LETTER_SPACING2,
1766
+ textDecoration: TYPOGRAPHY_OVERLINE_TEXT_DECORATION2,
1767
+ textTransform: TYPOGRAPHY_OVERLINE_TEXT_TRANSFORM2
1768
+ },
1769
+ button: {
1770
+ fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY2,
1771
+ fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE2,
1772
+ lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT2,
1773
+ fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT2,
1774
+ letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING2,
1775
+ textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION2,
1776
+ textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM2
1777
+ }
1778
+ },
1779
+ layout: {
1780
+ radius: LAYOUT_RADIUS3,
1781
+ space: LAYOUT_SPACE3,
1782
+ thickness: LAYOUT_THICKNESS3
1783
+ },
1784
+ elevation: {
1785
+ light: {
1786
+ light: ELEVATION_LIGHT_LIGHT2,
1787
+ semilight: ELEVATION_LIGHT_SEMILIGHT2,
1788
+ regular: ELEVATION_LIGHT_REGULAR2,
1789
+ semibold: ELEVATION_LIGHT_SEMIBOLD2,
1790
+ bold: ELEVATION_LIGHT_BOLD2,
1791
+ extrabold: ELEVATION_LIGHT_EXTRABOLD2
1792
+ },
1793
+ dark: {
1794
+ light: ELEVATION_DARK_LIGHT2,
1795
+ semilight: ELEVATION_DARK_SEMILIGHT2,
1796
+ regular: ELEVATION_DARK_REGULAR2,
1797
+ semibold: ELEVATION_DARK_SEMIBOLD2,
1798
+ bold: ELEVATION_DARK_BOLD2,
1799
+ extrabold: ELEVATION_DARK_EXTRABOLD2
1800
+ }
1801
+ }
1802
+ });
1803
+ MemphisTheme2.MEMPHIS_THEME_PALETTES = [
1804
+ VARIANT_PRIMARY2,
1805
+ VARIANT_SECONDARY2,
1806
+ VARIANT_DANGER2,
1807
+ VARIANT_INFO2,
1808
+ VARIANT_NEUTRAL2,
1809
+ VARIANT_SUCCESS2,
1810
+ VARIANT_WARNING2
1811
+ ];
1812
+ MemphisTheme2.MEMPHIS_THEME_PALETTE_VARIANTS = [
1813
+ "0",
1814
+ "50",
1815
+ "100",
1816
+ "200",
1817
+ "300",
1818
+ "400",
1819
+ "500",
1820
+ "600",
1821
+ "700",
1822
+ "800",
1823
+ "900"
1824
+ ];
1825
+ MemphisTheme2.MEMPHIS_THEME_SCHEMES = [
1826
+ "light",
1827
+ "dark"
1828
+ ];
1829
+ MemphisTheme2.MEMPHIS_THEME_SCHEME_VARIANTS = [
1830
+ "background",
1831
+ "foreground",
1832
+ "highlight",
1833
+ "middlelight",
1834
+ "lowlight",
1835
+ "transparent",
1836
+ "semiTransparent",
1837
+ "disabled",
1838
+ "contrast"
1839
+ ];
1840
+ MemphisTheme2.MEMPHIS_THEME_ELEVATION = [
1841
+ "light",
1842
+ "dark"
1843
+ ];
1844
+ MemphisTheme2.MEMPHIS_THEME_ELEVATION_VARIANTS = [
1845
+ ELEVATION_KEY_LIGHT2,
1846
+ ELEVATION_KEY_SEMILIGHT2,
1847
+ ELEVATION_KEY_REGULAR2,
1848
+ ELEVATION_KEY_SEMIBOLD2,
1849
+ ELEVATION_KEY_BOLD2,
1850
+ ELEVATION_KEY_EXTRABOLD2
1851
+ ];
1852
+ MemphisTheme2.MEMPHIS_THEME_TYPOGRAPHY = [
1853
+ TYPOGRAPHY_KEY_HEADLINE12,
1854
+ TYPOGRAPHY_KEY_HEADLINE22,
1855
+ TYPOGRAPHY_KEY_HEADLINE32,
1856
+ TYPOGRAPHY_KEY_HEADLINE42,
1857
+ TYPOGRAPHY_KEY_HEADLINE52,
1858
+ TYPOGRAPHY_KEY_HEADLINE62,
1859
+ TYPOGRAPHY_KEY_SUBTITLE12,
1860
+ TYPOGRAPHY_KEY_SUBTITLE22,
1861
+ TYPOGRAPHY_KEY_BODY12,
1862
+ TYPOGRAPHY_KEY_BODY22,
1863
+ TYPOGRAPHY_KEY_CAPTION2,
1864
+ TYPOGRAPHY_KEY_OVERLINE2,
1865
+ TYPOGRAPHY_KEY_BUTTON2
1866
+ ];
1867
+ MemphisTheme2.MEMPHIS_THEME_METADATA = {
1868
+ theme: MemphisTheme2.MEMPHIS_THEME,
1869
+ palettes: MemphisTheme2.MEMPHIS_THEME_PALETTES,
1870
+ paletteVariants: MemphisTheme2.MEMPHIS_THEME_PALETTE_VARIANTS,
1871
+ schemes: MemphisTheme2.MEMPHIS_THEME_SCHEMES,
1872
+ schemeVariants: MemphisTheme2.MEMPHIS_THEME_SCHEME_VARIANTS,
1873
+ elevation: MemphisTheme2.MEMPHIS_THEME_ELEVATION,
1874
+ elevationVariants: MemphisTheme2.MEMPHIS_THEME_ELEVATION_VARIANTS,
1875
+ typographies: MemphisTheme2.MEMPHIS_THEME_TYPOGRAPHY
1876
+ };
1877
+ })(MemphisTheme || (MemphisTheme = {}));
1878
+ var MemphisTheme;
1879
+
1880
+ // src/Theming/Tokens/CosmopolitanTokens.ts
1881
+ var NAME4 = "cosmopolitan";
1882
+ var FONT_FAMILY4 = "'Noto Sans', sans-serif";
1883
+ var LAYOUT_RADIUS4 = "3px";
1884
+ var LAYOUT_SPACE4 = "8px";
1885
+ var LAYOUT_THICKNESS4 = "1px";
1886
+ var SCHEME_LIGHT_CONTRAST3 = "#ffffff";
1887
+ var SCHEME_LIGHT_BACKGROUND3 = "#ffffff";
1888
+ var SCHEME_LIGHT_FOREGROUND3 = "#000000";
1889
+ var SCHEME_LIGHT_HIGHLIGHT3 = "#e2e2e2";
1890
+ var SCHEME_LIGHT_MIDDLELIGHT3 = "#777777";
1891
+ var SCHEME_LIGHT_LOWLIGHT3 = "#4d4d4d";
1892
+ var SCHEME_LIGHT_TRANSPARENT3 = "rgba(255, 255, 255, 0)";
1893
+ var SCHEME_LIGHT_SEMI_TRANSPARENT3 = "rgba(255, 255, 255, 0.67)";
1894
+ var SCHEME_LIGHT_DISABLED3 = "#b8b5b2";
1895
+ var SCHEME_DARK_CONTRAST3 = "#ffffff";
1896
+ var SCHEME_DARK_BACKGROUND3 = "#2e2d2d";
1897
+ var SCHEME_DARK_FOREGROUND3 = "#ffffff";
1898
+ var SCHEME_DARK_HIGHLIGHT3 = "#333333";
1899
+ var SCHEME_DARK_MIDDLELIGHT3 = "#666666";
1900
+ var SCHEME_DARK_LOWLIGHT3 = "#999999";
1901
+ var SCHEME_DARK_TRANSPARENT3 = "rgba(23, 23, 23, 0)";
1902
+ var SCHEME_DARK_SEMI_TRANSPARENT3 = "rgba(23, 23, 23, 0.67)";
1903
+ var SCHEME_DARK_DISABLED3 = "#5c5956";
1904
+ var COLOR_LIGHT_PRIMARY_03 = "#ffffff";
1905
+ var COLOR_LIGHT_PRIMARY_1004 = "#fed7ea";
1906
+ var COLOR_LIGHT_PRIMARY_5004 = "#dc1884";
1907
+ var COLOR_DARK_PRIMARY_03 = "#000000";
1908
+ var COLOR_DARK_PRIMARY_1003 = "#4b0225";
1909
+ var COLOR_DARK_PRIMARY_5003 = "#dc1884";
1910
+ var TYPOGRAPHY_HEADING_FONT_FAMILY = "'Noto Sans', sans-serif";
1911
+ var TYPOGRAPHY_HEADING_FONT_SIZE = "24px";
1912
+ var TYPOGRAPHY_HEADING_LINE_HEIGHT = "28px";
1913
+ var TYPOGRAPHY_HEADING_FONT_WEIGHT = "300";
1914
+ var TYPOGRAPHY_HEADING_LETTER_SPACING = "-0.25px";
1915
+ var TYPOGRAPHY_HEADING_TEXT_DECORATION = "none";
1916
+ var TYPOGRAPHY_HEADING_TEXT_TRANSFORM = "none";
1917
+ var TYPOGRAPHY_CONTENT_FONT_FAMILY = "'Noto Sans', sans-serif";
1918
+ var TYPOGRAPHY_CONTENT_FONT_SIZE = "16px";
1919
+ var TYPOGRAPHY_CONTENT_LINE_HEIGHT = "20px";
1920
+ var TYPOGRAPHY_CONTENT_FONT_WEIGHT = "300";
1921
+ var TYPOGRAPHY_CONTENT_LETTER_SPACING = "-0.25px";
1922
+ var TYPOGRAPHY_CONTENT_TEXT_DECORATION = "none";
1923
+ var TYPOGRAPHY_CONTENT_TEXT_TRANSFORM = "none";
1924
+ var TYPOGRAPHY_BUTTON_FONT_FAMILY3 = "'Noto Sans', sans-serif";
1925
+ var TYPOGRAPHY_BUTTON_FONT_SIZE3 = "16px";
1926
+ var TYPOGRAPHY_BUTTON_LINE_HEIGHT3 = "20px";
1927
+ var TYPOGRAPHY_BUTTON_FONT_WEIGHT3 = "700";
1928
+ var TYPOGRAPHY_BUTTON_LETTER_SPACING3 = "-0.25px";
1929
+ var TYPOGRAPHY_BUTTON_TEXT_DECORATION3 = "none";
1930
+ var TYPOGRAPHY_BUTTON_TEXT_TRANSFORM3 = "uppercase";
1931
+ var ELEVATION_NONE2 = "none";
1932
+ var ELEVATION_LIGHT_LIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14)";
1933
+ var ELEVATION_LIGHT_SEMILIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.14)";
1934
+ var ELEVATION_LIGHT_REGULAR3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 4px 8px 0px rgba(0, 0, 0, 0.14)";
1935
+ var ELEVATION_LIGHT_SEMIBOLD3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.14)";
1936
+ var ELEVATION_LIGHT_BOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 14px 28px 0px rgba(0, 0, 0, 0.14)";
1937
+ var ELEVATION_LIGHT_EXTRABOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.12), 0px 32px 64px 0px rgba(0, 0, 0, 0.14)";
1938
+ var ELEVATION_DARK_LIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 1px 2px 0px rgba(0, 0, 0, 0.28)";
1939
+ var ELEVATION_DARK_SEMILIGHT3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 2px 4px 0px rgba(0, 0, 0, 0.28)";
1940
+ var ELEVATION_DARK_REGULAR3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 4px 8px 0px rgba(0, 0, 0, 0.28)";
1941
+ var ELEVATION_DARK_SEMIBOLD3 = "0px 0px 2px 0px rgba(0, 0, 0, 0.24), 0px 8px 16px 0px rgba(0, 0, 0, 0.28)";
1942
+ var ELEVATION_DARK_BOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 14px 28px 0px rgba(0, 0, 0, 0.28)";
1943
+ var ELEVATION_DARK_EXTRABOLD3 = "0px 0px 8px 0px rgba(0, 0, 0, 0.24), 0px 32px 64px 0px rgba(0, 0, 0, 0.28)";
1944
+ var TYPOGRAPHY_KEY_HEADING = "heading";
1945
+ var TYPOGRAPHY_KEY_CONTENT = "content";
1946
+ var TYPOGRAPHY_KEY_BUTTON3 = "button";
1947
+ var ELEVATION_KEY_LIGHT3 = "light";
1948
+ var ELEVATION_KEY_SEMILIGHT3 = "semilight";
1949
+ var ELEVATION_KEY_REGULAR3 = "regular";
1950
+ var ELEVATION_KEY_SEMIBOLD3 = "semibold";
1951
+ var ELEVATION_KEY_BOLD3 = "bold";
1952
+ var ELEVATION_KEY_EXTRABOLD3 = "extrabold";
1953
+ var VARIANT_PRIMARY3 = "primary";
1954
+ var VARIANT_SECONDARY3 = "secondary";
1955
+ var VARIANT_TERTIARY2 = "tertiary";
1956
+
1957
+ // src/Theming/CosmopolitanTheme.ts
1958
+ (function(CosmopolitanTheme2) {
1959
+ CosmopolitanTheme2.COSMOPOLITAN_THEME = ThemeFactory.create({
1960
+ name: NAME4,
1961
+ scheme: {
1962
+ light: {
1963
+ contrast: SCHEME_LIGHT_CONTRAST3,
1964
+ background: SCHEME_LIGHT_BACKGROUND3,
1965
+ foreground: SCHEME_LIGHT_FOREGROUND3,
1966
+ highlight: SCHEME_LIGHT_HIGHLIGHT3,
1967
+ middlelight: SCHEME_LIGHT_MIDDLELIGHT3,
1968
+ lowlight: SCHEME_LIGHT_LOWLIGHT3,
1969
+ transparent: SCHEME_LIGHT_TRANSPARENT3,
1970
+ semiTransparent: SCHEME_LIGHT_SEMI_TRANSPARENT3,
1971
+ disabled: SCHEME_LIGHT_DISABLED3
1972
+ },
1973
+ dark: {
1974
+ contrast: SCHEME_DARK_CONTRAST3,
1975
+ background: SCHEME_DARK_BACKGROUND3,
1976
+ foreground: SCHEME_DARK_FOREGROUND3,
1977
+ highlight: SCHEME_DARK_HIGHLIGHT3,
1978
+ middlelight: SCHEME_DARK_MIDDLELIGHT3,
1979
+ lowlight: SCHEME_DARK_LOWLIGHT3,
1980
+ transparent: SCHEME_DARK_TRANSPARENT3,
1981
+ semiTransparent: SCHEME_DARK_SEMI_TRANSPARENT3,
1982
+ disabled: SCHEME_DARK_DISABLED3
1983
+ }
1984
+ },
1985
+ palette: {
1986
+ light: {
1987
+ primary: {
1988
+ 0: COLOR_LIGHT_PRIMARY_03,
1989
+ 100: COLOR_LIGHT_PRIMARY_1004,
1990
+ 500: COLOR_LIGHT_PRIMARY_5004
1991
+ },
1992
+ secondary: {},
1993
+ tertiary: {}
1994
+ },
1995
+ dark: {
1996
+ primary: {
1997
+ 0: COLOR_DARK_PRIMARY_03,
1998
+ 100: COLOR_DARK_PRIMARY_1003,
1999
+ 500: COLOR_DARK_PRIMARY_5003
2000
+ },
2001
+ secondary: {},
2002
+ tertiary: {}
2003
+ }
2004
+ },
2005
+ fontFamily: FONT_FAMILY4,
2006
+ typography: {
2007
+ heading: {
2008
+ fontFamily: TYPOGRAPHY_HEADING_FONT_FAMILY,
2009
+ fontSize: TYPOGRAPHY_HEADING_FONT_SIZE,
2010
+ lineHeight: TYPOGRAPHY_HEADING_LINE_HEIGHT,
2011
+ fontWeight: TYPOGRAPHY_HEADING_FONT_WEIGHT,
2012
+ letterSpacing: TYPOGRAPHY_HEADING_LETTER_SPACING,
2013
+ textDecoration: TYPOGRAPHY_HEADING_TEXT_DECORATION,
2014
+ textTransform: TYPOGRAPHY_HEADING_TEXT_TRANSFORM
2015
+ },
2016
+ content: {
2017
+ fontFamily: TYPOGRAPHY_CONTENT_FONT_FAMILY,
2018
+ fontSize: TYPOGRAPHY_CONTENT_FONT_SIZE,
2019
+ lineHeight: TYPOGRAPHY_CONTENT_LINE_HEIGHT,
2020
+ fontWeight: TYPOGRAPHY_CONTENT_FONT_WEIGHT,
2021
+ letterSpacing: TYPOGRAPHY_CONTENT_LETTER_SPACING,
2022
+ textDecoration: TYPOGRAPHY_CONTENT_TEXT_DECORATION,
2023
+ textTransform: TYPOGRAPHY_CONTENT_TEXT_TRANSFORM
2024
+ },
2025
+ button: {
2026
+ fontFamily: TYPOGRAPHY_BUTTON_FONT_FAMILY3,
2027
+ fontSize: TYPOGRAPHY_BUTTON_FONT_SIZE3,
2028
+ lineHeight: TYPOGRAPHY_BUTTON_LINE_HEIGHT3,
2029
+ fontWeight: TYPOGRAPHY_BUTTON_FONT_WEIGHT3,
2030
+ letterSpacing: TYPOGRAPHY_BUTTON_LETTER_SPACING3,
2031
+ textDecoration: TYPOGRAPHY_BUTTON_TEXT_DECORATION3,
2032
+ textTransform: TYPOGRAPHY_BUTTON_TEXT_TRANSFORM3
2033
+ }
2034
+ },
2035
+ layout: {
2036
+ radius: LAYOUT_RADIUS4,
2037
+ space: LAYOUT_SPACE4,
2038
+ thickness: LAYOUT_THICKNESS4
2039
+ },
2040
+ elevation: {
2041
+ light: {
2042
+ light: ELEVATION_LIGHT_LIGHT3,
2043
+ semilight: ELEVATION_LIGHT_SEMILIGHT3,
2044
+ regular: ELEVATION_LIGHT_REGULAR3,
2045
+ semibold: ELEVATION_LIGHT_SEMIBOLD3,
2046
+ bold: ELEVATION_LIGHT_BOLD3,
2047
+ extrabold: ELEVATION_LIGHT_EXTRABOLD3,
2048
+ none: ELEVATION_NONE2
2049
+ },
2050
+ dark: {
2051
+ light: ELEVATION_DARK_LIGHT3,
2052
+ semilight: ELEVATION_DARK_SEMILIGHT3,
2053
+ regular: ELEVATION_DARK_REGULAR3,
2054
+ semibold: ELEVATION_DARK_SEMIBOLD3,
2055
+ bold: ELEVATION_DARK_BOLD3,
2056
+ extrabold: ELEVATION_DARK_EXTRABOLD3,
2057
+ none: ELEVATION_NONE2
2058
+ }
2059
+ }
2060
+ });
2061
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTES = [
2062
+ VARIANT_PRIMARY3,
2063
+ VARIANT_SECONDARY3,
2064
+ VARIANT_TERTIARY2
2065
+ ];
2066
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTE_VARIANTS = [
2067
+ "0",
2068
+ "100",
2069
+ "500"
2070
+ ];
2071
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEMES = [
2072
+ "light",
2073
+ "dark"
2074
+ ];
2075
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEME_VARIANTS = [
2076
+ "background",
2077
+ "foreground",
2078
+ "highlight",
2079
+ "middlelight",
2080
+ "lowlight",
2081
+ "transparent",
2082
+ "semiTransparent",
2083
+ "disabled",
2084
+ "contrast"
2085
+ ];
2086
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION = [
2087
+ "light",
2088
+ "dark"
2089
+ ];
2090
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION_VARIANTS = [
2091
+ ELEVATION_KEY_LIGHT3,
2092
+ ELEVATION_KEY_SEMILIGHT3,
2093
+ ELEVATION_KEY_REGULAR3,
2094
+ ELEVATION_KEY_SEMIBOLD3,
2095
+ ELEVATION_KEY_BOLD3,
2096
+ ELEVATION_KEY_EXTRABOLD3
2097
+ ];
2098
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_TYPOGRAPHY = [
2099
+ TYPOGRAPHY_KEY_HEADING,
2100
+ TYPOGRAPHY_KEY_CONTENT,
2101
+ TYPOGRAPHY_KEY_BUTTON3
2102
+ ];
2103
+ CosmopolitanTheme2.COSMOPOLITAN_THEME_METADATA = {
2104
+ theme: CosmopolitanTheme2.COSMOPOLITAN_THEME,
2105
+ palettes: CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTES,
2106
+ paletteVariants: CosmopolitanTheme2.COSMOPOLITAN_THEME_PALETTE_VARIANTS,
2107
+ schemes: CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEMES,
2108
+ schemeVariants: CosmopolitanTheme2.COSMOPOLITAN_THEME_SCHEME_VARIANTS,
2109
+ elevation: CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION,
2110
+ elevationVariants: CosmopolitanTheme2.COSMOPOLITAN_THEME_ELEVATION_VARIANTS,
2111
+ typographies: CosmopolitanTheme2.COSMOPOLITAN_THEME_TYPOGRAPHY
2112
+ };
2113
+ })(CosmopolitanTheme || (CosmopolitanTheme = {}));
2114
+ var CosmopolitanTheme;
2115
+
2116
+ // src/Theming/Utils/CssAspectRatio.ts
2117
+ (function(CssAspectRatio2) {
2118
+ function isCssAspectRatio(value) {
2119
+ if (typeof value === "string") {
2120
+ if (value.trim() === "") {
2121
+ return false;
2122
+ }
2123
+ if (value === "auto") {
2124
+ return true;
2125
+ }
2126
+ const ratioParts = value.split("/");
2127
+ if (ratioParts.length === 1) {
2128
+ return !isNaN(Number(ratioParts[0])) && Number(ratioParts[0]) >= 0;
2129
+ }
2130
+ if (ratioParts.length === 2) {
2131
+ return !isNaN(Number(ratioParts[0])) && Number(ratioParts[0]) >= 0 && !isNaN(Number(ratioParts[1])) && Number(ratioParts[1]) >= 0;
2132
+ }
2133
+ }
2134
+ return false;
2135
+ }
2136
+ __name(isCssAspectRatio, "isCssAspectRatio");
2137
+ CssAspectRatio2.isCssAspectRatio = isCssAspectRatio;
2138
+ })(CssAspectRatio || (CssAspectRatio = {}));
2139
+ var CssAspectRatio;
2140
+
2141
+ // src/Theming/Utils/CssColor.ts
2142
+ (function(CssColor2) {
2143
+ function isCssColor(value) {
2144
+ if (typeof value !== "string") {
2145
+ return false;
2146
+ }
2147
+ if (value.trim() === "") {
2148
+ return false;
2149
+ }
2150
+ const rgbRegex = /^rgb\(\d{1,3},\s*\d{1,3},\s*\d{1,3}\)$/;
2151
+ const rgbaRegex = /^rgba\(\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*(0(\.\d+)?|1(\.0+)?)\)$/;
2152
+ const hexRegex = /^#[0-9a-fA-F]{3,6}$/;
2153
+ return rgbRegex.test(value) || rgbaRegex.test(value) || hexRegex.test(value);
2154
+ }
2155
+ __name(isCssColor, "isCssColor");
2156
+ CssColor2.isCssColor = isCssColor;
2157
+ })(CssColor || (CssColor = {}));
2158
+ var CssColor;
2159
+
2160
+ // src/Theming/Utils/CssLength.ts
2161
+ (function(CssLength2) {
2162
+ function isCssLength(value) {
2163
+ if (typeof value === "number" || value === "auto") {
2164
+ return true;
2165
+ }
2166
+ if (typeof value !== "string") {
2167
+ return false;
2168
+ }
2169
+ if (value.trim() === "") {
2170
+ return false;
2171
+ }
2172
+ const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm|%)/;
2173
+ return lengthRegex.test(value);
2174
+ }
2175
+ __name(isCssLength, "isCssLength");
2176
+ CssLength2.isCssLength = isCssLength;
2177
+ function isAuto(value) {
2178
+ return value === "auto";
2179
+ }
2180
+ __name(isAuto, "isAuto");
2181
+ CssLength2.isAuto = isAuto;
2182
+ function isPercentage(value) {
2183
+ if (typeof value !== "string") {
2184
+ return false;
2185
+ }
2186
+ if (value.trim() === "") {
2187
+ return false;
2188
+ }
2189
+ const percentageRegex = /^-?\d+(\.\d+)?%/;
2190
+ return percentageRegex.test(value);
2191
+ }
2192
+ __name(isPercentage, "isPercentage");
2193
+ CssLength2.isPercentage = isPercentage;
2194
+ function isLength(value) {
2195
+ if (typeof value !== "string") {
2196
+ return false;
2197
+ }
2198
+ if (value.trim() === "") {
2199
+ return false;
2200
+ }
2201
+ const lengthRegex = /^-?\d+(\.\d+)?(em|ex|ch|rem|vh|vw|vmin|vmax|px|mm|cm|in|pt|pc|mozmm)/;
2202
+ return lengthRegex.test(value);
2203
+ }
2204
+ __name(isLength, "isLength");
2205
+ CssLength2.isLength = isLength;
2206
+ function toNumber(value) {
2207
+ if (typeof value === "number") {
2208
+ return value;
2209
+ }
2210
+ if (value === "auto") {
2211
+ throw new Error('Cannot convert "auto" to a number.');
2212
+ }
2213
+ const match = /^-?\d*\.?\d+/.exec(value);
2214
+ if (!match) {
2215
+ throw new Error(`Invalid CSS length: ${value}`);
2216
+ }
2217
+ return parseFloat(match[0]);
2218
+ }
2219
+ __name(toNumber, "toNumber");
2220
+ CssLength2.toNumber = toNumber;
2221
+ function extractUnit(cssLength) {
2222
+ const match = /[a-z%]+$/i.exec(cssLength);
2223
+ const lengt = match ? match[0] : null;
2224
+ if (lengt === null) {
2225
+ throw new Error(`Invalid value: ${cssLength}`);
2226
+ }
2227
+ return lengt;
2228
+ }
2229
+ __name(extractUnit, "extractUnit");
2230
+ CssLength2.extractUnit = extractUnit;
2231
+ function extractValue(cssLength) {
2232
+ const match = /^-?\d*\.?\d+/.exec(cssLength);
2233
+ const value = match ? parseFloat(match[0]) : null;
2234
+ if (value === null) {
2235
+ throw new Error(`Invalid value: ${cssLength}`);
2236
+ }
2237
+ return value;
2238
+ }
2239
+ __name(extractValue, "extractValue");
2240
+ CssLength2.extractValue = extractValue;
2241
+ function pxToRem(pixel) {
2242
+ const value = extractValue(pixel);
2243
+ const baseSize = 16;
2244
+ const sizeInRem = `${value / baseSize}rem`;
2245
+ return sizeInRem;
2246
+ }
2247
+ __name(pxToRem, "pxToRem");
2248
+ CssLength2.pxToRem = pxToRem;
2249
+ function tryParse(value, defaultUnit = "px") {
2250
+ if (value === void 0 || value === null) {
2251
+ return void 0;
2252
+ }
2253
+ if (typeof value === "string") {
2254
+ if (isLength(value)) {
2255
+ return value;
2256
+ }
2257
+ if (value.trim() === "") {
2258
+ return void 0;
2259
+ }
2260
+ return `${value}${defaultUnit}`;
2261
+ }
2262
+ if (typeof value === "number") {
2263
+ return `${String(value)}${defaultUnit}`;
2264
+ }
2265
+ return void 0;
2266
+ }
2267
+ __name(tryParse, "tryParse");
2268
+ CssLength2.tryParse = tryParse;
2269
+ })(CssLength || (CssLength = {}));
2270
+ var CssLength;
2271
+
2272
+ // src/Theming/Utils/CssShadow.ts
2273
+ (function(CssShadow2) {
2274
+ function isCssShadow(value) {
2275
+ if (typeof value !== "string") {
2276
+ return false;
2277
+ }
2278
+ if (value.trim() === "") {
2279
+ return false;
2280
+ }
2281
+ if (value === "none") {
2282
+ return true;
2283
+ }
2284
+ const shadows = value.split(/\s*,\s*/);
2285
+ return shadows.every(isCssShadowSingle);
2286
+ }
2287
+ __name(isCssShadow, "isCssShadow");
2288
+ CssShadow2.isCssShadow = isCssShadow;
2289
+ function isCssShadowSingle(value) {
2290
+ const shadowRegex = new RegExp("^(inset\\s+)?(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)\\s+(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)\\s+(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)?\\s*(-?\\d+(\\.\\d+)?(px|em|rem|vh|vw|%)?)?\\s*(rgba?\\(\\d{1,3},\\s*\\d{1,3},\\s*\\d{1,3}(,\\s*(0|1|0?\\.\\d+))?\\)|#[0-9a-fA-F]{3,6})$", "i");
2291
+ return shadowRegex.test(value);
2292
+ }
2293
+ __name(isCssShadowSingle, "isCssShadowSingle");
2294
+ })(CssShadow || (CssShadow = {}));
2295
+ var CssShadow;
2296
+
2297
+ // src/Theming/Utils/CssTime.ts
2298
+ (function(CssTime2) {
2299
+ function isCssTime(value) {
2300
+ if (typeof value === "number" || value === 0) {
2301
+ return true;
2302
+ }
2303
+ if (typeof value !== "string") {
2304
+ return false;
2305
+ }
2306
+ if (value.trim() === "") {
2307
+ return false;
2308
+ }
2309
+ const timeRegex = /^-?\d+(\.\d+)?(s|ms)/;
2310
+ return timeRegex.test(value);
2311
+ }
2312
+ __name(isCssTime, "isCssTime");
2313
+ CssTime2.isCssTime = isCssTime;
2314
+ })(CssTime || (CssTime = {}));
2315
+ var CssTime;
2316
+
2317
+ // src/Theming/Utils/IThemePalette.ts
2318
+ (function(IThemePalette2) {
2319
+ function isThemePalette(value) {
2320
+ return typeof value === "object" && value !== null;
2321
+ }
2322
+ __name(isThemePalette, "isThemePalette");
2323
+ IThemePalette2.isThemePalette = isThemePalette;
2324
+ })(IThemePalette || (IThemePalette = {}));
2325
+ var IThemePalette;
2326
+
2327
+ // src/Theming/Utils/ITheme.ts
2328
+ (function(ITheme2) {
2329
+ function getScheme(theme, mode) {
2330
+ const scheme = theme.scheme[mode];
2331
+ return scheme;
2332
+ }
2333
+ __name(getScheme, "getScheme");
2334
+ ITheme2.getScheme = getScheme;
2335
+ function getSchemeColor(theme, mode, key) {
2336
+ const scheme = theme.scheme[mode];
2337
+ const color = scheme[key];
2338
+ return color;
2339
+ }
2340
+ __name(getSchemeColor, "getSchemeColor");
2341
+ ITheme2.getSchemeColor = getSchemeColor;
2342
+ function getPalette(theme, mode, palette) {
2343
+ const paletteObj = theme.palette[mode][palette];
2344
+ if (!IThemePalette.isThemePalette(paletteObj)) {
2345
+ throw new Error(`Palette '${palette}' is not a valid theme palette.`);
2346
+ }
2347
+ return paletteObj;
2348
+ }
2349
+ __name(getPalette, "getPalette");
2350
+ ITheme2.getPalette = getPalette;
2351
+ function getPaletteColor(theme, mode, palette, key) {
2352
+ const paletteObj = theme.palette[mode][palette];
2353
+ if (!IThemePalette.isThemePalette(paletteObj)) {
2354
+ throw new Error(`Palette '${palette}' is not a valid theme palette.`);
2355
+ }
2356
+ const color = paletteObj[key];
2357
+ return color;
2358
+ }
2359
+ __name(getPaletteColor, "getPaletteColor");
2360
+ ITheme2.getPaletteColor = getPaletteColor;
2361
+ })(ITheme || (ITheme = {}));
2362
+ var ITheme;
2363
+ var MaterialThemeGeneratorStrategy = class {
2364
+ static {
2365
+ __name(this, "MaterialThemeGeneratorStrategy");
2366
+ }
2367
+ // #region Ctor
2368
+ constructor() {
2369
+ }
2370
+ // #endregion
2371
+ // #region Methods
2372
+ generatePalette(baseColor, mode) {
2373
+ if (mode === "light") {
2374
+ const baseLight2 = chroma("#ffffff");
2375
+ const baseDark2 = chroma("#000000");
2376
+ const palette2 = {};
2377
+ const steps2 = [
2378
+ 0,
2379
+ 50,
2380
+ 100,
2381
+ 200,
2382
+ 300,
2383
+ 400,
2384
+ 500,
2385
+ 600,
2386
+ 700,
2387
+ 800,
2388
+ 900
2389
+ ];
2390
+ const amounts2 = [
2391
+ 0,
2392
+ 12,
2393
+ 30,
2394
+ 50,
2395
+ 70,
2396
+ 85,
2397
+ 100,
2398
+ 87,
2399
+ 70,
2400
+ 54,
2401
+ 25
2402
+ ];
2403
+ steps2.forEach((step, i) => {
2404
+ const base = step <= 500 ? baseLight2 : baseDark2;
2405
+ palette2[`${step}`] = chroma.mix(base, baseColor, amounts2[i] / 100, "rgb").hex();
2406
+ });
2407
+ return palette2;
2408
+ }
2409
+ const baseLight = chroma("#ffffff");
2410
+ const baseDark = chroma("#000000");
2411
+ const palette = {};
2412
+ const steps = [
2413
+ 0,
2414
+ 50,
2415
+ 100,
2416
+ 200,
2417
+ 300,
2418
+ 400,
2419
+ 500,
2420
+ 600,
2421
+ 700,
2422
+ 800,
2423
+ 900
2424
+ ];
2425
+ const amounts = [
2426
+ 0,
2427
+ 15,
2428
+ 30,
2429
+ 45,
2430
+ 60,
2431
+ 75,
2432
+ 90,
2433
+ 100,
2434
+ 70,
2435
+ 54,
2436
+ 25
2437
+ ];
2438
+ steps.forEach((step, i) => {
2439
+ const base = step <= 600 ? baseDark : baseLight;
2440
+ palette[`${step}`] = chroma.mix(base, baseColor, amounts[i] / 100, "rgb").hex();
2441
+ });
2442
+ return palette;
2443
+ }
2444
+ generateScheme(baseColor, mode) {
2445
+ const baseChroma = chroma(baseColor);
2446
+ const luminance = baseChroma.luminance();
2447
+ const isDarkBase = luminance < 0.3;
2448
+ const adjustColor = /* @__PURE__ */ __name((color, targetAmount) => {
2449
+ const c = chroma(color);
2450
+ const currentLuminance = c.luminance();
2451
+ if (currentLuminance < 0.15 && targetAmount < 0) {
2452
+ return c.brighten(Math.abs(targetAmount / 25.5)).hex();
2453
+ }
2454
+ if (targetAmount > 0) {
2455
+ return c.brighten(targetAmount / 25.5).hex();
2456
+ }
2457
+ const darkened = c.darken(Math.abs(targetAmount / 25.5));
2458
+ if (darkened.luminance() < 0.02) {
2459
+ return c.brighten(Math.abs(targetAmount / 50)).hex();
2460
+ }
2461
+ return darkened.hex();
2462
+ }, "adjustColor");
2463
+ const middlelightAmount = isDarkBase ? 50 : -50;
2464
+ const lowlightAmount = isDarkBase ? 80 : -80;
2465
+ const disabledAmount = isDarkBase ? 40 : -40;
2466
+ return {
2467
+ background: baseColor,
2468
+ foreground: adjustColor(baseColor, mode === "dark" ? 190 : -190),
2469
+ highlight: adjustColor(baseColor, mode === "dark" ? 30 : -30),
2470
+ middlelight: adjustColor(baseColor, middlelightAmount),
2471
+ lowlight: adjustColor(baseColor, lowlightAmount),
2472
+ transparent: `${baseColor}00`,
2473
+ semiTransparent: `${baseColor}aa`,
2474
+ disabled: adjustColor(baseColor, disabledAmount),
2475
+ contrast: adjustColor(baseColor, mode === "dark" ? 190 : -190),
2476
+ selection: adjustColor(baseColor, mode === "dark" ? 30 : -30)
2477
+ };
2478
+ }
2479
+ };
2480
+ function createMaterialTheme() {
2481
+ const strategy = new MaterialThemeGeneratorStrategy();
2482
+ return () => strategy;
2483
+ }
2484
+ __name(createMaterialTheme, "createMaterialTheme");
2485
+
2486
+ // src/Theming/Strategies/JoyThemeGeneratorStrategy.ts
2487
+ var JoyThemeGeneratorStrategy = class {
2488
+ static {
2489
+ __name(this, "JoyThemeGeneratorStrategy");
2490
+ }
2491
+ // #region Fields
2492
+ _materialStrategy;
2493
+ // #endregion
2494
+ // #region Ctor
2495
+ constructor() {
2496
+ this._materialStrategy = new MaterialThemeGeneratorStrategy();
2497
+ }
2498
+ // #endregion
2499
+ // #region Methods
2500
+ generatePalette(baseColor, mode) {
2501
+ return this._materialStrategy.generatePalette(baseColor, mode);
2502
+ }
2503
+ generateScheme(baseColor, mode) {
2504
+ return this._materialStrategy.generateScheme(baseColor, mode);
2505
+ }
2506
+ };
2507
+ function createJoyTheme() {
2508
+ const strategy = new JoyThemeGeneratorStrategy();
2509
+ return () => strategy;
2510
+ }
2511
+ __name(createJoyTheme, "createJoyTheme");
2512
+
2513
+ // src/Theming/Strategies/MemphisThemeGeneratorStrategy.ts
2514
+ var MemphisThemeGeneratorStrategy = class {
2515
+ static {
2516
+ __name(this, "MemphisThemeGeneratorStrategy");
2517
+ }
2518
+ // #region Fields
2519
+ _materialStrategy;
2520
+ // #endregion
2521
+ // #region Ctor
2522
+ constructor() {
2523
+ this._materialStrategy = new MaterialThemeGeneratorStrategy();
2524
+ }
2525
+ // #endregion
2526
+ // #region Methods
2527
+ generatePalette(baseColor, mode) {
2528
+ return this._materialStrategy.generatePalette(baseColor, mode);
2529
+ }
2530
+ generateScheme(baseColor, mode) {
2531
+ return this._materialStrategy.generateScheme(baseColor, mode);
2532
+ }
2533
+ };
2534
+ function createMemphisTheme() {
2535
+ const strategy = new MemphisThemeGeneratorStrategy();
2536
+ return () => strategy;
2537
+ }
2538
+ __name(createMemphisTheme, "createMemphisTheme");
2539
+ var CosmopolitanThemeGeneratorStrategy = class {
2540
+ static {
2541
+ __name(this, "CosmopolitanThemeGeneratorStrategy");
2542
+ }
2543
+ // #region Fields
2544
+ _materialStrategy;
2545
+ // #endregion
2546
+ // #region Ctor
2547
+ constructor() {
2548
+ this._materialStrategy = new MaterialThemeGeneratorStrategy();
2549
+ }
2550
+ // #endregion
2551
+ // #region Methods
2552
+ generatePalette(baseColor, mode) {
2553
+ if (mode === "light") {
2554
+ const baseLight2 = chroma("#ffffff");
2555
+ const baseDark2 = chroma("#000000");
2556
+ const palette2 = {};
2557
+ const steps2 = [
2558
+ 0,
2559
+ 50,
2560
+ 100,
2561
+ 200,
2562
+ 300,
2563
+ 400,
2564
+ 500,
2565
+ 600,
2566
+ 700,
2567
+ 800,
2568
+ 900
2569
+ ];
2570
+ const amounts2 = [
2571
+ 0,
2572
+ 12,
2573
+ 30,
2574
+ 50,
2575
+ 70,
2576
+ 85,
2577
+ 100,
2578
+ 87,
2579
+ 70,
2580
+ 54,
2581
+ 25
2582
+ ];
2583
+ steps2.forEach((step, i) => {
2584
+ const base = step <= 500 ? baseLight2 : baseDark2;
2585
+ palette2[`${step}`] = chroma.mix(base, baseColor, amounts2[i] / 100, "rgb").hex();
2586
+ });
2587
+ return palette2;
2588
+ }
2589
+ const baseLight = chroma("#ffffff");
2590
+ const baseDark = chroma("#000000");
2591
+ const palette = {};
2592
+ const steps = [
2593
+ 0,
2594
+ 100,
2595
+ 500
2596
+ ];
2597
+ const amounts = [
2598
+ 0,
2599
+ 30,
2600
+ 100
2601
+ ];
2602
+ steps.forEach((step, i) => {
2603
+ const base = step <= 600 ? baseDark : baseLight;
2604
+ palette[`${step}`] = chroma.mix(base, baseColor, amounts[i] / 100, "rgb").hex();
2605
+ });
2606
+ return palette;
2607
+ }
2608
+ generateScheme(baseColor, mode) {
2609
+ return this._materialStrategy.generateScheme(baseColor, mode);
2610
+ }
2611
+ };
2612
+ function createCosmopolitanTheme() {
2613
+ const strategy = new CosmopolitanThemeGeneratorStrategy();
2614
+ return () => strategy;
2615
+ }
2616
+ __name(createCosmopolitanTheme, "createCosmopolitanTheme");
2617
+ var TailwindThemeGeneratorStrategy = class {
2618
+ static {
2619
+ __name(this, "TailwindThemeGeneratorStrategy");
2620
+ }
2621
+ /**
2622
+ * Generates a palette of shades based on a base/accent color.
2623
+ *
2624
+ * @param baseColor - The base/accent color (e.g. "#3498db")
2625
+ * @param mode - 'light' or 'dark' mode: determines how light or dark the palette extremes are.
2626
+ * @returns An IThemePalette mapping each shade step to a hex color.
2627
+ *
2628
+ * Example (light mode, baseColor = blue-ish):
2629
+ * {
2630
+ * "50": "#f5faff",
2631
+ * "100": "#e1f3ff",
2632
+ * ...
2633
+ * "500": "#3498db",
2634
+ * ...
2635
+ * "900": "#0a2d4b"
2636
+ * }
2637
+ */
2638
+ generatePalette(baseColor, mode) {
2639
+ const steps = [
2640
+ 50,
2641
+ 100,
2642
+ 200,
2643
+ 300,
2644
+ 400,
2645
+ 500,
2646
+ 600,
2647
+ 700,
2648
+ 800,
2649
+ 900
2650
+ ];
2651
+ const base = chroma(baseColor);
2652
+ const [h, s] = base.hsl();
2653
+ const palette = {};
2654
+ steps.forEach((step, idx) => {
2655
+ const t = idx / (steps.length - 1);
2656
+ const lightness = mode === "light" ? 0.95 - t * 0.6 : 0.15 + t * 0.6;
2657
+ const col = chroma.hsl(h, s, lightness);
2658
+ palette[step.toString()] = col.hex();
2659
+ });
2660
+ return palette;
2661
+ }
2662
+ /**
2663
+ * Generates a semantic color scheme for UI usage, based on the generated palette.
2664
+ *
2665
+ * @param baseColor - The base/accent color
2666
+ * @param mode - 'light' or 'dark'
2667
+ * @returns An IThemeScheme with semantic color roles.
2668
+ *
2669
+ * Returned keys:
2670
+ * - background → shade "50"
2671
+ * - foreground → shade "900"
2672
+ * - primary → shade "500"
2673
+ * - accent → shade "700"
2674
+ * - muted → shade "300"
2675
+ */
2676
+ generateScheme(baseColor, mode) {
2677
+ const p = this.generatePalette(baseColor, mode);
2678
+ return {
2679
+ background: p["50"],
2680
+ foreground: p["900"],
2681
+ primary: p["500"],
2682
+ accent: p["700"],
2683
+ muted: p["300"]
2684
+ };
2685
+ }
2686
+ };
2687
+ function createTailwindTheme() {
2688
+ const strategy = new TailwindThemeGeneratorStrategy();
2689
+ return () => strategy;
2690
+ }
2691
+ __name(createTailwindTheme, "createTailwindTheme");
2692
+
2693
+ export { BootstrapTheme, CosmopolitanTheme, CosmopolitanThemeGeneratorStrategy, CssAspectRatio, CssColor, CssLength, CssShadow, CssTime, ITheme, IThemePalette, JoyTheme, JoyThemeGeneratorStrategy, MaterialThemeGeneratorStrategy, MemphisTheme, MemphisThemeGeneratorStrategy, TailwindThemeGeneratorStrategy, createCosmopolitanTheme, createJoyTheme, createMaterialTheme, createMemphisTheme, createTailwindTheme };
2694
+ //# sourceMappingURL=index.node.js.map
2695
+ //# sourceMappingURL=index.node.js.map