@qrvey/utils 1.12.0-28 → 1.12.0-29

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.
Files changed (17) hide show
  1. package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts +2 -2
  2. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts +1 -1
  3. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js +9 -9
  4. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts +1 -1
  5. package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js +9 -9
  6. package/dist/cjs/themes/constants/GLOBAL_CSS_VARIABLES.d.ts +9 -9
  7. package/dist/cjs/themes/constants/GLOBAL_CSS_VARIABLES.js +9 -9
  8. package/dist/cjs/themes/helpers/getCSSVariablesByDestination.d.ts +7 -2
  9. package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts +2 -2
  10. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts +1 -1
  11. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js +9 -9
  12. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts +1 -1
  13. package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js +9 -9
  14. package/dist/themes/constants/GLOBAL_CSS_VARIABLES.d.ts +9 -9
  15. package/dist/themes/constants/GLOBAL_CSS_VARIABLES.js +9 -9
  16. package/dist/themes/helpers/getCSSVariablesByDestination.d.ts +7 -2
  17. package/package.json +1 -1
package/dist/cjs/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  export declare const AUTOMATIC_CANVAS_CSS_VARIABLES: {
5
5
  GLOBAL: {
6
6
  DARK: {
7
- "--qv-global-opacity-white-color": string;
7
+ "--qv-global-header-background-color": string;
8
8
  "--qv-global-opacity-black-color": string;
9
9
  "--qv-global-border-color": string;
10
10
  "--qv-global-divider-color": string;
@@ -16,7 +16,7 @@ export declare const AUTOMATIC_CANVAS_CSS_VARIABLES: {
16
16
  "--qv-global-text-tertiary-color": string;
17
17
  };
18
18
  LIGHT: {
19
- "--qv-global-opacity-white-color": string;
19
+ "--qv-global-header-background-color": string;
20
20
  "--qv-global-opacity-black-color": string;
21
21
  "--qv-global-border-color": string;
22
22
  "--qv-global-divider-color": string;
package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Collection of CSS Variables for Dark Theme and its assigned values.
3
3
  */
4
4
  export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK: {
5
- "--qv-global-opacity-white-color": string;
5
+ "--qv-global-header-background-color": string;
6
6
  "--qv-global-opacity-black-color": string;
7
7
  "--qv-global-border-color": string;
8
8
  "--qv-global-divider-color": string;
package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js CHANGED
@@ -6,14 +6,14 @@ const GLOBAL_CSS_VARIABLES_1 = require("./GLOBAL_CSS_VARIABLES");
6
6
  * Collection of CSS Variables for Dark Theme and its assigned values.
7
7
  */
8
8
  exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK = {
9
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_WHITE_COLOR]: "#FFFFFF20",
9
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#FFFFFF20",
10
10
  [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#00000010",
11
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER]: "#FFFFFF20",
12
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER]: "#FFFFFF20",
13
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER]: "#FFFFFF10",
14
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER]: "#FFFFFF90",
15
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS]: "#00000020",
16
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT]: "#FFFFFF",
17
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY]: "#FFFFFF90",
18
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY]: "#FFFFFF80",
11
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#FFFFFF20",
12
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#FFFFFF20",
13
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#FFFFFF10",
14
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#FFFFFF90",
15
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#00000020",
16
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_COLOR]: "#FFFFFF",
17
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#FFFFFF90",
18
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#FFFFFF80",
19
19
  };
package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Collection of CSS Variables for Light Themes and its assigned values.
3
3
  */
4
4
  export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT: {
5
- "--qv-global-opacity-white-color": string;
5
+ "--qv-global-header-background-color": string;
6
6
  "--qv-global-opacity-black-color": string;
7
7
  "--qv-global-border-color": string;
8
8
  "--qv-global-divider-color": string;
package/dist/cjs/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js CHANGED
@@ -6,14 +6,14 @@ const GLOBAL_CSS_VARIABLES_1 = require("./GLOBAL_CSS_VARIABLES");
6
6
  * Collection of CSS Variables for Light Themes and its assigned values.
7
7
  */
8
8
  exports.AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = {
9
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_WHITE_COLOR]: "#00000020",
9
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#00000009",
10
10
  [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#FFFFFF10",
11
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER]: "#00000020",
12
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER]: "#00000020",
13
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER]: "#00000010",
14
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER]: "#00000070",
15
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS]: "#FFFFFF40",
16
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT]: undefined,
17
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY]: "#00000080",
18
- [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY]: "#00000070",
11
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#00000020",
12
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#00000020",
13
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#00000010",
14
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#00000070",
15
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#FFFFFF40",
16
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_COLOR]: undefined,
17
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#00000080",
18
+ [GLOBAL_CSS_VARIABLES_1.GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#00000070",
19
19
  };
