@xanui/core 1.2.2 → 1.2.3

package/theme/ThemeCssVars.mjs

@@ -1,5 +1,5 @@
 const ThemeCssVars = (theme) => {
     const shadows = {};
     theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s);
-    return Object.assign({ "--bp-xs": theme.breakpoints.xs, "--bp-sm": theme.breakpoints.sm, "--bp-md": theme.breakpoints.md, "--bp-lg": theme.breakpoints.lg, "--bp-xl": theme.breakpoints.xl, "--font-h1": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} inherit`, "--font-h2": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} inherit`, "--font-h3": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} inherit`, "--font-h4": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} inherit`, "--font-h5": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} inherit`, "--font-h6": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} inherit`, "--font-big": `${theme.typography.big.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`, "--font-text": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`, "--font-button": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} inherit`, "--font-small": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} inherit`, "--fontsize-h1": `${theme.typography.h1.fontSize}px`, "--fontsize-h2": `${theme.typography.h2.fontSize}px`, "--fontsize-h3": `${theme.typography.h3.fontSize}px`, "--fontsize-h4": `${theme.typography.h4.fontSize}px`, "--fontsize-h5": `${theme.typography.h5.fontSize}px`, "--fontsize-h6": `${theme.typography.h6.fontSize}px`, "--fontsize-big": `${theme.typography.big.fontSize}px`, "--fontsize-text": `${theme.typography.text.fontSize}px`, "--fontsize-button": `${theme.typography.button.fontSize}px`, "--fontsize-small": `${theme.typography.small.fontSize}px`, "--fontweight-h1": theme.typography.h1.fontWeight + "", "--fontweight-h2": theme.typography.h2.fontWeight + "", "--fontweight-h3": theme.typography.h3.fontWeight + "", "--fontweight-h4": theme.typography.h4.fontWeight + "", "--fontweight-h5": theme.typography.h5.fontWeight + "", "--fontweight-h6": theme.typography.h6.fontWeight + "", "--fontweight-big": theme.typography.big.fontWeight + "", "--fontweight-text": theme.typography.text.fontWeight + "", "--fontweight-button": theme.typography.button.fontWeight + "", "--fontweight-small": theme.typography.small.fontWeight + "", "--lineheight-h1": theme.typography.h1.lineHeight + "", "--lineheight-h2": theme.typography.h2.lineHeight + "", "--lineheight-h3": theme.typography.h3.lineHeight + "", "--lineheight-h4": theme.typography.h4.lineHeight + "", "--lineheight-h5": theme.typography.h5.lineHeight + "", "--lineheight-h6": theme.typography.h6.lineHeight + "", "--lineheight-big": theme.typography.big.lineHeight + "", "--lineheight-text": theme.typography.text.lineHeight + "", "--lineheight-button": theme.typography.button.lineHeight + "", "--lineheight-small": theme.typography.small.lineHeight + "", "--color-text": theme.colors.text.primary, "--color-text-primary": theme.colors.text.primary, "--color-text-secondary": theme.colors.text.secondary, "--color-divider": theme.colors.divider, "--color-background": theme.colors.background.primary, "--color-background-primary": theme.colors.background.primary, "--color-background-secondary": theme.colors.background.secondary, "--color-background-alpha": theme.colors.background.alpha, "--color-surface": theme.colors.surface.primary, "--color-surface-primary": theme.colors.surface.primary, "--color-surface-secondary": theme.colors.surface.secondary, "--color-surface-alpha": theme.colors.surface.alpha, "--color-brand": theme.colors.brand.primary, "--color-brand-primary": theme.colors.brand.primary, "--color-brand-secondary": theme.colors.brand.secondary, "--color-brand-alpha": theme.colors.brand.alpha, "--color-brand-text": theme.colors.brand.text, "--color-accent": theme.colors.accent.primary, "--color-accent-primary": theme.colors.accent.primary, "--color-accent-secondary": theme.colors.accent.secondary, "--color-accent-alpha": theme.colors.accent.alpha, "--color-accent-text": theme.colors.accent.text, "--color-info": theme.colors.info.primary, "--color-info-primary": theme.colors.info.primary, "--color-info-secondary": theme.colors.info.secondary, "--color-info-alpha": theme.colors.info.alpha, "--color-info-text": theme.colors.info.text, "--color-success": theme.colors.success.primary, "--color-success-primary": theme.colors.success.primary, "--color-success-secondary": theme.colors.success.secondary, "--color-success-alpha": theme.colors.success.alpha, "--color-success-text": theme.colors.success.text, "--color-warning": theme.colors.warning.primary, "--color-warning-primary": theme.colors.warning.primary, "--color-warning-secondary": theme.colors.warning.secondary, "--color-warning-alpha": theme.colors.warning.alpha, "--color-warning-text": theme.colors.warning.text, "--color-danger": theme.colors.danger.primary, "--color-danger-primary": theme.colors.danger.primary, "--color-danger-secondary": theme.colors.danger.secondary, "--color-danger-alpha": theme.colors.danger.alpha, "--color-danger-text": theme.colors.danger.text }, shadows);
+    return Object.assign({ "--bp-xs": theme.breakpoints.xs, "--bp-sm": theme.breakpoints.sm, "--bp-md": theme.breakpoints.md, "--bp-lg": theme.breakpoints.lg, "--bp-xl": theme.breakpoints.xl, "--font-h1": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} inherit`, "--font-h2": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} inherit`, "--font-h3": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} inherit`, "--font-h4": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} inherit`, "--font-h5": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} inherit`, "--font-h6": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} inherit`, "--font-big": `${theme.typography.big.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`, "--font-text": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`, "--font-button": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} inherit`, "--font-small": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} inherit`, "--fontsize-h1": `${theme.typography.h1.fontSize}px`, "--fontsize-h2": `${theme.typography.h2.fontSize}px`, "--fontsize-h3": `${theme.typography.h3.fontSize}px`, "--fontsize-h4": `${theme.typography.h4.fontSize}px`, "--fontsize-h5": `${theme.typography.h5.fontSize}px`, "--fontsize-h6": `${theme.typography.h6.fontSize}px`, "--fontsize-big": `${theme.typography.big.fontSize}px`, "--fontsize-text": `${theme.typography.text.fontSize}px`, "--fontsize-button": `${theme.typography.button.fontSize}px`, "--fontsize-small": `${theme.typography.small.fontSize}px`, "--fontweight-h1": theme.typography.h1.fontWeight, "--fontweight-h2": theme.typography.h2.fontWeight, "--fontweight-h3": theme.typography.h3.fontWeight, "--fontweight-h4": theme.typography.h4.fontWeight, "--fontweight-h5": theme.typography.h5.fontWeight, "--fontweight-h6": theme.typography.h6.fontWeight, "--fontweight-big": theme.typography.big.fontWeight, "--fontweight-text": theme.typography.text.fontWeight, "--fontweight-button": theme.typography.button.fontWeight, "--fontweight-small": theme.typography.small.fontWeight, "--lineheight-h1": theme.typography.h1.lineHeight, "--lineheight-h2": theme.typography.h2.lineHeight, "--lineheight-h3": theme.typography.h3.lineHeight, "--lineheight-h4": theme.typography.h4.lineHeight, "--lineheight-h5": theme.typography.h5.lineHeight, "--lineheight-h6": theme.typography.h6.lineHeight, "--lineheight-big": theme.typography.big.lineHeight, "--lineheight-text": theme.typography.text.lineHeight, "--lineheight-button": theme.typography.button.lineHeight, "--lineheight-small": theme.typography.small.lineHeight, "--color-common": theme.colors.common.primary, "--color-common-primary": theme.colors.common.primary, "--color-common-secondary": theme.colors.common.secondary, "--color-common-alpha": theme.colors.common.alpha, "--color-common-divider": theme.colors.common.divider, "--color-common-text-primary": theme.colors.common.text.primary, "--color-common-text-secondary": theme.colors.common.text.secondary, "--color-surface": theme.colors.surface.primary, "--color-surface-primary": theme.colors.surface.primary, "--color-surface-secondary": theme.colors.surface.secondary, "--color-surface-alpha": theme.colors.surface.alpha, "--color-surface-divider": theme.colors.surface.divider, "--color-surface-text-primary": theme.colors.surface.text.primary, "--color-surface-text-secondary": theme.colors.surface.text.secondary, "--color-brand": theme.colors.brand.primary, "--color-brand-primary": theme.colors.brand.primary, "--color-brand-secondary": theme.colors.brand.secondary, "--color-brand-alpha": theme.colors.brand.alpha, "--color-brand-divider": theme.colors.brand.divider, "--color-brand-text-primary": theme.colors.brand.text.primary, "--color-brand-text-secondary": theme.colors.brand.text.secondary, "--color-accent": theme.colors.accent.primary, "--color-accent-primary": theme.colors.accent.primary, "--color-accent-secondary": theme.colors.accent.secondary, "--color-accent-alpha": theme.colors.accent.alpha, "--color-accent-divider": theme.colors.accent.divider, "--color-accent-text-primary": theme.colors.accent.text.primary, "--color-accent-text-secondary": theme.colors.accent.text.secondary, "--color-info": theme.colors.info.primary, "--color-info-primary": theme.colors.info.primary, "--color-info-secondary": theme.colors.info.secondary, "--color-info-alpha": theme.colors.info.alpha, "--color-info-divider": theme.colors.info.divider, "--color-info-text-primary": theme.colors.info.text.primary, "--color-info-text-secondary": theme.colors.info.text.secondary, "--color-success": theme.colors.success.primary, "--color-success-primary": theme.colors.success.primary, "--color-success-secondary": theme.colors.success.secondary, "--color-success-alpha": theme.colors.success.alpha, "--color-success-divider": theme.colors.success.divider, "--color-success-text-primary": theme.colors.success.text.primary, "--color-success-text-secondary": theme.colors.success.text.secondary, "--color-warning": theme.colors.warning.primary, "--color-warning-primary": theme.colors.warning.primary, "--color-warning-secondary": theme.colors.warning.secondary, "--color-warning-alpha": theme.colors.warning.alpha, "--color-warning-divider": theme.colors.warning.divider, "--color-warning-text-primary": theme.colors.warning.text.primary, "--color-warning-text-secondary": theme.colors.warning.text.secondary, "--color-danger": theme.colors.danger.primary, "--color-danger-primary": theme.colors.danger.primary, "--color-danger-secondary": theme.colors.danger.secondary, "--color-danger-alpha": theme.colors.danger.alpha, "--color-danger-divider": theme.colors.danger.divider, "--color-danger-text-primary": theme.colors.danger.text.primary, "--color-danger-text-secondary": theme.colors.danger.text.secondary }, shadows);
 };export{ThemeCssVars as default};//# sourceMappingURL=ThemeCssVars.mjs.map

