@sberbusiness/icons-next 1.8.0 → 1.8.1

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 (4) hide show
  1. package/ThemeProvider.d.ts +1 -0
  2. package/package.json +1 -1
  3. package/styles/icons.css +1 -1
  4. package/utils/getPathClassName.js +18 -18
package/ThemeProvider.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare enum EIconsTheme {
4
4
  DARK = "DARK"
5
5
  }
6
6
  interface IThemeProviderProps {
7
+ children?: React.ReactNode;
7
8
  theme: EIconsTheme;
8
9
  scopeRef?: RefObject<HTMLElement>;
9
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sberbusiness/icons-next",
3
- "version": "1.8.0",
3
+ "version": "1.8.1",
4
4
  "author": "СберБизнес",
5
5
  "description": "Иконки интернет-банка СберБизнес",
6
6
  "main": "./index.js",
package/styles/icons.css CHANGED
@@ -1 +1 @@
1
- ._w4kner { fill: #008985; } ._f1gigb { fill: #19BDB0; } ._ifajt2 { fill: #D10032; } ._8ni2ws { fill: #F80C45; } ._mlavl { fill: #EF4C01; } ._ear0qy { fill: #FF7A17; } ._1ybphhi { fill: #0E57CC; } ._1xe68bs { fill: #1297FE; } ._vevqcc { fill: #697591; } ._h89ref { fill: #95A3C1; } ._18zbzem { fill: #1F1F22; fill-opacity: .45; } ._45mz6c { fill: #FFFFFF; fill-opacity: .35; } ._a3u7lb { fill: #FFFFFF; fill-opacity: 1; } ._148g61m { fill: #FFFFFF; fill-opacity: 1; } ._15ekgnx { fill: #FFB13B; } ._by6acg { fill: #FFB13B; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._w4kner { fill: #21A19A; } .hoverable:hover ._f1gigb { fill: #4BD9CF; } .hoverable:hover ._ifajt2 { fill: #E60037; } .hoverable:hover ._8ni2ws { fill: #FF5571; } .hoverable:hover ._mlavl { fill: #EF4C01; } .hoverable:hover ._ear0qy { fill: #FF7A17; } .hoverable:hover ._1ybphhi { fill: #0E57CC; } .hoverable:hover ._1xe68bs { fill: #1297FE; } .hoverable:hover ._vevqcc { fill: #697591; } .hoverable:hover ._h89ref { fill: #95A3C1; } .hoverable:hover ._18zbzem { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._45mz6c { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._a3u7lb { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._148g61m { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._15ekgnx { fill: #FFB13B; } .hoverable:hover ._by6acg { fill: #FFB13B; } } .hoverable:not(:disabled):active ._w4kner, .hoverable.active ._w4kner { fill: #007777; } .hoverable:not(:disabled):active ._f1gigb, .hoverable.active ._f1gigb { fill: #008985; } .hoverable:not(:disabled):active ._ifajt2, .hoverable.active ._ifajt2 { fill: #BD002C; } .hoverable:not(:disabled):active ._8ni2ws, .hoverable.active ._8ni2ws { fill: #D10032; } .hoverable:not(:disabled):active ._mlavl, .hoverable.active ._mlavl { fill: #D10032; } .hoverable:not(:disabled):active ._ear0qy, .hoverable.active ._ear0qy { fill: #FF7A17; } .hoverable:not(:disabled):active ._1ybphhi, .hoverable.active ._1ybphhi { fill: #0E57CC; } .hoverable:not(:disabled):active ._1xe68bs, .hoverable.active ._1xe68bs { fill: #1297FE; } .hoverable:not(:disabled):active ._vevqcc, .hoverable.active ._vevqcc { fill: #697591; } .hoverable:not(:disabled):active ._h89ref, .hoverable.active ._h89ref { fill: #95A3C1; } .hoverable:not(:disabled):active ._18zbzem, .hoverable.active ._18zbzem { fill: #1F1F22; fill-opacity: 1; } .hoverable:not(:disabled):active ._45mz6c, .hoverable.active ._45mz6c { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._a3u7lb, .hoverable.active ._a3u7lb { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._148g61m, .hoverable.active ._148g61m { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._15ekgnx, .hoverable.active ._15ekgnx { fill: #FFB13B; } .hoverable:not(:disabled):active ._by6acg, .hoverable.active ._by6acg { fill: #FFB13B; } .hoverable:disabled ._w4kner, .hoverable.disabled ._w4kner { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._f1gigb, .hoverable.disabled ._f1gigb { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._ifajt2, .hoverable.disabled ._ifajt2 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._8ni2ws, .hoverable.disabled ._8ni2ws { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._mlavl, .hoverable.disabled ._mlavl { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._ear0qy, .hoverable.disabled ._ear0qy { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1ybphhi, .hoverable.disabled ._1ybphhi { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1xe68bs, .hoverable.disabled ._1xe68bs { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._vevqcc, .hoverable.disabled ._vevqcc { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._h89ref, .hoverable.disabled ._h89ref { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._18zbzem, .hoverable.disabled ._18zbzem { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._45mz6c, .hoverable.disabled ._45mz6c { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._a3u7lb, .hoverable.disabled ._a3u7lb { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._148g61m, .hoverable.disabled ._148g61m { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._15ekgnx, .hoverable.disabled ._15ekgnx { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._by6acg, .hoverable.disabled ._by6acg { fill: #FFFFFF; fill-opacity: .15; }
1
+ ._1c0h79 { fill: #008985; } ._i3adq5 { fill: #19BDB0; } ._et5qa8 { fill: #D10032; } ._swech6 { fill: #F80C45; } ._wjca13 { fill: #EF4C01; } ._j0tonw { fill: #FF7A17; } ._12eyonk { fill: #0E57CC; } ._135l8vy { fill: #1297FE; } ._1ptlze { fill: #697591; } ._kaf7mp { fill: #95A3C1; } ._1n4msmg { fill: #1F1F22; fill-opacity: .45; } ._xuh0qq { fill: #FFFFFF; fill-opacity: .35; } ._n59zeh { fill: #FFFFFF; fill-opacity: 1; } ._1rtls0c { fill: #FFFFFF; fill-opacity: 1; } ._1qrw4wb { fill: #FFB13B; } ._pjw4ty { fill: #FFB13B; } @media (hover: hover) and (pointer: fine), only screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .hoverable:hover ._1c0h79 { fill: #21A19A; } .hoverable:hover ._i3adq5 { fill: #4BD9CF; } .hoverable:hover ._et5qa8 { fill: #E60037; } .hoverable:hover ._swech6 { fill: #FF5571; } .hoverable:hover ._wjca13 { fill: #EF4C01; } .hoverable:hover ._j0tonw { fill: #FF7A17; } .hoverable:hover ._12eyonk { fill: #0E57CC; } .hoverable:hover ._135l8vy { fill: #1297FE; } .hoverable:hover ._1ptlze { fill: #697591; } .hoverable:hover ._kaf7mp { fill: #95A3C1; } .hoverable:hover ._1n4msmg { fill: #1F1F22; fill-opacity: 1; } .hoverable:hover ._xuh0qq { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._n59zeh { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._1rtls0c { fill: #FFFFFF; fill-opacity: 1; } .hoverable:hover ._1qrw4wb { fill: #FFB13B; } .hoverable:hover ._pjw4ty { fill: #FFB13B; } } .hoverable:not(:disabled):active ._1c0h79, .hoverable.active ._1c0h79 { fill: #007777; } .hoverable:not(:disabled):active ._i3adq5, .hoverable.active ._i3adq5 { fill: #008985; } .hoverable:not(:disabled):active ._et5qa8, .hoverable.active ._et5qa8 { fill: #BD002C; } .hoverable:not(:disabled):active ._swech6, .hoverable.active ._swech6 { fill: #D10032; } .hoverable:not(:disabled):active ._wjca13, .hoverable.active ._wjca13 { fill: #D10032; } .hoverable:not(:disabled):active ._j0tonw, .hoverable.active ._j0tonw { fill: #FF7A17; } .hoverable:not(:disabled):active ._12eyonk, .hoverable.active ._12eyonk { fill: #0E57CC; } .hoverable:not(:disabled):active ._135l8vy, .hoverable.active ._135l8vy { fill: #1297FE; } .hoverable:not(:disabled):active ._1ptlze, .hoverable.active ._1ptlze { fill: #697591; } .hoverable:not(:disabled):active ._kaf7mp, .hoverable.active ._kaf7mp { fill: #95A3C1; } .hoverable:not(:disabled):active ._1n4msmg, .hoverable.active ._1n4msmg { fill: #1F1F22; fill-opacity: 1; } .hoverable:not(:disabled):active ._xuh0qq, .hoverable.active ._xuh0qq { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._n59zeh, .hoverable.active ._n59zeh { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._1rtls0c, .hoverable.active ._1rtls0c { fill: #FFFFFF; fill-opacity: 1; } .hoverable:not(:disabled):active ._1qrw4wb, .hoverable.active ._1qrw4wb { fill: #FFB13B; } .hoverable:not(:disabled):active ._pjw4ty, .hoverable.active ._pjw4ty { fill: #FFB13B; } .hoverable:disabled ._1c0h79, .hoverable.disabled ._1c0h79 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._i3adq5, .hoverable.disabled ._i3adq5 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._et5qa8, .hoverable.disabled ._et5qa8 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._swech6, .hoverable.disabled ._swech6 { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._wjca13, .hoverable.disabled ._wjca13 { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._j0tonw, .hoverable.disabled ._j0tonw { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._12eyonk, .hoverable.disabled ._12eyonk { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._135l8vy, .hoverable.disabled ._135l8vy { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1ptlze, .hoverable.disabled ._1ptlze { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._kaf7mp, .hoverable.disabled ._kaf7mp { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1n4msmg, .hoverable.disabled ._1n4msmg { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._xuh0qq, .hoverable.disabled ._xuh0qq { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._n59zeh, .hoverable.disabled ._n59zeh { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._1rtls0c, .hoverable.disabled ._1rtls0c { fill: #FFFFFF; fill-opacity: .15; } .hoverable:disabled ._1qrw4wb, .hoverable.disabled ._1qrw4wb { fill: #1F1F22; fill-opacity: .15; } .hoverable:disabled ._pjw4ty, .hoverable.disabled ._pjw4ty { fill: #FFFFFF; fill-opacity: .15; }
package/utils/getPathClassName.js CHANGED
@@ -1,40 +1,40 @@
1
1
  import { EIconsTheme } from "../ThemeProvider";
2
2
  const themeToClassNamePalettes = [
3
3
  {
4
- [EIconsTheme.LIGHT]: "_w4kner",
5
- [EIconsTheme.DARK]: "_f1gigb",
4
+ [EIconsTheme.LIGHT]: "_1c0h79",
5
+ [EIconsTheme.DARK]: "_i3adq5",
6
6
  },
7
7
  {
8
- [EIconsTheme.LIGHT]: "_ifajt2",
9
- [EIconsTheme.DARK]: "_8ni2ws",
8
+ [EIconsTheme.LIGHT]: "_et5qa8",
9
+ [EIconsTheme.DARK]: "_swech6",
10
10
  },
11
11
  {
12
- [EIconsTheme.LIGHT]: "_mlavl",
13
- [EIconsTheme.DARK]: "_ear0qy",
12
+ [EIconsTheme.LIGHT]: "_wjca13",
13
+ [EIconsTheme.DARK]: "_j0tonw",
14
14
  },
15
15
  {
16
- [EIconsTheme.LIGHT]: "_1ybphhi",
17
- [EIconsTheme.DARK]: "_1xe68bs",
16
+ [EIconsTheme.LIGHT]: "_12eyonk",
17
+ [EIconsTheme.DARK]: "_135l8vy",
18
18
  },
19
19
  {
20
- [EIconsTheme.LIGHT]: "_vevqcc",
21
- [EIconsTheme.DARK]: "_h89ref",
20
+ [EIconsTheme.LIGHT]: "_1ptlze",
21
+ [EIconsTheme.DARK]: "_kaf7mp",
22
22
  },
23
23
  {
24
- [EIconsTheme.LIGHT]: "_18zbzem",
25
- [EIconsTheme.DARK]: "_45mz6c",
24
+ [EIconsTheme.LIGHT]: "_1n4msmg",
25
+ [EIconsTheme.DARK]: "_xuh0qq",
26
26
  },
27
27
  {
28
- [EIconsTheme.LIGHT]: "_45mz6c",
29
- [EIconsTheme.DARK]: "_18zbzem",
28
+ [EIconsTheme.LIGHT]: "_xuh0qq",
29
+ [EIconsTheme.DARK]: "_1n4msmg",
30
30
  },
31
31
  {
32
- [EIconsTheme.LIGHT]: "_a3u7lb",
33
- [EIconsTheme.DARK]: "_148g61m",
32
+ [EIconsTheme.LIGHT]: "_n59zeh",
33
+ [EIconsTheme.DARK]: "_1rtls0c",
34
34
  },
35
35
  {
36
- [EIconsTheme.LIGHT]: "_15ekgnx",
37
- [EIconsTheme.DARK]: "_by6acg",
36
+ [EIconsTheme.LIGHT]: "_1qrw4wb",
37
+ [EIconsTheme.DARK]: "_pjw4ty",
38
38
  },
39
39
  ];
40
40
  const getPathClassName = (paletteIndex, theme) => themeToClassNamePalettes[paletteIndex][theme];