package/dist/cjs/themes/constants/GLOBAL_CSS_VARIABLES.d.ts CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  export declare enum GLOBAL_CSS_VARIABLES {
5
5
  BACKGROUND_OPACITY_BLACK_COLOR = "--qv-global-opacity-black-color",
6
- BACKGROUND_OPACITY_WHITE_COLOR = "--qv-global-opacity-white-color",
7
- BORDER = "--qv-global-border-color",
8
- DIVIDER = "--qv-global-divider-color",
9
- HOVER = "--qv-global-hover-color",
10
- PLACEHOLDER = "--qv-global-placeholder-color",
11
- PILLS = "--qv-pills-background-color",
12
- TEXT = "--qv-global-text-color",
13
- TEXT_SECONDARY = "--qv-global-text-secondary-color",
14
- TEXT_TERTIARY = "--qv-global-text-tertiary-color"
6
+ HEADER_BACKGROUND_COLOR = "--qv-global-header-background-color",
7
+ BORDER_COLOR = "--qv-global-border-color",
8
+ DIVIDER_COLOR = "--qv-global-divider-color",
9
+ HOVER_COLOR = "--qv-global-hover-color",
10
+ PLACEHOLDER_COLOR = "--qv-global-placeholder-color",
11
+ PILLS_BACKGROUND_COLOR = "--qv-pills-background-color",
12
+ TEXT_COLOR = "--qv-global-text-color",
13
+ TEXT_SECONDARY_COLOR = "--qv-global-text-secondary-color",
14
+ TEXT_TERTIARY_COLOR = "--qv-global-text-tertiary-color"
15
15
  }
package/dist/cjs/themes/constants/GLOBAL_CSS_VARIABLES.js CHANGED
@@ -7,13 +7,13 @@ exports.GLOBAL_CSS_VARIABLES = void 0;
7
7
  var GLOBAL_CSS_VARIABLES;
8
8
  (function (GLOBAL_CSS_VARIABLES) {
9
9
  GLOBAL_CSS_VARIABLES["BACKGROUND_OPACITY_BLACK_COLOR"] = "--qv-global-opacity-black-color";
10
- GLOBAL_CSS_VARIABLES["BACKGROUND_OPACITY_WHITE_COLOR"] = "--qv-global-opacity-white-color";
11
- GLOBAL_CSS_VARIABLES["BORDER"] = "--qv-global-border-color";
12
- GLOBAL_CSS_VARIABLES["DIVIDER"] = "--qv-global-divider-color";
13
- GLOBAL_CSS_VARIABLES["HOVER"] = "--qv-global-hover-color";
14
- GLOBAL_CSS_VARIABLES["PLACEHOLDER"] = "--qv-global-placeholder-color";
15
- GLOBAL_CSS_VARIABLES["PILLS"] = "--qv-pills-background-color";
16
- GLOBAL_CSS_VARIABLES["TEXT"] = "--qv-global-text-color";
17
- GLOBAL_CSS_VARIABLES["TEXT_SECONDARY"] = "--qv-global-text-secondary-color";
18
- GLOBAL_CSS_VARIABLES["TEXT_TERTIARY"] = "--qv-global-text-tertiary-color";
10
+ GLOBAL_CSS_VARIABLES["HEADER_BACKGROUND_COLOR"] = "--qv-global-header-background-color";
11
+ GLOBAL_CSS_VARIABLES["BORDER_COLOR"] = "--qv-global-border-color";
12
+ GLOBAL_CSS_VARIABLES["DIVIDER_COLOR"] = "--qv-global-divider-color";
13
+ GLOBAL_CSS_VARIABLES["HOVER_COLOR"] = "--qv-global-hover-color";
14
+ GLOBAL_CSS_VARIABLES["PLACEHOLDER_COLOR"] = "--qv-global-placeholder-color";
15
+ GLOBAL_CSS_VARIABLES["PILLS_BACKGROUND_COLOR"] = "--qv-pills-background-color";
16
+ GLOBAL_CSS_VARIABLES["TEXT_COLOR"] = "--qv-global-text-color";
17
+ GLOBAL_CSS_VARIABLES["TEXT_SECONDARY_COLOR"] = "--qv-global-text-secondary-color";
18
+ GLOBAL_CSS_VARIABLES["TEXT_TERTIARY_COLOR"] = "--qv-global-text-tertiary-color";
19
19
  })(GLOBAL_CSS_VARIABLES || (exports.GLOBAL_CSS_VARIABLES = GLOBAL_CSS_VARIABLES = {}));
