pangea-lib 2.7.2 → 2.8.0

package/dist/types/colors/all-colors.d.ts

@@ -1,3 +1,6 @@
-import { Colors } from './colors.types';
+import { AppColorThemes, AppColorProps, AppColorInformatives, AppColors } from './colors.types';
 
-export declare const allColors: Colors;
+export declare const allColorThemes: AppColorThemes;
+export declare const allColorProps: AppColorProps;
+export declare const allColorInformatives: AppColorInformatives;
+export declare const allColors: AppColors;

package/dist/types/colors/colors.helpers.d.ts

@@ -1,3 +1,5 @@
-import { Color, ColorAlpha } from './colors.types';
+import { Color, ColorAlpha, AppColor, AppColorType } from './colors.types';
 
 export declare function rgba(color: Color, colorAlpha: ColorAlpha): string;
+export declare function getColorType(color: AppColor): AppColorType;
+export declare function setRootProperty(propertyName: string, newColor: Color): void;

package/dist/types/colors/colors.store.d.ts

@@ -1,96 +1,15 @@
-import { Color, ColorName, Colors } from './colors.types';
+import { StoreColors, AppColorName, AppColor, AppColors } from './colors.types';
 
 export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors", import('pinia')._UnwrapAll<Pick<{
-    colors: import('vue').Ref<{
-        mainFirstLight: Color;
-        mainFirstDark: Color;
-        mainSecondLight: Color;
-        mainSecondDark: Color;
-        mainThirdLight: Color;
-        mainThirdDark: Color;
-        backgroundFirstLight: Color;
-        backgroundFirstDark: Color;
-        backgroundSecondLight: Color;
-        backgroundSecondDark: Color;
-        backgroundThirdLight: Color;
-        backgroundThirdDark: Color;
-        primary: Color;
-        secondary: Color;
-        success: Color;
-        warning: Color;
-        danger: Color;
-        dark: Color;
-        light: Color;
-        red: Color;
-        purple: Color;
-        sky: Color;
-        beige: Color;
-        info: Color;
-        link: Color;
-        error: Color;
-    }>;
-    setColor: (colorName: ColorName, newColor: Color) => void;
-    setColors: (newColors: Colors) => void;
-}, "colors">>, Pick<{
-    colors: import('vue').Ref<{
-        mainFirstLight: Color;
-        mainFirstDark: Color;
-        mainSecondLight: Color;
-        mainSecondDark: Color;
-        mainThirdLight: Color;
-        mainThirdDark: Color;
-        backgroundFirstLight: Color;
-        backgroundFirstDark: Color;
-        backgroundSecondLight: Color;
-        backgroundSecondDark: Color;
-        backgroundThirdLight: Color;
-        backgroundThirdDark: Color;
-        primary: Color;
-        secondary: Color;
-        success: Color;
-        warning: Color;
-        danger: Color;
-        dark: Color;
-        light: Color;
-        red: Color;
-        purple: Color;
-        sky: Color;
-        beige: Color;
-        info: Color;
-        link: Color;
-        error: Color;
-    }>;
-    setColor: (colorName: ColorName, newColor: Color) => void;
-    setColors: (newColors: Colors) => void;
-}, never>, Pick<{
-    colors: import('vue').Ref<{
-        mainFirstLight: Color;
-        mainFirstDark: Color;
-        mainSecondLight: Color;
-        mainSecondDark: Color;
-        mainThirdLight: Color;
-        mainThirdDark: Color;
-        backgroundFirstLight: Color;
-        backgroundFirstDark: Color;
-        backgroundSecondLight: Color;
-        backgroundSecondDark: Color;
-        backgroundThirdLight: Color;
-        backgroundThirdDark: Color;
-        primary: Color;
-        secondary: Color;
-        success: Color;
-        warning: Color;
-        danger: Color;
-        dark: Color;
-        light: Color;
-        red: Color;
-        purple: Color;
-        sky: Color;
-        beige: Color;
-        info: Color;
-        link: Color;
-        error: Color;
-    }>;
-    setColor: (colorName: ColorName, newColor: Color) => void;
-    setColors: (newColors: Colors) => void;
+    colors: import('vue').ComputedRef<StoreColors>;
+    setColor: (colorName: AppColorName, newColor: AppColor) => void;
+    setColors: (newColors: AppColors) => void;
+}, never>>, Pick<{
+    colors: import('vue').ComputedRef<StoreColors>;
+    setColor: (colorName: AppColorName, newColor: AppColor) => void;
+    setColors: (newColors: AppColors) => void;
+}, "colors">, Pick<{
+    colors: import('vue').ComputedRef<StoreColors>;
+    setColor: (colorName: AppColorName, newColor: AppColor) => void;
+    setColors: (newColors: AppColors) => void;
 }, "setColor" | "setColors">>;

package/dist/types/colors/colors.types.d.ts

@@ -3,10 +3,38 @@ export type ColorRgb = `rgb(${number}, ${number}, ${number})`;
 export type ColorRgba = `rgba(${number}, ${number}, ${number}, ${number})`;
 export type ColorHex = `#${string}`;
 export type Color = ColorRgb | ColorRgba | ColorHex;