package/theme/ThemeCssVars.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeCssVars.mjs","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\r\n\r\nconst ThemeCssVars = (theme: ThemeOptions) => {\r\n\r\n    const shadows: any = {}\r\n    theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\r\n\r\n    return {\r\n        \"--bp-xs\": theme.breakpoints.xs,\r\n        \"--bp-sm\": theme.breakpoints.sm,\r\n        \"--bp-md\": theme.breakpoints.md,\r\n        \"--bp-lg\": theme.breakpoints.lg,\r\n        \"--bp-xl\": theme.breakpoints.xl,\r\n\r\n        \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} inherit`,\r\n        \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} inherit`,\r\n        \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} inherit`,\r\n        \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} inherit`,\r\n        \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} inherit`,\r\n        \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} inherit`,\r\n        \"--font-big\": `${theme.typography.big.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`,\r\n        \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`,\r\n        \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} inherit`,\r\n        \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} inherit`,\r\n\r\n        \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\r\n        \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\r\n        \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\r\n        \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\r\n        \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\r\n        \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\r\n        \"--fontsize-big\": `${theme.typography.big.fontSize}px`,\r\n        \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\r\n        \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\r\n        \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\r\n\r\n        \"--fontweight-h1\": theme.typography.h1.fontWeight + \"\",\r\n        \"--fontweight-h2\": theme.typography.h2.fontWeight + \"\",\r\n        \"--fontweight-h3\": theme.typography.h3.fontWeight + \"\",\r\n        \"--fontweight-h4\": theme.typography.h4.fontWeight + \"\",\r\n        \"--fontweight-h5\": theme.typography.h5.fontWeight + \"\",\r\n        \"--fontweight-h6\": theme.typography.h6.fontWeight + \"\",\r\n        \"--fontweight-big\": theme.typography.big.fontWeight + \"\",\r\n        \"--fontweight-text\": theme.typography.text.fontWeight + \"\",\r\n        \"--fontweight-button\": theme.typography.button.fontWeight + \"\",\r\n        \"--fontweight-small\": theme.typography.small.fontWeight + \"\",\r\n\r\n        \"--lineheight-h1\": theme.typography.h1.lineHeight + \"\",\r\n        \"--lineheight-h2\": theme.typography.h2.lineHeight + \"\",\r\n        \"--lineheight-h3\": theme.typography.h3.lineHeight + \"\",\r\n        \"--lineheight-h4\": theme.typography.h4.lineHeight + \"\",\r\n        \"--lineheight-h5\": theme.typography.h5.lineHeight + \"\",\r\n        \"--lineheight-h6\": theme.typography.h6.lineHeight + \"\",\r\n        \"--lineheight-big\": theme.typography.big.lineHeight + \"\",\r\n        \"--lineheight-text\": theme.typography.text.lineHeight + \"\",\r\n        \"--lineheight-button\": theme.typography.button.lineHeight + \"\",\r\n        \"--lineheight-small\": theme.typography.small.lineHeight + \"\",\r\n\r\n        \"--color-text\": theme.colors.text.primary,\r\n        \"--color-text-primary\": theme.colors.text.primary,\r\n        \"--color-text-secondary\": theme.colors.text.secondary,\r\n        \"--color-divider\": theme.colors.divider,\r\n\r\n        \"--color-background\": theme.colors.background.primary,\r\n        \"--color-background-primary\": theme.colors.background.primary,\r\n        \"--color-background-secondary\": theme.colors.background.secondary,\r\n        \"--color-background-alpha\": theme.colors.background.alpha,\r\n\r\n        \"--color-surface\": theme.colors.surface.primary,\r\n        \"--color-surface-primary\": theme.colors.surface.primary,\r\n        \"--color-surface-secondary\": theme.colors.surface.secondary,\r\n        \"--color-surface-alpha\": theme.colors.surface.alpha,\r\n\r\n        \"--color-brand\": theme.colors.brand.primary,\r\n        \"--color-brand-primary\": theme.colors.brand.primary,\r\n        \"--color-brand-secondary\": theme.colors.brand.secondary,\r\n        \"--color-brand-alpha\": theme.colors.brand.alpha,\r\n        \"--color-brand-text\": theme.colors.brand.text,\r\n\r\n        \"--color-accent\": theme.colors.accent.primary,\r\n        \"--color-accent-primary\": theme.colors.accent.primary,\r\n        \"--color-accent-secondary\": theme.colors.accent.secondary,\r\n        \"--color-accent-alpha\": theme.colors.accent.alpha,\r\n        \"--color-accent-text\": theme.colors.accent.text,\r\n\r\n        \"--color-info\": theme.colors.info.primary,\r\n        \"--color-info-primary\": theme.colors.info.primary,\r\n        \"--color-info-secondary\": theme.colors.info.secondary,\r\n        \"--color-info-alpha\": theme.colors.info.alpha,\r\n        \"--color-info-text\": theme.colors.info.text,\r\n\r\n        \"--color-success\": theme.colors.success.primary,\r\n        \"--color-success-primary\": theme.colors.success.primary,\r\n        \"--color-success-secondary\": theme.colors.success.secondary,\r\n        \"--color-success-alpha\": theme.colors.success.alpha,\r\n        \"--color-success-text\": theme.colors.success.text,\r\n\r\n        \"--color-warning\": theme.colors.warning.primary,\r\n        \"--color-warning-primary\": theme.colors.warning.primary,\r\n        \"--color-warning-secondary\": theme.colors.warning.secondary,\r\n        \"--color-warning-alpha\": theme.colors.warning.alpha,\r\n        \"--color-warning-text\": theme.colors.warning.text,\r\n\r\n        \"--color-danger\": theme.colors.danger.primary,\r\n        \"--color-danger-primary\": theme.colors.danger.primary,\r\n        \"--color-danger-secondary\": theme.colors.danger.secondary,\r\n        \"--color-danger-alpha\": theme.colors.danger.alpha,\r\n        \"--color-danger-text\": theme.colors.danger.text,\r\n        ...shadows,\r\n    }\r\n}\r\n\r\n\r\nexport default ThemeCssVars"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeCssVars.mjs","sources":["../../src/theme/ThemeCssVars.ts"],"sourcesContent":["import { ThemeOptions } from \"./types\";\r\n\r\nconst ThemeCssVars = (theme: ThemeOptions) => {\r\n\r\n    const shadows: any = {}\r\n    theme.shadow.forEach((s, i) => shadows[`--shadow-${i}`] = s)\r\n\r\n    return {\r\n        \"--bp-xs\": theme.breakpoints.xs,\r\n        \"--bp-sm\": theme.breakpoints.sm,\r\n        \"--bp-md\": theme.breakpoints.md,\r\n        \"--bp-lg\": theme.breakpoints.lg,\r\n        \"--bp-xl\": theme.breakpoints.xl,\r\n\r\n        \"--font-h1\": `${theme.typography.h1.fontWeight} ${theme.typography.h1.fontSize}px/${theme.typography.h1.lineHeight} inherit`,\r\n        \"--font-h2\": `${theme.typography.h2.fontWeight} ${theme.typography.h2.fontSize}px/${theme.typography.h2.lineHeight} inherit`,\r\n        \"--font-h3\": `${theme.typography.h3.fontWeight} ${theme.typography.h3.fontSize}px/${theme.typography.h3.lineHeight} inherit`,\r\n        \"--font-h4\": `${theme.typography.h4.fontWeight} ${theme.typography.h4.fontSize}px/${theme.typography.h4.lineHeight} inherit`,\r\n        \"--font-h5\": `${theme.typography.h5.fontWeight} ${theme.typography.h5.fontSize}px/${theme.typography.h5.lineHeight} inherit`,\r\n        \"--font-h6\": `${theme.typography.h6.fontWeight} ${theme.typography.h6.fontSize}px/${theme.typography.h6.lineHeight} inherit`,\r\n        \"--font-big\": `${theme.typography.big.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`,\r\n        \"--font-text\": `${theme.typography.text.fontWeight} ${theme.typography.text.fontSize}px/${theme.typography.text.lineHeight} inherit`,\r\n        \"--font-button\": `${theme.typography.button.fontWeight} ${theme.typography.button.fontSize}px/${theme.typography.button.lineHeight} inherit`,\r\n        \"--font-small\": `${theme.typography.small.fontWeight} ${theme.typography.small.fontSize}px/${theme.typography.small.lineHeight} inherit`,\r\n\r\n        \"--fontsize-h1\": `${theme.typography.h1.fontSize}px`,\r\n        \"--fontsize-h2\": `${theme.typography.h2.fontSize}px`,\r\n        \"--fontsize-h3\": `${theme.typography.h3.fontSize}px`,\r\n        \"--fontsize-h4\": `${theme.typography.h4.fontSize}px`,\r\n        \"--fontsize-h5\": `${theme.typography.h5.fontSize}px`,\r\n        \"--fontsize-h6\": `${theme.typography.h6.fontSize}px`,\r\n        \"--fontsize-big\": `${theme.typography.big.fontSize}px`,\r\n        \"--fontsize-text\": `${theme.typography.text.fontSize}px`,\r\n        \"--fontsize-button\": `${theme.typography.button.fontSize}px`,\r\n        \"--fontsize-small\": `${theme.typography.small.fontSize}px`,\r\n\r\n        \"--fontweight-h1\": theme.typography.h1.fontWeight,\r\n        \"--fontweight-h2\": theme.typography.h2.fontWeight,\r\n        \"--fontweight-h3\": theme.typography.h3.fontWeight,\r\n        \"--fontweight-h4\": theme.typography.h4.fontWeight,\r\n        \"--fontweight-h5\": theme.typography.h5.fontWeight,\r\n        \"--fontweight-h6\": theme.typography.h6.fontWeight,\r\n        \"--fontweight-big\": theme.typography.big.fontWeight,\r\n        \"--fontweight-text\": theme.typography.text.fontWeight,\r\n        \"--fontweight-button\": theme.typography.button.fontWeight,\r\n        \"--fontweight-small\": theme.typography.small.fontWeight,\r\n\r\n        \"--lineheight-h1\": theme.typography.h1.lineHeight,\r\n        \"--lineheight-h2\": theme.typography.h2.lineHeight,\r\n        \"--lineheight-h3\": theme.typography.h3.lineHeight,\r\n        \"--lineheight-h4\": theme.typography.h4.lineHeight,\r\n        \"--lineheight-h5\": theme.typography.h5.lineHeight,\r\n        \"--lineheight-h6\": theme.typography.h6.lineHeight,\r\n        \"--lineheight-big\": theme.typography.big.lineHeight,\r\n        \"--lineheight-text\": theme.typography.text.lineHeight,\r\n        \"--lineheight-button\": theme.typography.button.lineHeight,\r\n        \"--lineheight-small\": theme.typography.small.lineHeight,\r\n\r\n        \"--color-common\": theme.colors.common.primary,\r\n        \"--color-common-primary\": theme.colors.common.primary,\r\n        \"--color-common-secondary\": theme.colors.common.secondary,\r\n        \"--color-common-alpha\": theme.colors.common.alpha,\r\n        \"--color-common-divider\": theme.colors.common.divider,\r\n        \"--color-common-text-primary\": theme.colors.common.text.primary,\r\n        \"--color-common-text-secondary\": theme.colors.common.text.secondary,\r\n\r\n        \"--color-surface\": theme.colors.surface.primary,\r\n        \"--color-surface-primary\": theme.colors.surface.primary,\r\n        \"--color-surface-secondary\": theme.colors.surface.secondary,\r\n        \"--color-surface-alpha\": theme.colors.surface.alpha,\r\n        \"--color-surface-divider\": theme.colors.surface.divider,\r\n        \"--color-surface-text-primary\": theme.colors.surface.text.primary,\r\n        \"--color-surface-text-secondary\": theme.colors.surface.text.secondary,\r\n\r\n        \"--color-brand\": theme.colors.brand.primary,\r\n        \"--color-brand-primary\": theme.colors.brand.primary,\r\n        \"--color-brand-secondary\": theme.colors.brand.secondary,\r\n        \"--color-brand-alpha\": theme.colors.brand.alpha,\r\n        \"--color-brand-divider\": theme.colors.brand.divider,\r\n        \"--color-brand-text-primary\": theme.colors.brand.text.primary,\r\n        \"--color-brand-text-secondary\": theme.colors.brand.text.secondary,\r\n\r\n        \"--color-accent\": theme.colors.accent.primary,\r\n        \"--color-accent-primary\": theme.colors.accent.primary,\r\n        \"--color-accent-secondary\": theme.colors.accent.secondary,\r\n        \"--color-accent-alpha\": theme.colors.accent.alpha,\r\n        \"--color-accent-divider\": theme.colors.accent.divider,\r\n        \"--color-accent-text-primary\": theme.colors.accent.text.primary,\r\n        \"--color-accent-text-secondary\": theme.colors.accent.text.secondary,\r\n\r\n        \"--color-info\": theme.colors.info.primary,\r\n        \"--color-info-primary\": theme.colors.info.primary,\r\n        \"--color-info-secondary\": theme.colors.info.secondary,\r\n        \"--color-info-alpha\": theme.colors.info.alpha,\r\n        \"--color-info-divider\": theme.colors.info.divider,\r\n        \"--color-info-text-primary\": theme.colors.info.text.primary,\r\n        \"--color-info-text-secondary\": theme.colors.info.text.secondary,\r\n\r\n        \"--color-success\": theme.colors.success.primary,\r\n        \"--color-success-primary\": theme.colors.success.primary,\r\n        \"--color-success-secondary\": theme.colors.success.secondary,\r\n        \"--color-success-alpha\": theme.colors.success.alpha,\r\n        \"--color-success-divider\": theme.colors.success.divider,\r\n        \"--color-success-text-primary\": theme.colors.success.text.primary,\r\n        \"--color-success-text-secondary\": theme.colors.success.text.secondary,\r\n\r\n        \"--color-warning\": theme.colors.warning.primary,\r\n        \"--color-warning-primary\": theme.colors.warning.primary,\r\n        \"--color-warning-secondary\": theme.colors.warning.secondary,\r\n        \"--color-warning-alpha\": theme.colors.warning.alpha,\r\n        \"--color-warning-divider\": theme.colors.warning.divider,\r\n        \"--color-warning-text-primary\": theme.colors.warning.text.primary,\r\n        \"--color-warning-text-secondary\": theme.colors.warning.text.secondary,\r\n\r\n        \"--color-danger\": theme.colors.danger.primary,\r\n        \"--color-danger-primary\": theme.colors.danger.primary,\r\n        \"--color-danger-secondary\": theme.colors.danger.secondary,\r\n        \"--color-danger-alpha\": theme.colors.danger.alpha,\r\n        \"--color-danger-divider\": theme.colors.danger.divider,\r\n        \"--color-danger-text-primary\": theme.colors.danger.text.primary,\r\n        \"--color-danger-text-secondary\": theme.colors.danger.text.secondary,\r\n        ...shadows,\r\n    }\r\n}\r\n\r\n\r\nexport default ThemeCssVars"],"names":[],"mappings":"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"}

