@evolve.ui/theme-system 1.0.0

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 (84) hide show
  1. package/allThemes-CFS_9-tk.cjs +34 -0
  2. package/allThemes-CFS_9-tk.cjs.map +1 -0
  3. package/allThemes-OV-ayn4C.mjs +17 -0
  4. package/allThemes-OV-ayn4C.mjs.map +1 -0
  5. package/allThemes.cjs +6 -0
  6. package/allThemes.d.cts +11 -0
  7. package/allThemes.d.cts.map +1 -0
  8. package/allThemes.d.mts +11 -0
  9. package/allThemes.d.mts.map +1 -0
  10. package/allThemes.mjs +2 -0
  11. package/brands-n30rolHQ.d.cts +33 -0
  12. package/brands-n30rolHQ.d.cts.map +1 -0
  13. package/brands-n30rolHQ.d.mts +33 -0
  14. package/brands-n30rolHQ.d.mts.map +1 -0
  15. package/brands.cjs +41 -0
  16. package/brands.cjs.map +1 -0
  17. package/brands.d.cts +2 -0
  18. package/brands.d.mts +2 -0
  19. package/brands.mjs +35 -0
  20. package/brands.mjs.map +1 -0
  21. package/cn.cjs +43 -0
  22. package/cn.cjs.map +1 -0
  23. package/cn.d.cts +36 -0
  24. package/cn.d.cts.map +1 -0
  25. package/cn.d.mts +36 -0
  26. package/cn.d.mts.map +1 -0
  27. package/cn.mjs +39 -0
  28. package/cn.mjs.map +1 -0
  29. package/css/BasketballTraining.css +377 -0
  30. package/css/Default.css +377 -0
  31. package/css/ProfessionalBrand.css +377 -0
  32. package/default-B2n4PnsJ.mjs +914 -0
  33. package/default-B2n4PnsJ.mjs.map +1 -0
  34. package/default-b-tgfyxR.cjs +956 -0
  35. package/default-b-tgfyxR.cjs.map +1 -0
  36. package/fontFamily-BBoee6cS.cjs +85 -0
  37. package/fontFamily-BBoee6cS.cjs.map +1 -0
  38. package/fontFamily-DTm-Yz5-.mjs +31 -0
  39. package/fontFamily-DTm-Yz5-.mjs.map +1 -0
  40. package/index.cjs +249 -0
  41. package/index.cjs.map +1 -0
  42. package/index.d.cts +516 -0
  43. package/index.d.cts.map +1 -0
  44. package/index.d.mts +516 -0
  45. package/index.d.mts.map +1 -0
  46. package/index.mjs +28 -0
  47. package/index.mjs.map +1 -0
  48. package/package.json +53 -0
  49. package/plugin-D4eCyUJe.mjs +583 -0
  50. package/plugin-D4eCyUJe.mjs.map +1 -0
  51. package/plugin-DPtvp4lp.cjs +601 -0
  52. package/plugin-DPtvp4lp.cjs.map +1 -0
  53. package/spacing-B2mhXYOl.cjs +1446 -0
  54. package/spacing-B2mhXYOl.cjs.map +1 -0
  55. package/spacing-D43IZfIU.mjs +289 -0
  56. package/spacing-D43IZfIU.mjs.map +1 -0
  57. package/tailwind/plugin.cjs +6 -0
  58. package/tailwind/plugin.d.cts +18 -0
  59. package/tailwind/plugin.d.cts.map +1 -0
  60. package/tailwind/plugin.d.mts +18 -0
  61. package/tailwind/plugin.d.mts.map +1 -0
  62. package/tailwind/plugin.mjs +2 -0
  63. package/tailwind.config.cjs +2 -0
  64. package/tailwind.config.mjs +2 -0
  65. package/themes/common.cjs +68 -0
  66. package/themes/common.cjs.map +1 -0
  67. package/themes/common.d.cts +58 -0
  68. package/themes/common.d.cts.map +1 -0
  69. package/themes/common.d.mts +58 -0
  70. package/themes/common.d.mts.map +1 -0
  71. package/themes/common.mjs +61 -0
  72. package/themes/common.mjs.map +1 -0
  73. package/themes/runtime/default.cjs +6 -0
  74. package/themes/runtime/default.d.cts +7 -0
  75. package/themes/runtime/default.d.cts.map +1 -0
  76. package/themes/runtime/default.d.mts +7 -0
  77. package/themes/runtime/default.d.mts.map +1 -0
  78. package/themes/runtime/default.mjs +2 -0
  79. package/themes/themeType.cjs +0 -0
  80. package/themes/themeType.d.cts +284 -0
  81. package/themes/themeType.d.cts.map +1 -0
  82. package/themes/themeType.d.mts +284 -0
  83. package/themes/themeType.d.mts.map +1 -0
  84. package/themes/themeType.mjs +1 -0
