pangea-lib 1.19.19 → 2.0.1

package/dist/styles/variables/index.styl

@@ -1,2 +1 @@
-@require './breakpoints.styl'
-@require './colors.styl'
+@require './breakpoints.styl'

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

@@ -0,0 +1,3 @@
+import { Colors } from './colors.types';
+
+export declare const allColors: Colors;

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

@@ -0,0 +1,3 @@
+import { Color, ColorAlpha } from './colors.types';
+
+export declare function rgba(color: Color, colorAlpha: ColorAlpha): string;

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

@@ -0,0 +1,96 @@
+import { Color, ColorName, Colors } from './colors.types';
+
+export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors", import('pinia')._UnwrapAll<Pick<{
+    colors: import('vue').Ref<{
+        firstLight: Color;
+        secondLight: Color;
+        thirdLight: Color;
+        firstLightBackground: Color;
+        secondLightBackground: Color;
+        thirdLightBackground: Color;
+        firstDark: Color;
+        secondDark: Color;
+        thirdDark: Color;
+        firstDarkBackground: Color;
+        secondDarkBackground: Color;
+        thirdDarkBackground: 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<{
+        firstLight: Color;
+        secondLight: Color;
+        thirdLight: Color;
+        firstLightBackground: Color;
+        secondLightBackground: Color;
+        thirdLightBackground: Color;
+        firstDark: Color;
+        secondDark: Color;
+        thirdDark: Color;
+        firstDarkBackground: Color;
+        secondDarkBackground: Color;
+        thirdDarkBackground: 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<{
+        firstLight: Color;
+        secondLight: Color;
+        thirdLight: Color;
+        firstLightBackground: Color;
+        secondLightBackground: Color;
+        thirdLightBackground: Color;
+        firstDark: Color;
+        secondDark: Color;
+        thirdDark: Color;
+        firstDarkBackground: Color;
+        secondDarkBackground: Color;
+        thirdDarkBackground: 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;
+}, "setColor" | "setColors">>;

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

@@ -0,0 +1,12 @@
+export type ColorAlpha = number;
+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 = 'firstLight' | 'secondLight' | 'thirdLight' | 'firstLightBackground' | 'secondLightBackground' | 'thirdLightBackground' | 'firstDark' | 'secondDark' | 'thirdDark' | 'firstDarkBackground' | 'secondDarkBackground' | 'thirdDarkBackground';
+export type ColorNameCustom = 'primary' | 'secondary';
+export type ColorNameDistinctive = 'success' | 'warning' | 'danger' | 'dark' | 'light' | 'red' | 'purple' | 'sky' | 'beige';
+export type ColorNameInformative = 'info' | 'link' | 'error';
+export type ColorNameUnique = ColorNameCustom | ColorNameDistinctive;
+export type ColorName = ColorNameApp | ColorNameCustom | ColorNameDistinctive | ColorNameInformative;
+export type Colors = Record<ColorName, Color>;

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

@@ -0,0 +1,6 @@
+import { storeToRefs } from 'pinia';
+import { rgba } from './colors.helpers';
+import { useColorsStore } from './colors.store';
+
+export { storeToRefs, rgba, useColorsStore };
+export * from './colors.types';

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

@@ -1,7 +1,9 @@
+import { ColorNameUnique } from '../colors';
+
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    color: "dark" | "light" | "danger" | "warning" | "success" | "red" | "purple" | "sky" | "beige";
+    color: ColorNameUnique;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    color: "dark" | "light" | "danger" | "warning" | "success" | "red" | "purple" | "sky" | "beige";
+    color: ColorNameUnique;
 }>>>, {}, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,9 +1,11 @@
+import { ColorNameUnique } from '../colors';
+
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isLoading?: boolean;
     numberToDisplay?: number;
     href?: string;
     target?: string;
-    type?: "dark" | "light" | "danger" | "warning" | "success" | "purple" | "sky" | "link" | "primary" | "secondary";
+    type?: "link" | ColorNameUnique;
     size?: "s" | "xs" | "m" | "l";
     paddingY?: string;
     paddingX?: string;
@@ -20,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     numberToDisplay?: number;
     href?: string;
     target?: string;
-    type?: "dark" | "light" | "danger" | "warning" | "success" | "purple" | "sky" | "link" | "primary" | "secondary";
+    type?: "link" | ColorNameUnique;
     size?: "s" | "xs" | "m" | "l";
     paddingY?: string;
     paddingX?: string;
@@ -34,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     size: string;
 }>>>, {
     size: "s" | "xs" | "m" | "l";
-    type: "dark" | "light" | "danger" | "warning" | "success" | "purple" | "sky" | "link" | "primary" | "secondary";
+    type: "link" | ColorNameUnique;
     isLoading: boolean;
     href: string;
     target: string;

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

@@ -1,10 +1,10 @@
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    type: "danger" | "success";
+    type: "success" | "danger";
     informationCardTitle: string;
     informationCardDescription?: string;
     isLoading?: boolean;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    type: "danger" | "success";
+    type: "success" | "danger";
     informationCardTitle: string;
     informationCardDescription?: string;
     isLoading?: boolean;

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

@@ -1,30 +1,31 @@
-type SelectorItem<ID = string> = {
-    id: ID;
-    label: string;
+import { Id, TextProp } from '../types';
+
+type SelectorItem = {
+    id: Id;
+    label: TextProp;
 };
-type SelectorItems<ID = string> = SelectorItem<ID>[];
 declare const _default: import('vue').DefineComponent<{
     itemSelectedId: {
         required: true;
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<any>;
     };
     label: {
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<TextProp>;
     };
     items: {
-        type: import('vue').PropType<SelectorItems<string>>;
+        type: import('vue').PropType<SelectorItem[]>;
         required: true;
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     itemSelectedId: {
         required: true;
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<any>;
     };
     label: {
-        type: import('vue').PropType<string>;
+        type: import('vue').PropType<TextProp>;
     };
     items: {
-        type: import('vue').PropType<SelectorItems<string>>;
+        type: import('vue').PropType<SelectorItem[]>;
         required: true;
     };
 }>>, {}, {}>;

package/dist/types/components/display/PgaDisplayText.vue.d.ts

@@ -1,9 +1,9 @@
-import { Text } from '../../types/index';
+import { TextProp } from '../../types/index';
 
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    text: Text;
+    text: TextProp;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    text: Text;
+    text: TextProp;
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/components/form/PgaSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { Text } from '../../types/index';
+import { TextProp } from '../../types/index';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     modelValue: {
@@ -10,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         required: true;
     };
     emptyOptionsMsg: {
-        type: import('vue').PropType<Text>;
+        type: import('vue').PropType<TextProp>;
     };
     disabled: {
         type: import('vue').PropType<boolean>;
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
         required: true;
     };
     emptyOptionsMsg: {
-        type: import('vue').PropType<Text>;
+        type: import('vue').PropType<TextProp>;
     };
     disabled: {
         type: import('vue').PropType<boolean>;

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

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

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

@@ -1,4 +1 @@
-import { Color, ColorAlpha } from '../types';
-
 export declare function animation(element: string, animation: string, prefix?: string): Promise<unknown>;
-export declare function rgba(color: Color, colorAlpha: ColorAlpha): string;

package/dist/types/main.d.ts

@@ -1,8 +1,9 @@
-import { PangeaOptions } from './default-pangea-options';
 import { App } from 'vue';
+import { PangeaOptions } from './default-pangea-options';
 
 declare const _default: (app: App, userOptions?: PangeaOptions) => void;
 export default _default;
+export * from './colors';
 export * from './helpers';
 export * from './i18n';
 export * from './types';

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

@@ -1,10 +1,9 @@
 export * from './chart';
-export * from './color';
 export * from './icon';
 export * from './image';
 export * from './populate';
-export type ID = string;
+export type Id = any;
 export type ConstructorParams<T> = {
     [K in keyof T]?: T[K];
 };
-export type Text = string | (() => string);
+export type TextProp = string | (() => string);

package/package.json

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

package/dist/styles/variables/colors.styl

@@ -1,31 +0,0 @@
-// light
-$primaryLightColor = #000000
-$secondaryLightColor = #585858
-$tertiaryLightColor = #9B9B9B
-$primaryLightBackgroundColor = #ffffff
-$secondaryLightBackgroundColor = #efefef
-$tertiaryLightBackgroundColor = #ddd
-// dark
-$primaryDarkColor = rgba(255, 255, 255, 0.9)
-$secondaryDarkColor = rgba(215, 215, 215, 0.75)
-$tertiaryDarkColor = rgba(175, 175, 175, 0.6)
-$primaryDarkBackgroundColor = #1a1a1a
-$secondaryDarkBackgroundColor = #242424
-$tertiaryDarkBackgroundColor = #5e5e5e
-// unique
-$firstColor = #218c5a
-$secondColor = #218c5a
-
-$successColor = #95CD41
-$warningColor = #FFBD35
-$dangerColor = #FF5959
-$darkColor = #1E1E1E
-$lightColor = #F0F0F0
-$redColor = #DE4795
-$purpleColor = #7746DB
-$skyColor = #1AB8C3
-$beigeColor = #FDF5E6
-
-$infoColor = #54B4D3
-$linkColor = #0064FF
-$errorColor = rgba(225, 21, 21, 0.912)

package/dist/types/types/color.d.ts

@@ -1,5 +0,0 @@
-export type ColorAlpha = number;
-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;