package/theme/ThemeDefaultOptions.js

@@ -53,59 +53,103 @@ const darkShadows = [
     "0px 11px 15px -7px rgba(255,255,255,0.05),0px 24px 38px 3px rgba(255,255,255,0.04),0px 9px 46px 8px rgba(255,255,255,0.03)",
 ];
 const lightColorPallete = {
-    text: {
-        primary: "#1F2937", // slate-800
-        secondary: "#6B7280", // slate-500
-    },
-    background: {
+    common: {
         primary: "#FFFFFF",
-        secondary: "#F4F6FB", // softer than #EDEFF7
+        secondary: "#F4F6FB",
+        divider: "#E5E7EB",
+        alpha: "#F9FAFB",
+        text: {
+            primary: "#1F2937", // slate-800
+            secondary: "#6B7280", // slate-500
+        },
     },
     surface: {
         primary: "#FFFFFF", // cards, dialogs
-        secondary: "#F9FAFB", // subtle sections
+        secondary: "#F9FAFB", // subtle sections,
+        divider: "#E5E7EB",
+        alpha: "#F4F6FB",
+        text: {
+            primary: "#1F2937", // slate-800
+            secondary: "#6B7280", // slate-500
+        },
     },
-    divider: "#E5E7EB" // neutral-200
 };
 const darkColorPallete = {
-    text: {
-        primary: "#F9FAFB", // near-white
-        secondary: "#9CA3AF", // slate-400
-    },
-    background: {
-        primary: "#0F172A", // slate-900
-        secondary: "#111827", // slate-800
+    common: {
+        primary: "#0F172A",
+        secondary: "#111827",
+        divider: "#374151",
+        alpha: "#1F2937",
+        text: {
+            primary: "#F9FAFB",
+            secondary: "#9CA3AF",
+        },
     },
     surface: {
         primary: "#1F2937", // cards & modals
         secondary: "#273449", // nested surfaces
+        divider: "#4B5563",
+        alpha: "#111827",
+        text: {
+            primary: "#F9FAFB", // near-white
+            secondary: "#9CA3AF", // slate-400
+        },
     },
-    divider: "#1F2937" // slate-700
 };
 const ThemeColors = Object.assign(Object.assign({}, lightColorPallete), { brand: {
         primary: "#2563EB", // blue-600
         secondary: "#3B82F6", // blue-500
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#EFF6FF", // blue-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#DBEAFE",
+        }
     }, accent: {
         primary: "#0D9488", // teal-600
         secondary: "#14B8A6", // teal-500
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#F0FDFA", // teal-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#E0F2F1",
+        }
     }, info: {
         primary: "#0284C7", // sky-600
         secondary: "#38BDF8", // sky-400
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#EFF6FF", // sky-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#E0F2FE",
+        }
     }, success: {
         primary: "#16A34A", // green-600
         secondary: "#4ADE80", // green-400
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#ECFDF5", // green-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#D1FAE5",
+        },
     }, warning: {
-        primary: "#D97706", // amber-600
-        secondary: "#FBBF24", // amber-400
-        text: "#1F2937", // dark text reads better on yellow
+        primary: "#D97706",
+        secondary: "#FBBF24",
+        divider: "#E5E7EB",
+        alpha: "#FFFBEB",
+        text: {
+            primary: "#000000",
+            secondary: "#78350F",
+        },
     }, danger: {
-        primary: "#DC2626", // red-600
-        secondary: "#F87171", // red-400
-        text: "#FFFFFF",
+        primary: "#DC2626",
+        secondary: "#F87171",
+        divider: "#E5E7EB",
+        alpha: "#FEF2F2",
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#FECACA",
+        }
     } });
 const ThemeTypography = {
     h1: { fontSize: 48, lineHeight: 1.3, fontWeight: 600 }, // bolder for emphasis

package/theme/ThemeDefaultOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeDefaultOptions.js","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\r\n]\r\n\r\nexport const darkShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(255,255,255,0.05),0px 1px 1px 0px rgba(255,255,255,0.04),0px 1px 3px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 1px -2px rgba(255,255,255,0.05),0px 2px 2px 0px rgba(255,255,255,0.04),0px 1px 5px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 3px -2px rgba(255,255,255,0.05),0px 3px 4px 0px rgba(255,255,255,0.04),0px 1px 8px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 2px 4px -1px rgba(255,255,255,0.05),0px 4px 5px 0px rgba(255,255,255,0.04),0px 1px 10px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 5px 8px 0px rgba(255,255,255,0.04),0px 1px 14px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 6px 10px 0px rgba(255,255,255,0.04),0px 1px 18px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 4px 5px -2px rgba(255,255,255,0.05),0px 7px 10px 1px rgba(255,255,255,0.04),0px 2px 16px 1px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 5px -3px rgba(255,255,255,0.05),0px 8px 10px 1px rgba(255,255,255,0.04),0px 3px 14px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 6px -3px rgba(255,255,255,0.05),0px 9px 12px 1px rgba(255,255,255,0.04),0px 3px 16px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 6px -3px rgba(255,255,255,0.05),0px 10px 14px 1px rgba(255,255,255,0.04),0px 4px 18px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 7px -4px rgba(255,255,255,0.05),0px 11px 15px 1px rgba(255,255,255,0.04),0px 4px 20px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 12px 17px 2px rgba(255,255,255,0.04),0px 5px 22px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 13px 19px 2px rgba(255,255,255,0.04),0px 5px 24px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 9px -4px rgba(255,255,255,0.05),0px 14px 21px 2px rgba(255,255,255,0.04),0px 5px 26px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 9px -5px rgba(255,255,255,0.05),0px 15px 22px 2px rgba(255,255,255,0.04),0px 6px 28px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 10px -5px rgba(255,255,255,0.05),0px 16px 24px 2px rgba(255,255,255,0.04),0px 6px 30px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 11px -5px rgba(255,255,255,0.05),0px 17px 26px 2px rgba(255,255,255,0.04),0px 6px 32px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 11px -5px rgba(255,255,255,0.05),0px 18px 28px 2px rgba(255,255,255,0.04),0px 7px 34px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 12px -6px rgba(255,255,255,0.05),0px 19px 29px 2px rgba(255,255,255,0.04),0px 7px 36px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 20px 31px 3px rgba(255,255,255,0.04),0px 8px 38px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 21px 33px 3px rgba(255,255,255,0.04),0px 8px 40px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 14px -6px rgba(255,255,255,0.05),0px 22px 35px 3px rgba(255,255,255,0.04),0px 8px 42px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 14px -7px rgba(255,255,255,0.05),0px 23px 36px 3px rgba(255,255,255,0.04),0px 9px 44px 8px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 15px -7px rgba(255,255,255,0.05),0px 24px 38px 3px rgba(255,255,255,0.04),0px 9px 46px 8px rgba(255,255,255,0.03)\",\r\n]\r\n\r\n\r\nexport const lightColorPallete = {\r\n    text: {\r\n        primary: \"#1F2937\",     // slate-800\r\n        secondary: \"#6B7280\",   // slate-500\r\n    },\r\n    background: {\r\n        primary: \"#FFFFFF\",\r\n        secondary: \"#F4F6FB\",   // softer than #EDEFF7\r\n    },\r\n    surface: {\r\n        primary: \"#FFFFFF\",   // cards, dialogs\r\n        secondary: \"#F9FAFB\", // subtle sections\r\n    },\r\n\r\n    divider: \"#E5E7EB\"        // neutral-200\r\n}\r\n\r\n\r\nexport const darkColorPallete = {\r\n    text: {\r\n        primary: \"#F9FAFB\",     // near-white\r\n        secondary: \"#9CA3AF\",   // slate-400\r\n    },\r\n    background: {\r\n        primary: \"#0F172A\",     // slate-900\r\n        secondary: \"#111827\",   // slate-800\r\n    },\r\n    surface: {\r\n        primary: \"#1F2937\",   // cards & modals\r\n        secondary: \"#273449\", // nested surfaces\r\n    },\r\n    divider: \"#1F2937\"        // slate-700\r\n}\r\n\r\nexport const ThemeColors = {\r\n    ...lightColorPallete,\r\n\r\n    brand: {\r\n        primary: \"#2563EB\",   // blue-600\r\n        secondary: \"#3B82F6\", // blue-500\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    accent: {\r\n        primary: \"#0D9488\",   // teal-600\r\n        secondary: \"#14B8A6\", // teal-500\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    info: {\r\n        primary: \"#0284C7\",   // sky-600\r\n        secondary: \"#38BDF8\", // sky-400\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    success: {\r\n        primary: \"#16A34A\",   // green-600\r\n        secondary: \"#4ADE80\", // green-400\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    warning: {\r\n        primary: \"#D97706\",   // amber-600\r\n        secondary: \"#FBBF24\", // amber-400\r\n        text: \"#1F2937\",      // dark text reads better on yellow\r\n    },\r\n\r\n    danger: {\r\n        primary: \"#DC2626\",   // red-600\r\n        secondary: \"#F87171\", // red-400\r\n        text: \"#FFFFFF\",\r\n    },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n    h1: { fontSize: 48, lineHeight: 1.3, fontWeight: 600 }, // bolder for emphasis\r\n    h2: { fontSize: 40, lineHeight: 1.35, fontWeight: 500 },\r\n    h3: { fontSize: 34, lineHeight: 1.4, fontWeight: 500 },\r\n    h4: { fontSize: 28, lineHeight: 1.45, fontWeight: 500 },\r\n    h5: { fontSize: 24, lineHeight: 1.5, fontWeight: 500 },\r\n    h6: { fontSize: 20, lineHeight: 1.55, fontWeight: 500 },\r\n    big: { fontSize: 18, lineHeight: 1.6, fontWeight: 400 },\r\n    text: { fontSize: 16, lineHeight: 1.6, fontWeight: 400 },\r\n    button: { fontSize: 14, lineHeight: 1.6, fontWeight: 500 },\r\n    small: { fontSize: 12, lineHeight: 1.6, fontWeight: 400 },\r\n}\r\n\r\n\r\nexport const darkThemeOptions: ThemeOptionInput = {\r\n    name: \"dark\",\r\n    rtl: false,\r\n    shadow: darkShadows,\r\n    globalStyle: {},\r\n    colors: darkColorPallete,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n\r\nexport const lightThemeOptions: ThemeOptionInput = {\r\n    name: \"light\",\r\n    rtl: false,\r\n    shadow: lightShadows,\r\n    globalStyle: {},\r\n    colors: ThemeColors,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeDefaultOptions.js","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\r\n]\r\n\r\nexport const darkShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(255,255,255,0.05),0px 1px 1px 0px rgba(255,255,255,0.04),0px 1px 3px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 1px -2px rgba(255,255,255,0.05),0px 2px 2px 0px rgba(255,255,255,0.04),0px 1px 5px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 3px -2px rgba(255,255,255,0.05),0px 3px 4px 0px rgba(255,255,255,0.04),0px 1px 8px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 2px 4px -1px rgba(255,255,255,0.05),0px 4px 5px 0px rgba(255,255,255,0.04),0px 1px 10px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 5px 8px 0px rgba(255,255,255,0.04),0px 1px 14px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 6px 10px 0px rgba(255,255,255,0.04),0px 1px 18px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 4px 5px -2px rgba(255,255,255,0.05),0px 7px 10px 1px rgba(255,255,255,0.04),0px 2px 16px 1px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 5px -3px rgba(255,255,255,0.05),0px 8px 10px 1px rgba(255,255,255,0.04),0px 3px 14px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 6px -3px rgba(255,255,255,0.05),0px 9px 12px 1px rgba(255,255,255,0.04),0px 3px 16px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 6px -3px rgba(255,255,255,0.05),0px 10px 14px 1px rgba(255,255,255,0.04),0px 4px 18px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 7px -4px rgba(255,255,255,0.05),0px 11px 15px 1px rgba(255,255,255,0.04),0px 4px 20px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 12px 17px 2px rgba(255,255,255,0.04),0px 5px 22px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 13px 19px 2px rgba(255,255,255,0.04),0px 5px 24px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 9px -4px rgba(255,255,255,0.05),0px 14px 21px 2px rgba(255,255,255,0.04),0px 5px 26px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 9px -5px rgba(255,255,255,0.05),0px 15px 22px 2px rgba(255,255,255,0.04),0px 6px 28px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 10px -5px rgba(255,255,255,0.05),0px 16px 24px 2px rgba(255,255,255,0.04),0px 6px 30px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 11px -5px rgba(255,255,255,0.05),0px 17px 26px 2px rgba(255,255,255,0.04),0px 6px 32px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 11px -5px rgba(255,255,255,0.05),0px 18px 28px 2px rgba(255,255,255,0.04),0px 7px 34px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 12px -6px rgba(255,255,255,0.05),0px 19px 29px 2px rgba(255,255,255,0.04),0px 7px 36px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 20px 31px 3px rgba(255,255,255,0.04),0px 8px 38px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 21px 33px 3px rgba(255,255,255,0.04),0px 8px 40px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 14px -6px rgba(255,255,255,0.05),0px 22px 35px 3px rgba(255,255,255,0.04),0px 8px 42px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 14px -7px rgba(255,255,255,0.05),0px 23px 36px 3px rgba(255,255,255,0.04),0px 9px 44px 8px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 15px -7px rgba(255,255,255,0.05),0px 24px 38px 3px rgba(255,255,255,0.04),0px 9px 46px 8px rgba(255,255,255,0.03)\",\r\n]\r\n\r\n\r\nexport const lightColorPallete = {\r\n    common: {\r\n        primary: \"#FFFFFF\",\r\n        secondary: \"#F4F6FB\",\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#F9FAFB\",\r\n        text: {\r\n            primary: \"#1F2937\",     // slate-800\r\n            secondary: \"#6B7280\",   // slate-500\r\n        },\r\n    },\r\n    surface: {\r\n        primary: \"#FFFFFF\",   // cards, dialogs\r\n        secondary: \"#F9FAFB\", // subtle sections,\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#F4F6FB\",\r\n        text: {\r\n            primary: \"#1F2937\",     // slate-800\r\n            secondary: \"#6B7280\",   // slate-500\r\n        },\r\n    },\r\n}\r\n\r\n\r\nexport const darkColorPallete = {\r\n    common: {\r\n        primary: \"#0F172A\",\r\n        secondary: \"#111827\",\r\n        divider: \"#374151\",\r\n        alpha: \"#1F2937\",\r\n        text: {\r\n            primary: \"#F9FAFB\",\r\n            secondary: \"#9CA3AF\",\r\n        },\r\n    },\r\n    surface: {\r\n        primary: \"#1F2937\",   // cards & modals\r\n        secondary: \"#273449\", // nested surfaces\r\n        divider: \"#4B5563\",\r\n        alpha: \"#111827\",\r\n        text: {\r\n            primary: \"#F9FAFB\",     // near-white\r\n            secondary: \"#9CA3AF\",   // slate-400\r\n        },\r\n    },\r\n}\r\n\r\nexport const ThemeColors = {\r\n    ...lightColorPallete,\r\n\r\n    brand: {\r\n        primary: \"#2563EB\",   // blue-600\r\n        secondary: \"#3B82F6\", // blue-500\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#EFF6FF\",          // blue-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#DBEAFE\",\r\n        }\r\n    },\r\n\r\n    accent: {\r\n        primary: \"#0D9488\",   // teal-600\r\n        secondary: \"#14B8A6\", // teal-500\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#F0FDFA\",          // teal-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#E0F2F1\",\r\n        }\r\n    },\r\n\r\n    info: {\r\n        primary: \"#0284C7\",   // sky-600\r\n        secondary: \"#38BDF8\", // sky-400\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#EFF6FF\",          // sky-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#E0F2FE\",\r\n        }\r\n    },\r\n\r\n    success: {\r\n        primary: \"#16A34A\",   // green-600\r\n        secondary: \"#4ADE80\", // green-400\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#ECFDF5\",          // green-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#D1FAE5\",\r\n        },\r\n    },\r\n\r\n    warning: {\r\n        primary: \"#D97706\",\r\n        secondary: \"#FBBF24\",\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#FFFBEB\",\r\n        text: {\r\n            primary: \"#000000\",\r\n            secondary: \"#78350F\",\r\n        },\r\n    },\r\n\r\n    danger: {\r\n        primary: \"#DC2626\",\r\n        secondary: \"#F87171\",\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#FEF2F2\",\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#FECACA\",\r\n        }\r\n    },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n    h1: { fontSize: 48, lineHeight: 1.3, fontWeight: 600 }, // bolder for emphasis\r\n    h2: { fontSize: 40, lineHeight: 1.35, fontWeight: 500 },\r\n    h3: { fontSize: 34, lineHeight: 1.4, fontWeight: 500 },\r\n    h4: { fontSize: 28, lineHeight: 1.45, fontWeight: 500 },\r\n    h5: { fontSize: 24, lineHeight: 1.5, fontWeight: 500 },\r\n    h6: { fontSize: 20, lineHeight: 1.55, fontWeight: 500 },\r\n    big: { fontSize: 18, lineHeight: 1.6, fontWeight: 400 },\r\n    text: { fontSize: 16, lineHeight: 1.6, fontWeight: 400 },\r\n    button: { fontSize: 14, lineHeight: 1.6, fontWeight: 500 },\r\n    small: { fontSize: 12, lineHeight: 1.6, fontWeight: 400 },\r\n}\r\n\r\n\r\nexport const darkThemeOptions: ThemeOptionInput = {\r\n    name: \"dark\",\r\n    rtl: false,\r\n    shadow: darkShadows,\r\n    globalStyle: {},\r\n    colors: darkColorPallete,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n\r\nexport const lightThemeOptions: ThemeOptionInput = {\r\n    name: \"light\",\r\n    rtl: false,\r\n    shadow: lightShadows,\r\n    globalStyle: {},\r\n    colors: ThemeColors,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n"],"names":[],"mappings":"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"}