-export type ColorNameApp = 'mainFirstLight' | 'mainFirstDark' | 'mainSecondLight' | 'mainSecondDark' | 'mainThirdLight' | 'mainThirdDark' | 'backgroundFirstLight' | 'backgroundFirstDark' | 'backgroundSecondLight' | 'backgroundSecondDark' | 'backgroundThirdLight' | 'backgroundThirdDark';
-export type ColorNameCustom = 'primary' | 'secondary';
-export type ColorNameUnique = 'success' | 'warning' | 'danger' | 'dark' | 'light' | 'red' | 'purple' | 'sky' | 'beige';
-export type ColorNameInformative = 'info' | 'link' | 'error';
-export type ColorName = ColorNameApp | ColorNameCustom | ColorNameUnique | ColorNameInformative;
-export type ColorNameProp = ColorNameCustom | ColorNameUnique;
-export type Colors = Record<ColorName, Color>;
+export type AppColorNameTheme = 'mainFirst' | 'mainSecond' | 'mainThird' | 'backgroundFirst' | 'backgroundSecond' | 'backgroundThird';
+export type AppColorNameProp = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'dark' | 'light' | 'red' | 'purple' | 'sky' | 'beige';
+export type AppColorNameInformative = 'info' | 'link' | 'error';
+export type AppColorName = AppColorNameTheme | AppColorNameProp | AppColorNameInformative;
+export type AppColorTheme = {
+    light: Color;
+    dark: Color;
+};
+export type AppColorProp = {
+    color: Color;
+    contrast: Color;
+};
+export type AppColorInformative = Color;
+export type AppColor = AppColorTheme | AppColorProp | AppColorInformative;
+export type AppColorThemes = {
+    [K in AppColorNameTheme]: AppColorTheme;
+};
+export type AppColorProps = {
+    [K in AppColorNameProp]: AppColorProp;
+};
+export type AppColorInformatives = {
+    [K in AppColorNameInformative]: AppColorInformative;
+};
+export type AppColors = AppColorThemes & AppColorProps & AppColorInformatives;
+export type AppColorType = 'theme' | 'prop' | 'informative';
+export type StoreColorThemes = {
+    [K in AppColorNameTheme]: Color;
+};
+export type StoreColorProps = {
+    [K in AppColorNameProp as `${K}`]: Color;
+} & {
+    [K in AppColorNameProp as `${K}Contrast`]: Color;
+};
+export type StoreColorInformatives = AppColorInformatives;
+export type StoreColors = StoreColorThemes & StoreColorProps & StoreColorInformatives;

package/dist/types/colors/index.d.ts

@@ -4,3 +4,4 @@ import { useColorsStore } from './colors.store';
 
 export { storeToRefs, rgba, useColorsStore };
 export * from './colors.types';
+export * from './theme.store';

package/dist/types/colors/theme.store.d.ts

@@ -0,0 +1,11 @@
+export type Theme = 'light' | 'dark';
+export declare const useThemeStore: import('pinia').StoreDefinition<"pga-theme", import('pinia')._UnwrapAll<Pick<{
+    theme: import('vue').Ref<Theme>;
+    setTheme: (newTheme: Theme) => void;
+}, "theme">>, Pick<{
+    theme: import('vue').Ref<Theme>;
+    setTheme: (newTheme: Theme) => void;
+}, never>, Pick<{
+    theme: import('vue').Ref<Theme>;
+    setTheme: (newTheme: Theme) => void;
+}, "setTheme">>;

package/dist/types/components/PgaBadge.vue.d.ts

@@ -1,10 +1,16 @@
-import { ColorNameProp } from '../colors';
+import { Color, AppColorNameProp } from '../colors';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    color: ColorNameProp;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    color: ColorNameProp;
-}>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: Color | AppColorNameProp;
+}>, {
+    color: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    color?: Color | AppColorNameProp;
+}>, {
+    color: string;
+}>>>, {
+    color: Color | AppColorNameProp;
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -17,6 +23,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/types/components/PgaSpinner.vue.d.ts

@@ -1,20 +1,20 @@
-import { ColorNameProp } from '../colors';
+import { Color, AppColorNameProp } from '../colors';
 import { Size } from '../types';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: ColorNameProp;
+    color?: AppColorNameProp | Color;
     size?: Size;
 }>, {
     color: string;
     size: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: ColorNameProp;
+    color?: AppColorNameProp | Color;
     size?: Size;
 }>, {
     color: string;
     size: string;
 }>>>, {
-    color: ColorNameProp;
+    color: AppColorNameProp | Color;
     size: Size;
 }, {}>;
 export default _default;

package/dist/types/components/button/PgaButton.vue.d.ts

@@ -1,10 +1,10 @@
-import { ColorNameProp } from '../../colors';
+import { AppColorNameProp } from '../../colors';
 import { Icon, TextProp, Size } from '../../types';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     icon?: Icon;
     text?: TextProp;
-    type?: ColorNameProp;
+    type?: AppColorNameProp;
     size?: Size;
     isLoading?: boolean;
     numberToDisplay?: number;
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     icon?: Icon;
     text?: TextProp;
-    type?: ColorNameProp;
+    type?: AppColorNameProp;
     size?: Size;
     isLoading?: boolean;
     numberToDisplay?: number;
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     size: string;
 }>>>, {
     size: Size;
-    type: ColorNameProp;
+    type: AppColorNameProp;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/default-pangea-options.d.ts

@@ -1,7 +1,7 @@
-import { Colors } from './colors/colors.types';
+import { AppColors } from './colors/colors.types';
 
 export type PangeaOptions = {
-    colors?: Partial<Colors>;
+    colors?: Partial<AppColors>;
 };
 declare const pangeaOptions: PangeaOptions;
 export default pangeaOptions;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "2.7.2",
+  "version": "2.8.0",
   "type": "module",
   "files": [
     "dist"
@@ -52,7 +52,7 @@
     "chart.js": "^4.4.3",
     "click-outside-vue3": "^4.0.1",
     "moment": "^2.30.1",
-    "pangea-helpers": "^1.3.1",
+    "pangea-helpers": "^1.3.2",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
     "sanitize.css": "^13.0.0",