@cloud-ru/uikit-product-utils 8.1.1-preview-b95fca4e.0 → 8.1.1-preview-5a4e40be.0

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 (12) hide show
  1. package/dist/cjs/components/ForThemeMode/hooks.js +2 -2
  2. package/dist/cjs/hooks/useConfig.js +8 -3
  3. package/dist/cjs/types/theme.d.ts +5 -1
  4. package/dist/cjs/types/theme.js +4 -0
  5. package/dist/esm/components/ForThemeMode/hooks.js +2 -2
  6. package/dist/esm/hooks/useConfig.js +5 -0
  7. package/dist/esm/types/theme.d.ts +5 -1
  8. package/dist/esm/types/theme.js +4 -0
  9. package/package.json +6 -2
  10. package/src/components/ForThemeMode/hooks.ts +2 -2
  11. package/src/hooks/useConfig.ts +5 -0
  12. package/src/types/theme.ts +4 -0
package/dist/cjs/components/ForThemeMode/hooks.js CHANGED
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.useForThemeMode = useForThemeMode;
4
4
  const hooks_1 = require("../../hooks");
5
5
  const theme_1 = require("../../types/theme");
6
- const DARK_THEMES = [theme_1.Themes.GreenDark];
7
- const DARK_BRANDS = [theme_1.Brand.CloudDark, theme_1.Brand.SiteDark, theme_1.Brand.GigaIdDark];
6
+ const DARK_THEMES = [theme_1.Themes.GreenDark, theme_1.Themes.PurpleDark];
7
+ const DARK_BRANDS = [theme_1.Brand.CloudDark, theme_1.Brand.GitverseDark, theme_1.Brand.SiteDark, theme_1.Brand.GigaIdDark];
8
8
  function useForThemeMode({ light, dark }) {
9
9
  const { theme } = (0, hooks_1.useTheme)();
10
10
  const { brand } = (0, hooks_1.useBrand)();
package/dist/cjs/hooks/useConfig.js CHANGED
@@ -7,7 +7,8 @@ exports.useConfig = useConfig;
7
7
  const react_1 = require("react");
8
8
  const brand_module_css_1 = __importDefault(require("@cloud-ru/figma-tokens-cloud-platform/build/css/brand.module.css"));
9
9
  const brand_module_css_2 = __importDefault(require("@cloud-ru/figma-tokens-giga-id/build/css/brand.module.css"));
10
- const brand_module_css_3 = __importDefault(require("@cloud-ru/figma-tokens-web/build/css/brand.module.css"));
10
+ const brand_module_css_3 = __importDefault(require("@cloud-ru/figma-tokens-gitverse/build/css/brand.module.css"));
11
+ const brand_module_css_4 = __importDefault(require("@cloud-ru/figma-tokens-web/build/css/brand.module.css"));
11
12
  const utils_1 = require("@snack-uikit/utils");
12
13
  const environment_1 = require("../constants/environment");
13
14
  const tryParseJson_1 = require("../helpers/tryParseJson");
@@ -16,12 +17,16 @@ const getCustomStore_1 = require("./private/getCustomStore");
16
17
  const themeMap = {
17
18
  [types_1.Themes.Green]: brand_module_css_1.default.light,
18
19
  [types_1.Themes.GreenDark]: brand_module_css_1.default.dark,
20
+ [types_1.Themes.Purple]: brand_module_css_3.default.light,
21
+ [types_1.Themes.PurpleDark]: brand_module_css_3.default.dark,
19
22
  };
20
23
  const brandMap = {
21
24
  [types_1.Brand.Cloud]: brand_module_css_1.default.light,
22
25
  [types_1.Brand.CloudDark]: brand_module_css_1.default.dark,
23
- [types_1.Brand.Site]: brand_module_css_3.default.light,
24
- [types_1.Brand.SiteDark]: brand_module_css_3.default.dark,
26
+ [types_1.Brand.Gitverse]: brand_module_css_3.default.light,
27
+ [types_1.Brand.GitverseDark]: brand_module_css_3.default.dark,
28
+ [types_1.Brand.Site]: brand_module_css_4.default.light,
29
+ [types_1.Brand.SiteDark]: brand_module_css_4.default.dark,
25
30
  [types_1.Brand.GigaId]: brand_module_css_2.default.light,
26
31
  [types_1.Brand.GigaIdDark]: brand_module_css_2.default.dark,
27
32
  };
package/dist/cjs/types/theme.d.ts CHANGED
@@ -1,10 +1,14 @@
1
1
  export declare enum Themes {
2
2
  Green = "green",
3
- GreenDark = "greenDark"
3
+ GreenDark = "greenDark",
4
+ Purple = "purple",
5
+ PurpleDark = "purpleDark"
4
6
  }
5
7
  export declare enum Brand {
6
8
  Cloud = "Cloud",
7
9
  CloudDark = "CloudDark",
10
+ Gitverse = "Gitverse",
11
+ GitverseDark = "GitverseDark",
8
12
  Site = "Site",
9
13
  SiteDark = "SiteDark",
10
14
  GigaId = "GigaId",
package/dist/cjs/types/theme.js CHANGED
@@ -5,11 +5,15 @@ var Themes;
5
5
  (function (Themes) {
6
6
  Themes["Green"] = "green";
7
7
  Themes["GreenDark"] = "greenDark";
8
+ Themes["Purple"] = "purple";
9
+ Themes["PurpleDark"] = "purpleDark";
8
10
  })(Themes || (exports.Themes = Themes = {}));
9
11
  var Brand;
10
12
  (function (Brand) {
11
13
  Brand["Cloud"] = "Cloud";
12
14
  Brand["CloudDark"] = "CloudDark";
15
+ Brand["Gitverse"] = "Gitverse";
16
+ Brand["GitverseDark"] = "GitverseDark";
13
17
  Brand["Site"] = "Site";
14
18
  Brand["SiteDark"] = "SiteDark";
15
19
  Brand["GigaId"] = "GigaId";
package/dist/esm/components/ForThemeMode/hooks.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { useBrand, useTheme } from '../../hooks';
2
2
  import { Brand, Themes } from '../../types/theme';
3
- const DARK_THEMES = [Themes.GreenDark];
4
- const DARK_BRANDS = [Brand.CloudDark, Brand.SiteDark, Brand.GigaIdDark];
3
+ const DARK_THEMES = [Themes.GreenDark, Themes.PurpleDark];
4
+ const DARK_BRANDS = [Brand.CloudDark, Brand.GitverseDark, Brand.SiteDark, Brand.GigaIdDark];
5
5
  export function useForThemeMode({ light, dark }) {
6
6
  const { theme } = useTheme();
7
7
  const { brand } = useBrand();
package/dist/esm/hooks/useConfig.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { useCallback, useEffect, useRef, useState } from 'react';
2
2
  import CloudBrandThemes from '@cloud-ru/figma-tokens-cloud-platform/build/css/brand.module.css';
3
3
  import GigaIdBrandThemes from '@cloud-ru/figma-tokens-giga-id/build/css/brand.module.css';
4
+ import GitverseBrandThemes from '@cloud-ru/figma-tokens-gitverse/build/css/brand.module.css';
4
5
  import SiteBrandThemes from '@cloud-ru/figma-tokens-web/build/css/brand.module.css';
5
6
  import { isBrowser, useLayoutEffect } from '@snack-uikit/utils';
6
7
  import { POST_MESSAGE_KEY } from '../constants/environment';
@@ -10,10 +11,14 @@ import { getCustomStore } from './private/getCustomStore';
10
11
  const themeMap = {
11
12
  [Themes.Green]: CloudBrandThemes.light,
12
13
  [Themes.GreenDark]: CloudBrandThemes.dark,
14
+ [Themes.Purple]: GitverseBrandThemes.light,
15
+ [Themes.PurpleDark]: GitverseBrandThemes.dark,
13
16
  };
14
17
  const brandMap = {
15
18
  [Brand.Cloud]: CloudBrandThemes.light,
16
19
  [Brand.CloudDark]: CloudBrandThemes.dark,
20
+ [Brand.Gitverse]: GitverseBrandThemes.light,
21
+ [Brand.GitverseDark]: GitverseBrandThemes.dark,
17
22
  [Brand.Site]: SiteBrandThemes.light,
18
23
  [Brand.SiteDark]: SiteBrandThemes.dark,
19
24
  [Brand.GigaId]: GigaIdBrandThemes.light,
package/dist/esm/types/theme.d.ts CHANGED
@@ -1,10 +1,14 @@
1
1
  export declare enum Themes {
2
2
  Green = "green",
3
- GreenDark = "greenDark"
3
+ GreenDark = "greenDark",
4
+ Purple = "purple",
5
+ PurpleDark = "purpleDark"
4
6
  }
5
7
  export declare enum Brand {
6
8
  Cloud = "Cloud",
7
9
  CloudDark = "CloudDark",
10
+ Gitverse = "Gitverse",
11
+ GitverseDark = "GitverseDark",
8
12
  Site = "Site",
9
13
  SiteDark = "SiteDark",
10
14
  GigaId = "GigaId",
package/dist/esm/types/theme.js CHANGED
@@ -2,11 +2,15 @@ export var Themes;
2
2
  (function (Themes) {
3
3
  Themes["Green"] = "green";
4
4
  Themes["GreenDark"] = "greenDark";
5
+ Themes["Purple"] = "purple";
6
+ Themes["PurpleDark"] = "purpleDark";
5
7
  })(Themes || (Themes = {}));
6
8
  export var Brand;
7
9
  (function (Brand) {
8
10
  Brand["Cloud"] = "Cloud";
9
11
  Brand["CloudDark"] = "CloudDark";
12
+ Brand["Gitverse"] = "Gitverse";
13
+ Brand["GitverseDark"] = "GitverseDark";
10
14
  Brand["Site"] = "Site";
11
15
  Brand["SiteDark"] = "SiteDark";
12
16
  Brand["GigaId"] = "GigaId";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloud-ru/uikit-product-utils",
3
3
  "title": "Utils",
4
- "version": "8.1.1-preview-b95fca4e.0",
4
+ "version": "8.1.1-preview-5a4e40be.0",
5
5
  "sideEffects": [
6
6
  "*.css",
7
7
  "*.woff",
@@ -62,6 +62,7 @@
62
62
  "peerDependencies": {
63
63
  "@cloud-ru/figma-tokens-cloud-platform": "*",
64
64
  "@cloud-ru/figma-tokens-giga-id": "*",
65
+ "@cloud-ru/figma-tokens-gitverse": "*",
65
66
  "@cloud-ru/figma-tokens-web": "*",
66
67
  "@snack-uikit/figma-tokens": "*"
67
68
  },
@@ -72,9 +73,12 @@
72
73
  "@cloud-ru/figma-tokens-giga-id": {
73
74
  "optional": true
74
75
  },
76
+ "@cloud-ru/figma-tokens-gitverse": {
77
+ "optional": true
78
+ },
75
79
  "@cloud-ru/figma-tokens-web": {
76
80
  "optional": true
77
81
  }
78
82
  },
79
- "gitHead": "5e59d6341e92ce7320739df54ab7e6f6d0a7aa26"
83
+ "gitHead": "bc72ce69657450329d86159fd3cfcea0cb823aca"
80
84
  }
package/src/components/ForThemeMode/hooks.ts CHANGED
@@ -6,8 +6,8 @@ type UseForThemeModeParams<L, D> = {
6
6
  dark: D;
7
7
  };
8
8
 
9
- const DARK_THEMES = [Themes.GreenDark];
10
- const DARK_BRANDS = [Brand.CloudDark, Brand.SiteDark, Brand.GigaIdDark];
9
+ const DARK_THEMES = [Themes.GreenDark, Themes.PurpleDark];
10
+ const DARK_BRANDS = [Brand.CloudDark, Brand.GitverseDark, Brand.SiteDark, Brand.GigaIdDark];
11
11
 
12
12
  export function useForThemeMode<L, D>({ light, dark }: UseForThemeModeParams<L, D>): L | D {
13
13
  const { theme } = useTheme();
package/src/hooks/useConfig.ts CHANGED
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
2
2
 
3
3
  import CloudBrandThemes from '@cloud-ru/figma-tokens-cloud-platform/build/css/brand.module.css';
4
4
  import GigaIdBrandThemes from '@cloud-ru/figma-tokens-giga-id/build/css/brand.module.css';
5
+ import GitverseBrandThemes from '@cloud-ru/figma-tokens-gitverse/build/css/brand.module.css';
5
6
  import SiteBrandThemes from '@cloud-ru/figma-tokens-web/build/css/brand.module.css';
6
7
  import { isBrowser, useLayoutEffect } from '@snack-uikit/utils';
7
8
 
@@ -19,11 +20,15 @@ type UseConfigProps = {
19
20
  const themeMap = {
20
21
  [Themes.Green]: CloudBrandThemes.light,
21
22
  [Themes.GreenDark]: CloudBrandThemes.dark,
23
+ [Themes.Purple]: GitverseBrandThemes.light,
24
+ [Themes.PurpleDark]: GitverseBrandThemes.dark,
22
25
  };
23
26
 
24
27
  const brandMap = {
25
28
  [Brand.Cloud]: CloudBrandThemes.light,
26
29
  [Brand.CloudDark]: CloudBrandThemes.dark,
30
+ [Brand.Gitverse]: GitverseBrandThemes.light,
31
+ [Brand.GitverseDark]: GitverseBrandThemes.dark,
27
32
  [Brand.Site]: SiteBrandThemes.light,
28
33
  [Brand.SiteDark]: SiteBrandThemes.dark,
29
34
  [Brand.GigaId]: GigaIdBrandThemes.light,
package/src/types/theme.ts CHANGED
@@ -1,11 +1,15 @@
1
1
  export enum Themes {
2
2
  Green = 'green',
3
3
  GreenDark = 'greenDark',
4
+ Purple = 'purple',
5
+ PurpleDark = 'purpleDark',
4
6
  }
5
7
 
6
8
  export enum Brand {
7
9
  Cloud = 'Cloud',
8
10
  CloudDark = 'CloudDark',
11
+ Gitverse = 'Gitverse',
12
+ GitverseDark = 'GitverseDark',
9
13
  Site = 'Site',
10
14
  SiteDark = 'SiteDark',
11
15
  GigaId = 'GigaId',