package/theme/ThemeDefaultOptions.mjs

@@ -53,59 +53,103 @@ const darkShadows = [
     "0px 11px 15px -7px rgba(255,255,255,0.05),0px 24px 38px 3px rgba(255,255,255,0.04),0px 9px 46px 8px rgba(255,255,255,0.03)",
 ];
 const lightColorPallete = {
-    text: {
-        primary: "#1F2937", // slate-800
-        secondary: "#6B7280", // slate-500
-    },
-    background: {
+    common: {
         primary: "#FFFFFF",
-        secondary: "#F4F6FB", // softer than #EDEFF7
+        secondary: "#F4F6FB",
+        divider: "#E5E7EB",
+        alpha: "#F9FAFB",
+        text: {
+            primary: "#1F2937", // slate-800
+            secondary: "#6B7280", // slate-500
+        },
     },
     surface: {
         primary: "#FFFFFF", // cards, dialogs
-        secondary: "#F9FAFB", // subtle sections
+        secondary: "#F9FAFB", // subtle sections,
+        divider: "#E5E7EB",
+        alpha: "#F4F6FB",
+        text: {
+            primary: "#1F2937", // slate-800
+            secondary: "#6B7280", // slate-500
+        },
     },
-    divider: "#E5E7EB" // neutral-200
 };
 const darkColorPallete = {
-    text: {
-        primary: "#F9FAFB", // near-white
-        secondary: "#9CA3AF", // slate-400
-    },
-    background: {
-        primary: "#0F172A", // slate-900
-        secondary: "#111827", // slate-800
+    common: {
+        primary: "#0F172A",
+        secondary: "#111827",
+        divider: "#374151",
+        alpha: "#1F2937",
+        text: {
+            primary: "#F9FAFB",
+            secondary: "#9CA3AF",
+        },
     },
     surface: {
         primary: "#1F2937", // cards & modals
         secondary: "#273449", // nested surfaces
+        divider: "#4B5563",
+        alpha: "#111827",
+        text: {
+            primary: "#F9FAFB", // near-white
+            secondary: "#9CA3AF", // slate-400
+        },
     },
-    divider: "#1F2937" // slate-700
 };
 const ThemeColors = Object.assign(Object.assign({}, lightColorPallete), { brand: {
         primary: "#2563EB", // blue-600
         secondary: "#3B82F6", // blue-500
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#EFF6FF", // blue-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#DBEAFE",
+        }
     }, accent: {
         primary: "#0D9488", // teal-600
         secondary: "#14B8A6", // teal-500
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#F0FDFA", // teal-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#E0F2F1",
+        }
     }, info: {
         primary: "#0284C7", // sky-600
         secondary: "#38BDF8", // sky-400
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#EFF6FF", // sky-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#E0F2FE",
+        }
     }, success: {
         primary: "#16A34A", // green-600
         secondary: "#4ADE80", // green-400
-        text: "#FFFFFF",
+        divider: "#E5E7EB", // neutral-200
+        alpha: "#ECFDF5", // green-50
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#D1FAE5",
+        },
     }, warning: {
-        primary: "#D97706", // amber-600
-        secondary: "#FBBF24", // amber-400
-        text: "#1F2937", // dark text reads better on yellow
+        primary: "#D97706",
+        secondary: "#FBBF24",
+        divider: "#E5E7EB",
+        alpha: "#FFFBEB",
+        text: {
+            primary: "#000000",
+            secondary: "#78350F",
+        },
     }, danger: {
-        primary: "#DC2626", // red-600
-        secondary: "#F87171", // red-400
-        text: "#FFFFFF",
+        primary: "#DC2626",
+        secondary: "#F87171",
+        divider: "#E5E7EB",
+        alpha: "#FEF2F2",
+        text: {
+            primary: "#FFFFFF",
+            secondary: "#FECACA",
+        }
     } });
 const ThemeTypography = {
     h1: { fontSize: 48, lineHeight: 1.3, fontWeight: 600 }, // bolder for emphasis

package/theme/ThemeDefaultOptions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeDefaultOptions.mjs","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\r\n]\r\n\r\nexport const darkShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(255,255,255,0.05),0px 1px 1px 0px rgba(255,255,255,0.04),0px 1px 3px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 1px -2px rgba(255,255,255,0.05),0px 2px 2px 0px rgba(255,255,255,0.04),0px 1px 5px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 3px -2px rgba(255,255,255,0.05),0px 3px 4px 0px rgba(255,255,255,0.04),0px 1px 8px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 2px 4px -1px rgba(255,255,255,0.05),0px 4px 5px 0px rgba(255,255,255,0.04),0px 1px 10px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 5px 8px 0px rgba(255,255,255,0.04),0px 1px 14px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 6px 10px 0px rgba(255,255,255,0.04),0px 1px 18px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 4px 5px -2px rgba(255,255,255,0.05),0px 7px 10px 1px rgba(255,255,255,0.04),0px 2px 16px 1px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 5px -3px rgba(255,255,255,0.05),0px 8px 10px 1px rgba(255,255,255,0.04),0px 3px 14px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 6px -3px rgba(255,255,255,0.05),0px 9px 12px 1px rgba(255,255,255,0.04),0px 3px 16px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 6px -3px rgba(255,255,255,0.05),0px 10px 14px 1px rgba(255,255,255,0.04),0px 4px 18px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 7px -4px rgba(255,255,255,0.05),0px 11px 15px 1px rgba(255,255,255,0.04),0px 4px 20px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 12px 17px 2px rgba(255,255,255,0.04),0px 5px 22px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 13px 19px 2px rgba(255,255,255,0.04),0px 5px 24px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 9px -4px rgba(255,255,255,0.05),0px 14px 21px 2px rgba(255,255,255,0.04),0px 5px 26px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 9px -5px rgba(255,255,255,0.05),0px 15px 22px 2px rgba(255,255,255,0.04),0px 6px 28px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 10px -5px rgba(255,255,255,0.05),0px 16px 24px 2px rgba(255,255,255,0.04),0px 6px 30px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 11px -5px rgba(255,255,255,0.05),0px 17px 26px 2px rgba(255,255,255,0.04),0px 6px 32px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 11px -5px rgba(255,255,255,0.05),0px 18px 28px 2px rgba(255,255,255,0.04),0px 7px 34px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 12px -6px rgba(255,255,255,0.05),0px 19px 29px 2px rgba(255,255,255,0.04),0px 7px 36px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 20px 31px 3px rgba(255,255,255,0.04),0px 8px 38px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 21px 33px 3px rgba(255,255,255,0.04),0px 8px 40px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 14px -6px rgba(255,255,255,0.05),0px 22px 35px 3px rgba(255,255,255,0.04),0px 8px 42px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 14px -7px rgba(255,255,255,0.05),0px 23px 36px 3px rgba(255,255,255,0.04),0px 9px 44px 8px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 15px -7px rgba(255,255,255,0.05),0px 24px 38px 3px rgba(255,255,255,0.04),0px 9px 46px 8px rgba(255,255,255,0.03)\",\r\n]\r\n\r\n\r\nexport const lightColorPallete = {\r\n    text: {\r\n        primary: \"#1F2937\",     // slate-800\r\n        secondary: \"#6B7280\",   // slate-500\r\n    },\r\n    background: {\r\n        primary: \"#FFFFFF\",\r\n        secondary: \"#F4F6FB\",   // softer than #EDEFF7\r\n    },\r\n    surface: {\r\n        primary: \"#FFFFFF\",   // cards, dialogs\r\n        secondary: \"#F9FAFB\", // subtle sections\r\n    },\r\n\r\n    divider: \"#E5E7EB\"        // neutral-200\r\n}\r\n\r\n\r\nexport const darkColorPallete = {\r\n    text: {\r\n        primary: \"#F9FAFB\",     // near-white\r\n        secondary: \"#9CA3AF\",   // slate-400\r\n    },\r\n    background: {\r\n        primary: \"#0F172A\",     // slate-900\r\n        secondary: \"#111827\",   // slate-800\r\n    },\r\n    surface: {\r\n        primary: \"#1F2937\",   // cards & modals\r\n        secondary: \"#273449\", // nested surfaces\r\n    },\r\n    divider: \"#1F2937\"        // slate-700\r\n}\r\n\r\nexport const ThemeColors = {\r\n    ...lightColorPallete,\r\n\r\n    brand: {\r\n        primary: \"#2563EB\",   // blue-600\r\n        secondary: \"#3B82F6\", // blue-500\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    accent: {\r\n        primary: \"#0D9488\",   // teal-600\r\n        secondary: \"#14B8A6\", // teal-500\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    info: {\r\n        primary: \"#0284C7\",   // sky-600\r\n        secondary: \"#38BDF8\", // sky-400\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    success: {\r\n        primary: \"#16A34A\",   // green-600\r\n        secondary: \"#4ADE80\", // green-400\r\n        text: \"#FFFFFF\",\r\n    },\r\n\r\n    warning: {\r\n        primary: \"#D97706\",   // amber-600\r\n        secondary: \"#FBBF24\", // amber-400\r\n        text: \"#1F2937\",      // dark text reads better on yellow\r\n    },\r\n\r\n    danger: {\r\n        primary: \"#DC2626\",   // red-600\r\n        secondary: \"#F87171\", // red-400\r\n        text: \"#FFFFFF\",\r\n    },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n    h1: { fontSize: 48, lineHeight: 1.3, fontWeight: 600 }, // bolder for emphasis\r\n    h2: { fontSize: 40, lineHeight: 1.35, fontWeight: 500 },\r\n    h3: { fontSize: 34, lineHeight: 1.4, fontWeight: 500 },\r\n    h4: { fontSize: 28, lineHeight: 1.45, fontWeight: 500 },\r\n    h5: { fontSize: 24, lineHeight: 1.5, fontWeight: 500 },\r\n    h6: { fontSize: 20, lineHeight: 1.55, fontWeight: 500 },\r\n    big: { fontSize: 18, lineHeight: 1.6, fontWeight: 400 },\r\n    text: { fontSize: 16, lineHeight: 1.6, fontWeight: 400 },\r\n    button: { fontSize: 14, lineHeight: 1.6, fontWeight: 500 },\r\n    small: { fontSize: 12, lineHeight: 1.6, fontWeight: 400 },\r\n}\r\n\r\n\r\nexport const darkThemeOptions: ThemeOptionInput = {\r\n    name: \"dark\",\r\n    rtl: false,\r\n    shadow: darkShadows,\r\n    globalStyle: {},\r\n    colors: darkColorPallete,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n\r\nexport const lightThemeOptions: ThemeOptionInput = {\r\n    name: \"light\",\r\n    rtl: false,\r\n    shadow: lightShadows,\r\n    globalStyle: {},\r\n    colors: ThemeColors,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ThemeDefaultOptions.mjs","sources":["../../src/theme/ThemeDefaultOptions.ts"],"sourcesContent":["import { ThemeOptionInput, ThemeTypographyType } from './types'\r\n\r\nexport const lightShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)\",\r\n    \"0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)\",\r\n    \"0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)\",\r\n]\r\n\r\nexport const darkShadows = [\r\n    \"none\",\r\n    \"0px 2px 1px -1px rgba(255,255,255,0.05),0px 1px 1px 0px rgba(255,255,255,0.04),0px 1px 3px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 1px -2px rgba(255,255,255,0.05),0px 2px 2px 0px rgba(255,255,255,0.04),0px 1px 5px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 3px -2px rgba(255,255,255,0.05),0px 3px 4px 0px rgba(255,255,255,0.04),0px 1px 8px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 2px 4px -1px rgba(255,255,255,0.05),0px 4px 5px 0px rgba(255,255,255,0.04),0px 1px 10px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 5px 8px 0px rgba(255,255,255,0.04),0px 1px 14px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 3px 5px -1px rgba(255,255,255,0.05),0px 6px 10px 0px rgba(255,255,255,0.04),0px 1px 18px 0px rgba(255,255,255,0.03)\",\r\n    \"0px 4px 5px -2px rgba(255,255,255,0.05),0px 7px 10px 1px rgba(255,255,255,0.04),0px 2px 16px 1px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 5px -3px rgba(255,255,255,0.05),0px 8px 10px 1px rgba(255,255,255,0.04),0px 3px 14px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 5px 6px -3px rgba(255,255,255,0.05),0px 9px 12px 1px rgba(255,255,255,0.04),0px 3px 16px 2px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 6px -3px rgba(255,255,255,0.05),0px 10px 14px 1px rgba(255,255,255,0.04),0px 4px 18px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 6px 7px -4px rgba(255,255,255,0.05),0px 11px 15px 1px rgba(255,255,255,0.04),0px 4px 20px 3px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 12px 17px 2px rgba(255,255,255,0.04),0px 5px 22px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 8px -4px rgba(255,255,255,0.05),0px 13px 19px 2px rgba(255,255,255,0.04),0px 5px 24px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 7px 9px -4px rgba(255,255,255,0.05),0px 14px 21px 2px rgba(255,255,255,0.04),0px 5px 26px 4px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 9px -5px rgba(255,255,255,0.05),0px 15px 22px 2px rgba(255,255,255,0.04),0px 6px 28px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 10px -5px rgba(255,255,255,0.05),0px 16px 24px 2px rgba(255,255,255,0.04),0px 6px 30px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 8px 11px -5px rgba(255,255,255,0.05),0px 17px 26px 2px rgba(255,255,255,0.04),0px 6px 32px 5px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 11px -5px rgba(255,255,255,0.05),0px 18px 28px 2px rgba(255,255,255,0.04),0px 7px 34px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 9px 12px -6px rgba(255,255,255,0.05),0px 19px 29px 2px rgba(255,255,255,0.04),0px 7px 36px 6px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 20px 31px 3px rgba(255,255,255,0.04),0px 8px 38px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 13px -6px rgba(255,255,255,0.05),0px 21px 33px 3px rgba(255,255,255,0.04),0px 8px 40px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 10px 14px -6px rgba(255,255,255,0.05),0px 22px 35px 3px rgba(255,255,255,0.04),0px 8px 42px 7px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 14px -7px rgba(255,255,255,0.05),0px 23px 36px 3px rgba(255,255,255,0.04),0px 9px 44px 8px rgba(255,255,255,0.03)\",\r\n    \"0px 11px 15px -7px rgba(255,255,255,0.05),0px 24px 38px 3px rgba(255,255,255,0.04),0px 9px 46px 8px rgba(255,255,255,0.03)\",\r\n]\r\n\r\n\r\nexport const lightColorPallete = {\r\n    common: {\r\n        primary: \"#FFFFFF\",\r\n        secondary: \"#F4F6FB\",\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#F9FAFB\",\r\n        text: {\r\n            primary: \"#1F2937\",     // slate-800\r\n            secondary: \"#6B7280\",   // slate-500\r\n        },\r\n    },\r\n    surface: {\r\n        primary: \"#FFFFFF\",   // cards, dialogs\r\n        secondary: \"#F9FAFB\", // subtle sections,\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#F4F6FB\",\r\n        text: {\r\n            primary: \"#1F2937\",     // slate-800\r\n            secondary: \"#6B7280\",   // slate-500\r\n        },\r\n    },\r\n}\r\n\r\n\r\nexport const darkColorPallete = {\r\n    common: {\r\n        primary: \"#0F172A\",\r\n        secondary: \"#111827\",\r\n        divider: \"#374151\",\r\n        alpha: \"#1F2937\",\r\n        text: {\r\n            primary: \"#F9FAFB\",\r\n            secondary: \"#9CA3AF\",\r\n        },\r\n    },\r\n    surface: {\r\n        primary: \"#1F2937\",   // cards & modals\r\n        secondary: \"#273449\", // nested surfaces\r\n        divider: \"#4B5563\",\r\n        alpha: \"#111827\",\r\n        text: {\r\n            primary: \"#F9FAFB\",     // near-white\r\n            secondary: \"#9CA3AF\",   // slate-400\r\n        },\r\n    },\r\n}\r\n\r\nexport const ThemeColors = {\r\n    ...lightColorPallete,\r\n\r\n    brand: {\r\n        primary: \"#2563EB\",   // blue-600\r\n        secondary: \"#3B82F6\", // blue-500\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#EFF6FF\",          // blue-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#DBEAFE\",\r\n        }\r\n    },\r\n\r\n    accent: {\r\n        primary: \"#0D9488\",   // teal-600\r\n        secondary: \"#14B8A6\", // teal-500\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#F0FDFA\",          // teal-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#E0F2F1\",\r\n        }\r\n    },\r\n\r\n    info: {\r\n        primary: \"#0284C7\",   // sky-600\r\n        secondary: \"#38BDF8\", // sky-400\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#EFF6FF\",          // sky-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#E0F2FE\",\r\n        }\r\n    },\r\n\r\n    success: {\r\n        primary: \"#16A34A\",   // green-600\r\n        secondary: \"#4ADE80\", // green-400\r\n        divider: \"#E5E7EB\",        // neutral-200\r\n        alpha: \"#ECFDF5\",          // green-50\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#D1FAE5\",\r\n        },\r\n    },\r\n\r\n    warning: {\r\n        primary: \"#D97706\",\r\n        secondary: \"#FBBF24\",\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#FFFBEB\",\r\n        text: {\r\n            primary: \"#000000\",\r\n            secondary: \"#78350F\",\r\n        },\r\n    },\r\n\r\n    danger: {\r\n        primary: \"#DC2626\",\r\n        secondary: \"#F87171\",\r\n        divider: \"#E5E7EB\",\r\n        alpha: \"#FEF2F2\",\r\n        text: {\r\n            primary: \"#FFFFFF\",\r\n            secondary: \"#FECACA\",\r\n        }\r\n    },\r\n}\r\n\r\nexport const ThemeTypography: ThemeTypographyType = {\r\n    h1: { fontSize: 48, lineHeight: 1.3, fontWeight: 600 }, // bolder for emphasis\r\n    h2: { fontSize: 40, lineHeight: 1.35, fontWeight: 500 },\r\n    h3: { fontSize: 34, lineHeight: 1.4, fontWeight: 500 },\r\n    h4: { fontSize: 28, lineHeight: 1.45, fontWeight: 500 },\r\n    h5: { fontSize: 24, lineHeight: 1.5, fontWeight: 500 },\r\n    h6: { fontSize: 20, lineHeight: 1.55, fontWeight: 500 },\r\n    big: { fontSize: 18, lineHeight: 1.6, fontWeight: 400 },\r\n    text: { fontSize: 16, lineHeight: 1.6, fontWeight: 400 },\r\n    button: { fontSize: 14, lineHeight: 1.6, fontWeight: 500 },\r\n    small: { fontSize: 12, lineHeight: 1.6, fontWeight: 400 },\r\n}\r\n\r\n\r\nexport const darkThemeOptions: ThemeOptionInput = {\r\n    name: \"dark\",\r\n    rtl: false,\r\n    shadow: darkShadows,\r\n    globalStyle: {},\r\n    colors: darkColorPallete,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n\r\nexport const lightThemeOptions: ThemeOptionInput = {\r\n    name: \"light\",\r\n    rtl: false,\r\n    shadow: lightShadows,\r\n    globalStyle: {},\r\n    colors: ThemeColors,\r\n    typography: ThemeTypography,\r\n    interfaces: {}\r\n} as ThemeOptionInput\r\n"],"names":[],"mappings":"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"}

