@kilivi/payloadcms-theme-management 0.3.1 → 0.3.2

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 (42) hide show
  1. package/dist/fields/ColorPickerField.js +1 -1
  2. package/dist/fields/ColorPickerField.js.map +1 -1
  3. package/dist/fields/ThemeTokenSelectField.d.ts.map +1 -1
  4. package/dist/fields/ThemeTokenSelectField.js +1 -1
  5. package/dist/fields/ThemeTokenSelectField.js.map +1 -1
  6. package/dist/fields/themeConfigurationField.d.ts.map +1 -1
  7. package/dist/fields/themeConfigurationField.js +223 -264
  8. package/dist/fields/themeConfigurationField.js.map +1 -1
  9. package/package.json +1 -1
  10. package/dist/fields/ExtendedThemeAutoPopulateField.d.ts +0 -12
  11. package/dist/fields/ExtendedThemeAutoPopulateField.d.ts.map +0 -1
  12. package/dist/fields/ExtendedThemeAutoPopulateField.js +0 -176
  13. package/dist/fields/ExtendedThemeAutoPopulateField.js.map +0 -1
  14. package/dist/fields/RadiusField.d.ts +0 -3
  15. package/dist/fields/RadiusField.d.ts.map +0 -1
  16. package/dist/fields/RadiusField.js +0 -174
  17. package/dist/fields/RadiusField.js.map +0 -1
  18. package/dist/fields/ThemeLivePreview.css +0 -190
  19. package/dist/fields/ThemeLivePreview.d.ts +0 -3
  20. package/dist/fields/ThemeLivePreview.d.ts.map +0 -1
  21. package/dist/fields/ThemeLivePreview.js +0 -195
  22. package/dist/fields/ThemeLivePreview.js.map +0 -1
  23. package/dist/fields/VISUAL_EXAMPLES.d.ts +0 -153
  24. package/dist/fields/VISUAL_EXAMPLES.d.ts.map +0 -1
  25. package/dist/fields/VISUAL_EXAMPLES.js +0 -148
  26. package/dist/fields/VISUAL_EXAMPLES.js.map +0 -1
  27. package/dist/fields/extendedThemeFields.d.ts +0 -139
  28. package/dist/fields/extendedThemeFields.d.ts.map +0 -1
  29. package/dist/fields/extendedThemeFields.js +0 -489
  30. package/dist/fields/extendedThemeFields.js.map +0 -1
  31. package/dist/views/ThemePreviewLoader.d.ts +0 -7
  32. package/dist/views/ThemePreviewLoader.d.ts.map +0 -1
  33. package/dist/views/ThemePreviewLoader.js +0 -43
  34. package/dist/views/ThemePreviewLoader.js.map +0 -1
  35. package/dist/views/ThemePreviewView.d.ts +0 -10
  36. package/dist/views/ThemePreviewView.d.ts.map +0 -1
  37. package/dist/views/ThemePreviewView.js +0 -43
  38. package/dist/views/ThemePreviewView.js.map +0 -1
  39. package/dist/views/ThemePreviewViewClient.d.ts +0 -7
  40. package/dist/views/ThemePreviewViewClient.d.ts.map +0 -1
  41. package/dist/views/ThemePreviewViewClient.js +0 -12
  42. package/dist/views/ThemePreviewViewClient.js.map +0 -1