package/dist/cjs/themes/helpers/getCSSVariablesByDestination.d.ts CHANGED
@@ -7,7 +7,12 @@ import { IColorCSSVariableDestination } from "../interfaces/IColorCSSVariableDes
7
7
  */
8
8
  export declare function getCSSVariablesByDestination(destination?: IColorCSSVariableDestination): {
9
9
  DARK: {
10
- "--qv-global-opacity-white-color": string;
10
+ "--qv-global-header-background-color": string; /**
11
+ * Gets CSS variables depending on the destination of them.
12
+ * - Destination is the place where the CSS variables are going to be applied. With this, the right CSS variables are searched and set.
13
+ * @param destination the string of the destination.
14
+ * @returns the CSS variables and their values.
15
+ */
11
16
  "--qv-global-opacity-black-color": string;
12
17
  "--qv-global-border-color": string;
13
18
  "--qv-global-divider-color": string;
@@ -19,7 +24,7 @@ export declare function getCSSVariablesByDestination(destination?: IColorCSSVari
19
24
  "--qv-global-text-tertiary-color": string;
20
25
  };
21
26
  LIGHT: {
22
- "--qv-global-opacity-white-color": string;
27
+ "--qv-global-header-background-color": string;
23
28
  "--qv-global-opacity-black-color": string;
24
29
  "--qv-global-border-color": string;
25
30
  "--qv-global-divider-color": string;
package/dist/themes/constants/AUTOMATIC_CSS_VARIABLES.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  export declare const AUTOMATIC_CANVAS_CSS_VARIABLES: {
5
5
  GLOBAL: {
6
6
  DARK: {
7
- "--qv-global-opacity-white-color": string;
7
+ "--qv-global-header-background-color": string;
8
8
  "--qv-global-opacity-black-color": string;
9
9
  "--qv-global-border-color": string;
10
10
  "--qv-global-divider-color": string;
@@ -16,7 +16,7 @@ export declare const AUTOMATIC_CANVAS_CSS_VARIABLES: {
16
16
  "--qv-global-text-tertiary-color": string;
17
17
  };
18
18
  LIGHT: {
19
- "--qv-global-opacity-white-color": string;
19
+ "--qv-global-header-background-color": string;
20
20
  "--qv-global-opacity-black-color": string;
21
21
  "--qv-global-border-color": string;
22
22
  "--qv-global-divider-color": string;
package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Collection of CSS Variables for Dark Theme and its assigned values.
3
3
  */
4
4
  export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK: {
5
- "--qv-global-opacity-white-color": string;
5
+ "--qv-global-header-background-color": string;
6
6
  "--qv-global-opacity-black-color": string;
7
7
  "--qv-global-border-color": string;
8
8
  "--qv-global-divider-color": string;
package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK.js CHANGED
@@ -3,14 +3,14 @@ import { GLOBAL_CSS_VARIABLES } from "./GLOBAL_CSS_VARIABLES";
3
3
  * Collection of CSS Variables for Dark Theme and its assigned values.
4
4
  */
5
5
  export const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_DARK = {
6
- [GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_WHITE_COLOR]: "#FFFFFF20",
6
+ [GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#FFFFFF20",
7
7
  [GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#00000010",
8
- [GLOBAL_CSS_VARIABLES.BORDER]: "#FFFFFF20",
9
- [GLOBAL_CSS_VARIABLES.DIVIDER]: "#FFFFFF20",
10
- [GLOBAL_CSS_VARIABLES.HOVER]: "#FFFFFF10",
11
- [GLOBAL_CSS_VARIABLES.PLACEHOLDER]: "#FFFFFF90",
12
- [GLOBAL_CSS_VARIABLES.PILLS]: "#00000020",
13
- [GLOBAL_CSS_VARIABLES.TEXT]: "#FFFFFF",
14
- [GLOBAL_CSS_VARIABLES.TEXT_SECONDARY]: "#FFFFFF90",
15
- [GLOBAL_CSS_VARIABLES.TEXT_TERTIARY]: "#FFFFFF80",
8
+ [GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#FFFFFF20",
9
+ [GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#FFFFFF20",
10
+ [GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#FFFFFF10",
11
+ [GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#FFFFFF90",
12
+ [GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#00000020",
13
+ [GLOBAL_CSS_VARIABLES.TEXT_COLOR]: "#FFFFFF",
14
+ [GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#FFFFFF90",
15
+ [GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#FFFFFF80",
16
16
  };
package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Collection of CSS Variables for Light Themes and its assigned values.
3
3
  */
4
4
  export declare const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT: {
5
- "--qv-global-opacity-white-color": string;
5
+ "--qv-global-header-background-color": string;
6
6
  "--qv-global-opacity-black-color": string;
7
7
  "--qv-global-border-color": string;
8
8
  "--qv-global-divider-color": string;
package/dist/themes/constants/AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT.js CHANGED
@@ -3,14 +3,14 @@ import { GLOBAL_CSS_VARIABLES } from "./GLOBAL_CSS_VARIABLES";
3
3
  * Collection of CSS Variables for Light Themes and its assigned values.
4
4
  */
5
5
  export const AUTOMATIC_GLOBAL_CSS_VARIABLES_FOR_LIGHT = {
6
- [GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_WHITE_COLOR]: "#00000020",
6
+ [GLOBAL_CSS_VARIABLES.HEADER_BACKGROUND_COLOR]: "#00000009",
7
7
  [GLOBAL_CSS_VARIABLES.BACKGROUND_OPACITY_BLACK_COLOR]: "#FFFFFF10",
8
- [GLOBAL_CSS_VARIABLES.BORDER]: "#00000020",
9
- [GLOBAL_CSS_VARIABLES.DIVIDER]: "#00000020",
10
- [GLOBAL_CSS_VARIABLES.HOVER]: "#00000010",
11
- [GLOBAL_CSS_VARIABLES.PLACEHOLDER]: "#00000070",
12
- [GLOBAL_CSS_VARIABLES.PILLS]: "#FFFFFF40",
13
- [GLOBAL_CSS_VARIABLES.TEXT]: undefined,
14
- [GLOBAL_CSS_VARIABLES.TEXT_SECONDARY]: "#00000080",
15
- [GLOBAL_CSS_VARIABLES.TEXT_TERTIARY]: "#00000070",
8
+ [GLOBAL_CSS_VARIABLES.BORDER_COLOR]: "#00000020",
9
+ [GLOBAL_CSS_VARIABLES.DIVIDER_COLOR]: "#00000020",
10
+ [GLOBAL_CSS_VARIABLES.HOVER_COLOR]: "#00000010",
11
+ [GLOBAL_CSS_VARIABLES.PLACEHOLDER_COLOR]: "#00000070",
12
+ [GLOBAL_CSS_VARIABLES.PILLS_BACKGROUND_COLOR]: "#FFFFFF40",
13
+ [GLOBAL_CSS_VARIABLES.TEXT_COLOR]: undefined,
14
+ [GLOBAL_CSS_VARIABLES.TEXT_SECONDARY_COLOR]: "#00000080",
15
+ [GLOBAL_CSS_VARIABLES.TEXT_TERTIARY_COLOR]: "#00000070",
16
16
  };
package/dist/themes/constants/GLOBAL_CSS_VARIABLES.d.ts CHANGED
@@ -3,13 +3,13 @@
3
3
  */
4
4
  export declare enum GLOBAL_CSS_VARIABLES {
5
5
  BACKGROUND_OPACITY_BLACK_COLOR = "--qv-global-opacity-black-color",
6
- BACKGROUND_OPACITY_WHITE_COLOR = "--qv-global-opacity-white-color",
7
- BORDER = "--qv-global-border-color",
8
- DIVIDER = "--qv-global-divider-color",
9
- HOVER = "--qv-global-hover-color",
10
- PLACEHOLDER = "--qv-global-placeholder-color",
11
- PILLS = "--qv-pills-background-color",
12
- TEXT = "--qv-global-text-color",
13
- TEXT_SECONDARY = "--qv-global-text-secondary-color",
14
- TEXT_TERTIARY = "--qv-global-text-tertiary-color"
6
+ HEADER_BACKGROUND_COLOR = "--qv-global-header-background-color",
7
+ BORDER_COLOR = "--qv-global-border-color",
8
+ DIVIDER_COLOR = "--qv-global-divider-color",
9
+ HOVER_COLOR = "--qv-global-hover-color",
10
+ PLACEHOLDER_COLOR = "--qv-global-placeholder-color",
11
+ PILLS_BACKGROUND_COLOR = "--qv-pills-background-color",
12
+ TEXT_COLOR = "--qv-global-text-color",
13
+ TEXT_SECONDARY_COLOR = "--qv-global-text-secondary-color",
14
+ TEXT_TERTIARY_COLOR = "--qv-global-text-tertiary-color"
15
15
  }
package/dist/themes/constants/GLOBAL_CSS_VARIABLES.js CHANGED
@@ -4,13 +4,13 @@
4
4
  export var GLOBAL_CSS_VARIABLES;
5
5
  (function (GLOBAL_CSS_VARIABLES) {
6
6
  GLOBAL_CSS_VARIABLES["BACKGROUND_OPACITY_BLACK_COLOR"] = "--qv-global-opacity-black-color";
7
- GLOBAL_CSS_VARIABLES["BACKGROUND_OPACITY_WHITE_COLOR"] = "--qv-global-opacity-white-color";
8
- GLOBAL_CSS_VARIABLES["BORDER"] = "--qv-global-border-color";
9
- GLOBAL_CSS_VARIABLES["DIVIDER"] = "--qv-global-divider-color";
10
- GLOBAL_CSS_VARIABLES["HOVER"] = "--qv-global-hover-color";
11
- GLOBAL_CSS_VARIABLES["PLACEHOLDER"] = "--qv-global-placeholder-color";
12
- GLOBAL_CSS_VARIABLES["PILLS"] = "--qv-pills-background-color";
13
- GLOBAL_CSS_VARIABLES["TEXT"] = "--qv-global-text-color";
14
- GLOBAL_CSS_VARIABLES["TEXT_SECONDARY"] = "--qv-global-text-secondary-color";
15
- GLOBAL_CSS_VARIABLES["TEXT_TERTIARY"] = "--qv-global-text-tertiary-color";
7
+ GLOBAL_CSS_VARIABLES["HEADER_BACKGROUND_COLOR"] = "--qv-global-header-background-color";
8
+ GLOBAL_CSS_VARIABLES["BORDER_COLOR"] = "--qv-global-border-color";
9
+ GLOBAL_CSS_VARIABLES["DIVIDER_COLOR"] = "--qv-global-divider-color";
10
+ GLOBAL_CSS_VARIABLES["HOVER_COLOR"] = "--qv-global-hover-color";
11
+ GLOBAL_CSS_VARIABLES["PLACEHOLDER_COLOR"] = "--qv-global-placeholder-color";
12
+ GLOBAL_CSS_VARIABLES["PILLS_BACKGROUND_COLOR"] = "--qv-pills-background-color";
13
+ GLOBAL_CSS_VARIABLES["TEXT_COLOR"] = "--qv-global-text-color";
14
+ GLOBAL_CSS_VARIABLES["TEXT_SECONDARY_COLOR"] = "--qv-global-text-secondary-color";
15
+ GLOBAL_CSS_VARIABLES["TEXT_TERTIARY_COLOR"] = "--qv-global-text-tertiary-color";
16
16
  })(GLOBAL_CSS_VARIABLES || (GLOBAL_CSS_VARIABLES = {}));
package/dist/themes/helpers/getCSSVariablesByDestination.d.ts CHANGED
@@ -7,7 +7,12 @@ import { IColorCSSVariableDestination } from "../interfaces/IColorCSSVariableDes
7
7
  */
8
8
  export declare function getCSSVariablesByDestination(destination?: IColorCSSVariableDestination): {
9
9
  DARK: {
10
- "--qv-global-opacity-white-color": string;
10
+ "--qv-global-header-background-color": string; /**
11
+ * Gets CSS variables depending on the destination of them.
12
+ * - Destination is the place where the CSS variables are going to be applied. With this, the right CSS variables are searched and set.
13
+ * @param destination the string of the destination.
14
+ * @returns the CSS variables and their values.
15
+ */
11
16
  "--qv-global-opacity-black-color": string;
12
17
  "--qv-global-border-color": string;
13
18
  "--qv-global-divider-color": string;
@@ -19,7 +24,7 @@ export declare function getCSSVariablesByDestination(destination?: IColorCSSVari
19
24
  "--qv-global-text-tertiary-color": string;
20
25
  };
21
26
  LIGHT: {
22
- "--qv-global-opacity-white-color": string;
27
+ "--qv-global-header-background-color": string;
23
28
  "--qv-global-opacity-black-color": string;
24
29
  "--qv-global-border-color": string;
25
30
  "--qv-global-divider-color": string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qrvey/utils",
3
- "version": "1.12.0-28",
3
+ "version": "1.12.0-29",
4
4
  "description": "Helper, Utils for all Qrvey Projects",
5
5
  "homepage": "https://bitbucket.org/qrvey/qrvey_utils/wiki/Home",
6
6
  "main": "dist/index.js",