package/theme/ThemeProvider.js

@@ -1,7 +1,6 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),index$1=require('../Tag/index.js'),core=require('./core.js'),ThemeCssVars=require('./ThemeCssVars.js'),index=require('../css/index.js'),createTheme=require('./createTheme.js'),ThemeDefaultOptions=require('./ThemeDefaultOptions.js');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var React__namespace=/*#__PURE__*/_interopNamespaceDefault(React);createTheme.createTheme("light", ThemeDefaultOptions.lightThemeOptions);
 createTheme.createTheme("dark", ThemeDefaultOptions.darkThemeOptions);
 const ThemeProvider = (_a) => {
-    var _b;
     var { children, theme } = _a, props = tslib.__rest(_a, ["children", "theme"]);
     let THEME = core.ThemeFactory.get(theme);
     if (!THEME) {
@@ -21,9 +20,9 @@ const ThemeProvider = (_a) => {
             injectStyle: typeof window !== 'undefined'
         });
     }, [theme]);
-    return (jsxRuntime.jsxs(core.ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsxRuntime.jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsxRuntime.jsx(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, color: THEME.colors.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { sxr: {
+    return (jsxRuntime.jsxs(core.ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsxRuntime.jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsxRuntime.jsx(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.common.primary, color: THEME.colors.common.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { sxr: {
                     "& a": {
-                        color: ((_b = THEME === null || THEME === void 0 ? void 0 : THEME.colors) === null || _b === void 0 ? void 0 : _b.brand.primary) || 'inherit',
+                        color: THEME.colors.brand.primary || 'inherit',
                     },
                 }, baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr", children: children }))] }));
 };exports.default=ThemeProvider;//# sourceMappingURL=ThemeProvider.js.map

package/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createTheme } from \"./createTheme\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n}\r\n\r\ncreateTheme(\"light\", lightThemeOptions)\r\ncreateTheme(\"dark\", darkThemeOptions)\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n\r\n   const globalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            typeof window === 'undefined' && <style\r\n               precedence={globalStyle.classname}\r\n               href={globalStyle.classname}\r\n               dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n            />\r\n         }\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor={THEME.colors.background.primary}\r\n            color={THEME.colors.text.primary}\r\n            fontSize={THEME.typography.text.fontSize}\r\n            fontWeight={THEME.typography.text.fontWeight}\r\n            lineHeight={THEME.typography.text.lineHeight}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: THEME?.colors?.brand.primary || 'inherit',\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["createTheme","lightThemeOptions","darkThemeOptions","__rest","ThemeFactory","React","css","ThemeCssVars","_jsxs","ThemeContex","_jsx","Tag"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createTheme } from \"./createTheme\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n}\r\n\r\ncreateTheme(\"light\", lightThemeOptions)\r\ncreateTheme(\"dark\", darkThemeOptions)\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n\r\n   const globalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            typeof window === 'undefined' && <style\r\n               precedence={globalStyle.classname}\r\n               href={globalStyle.classname}\r\n               dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n            />\r\n         }\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor={THEME.colors.common.primary}\r\n            color={THEME.colors.common.text.primary}\r\n            fontSize={THEME.typography.text.fontSize}\r\n            fontWeight={THEME.typography.text.fontWeight}\r\n            lineHeight={THEME.typography.text.lineHeight}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: THEME.colors.brand.primary || 'inherit',\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["createTheme","lightThemeOptions","darkThemeOptions","__rest","ThemeFactory","React","css","ThemeCssVars","_jsxs","ThemeContex","_jsx","Tag"],"mappings":"wuBAcAA,uBAAW,CAAC,OAAO,EAAEC,qCAAiB,CAAC;AACvCD,uBAAW,CAAC,MAAM,EAAEE,oCAAgB,CAAC;AAErC,MAAM,aAAa,GAAG,CAAqC,EAAoD,KAAI;QAAxD,EAAE,QAAQ,EAAE,KAAK,EAAA,GAAA,EAAmC,EAA9B,KAAK,GAAAC,YAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;IACnF,IAAI,KAAK,GAAGC,iBAAY,CAAC,GAAG,CAAC,KAAK,CAAiB;IACnD,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,KAAK,CAAA,6DAAA,CAA+D,CAAC;AAChH,QAAA,KAAK,GAAGA,iBAAY,CAAC,GAAG,CAAC,OAAO,CAAiB;IACpD;AAEA,IAAA,MAAM,WAAW,GAAQC,gBAAK,CAAC,OAAO,CAAC,MAAK;AACzC,QAAA,MAAM,QAAQ,GAAG,CAAA,KAAA,EAAQ,KAAK,aAAa;AAC3C,QAAA,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QAChD,IAAI,OAAO,GAAQ,EAAE;AACrB,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,OAAO,CAAC,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAU,CAAC;AAChE,QAAA,CAAC,CAAC;AAEF,QAAA,OAAOC,SAAG,CAAC;YACR,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,OAAO,CAAA,EAAA,EACV,CAAC,QAAQ,GAAGC,oBAAY,CAAC,KAAK,CAAC,EAAA;SAEpC,EAAE;AACA,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,QACGC,gBAACC,gBAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAE5B,OAAO,MAAM,KAAK,WAAW,IAAIC,cAAA,CAAA,OAAA,EAAA,EAC9B,UAAU,EAAE,WAAW,CAAC,SAAS,EACjC,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,GACrD,EAELA,cAAA,CAACC,eAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EACxC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAC5C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAAA,EACxC,KAAK,EAAA,EACT,GAAG,EAAE;AACF,oBAAA,KAAK,EAAE;wBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS;AAChD,qBAAA;iBACH,EACD,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,WAAA,CAAa,EAChC,SAAS,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,KAAK,YAEnC,QAAQ,EAAA,CAAA,CACN,CAAA,EAAA,CACc;AAE7B"}

package/theme/ThemeProvider.mjs

@@ -1,7 +1,6 @@
 import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import Tag from'../Tag/index.mjs';import {ThemeFactory,ThemeContex}from'./core.mjs';import ThemeCssVars from'./ThemeCssVars.mjs';import {css}from'../css/index.mjs';import {createTheme}from'./createTheme.mjs';import {lightThemeOptions,darkThemeOptions}from'./ThemeDefaultOptions.mjs';createTheme("light", lightThemeOptions);
 createTheme("dark", darkThemeOptions);
 const ThemeProvider = (_a) => {
-    var _b;
     var { children, theme } = _a, props = __rest(_a, ["children", "theme"]);
     let THEME = ThemeFactory.get(theme);
     if (!THEME) {
@@ -21,9 +20,9 @@ const ThemeProvider = (_a) => {
             injectStyle: typeof window !== 'undefined'
         });
     }, [theme]);
-    return (jsxs(ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsx(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.background.primary, color: THEME.colors.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { sxr: {
+    return (jsxs(ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsx(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.common.primary, color: THEME.colors.common.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { sxr: {
                     "& a": {
-                        color: ((_b = THEME === null || THEME === void 0 ? void 0 : THEME.colors) === null || _b === void 0 ? void 0 : _b.brand.primary) || 'inherit',
+                        color: THEME.colors.brand.primary || 'inherit',
                     },
                 }, baseClass: `${theme}-theme-root`, direction: THEME.rtl ? "rtl" : "ltr", children: children }))] }));
 };export{ThemeProvider as default};//# sourceMappingURL=ThemeProvider.mjs.map