@@ -1,139 +0,0 @@
1
- import type { Field } from 'payload';
2
- /**
3
- * Base Color Tokens (19 tokens)
4
- * Required for all themes
5
- */
6
- export declare const baseColorFields: Field[];
7
- /**
8
- * Chart Colors (5 tokens)
9
- * For data visualization
10
- */
11
- export declare const chartColorFields: Field[];
12
- /**
13
- * Shadow Controls (6 properties)
14
- * TweakCN essential feature
15
- */
16
- export declare const shadowFields: Field[];
17
- /**
18
- * Font Family Configuration (3 families)
19
- * TweakCN essential feature
20
- */
21
- export declare const fontFamilyFields: Field[];
22
- /**
23
- * Advanced Typography (2 properties)
24
- */
25
- export declare const advancedTypographyFields: Field[];
26
- /**
27
- * Border Radius Configuration
28
- */
29
- export declare const designSystemFields: Field[];
30
- /**
31
- * Extended Theme Selection Field with Visual Preview and Auto-Population
32
- * Automatically fills all color fields when a theme is selected
33
- */
34
- export declare const extendedThemeSelectionField: Field;
35
- /**
36
- * Unified Light Mode Configuration
37
- * Combines all color tokens in one place
38
- */
39
- export declare const lightModeColorsField: Field;
40
- /**
41
- * Unified Dark Mode Configuration
42
- */
43
- export declare const darkModeColorsField: Field;
44
- /**
45
- * Shadow Configuration Section
46
- */
47
- export declare const shadowConfigField: Field;
48
- /**
49
- * Typography Configuration Section
50
- */
51
- export declare const typographyConfigField: Field;
52
- /**
53
- * Design System Configuration
54
- */
55
- export declare const designSystemConfigField: Field;
56
- export declare const extendedLightModeField: {
57
- fields: Field[];
58
- type: "collapsible";
59
- } & {
60
- admin?: {
61
- components?: {
62
- afterInput?: import("payload").CustomPreviewButton[];
63
- beforeInput?: import("payload").CustomPreviewButton[];
64
- Label?: import("payload").CustomPreviewButton<import("payload").CollapsibleFieldLabelClientComponent | import("payload").CollapsibleFieldLabelServerComponent>;
65
- } & {
66
- Cell?: import("payload").PayloadComponent<import("payload").DefaultServerCellComponentProps, import("payload").DefaultCellComponentProps>;
67
- Description?: import("payload").PayloadComponent<import("payload").FieldDescriptionServerProps, import("payload").FieldDescriptionClientProps>;
68
- Diff?: import("payload").PayloadComponent<import("payload").FieldDiffServerProps, import("payload").FieldDiffClientProps>;
69
- Field?: import("payload").PayloadComponent<import("payload").FieldClientComponent | import("payload").FieldServerComponent>;
70
- Filter?: import("payload").PayloadComponent;
71
- };
72
- initCollapsed?: boolean;
73
- } & {
74
- className?: string;
75
- components?: {
76
- Cell?: import("payload").PayloadComponent<import("payload").DefaultServerCellComponentProps, import("payload").DefaultCellComponentProps>;
77
- Description?: import("payload").PayloadComponent<import("payload").FieldDescriptionServerProps, import("payload").FieldDescriptionClientProps>;
78
- Diff?: import("payload").PayloadComponent<import("payload").FieldDiffServerProps, import("payload").FieldDiffClientProps>;
79
- Field?: import("payload").PayloadComponent<import("payload").FieldClientComponent | import("payload").FieldServerComponent>;
80
- Filter?: import("payload").PayloadComponent;
81
- };
82
- condition?: import("payload").Condition;
83
- custom?: Record<string, any>;
84
- description?: import("payload").Description;
85
- disableBulkEdit?: boolean;
86
- disabled?: boolean;
87
- disableListColumn?: boolean;
88
- disableListFilter?: boolean;
89
- hidden?: boolean;
90
- position?: "sidebar";
91
- readOnly?: boolean;
92
- style?: import("react").CSSProperties;
93
- width?: import("react").CSSProperties["width"];
94
- };
95
- label: Required<import("payload").FieldBase["label"]>;
96
- } & Omit<import("payload").FieldBase, "validate" | "hooks" | "label" | "localized" | "name" | "virtual">;
97
- export declare const extendedDarkModeField: {
98
- fields: Field[];
99
- type: "collapsible";
100
- } & {
101
- admin?: {
102
- components?: {
103
- afterInput?: import("payload").CustomPreviewButton[];
104
- beforeInput?: import("payload").CustomPreviewButton[];
105
- Label?: import("payload").CustomPreviewButton<import("payload").CollapsibleFieldLabelClientComponent | import("payload").CollapsibleFieldLabelServerComponent>;
106
- } & {
107
- Cell?: import("payload").PayloadComponent<import("payload").DefaultServerCellComponentProps, import("payload").DefaultCellComponentProps>;
108
- Description?: import("payload").PayloadComponent<import("payload").FieldDescriptionServerProps, import("payload").FieldDescriptionClientProps>;
109
- Diff?: import("payload").PayloadComponent<import("payload").FieldDiffServerProps, import("payload").FieldDiffClientProps>;
110
- Field?: import("payload").PayloadComponent<import("payload").FieldClientComponent | import("payload").FieldServerComponent>;
111
- Filter?: import("payload").PayloadComponent;
112
- };
113
- initCollapsed?: boolean;
114
- } & {
115
- className?: string;
116
- components?: {
117
- Cell?: import("payload").PayloadComponent<import("payload").DefaultServerCellComponentProps, import("payload").DefaultCellComponentProps>;
118
- Description?: import("payload").PayloadComponent<import("payload").FieldDescriptionServerProps, import("payload").FieldDescriptionClientProps>;
119
- Diff?: import("payload").PayloadComponent<import("payload").FieldDiffServerProps, import("payload").FieldDiffClientProps>;
120
- Field?: import("payload").PayloadComponent<import("payload").FieldClientComponent | import("payload").FieldServerComponent>;
121
- Filter?: import("payload").PayloadComponent;
122
- };
123
- condition?: import("payload").Condition;
124
- custom?: Record<string, any>;
125
- description?: import("payload").Description;
126
- disableBulkEdit?: boolean;
127
- disabled?: boolean;
128
- disableListColumn?: boolean;
129
- disableListFilter?: boolean;
130
- hidden?: boolean;
131
- position?: "sidebar";
132
- readOnly?: boolean;
133
- style?: import("react").CSSProperties;
134
- width?: import("react").CSSProperties["width"];
135
- };
136
- label: Required<import("payload").FieldBase["label"]>;
137
- } & Omit<import("payload").FieldBase, "validate" | "hooks" | "label" | "localized" | "name" | "virtual">;
138
- export declare const chartColorsField: Field;
139
- //# sourceMappingURL=extendedThemeFields.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"extendedThemeFields.d.ts","sourceRoot":"","sources":["../../src/fields/extendedThemeFields.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAsEpC;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,EAgGlC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,EA0BnC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,EA0B/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,EAiBnC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,EAS3C,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,EAKrC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,EAAE,KAkBzC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAoBlC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAoBjC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAoB/B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAoBnC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAoBrC,CAAA;AAID,eAAO,MAAM,sBAAsB;;;;;kBAOwhhB,CAAC;sBAA0B,CAAC;uBAA4C,CAAC;iBAAsC,CAAC;;;;;;;;qBAAsJ,CAAC;;;;gBAA9jgB,CAAC;uBAAmG,CAAC;gBAA0F,CAAC;iBAA6E,CAAC;kBAAoK,CAAC;;;;;;;;;;;;;;;;wGAP7nC,CAAA;AAC1D,eAAO,MAAM,qBAAqB;;;;;kBAMyhhB,CAAC;sBAA0B,CAAC;uBAA4C,CAAC;iBAAsC,CAAC;;;;;;;;qBAAsJ,CAAC;;;;gBAA9jgB,CAAC;uBAAmG,CAAC;gBAA0F,CAAC;iBAA6E,CAAC;kBAAoK,CAAC;;;;;;;;;;;;;;;;wGAN/nC,CAAA;AACxD,eAAO,MAAM,gBAAgB,EAIxB,KAAK,CAAA"}
@@ -1,489 +0,0 @@
1
- import { allExtendedThemePresets } from '../extended-presets.js';
2
- /**
3
- * Extended Theme Configuration Fields
4
- * Full TweakCN-compatible theme system with:
5
- * - All shadcn/ui color tokens (19 base + 5 chart = 24 color tokens)
6
- * - Shadow controls (6 properties)
7
- * - Font families (3 families: sans, serif, mono)
8
- * - Advanced typography (letter-spacing, global spacing)
9
- * - Professional color picker with live preview
10
- */ const extendedThemeOptions = Object.values(allExtendedThemePresets).map((preset)=>{
11
- const primaryColor = preset.styles.light.primary;
12
- const bgColor = preset.styles.light.background;
13
- return {
14
- label: preset.label,
15
- value: preset.value,
16
- // Add visual preview in the dropdown
17
- __meta: {
18
- primary: primaryColor,
19
- background: bgColor
20
- }
21
- };
22
- });
23
- /**
24
- * Creates professional OKLCH color field with enhanced UI
25
- */ function createColorField(name, label, description) {
26
- return {
27
- name,
28
- type: 'text',
29
- label,
30
- admin: {
31
- description,
32
- placeholder: 'oklch(0.5 0.2 250) or #rgb or hsl(...)',
33
- components: {
34
- Field: '@kilivi/payloadcms-theme-management/fields/ThemeColorPickerField'
35
- }
36
- }
37
- };
38
- }
39
- /**
40
- * Creates text field for non-color values (fonts, shadows, etc.)
41
- */ function createTextField(name, label, placeholder, description) {
42
- return {
43
- name,
44
- type: 'text',
45
- label,
46
- admin: {
47
- description,
48
- placeholder
49
- }
50
- };
51
- }
52
- /**
53
- * Base Color Tokens (19 tokens)
54
- * Required for all themes
55
- */ export const baseColorFields = [
56
- createColorField('background', {
57
- en: 'Background',
58
- cs: 'Pozadí'
59
- }, {
60
- en: 'Main page background',
61
- cs: 'Hlavní pozadí stránky'
62
- }),
63
- createColorField('foreground', {
64
- en: 'Foreground',
65
- cs: 'Popředí'
66
- }, {
67
- en: 'Primary text color',
68
- cs: 'Primární barva textu'
69
- }),
70
- createColorField('card', {
71
- en: 'Card',
72
- cs: 'Karta'
73
- }, {
74
- en: 'Card background',
75
- cs: 'Pozadí karty'
76
- }),
77
- createColorField('cardForeground', {
78
- en: 'Card Foreground',
79
- cs: 'Popředí karty'
80
- }, {
81
- en: 'Text on cards',
82
- cs: 'Text na kartách'
83
- }),
84
- createColorField('popover', {
85
- en: 'Popover',
86
- cs: 'Vyskakovací okno'
87
- }, {
88
- en: 'Popover/dropdown background',
89
- cs: 'Pozadí vyskakovacích oken'
90
- }),
91
- createColorField('popoverForeground', {
92
- en: 'Popover Foreground',
93
- cs: 'Popředí vyskakovacího okna'
94
- }, {
95
- en: 'Text in popovers',
96
- cs: 'Text ve vyskakovacích oknech'
97
- }),
98
- createColorField('primary', {
99
- en: 'Primary',
100
- cs: 'Primární'
101
- }, {
102
- en: 'Primary brand color',
103
- cs: 'Primární značková barva'
104
- }),
105
- createColorField('primaryForeground', {
106
- en: 'Primary Foreground',
107
- cs: 'Popředí primární'
108
- }, {
109
- en: 'Text on primary',
110
- cs: 'Text na primární barvě'
111
- }),
112
- createColorField('secondary', {
113
- en: 'Secondary',
114
- cs: 'Sekundární'
115
- }, {
116
- en: 'Secondary accent',
117
- cs: 'Sekundární akcent'
118
- }),
119
- createColorField('secondaryForeground', {
120
- en: 'Secondary Foreground',
121
- cs: 'Popředí sekundární'
122
- }, {
123
- en: 'Text on secondary',
124
- cs: 'Text na sekundární'
125
- }),
126
- createColorField('muted', {
127
- en: 'Muted',
128
- cs: 'Tlumená'
129
- }, {
130
- en: 'Muted background',
131
- cs: 'Tlumené pozadí'
132
- }),
133
- createColorField('mutedForeground', {
134
- en: 'Muted Foreground',
135
- cs: 'Popředí tlumené'
136
- }, {
137
- en: 'Muted text',
138
- cs: 'Tlumený text'
139
- }),
140
- createColorField('accent', {
141
- en: 'Accent',
142
- cs: 'Akcentová'
143
- }, {
144
- en: 'Accent/hover color',
145
- cs: 'Akcentová/hover barva'
146
- }),
147
- createColorField('accentForeground', {
148
- en: 'Accent Foreground',
149
- cs: 'Popředí akcentové'
150
- }, {
151
- en: 'Text on accent',
152
- cs: 'Text na akcentové'
153
- }),
154
- createColorField('destructive', {
155
- en: 'Destructive',
156
- cs: 'Destruktivní'
157
- }, {
158
- en: 'Error/danger color',
159
- cs: 'Barva chyby/nebezpečí'
160
- }),
161
- createColorField('destructiveForeground', {
162
- en: 'Destructive Foreground',
163
- cs: 'Popředí destruktivní'
164
- }, {
165
- en: 'Text on destructive',
166
- cs: 'Text na destruktivní'
167
- }),
168
- createColorField('border', {
169
- en: 'Border',
170
- cs: 'Okraj'
171
- }, {
172
- en: 'Default border color',
173
- cs: 'Výchozí barva okraje'
174
- }),
175
- createColorField('input', {
176
- en: 'Input',
177
- cs: 'Vstupní pole'
178
- }, {
179
- en: 'Input border color',
180
- cs: 'Barva okraje vstupu'
181
- }),
182
- createColorField('ring', {
183
- en: 'Ring',
184
- cs: 'Zvýraznění'
185
- }, {
186
- en: 'Focus ring color',
187
- cs: 'Barva zvýraznění focus'
188
- })
189
- ];
190
- /**
191
- * Chart Colors (5 tokens)
192
- * For data visualization
193
- */ export const chartColorFields = [
194
- createColorField('chart1', {
195
- en: 'Chart 1',
196
- cs: 'Graf 1'
197
- }, {
198
- en: 'First chart color',
199
- cs: 'První barva grafu'
200
- }),
201
- createColorField('chart2', {
202
- en: 'Chart 2',
203
- cs: 'Graf 2'
204
- }, {
205
- en: 'Second chart color',
206
- cs: 'Druhá barva grafu'
207
- }),
208
- createColorField('chart3', {
209
- en: 'Chart 3',
210
- cs: 'Graf 3'
211
- }, {
212
- en: 'Third chart color',
213
- cs: 'Třetí barva grafu'
214
- }),
215
- createColorField('chart4', {
216
- en: 'Chart 4',
217
- cs: 'Graf 4'
218
- }, {
219
- en: 'Fourth chart color',
220
- cs: 'Čtvrtá barva grafu'
221
- }),
222
- createColorField('chart5', {
223
- en: 'Chart 5',
224
- cs: 'Graf 5'
225
- }, {
226
- en: 'Fifth chart color',
227
- cs: 'Pátá barva grafu'
228
- })
229
- ];
230
- /**
231
- * Shadow Controls (6 properties)
232
- * TweakCN essential feature
233
- */ export const shadowFields = [
234
- createColorField('shadowColor', {
235
- en: 'Shadow Color',
236
- cs: 'Barva stínu'
237
- }, {
238
- en: 'Base shadow color',
239
- cs: 'Základní barva stínu'
240
- }),
241
- createTextField('shadowOpacity', {
242
- en: 'Shadow Opacity',
243
- cs: 'Průhlednost stínu'
244
- }, '0.18', {
245
- en: 'Shadow opacity (0-1)',
246
- cs: 'Průhlednost stínu (0-1)'
247
- }),
248
- createTextField('shadowBlur', {
249
- en: 'Shadow Blur',
250
- cs: 'Rozmazání stínu'
251
- }, '2px', {
252
- en: 'Blur radius',
253
- cs: 'Poloměr rozmazání'
254
- }),
255
- createTextField('shadowSpread', {
256
- en: 'Shadow Spread',
257
- cs: 'Rozprostření stínu'
258
- }, '0px', {
259
- en: 'Spread radius',
260
- cs: 'Poloměr rozprostření'
261
- }),
262
- createTextField('shadowOffsetX', {
263
- en: 'Shadow Offset X',
264
- cs: 'Posun stínu X'
265
- }, '0px', {
266
- en: 'Horizontal offset',
267
- cs: 'Horizontální posun'
268
- }),
269
- createTextField('shadowOffsetY', {
270
- en: 'Shadow Offset Y',
271
- cs: 'Posun stínu Y'
272
- }, '1px', {
273
- en: 'Vertical offset',
274
- cs: 'Vertikální posun'
275
- })
276
- ];
277
- /**
278
- * Font Family Configuration (3 families)
279
- * TweakCN essential feature
280
- */ export const fontFamilyFields = [
281
- createTextField('fontSans', {
282
- en: 'Sans-Serif Font',
283
- cs: 'Bezpatkové písmo'
284
- }, 'Inter, system-ui, sans-serif', {
285
- en: 'Primary sans-serif font stack',
286
- cs: 'Primární bezpatkové písmo'
287
- }),
288
- createTextField('fontSerif', {
289
- en: 'Serif Font',
290
- cs: 'Patkové písmo'
291
- }, 'Georgia, serif', {
292
- en: 'Serif font stack',
293
- cs: 'Patkové písmo'
294
- }),
295
- createTextField('fontMono', {
296
- en: 'Monospace Font',
297
- cs: 'Monospace písmo'
298
- }, 'JetBrains Mono, monospace', {
299
- en: 'Monospace font stack',
300
- cs: 'Monospace písmo'
301
- })
302
- ];
303
- /**
304
- * Advanced Typography (2 properties)
305
- */ export const advancedTypographyFields = [
306
- createTextField('letterSpacing', {
307
- en: 'Letter Spacing',
308
- cs: 'Rozestup písmen'
309
- }, '0em', {
310
- en: 'Global letter spacing',
311
- cs: 'Globální rozestup písmen'
312
- }),
313
- createTextField('spacing', {
314
- en: 'Spacing Scale',
315
- cs: 'Škála rozestupů'
316
- }, '0.25rem', {
317
- en: 'Base spacing unit',
318
- cs: 'Základní jednotka rozestupu'
319
- })
320
- ];
321
- /**
322
- * Border Radius Configuration
323
- */ export const designSystemFields = [
324
- createTextField('radius', {
325
- en: 'Border Radius',
326
- cs: 'Zaoblení rohů'
327
- }, '0.5rem', {
328
- en: 'Default border radius',
329
- cs: 'Výchozí zaoblení rohů'
330
- })
331
- ];
332
- /**
333
- * Extended Theme Selection Field with Visual Preview and Auto-Population
334
- * Automatically fills all color fields when a theme is selected
335
- */ export const extendedThemeSelectionField = {
336
- name: 'extendedTheme',
337
- type: 'select',
338
- label: {
339
- en: '🎨 Theme Preset',
340
- cs: '🎨 Přednastavené téma'
341
- },
342
- defaultValue: 'cool-extended',
343
- options: extendedThemeOptions,
344
- admin: {
345
- description: {
346
- en: 'Select a professional theme with full OKLCH color support (TweakCN compatible). All colors will be auto-populated.',
347
- cs: 'Vyberte profesionální téma s plnou podporou OKLCH barev (kompatibilní s TweakCN). Všechny barvy budou automaticky vyplněny.'
348
- },
349
- components: {
350
- Field: '@kilivi/payloadcms-theme-management/fields/ExtendedThemeAutoPopulateField'
351
- }
352
- }
353
- };
354
- /**
355
- * Unified Light Mode Configuration
356
- * Combines all color tokens in one place
357
- */ export const lightModeColorsField = {
358
- type: 'collapsible',
359
- label: {
360
- en: '☀️ Light Mode Colors',
361
- cs: '☀️ Barvy světlého režimu'
362
- },
363
- admin: {
364
- initCollapsed: true,
365
- description: {
366
- en: 'Complete color configuration for light mode',
367
- cs: 'Kompletní konfigurace barev pro světlý režim'
368
- }
369
- },
370
- fields: [
371
- {
372
- name: 'extendedLightMode',
373
- type: 'group',
374
- fields: [
375
- ...baseColorFields,
376
- ...chartColorFields
377
- ]
378
- }
379
- ]
380
- };
381
- /**
382
- * Unified Dark Mode Configuration
383
- */ export const darkModeColorsField = {
384
- type: 'collapsible',
385
- label: {
386
- en: '🌙 Dark Mode Colors',
387
- cs: '🌙 Barvy tmavého režimu'
388
- },
389
- admin: {
390
- initCollapsed: true,
391
- description: {
392
- en: 'Complete color configuration for dark mode',
393
- cs: 'Kompletní konfigurace barev pro tmavý režim'
394
- }
395
- },
396
- fields: [
397
- {
398
- name: 'extendedDarkMode',
399
- type: 'group',
400
- fields: [
401
- ...baseColorFields,
402
- ...chartColorFields
403
- ]
404
- }
405
- ]
406
- };
407
- /**
408
- * Shadow Configuration Section
409
- */ export const shadowConfigField = {
410
- type: 'collapsible',
411
- label: {
412
- en: '🌓 Shadows & Elevation',
413
- cs: '🌓 Stíny a výška'
414
- },
415
- admin: {
416
- initCollapsed: true,
417
- description: {
418
- en: 'Configure shadow system for depth and elevation',
419
- cs: 'Nakonfigurujte systém stínů pro hloubku a výšku'
420
- }
421
- },
422
- fields: [
423
- {
424
- name: 'shadows',
425
- type: 'group',
426
- fields: shadowFields
427
- }
428
- ]
429
- };
430
- /**
431
- * Typography Configuration Section
432
- */ export const typographyConfigField = {
433
- type: 'collapsible',
434
- label: {
435
- en: '� Typography',
436
- cs: '� Typografie'
437
- },
438
- admin: {
439
- initCollapsed: true,
440
- description: {
441
- en: 'Font families and advanced typography settings',
442
- cs: 'Rodiny písem a pokročilá nastavení typografie'
443
- }
444
- },
445
- fields: [
446
- {
447
- name: 'typography',
448
- type: 'group',
449
- fields: [
450
- ...fontFamilyFields,
451
- ...advancedTypographyFields
452
- ]
453
- }
454
- ]
455
- };
456
- /**
457
- * Design System Configuration
458
- */ export const designSystemConfigField = {
459
- type: 'collapsible',
460
- label: {
461
- en: '⚙️ Design System',
462
- cs: '⚙️ Designový systém'
463
- },
464
- admin: {
465
- initCollapsed: true,
466
- description: {
467
- en: 'Global design tokens (radius, spacing, etc.)',
468
- cs: 'Globální design tokeny (zaoblení, rozestupy, atd.)'
469
- }
470
- },
471
- fields: [
472
- {
473
- name: 'designSystem',
474
- type: 'group',
475
- fields: designSystemFields
476
- }
477
- ]
478
- };
479
- // DEPRECATED: Old fields kept for backwards compatibility
480
- // TODO: Remove in v1.0.0
481
- export const extendedLightModeField = lightModeColorsField;
482
- export const extendedDarkModeField = darkModeColorsField;
483
- export const chartColorsField = {
484
- type: 'group',
485
- name: 'chartColors',
486
- fields: chartColorFields
487
- };
488
-
489
- //# sourceMappingURL=extendedThemeFields.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/fields/extendedThemeFields.ts"],"sourcesContent":["import type { Field } from 'payload'\nimport { allExtendedThemePresets } from '../extended-presets.js'\n\n/**\n * Extended Theme Configuration Fields\n * Full TweakCN-compatible theme system with:\n * - All shadcn/ui color tokens (19 base + 5 chart = 24 color tokens)\n * - Shadow controls (6 properties)\n * - Font families (3 families: sans, serif, mono)\n * - Advanced typography (letter-spacing, global spacing)\n * - Professional color picker with live preview\n */\n\nconst extendedThemeOptions = Object.values(allExtendedThemePresets).map((preset) => {\n const primaryColor = preset.styles.light.primary\n const bgColor = preset.styles.light.background\n\n return {\n label: preset.label,\n value: preset.value,\n // Add visual preview in the dropdown\n __meta: {\n primary: primaryColor,\n background: bgColor,\n },\n }\n})\n\n/**\n * Creates professional OKLCH color field with enhanced UI\n */\nfunction createColorField(\n name: string,\n label: { en: string; cs: string },\n description?: { en: string; cs: string },\n): Field {\n return {\n name,\n type: 'text',\n label,\n admin: {\n description,\n placeholder: 'oklch(0.5 0.2 250) or #rgb or hsl(...)',\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/ThemeColorPickerField',\n },\n },\n }\n}\n\n/**\n * Creates text field for non-color values (fonts, shadows, etc.)\n */\nfunction createTextField(\n name: string,\n label: { en: string; cs: string },\n placeholder: string,\n description?: { en: string; cs: string },\n): Field {\n return {\n name,\n type: 'text',\n label,\n admin: {\n description,\n placeholder,\n },\n }\n}\n\n/**\n * Base Color Tokens (19 tokens)\n * Required for all themes\n */\nexport const baseColorFields: Field[] = [\n createColorField(\n 'background',\n { en: 'Background', cs: 'Pozadí' },\n { en: 'Main page background', cs: 'Hlavní pozadí stránky' },\n ),\n createColorField(\n 'foreground',\n { en: 'Foreground', cs: 'Popředí' },\n { en: 'Primary text color', cs: 'Primární barva textu' },\n ),\n createColorField(\n 'card',\n { en: 'Card', cs: 'Karta' },\n { en: 'Card background', cs: 'Pozadí karty' },\n ),\n createColorField(\n 'cardForeground',\n { en: 'Card Foreground', cs: 'Popředí karty' },\n { en: 'Text on cards', cs: 'Text na kartách' },\n ),\n createColorField(\n 'popover',\n { en: 'Popover', cs: 'Vyskakovací okno' },\n { en: 'Popover/dropdown background', cs: 'Pozadí vyskakovacích oken' },\n ),\n createColorField(\n 'popoverForeground',\n { en: 'Popover Foreground', cs: 'Popředí vyskakovacího okna' },\n { en: 'Text in popovers', cs: 'Text ve vyskakovacích oknech' },\n ),\n createColorField(\n 'primary',\n { en: 'Primary', cs: 'Primární' },\n { en: 'Primary brand color', cs: 'Primární značková barva' },\n ),\n createColorField(\n 'primaryForeground',\n { en: 'Primary Foreground', cs: 'Popředí primární' },\n { en: 'Text on primary', cs: 'Text na primární barvě' },\n ),\n createColorField(\n 'secondary',\n { en: 'Secondary', cs: 'Sekundární' },\n { en: 'Secondary accent', cs: 'Sekundární akcent' },\n ),\n createColorField(\n 'secondaryForeground',\n { en: 'Secondary Foreground', cs: 'Popředí sekundární' },\n { en: 'Text on secondary', cs: 'Text na sekundární' },\n ),\n createColorField(\n 'muted',\n { en: 'Muted', cs: 'Tlumená' },\n { en: 'Muted background', cs: 'Tlumené pozadí' },\n ),\n createColorField(\n 'mutedForeground',\n { en: 'Muted Foreground', cs: 'Popředí tlumené' },\n { en: 'Muted text', cs: 'Tlumený text' },\n ),\n createColorField(\n 'accent',\n { en: 'Accent', cs: 'Akcentová' },\n { en: 'Accent/hover color', cs: 'Akcentová/hover barva' },\n ),\n createColorField(\n 'accentForeground',\n { en: 'Accent Foreground', cs: 'Popředí akcentové' },\n { en: 'Text on accent', cs: 'Text na akcentové' },\n ),\n createColorField(\n 'destructive',\n { en: 'Destructive', cs: 'Destruktivní' },\n { en: 'Error/danger color', cs: 'Barva chyby/nebezpečí' },\n ),\n createColorField(\n 'destructiveForeground',\n { en: 'Destructive Foreground', cs: 'Popředí destruktivní' },\n { en: 'Text on destructive', cs: 'Text na destruktivní' },\n ),\n createColorField(\n 'border',\n { en: 'Border', cs: 'Okraj' },\n { en: 'Default border color', cs: 'Výchozí barva okraje' },\n ),\n createColorField(\n 'input',\n { en: 'Input', cs: 'Vstupní pole' },\n { en: 'Input border color', cs: 'Barva okraje vstupu' },\n ),\n createColorField(\n 'ring',\n { en: 'Ring', cs: 'Zvýraznění' },\n { en: 'Focus ring color', cs: 'Barva zvýraznění focus' },\n ),\n]\n\n/**\n * Chart Colors (5 tokens)\n * For data visualization\n */\nexport const chartColorFields: Field[] = [\n createColorField(\n 'chart1',\n { en: 'Chart 1', cs: 'Graf 1' },\n { en: 'First chart color', cs: 'První barva grafu' },\n ),\n createColorField(\n 'chart2',\n { en: 'Chart 2', cs: 'Graf 2' },\n { en: 'Second chart color', cs: 'Druhá barva grafu' },\n ),\n createColorField(\n 'chart3',\n { en: 'Chart 3', cs: 'Graf 3' },\n { en: 'Third chart color', cs: 'Třetí barva grafu' },\n ),\n createColorField(\n 'chart4',\n { en: 'Chart 4', cs: 'Graf 4' },\n { en: 'Fourth chart color', cs: 'Čtvrtá barva grafu' },\n ),\n createColorField(\n 'chart5',\n { en: 'Chart 5', cs: 'Graf 5' },\n { en: 'Fifth chart color', cs: 'Pátá barva grafu' },\n ),\n]\n\n/**\n * Shadow Controls (6 properties)\n * TweakCN essential feature\n */\nexport const shadowFields: Field[] = [\n createColorField(\n 'shadowColor',\n { en: 'Shadow Color', cs: 'Barva stínu' },\n { en: 'Base shadow color', cs: 'Základní barva stínu' },\n ),\n createTextField('shadowOpacity', { en: 'Shadow Opacity', cs: 'Průhlednost stínu' }, '0.18', {\n en: 'Shadow opacity (0-1)',\n cs: 'Průhlednost stínu (0-1)',\n }),\n createTextField('shadowBlur', { en: 'Shadow Blur', cs: 'Rozmazání stínu' }, '2px', {\n en: 'Blur radius',\n cs: 'Poloměr rozmazání',\n }),\n createTextField('shadowSpread', { en: 'Shadow Spread', cs: 'Rozprostření stínu' }, '0px', {\n en: 'Spread radius',\n cs: 'Poloměr rozprostření',\n }),\n createTextField('shadowOffsetX', { en: 'Shadow Offset X', cs: 'Posun stínu X' }, '0px', {\n en: 'Horizontal offset',\n cs: 'Horizontální posun',\n }),\n createTextField('shadowOffsetY', { en: 'Shadow Offset Y', cs: 'Posun stínu Y' }, '1px', {\n en: 'Vertical offset',\n cs: 'Vertikální posun',\n }),\n]\n\n/**\n * Font Family Configuration (3 families)\n * TweakCN essential feature\n */\nexport const fontFamilyFields: Field[] = [\n createTextField(\n 'fontSans',\n { en: 'Sans-Serif Font', cs: 'Bezpatkové písmo' },\n 'Inter, system-ui, sans-serif',\n { en: 'Primary sans-serif font stack', cs: 'Primární bezpatkové písmo' },\n ),\n createTextField('fontSerif', { en: 'Serif Font', cs: 'Patkové písmo' }, 'Georgia, serif', {\n en: 'Serif font stack',\n cs: 'Patkové písmo',\n }),\n createTextField(\n 'fontMono',\n { en: 'Monospace Font', cs: 'Monospace písmo' },\n 'JetBrains Mono, monospace',\n { en: 'Monospace font stack', cs: 'Monospace písmo' },\n ),\n]\n\n/**\n * Advanced Typography (2 properties)\n */\nexport const advancedTypographyFields: Field[] = [\n createTextField('letterSpacing', { en: 'Letter Spacing', cs: 'Rozestup písmen' }, '0em', {\n en: 'Global letter spacing',\n cs: 'Globální rozestup písmen',\n }),\n createTextField('spacing', { en: 'Spacing Scale', cs: 'Škála rozestupů' }, '0.25rem', {\n en: 'Base spacing unit',\n cs: 'Základní jednotka rozestupu',\n }),\n]\n\n/**\n * Border Radius Configuration\n */\nexport const designSystemFields: Field[] = [\n createTextField('radius', { en: 'Border Radius', cs: 'Zaoblení rohů' }, '0.5rem', {\n en: 'Default border radius',\n cs: 'Výchozí zaoblení rohů',\n }),\n]\n\n/**\n * Extended Theme Selection Field with Visual Preview and Auto-Population\n * Automatically fills all color fields when a theme is selected\n */\nexport const extendedThemeSelectionField: Field = {\n name: 'extendedTheme',\n type: 'select',\n label: {\n en: '🎨 Theme Preset',\n cs: '🎨 Přednastavené téma',\n },\n defaultValue: 'cool-extended',\n options: extendedThemeOptions,\n admin: {\n description: {\n en: 'Select a professional theme with full OKLCH color support (TweakCN compatible). All colors will be auto-populated.',\n cs: 'Vyberte profesionální téma s plnou podporou OKLCH barev (kompatibilní s TweakCN). Všechny barvy budou automaticky vyplněny.',\n },\n components: {\n Field: '@kilivi/payloadcms-theme-management/fields/ExtendedThemeAutoPopulateField',\n },\n },\n}\n\n/**\n * Unified Light Mode Configuration\n * Combines all color tokens in one place\n */\nexport const lightModeColorsField: Field = {\n type: 'collapsible',\n label: {\n en: '☀️ Light Mode Colors',\n cs: '☀️ Barvy světlého režimu',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Complete color configuration for light mode',\n cs: 'Kompletní konfigurace barev pro světlý režim',\n },\n },\n fields: [\n {\n name: 'extendedLightMode',\n type: 'group',\n fields: [...baseColorFields, ...chartColorFields],\n },\n ],\n}\n\n/**\n * Unified Dark Mode Configuration\n */\nexport const darkModeColorsField: Field = {\n type: 'collapsible',\n label: {\n en: '🌙 Dark Mode Colors',\n cs: '🌙 Barvy tmavého režimu',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Complete color configuration for dark mode',\n cs: 'Kompletní konfigurace barev pro tmavý režim',\n },\n },\n fields: [\n {\n name: 'extendedDarkMode',\n type: 'group',\n fields: [...baseColorFields, ...chartColorFields],\n },\n ],\n}\n\n/**\n * Shadow Configuration Section\n */\nexport const shadowConfigField: Field = {\n type: 'collapsible',\n label: {\n en: '🌓 Shadows & Elevation',\n cs: '🌓 Stíny a výška',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Configure shadow system for depth and elevation',\n cs: 'Nakonfigurujte systém stínů pro hloubku a výšku',\n },\n },\n fields: [\n {\n name: 'shadows',\n type: 'group',\n fields: shadowFields,\n },\n ],\n}\n\n/**\n * Typography Configuration Section\n */\nexport const typographyConfigField: Field = {\n type: 'collapsible',\n label: {\n en: '� Typography',\n cs: '� Typografie',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Font families and advanced typography settings',\n cs: 'Rodiny písem a pokročilá nastavení typografie',\n },\n },\n fields: [\n {\n name: 'typography',\n type: 'group',\n fields: [...fontFamilyFields, ...advancedTypographyFields],\n },\n ],\n}\n\n/**\n * Design System Configuration\n */\nexport const designSystemConfigField: Field = {\n type: 'collapsible',\n label: {\n en: '⚙️ Design System',\n cs: '⚙️ Designový systém',\n },\n admin: {\n initCollapsed: true,\n description: {\n en: 'Global design tokens (radius, spacing, etc.)',\n cs: 'Globální design tokeny (zaoblení, rozestupy, atd.)',\n },\n },\n fields: [\n {\n name: 'designSystem',\n type: 'group',\n fields: designSystemFields,\n },\n ],\n}\n\n// DEPRECATED: Old fields kept for backwards compatibility\n// TODO: Remove in v1.0.0\nexport const extendedLightModeField = lightModeColorsField\nexport const extendedDarkModeField = darkModeColorsField\nexport const chartColorsField = {\n type: 'group',\n name: 'chartColors',\n fields: chartColorFields,\n} as Field\n"],"names":["allExtendedThemePresets","extendedThemeOptions","Object","values","map","preset","primaryColor","styles","light","primary","bgColor","background","label","value","__meta","createColorField","name","description","type","admin","placeholder","components","Field","createTextField","baseColorFields","en","cs","chartColorFields","shadowFields","fontFamilyFields","advancedTypographyFields","designSystemFields","extendedThemeSelectionField","defaultValue","options","lightModeColorsField","initCollapsed","fields","darkModeColorsField","shadowConfigField","typographyConfigField","designSystemConfigField","extendedLightModeField","extendedDarkModeField","chartColorsField"],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- /**
2
- * Theme Preview Loader - Client Component
3
- * Dynamically loads the ThemeLivePreview component to avoid CSS issues during generate:importmap
4
- */
5
- import React from 'react';
6
- export declare function ThemePreviewLoader(): React.JSX.Element;
7
- //# sourceMappingURL=ThemePreviewLoader.d.ts.map