pangea-lib 2.11.583 → 2.11.585
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/main.cjs.js +35 -35
- package/dist/main.css +1 -1
- package/dist/main.es.js +10078 -10071
- package/dist/types/colors/all-colors.d.ts +2 -1
- package/dist/types/colors/colors.helpers.d.ts +2 -1
- package/dist/types/colors/colors.store.d.ts +45 -0
- package/dist/types/colors/colors.types.d.ts +9 -4
- package/dist/types/colors/index.d.ts +1 -0
- package/dist/types/components/form/inputs/PgaColorSelector.vue.d.ts +2 -2
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { AppColorThemes, AppColorProps, AppColorInformatives, AppColors } from './colors.types';
|
|
1
|
+
import { AppColorThemes, AppColorProps, AppColorInformatives, AppColorSelectors, AppColors } from './colors.types';
|
|
2
2
|
|
|
3
3
|
export declare const allColorThemes: AppColorThemes;
|
|
4
4
|
export declare const allColorProps: AppColorProps;
|
|
5
5
|
export declare const allColorInformatives: AppColorInformatives;
|
|
6
|
+
export declare const allColorSelectors: AppColorSelectors;
|
|
6
7
|
export declare const allColors: AppColors;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ColorHex } from '../types/color';
|
|
2
|
-
import { AppColor, AppColorType } from './colors.types';
|
|
2
|
+
import { AppColor, AppColorSelector, AppColorType } from './colors.types';
|
|
3
3
|
|
|
4
4
|
export declare function getColorType(color: AppColor): AppColorType;
|
|
5
5
|
export declare function setColorsVariable(colorName: string, color: ColorHex): void;
|
|
6
|
+
export declare function getRandomColorSelector(): AppColorSelector;
|
|
@@ -74,6 +74,21 @@ export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors
|
|
|
74
74
|
info: `#${string}`;
|
|
75
75
|
error: `#${string}`;
|
|
76
76
|
overlay: `#${string}`;
|
|
77
|
+
coralPink: `#${string}`;
|
|
78
|
+
warmOrange: `#${string}`;
|
|
79
|
+
mandarinOrange: `#${string}`;
|
|
80
|
+
cornYellow: `#${string}`;
|
|
81
|
+
oliveGreen: `#${string}`;
|
|
82
|
+
pistachioGreen: `#${string}`;
|
|
83
|
+
aquaMarine: `#${string}`;
|
|
84
|
+
polarMint: `#${string}`;
|
|
85
|
+
arcticBlue: `#${string}`;
|
|
86
|
+
ceruleanBlue: `#${string}`;
|
|
87
|
+
cobaltBlue: `#${string}`;
|
|
88
|
+
smokyGray: `#${string}`;
|
|
89
|
+
ashGray: `#${string}`;
|
|
90
|
+
softMauve: `#${string}`;
|
|
91
|
+
orchidPurple: `#${string}`;
|
|
77
92
|
}>;
|
|
78
93
|
}, "colors">>, Pick<{
|
|
79
94
|
colors: import('vue').Ref<{
|
|
@@ -149,6 +164,21 @@ export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors
|
|
|
149
164
|
info: `#${string}`;
|
|
150
165
|
error: `#${string}`;
|
|
151
166
|
overlay: `#${string}`;
|
|
167
|
+
coralPink: `#${string}`;
|
|
168
|
+
warmOrange: `#${string}`;
|
|
169
|
+
mandarinOrange: `#${string}`;
|
|
170
|
+
cornYellow: `#${string}`;
|
|
171
|
+
oliveGreen: `#${string}`;
|
|
172
|
+
pistachioGreen: `#${string}`;
|
|
173
|
+
aquaMarine: `#${string}`;
|
|
174
|
+
polarMint: `#${string}`;
|
|
175
|
+
arcticBlue: `#${string}`;
|
|
176
|
+
ceruleanBlue: `#${string}`;
|
|
177
|
+
cobaltBlue: `#${string}`;
|
|
178
|
+
smokyGray: `#${string}`;
|
|
179
|
+
ashGray: `#${string}`;
|
|
180
|
+
softMauve: `#${string}`;
|
|
181
|
+
orchidPurple: `#${string}`;
|
|
152
182
|
}>;
|
|
153
183
|
}, never>, Pick<{
|
|
154
184
|
colors: import('vue').Ref<{
|
|
@@ -224,6 +254,21 @@ export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors
|
|
|
224
254
|
info: `#${string}`;
|
|
225
255
|
error: `#${string}`;
|
|
226
256
|
overlay: `#${string}`;
|
|
257
|
+
coralPink: `#${string}`;
|
|
258
|
+
warmOrange: `#${string}`;
|
|
259
|
+
mandarinOrange: `#${string}`;
|
|
260
|
+
cornYellow: `#${string}`;
|
|
261
|
+
oliveGreen: `#${string}`;
|
|
262
|
+
pistachioGreen: `#${string}`;
|
|
263
|
+
aquaMarine: `#${string}`;
|
|
264
|
+
polarMint: `#${string}`;
|
|
265
|
+
arcticBlue: `#${string}`;
|
|
266
|
+
ceruleanBlue: `#${string}`;
|
|
267
|
+
cobaltBlue: `#${string}`;
|
|
268
|
+
smokyGray: `#${string}`;
|
|
269
|
+
ashGray: `#${string}`;
|
|
270
|
+
softMauve: `#${string}`;
|
|
271
|
+
orchidPurple: `#${string}`;
|
|
227
272
|
}>;
|
|
228
273
|
}, never>>;
|
|
229
274
|
export declare function setColor(colorName: AppColorName, newColor: AppColor): void;
|
|
@@ -3,7 +3,8 @@ import { ColorHex } from '../types/color';
|
|
|
3
3
|
export type AppColorNameTheme = 'text-first' | 'text-second' | 'text-third' | 'background-first' | 'background-second' | 'background-third';
|
|
4
4
|
export type AppColorNameProp = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'grey' | 'red' | 'purple' | 'sky' | 'aqua' | 'beige';
|
|
5
5
|
export type AppColorNameInformative = 'info' | 'link' | 'error' | 'overlay';
|
|
6
|
-
export type
|
|
6
|
+
export type AppColorNameSelector = 'coralPink' | 'warmOrange' | 'mandarinOrange' | 'cornYellow' | 'oliveGreen' | 'pistachioGreen' | 'aquaMarine' | 'polarMint' | 'arcticBlue' | 'ceruleanBlue' | 'cobaltBlue' | 'smokyGray' | 'ashGray' | 'softMauve' | 'orchidPurple';
|
|
7
|
+
export type AppColorName = AppColorNameTheme | AppColorNameProp | AppColorNameInformative | AppColorNameSelector;
|
|
7
8
|
export type AppColorTheme = {
|
|
8
9
|
light: ColorHex;
|
|
9
10
|
dark: ColorHex;
|
|
@@ -13,7 +14,8 @@ export type AppColorProp = {
|
|
|
13
14
|
contrast: ColorHex;
|
|
14
15
|
};
|
|
15
16
|
export type AppColorInformative = ColorHex;
|
|
16
|
-
export type
|
|
17
|
+
export type AppColorSelector = ColorHex;
|
|
18
|
+
export type AppColor = AppColorTheme | AppColorProp | AppColorInformative | AppColorSelector;
|
|
17
19
|
export type AppColorThemes = {
|
|
18
20
|
[K in AppColorNameTheme]: AppColorTheme;
|
|
19
21
|
};
|
|
@@ -23,5 +25,8 @@ export type AppColorProps = {
|
|
|
23
25
|
export type AppColorInformatives = {
|
|
24
26
|
[K in AppColorNameInformative]: AppColorInformative;
|
|
25
27
|
};
|
|
26
|
-
export type
|
|
27
|
-
|
|
28
|
+
export type AppColorSelectors = {
|
|
29
|
+
[K in AppColorNameSelector]: AppColorSelector;
|
|
30
|
+
};
|
|
31
|
+
export type AppColors = AppColorThemes & AppColorProps & AppColorInformatives & AppColorSelectors;
|
|
32
|
+
export type AppColorType = 'theme' | 'prop' | 'informative' | 'selector';
|
|
@@ -3,7 +3,7 @@ import { InputError } from '../../../types';
|
|
|
3
3
|
declare const _default: import('vue').DefineComponent<{
|
|
4
4
|
modelValue: {
|
|
5
5
|
required: true;
|
|
6
|
-
type: import('vue').PropType
|
|
6
|
+
type: import('vue').PropType<`#${string}`>;
|
|
7
7
|
};
|
|
8
8
|
label: {
|
|
9
9
|
type: import('vue').PropType<string>;
|
|
@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
26
26
|
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
27
27
|
modelValue: {
|
|
28
28
|
required: true;
|
|
29
|
-
type: import('vue').PropType
|
|
29
|
+
type: import('vue').PropType<`#${string}`>;
|
|
30
30
|
};
|
|
31
31
|
label: {
|
|
32
32
|
type: import('vue').PropType<string>;
|