@kilivi/payloadcms-theme-management 2.0.0 → 2.2.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.
- package/README.md +346 -845
- package/dist/components/AppearanceSessionControls.d.ts +15 -0
- package/dist/components/AppearanceSessionControls.d.ts.map +1 -0
- package/dist/components/AppearanceSessionControls.js +152 -0
- package/dist/components/AppearanceSessionControls.js.map +1 -0
- package/dist/components/ColorModeToggle.css +42 -0
- package/dist/components/ColorModeToggle.d.ts +40 -0
- package/dist/components/ColorModeToggle.d.ts.map +1 -0
- package/dist/components/ColorModeToggle.js +111 -0
- package/dist/components/ColorModeToggle.js.map +1 -0
- package/dist/components/ServerThemeInjector.d.ts +13 -1
- package/dist/components/ServerThemeInjector.d.ts.map +1 -1
- package/dist/components/ServerThemeInjector.js +65 -15
- package/dist/components/ServerThemeInjector.js.map +1 -1
- package/dist/components/ThemeLivePreviewSync.d.ts +4 -0
- package/dist/components/ThemeLivePreviewSync.d.ts.map +1 -1
- package/dist/components/ThemeLivePreviewSync.js +28 -4
- package/dist/components/ThemeLivePreviewSync.js.map +1 -1
- package/dist/components/ThemeSwitcher.d.ts +36 -0
- package/dist/components/ThemeSwitcher.d.ts.map +1 -0
- package/dist/components/ThemeSwitcher.js +89 -0
- package/dist/components/ThemeSwitcher.js.map +1 -0
- package/dist/components/typographyPreviewUtils.d.ts +5 -0
- package/dist/components/typographyPreviewUtils.d.ts.map +1 -1
- package/dist/components/typographyPreviewUtils.js +24 -11
- package/dist/components/typographyPreviewUtils.js.map +1 -1
- package/dist/constants/devicePreviews.d.ts +35 -0
- package/dist/constants/devicePreviews.d.ts.map +1 -0
- package/dist/constants/devicePreviews.js +43 -0
- package/dist/constants/devicePreviews.js.map +1 -0
- package/dist/constants/themeFonts.d.ts +94 -168
- package/dist/constants/themeFonts.d.ts.map +1 -1
- package/dist/constants/themeFonts.js +260 -140
- package/dist/constants/themeFonts.js.map +1 -1
- package/dist/endpoints/themeFonts.d.ts +5 -0
- package/dist/endpoints/themeFonts.d.ts.map +1 -0
- package/dist/endpoints/themeFonts.js +138 -0
- package/dist/endpoints/themeFonts.js.map +1 -0
- package/dist/extended-presets.d.ts +0 -4
- package/dist/extended-presets.d.ts.map +1 -1
- package/dist/extended-presets.js +1 -18
- package/dist/extended-presets.js.map +1 -1
- package/dist/extended-themes.d.ts.map +1 -1
- package/dist/extended-themes.js +428 -0
- package/dist/extended-themes.js.map +1 -1
- package/dist/fields/AccessibilityAuditField.d.ts +2 -0
- package/dist/fields/AccessibilityAuditField.d.ts.map +1 -0
- package/dist/fields/AccessibilityAuditField.js +303 -0
- package/dist/fields/AccessibilityAuditField.js.map +1 -0
- package/dist/fields/AppearancePreviewField.d.ts +2 -0
- package/dist/fields/AppearancePreviewField.d.ts.map +1 -0
- package/dist/fields/AppearancePreviewField.js +826 -0
- package/dist/fields/AppearancePreviewField.js.map +1 -0
- package/dist/fields/ColorPickerField.d.ts.map +1 -1
- package/dist/fields/ColorPickerField.js +89 -85
- package/dist/fields/ColorPickerField.js.map +1 -1
- package/dist/fields/FontSelectField.css +155 -0
- package/dist/fields/FontSelectField.d.ts +8 -0
- package/dist/fields/FontSelectField.d.ts.map +1 -1
- package/dist/fields/FontSelectField.js +223 -188
- package/dist/fields/FontSelectField.js.map +1 -1
- package/dist/fields/PaletteGeneratorField.d.ts +7 -0
- package/dist/fields/PaletteGeneratorField.d.ts.map +1 -0
- package/dist/fields/PaletteGeneratorField.js +327 -0
- package/dist/fields/PaletteGeneratorField.js.map +1 -0
- package/dist/fields/StylePresetField.d.ts +3 -0
- package/dist/fields/StylePresetField.d.ts.map +1 -0
- package/dist/fields/StylePresetField.js +463 -0
- package/dist/fields/StylePresetField.js.map +1 -0
- package/dist/fields/ThemeColorPickerField.css +115 -35
- package/dist/fields/ThemeColorPickerField.d.ts.map +1 -1
- package/dist/fields/ThemeColorPickerField.js +204 -70
- package/dist/fields/ThemeColorPickerField.js.map +1 -1
- package/dist/fields/ThemeExportField.d.ts +6 -0
- package/dist/fields/ThemeExportField.d.ts.map +1 -0
- package/dist/fields/ThemeExportField.js +202 -0
- package/dist/fields/ThemeExportField.js.map +1 -0
- package/dist/fields/ThemePresetImportField.d.ts.map +1 -1
- package/dist/fields/ThemePresetImportField.js +56 -25
- package/dist/fields/ThemePresetImportField.js.map +1 -1
- package/dist/fields/ThemePreviewField.css +444 -5
- package/dist/fields/ThemePreviewField.d.ts.map +1 -1
- package/dist/fields/ThemePreviewField.js +265 -170
- package/dist/fields/ThemePreviewField.js.map +1 -1
- package/dist/fields/ThemeTokenSelectField.d.ts.map +1 -1
- package/dist/fields/ThemeTokenSelectField.js +278 -80
- package/dist/fields/ThemeTokenSelectField.js.map +1 -1
- package/dist/fields/colorFieldHelpers.d.ts +90 -0
- package/dist/fields/colorFieldHelpers.d.ts.map +1 -0
- package/dist/fields/colorFieldHelpers.js +133 -0
- package/dist/fields/colorFieldHelpers.js.map +1 -0
- package/dist/fields/colorModeFields.d.ts +1 -1
- package/dist/fields/colorModeFields.d.ts.map +1 -1
- package/dist/fields/colorModeFields.js +49 -7
- package/dist/fields/colorModeFields.js.map +1 -1
- package/dist/fields/themeConfigurationField.d.ts +8 -1
- package/dist/fields/themeConfigurationField.d.ts.map +1 -1
- package/dist/fields/themeConfigurationField.js +1209 -228
- package/dist/fields/themeConfigurationField.js.map +1 -1
- package/dist/globals/ThemeSettings/FontPicker/FontPreview.d.ts.map +1 -1
- package/dist/globals/ThemeSettings/FontPicker/FontPreview.js +8 -4
- package/dist/globals/ThemeSettings/FontPicker/FontPreview.js.map +1 -1
- package/dist/globals/ThemeSettings/FontPicker/index.d.ts.map +1 -1
- package/dist/globals/ThemeSettings/FontPicker/index.js +81 -26
- package/dist/globals/ThemeSettings/FontPicker/index.js.map +1 -1
- package/dist/globals/ThemeSettings/FontPicker/styles.css +98 -41
- package/dist/globals/ThemeSettings/FontPicker/translations.d.ts +6 -0
- package/dist/globals/ThemeSettings/FontPicker/translations.d.ts.map +1 -1
- package/dist/globals/ThemeSettings/FontPicker/translations.js +14 -2
- package/dist/globals/ThemeSettings/FontPicker/translations.js.map +1 -1
- package/dist/globals/ThemeSettings/config.d.ts.map +1 -1
- package/dist/globals/ThemeSettings/config.js +76 -79
- package/dist/globals/ThemeSettings/config.js.map +1 -1
- package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.d.ts.map +1 -1
- package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js +63 -62
- package/dist/globals/ThemeSettings/fields/FontLoadingGuideField.js.map +1 -1
- package/dist/globals/ThemeSettings/fields/TypographyInfoField.d.ts.map +1 -1
- package/dist/globals/ThemeSettings/fields/TypographyInfoField.js +22 -25
- package/dist/globals/ThemeSettings/fields/TypographyInfoField.js.map +1 -1
- package/dist/hooks/useAppearanceSession.d.ts +50 -0
- package/dist/hooks/useAppearanceSession.d.ts.map +1 -0
- package/dist/hooks/useAppearanceSession.js +91 -0
- package/dist/hooks/useAppearanceSession.js.map +1 -0
- package/dist/hooks/useNativeLivePreview.d.ts +15 -0
- package/dist/hooks/useNativeLivePreview.d.ts.map +1 -0
- package/dist/hooks/useNativeLivePreview.js +18 -0
- package/dist/hooks/useNativeLivePreview.js.map +1 -0
- package/dist/hooks/useThemeFonts.d.ts +10 -0
- package/dist/hooks/useThemeFonts.d.ts.map +1 -0
- package/dist/hooks/useThemeFonts.js +36 -0
- package/dist/hooks/useThemeFonts.js.map +1 -0
- package/dist/hooks/useThemeTranslations.d.ts +13 -0
- package/dist/hooks/useThemeTranslations.d.ts.map +1 -0
- package/dist/hooks/useThemeTranslations.js +22 -0
- package/dist/hooks/useThemeTranslations.js.map +1 -0
- package/dist/i18n.d.ts +53 -0
- package/dist/i18n.d.ts.map +1 -0
- package/dist/i18n.js +53 -0
- package/dist/i18n.js.map +1 -0
- package/dist/index.d.ts +13 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +59 -29
- package/dist/index.js.map +1 -1
- package/dist/next-fonts.d.ts +3 -0
- package/dist/next-fonts.d.ts.map +1 -0
- package/dist/next-fonts.js +360 -0
- package/dist/next-fonts.js.map +1 -0
- package/dist/payload-types.d.ts +34 -6
- package/dist/payload-types.d.ts.map +1 -1
- package/dist/payload-types.js.map +1 -1
- package/dist/presets.d.ts +14 -0
- package/dist/presets.d.ts.map +1 -1
- package/dist/presets.js.map +1 -1
- package/dist/providers/Theme/index.d.ts.map +1 -1
- package/dist/providers/Theme/index.js +75 -11
- package/dist/providers/Theme/index.js.map +1 -1
- package/dist/providers/Theme/themeConfig.d.ts.map +1 -1
- package/dist/providers/Theme/themeConfig.js +104 -0
- package/dist/providers/Theme/themeConfig.js.map +1 -1
- package/dist/providers/Theme/types.d.ts +1 -1
- package/dist/providers/Theme/types.d.ts.map +1 -1
- package/dist/providers/Theme/types.js +10 -1
- package/dist/providers/Theme/types.js.map +1 -1
- package/dist/style-presets.d.ts +75 -0
- package/dist/style-presets.d.ts.map +1 -0
- package/dist/style-presets.js +738 -0
- package/dist/style-presets.js.map +1 -0
- package/dist/translations.d.ts +164 -1
- package/dist/translations.d.ts.map +1 -1
- package/dist/translations.js +320 -9
- package/dist/translations.js.map +1 -1
- package/dist/tweakcn-special-themes.d.ts.map +1 -1
- package/dist/tweakcn-special-themes.js +585 -9
- package/dist/tweakcn-special-themes.js.map +1 -1
- package/dist/types/css.d.js +3 -0
- package/dist/types/css.d.js.map +1 -0
- package/dist/types.d.ts +26 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +1 -1
- package/dist/types.js.map +1 -1
- package/dist/utilities/getThemeSettings.d.ts.map +1 -1
- package/dist/utilities/getThemeSettings.js +2 -14
- package/dist/utilities/getThemeSettings.js.map +1 -1
- package/dist/utils/contrast.d.ts +63 -0
- package/dist/utils/contrast.d.ts.map +1 -0
- package/dist/utils/contrast.js +158 -0
- package/dist/utils/contrast.js.map +1 -0
- package/dist/utils/exportTokens.d.ts +30 -0
- package/dist/utils/exportTokens.d.ts.map +1 -0
- package/dist/utils/exportTokens.js +183 -0
- package/dist/utils/exportTokens.js.map +1 -0
- package/dist/utils/generatePalette.d.ts +46 -0
- package/dist/utils/generatePalette.d.ts.map +1 -0
- package/dist/utils/generatePalette.js +127 -0
- package/dist/utils/generatePalette.js.map +1 -0
- package/dist/utils/generateThemeCSS.d.ts.map +1 -1
- package/dist/utils/generateThemeCSS.js +2 -40
- package/dist/utils/generateThemeCSS.js.map +1 -1
- package/dist/utils/livePreviewThemeRuntime.d.ts +22 -3
- package/dist/utils/livePreviewThemeRuntime.d.ts.map +1 -1
- package/dist/utils/livePreviewThemeRuntime.js +48 -15
- package/dist/utils/livePreviewThemeRuntime.js.map +1 -1
- package/dist/utils/localizedText.d.ts +8 -0
- package/dist/utils/localizedText.d.ts.map +1 -0
- package/dist/utils/localizedText.js +21 -0
- package/dist/utils/localizedText.js.map +1 -0
- package/dist/utils/resolveThemeConfiguration.d.ts +60 -1
- package/dist/utils/resolveThemeConfiguration.d.ts.map +1 -1
- package/dist/utils/resolveThemeConfiguration.js +53 -13
- package/dist/utils/resolveThemeConfiguration.js.map +1 -1
- package/dist/utils/themeColors.d.ts +3 -0
- package/dist/utils/themeColors.d.ts.map +1 -1
- package/dist/utils/themeColors.js +30 -1
- package/dist/utils/themeColors.js.map +1 -1
- package/dist/utils/themeHtmlAttributes.d.ts +32 -12
- package/dist/utils/themeHtmlAttributes.d.ts.map +1 -1
- package/dist/utils/themeHtmlAttributes.js +38 -5
- package/dist/utils/themeHtmlAttributes.js.map +1 -1
- package/dist/utils/themeUtils.d.ts +3 -5
- package/dist/utils/themeUtils.d.ts.map +1 -1
- package/dist/utils/themeUtils.js +474 -6
- package/dist/utils/themeUtils.js.map +1 -1
- package/dist/utils/tweakcnConverter.d.ts +1 -3
- package/dist/utils/tweakcnConverter.d.ts.map +1 -1
- package/dist/utils/tweakcnConverter.js +1 -3
- package/dist/utils/tweakcnConverter.js.map +1 -1
- package/package.json +15 -5
- package/dist/components/ThemePreview.d.ts +0 -3
- package/dist/components/ThemePreview.d.ts.map +0 -1
- package/dist/components/ThemePreview.js +0 -321
- package/dist/components/ThemePreview.js.map +0 -1
- package/dist/plugin.d.ts +0 -2
- package/dist/plugin.d.ts.map +0 -1
- package/dist/plugin.js +0 -3
- package/dist/plugin.js.map +0 -1
|
@@ -350,6 +350,110 @@ export const themeConfigs = {
|
|
|
350
350
|
accent: 'hsl(0, 0%, 96%)'
|
|
351
351
|
}
|
|
352
352
|
}
|
|
353
|
+
},
|
|
354
|
+
glassmorphism: {
|
|
355
|
+
name: 'glassmorphism',
|
|
356
|
+
label: 'Glassmorphism',
|
|
357
|
+
borderRadius: 'large',
|
|
358
|
+
dynamicCSS: true,
|
|
359
|
+
preview: {
|
|
360
|
+
colors: {
|
|
361
|
+
primary: 'oklch(0.60 0.18 250)',
|
|
362
|
+
background: 'oklch(0.97 0.015 230)',
|
|
363
|
+
accent: 'oklch(0.72 0.15 190)'
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
},
|
|
367
|
+
claymorphism: {
|
|
368
|
+
name: 'claymorphism',
|
|
369
|
+
label: 'Claymorphism',
|
|
370
|
+
borderRadius: 'xl',
|
|
371
|
+
dynamicCSS: true,
|
|
372
|
+
preview: {
|
|
373
|
+
colors: {
|
|
374
|
+
primary: 'oklch(0.65 0.20 255)',
|
|
375
|
+
background: 'oklch(0.96 0.02 200)',
|
|
376
|
+
accent: 'oklch(0.80 0.12 40)'
|
|
377
|
+
}
|
|
378
|
+
}
|
|
379
|
+
},
|
|
380
|
+
neumorphism: {
|
|
381
|
+
name: 'neumorphism',
|
|
382
|
+
label: 'Neumorphism',
|
|
383
|
+
borderRadius: 'large',
|
|
384
|
+
dynamicCSS: true,
|
|
385
|
+
preview: {
|
|
386
|
+
colors: {
|
|
387
|
+
primary: 'oklch(0.60 0.16 250)',
|
|
388
|
+
background: 'oklch(0.93 0.01 240)',
|
|
389
|
+
accent: 'oklch(0.68 0.14 215)'
|
|
390
|
+
}
|
|
391
|
+
}
|
|
392
|
+
},
|
|
393
|
+
aurora: {
|
|
394
|
+
name: 'aurora',
|
|
395
|
+
label: 'Aurora Borealis',
|
|
396
|
+
borderRadius: 'large',
|
|
397
|
+
dynamicCSS: true,
|
|
398
|
+
preview: {
|
|
399
|
+
colors: {
|
|
400
|
+
primary: 'oklch(0.62 0.18 175)',
|
|
401
|
+
background: 'oklch(0.97 0.02 175)',
|
|
402
|
+
accent: 'oklch(0.72 0.16 300)'
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
},
|
|
406
|
+
luxury: {
|
|
407
|
+
name: 'luxury',
|
|
408
|
+
label: 'Luxury Gold',
|
|
409
|
+
borderRadius: 'small',
|
|
410
|
+
dynamicCSS: true,
|
|
411
|
+
preview: {
|
|
412
|
+
colors: {
|
|
413
|
+
primary: 'oklch(0.72 0.14 75)',
|
|
414
|
+
background: 'oklch(0.98 0.01 80)',
|
|
415
|
+
accent: 'oklch(0.62 0.18 55)'
|
|
416
|
+
}
|
|
417
|
+
}
|
|
418
|
+
},
|
|
419
|
+
healthcare: {
|
|
420
|
+
name: 'healthcare',
|
|
421
|
+
label: 'Healthcare Clean',
|
|
422
|
+
borderRadius: 'medium',
|
|
423
|
+
dynamicCSS: true,
|
|
424
|
+
preview: {
|
|
425
|
+
colors: {
|
|
426
|
+
primary: 'oklch(0.55 0.16 218)',
|
|
427
|
+
background: 'oklch(0.99 0.005 210)',
|
|
428
|
+
accent: 'oklch(0.68 0.14 170)'
|
|
429
|
+
}
|
|
430
|
+
}
|
|
431
|
+
},
|
|
432
|
+
nordic: {
|
|
433
|
+
name: 'nordic',
|
|
434
|
+
label: 'Nordic Minimal',
|
|
435
|
+
borderRadius: 'small',
|
|
436
|
+
dynamicCSS: true,
|
|
437
|
+
preview: {
|
|
438
|
+
colors: {
|
|
439
|
+
primary: 'oklch(0.42 0.10 225)',
|
|
440
|
+
background: 'oklch(0.97 0.01 220)',
|
|
441
|
+
accent: 'oklch(0.65 0.10 195)'
|
|
442
|
+
}
|
|
443
|
+
}
|
|
444
|
+
},
|
|
445
|
+
'warm-earth': {
|
|
446
|
+
name: 'warm-earth',
|
|
447
|
+
label: 'Warm Earth',
|
|
448
|
+
borderRadius: 'medium',
|
|
449
|
+
dynamicCSS: true,
|
|
450
|
+
preview: {
|
|
451
|
+
colors: {
|
|
452
|
+
primary: 'oklch(0.52 0.12 50)',
|
|
453
|
+
background: 'oklch(0.97 0.025 75)',
|
|
454
|
+
accent: 'oklch(0.68 0.14 145)'
|
|
455
|
+
}
|
|
456
|
+
}
|
|
353
457
|
}
|
|
354
458
|
};
|
|
355
459
|
export const borderRadiusPresets = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/providers/Theme/themeConfig.ts"],"sourcesContent":["import type { ThemeConfig, ThemeDefaults } from './types.js'\n\nexport const themeConfigs: Record<ThemeDefaults, ThemeConfig> = {\n cool: {\n name: 'cool',\n label: 'Cool & Professional',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(221 83% 53%)',\n background: 'hsl(0 0% 100%)',\n accent: 'hsl(210 40% 95%)',\n },\n },\n },\n brutal: {\n name: 'brutal',\n label: 'Modern Brutalism',\n borderRadius: 'none',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0 0% 0%)',\n background: 'hsl(0 0% 100%)',\n accent: 'hsl(0 72% 51%)',\n },\n },\n },\n neon: {\n name: 'neon',\n label: 'Neon Cyberpunk',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(263 90% 51%)',\n background: 'hsl(230 25% 5%)',\n accent: 'hsl(180 100% 50%)',\n },\n },\n },\n solar: {\n name: 'solar',\n label: 'Solar',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(20 90% 45%)',\n background: 'hsl(40 30% 95%)',\n accent: 'hsl(40 100% 50%)',\n },\n },\n },\n dealership: {\n name: 'dealership',\n label: 'Dealership',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(225 25% 25%)',\n background: 'hsl(0 0% 98%)',\n accent: 'hsl(15 85% 55%)',\n },\n },\n },\n 'real-estate': {\n name: 'real-estate',\n label: 'Real Estate Blue',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(220 90% 48%)',\n background: 'hsl(220 40% 98.5%)',\n accent: 'hsl(210 85% 55%)',\n },\n },\n },\n 'real-estate-gold': {\n name: 'real-estate-gold',\n label: 'Real Estate Gold',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(38 75% 45%)',\n background: 'hsl(45 25% 97%)',\n accent: 'hsl(42 85% 55%)',\n },\n },\n },\n 'real-estate-neutral': {\n name: 'real-estate-neutral',\n label: 'Real Estate Neutral',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(25 35% 25%)',\n background: 'hsl(30 8% 98%)',\n accent: 'hsl(35 25% 45%)',\n },\n },\n },\n // Extended 20 color themes (Dynamic CSS generation)\n cyberpunk: {\n name: 'cyberpunk',\n label: 'Cyberpunk Neon',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(320, 25%, 65%)',\n background: 'hsl(180, 2%, 98%)',\n accent: 'hsl(290, 22%, 75%)',\n },\n },\n },\n minimal: {\n name: 'minimal',\n label: 'Minimal Clean',\n borderRadius: 'none',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 0%, 12%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 96%)',\n },\n },\n },\n retro: {\n name: 'retro',\n label: 'Retro Vintage',\n borderRadius: 'small',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(35, 18%, 55%)',\n background: 'hsl(80, 3%, 96%)',\n accent: 'hsl(50, 16%, 68%)',\n },\n },\n },\n pastel: {\n name: 'pastel',\n label: 'Pastel Soft',\n borderRadius: 'xl',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(270, 12%, 70%)',\n background: 'hsl(250, 1%, 98%)',\n accent: 'hsl(300, 8%, 85%)',\n },\n },\n },\n ocean: {\n name: 'ocean',\n label: 'Ocean Deep',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(230, 18%, 55%)',\n background: 'hsl(220, 2%, 97%)',\n accent: 'hsl(190, 15%, 68%)',\n },\n },\n },\n forest: {\n name: 'forest',\n label: 'Forest Green',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(145, 16%, 52%)',\n background: 'hsl(145, 2%, 97%)',\n accent: 'hsl(155, 14%, 65%)',\n },\n },\n },\n sunset: {\n name: 'sunset',\n label: 'Sunset Warm',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(35, 20%, 60%)',\n background: 'hsl(50, 3%, 97%)',\n accent: 'hsl(20, 18%, 68%)',\n },\n },\n },\n lavender: {\n name: 'lavender',\n label: 'Lavender Dream',\n borderRadius: 'xl',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(295, 16%, 62%)',\n background: 'hsl(295, 2%, 98%)',\n accent: 'hsl(310, 14%, 72%)',\n },\n },\n },\n neutral: {\n name: 'neutral',\n label: 'Neutral',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 0%, 0%)',\n background: 'hsl(0, 0%, 99%)',\n accent: 'hsl(0, 0%, 94%)',\n },\n },\n },\n blue: {\n name: 'blue',\n label: 'Blue',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(221, 83%, 53%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n green: {\n name: 'green',\n label: 'Green',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(85, 85%, 35%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n red: {\n name: 'red',\n label: 'Red',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 72%, 51%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n orange: {\n name: 'orange',\n label: 'Orange',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(21, 90%, 48%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n rose: {\n name: 'rose',\n label: 'Rose',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(347, 77%, 50%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n violet: {\n name: 'violet',\n label: 'Violet',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(262, 83%, 58%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n zinc: {\n name: 'zinc',\n label: 'Zinc',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(286.375, 1%, 14%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(286.375, 0%, 96%)',\n },\n },\n },\n slate: {\n name: 'slate',\n label: 'Slate',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(254.624, 1%, 15%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(254.624, 0%, 96%)',\n },\n },\n },\n stone: {\n name: 'stone',\n label: 'Stone',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(56.365, 1%, 14%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(60, 0%, 96%)',\n },\n },\n },\n gray: {\n name: 'gray',\n label: 'Gray',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 0%, 14%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 96%)',\n },\n },\n },\n}\n\nexport const borderRadiusPresets = {\n none: {\n label: 'None',\n value: 'none',\n css: {\n '--radius-xs': '0',\n '--radius-small': '0',\n '--radius-default': '0',\n '--radius-medium': '0',\n '--radius-large': '0',\n '--radius-xl': '0',\n },\n },\n small: {\n label: 'Small',\n value: 'small',\n css: {\n '--radius-xs': '0.125rem',\n '--radius-small': '0.25rem',\n '--radius-default': '0.375rem',\n '--radius-medium': '0.5rem',\n '--radius-large': '0.75rem',\n '--radius-xl': '1rem',\n },\n },\n medium: {\n label: 'Medium',\n value: 'medium',\n css: {\n '--radius-xs': '0.25rem',\n '--radius-small': '0.5rem',\n '--radius-default': '0.75rem',\n '--radius-medium': '1rem',\n '--radius-large': '1.5rem',\n '--radius-xl': '2rem',\n },\n },\n large: {\n label: 'Large',\n value: 'large',\n css: {\n '--radius-xs': '0.5rem',\n '--radius-small': '0.75rem',\n '--radius-default': '1rem',\n '--radius-medium': '1.5rem',\n '--radius-large': '2rem',\n '--radius-xl': '2.5rem',\n },\n },\n xl: {\n label: 'Extra Large',\n value: 'xl',\n css: {\n '--radius-xs': '0.75rem',\n '--radius-small': '1rem',\n '--radius-default': '1.5rem',\n '--radius-medium': '2rem',\n '--radius-large': '2.5rem',\n '--radius-xl': '3rem',\n },\n },\n} as const\n\nexport function getThemeConfig(theme: ThemeDefaults): ThemeConfig {\n return themeConfigs[theme]\n}\n\nexport function getBorderRadiusConfig(preset: keyof typeof borderRadiusPresets) {\n return borderRadiusPresets[preset]\n}\n"],"names":["themeConfigs","cool","name","label","borderRadius","dynamicCSS","preview","colors","primary","background","accent","brutal","neon","solar","dealership","cyberpunk","minimal","retro","pastel","ocean","forest","sunset","lavender","neutral","blue","green","red","orange","rose","violet","zinc","slate","stone","gray","borderRadiusPresets","none","value","css","small","medium","large","xl","getThemeConfig","theme","getBorderRadiusConfig","preset"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/providers/Theme/themeConfig.ts"],"sourcesContent":["import type { ThemeConfig, ThemeDefaults } from './types.js'\n\nexport const themeConfigs: Record<ThemeDefaults, ThemeConfig> = {\n cool: {\n name: 'cool',\n label: 'Cool & Professional',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(221 83% 53%)',\n background: 'hsl(0 0% 100%)',\n accent: 'hsl(210 40% 95%)',\n },\n },\n },\n brutal: {\n name: 'brutal',\n label: 'Modern Brutalism',\n borderRadius: 'none',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0 0% 0%)',\n background: 'hsl(0 0% 100%)',\n accent: 'hsl(0 72% 51%)',\n },\n },\n },\n neon: {\n name: 'neon',\n label: 'Neon Cyberpunk',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(263 90% 51%)',\n background: 'hsl(230 25% 5%)',\n accent: 'hsl(180 100% 50%)',\n },\n },\n },\n solar: {\n name: 'solar',\n label: 'Solar',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(20 90% 45%)',\n background: 'hsl(40 30% 95%)',\n accent: 'hsl(40 100% 50%)',\n },\n },\n },\n dealership: {\n name: 'dealership',\n label: 'Dealership',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(225 25% 25%)',\n background: 'hsl(0 0% 98%)',\n accent: 'hsl(15 85% 55%)',\n },\n },\n },\n 'real-estate': {\n name: 'real-estate',\n label: 'Real Estate Blue',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(220 90% 48%)',\n background: 'hsl(220 40% 98.5%)',\n accent: 'hsl(210 85% 55%)',\n },\n },\n },\n 'real-estate-gold': {\n name: 'real-estate-gold',\n label: 'Real Estate Gold',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(38 75% 45%)',\n background: 'hsl(45 25% 97%)',\n accent: 'hsl(42 85% 55%)',\n },\n },\n },\n 'real-estate-neutral': {\n name: 'real-estate-neutral',\n label: 'Real Estate Neutral',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(25 35% 25%)',\n background: 'hsl(30 8% 98%)',\n accent: 'hsl(35 25% 45%)',\n },\n },\n },\n // Extended 20 color themes (Dynamic CSS generation)\n cyberpunk: {\n name: 'cyberpunk',\n label: 'Cyberpunk Neon',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(320, 25%, 65%)',\n background: 'hsl(180, 2%, 98%)',\n accent: 'hsl(290, 22%, 75%)',\n },\n },\n },\n minimal: {\n name: 'minimal',\n label: 'Minimal Clean',\n borderRadius: 'none',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 0%, 12%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 96%)',\n },\n },\n },\n retro: {\n name: 'retro',\n label: 'Retro Vintage',\n borderRadius: 'small',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(35, 18%, 55%)',\n background: 'hsl(80, 3%, 96%)',\n accent: 'hsl(50, 16%, 68%)',\n },\n },\n },\n pastel: {\n name: 'pastel',\n label: 'Pastel Soft',\n borderRadius: 'xl',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(270, 12%, 70%)',\n background: 'hsl(250, 1%, 98%)',\n accent: 'hsl(300, 8%, 85%)',\n },\n },\n },\n ocean: {\n name: 'ocean',\n label: 'Ocean Deep',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(230, 18%, 55%)',\n background: 'hsl(220, 2%, 97%)',\n accent: 'hsl(190, 15%, 68%)',\n },\n },\n },\n forest: {\n name: 'forest',\n label: 'Forest Green',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(145, 16%, 52%)',\n background: 'hsl(145, 2%, 97%)',\n accent: 'hsl(155, 14%, 65%)',\n },\n },\n },\n sunset: {\n name: 'sunset',\n label: 'Sunset Warm',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(35, 20%, 60%)',\n background: 'hsl(50, 3%, 97%)',\n accent: 'hsl(20, 18%, 68%)',\n },\n },\n },\n lavender: {\n name: 'lavender',\n label: 'Lavender Dream',\n borderRadius: 'xl',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(295, 16%, 62%)',\n background: 'hsl(295, 2%, 98%)',\n accent: 'hsl(310, 14%, 72%)',\n },\n },\n },\n neutral: {\n name: 'neutral',\n label: 'Neutral',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 0%, 0%)',\n background: 'hsl(0, 0%, 99%)',\n accent: 'hsl(0, 0%, 94%)',\n },\n },\n },\n blue: {\n name: 'blue',\n label: 'Blue',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(221, 83%, 53%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n green: {\n name: 'green',\n label: 'Green',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(85, 85%, 35%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n red: {\n name: 'red',\n label: 'Red',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 72%, 51%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n orange: {\n name: 'orange',\n label: 'Orange',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(21, 90%, 48%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n rose: {\n name: 'rose',\n label: 'Rose',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(347, 77%, 50%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n violet: {\n name: 'violet',\n label: 'Violet',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(262, 83%, 58%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 97%)',\n },\n },\n },\n zinc: {\n name: 'zinc',\n label: 'Zinc',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(286.375, 1%, 14%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(286.375, 0%, 96%)',\n },\n },\n },\n slate: {\n name: 'slate',\n label: 'Slate',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(254.624, 1%, 15%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(254.624, 0%, 96%)',\n },\n },\n },\n stone: {\n name: 'stone',\n label: 'Stone',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(56.365, 1%, 14%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(60, 0%, 96%)',\n },\n },\n },\n gray: {\n name: 'gray',\n label: 'Gray',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'hsl(0, 0%, 14%)',\n background: 'hsl(0, 0%, 100%)',\n accent: 'hsl(0, 0%, 96%)',\n },\n },\n },\n glassmorphism: {\n name: 'glassmorphism',\n label: 'Glassmorphism',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.60 0.18 250)',\n background: 'oklch(0.97 0.015 230)',\n accent: 'oklch(0.72 0.15 190)',\n },\n },\n },\n claymorphism: {\n name: 'claymorphism',\n label: 'Claymorphism',\n borderRadius: 'xl',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.65 0.20 255)',\n background: 'oklch(0.96 0.02 200)',\n accent: 'oklch(0.80 0.12 40)',\n },\n },\n },\n neumorphism: {\n name: 'neumorphism',\n label: 'Neumorphism',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.60 0.16 250)',\n background: 'oklch(0.93 0.01 240)',\n accent: 'oklch(0.68 0.14 215)',\n },\n },\n },\n aurora: {\n name: 'aurora',\n label: 'Aurora Borealis',\n borderRadius: 'large',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.62 0.18 175)',\n background: 'oklch(0.97 0.02 175)',\n accent: 'oklch(0.72 0.16 300)',\n },\n },\n },\n luxury: {\n name: 'luxury',\n label: 'Luxury Gold',\n borderRadius: 'small',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.72 0.14 75)',\n background: 'oklch(0.98 0.01 80)',\n accent: 'oklch(0.62 0.18 55)',\n },\n },\n },\n healthcare: {\n name: 'healthcare',\n label: 'Healthcare Clean',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.55 0.16 218)',\n background: 'oklch(0.99 0.005 210)',\n accent: 'oklch(0.68 0.14 170)',\n },\n },\n },\n nordic: {\n name: 'nordic',\n label: 'Nordic Minimal',\n borderRadius: 'small',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.42 0.10 225)',\n background: 'oklch(0.97 0.01 220)',\n accent: 'oklch(0.65 0.10 195)',\n },\n },\n },\n 'warm-earth': {\n name: 'warm-earth',\n label: 'Warm Earth',\n borderRadius: 'medium',\n dynamicCSS: true,\n preview: {\n colors: {\n primary: 'oklch(0.52 0.12 50)',\n background: 'oklch(0.97 0.025 75)',\n accent: 'oklch(0.68 0.14 145)',\n },\n },\n },\n}\n\nexport const borderRadiusPresets = {\n none: {\n label: 'None',\n value: 'none',\n css: {\n '--radius-xs': '0',\n '--radius-small': '0',\n '--radius-default': '0',\n '--radius-medium': '0',\n '--radius-large': '0',\n '--radius-xl': '0',\n },\n },\n small: {\n label: 'Small',\n value: 'small',\n css: {\n '--radius-xs': '0.125rem',\n '--radius-small': '0.25rem',\n '--radius-default': '0.375rem',\n '--radius-medium': '0.5rem',\n '--radius-large': '0.75rem',\n '--radius-xl': '1rem',\n },\n },\n medium: {\n label: 'Medium',\n value: 'medium',\n css: {\n '--radius-xs': '0.25rem',\n '--radius-small': '0.5rem',\n '--radius-default': '0.75rem',\n '--radius-medium': '1rem',\n '--radius-large': '1.5rem',\n '--radius-xl': '2rem',\n },\n },\n large: {\n label: 'Large',\n value: 'large',\n css: {\n '--radius-xs': '0.5rem',\n '--radius-small': '0.75rem',\n '--radius-default': '1rem',\n '--radius-medium': '1.5rem',\n '--radius-large': '2rem',\n '--radius-xl': '2.5rem',\n },\n },\n xl: {\n label: 'Extra Large',\n value: 'xl',\n css: {\n '--radius-xs': '0.75rem',\n '--radius-small': '1rem',\n '--radius-default': '1.5rem',\n '--radius-medium': '2rem',\n '--radius-large': '2.5rem',\n '--radius-xl': '3rem',\n },\n },\n} as const\n\nexport function getThemeConfig(theme: ThemeDefaults): ThemeConfig {\n return themeConfigs[theme]\n}\n\nexport function getBorderRadiusConfig(preset: keyof typeof borderRadiusPresets) {\n return borderRadiusPresets[preset]\n}\n"],"names":["themeConfigs","cool","name","label","borderRadius","dynamicCSS","preview","colors","primary","background","accent","brutal","neon","solar","dealership","cyberpunk","minimal","retro","pastel","ocean","forest","sunset","lavender","neutral","blue","green","red","orange","rose","violet","zinc","slate","stone","gray","glassmorphism","claymorphism","neumorphism","aurora","luxury","healthcare","nordic","borderRadiusPresets","none","value","css","small","medium","large","xl","getThemeConfig","theme","getBorderRadiusConfig","preset"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const THEME_DEFAULTS: readonly ["cool", "brutal", "neon", "solar", "dealership", "real-estate", "real-estate-gold", "real-estate-neutral", "cyberpunk", "minimal", "retro", "pastel", "ocean", "forest", "sunset", "lavender", "neutral", "blue", "green", "red", "orange", "rose", "violet", "zinc", "slate", "stone", "gray"];
|
|
1
|
+
export declare const THEME_DEFAULTS: readonly ["cool", "brutal", "neon", "solar", "dealership", "real-estate", "real-estate-gold", "real-estate-neutral", "cyberpunk", "minimal", "retro", "pastel", "ocean", "forest", "sunset", "lavender", "neutral", "blue", "green", "red", "orange", "rose", "violet", "zinc", "slate", "stone", "gray", "glassmorphism", "claymorphism", "neumorphism", "aurora", "luxury", "healthcare", "nordic", "warm-earth"];
|
|
2
2
|
export type ThemeDefaults = (typeof THEME_DEFAULTS)[number];
|
|
3
3
|
export type Mode = 'dark' | 'light' | 'auto';
|
|
4
4
|
export type BorderRadiusPreset = 'none' | 'small' | 'medium' | 'large' | 'xl';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/providers/Theme/types.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,qZAqCjB,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAE3D,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAE5C,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AAE7E,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,IAAI,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;AAE7D,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;AAEzE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;AAEvD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,EAAE,kBAAkB,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,MAAM,CAAA;YACf,UAAU,EAAE,MAAM,CAAA;YAClB,MAAM,EAAE,MAAM,CAAA;SACf,CAAA;KACF,CAAA;CACF;AAED,MAAM,WAAW,gBAAgB;IAE/B,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,YAAY,EAAE,MAAM,IAAI,CAAA;IAGxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACpC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAGlC,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACtD,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAC/C,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C,cAAc,CAAC,EAAE,oBAAoB,CAAA;IACrC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAGzD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACzD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAA;IAGjD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,aAAa,CAE3E;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,IAAI,IAAI,CAEjE"}
|
|
@@ -25,7 +25,16 @@ export const THEME_DEFAULTS = [
|
|
|
25
25
|
'zinc',
|
|
26
26
|
'slate',
|
|
27
27
|
'stone',
|
|
28
|
-
'gray'
|
|
28
|
+
'gray',
|
|
29
|
+
// Extended themes with oklch colors
|
|
30
|
+
'glassmorphism',
|
|
31
|
+
'claymorphism',
|
|
32
|
+
'neumorphism',
|
|
33
|
+
'aurora',
|
|
34
|
+
'luxury',
|
|
35
|
+
'healthcare',
|
|
36
|
+
'nordic',
|
|
37
|
+
'warm-earth'
|
|
29
38
|
];
|
|
30
39
|
export function themeIsValid(string) {
|
|
31
40
|
return typeof string === 'string' && THEME_DEFAULTS.includes(string);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/providers/Theme/types.ts"],"sourcesContent":["export const THEME_DEFAULTS = [\n 'cool',\n 'brutal',\n 'neon',\n 'solar',\n 'dealership',\n 'real-estate',\n 'real-estate-gold',\n 'real-estate-neutral',\n 'cyberpunk',\n 'minimal',\n 'retro',\n 'pastel',\n 'ocean',\n 'forest',\n 'sunset',\n 'lavender',\n 'neutral',\n 'blue',\n 'green',\n 'red',\n 'orange',\n 'rose',\n 'violet',\n 'zinc',\n 'slate',\n 'stone',\n 'gray',\n] as const\n\nexport type ThemeDefaults = (typeof THEME_DEFAULTS)[number]\n\nexport type Mode = 'dark' | 'light' | 'auto'\n\nexport type BorderRadiusPreset = 'none' | 'small' | 'medium' | 'large' | 'xl'\n\nexport type FontScalePreset = 'small' | 'medium' | 'large' | 'xl'\n\nexport type SpacingPreset = 'compact' | 'medium' | 'spacious'\n\nexport type AnimationLevelPreset = 'none' | 'reduced' | 'medium' | 'high'\n\nexport type ColorModePreset = 'auto' | 'light' | 'dark'\n\nexport interface ThemeConfig {\n name: string\n label: string\n borderRadius: BorderRadiusPreset\n cssFile?: string // Optional - if not provided, CSS is generated dynamically\n dynamicCSS?: boolean // If true, CSS is generated from theme preset\n preview?: {\n colors: {\n primary: string\n background: string\n accent: string\n }\n }\n}\n\nexport interface ThemeContextType {\n // Theme management\n theme?: ThemeDefaults | null\n setTheme?: (theme: ThemeDefaults) => void // Add setTheme for enhanced functionality\n refreshTheme: () => void // Refresh theme (now handled server-side)\n\n // Color mode\n mode?: Mode | null\n setMode: (mode: Mode | null) => void\n isColorModeToggleAllowed?: boolean // Whether admin allows color mode changes\n\n // Design controls\n borderRadius?: BorderRadiusPreset\n setBorderRadius?: (radius: BorderRadiusPreset) => void\n fontScale?: FontScalePreset\n setFontScale?: (scale: FontScalePreset) => void\n spacing?: SpacingPreset\n setSpacing?: (spacing: SpacingPreset) => void\n animationLevel?: AnimationLevelPreset\n setAnimationLevel?: (level: AnimationLevelPreset) => void\n\n // Theme loading\n preloadTheme?: (theme: ThemeDefaults) => Promise<boolean>\n isThemeLoaded?: (theme: ThemeDefaults) => boolean\n\n // Enhanced configuration\n themeConfig?: unknown // Enhanced theme configuration from plugin\n}\n\nexport interface ThemeOption {\n label: string\n value: ThemeDefaults\n config?: ThemeConfig\n}\n\nexport function themeIsValid(string: null | string): string is ThemeDefaults {\n return typeof string === 'string' && (THEME_DEFAULTS as readonly string[]).includes(string)\n}\n\nexport function modeIsValid(string: null | string): string is Mode {\n return typeof string === 'string' && ['dark', 'light', 'auto'].includes(string)\n}\n"],"names":["THEME_DEFAULTS","themeIsValid","string","includes","modeIsValid"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAS;AAkEV,OAAO,SAASC,aAAaC,MAAqB;IAChD,OAAO,OAAOA,WAAW,YAAY,AAACF,eAAqCG,QAAQ,CAACD;AACtF;AAEA,OAAO,SAASE,YAAYF,MAAqB;IAC/C,OAAO,OAAOA,WAAW,YAAY;QAAC;QAAQ;QAAS;KAAO,CAACC,QAAQ,CAACD;AAC1E"}
|
|
1
|
+
{"version":3,"sources":["../../../src/providers/Theme/types.ts"],"sourcesContent":["export const THEME_DEFAULTS = [\n 'cool',\n 'brutal',\n 'neon',\n 'solar',\n 'dealership',\n 'real-estate',\n 'real-estate-gold',\n 'real-estate-neutral',\n 'cyberpunk',\n 'minimal',\n 'retro',\n 'pastel',\n 'ocean',\n 'forest',\n 'sunset',\n 'lavender',\n 'neutral',\n 'blue',\n 'green',\n 'red',\n 'orange',\n 'rose',\n 'violet',\n 'zinc',\n 'slate',\n 'stone',\n 'gray',\n // Extended themes with oklch colors\n 'glassmorphism',\n 'claymorphism',\n 'neumorphism',\n 'aurora',\n 'luxury',\n 'healthcare',\n 'nordic',\n 'warm-earth',\n] as const\n\nexport type ThemeDefaults = (typeof THEME_DEFAULTS)[number]\n\nexport type Mode = 'dark' | 'light' | 'auto'\n\nexport type BorderRadiusPreset = 'none' | 'small' | 'medium' | 'large' | 'xl'\n\nexport type FontScalePreset = 'small' | 'medium' | 'large' | 'xl'\n\nexport type SpacingPreset = 'compact' | 'medium' | 'spacious'\n\nexport type AnimationLevelPreset = 'none' | 'reduced' | 'medium' | 'high'\n\nexport type ColorModePreset = 'auto' | 'light' | 'dark'\n\nexport interface ThemeConfig {\n name: string\n label: string\n borderRadius: BorderRadiusPreset\n cssFile?: string // Optional - if not provided, CSS is generated dynamically\n dynamicCSS?: boolean // If true, CSS is generated from theme preset\n preview?: {\n colors: {\n primary: string\n background: string\n accent: string\n }\n }\n}\n\nexport interface ThemeContextType {\n // Theme management\n theme?: ThemeDefaults | null\n setTheme?: (theme: ThemeDefaults) => void // Add setTheme for enhanced functionality\n refreshTheme: () => void // Refresh theme (now handled server-side)\n\n // Color mode\n mode?: Mode | null\n setMode: (mode: Mode | null) => void\n isColorModeToggleAllowed?: boolean // Whether admin allows color mode changes\n\n // Design controls\n borderRadius?: BorderRadiusPreset\n setBorderRadius?: (radius: BorderRadiusPreset) => void\n fontScale?: FontScalePreset\n setFontScale?: (scale: FontScalePreset) => void\n spacing?: SpacingPreset\n setSpacing?: (spacing: SpacingPreset) => void\n animationLevel?: AnimationLevelPreset\n setAnimationLevel?: (level: AnimationLevelPreset) => void\n\n // Theme loading\n preloadTheme?: (theme: ThemeDefaults) => Promise<boolean>\n isThemeLoaded?: (theme: ThemeDefaults) => boolean\n\n // Enhanced configuration\n themeConfig?: unknown // Enhanced theme configuration from plugin\n}\n\nexport interface ThemeOption {\n label: string\n value: ThemeDefaults\n config?: ThemeConfig\n}\n\nexport function themeIsValid(string: null | string): string is ThemeDefaults {\n return typeof string === 'string' && (THEME_DEFAULTS as readonly string[]).includes(string)\n}\n\nexport function modeIsValid(string: null | string): string is Mode {\n return typeof string === 'string' && ['dark', 'light', 'auto'].includes(string)\n}\n"],"names":["THEME_DEFAULTS","themeIsValid","string","includes","modeIsValid"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB;IAC5B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,oCAAoC;IACpC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAS;AAkEV,OAAO,SAASC,aAAaC,MAAqB;IAChD,OAAO,OAAOA,WAAW,YAAY,AAACF,eAAqCG,QAAQ,CAACD;AACtF;AAEA,OAAO,SAASE,YAAYF,MAAqB;IAC/C,OAAO,OAAOA,WAAW,YAAY;QAAC;QAAQ;QAAS;KAAO,CAACC,QAAQ,CAACD;AAC1E"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Style presets — define the visual style (type, rhythm, effects, component
|
|
3
|
+
* styles) WITHOUT touching colour palettes.
|
|
4
|
+
*
|
|
5
|
+
* A user can combine any colour preset (ThemePreset) with any style preset
|
|
6
|
+
* (StylePreset). Every value here must be a valid option of the matching admin
|
|
7
|
+
* field (see `themeConfigurationField.ts` and `constants/themeFonts.ts`),
|
|
8
|
+
* otherwise the document cannot be saved — `tests/unit/stylePresets.test.ts`
|
|
9
|
+
* guards this.
|
|
10
|
+
*/
|
|
11
|
+
export interface StylePresetTypography {
|
|
12
|
+
/** Body font: a FONT_CATALOG value (e.g. 'Inter', 'Lora'). */
|
|
13
|
+
bodyFont?: string;
|
|
14
|
+
/** Heading font: a FONT_CATALOG value. */
|
|
15
|
+
headingFont?: string;
|
|
16
|
+
/** Base font size in px, stored without unit. Legacy 'small' | 'medium' | 'large' are mapped. */
|
|
17
|
+
baseFontSize?: '14' | '15' | '16' | '17' | '18' | '20' | 'small' | 'medium' | 'large';
|
|
18
|
+
/** Legacy 'compact' | 'normal' | 'relaxed' are mapped. */
|
|
19
|
+
lineHeight?: '1.4' | '1.5' | '1.6' | '1.7' | '1.8' | 'compact' | 'normal' | 'relaxed';
|
|
20
|
+
/** Heading tracking. 'wider' also sets headings in capitals. */
|
|
21
|
+
letterSpacing?: 'tight' | 'normal' | 'wide' | 'wider';
|
|
22
|
+
headingWeight?: '300' | '400' | '500' | '600' | '700' | '800';
|
|
23
|
+
}
|
|
24
|
+
export interface StylePreset {
|
|
25
|
+
name: string;
|
|
26
|
+
label: {
|
|
27
|
+
en: string;
|
|
28
|
+
cs: string;
|
|
29
|
+
};
|
|
30
|
+
description: {
|
|
31
|
+
en: string;
|
|
32
|
+
cs: string;
|
|
33
|
+
};
|
|
34
|
+
category: 'classic' | 'effect';
|
|
35
|
+
borderRadius?: 'none' | 'small' | 'medium' | 'large' | 'xl';
|
|
36
|
+
animationLevel?: 'none' | 'reduced' | 'medium' | 'high';
|
|
37
|
+
/** Spacing scale: 'compact' = tighter, 'medium' = default, 'comfortable' = generous whitespace ('spacious' is a legacy alias). */
|
|
38
|
+
spacing?: 'compact' | 'medium' | 'comfortable' | 'spacious';
|
|
39
|
+
typography?: StylePresetTypography;
|
|
40
|
+
visualEffects?: {
|
|
41
|
+
effectStyle?: 'flat' | 'elevated' | 'glass' | 'neumorphic' | 'clay';
|
|
42
|
+
shadowIntensity?: 'none' | 'subtle' | 'medium' | 'strong' | 'dramatic';
|
|
43
|
+
backdropBlur?: 'none' | 'slight' | 'medium' | 'strong' | 'heavy';
|
|
44
|
+
borderStyle?: 'none' | 'solid' | 'dashed' | 'dotted' | 'double';
|
|
45
|
+
borderWidth?: '0px' | '1px' | '2px' | '3px' | '4px';
|
|
46
|
+
glassOpacity?: number;
|
|
47
|
+
};
|
|
48
|
+
componentStyles?: {
|
|
49
|
+
buttonVariant?: 'filled' | 'outlined' | 'ghost' | 'gradient' | 'pill' | 'brutal';
|
|
50
|
+
buttonSize?: 'small' | 'medium' | 'large' | 'xl';
|
|
51
|
+
cardStyle?: 'elevated' | 'flat' | 'bordered' | 'glass' | 'neumorphic' | 'gradient-border';
|
|
52
|
+
cardHoverEffect?: 'none' | 'lift' | 'scale' | 'shadow' | 'glow' | 'tilt';
|
|
53
|
+
navbarStyle?: 'solid' | 'transparent' | 'blur' | 'floating' | 'minimal';
|
|
54
|
+
footerStyle?: 'standard' | 'minimal' | 'dark' | 'gradient-top' | 'full-color';
|
|
55
|
+
imageStyle?: 'default' | 'rounded' | 'circle' | 'vignette' | 'grayscale' | 'duotone' | 'polaroid';
|
|
56
|
+
linkStyle?: 'underline' | 'underline-hover' | 'none' | 'highlight' | 'animated';
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
/** Maps values from older StylePreset definitions onto the current field options. */
|
|
60
|
+
export declare function normalizeStylePresetValue(path: string, value: unknown): unknown;
|
|
61
|
+
export declare const allStylePresets: StylePreset[];
|
|
62
|
+
export declare const stylePresetCategories: readonly [{
|
|
63
|
+
readonly name: "classic";
|
|
64
|
+
readonly label: {
|
|
65
|
+
readonly en: "Styles";
|
|
66
|
+
readonly cs: "Styly";
|
|
67
|
+
};
|
|
68
|
+
}, {
|
|
69
|
+
readonly name: "effect";
|
|
70
|
+
readonly label: {
|
|
71
|
+
readonly en: "Effect styles";
|
|
72
|
+
readonly cs: "Styly s efekty";
|
|
73
|
+
};
|
|
74
|
+
}];
|
|
75
|
+
//# sourceMappingURL=style-presets.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../src/style-presets.ts"],"names":[],"mappings":"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"}
|