pangea-lib 2.9.16 → 2.10.1

package/dist/styles/helpers.styl

@@ -30,15 +30,15 @@ margin-x()
   else
     margin-right arguments[1]
 
-size($heightSize, $widthSize = false)
-  height $heightSize
-  min-height $heightSize
-  if $widthSize
-    width $widthSize
-    min-width $widthSize
+size($size-height, $size-width = false)
+  height $size-height
+  min-height $size-height
+  if $size-width
+    width $size-width
+    min-width $size-width
   else
-    width $heightSize
-    min-width $heightSize
+    width $size-height
+    min-width $size-height
 
 size-rounded($size)
   size($size)
@@ -47,17 +47,17 @@ size-rounded($size)
 shadow($blur = 1rem, $color = rgba(0, 0, 0, 0.2))
   box-shadow 0 0 $blur $color
 
-flex($flexDirection = row, $justifyContent = flex-start, $alignItems = stretch, $gap = 0, $flexWrap = nowrap)
+flex($flex-direction = row, $justify-content = flex-start, $align-items = stretch, $gap = 0, $flex-wrap = nowrap)
   display flex
-  flex-direction $flexDirection
-  justify-content $justifyContent
-  align-items $alignItems
+  flex-direction $flex-direction
+  justify-content $justify-content
+  align-items $align-items
   gap $gap
-  flex-wrap $flexWrap
+  flex-wrap $flex-wrap
 
 flex-center()
   flex(row, center, center)
 
-dynamic-rgba($rgbValues, $opacity = 1)
+dynamic-rgba($rgb-values, $opacity = 1)
   // return rgba as a string so it doesn't get interpolated by stylus compiler
-  s('rgba(%s, %s)', $rgbValues, $opacity)
+  s('rgba(%s, %s)', $rgb-values, $opacity)

package/dist/styles/variables/breakpoints.styl

@@ -1,10 +1,10 @@
 // Large desktops
 // no breakpoint since this is the default
 // Desktops
-$largeDevicesBreakpoint = 1200px
+$breakpoint-large-devices = 1200px
 // Tablets
-$mediumDevicesBreakpoint = 992px
+$breakpoint-medium-devices = 992px
 // Landscape phones
-$smallDevicesBreakpoint = 768px
+$breakpoint-small-devices = 768px
 // Portrait phones
-$extraSmallDevicesBreakpoint = 576px
+$breakpoint-extra-small-devices = 576px

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

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

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

@@ -1,15 +1,4 @@
-import { StoreColors, AppColorName, AppColor, AppColors } from './colors.types';
+import { AppColorName, AppColor, AppColors } from './colors.types';
 
-export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors", import('pinia')._UnwrapAll<Pick<{
-    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">>;
+export declare function setColor(colorName: AppColorName, newColor: AppColor): void;
+export declare function setColors(newColors: AppColors): void;

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

@@ -1,21 +1,18 @@
-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;
+import { ColorHex } from '../types/color';
+
 export type AppColorNameTheme = 'textFirst' | 'textSecond' | 'textThird' | '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;
+    light: ColorHex;
+    dark: ColorHex;
 };
 export type AppColorProp = {
-    main: Color;
-    contrast: Color;
+    main: ColorHex;
+    contrast: ColorHex;
 };
-export type AppColorInformative = Color;
+export type AppColorInformative = ColorHex;
 export type AppColor = AppColorTheme | AppColorProp | AppColorInformative;
 export type AppColorThemes = {
     [K in AppColorNameTheme]: AppColorTheme;
@@ -29,12 +26,12 @@ export type AppColorInformatives = {
 export type AppColors = AppColorThemes & AppColorProps & AppColorInformatives;
 export type AppColorType = 'theme' | 'prop' | 'informative';
 export type StoreColorThemes = {
-    [K in AppColorNameTheme]: Color;
+    [K in AppColorNameTheme]: ColorHex;
 };
 export type StoreColorProps = {
-    [K in AppColorNameProp as `${K}`]: Color;
+    [K in AppColorNameProp as `${K}`]: ColorHex;
 } & {
-    [K in AppColorNameProp as `${K}Contrast`]: Color;
+    [K in AppColorNameProp as `${K}Contrast`]: ColorHex;
 };
 export type StoreColorInformatives = AppColorInformatives;
 export type StoreColors = StoreColorThemes & StoreColorProps & StoreColorInformatives;

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

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

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

@@ -1,11 +1,8 @@
 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">>;
+}, never>>;

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

@@ -1,15 +1,15 @@
-import { Color, AppColorNameProp } from '../colors';
+import { AppColorNameProp } from '../colors';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: Color | AppColorNameProp;
+    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?: AppColorNameProp;
 }>, {
     color: string;
 }>>>, {
-    color: Color | AppColorNameProp;
+    color: AppColorNameProp;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,20 +1,20 @@
-import { Color, AppColorNameProp } from '../colors';
 import { Size } from '../types';
+import { AppColorNameProp } from '../colors';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: AppColorNameProp | Color;
+    color?: AppColorNameProp;
     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?: AppColorNameProp | Color;
+    color?: AppColorNameProp;
     size?: Size;
 }>, {
     color: string;
     size: string;
 }>>>, {
-    color: AppColorNameProp | Color;
+    color: AppColorNameProp;
     size: Size;
 }, {}>;
 export default _default;

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

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

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

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

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

@@ -1,19 +1,19 @@
 export declare const useOptionsStore: import('pinia').StoreDefinition<"pga-options", import('pinia')._UnwrapAll<Pick<{
     options: import('vue').Ref<{
         button: {
-            style: import('../types').ButtonStyle;
+            type: import('../types').ButtonType;
         };
     }>;
 }, "options">>, Pick<{
     options: import('vue').Ref<{
         button: {
-            style: import('../types').ButtonStyle;
+            type: import('../types').ButtonType;
         };
     }>;
 }, never>, Pick<{
     options: import('vue').Ref<{
         button: {
-            style: import('../types').ButtonStyle;
+            type: import('../types').ButtonType;
         };
     }>;
 }, never>>;

package/dist/types/options/options.types.d.ts

@@ -1,11 +1,11 @@
 import { Theme } from '../colors/theme.store';
 import { AppColors } from '../colors/colors.types';
-import { ButtonStyle } from '../types/button';
+import { ButtonType } from '../types/button';
 import { DeepPartial } from 'pangea-helpers';
 
 export type OptionsStore = {
     button: {
-        style: ButtonStyle;
+        type: ButtonType;
     };
 };
 export type Options = OptionsStore & {

package/dist/types/types/button.d.ts

@@ -1 +1 @@
-export type ButtonStyle = 'filled' | 'outlined';
+export type ButtonType = 'filled' | 'outlined';

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

@@ -0,0 +1,5 @@
+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;

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

@@ -1,5 +1,6 @@
 export * from './button';
 export * from './chart';
+export * from './color';
 export * from './icon';
 export * from './image';
 export * from './populate';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "2.9.16",
+  "version": "2.10.1",
   "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.6",
+    "pangea-helpers": "^1.3.7",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",
     "sanitize.css": "^13.0.0",