@@ -0,0 +1,956 @@
1
+ const require_fontFamily = require("./fontFamily-BBoee6cS.cjs");
2
+ const require_spacing = require("./spacing-B2mhXYOl.cjs");
3
+ const require_themes_common = require("./themes/common.cjs");
4
+ let tinycolor2 = require("tinycolor2");
5
+ tinycolor2 = require_fontFamily.__toESM(tinycolor2);
6
+ //#region src/utils/color.ts
7
+ const lighten = (percentAsInt, unprocessedColor) => {
8
+ const color = (0, tinycolor2.default)(unprocessedColor);
9
+ const amount = percentAsInt * ((1 - color.toHsl().l) * 100) / 100;
10
+ return color.lighten(amount);
11
+ };
12
+ const darken = (percentAsInt, unprocessedColor) => {
13
+ const color = (0, tinycolor2.default)(unprocessedColor);
14
+ const amount = percentAsInt * (color.toHsl().l * 100) / 100;
15
+ return color.darken(amount);
16
+ };
17
+ const removeRGB = (color) => color.replace(/rgb\(|,|\)/g, "");
18
+ /**
19
+ * Generate a set of color steps from a base color. Base color becomes 500.
20
+ *
21
+ * @param color The color to generate the steps from
22
+ * @returns An array of 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 color values.
23
+ */
24
+ const generateNormalColorSteps = (color) => {
25
+ return [
26
+ removeRGB(lighten(95, color).toRgbString()),
27
+ removeRGB(lighten(85, color).toRgbString()),
28
+ removeRGB(lighten(70, color).toRgbString()),
29
+ removeRGB(lighten(40, color).toRgbString()),
30
+ removeRGB(lighten(20, color).toRgbString()),
31
+ removeRGB((0, tinycolor2.default)(color).toRgbString()),
32
+ removeRGB(darken(20, color).toRgbString()),
33
+ removeRGB(darken(40, color).toRgbString()),
34
+ removeRGB(darken(50, color).toRgbString()),
35
+ removeRGB(darken(70, color).toRgbString())
36
+ ];
37
+ };
38
+ /**
39
+ * Generate a set of color steps from a base color. Base color becomes 500.
40
+ *
41
+ * @param color The color to generate the steps from
42
+ * @param isNeutral Whether the color is a neutral color to make surface-50 true white
43
+ * @returns An array of 50, 100, 200, 300, 400, 500, 600, 700, 800, 900 color values.
44
+ */
45
+ const generateSurfaceColorSteps = (color, isNeutral = false) => {
46
+ return [
47
+ removeRGB(lighten(isNeutral ? 100 : 99, color).toRgbString()),
48
+ removeRGB(lighten(95, color).toRgbString()),
49
+ removeRGB(lighten(80, color).toRgbString()),
50
+ removeRGB(lighten(50, color).toRgbString()),
51
+ removeRGB(lighten(30, color).toRgbString()),
52
+ removeRGB((0, tinycolor2.default)(color).toRgbString()),
53
+ removeRGB(darken(20, color).toRgbString()),
54
+ removeRGB(darken(40, color).toRgbString()),
55
+ removeRGB(darken(50, color).toRgbString()),
56
+ removeRGB(darken(70, color).toRgbString())
57
+ ];
58
+ };
59
+ const steps = [
60
+ "50",
61
+ "100",
62
+ "200",
63
+ "300",
64
+ "400",
65
+ "500",
66
+ "600",
67
+ "700",
68
+ "800",
69
+ "900"
70
+ ];
71
+ const colorStepArrayToObject = (colorStepArray) => {
72
+ return {
73
+ "100": colorStepArray[1],
74
+ "200": colorStepArray[2],
75
+ "300": colorStepArray[3],
76
+ "400": colorStepArray[4],
77
+ "50": colorStepArray[0],
78
+ "500": colorStepArray[5],
79
+ "600": colorStepArray[6],
80
+ "700": colorStepArray[7],
81
+ "800": colorStepArray[8],
82
+ "900": colorStepArray[9]
83
+ };
84
+ };
85
+ //#endregion
86
+ //#region src/themes/BasketballTraining.ts
87
+ var BasketballTraining_exports = /* @__PURE__ */ require_fontFamily.__exportAll({
88
+ colorAliases: () => colorAliases$2,
89
+ coreColors: () => coreColors$2,
90
+ nonColorVariables: () => nonColorVariables$2
91
+ });
92
+ const coreColors$2 = {
93
+ amber: colorStepArrayToObject(generateNormalColorSteps("#B45309")),
94
+ blue: colorStepArrayToObject(generateNormalColorSteps("#0369A1")),
95
+ green: colorStepArrayToObject(generateNormalColorSteps("#15803D")),
96
+ neutral: colorStepArrayToObject(generateSurfaceColorSteps("#5D564F", true)),
97
+ orange: colorStepArrayToObject(generateNormalColorSteps("#C2410C")),
98
+ red: colorStepArrayToObject(generateNormalColorSteps("#CC2B20")),
99
+ teal: colorStepArrayToObject(generateNormalColorSteps("#1E3A5F")),
100
+ violet: colorStepArrayToObject(generateNormalColorSteps("#0F766E"))
101
+ };
102
+ const colorAliases$2 = {
103
+ critical: coreColors$2.red,
104
+ info: coreColors$2.blue,
105
+ primary: coreColors$2.orange,
106
+ secondary: coreColors$2.teal,
107
+ success: coreColors$2.green,
108
+ surface: coreColors$2.neutral,
109
+ tertiary: coreColors$2.violet,
110
+ warning: coreColors$2.amber
111
+ };
112
+ const nonColorVariables$2 = {
113
+ "--box-shadow-01": `0px 4px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
114
+ "--box-shadow-02": `0px 1px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}, 0px 1px 8px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
115
+ "--box-shadow-03": `0px 2px 8px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}, 0px 4px 16px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
116
+ "--box-shadow-04": `0px 3px 12px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface500), 50)}, 0px 6px 24px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}`,
117
+ "--box-shadow-05": `0px -4px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
118
+ "--button-border-radius": "8px",
119
+ "--checkbox-border-radius": "4px",
120
+ "--color-background-critical-dark": require_spacing.wrapVar(require_spacing.colorCritical500),
121
+ "--color-background-critical-light": require_spacing.wrapVar(require_spacing.colorCritical50),
122
+ "--color-background-disabled": require_spacing.wrapVar(require_spacing.colorSurface200),
123
+ "--color-background-hover": require_spacing.wrapVar(require_spacing.colorSurface900),
124
+ "--color-background-hover-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
125
+ "--color-background-info-dark": require_spacing.wrapVar(require_spacing.colorInfo600),
126
+ "--color-background-info-light": require_spacing.wrapVar(require_spacing.colorInfo50),
127
+ "--color-background-inverse": require_spacing.wrapVar(require_spacing.colorPrimary900),
128
+ "--color-background-overlay": require_spacing.wrapVar(require_spacing.colorSurface900),
129
+ "--color-background-pressed": require_spacing.wrapVar(require_spacing.colorSurface900),
130
+ "--color-background-pressed-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
131
+ "--color-background-primary": require_spacing.wrapVar(require_spacing.colorSurface50),
132
+ "--color-background-secondary": require_spacing.wrapVar(require_spacing.colorSecondary50),
133
+ "--color-background-subdued": require_spacing.wrapVar(require_spacing.colorSurface100),
134
+ "--color-background-success-dark": require_spacing.wrapVar(require_spacing.colorSuccess900),
135
+ "--color-background-success-light": require_spacing.wrapVar(require_spacing.colorSuccess50),
136
+ "--color-background-tertiary": require_spacing.wrapVar(require_spacing.colorTertiary50),
137
+ "--color-background-warning-dark": require_spacing.wrapVar(require_spacing.colorWarning500),
138
+ "--color-background-warning-light": require_spacing.wrapVar(require_spacing.colorWarning50),
139
+ "--color-border-black": require_spacing.wrapVar(require_spacing.colorSurface900),
140
+ "--color-border-critical": require_spacing.wrapVar(require_spacing.colorCritical400),
141
+ "--color-border-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
142
+ "--color-border-hover": require_spacing.wrapVar(require_spacing.colorPrimary700),
143
+ "--color-border-info": require_spacing.wrapVar(require_spacing.colorInfo400),
144
+ "--color-border-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
145
+ "--color-border-primary": require_spacing.wrapVar(require_spacing.colorSurface300),
146
+ "--color-border-secondary": require_spacing.wrapVar(require_spacing.colorSurface200),
147
+ "--color-border-selected": require_spacing.wrapVar(require_spacing.colorPrimary500),
148
+ "--color-border-success": require_spacing.wrapVar(require_spacing.colorSuccess300),
149
+ "--color-border-tertiary": require_spacing.wrapVar(require_spacing.colorSurface100),
150
+ "--color-border-warning": require_spacing.wrapVar(require_spacing.colorWarning300),
151
+ "--color-focus-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
152
+ "--color-focus-primary": require_spacing.wrapVar(require_spacing.colorPrimary500),
153
+ "--color-icon-critical": require_spacing.wrapVar(require_spacing.colorCritical400),
154
+ "--color-icon-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
155
+ "--color-icon-info": require_spacing.wrapVar(require_spacing.colorInfo400),
156
+ "--color-icon-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
157
+ "--color-icon-primary": require_spacing.wrapVar(require_spacing.colorSurface500),
158
+ "--color-icon-secondary": require_spacing.wrapVar(require_spacing.colorPrimary500),
159
+ "--color-icon-success": require_spacing.wrapVar(require_spacing.colorSuccess700),
160
+ "--color-icon-warning": require_spacing.wrapVar(require_spacing.colorWarning600),
161
+ "--color-link-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
162
+ "--color-link-hover": require_spacing.wrapVar(require_spacing.colorPrimary700),
163
+ "--color-link-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
164
+ "--color-link-inverse-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
165
+ "--color-link-inverse-hover": require_spacing.wrapVar(require_spacing.colorSurface100),
166
+ "--color-link-inverse-pressed": require_spacing.wrapVar(require_spacing.colorSurface200),
167
+ "--color-link-monochrome": require_spacing.wrapVar(require_spacing.colorSurface900),
168
+ "--color-link-pressed": require_spacing.wrapVar(require_spacing.colorPrimary900),
169
+ "--color-link-primary": require_spacing.wrapVar(require_spacing.colorPrimary500),
170
+ "--color-link-secondary": require_spacing.wrapVar(require_spacing.colorSurface500),
171
+ "--color-text-critical": require_spacing.wrapVar(require_spacing.colorCritical500),
172
+ "--color-text-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
173
+ "--color-text-inactive": require_spacing.wrapVar(require_spacing.colorSurface300),
174
+ "--color-text-info": require_spacing.wrapVar(require_spacing.colorInfo700),
175
+ "--color-text-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
176
+ "--color-text-primary": require_spacing.wrapVar(require_spacing.colorSurface900),
177
+ "--color-text-secondary": require_spacing.wrapVar(require_spacing.colorSurface500),
178
+ "--color-text-success": require_spacing.wrapVar(require_spacing.colorSuccess900),
179
+ "--color-text-warning": require_spacing.wrapVar(require_spacing.colorWarning800),
180
+ "--container-border-radius": "12px",
181
+ "--font-family-primary": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
182
+ "--font-family-secondary": "'Georgia', serif",
183
+ "--font-size-button-100": "14px",
184
+ "--font-size-button-200": "12px",
185
+ "--font-weight-body-primary": "400",
186
+ "--font-weight-body-secondary": "400",
187
+ "--font-weight-button": "600",
188
+ "--font-weight-caption": "400",
189
+ "--font-weight-h1": "400",
190
+ "--font-weight-h2": "400",
191
+ "--font-weight-h3": "400",
192
+ "--font-weight-h4": "400",
193
+ "--font-weight-h5": "600",
194
+ "--font-weight-h6": "600",
195
+ "--font-weight-label-mini": "400",
196
+ "--font-weight-label-strong": "600",
197
+ "--input-border-radius": "6px",
198
+ "--letter-spacing-body-primary": "0.2px",
199
+ "--letter-spacing-body-secondary": "0.2px",
200
+ "--letter-spacing-button": "1px",
201
+ "--letter-spacing-caption": "0.2px",
202
+ "--letter-spacing-h1": "0.2px",
203
+ "--letter-spacing-h1-mobile": "0.2px",
204
+ "--letter-spacing-h2": "0.2px",
205
+ "--letter-spacing-h2-mobile": "0.2px",
206
+ "--letter-spacing-h3": "0.2px",
207
+ "--letter-spacing-h3-mobile": "0.2px",
208
+ "--letter-spacing-h4": "0.2px",
209
+ "--letter-spacing-h5": "0.2px",
210
+ "--letter-spacing-h6": "1px",
211
+ "--letter-spacing-label-mini": "1px",
212
+ "--letter-spacing-label-strong": "0.2px",
213
+ "--search-input-border-radius": "24px",
214
+ "--text-transform-button": "uppercase",
215
+ "--text-transform-h6": "uppercase",
216
+ "--text-transform-label-mini": "uppercase",
217
+ "--width-dense": "1200px",
218
+ "--width-page": "1644px"
219
+ };
220
+ //#endregion
221
+ //#region src/themes/Default.ts
222
+ var Default_exports = /* @__PURE__ */ require_fontFamily.__exportAll({
223
+ colorAliases: () => colorAliases$1,
224
+ coreColors: () => coreColors$1,
225
+ nonColorVariables: () => nonColorVariables$1
226
+ });
227
+ const coreColors$1 = {
228
+ amber: colorStepArrayToObject(generateNormalColorSteps("#D97706")),
229
+ blue: colorStepArrayToObject(generateNormalColorSteps("#2563EB")),
230
+ gray: colorStepArrayToObject(generateNormalColorSteps("#33415C")),
231
+ green: colorStepArrayToObject(generateNormalColorSteps("#16A34A")),
232
+ neutral: colorStepArrayToObject(generateSurfaceColorSteps("#555E6B", true)),
233
+ red: colorStepArrayToObject(generateNormalColorSteps("#D92525")),
234
+ stone: colorStepArrayToObject(generateNormalColorSteps("#6E6259")),
235
+ zinc: colorStepArrayToObject(generateNormalColorSteps("#5C6470"))
236
+ };
237
+ const colorAliases$1 = {
238
+ critical: coreColors$1.red,
239
+ info: coreColors$1.blue,
240
+ primary: coreColors$1.gray,
241
+ secondary: coreColors$1.zinc,
242
+ success: coreColors$1.green,
243
+ surface: coreColors$1.neutral,
244
+ tertiary: coreColors$1.stone,
245
+ warning: coreColors$1.amber
246
+ };
247
+ const nonColorVariables$1 = {
248
+ "--box-shadow-01": `0px 4px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
249
+ "--box-shadow-02": `0px 1px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}, 0px 1px 8px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
250
+ "--box-shadow-03": `0px 2px 8px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}, 0px 4px 16px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
251
+ "--box-shadow-04": `0px 3px 12px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface500), 50)}, 0px 6px 24px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}`,
252
+ "--box-shadow-05": `0px -4px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
253
+ "--button-border-radius": "8px",
254
+ "--checkbox-border-radius": "4px",
255
+ "--color-background-critical-dark": require_spacing.wrapVar(require_spacing.colorCritical500),
256
+ "--color-background-critical-light": require_spacing.wrapVar(require_spacing.colorCritical50),
257
+ "--color-background-disabled": require_spacing.wrapVar(require_spacing.colorSurface200),
258
+ "--color-background-hover": require_spacing.wrapVar(require_spacing.colorSurface900),
259
+ "--color-background-hover-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
260
+ "--color-background-info-dark": require_spacing.wrapVar(require_spacing.colorInfo600),
261
+ "--color-background-info-light": require_spacing.wrapVar(require_spacing.colorInfo50),
262
+ "--color-background-inverse": require_spacing.wrapVar(require_spacing.colorPrimary900),
263
+ "--color-background-overlay": require_spacing.wrapVar(require_spacing.colorSurface900),
264
+ "--color-background-pressed": require_spacing.wrapVar(require_spacing.colorSurface900),
265
+ "--color-background-pressed-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
266
+ "--color-background-primary": require_spacing.wrapVar(require_spacing.colorSurface50),
267
+ "--color-background-secondary": require_spacing.wrapVar(require_spacing.colorSecondary50),
268
+ "--color-background-subdued": require_spacing.wrapVar(require_spacing.colorSurface100),
269
+ "--color-background-success-dark": require_spacing.wrapVar(require_spacing.colorSuccess900),
270
+ "--color-background-success-light": require_spacing.wrapVar(require_spacing.colorSuccess50),
271
+ "--color-background-tertiary": require_spacing.wrapVar(require_spacing.colorTertiary50),
272
+ "--color-background-warning-dark": require_spacing.wrapVar(require_spacing.colorWarning500),
273
+ "--color-background-warning-light": require_spacing.wrapVar(require_spacing.colorWarning50),
274
+ "--color-border-black": require_spacing.wrapVar(require_spacing.colorSurface900),
275
+ "--color-border-critical": require_spacing.wrapVar(require_spacing.colorCritical400),
276
+ "--color-border-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
277
+ "--color-border-hover": require_spacing.wrapVar(require_spacing.colorPrimary700),
278
+ "--color-border-info": require_spacing.wrapVar(require_spacing.colorInfo400),
279
+ "--color-border-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
280
+ "--color-border-primary": require_spacing.wrapVar(require_spacing.colorSurface300),
281
+ "--color-border-secondary": require_spacing.wrapVar(require_spacing.colorSurface200),
282
+ "--color-border-selected": require_spacing.wrapVar(require_spacing.colorPrimary500),
283
+ "--color-border-success": require_spacing.wrapVar(require_spacing.colorSuccess300),
284
+ "--color-border-tertiary": require_spacing.wrapVar(require_spacing.colorSurface100),
285
+ "--color-border-warning": require_spacing.wrapVar(require_spacing.colorWarning300),
286
+ "--color-focus-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
287
+ "--color-focus-primary": require_spacing.wrapVar(require_spacing.colorPrimary500),
288
+ "--color-icon-critical": require_spacing.wrapVar(require_spacing.colorCritical400),
289
+ "--color-icon-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
290
+ "--color-icon-info": require_spacing.wrapVar(require_spacing.colorInfo400),
291
+ "--color-icon-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
292
+ "--color-icon-primary": require_spacing.wrapVar(require_spacing.colorSurface500),
293
+ "--color-icon-secondary": require_spacing.wrapVar(require_spacing.colorPrimary500),
294
+ "--color-icon-success": require_spacing.wrapVar(require_spacing.colorSuccess700),
295
+ "--color-icon-warning": require_spacing.wrapVar(require_spacing.colorWarning600),
296
+ "--color-link-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
297
+ "--color-link-hover": require_spacing.wrapVar(require_spacing.colorPrimary700),
298
+ "--color-link-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
299
+ "--color-link-inverse-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
300
+ "--color-link-inverse-hover": require_spacing.wrapVar(require_spacing.colorSurface100),
301
+ "--color-link-inverse-pressed": require_spacing.wrapVar(require_spacing.colorSurface200),
302
+ "--color-link-monochrome": require_spacing.wrapVar(require_spacing.colorSurface900),
303
+ "--color-link-pressed": require_spacing.wrapVar(require_spacing.colorPrimary900),
304
+ "--color-link-primary": require_spacing.wrapVar(require_spacing.colorPrimary500),
305
+ "--color-link-secondary": require_spacing.wrapVar(require_spacing.colorSurface500),
306
+ "--color-text-critical": require_spacing.wrapVar(require_spacing.colorCritical500),
307
+ "--color-text-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
308
+ "--color-text-inactive": require_spacing.wrapVar(require_spacing.colorSurface300),
309
+ "--color-text-info": require_spacing.wrapVar(require_spacing.colorInfo700),
310
+ "--color-text-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
311
+ "--color-text-primary": require_spacing.wrapVar(require_spacing.colorSurface900),
312
+ "--color-text-secondary": require_spacing.wrapVar(require_spacing.colorSurface500),
313
+ "--color-text-success": require_spacing.wrapVar(require_spacing.colorSuccess900),
314
+ "--color-text-warning": require_spacing.wrapVar(require_spacing.colorWarning800),
315
+ "--container-border-radius": "8px",
316
+ "--font-family-primary": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
317
+ "--font-family-secondary": "'Georgia', serif",
318
+ "--font-size-button-100": "14px",
319
+ "--font-size-button-200": "12px",
320
+ "--font-weight-body-primary": "400",
321
+ "--font-weight-body-secondary": "400",
322
+ "--font-weight-button": "600",
323
+ "--font-weight-caption": "400",
324
+ "--font-weight-h1": "400",
325
+ "--font-weight-h2": "400",
326
+ "--font-weight-h3": "400",
327
+ "--font-weight-h4": "400",
328
+ "--font-weight-h5": "600",
329
+ "--font-weight-h6": "600",
330
+ "--font-weight-label-mini": "400",
331
+ "--font-weight-label-strong": "600",
332
+ "--input-border-radius": "6px",
333
+ "--letter-spacing-body-primary": "0.2px",
334
+ "--letter-spacing-body-secondary": "0.2px",
335
+ "--letter-spacing-button": "1px",
336
+ "--letter-spacing-caption": "0.2px",
337
+ "--letter-spacing-h1": "0.2px",
338
+ "--letter-spacing-h1-mobile": "0.2px",
339
+ "--letter-spacing-h2": "0.2px",
340
+ "--letter-spacing-h2-mobile": "0.2px",
341
+ "--letter-spacing-h3": "0.2px",
342
+ "--letter-spacing-h3-mobile": "0.2px",
343
+ "--letter-spacing-h4": "0.2px",
344
+ "--letter-spacing-h5": "0.2px",
345
+ "--letter-spacing-h6": "1px",
346
+ "--letter-spacing-label-mini": "1px",
347
+ "--letter-spacing-label-strong": "0.2px",
348
+ "--search-input-border-radius": "24px",
349
+ "--text-transform-button": "uppercase",
350
+ "--text-transform-h6": "uppercase",
351
+ "--text-transform-label-mini": "uppercase",
352
+ "--width-dense": "1200px",
353
+ "--width-page": "1644px"
354
+ };
355
+ //#endregion
356
+ //#region src/themes/ProfessionalBrand.ts
357
+ var ProfessionalBrand_exports = /* @__PURE__ */ require_fontFamily.__exportAll({
358
+ colorAliases: () => colorAliases,
359
+ coreColors: () => coreColors,
360
+ nonColorVariables: () => nonColorVariables
361
+ });
362
+ const coreColors = {
363
+ amber: colorStepArrayToObject(generateNormalColorSteps("#B45309")),
364
+ blue: colorStepArrayToObject(generateNormalColorSteps("#1D4ED8")),
365
+ cyan: colorStepArrayToObject(generateNormalColorSteps("#0C6478")),
366
+ green: colorStepArrayToObject(generateNormalColorSteps("#047857")),
367
+ indigo: colorStepArrayToObject(generateNormalColorSteps("#4F46E5")),
368
+ neutral: colorStepArrayToObject(generateSurfaceColorSteps("#525B6E", true)),
369
+ red: colorStepArrayToObject(generateNormalColorSteps("#D42424")),
370
+ slate: colorStepArrayToObject(generateNormalColorSteps("#475569"))
371
+ };
372
+ const colorAliases = {
373
+ critical: coreColors.red,
374
+ info: coreColors.cyan,
375
+ primary: coreColors.blue,
376
+ secondary: coreColors.slate,
377
+ success: coreColors.green,
378
+ surface: coreColors.neutral,
379
+ tertiary: coreColors.indigo,
380
+ warning: coreColors.amber
381
+ };
382
+ const nonColorVariables = {
383
+ "--box-shadow-01": `0px 4px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
384
+ "--box-shadow-02": `0px 1px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}, 0px 1px 8px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
385
+ "--box-shadow-03": `0px 2px 8px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}, 0px 4px 16px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
386
+ "--box-shadow-04": `0px 3px 12px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface500), 50)}, 0px 6px 24px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface300), 50)}`,
387
+ "--box-shadow-05": `0px -4px 4px ${require_spacing.wrapOpacity(require_spacing.wrapVar(require_spacing.colorSurface200), 50)}`,
388
+ "--button-border-radius": "8px",
389
+ "--checkbox-border-radius": "4px",
390
+ "--color-background-critical-dark": require_spacing.wrapVar(require_spacing.colorCritical500),
391
+ "--color-background-critical-light": require_spacing.wrapVar(require_spacing.colorCritical50),
392
+ "--color-background-disabled": require_spacing.wrapVar(require_spacing.colorSurface200),
393
+ "--color-background-hover": require_spacing.wrapVar(require_spacing.colorSurface900),
394
+ "--color-background-hover-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
395
+ "--color-background-info-dark": require_spacing.wrapVar(require_spacing.colorInfo600),
396
+ "--color-background-info-light": require_spacing.wrapVar(require_spacing.colorInfo50),
397
+ "--color-background-inverse": require_spacing.wrapVar(require_spacing.colorPrimary900),
398
+ "--color-background-overlay": require_spacing.wrapVar(require_spacing.colorSurface900),
399
+ "--color-background-pressed": require_spacing.wrapVar(require_spacing.colorSurface900),
400
+ "--color-background-pressed-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
401
+ "--color-background-primary": require_spacing.wrapVar(require_spacing.colorSurface50),
402
+ "--color-background-secondary": require_spacing.wrapVar(require_spacing.colorSecondary50),
403
+ "--color-background-subdued": require_spacing.wrapVar(require_spacing.colorSurface100),
404
+ "--color-background-success-dark": require_spacing.wrapVar(require_spacing.colorSuccess900),
405
+ "--color-background-success-light": require_spacing.wrapVar(require_spacing.colorSuccess50),
406
+ "--color-background-tertiary": require_spacing.wrapVar(require_spacing.colorTertiary50),
407
+ "--color-background-warning-dark": require_spacing.wrapVar(require_spacing.colorWarning500),
408
+ "--color-background-warning-light": require_spacing.wrapVar(require_spacing.colorWarning50),
409
+ "--color-border-black": require_spacing.wrapVar(require_spacing.colorSurface900),
410
+ "--color-border-critical": require_spacing.wrapVar(require_spacing.colorCritical400),
411
+ "--color-border-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
412
+ "--color-border-hover": require_spacing.wrapVar(require_spacing.colorPrimary700),
413
+ "--color-border-info": require_spacing.wrapVar(require_spacing.colorInfo400),
414
+ "--color-border-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
415
+ "--color-border-primary": require_spacing.wrapVar(require_spacing.colorSurface300),
416
+ "--color-border-secondary": require_spacing.wrapVar(require_spacing.colorSurface200),
417
+ "--color-border-selected": require_spacing.wrapVar(require_spacing.colorPrimary500),
418
+ "--color-border-success": require_spacing.wrapVar(require_spacing.colorSuccess300),
419
+ "--color-border-tertiary": require_spacing.wrapVar(require_spacing.colorSurface100),
420
+ "--color-border-warning": require_spacing.wrapVar(require_spacing.colorWarning300),
421
+ "--color-focus-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
422
+ "--color-focus-primary": require_spacing.wrapVar(require_spacing.colorPrimary500),
423
+ "--color-icon-critical": require_spacing.wrapVar(require_spacing.colorCritical400),
424
+ "--color-icon-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
425
+ "--color-icon-info": require_spacing.wrapVar(require_spacing.colorInfo400),
426
+ "--color-icon-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
427
+ "--color-icon-primary": require_spacing.wrapVar(require_spacing.colorSurface500),
428
+ "--color-icon-secondary": require_spacing.wrapVar(require_spacing.colorPrimary500),
429
+ "--color-icon-success": require_spacing.wrapVar(require_spacing.colorSuccess700),
430
+ "--color-icon-warning": require_spacing.wrapVar(require_spacing.colorWarning600),
431
+ "--color-link-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
432
+ "--color-link-hover": require_spacing.wrapVar(require_spacing.colorPrimary700),
433
+ "--color-link-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
434
+ "--color-link-inverse-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
435
+ "--color-link-inverse-hover": require_spacing.wrapVar(require_spacing.colorSurface100),
436
+ "--color-link-inverse-pressed": require_spacing.wrapVar(require_spacing.colorSurface200),
437
+ "--color-link-monochrome": require_spacing.wrapVar(require_spacing.colorSurface900),
438
+ "--color-link-pressed": require_spacing.wrapVar(require_spacing.colorPrimary900),
439
+ "--color-link-primary": require_spacing.wrapVar(require_spacing.colorPrimary500),
440
+ "--color-link-secondary": require_spacing.wrapVar(require_spacing.colorSurface500),
441
+ "--color-text-critical": require_spacing.wrapVar(require_spacing.colorCritical500),
442
+ "--color-text-disabled": require_spacing.wrapVar(require_spacing.colorSurface300),
443
+ "--color-text-inactive": require_spacing.wrapVar(require_spacing.colorSurface300),
444
+ "--color-text-info": require_spacing.wrapVar(require_spacing.colorInfo700),
445
+ "--color-text-inverse": require_spacing.wrapVar(require_spacing.colorSurface50),
446
+ "--color-text-primary": require_spacing.wrapVar(require_spacing.colorSurface900),
447
+ "--color-text-secondary": require_spacing.wrapVar(require_spacing.colorSurface500),
448
+ "--color-text-success": require_spacing.wrapVar(require_spacing.colorSuccess900),
449
+ "--color-text-warning": require_spacing.wrapVar(require_spacing.colorWarning800),
450
+ "--container-border-radius": "12px",
451
+ "--font-family-primary": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
452
+ "--font-family-secondary": "'Georgia', serif",
453
+ "--font-size-button-100": "14px",
454
+ "--font-size-button-200": "12px",
455
+ "--font-weight-body-primary": "400",
456
+ "--font-weight-body-secondary": "400",
457
+ "--font-weight-button": "600",
458
+ "--font-weight-caption": "400",
459
+ "--font-weight-h1": "400",
460
+ "--font-weight-h2": "400",
461
+ "--font-weight-h3": "400",
462
+ "--font-weight-h4": "400",
463
+ "--font-weight-h5": "600",
464
+ "--font-weight-h6": "600",
465
+ "--font-weight-label-mini": "400",
466
+ "--font-weight-label-strong": "600",
467
+ "--input-border-radius": "6px",
468
+ "--letter-spacing-body-primary": "0.2px",
469
+ "--letter-spacing-body-secondary": "0.2px",
470
+ "--letter-spacing-button": "1px",
471
+ "--letter-spacing-caption": "0.2px",
472
+ "--letter-spacing-h1": "0.2px",
473
+ "--letter-spacing-h1-mobile": "0.2px",
474
+ "--letter-spacing-h2": "0.2px",
475
+ "--letter-spacing-h2-mobile": "0.2px",
476
+ "--letter-spacing-h3": "0.2px",
477
+ "--letter-spacing-h3-mobile": "0.2px",
478
+ "--letter-spacing-h4": "0.2px",
479
+ "--letter-spacing-h5": "0.2px",
480
+ "--letter-spacing-h6": "1px",
481
+ "--letter-spacing-label-mini": "1px",
482
+ "--letter-spacing-label-strong": "0.2px",
483
+ "--search-input-border-radius": "24px",
484
+ "--text-transform-button": "uppercase",
485
+ "--text-transform-h6": "uppercase",
486
+ "--text-transform-label-mini": "uppercase",
487
+ "--width-dense": "1200px",
488
+ "--width-page": "1644px"
489
+ };
490
+ //#endregion
491
+ //#region src/themes/runtime/buildTheme.ts
492
+ const themeSources = {
493
+ BasketballTraining: BasketballTraining_exports,
494
+ Default: Default_exports,
495
+ ProfessionalBrand: ProfessionalBrand_exports
496
+ };
497
+ const variable = (name) => `var(${name})`;
498
+ const textSpec = ({ family = require_fontFamily.fontFamily.primary, height, size, spacing: letterSpacing, transform, weight }) => ({
499
+ family,
500
+ height,
501
+ size,
502
+ spacing: letterSpacing,
503
+ style: "normal",
504
+ transform,
505
+ weight
506
+ });
507
+ const buildTypography = () => {
508
+ return {
509
+ body: {
510
+ primary: textSpec({
511
+ height: "24px",
512
+ size: "16px",
513
+ spacing: variable(require_spacing.letterSpacingBodyPrimary),
514
+ weight: variable(require_spacing.fontWeightBodyPrimary)
515
+ }),
516
+ secondary: textSpec({
517
+ height: "22px",
518
+ size: "14px",
519
+ spacing: variable(require_spacing.letterSpacingBodySecondary),
520
+ weight: variable(require_spacing.fontWeightBodySecondary)
521
+ })
522
+ },
523
+ button: {
524
+ "100": textSpec({
525
+ height: "20px",
526
+ size: variable(require_spacing.fontSizeButton100),
527
+ spacing: variable(require_spacing.letterSpacingButton),
528
+ transform: variable(require_spacing.textTransformButton),
529
+ weight: variable(require_spacing.fontWeightButton)
530
+ }),
531
+ "200": textSpec({
532
+ height: "18px",
533
+ size: variable(require_spacing.fontSizeButton200),
534
+ spacing: variable(require_spacing.letterSpacingButton),
535
+ transform: variable(require_spacing.textTransformButton),
536
+ weight: variable(require_spacing.fontWeightButton)
537
+ })
538
+ },
539
+ caption: { "100": textSpec({
540
+ height: "18px",
541
+ size: "12px",
542
+ spacing: variable(require_spacing.letterSpacingCaption),
543
+ weight: variable(require_spacing.fontWeightCaption)
544
+ }) },
545
+ heading: {
546
+ "000": textSpec({
547
+ family: require_fontFamily.fontFamily.secondary,
548
+ height: "56px",
549
+ size: "40px",
550
+ spacing: variable(require_spacing.letterSpacingH1),
551
+ weight: variable(require_spacing.fontWeightH1)
552
+ }),
553
+ "100": {
554
+ ...textSpec({
555
+ family: require_fontFamily.fontFamily.secondary,
556
+ height: "48px",
557
+ size: "32px",
558
+ spacing: variable(require_spacing.letterSpacingH1),
559
+ weight: variable(require_spacing.fontWeightH1)
560
+ }),
561
+ mobile: textSpec({
562
+ family: require_fontFamily.fontFamily.secondary,
563
+ height: "36px",
564
+ size: "24px",
565
+ spacing: variable(require_spacing.letterSpacingH1Mobile),
566
+ weight: variable(require_spacing.fontWeightH1)
567
+ })
568
+ },
569
+ "200": {
570
+ ...textSpec({
571
+ family: require_fontFamily.fontFamily.secondary,
572
+ height: "36px",
573
+ size: "24px",
574
+ spacing: variable(require_spacing.letterSpacingH2),
575
+ weight: variable(require_spacing.fontWeightH2)
576
+ }),
577
+ mobile: textSpec({
578
+ family: require_fontFamily.fontFamily.secondary,
579
+ height: "30px",
580
+ size: "20px",
581
+ spacing: variable(require_spacing.letterSpacingH2Mobile),
582
+ weight: variable(require_spacing.fontWeightH2)
583
+ })
584
+ },
585
+ "300": {
586
+ ...textSpec({
587
+ family: require_fontFamily.fontFamily.secondary,
588
+ height: "30px",
589
+ size: "20px",
590
+ spacing: variable(require_spacing.letterSpacingH3),
591
+ weight: variable(require_spacing.fontWeightH3)
592
+ }),
593
+ mobile: textSpec({
594
+ family: require_fontFamily.fontFamily.secondary,
595
+ height: "24px",
596
+ size: "16px",
597
+ spacing: variable(require_spacing.letterSpacingH3Mobile),
598
+ weight: variable(require_spacing.fontWeightH3)
599
+ })
600
+ },
601
+ "400": textSpec({
602
+ family: require_fontFamily.fontFamily.secondary,
603
+ height: "24px",
604
+ size: "16px",
605
+ spacing: variable(require_spacing.letterSpacingH4),
606
+ weight: variable(require_spacing.fontWeightH4)
607
+ }),
608
+ "500": textSpec({
609
+ height: "24px",
610
+ size: "16px",
611
+ spacing: variable(require_spacing.letterSpacingH5),
612
+ weight: variable(require_spacing.fontWeightH5)
613
+ }),
614
+ "600": textSpec({
615
+ height: "22px",
616
+ size: "14px",
617
+ spacing: variable(require_spacing.letterSpacingH6),
618
+ transform: variable(require_spacing.textTransformH6),
619
+ weight: variable(require_spacing.fontWeightH6)
620
+ })
621
+ },
622
+ label: {
623
+ mini: textSpec({
624
+ height: "14px",
625
+ size: "12px",
626
+ spacing: variable(require_spacing.letterSpacingLabelMini),
627
+ transform: variable(require_spacing.textTransformLabelMini),
628
+ weight: variable(require_spacing.fontWeightLabelMini)
629
+ }),
630
+ strong: textSpec({
631
+ height: "22px",
632
+ size: "14px",
633
+ spacing: variable(require_spacing.letterSpacingLabelStrong),
634
+ weight: variable(require_spacing.fontWeightLabelStrong)
635
+ })
636
+ }
637
+ };
638
+ };
639
+ const buildRuntimeTheme = (brand) => {
640
+ const source = themeSources[brand];
641
+ const v = variable;
642
+ return {
643
+ border: {
644
+ radius: require_themes_common.radius,
645
+ width: require_themes_common.width
646
+ },
647
+ brand,
648
+ breakpoints: require_themes_common.breakpoints,
649
+ button: {
650
+ border: { radius: v(require_spacing.buttonBorderRadius) },
651
+ favorite: {
652
+ default: { color: {
653
+ background: v(require_spacing.colorBackgroundPrimary),
654
+ border: v(require_spacing.colorBorderPrimary)
655
+ } },
656
+ disabled: { color: {
657
+ background: v(require_spacing.colorBackgroundDisabled),
658
+ border: v(require_spacing.colorBorderDisabled)
659
+ } },
660
+ hover: { color: {
661
+ background: v(require_spacing.colorBackgroundHover),
662
+ border: v(require_spacing.colorBorderHover)
663
+ } },
664
+ pressed: { color: {
665
+ background: v(require_spacing.colorBackgroundPressed),
666
+ border: v(require_spacing.colorBorderSelected)
667
+ } },
668
+ selected: { color: {
669
+ background: v(require_spacing.colorBackgroundPrimary),
670
+ border: v(require_spacing.colorBorderSelected)
671
+ } }
672
+ },
673
+ inline: {
674
+ alt: {
675
+ default: { color: { text: v(require_spacing.colorLinkInverse) } },
676
+ hover: { color: { text: v(require_spacing.colorLinkInverseHover) } },
677
+ pressed: { color: { text: v(require_spacing.colorLinkInversePressed) } }
678
+ },
679
+ default: { color: { text: v(require_spacing.colorLinkPrimary) } },
680
+ hover: { color: { text: v(require_spacing.colorLinkHover) } },
681
+ inverse: { color: { text: v(require_spacing.colorLinkInverse) } },
682
+ pressed: { color: { text: v(require_spacing.colorLinkPressed) } },
683
+ weak: { color: { text: v(require_spacing.colorLinkSecondary) } }
684
+ },
685
+ primary: {
686
+ alt: {
687
+ color: {
688
+ background: v(require_spacing.colorBackgroundInverse),
689
+ border: v(require_spacing.colorBorderInverse),
690
+ text: v(require_spacing.colorTextInverse)
691
+ },
692
+ focused: { color: { background: v(require_spacing.colorBackgroundHoverInverse) } },
693
+ hover: { color: {
694
+ background: v(require_spacing.colorBackgroundHoverInverse),
695
+ border: v(require_spacing.colorBorderInverse)
696
+ } },
697
+ pressed: { color: {
698
+ background: v(require_spacing.colorBackgroundPressedInverse),
699
+ border: v(require_spacing.colorBorderInverse)
700
+ } }
701
+ },
702
+ color: {
703
+ background: v(require_spacing.colorLinkPrimary),
704
+ text: v(require_spacing.colorTextInverse)
705
+ },
706
+ focused: { color: { background: v(require_spacing.colorLinkHover) } },
707
+ hover: { color: { background: v(require_spacing.colorLinkHover) } },
708
+ pressed: { color: { background: v(require_spacing.colorLinkPressed) } }
709
+ },
710
+ secondary: {
711
+ alt: {
712
+ color: {
713
+ background: v(require_spacing.colorBackgroundPrimary),
714
+ border: v(require_spacing.colorBorderInverse),
715
+ text: v(require_spacing.colorTextInverse)
716
+ },
717
+ focused: { color: {
718
+ background: v(require_spacing.colorBackgroundHoverInverse),
719
+ text: v(require_spacing.colorTextPrimary)
720
+ } },
721
+ hover: { color: {
722
+ background: v(require_spacing.colorBackgroundHoverInverse),
723
+ border: v(require_spacing.colorBorderInverse),
724
+ text: v(require_spacing.colorTextPrimary)
725
+ } },
726
+ pressed: { color: {
727
+ background: v(require_spacing.colorBackgroundPressedInverse),
728
+ border: v(require_spacing.colorBorderInverse)
729
+ } }
730
+ },
731
+ color: {
732
+ background: v(require_spacing.colorBackgroundPrimary),
733
+ border: v(require_spacing.colorBorderPrimary),
734
+ text: v(require_spacing.colorTextPrimary)
735
+ },
736
+ focused: { color: { background: v(require_spacing.colorBackgroundHover) } },
737
+ hover: { color: {
738
+ background: v(require_spacing.colorBackgroundHover),
739
+ border: v(require_spacing.colorBorderHover),
740
+ text: v(require_spacing.colorTextInverse)
741
+ } },
742
+ pressed: { color: {
743
+ background: v(require_spacing.colorBackgroundPressed),
744
+ border: v(require_spacing.colorBorderSelected)
745
+ } }
746
+ },
747
+ tertiary: {
748
+ color: { text: v(require_spacing.colorLinkPrimary) },
749
+ hover: { color: { background: v(require_spacing.colorBackgroundHover) } },
750
+ pressed: { color: { background: v(require_spacing.colorBackgroundPressed) } }
751
+ }
752
+ },
753
+ checkbox: { border: { radius: v(require_spacing.checkboxBorderRadius) } },
754
+ color: {
755
+ background: {
756
+ critical: {
757
+ dark: v(require_spacing.colorBackgroundCriticalDark),
758
+ light: v(require_spacing.colorBackgroundCriticalLight)
759
+ },
760
+ decorative: v(require_spacing.colorBackgroundTertiary),
761
+ disabled: v(require_spacing.colorBackgroundDisabled),
762
+ field: { default: v(require_spacing.colorBackgroundPrimary) },
763
+ hover: v(require_spacing.colorBackgroundHover),
764
+ info: {
765
+ dark: v(require_spacing.colorBackgroundInfoDark),
766
+ light: v(require_spacing.colorBackgroundInfoLight)
767
+ },
768
+ inverse: v(require_spacing.colorBackgroundInverse),
769
+ neutral: {
770
+ dark: v(require_spacing.colorBackgroundInverse),
771
+ light: v(require_spacing.colorBackgroundSubdued)
772
+ },
773
+ pressed: v(require_spacing.colorBackgroundPressed),
774
+ primary: v(require_spacing.colorBackgroundPrimary),
775
+ secondary: v(require_spacing.colorBackgroundSecondary),
776
+ subdued: v(require_spacing.colorBackgroundSubdued),
777
+ success: {
778
+ dark: v(require_spacing.colorBackgroundSuccessDark),
779
+ light: v(require_spacing.colorBackgroundSuccessLight)
780
+ },
781
+ tertiary: v(require_spacing.colorBackgroundTertiary),
782
+ warning: {
783
+ dark: v(require_spacing.colorBackgroundWarningDark),
784
+ light: v(require_spacing.colorBackgroundWarningLight)
785
+ }
786
+ },
787
+ border: {
788
+ critical: v(require_spacing.colorBorderCritical),
789
+ disabled: v(require_spacing.colorBorderDisabled),
790
+ divider: {
791
+ black: v(require_spacing.colorBorderBlack),
792
+ dark: v(require_spacing.colorBorderPrimary),
793
+ default: v(require_spacing.colorBorderSecondary),
794
+ inverse: v(require_spacing.colorBorderInverse),
795
+ light: v(require_spacing.colorBorderTertiary)
796
+ },
797
+ focused: {
798
+ default: v(require_spacing.colorFocusPrimary),
799
+ inverse: v(require_spacing.colorFocusInverse)
800
+ },
801
+ hover: v(require_spacing.colorBorderHover),
802
+ info: v(require_spacing.colorBorderInfo),
803
+ inverse: v(require_spacing.colorBorderInverse),
804
+ primary: v(require_spacing.colorBorderPrimary),
805
+ secondary: v(require_spacing.colorBorderSecondary),
806
+ selected: v(require_spacing.colorBorderSelected),
807
+ success: v(require_spacing.colorBorderSuccess),
808
+ warning: v(require_spacing.colorBorderWarning)
809
+ },
810
+ icon: {
811
+ active: v(require_spacing.colorIconPrimary),
812
+ alt: {
813
+ active: v(require_spacing.colorIconInverse),
814
+ default: v(require_spacing.colorIconInverse),
815
+ hover: v(require_spacing.colorIconSecondary)
816
+ },
817
+ critical: v(require_spacing.colorIconCritical),
818
+ decorative: {
819
+ alt: v(require_spacing.colorIconSecondary),
820
+ default: v(require_spacing.colorIconPrimary),
821
+ light: v(require_spacing.colorIconDisabled)
822
+ },
823
+ default: v(require_spacing.colorIconPrimary),
824
+ disabled: v(require_spacing.colorIconDisabled),
825
+ hover: v(require_spacing.colorIconSecondary),
826
+ info: v(require_spacing.colorIconInfo),
827
+ inverse: v(require_spacing.colorIconInverse),
828
+ primary: {
829
+ alt: {
830
+ active: v(require_spacing.colorIconInverse),
831
+ default: v(require_spacing.colorIconSecondary),
832
+ hover: v(require_spacing.colorIconPrimary)
833
+ },
834
+ default: v(require_spacing.colorIconPrimary)
835
+ },
836
+ success: v(require_spacing.colorIconSuccess),
837
+ warning: {
838
+ default: v(require_spacing.colorIconWarning),
839
+ light: v(require_spacing.colorBackgroundWarningLight)
840
+ }
841
+ },
842
+ keyboardFocus: v(require_spacing.colorFocusPrimary),
843
+ keyboardFocusInverse: v(require_spacing.colorFocusInverse),
844
+ shadow: {
845
+ "01": require_fontFamily.boxShadow["01"],
846
+ "02": require_fontFamily.boxShadow["02"],
847
+ "03": require_fontFamily.boxShadow["03"]
848
+ },
849
+ skeleton: { default: v(require_spacing.colorBackgroundSubdued) },
850
+ text: {
851
+ alt: v(require_spacing.colorTextInverse),
852
+ critical: v(require_spacing.colorTextCritical),
853
+ disabled: v(require_spacing.colorTextDisabled),
854
+ error: v(require_spacing.colorTextCritical),
855
+ inactive: v(require_spacing.colorTextInactive),
856
+ info: v(require_spacing.colorTextInfo),
857
+ inverse: v(require_spacing.colorTextInverse),
858
+ link: {
859
+ active: v(require_spacing.colorLinkPressed),
860
+ default: v(require_spacing.colorLinkPrimary),
861
+ disabled: v(require_spacing.colorLinkDisabled),
862
+ focused: v(require_spacing.colorLinkHover),
863
+ hover: v(require_spacing.colorLinkHover),
864
+ inverse: v(require_spacing.colorLinkInverse),
865
+ monochrome: v(require_spacing.colorLinkMonochrome),
866
+ weak: v(require_spacing.colorLinkSecondary)
867
+ },
868
+ primary: v(require_spacing.colorTextPrimary),
869
+ secondary: v(require_spacing.colorTextSecondary),
870
+ standard: v(require_spacing.colorTextPrimary),
871
+ success: v(require_spacing.colorTextSuccess),
872
+ warning: {
873
+ default: v(require_spacing.colorTextWarning),
874
+ light: v(require_spacing.colorBackgroundWarningLight)
875
+ },
876
+ weak: v(require_spacing.colorTextSecondary)
877
+ },
878
+ transparent00: "rgb(0 0 0 / 0%)",
879
+ transparent05: "rgb(0 0 0 / 5%)",
880
+ transparent20: "rgb(0 0 0 / 20%)",
881
+ transparent40: "rgb(0 0 0 / 40%)"
882
+ },
883
+ core: Object.fromEntries(Object.entries(source.coreColors).map(([key]) => [key, key])),
884
+ elevation: {
885
+ "01": v(require_spacing.shadow01),
886
+ "02": v(require_spacing.shadow02),
887
+ "03": v(require_spacing.shadow03),
888
+ "04": v(require_spacing.shadow04),
889
+ "05": v(require_spacing.shadow05)
890
+ },
891
+ input: { border: { radius: v(require_spacing.inputBorderRadius) } },
892
+ spacing: require_themes_common.spacing,
893
+ toggle: { border: { radius: v(require_spacing.buttonBorderRadius) } },
894
+ typography: buildTypography()
895
+ };
896
+ };
897
+ //#endregion
898
+ //#region src/themes/runtime/default.ts
899
+ const defaultTheme = buildRuntimeTheme("Default");
900
+ //#endregion
901
+ Object.defineProperty(exports, "buildRuntimeTheme", {
902
+ enumerable: true,
903
+ get: function() {
904
+ return buildRuntimeTheme;
905
+ }
906
+ });
907
+ Object.defineProperty(exports, "colorStepArrayToObject", {
908
+ enumerable: true,
909
+ get: function() {
910
+ return colorStepArrayToObject;
911
+ }
912
+ });
913
+ Object.defineProperty(exports, "darken", {
914
+ enumerable: true,
915
+ get: function() {
916
+ return darken;
917
+ }
918
+ });
919
+ Object.defineProperty(exports, "defaultTheme", {
920
+ enumerable: true,
921
+ get: function() {
922
+ return defaultTheme;
923
+ }
924
+ });
925
+ Object.defineProperty(exports, "generateNormalColorSteps", {
926
+ enumerable: true,
927
+ get: function() {
928
+ return generateNormalColorSteps;
929
+ }
930
+ });
931
+ Object.defineProperty(exports, "generateSurfaceColorSteps", {
932
+ enumerable: true,
933
+ get: function() {
934
+ return generateSurfaceColorSteps;
935
+ }
936
+ });
937
+ Object.defineProperty(exports, "lighten", {
938
+ enumerable: true,
939
+ get: function() {
940
+ return lighten;
941
+ }
942
+ });
943
+ Object.defineProperty(exports, "nonColorVariables", {
944
+ enumerable: true,
945
+ get: function() {
946
+ return nonColorVariables$1;
947
+ }
948
+ });
949
+ Object.defineProperty(exports, "steps", {
950
+ enumerable: true,
951
+ get: function() {
952
+ return steps;
953
+ }
954
+ });
955
+
956
+ //# sourceMappingURL=default-b-tgfyxR.cjs.map