@steveencues/starter-react-ui 1.0.3 → 1.0.5
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/dist/index.cjs +7 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +221 -350
- package/dist/index.js.map +1 -1
- package/dist/libs/aplicacion/contexts/theme.context.d.ts +3 -3
- package/dist/libs/aplicacion/hooks/index.d.ts +0 -1
- package/dist/libs/aplicacion/hooks/use-theme.d.ts +5 -4
- package/dist/libs/aplicacion/providers/theme-provider.d.ts +6 -6
- package/dist/libs/aplicacion/services/custom-theme.service.d.ts +67 -0
- package/dist/libs/aplicacion/services/index.d.ts +1 -0
- package/dist/libs/aplicacion/utils/theme.utils.d.ts +29 -11
- package/dist/libs/components/Button/Button.d.ts +5 -12
- package/dist/libs/components/Button/index.d.ts +1 -1
- package/dist/libs/domain/constants/theme-css-variable.const.d.ts +33 -64
- package/dist/libs/domain/interface/index.d.ts +2 -3
- package/dist/libs/domain/interface/{manifest/theme-manifest.interface.d.ts → theme-manifest.interface.d.ts} +1 -3
- package/dist/libs/domain/interface/theme.interface.d.ts +41 -0
- package/dist/libs/domain/types/index.d.ts +1 -1
- package/dist/libs/domain/types/theme.type.d.ts +42 -0
- package/dist/style.css +3 -0
- package/package.json +4 -2
- package/dist/libs/aplicacion/hooks/use-theme-preference.hook.d.ts +0 -7
- package/dist/libs/domain/interface/manifest/index.d.ts +0 -1
- package/dist/libs/domain/interface/theme/accessibility/index.d.ts +0 -1
- package/dist/libs/domain/interface/theme/accessibility/theme-accessibility.interface.d.ts +0 -15
- package/dist/libs/domain/interface/theme/colors/index.d.ts +0 -8
- package/dist/libs/domain/interface/theme/colors/theme-border-colors.interface.d.ts +0 -17
- package/dist/libs/domain/interface/theme/colors/theme-brand-colors.interface.d.ts +0 -24
- package/dist/libs/domain/interface/theme/colors/theme-color-palette.interface.d.ts +0 -30
- package/dist/libs/domain/interface/theme/colors/theme-data-colors.interface.d.ts +0 -15
- package/dist/libs/domain/interface/theme/colors/theme-overlay-colors.interface.d.ts +0 -13
- package/dist/libs/domain/interface/theme/colors/theme-state-colors.interface.d.ts +0 -23
- package/dist/libs/domain/interface/theme/colors/theme-surface-colors.interface.d.ts +0 -19
- package/dist/libs/domain/interface/theme/colors/theme-text-colors.interface.d.ts +0 -19
- package/dist/libs/domain/interface/theme/core/app-theme.interface.d.ts +0 -11
- package/dist/libs/domain/interface/theme/core/index.d.ts +0 -2
- package/dist/libs/domain/interface/theme/core/theme.interface.d.ts +0 -20
- package/dist/libs/domain/interface/theme/effects/index.d.ts +0 -5
- package/dist/libs/domain/interface/theme/effects/theme-animation.interface.d.ts +0 -17
- package/dist/libs/domain/interface/theme/effects/theme-effects.interface.d.ts +0 -22
- package/dist/libs/domain/interface/theme/effects/theme-gradient-stop.interface.d.ts +0 -11
- package/dist/libs/domain/interface/theme/effects/theme-gradient.interface.d.ts +0 -16
- package/dist/libs/domain/interface/theme/effects/theme-gradients.interface.d.ts +0 -17
- package/dist/libs/domain/interface/theme/index.d.ts +0 -6
- package/dist/libs/domain/interface/theme/preferences/index.d.ts +0 -5
- package/dist/libs/domain/interface/theme/preferences/theme-context.interface.d.ts +0 -11
- package/dist/libs/domain/interface/theme/preferences/theme-preference-configuration.interface.d.ts +0 -11
- package/dist/libs/domain/interface/theme/preferences/theme-preference-result.interface.d.ts +0 -11
- package/dist/libs/domain/interface/theme/preferences/theme-preference-state.interface.d.ts +0 -10
- package/dist/libs/domain/interface/theme/preferences/theme-provider.interface.d.ts +0 -13
- package/dist/libs/domain/interface/theme/typography/index.d.ts +0 -5
- package/dist/libs/domain/interface/theme/typography/theme-font-family.interface.d.ts +0 -13
- package/dist/libs/domain/interface/theme/typography/theme-font-sizes.interface.d.ts +0 -20
- package/dist/libs/domain/interface/theme/typography/theme-font-weights.interface.d.ts +0 -17
- package/dist/libs/domain/interface/theme/typography/theme-text-style.interface.d.ts +0 -18
- package/dist/libs/domain/interface/theme/typography/theme-typography.interface.d.ts +0 -37
- package/dist/libs/domain/types/theme/index.d.ts +0 -20
- package/dist/libs/domain/types/theme/theme-animation.type.d.ts +0 -18
- package/dist/libs/domain/types/theme/theme-border.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-brand.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-category.type.d.ts +0 -12
- package/dist/libs/domain/types/theme/theme-color-scale.type.d.ts +0 -6
- package/dist/libs/domain/types/theme/theme-css.type.d.ts +0 -15
- package/dist/libs/domain/types/theme/theme-effect.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-font-weights.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-font.type.d.ts +0 -19
- package/dist/libs/domain/types/theme/theme-gradient.type.d.ts +0 -12
- package/dist/libs/domain/types/theme/theme-layout.type.d.ts +0 -24
- package/dist/libs/domain/types/theme/theme-name.types.d.ts +0 -6
- package/dist/libs/domain/types/theme/theme-preference.type.d.ts +0 -8
- package/dist/libs/domain/types/theme/theme-shadow.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-state.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-surface.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-text-style.type.d.ts +0 -12
- package/dist/libs/domain/types/theme/theme-text.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-typography.type.d.ts +0 -7
- package/dist/libs/domain/types/theme/theme-value.type.d.ts +0 -12
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ThemeDuration, ThemeGradientDirection, ThemeGradientStop, ThemeGradientType } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define un gradiente reutilizable.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemeGradient {
|
|
8
|
-
readonly type: ThemeGradientType;
|
|
9
|
-
readonly direction?: ThemeGradientDirection;
|
|
10
|
-
readonly angle?: string;
|
|
11
|
-
readonly stops: readonly ThemeGradientStop[];
|
|
12
|
-
readonly css: string;
|
|
13
|
-
readonly animated: boolean;
|
|
14
|
-
readonly animationName?: string;
|
|
15
|
-
readonly animationDuration?: ThemeDuration;
|
|
16
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ThemeGradient } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define los gradientes disponibles del tema.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemeGradients {
|
|
8
|
-
readonly primary: ThemeGradient;
|
|
9
|
-
readonly secondary: ThemeGradient;
|
|
10
|
-
readonly accent: ThemeGradient;
|
|
11
|
-
readonly background: ThemeGradient;
|
|
12
|
-
readonly surface: ThemeGradient;
|
|
13
|
-
readonly sunset: ThemeGradient;
|
|
14
|
-
readonly ocean: ThemeGradient;
|
|
15
|
-
readonly aurora: ThemeGradient;
|
|
16
|
-
readonly rainbow: ThemeGradient;
|
|
17
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { AppTheme, ThemeName } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define el contrato publico del contexto de temas.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface IThemeContextValue {
|
|
8
|
-
readonly theme: AppTheme;
|
|
9
|
-
readonly themeName: ThemeName;
|
|
10
|
-
readonly setTheme: (theme: ThemeName) => void;
|
|
11
|
-
}
|
package/dist/libs/domain/interface/theme/preferences/theme-preference-configuration.interface.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { IThemeProviderProps } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define la configuracion de las preferencias de temas.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemePreferenceConfiguration {
|
|
8
|
-
readonly themes: IThemeProviderProps["themes"];
|
|
9
|
-
readonly initialTheme: IThemeProviderProps["initialTheme"];
|
|
10
|
-
readonly themeEncryptionKey: IThemeProviderProps["themeEncryptionKey"];
|
|
11
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ThemeName } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define el resultado del hook de preferencias de temas.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemePreferenceResult {
|
|
8
|
-
readonly themeName: ThemeName;
|
|
9
|
-
readonly isPreferenceLoaded: boolean;
|
|
10
|
-
readonly setThemeName: (nextTheme: ThemeName) => void;
|
|
11
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ThemeName, ThemePreferenceConfiguration } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define el estado de las preferencias de temas.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemePreferenceState extends ThemePreferenceConfiguration {
|
|
8
|
-
readonly themeName: ThemeName;
|
|
9
|
-
readonly isLoaded: boolean;
|
|
10
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { AppTheme, ThemeName } from '../../..';
|
|
3
|
-
/**
|
|
4
|
-
* @description Define las propiedades del proveedor de temas.
|
|
5
|
-
* @author Steveen Cues
|
|
6
|
-
* @version 2.0.0
|
|
7
|
-
*/
|
|
8
|
-
export interface IThemeProviderProps {
|
|
9
|
-
readonly themes: readonly AppTheme[];
|
|
10
|
-
readonly initialTheme: ThemeName;
|
|
11
|
-
readonly themeEncryptionKey: string;
|
|
12
|
-
readonly children: ReactNode;
|
|
13
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Define las familias tipograficas del tema.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export interface ThemeFontFamily {
|
|
7
|
-
readonly sans: string;
|
|
8
|
-
readonly serif: string;
|
|
9
|
-
readonly mono: string;
|
|
10
|
-
readonly display: string;
|
|
11
|
-
readonly heading: string;
|
|
12
|
-
readonly body: string;
|
|
13
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Define los tamanos de fuente.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export interface ThemeFontSizes {
|
|
7
|
-
readonly xs: string;
|
|
8
|
-
readonly sm: string;
|
|
9
|
-
readonly md: string;
|
|
10
|
-
readonly lg: string;
|
|
11
|
-
readonly xl: string;
|
|
12
|
-
readonly "2xl": string;
|
|
13
|
-
readonly "3xl": string;
|
|
14
|
-
readonly "4xl": string;
|
|
15
|
-
readonly "5xl": string;
|
|
16
|
-
readonly "6xl": string;
|
|
17
|
-
readonly "7xl": string;
|
|
18
|
-
readonly "8xl": string;
|
|
19
|
-
readonly "9xl": string;
|
|
20
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ThemeFontWeightValue } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define los pesos de fuente del sistema tipografico.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.1.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemeFontWeights {
|
|
8
|
-
readonly thin: ThemeFontWeightValue;
|
|
9
|
-
readonly extraLight: ThemeFontWeightValue;
|
|
10
|
-
readonly light: ThemeFontWeightValue;
|
|
11
|
-
readonly regular: ThemeFontWeightValue;
|
|
12
|
-
readonly medium: ThemeFontWeightValue;
|
|
13
|
-
readonly semiBold: ThemeFontWeightValue;
|
|
14
|
-
readonly bold: ThemeFontWeightValue;
|
|
15
|
-
readonly extraBold: ThemeFontWeightValue;
|
|
16
|
-
readonly black: ThemeFontWeightValue;
|
|
17
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ThemeFontStyle, ThemeFontWeight, ThemeTextAlignment, ThemeTextTransform } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define los estilos tipograficos reutilizables.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemeTextStyle {
|
|
8
|
-
readonly fontFamily: string;
|
|
9
|
-
readonly fontSize: string;
|
|
10
|
-
readonly fontWeight: ThemeFontWeight;
|
|
11
|
-
readonly lineHeight: string | number;
|
|
12
|
-
readonly letterSpacing: string;
|
|
13
|
-
readonly color: string;
|
|
14
|
-
readonly fontStyle: ThemeFontStyle;
|
|
15
|
-
readonly textAlign: ThemeTextAlignment;
|
|
16
|
-
readonly textTransform: ThemeTextTransform;
|
|
17
|
-
readonly textDecoration: string;
|
|
18
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { ThemeFontFamily, ThemeFontSizes, ThemeFontWeights, ThemeTextStyle } from '../../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define los estilos para encabezados, cuerpo, etiquetas y botones.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export interface ThemeTypography {
|
|
8
|
-
readonly fontFamily: ThemeFontFamily;
|
|
9
|
-
readonly fontSize: ThemeFontSizes;
|
|
10
|
-
readonly fontWeight: ThemeFontWeights;
|
|
11
|
-
readonly lineHeight: Readonly<Record<string, string | number>>;
|
|
12
|
-
readonly letterSpacing: Readonly<Record<string, string>>;
|
|
13
|
-
readonly heading: {
|
|
14
|
-
readonly h1: ThemeTextStyle;
|
|
15
|
-
readonly h2: ThemeTextStyle;
|
|
16
|
-
readonly h3: ThemeTextStyle;
|
|
17
|
-
readonly h4: ThemeTextStyle;
|
|
18
|
-
readonly h5: ThemeTextStyle;
|
|
19
|
-
readonly h6: ThemeTextStyle;
|
|
20
|
-
};
|
|
21
|
-
readonly body: {
|
|
22
|
-
readonly primary: ThemeTextStyle;
|
|
23
|
-
readonly secondary: ThemeTextStyle;
|
|
24
|
-
readonly muted: ThemeTextStyle;
|
|
25
|
-
readonly small: ThemeTextStyle;
|
|
26
|
-
};
|
|
27
|
-
readonly label: {
|
|
28
|
-
readonly primary: ThemeTextStyle;
|
|
29
|
-
readonly secondary: ThemeTextStyle;
|
|
30
|
-
readonly muted: ThemeTextStyle;
|
|
31
|
-
};
|
|
32
|
-
readonly button: {
|
|
33
|
-
readonly primary: ThemeTextStyle;
|
|
34
|
-
readonly secondary: ThemeTextStyle;
|
|
35
|
-
};
|
|
36
|
-
readonly code: ThemeTextStyle;
|
|
37
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
export * from './theme-animation.type';
|
|
2
|
-
export * from './theme-border.type';
|
|
3
|
-
export * from './theme-brand.type';
|
|
4
|
-
export * from './theme-category.type';
|
|
5
|
-
export * from './theme-css.type';
|
|
6
|
-
export * from './theme-effect.type';
|
|
7
|
-
export * from './theme-font.type';
|
|
8
|
-
export * from './theme-gradient.type';
|
|
9
|
-
export * from './theme-layout.type';
|
|
10
|
-
export * from './theme-preference.type';
|
|
11
|
-
export * from './theme-shadow.type';
|
|
12
|
-
export * from './theme-state.type';
|
|
13
|
-
export * from './theme-surface.type';
|
|
14
|
-
export * from './theme-text-style.type';
|
|
15
|
-
export * from './theme-text.type';
|
|
16
|
-
export * from './theme-typography.type';
|
|
17
|
-
export * from './theme-value.type';
|
|
18
|
-
export * from './theme-name.types';
|
|
19
|
-
export * from './theme-color-scale.type';
|
|
20
|
-
export * from './theme-font-weights.type';
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Defines the supported animation styles.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export type ThemeAnimationStyle = "fade" | "slide" | "scale" | "bounce" | "pulse" | "shimmer" | "gradient" | "glow" | "spin" | "float" | "none";
|
|
7
|
-
/**
|
|
8
|
-
* @description Defines the available easing curves.
|
|
9
|
-
* @author Steveen Cues
|
|
10
|
-
* @version 2.0.0
|
|
11
|
-
*/
|
|
12
|
-
export type ThemeEasing = "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out" | "spring";
|
|
13
|
-
/**
|
|
14
|
-
* @description Defines the motion strategies supported by the system.
|
|
15
|
-
* @author Steveen Cues
|
|
16
|
-
* @version 2.0.0
|
|
17
|
-
*/
|
|
18
|
-
export type ThemeMotionPreference = "full" | "reduced" | "system";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for border styles and colors.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type BorderVariables = Pick<ThemeCssVariables, "--rui-border-default" | "--rui-border-subtle" | "--rui-border-strong" | "--rui-border-focus" | "--rui-border-hover" | "--rui-border-active" | "--rui-border-disabled">;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for brand colors.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type BrandVariables = Pick<ThemeCssVariables, "--rui-brand-primary" | "--rui-brand-primary-hover" | "--rui-brand-primary-active" | "--rui-brand-primary-contrast" | "--rui-brand-secondary" | "--rui-brand-secondary-hover" | "--rui-brand-secondary-active" | "--rui-brand-secondary-contrast" | "--rui-brand-accent" | "--rui-brand-accent-hover" | "--rui-brand-accent-contrast">;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Defines the available categories for classifying a theme.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export type ThemeCategory = "light" | "dark" | "colorful" | "brand" | "minimal" | "accessibility" | "custom";
|
|
7
|
-
/**
|
|
8
|
-
* @description Defines the luminosity scheme of a theme.
|
|
9
|
-
* @author Steveen Cues
|
|
10
|
-
* @version 2.0.0
|
|
11
|
-
*/
|
|
12
|
-
export type ThemeColorScheme = "light" | "dark" | "auto";
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines custom CSS variables supported by the library.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type ThemeCssVariables = CSSProperties & {
|
|
8
|
-
[property: `--rui-${string}`]: string;
|
|
9
|
-
};
|
|
10
|
-
/**
|
|
11
|
-
* @description Represents a CSS value compatible with the theme system.
|
|
12
|
-
* @author Steveen Cues
|
|
13
|
-
* @version 2.0.0
|
|
14
|
-
*/
|
|
15
|
-
export type ThemeCssValue = string;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for visual effects.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type EffectVariables = Pick<ThemeCssVariables, "--rui-effects-overlay" | "--rui-effects-backdrop" | "--rui-effects-blur" | "--rui-effects-blur-strong" | "--rui-effects-glass-background" | "--rui-effects-glass-border">;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { THEME_FONT_WEIGHT } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Define los valores numericos permitidos para los pesos tipograficos.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.2.0
|
|
6
|
-
*/
|
|
7
|
-
export type ThemeFontWeightValue = (typeof THEME_FONT_WEIGHT)[keyof typeof THEME_FONT_WEIGHT];
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { THEME_FONT_WEIGHT } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines the available typography sizes.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 2.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type ThemeFontSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl";
|
|
8
|
-
/**
|
|
9
|
-
* @description Defines the available typography weights.
|
|
10
|
-
* @author Steveen Cues
|
|
11
|
-
* @version 2.0.0
|
|
12
|
-
*/
|
|
13
|
-
export type ThemeFontWeight = (typeof THEME_FONT_WEIGHT)[keyof typeof THEME_FONT_WEIGHT];
|
|
14
|
-
/**
|
|
15
|
-
* @description Defines conventional typography styles.
|
|
16
|
-
* @author Steveen Cues
|
|
17
|
-
* @version 2.0.0
|
|
18
|
-
*/
|
|
19
|
-
export type ThemeFontStyle = "normal" | "italic" | "oblique";
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Defines the supported gradient types.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export type ThemeGradientType = "linear" | "radial" | "conic";
|
|
7
|
-
/**
|
|
8
|
-
* @description Defines the permitted gradient directions.
|
|
9
|
-
* @author Steveen Cues
|
|
10
|
-
* @version 2.0.0
|
|
11
|
-
*/
|
|
12
|
-
export type ThemeGradientDirection = "to-top" | "to-right" | "to-bottom" | "to-left" | "to-top-right" | "to-top-left" | "to-bottom-right" | "to-bottom-left";
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Defines the elevation levels of surfaces.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export type ThemeElevation = "none" | "low" | "medium" | "high" | "highest";
|
|
7
|
-
/**
|
|
8
|
-
* @description Defines the available visual density variants.
|
|
9
|
-
* @author Steveen Cues
|
|
10
|
-
* @version 2.0.0
|
|
11
|
-
*/
|
|
12
|
-
export type ThemeDensity = "compact" | "comfortable" | "spacious";
|
|
13
|
-
/**
|
|
14
|
-
* @description Defines the available border radius levels.
|
|
15
|
-
* @author Steveen Cues
|
|
16
|
-
* @version 2.0.0
|
|
17
|
-
*/
|
|
18
|
-
export type ThemeRadius = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
|
|
19
|
-
/**
|
|
20
|
-
* @description Defines the supported device breakpoint sizes.
|
|
21
|
-
* @author Steveen Cues
|
|
22
|
-
* @version 2.0.0
|
|
23
|
-
*/
|
|
24
|
-
export type ThemeBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Identificadores de los temas disponibles.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 1.0.0
|
|
5
|
-
*/
|
|
6
|
-
export type ThemeName = "light" | "dark" | "semi-dark" | "system" | "auto" | "magenta" | "blue" | "indigo" | "purple" | "violet" | "pink" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "slate" | "gray" | "zinc" | "neutral" | "stone" | "rose" | "ocean" | "midnight" | "sunset" | "nord" | "dracula" | "monokai" | "github" | "solarized-light" | "solarized-dark" | "high-contrast" | "high-contrast-light" | "high-contrast-dark";
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ThemePreferenceState } from '../..';
|
|
2
|
-
import { Dispatch, SetStateAction } from 'react';
|
|
3
|
-
/**
|
|
4
|
-
* @description Defines the React state dispatcher for theme preference updates.
|
|
5
|
-
* @author Steveen Cues
|
|
6
|
-
* @version 1.0.0
|
|
7
|
-
*/
|
|
8
|
-
export type SetThemePreferenceState = Dispatch<SetStateAction<ThemePreferenceState>>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for shadows.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type ShadowVariables = Pick<ThemeCssVariables, "--rui-shadow-color" | "--rui-shadow-subtle" | "--rui-shadow-small" | "--rui-shadow-medium" | "--rui-shadow-large" | "--rui-shadow-glow">;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for status colors.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type StateVariables = Pick<ThemeCssVariables, "--rui-state-success" | "--rui-state-success-background" | "--rui-state-warning" | "--rui-state-warning-background" | "--rui-state-error" | "--rui-state-error-background" | "--rui-state-info" | "--rui-state-info-background">;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for surface colors.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type SurfaceVariables = Pick<ThemeCssVariables, "--rui-surface-background" | "--rui-surface-surface" | "--rui-surface-surface-elevated" | "--rui-surface-surface-hover" | "--rui-surface-surface-active" | "--rui-surface-surface-disabled">;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Defines the available text alignment variants.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export type ThemeTextAlignment = "left" | "center" | "right" | "justify" | "start" | "end";
|
|
7
|
-
/**
|
|
8
|
-
* @description Defines the supported text transformation options.
|
|
9
|
-
* @author Steveen Cues
|
|
10
|
-
* @version 2.0.0
|
|
11
|
-
*/
|
|
12
|
-
export type ThemeTextTransform = "none" | "capitalize" | "uppercase" | "lowercase";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for text colors.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type TextVariables = Pick<ThemeCssVariables, "--rui-text-primary" | "--rui-text-secondary" | "--rui-text-muted" | "--rui-text-disabled" | "--rui-text-inverse" | "--rui-text-link" | "--rui-text-link-hover">;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ThemeCssVariables } from '../..';
|
|
2
|
-
/**
|
|
3
|
-
* @description Defines CSS variables for typography colors.
|
|
4
|
-
* @author Steveen Cues
|
|
5
|
-
* @version 1.0.0
|
|
6
|
-
*/
|
|
7
|
-
export type TypographyVariables = Pick<ThemeCssVariables, "--rui-typography-heading-primary" | "--rui-typography-heading-secondary" | "--rui-typography-heading-muted" | "--rui-typography-body-primary" | "--rui-typography-body-secondary" | "--rui-typography-body-muted" | "--rui-typography-label-primary" | "--rui-typography-label-secondary" | "--rui-typography-label-muted" | "--rui-typography-button-primary" | "--rui-typography-button-secondary">;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @description Represents an opacity value between zero and one.
|
|
3
|
-
* @author Steveen Cues
|
|
4
|
-
* @version 2.0.0
|
|
5
|
-
*/
|
|
6
|
-
export type ThemeOpacity = number;
|
|
7
|
-
/**
|
|
8
|
-
* @description Represents a numeric duration in milliseconds.
|
|
9
|
-
* @author Steveen Cues
|
|
10
|
-
* @version 2.0.0
|
|
11
|
-
*/
|
|
12
|
-
export type ThemeDuration = number;
|