@cloud-ru/ds-uikit-product-header-legacy 0.1.26-preview-1298edee.0 → 0.1.26

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 (19) hide show
  1. package/dist/cjs/components/HeaderLayout/styles.module.css +1 -1
  2. package/dist/cjs/components/Logo/styles.module.css +1 -1
  3. package/dist/cjs/components/MainMenu/helperComponents/MenuDesktop/styles.module.css +2 -2
  4. package/dist/cjs/components/MainMenu/helperComponents/MenuMobile/styles.module.css +2 -2
  5. package/dist/cjs/components/MainMenu/helperComponents/NavigationSearch/styles.module.css +5 -5
  6. package/dist/cjs/components/MainMenu/helperComponents/ServicesCategory/styles.module.css +4 -4
  7. package/dist/cjs/components/PlatformLogo/styles.module.css +1 -1
  8. package/dist/cjs/style.css +16 -16
  9. package/dist/esm/components/HeaderLayout/styles.module.css +1 -1
  10. package/dist/esm/components/Logo/styles.module.css +1 -1
  11. package/dist/esm/components/MainMenu/helperComponents/MenuDesktop/styles.module.css +2 -2
  12. package/dist/esm/components/MainMenu/helperComponents/MenuMobile/styles.module.css +2 -2
  13. package/dist/esm/components/MainMenu/helperComponents/NavigationSearch/styles.module.css +5 -5
  14. package/dist/esm/components/MainMenu/helperComponents/ServicesCategory/styles.module.css +4 -4
  15. package/dist/esm/components/PlatformLogo/styles.module.css +1 -1
  16. package/dist/esm/style.css +16 -16
  17. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  18. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  19. package/package.json +18 -18
package/dist/cjs/components/HeaderLayout/styles.module.css CHANGED
@@ -35,7 +35,7 @@
35
35
 
36
36
  .header{
37
37
  box-sizing:border-box;
38
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
38
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
39
39
  }
40
40
  .header[data-mobile] .top{
41
41
  gap:var(--sn-primitive-dimension-4, 4px);
package/dist/cjs/components/Logo/styles.module.css CHANGED
@@ -11,5 +11,5 @@
11
11
  flex-shrink:0;
12
12
  align-items:center;
13
13
  justify-content:center;
14
- color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
14
+ color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
15
15
  }
package/dist/cjs/components/MainMenu/helperComponents/MenuDesktop/styles.module.css CHANGED
@@ -8,7 +8,7 @@
8
8
  width:100%;
9
9
  height:100%;
10
10
  min-height:0;
11
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
11
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
12
12
  }
13
13
 
14
14
  .left{
@@ -110,7 +110,7 @@
110
110
  flex-shrink:0;
111
111
  box-sizing:border-box;
112
112
  padding:var(--sn-primitive-dimension-16, 16px) var(--sn-primitive-dimension-16, 16px) 0;
113
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
113
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
114
114
  }
115
115
 
116
116
  .scroll{
package/dist/cjs/components/MainMenu/helperComponents/MenuMobile/styles.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .drawerMobile{
2
2
  height:100%;
3
3
  min-height:0;
4
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3))) !important;
4
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4))) !important;
5
5
  }
6
6
 
7
7
  .scrollBody{
@@ -45,7 +45,7 @@
45
45
  flex-direction:column;
46
46
  gap:var(--sn-primitive-dimension-4, 4px);
47
47
  padding-bottom:var(--sn-primitive-dimension-4, 4px);
48
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
48
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
49
49
  }
50
50
 
51
51
  .bannersWrap{
package/dist/cjs/components/MainMenu/helperComponents/NavigationSearch/styles.module.css CHANGED
@@ -18,7 +18,7 @@
18
18
  .search{
19
19
  flex:1 1 auto;
20
20
  min-width:0;
21
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
21
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
22
22
  }
23
23
  .search input::-moz-placeholder{
24
24
  color:inherit;
@@ -39,7 +39,7 @@
39
39
  box-sizing:border-box;
40
40
  width:100%;
41
41
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
42
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
42
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
43
43
  }
44
44
  .root[data-mobile]{
45
45
  flex-direction:row;
@@ -48,14 +48,14 @@
48
48
  background-color:transparent;
49
49
  }
50
50
  .root[data-mobile][data-open-search]{
51
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
51
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
52
52
  }
53
53
  .root[data-mobile] .searchWrapper{
54
54
  padding:0;
55
55
  }
56
56
 
57
57
  .title{
58
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
58
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
59
59
  }
60
60
 
61
61
  .settingsSectionDivider{
@@ -72,5 +72,5 @@
72
72
 
73
73
  .mobileSearchButton[data-size=m]{
74
74
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
75
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
75
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
76
76
  }
package/dist/cjs/components/MainMenu/helperComponents/ServicesCategory/styles.module.css CHANGED
@@ -13,7 +13,7 @@
13
13
  max-width:100%;
14
14
  padding:var(--sn-primitive-dimension-12, 12px);
15
15
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
16
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
16
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
17
17
  }
18
18
  .root[data-highlight]{
19
19
  --highlight-border-color-from:hsl(155deg 48% 42% / 100%);
@@ -50,14 +50,14 @@
50
50
  }
51
51
 
52
52
  .title{
53
- font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Interface));
54
- font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-600, 600))));
53
+ font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
54
+ font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
55
55
  line-height:var(--sn-regular-title-m-lineHeight, var(--sn-density-typography-roleTitle-lineHeightM, var(--sn-platform-comfort-typography-roleTitle-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
56
56
  font-size:var(--sn-regular-title-m-fontSize, var(--sn-density-typography-roleTitle-fontSizeM, var(--sn-platform-comfort-typography-roleTitle-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
57
57
  letter-spacing:var(--sn-regular-title-m-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
58
58
  paragraph-spacing:var(--sn-regular-title-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize16, 8px));
59
59
  margin:0;
60
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
60
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
61
61
  overflow-wrap:break-word;
62
62
  }
63
63
 
package/dist/cjs/components/PlatformLogo/styles.module.css CHANGED
@@ -7,7 +7,7 @@
7
7
  padding:var(--sn-primitive-dimension-4, 4px);
8
8
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
9
9
  color:var(--sn-theme-color-neutral-onAccent, var(--sn-brand-color-neutral-99, var(--sn-brand-palette-gray-99, #ffffff)));
10
- background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #8b8fa7)));
10
+ background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #222222)));
11
11
  }
12
12
  .root[data-compact]{
13
13
  padding:0;
package/dist/cjs/style.css CHANGED
@@ -35,7 +35,7 @@
35
35
 
36
36
  .header{
37
37
  box-sizing:border-box;
38
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
38
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
39
39
  }
40
40
  .header[data-mobile] .top{
41
41
  gap:var(--sn-primitive-dimension-4, 4px);
@@ -58,7 +58,7 @@
58
58
  flex-shrink:0;
59
59
  align-items:center;
60
60
  justify-content:center;
61
- color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
61
+ color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
62
62
  }
63
63
  .root{
64
64
  display:flex;
@@ -119,7 +119,7 @@
119
119
  width:100%;
120
120
  height:100%;
121
121
  min-height:0;
122
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
122
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
123
123
  }
124
124
 
125
125
  .left{
@@ -221,7 +221,7 @@
221
221
  flex-shrink:0;
222
222
  box-sizing:border-box;
223
223
  padding:var(--sn-primitive-dimension-16, 16px) var(--sn-primitive-dimension-16, 16px) 0;
224
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
224
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
225
225
  }
226
226
 
227
227
  .scroll{
@@ -259,7 +259,7 @@
259
259
  .drawerMobile{
260
260
  height:100%;
261
261
  min-height:0;
262
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3))) !important;
262
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4))) !important;
263
263
  }
264
264
 
265
265
  .scrollBody{
@@ -303,7 +303,7 @@
303
303
  flex-direction:column;
304
304
  gap:var(--sn-primitive-dimension-4, 4px);
305
305
  padding-bottom:var(--sn-primitive-dimension-4, 4px);
306
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
306
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
307
307
  }
308
308
 
309
309
  .bannersWrap{
@@ -357,7 +357,7 @@
357
357
  .search{
358
358
  flex:1 1 auto;
359
359
  min-width:0;
360
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
360
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
361
361
  }
362
362
  .search input::-moz-placeholder{
363
363
  color:inherit;
@@ -378,7 +378,7 @@
378
378
  box-sizing:border-box;
379
379
  width:100%;
380
380
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
381
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
381
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
382
382
  }
383
383
  .root[data-mobile]{
384
384
  flex-direction:row;
@@ -387,14 +387,14 @@
387
387
  background-color:transparent;
388
388
  }
389
389
  .root[data-mobile][data-open-search]{
390
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
390
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
391
391
  }
392
392
  .root[data-mobile] .searchWrapper{
393
393
  padding:0;
394
394
  }
395
395
 
396
396
  .title{
397
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
397
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
398
398
  }
399
399
 
400
400
  .settingsSectionDivider{
@@ -411,7 +411,7 @@
411
411
 
412
412
  .mobileSearchButton[data-size=m]{
413
413
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
414
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
414
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
415
415
  }
416
416
  @charset "UTF-8";
417
417
  .root{
@@ -428,7 +428,7 @@
428
428
  max-width:100%;
429
429
  padding:var(--sn-primitive-dimension-12, 12px);
430
430
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
431
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
431
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
432
432
  }
433
433
  .root[data-highlight]{
434
434
  --highlight-border-color-from:hsl(155deg 48% 42% / 100%);
@@ -465,14 +465,14 @@
465
465
  }
466
466
 
467
467
  .title{
468
- font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Interface));
469
- font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-600, 600))));
468
+ font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
469
+ font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
470
470
  line-height:var(--sn-regular-title-m-lineHeight, var(--sn-density-typography-roleTitle-lineHeightM, var(--sn-platform-comfort-typography-roleTitle-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
471
471
  font-size:var(--sn-regular-title-m-fontSize, var(--sn-density-typography-roleTitle-fontSizeM, var(--sn-platform-comfort-typography-roleTitle-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
472
472
  letter-spacing:var(--sn-regular-title-m-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
473
473
  paragraph-spacing:var(--sn-regular-title-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize16, 8px));
474
474
  margin:0;
475
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
475
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
476
476
  overflow-wrap:break-word;
477
477
  }
478
478
 
@@ -532,7 +532,7 @@
532
532
  padding:var(--sn-primitive-dimension-4, 4px);
533
533
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
534
534
  color:var(--sn-theme-color-neutral-onAccent, var(--sn-brand-color-neutral-99, var(--sn-brand-palette-gray-99, #ffffff)));
535
- background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #8b8fa7)));
535
+ background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #222222)));
536
536
  }
537
537
  .root[data-compact]{
538
538
  padding:0;
package/dist/esm/components/HeaderLayout/styles.module.css CHANGED
@@ -35,7 +35,7 @@
35
35
 
36
36
  .header{
37
37
  box-sizing:border-box;
38
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
38
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
39
39
  }
40
40
  .header[data-mobile] .top{
41
41
  gap:var(--sn-primitive-dimension-4, 4px);
package/dist/esm/components/Logo/styles.module.css CHANGED
@@ -11,5 +11,5 @@
11
11
  flex-shrink:0;
12
12
  align-items:center;
13
13
  justify-content:center;
14
- color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
14
+ color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
15
15
  }
package/dist/esm/components/MainMenu/helperComponents/MenuDesktop/styles.module.css CHANGED
@@ -8,7 +8,7 @@
8
8
  width:100%;
9
9
  height:100%;
10
10
  min-height:0;
11
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
11
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
12
12
  }
13
13
 
14
14
  .left{
@@ -110,7 +110,7 @@
110
110
  flex-shrink:0;
111
111
  box-sizing:border-box;
112
112
  padding:var(--sn-primitive-dimension-16, 16px) var(--sn-primitive-dimension-16, 16px) 0;
113
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
113
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
114
114
  }
115
115
 
116
116
  .scroll{
package/dist/esm/components/MainMenu/helperComponents/MenuMobile/styles.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .drawerMobile{
2
2
  height:100%;
3
3
  min-height:0;
4
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3))) !important;
4
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4))) !important;
5
5
  }
6
6
 
7
7
  .scrollBody{
@@ -45,7 +45,7 @@
45
45
  flex-direction:column;
46
46
  gap:var(--sn-primitive-dimension-4, 4px);
47
47
  padding-bottom:var(--sn-primitive-dimension-4, 4px);
48
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
48
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
49
49
  }
50
50
 
51
51
  .bannersWrap{
package/dist/esm/components/MainMenu/helperComponents/NavigationSearch/styles.module.css CHANGED
@@ -18,7 +18,7 @@
18
18
  .search{
19
19
  flex:1 1 auto;
20
20
  min-width:0;
21
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
21
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
22
22
  }
23
23
  .search input::-moz-placeholder{
24
24
  color:inherit;
@@ -39,7 +39,7 @@
39
39
  box-sizing:border-box;
40
40
  width:100%;
41
41
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
42
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
42
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
43
43
  }
44
44
  .root[data-mobile]{
45
45
  flex-direction:row;
@@ -48,14 +48,14 @@
48
48
  background-color:transparent;
49
49
  }
50
50
  .root[data-mobile][data-open-search]{
51
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
51
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
52
52
  }
53
53
  .root[data-mobile] .searchWrapper{
54
54
  padding:0;
55
55
  }
56
56
 
57
57
  .title{
58
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
58
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
59
59
  }
60
60
 
61
61
  .settingsSectionDivider{
@@ -72,5 +72,5 @@
72
72
 
73
73
  .mobileSearchButton[data-size=m]{
74
74
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
75
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
75
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
76
76
  }
package/dist/esm/components/MainMenu/helperComponents/ServicesCategory/styles.module.css CHANGED
@@ -13,7 +13,7 @@
13
13
  max-width:100%;
14
14
  padding:var(--sn-primitive-dimension-12, 12px);
15
15
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
16
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
16
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
17
17
  }
18
18
  .root[data-highlight]{
19
19
  --highlight-border-color-from:hsl(155deg 48% 42% / 100%);
@@ -50,14 +50,14 @@
50
50
  }
51
51
 
52
52
  .title{
53
- font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Interface));
54
- font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-600, 600))));
53
+ font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
54
+ font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
55
55
  line-height:var(--sn-regular-title-m-lineHeight, var(--sn-density-typography-roleTitle-lineHeightM, var(--sn-platform-comfort-typography-roleTitle-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
56
56
  font-size:var(--sn-regular-title-m-fontSize, var(--sn-density-typography-roleTitle-fontSizeM, var(--sn-platform-comfort-typography-roleTitle-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
57
57
  letter-spacing:var(--sn-regular-title-m-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
58
58
  paragraph-spacing:var(--sn-regular-title-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize16, 8px));
59
59
  margin:0;
60
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
60
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
61
61
  overflow-wrap:break-word;
62
62
  }
63
63
 
package/dist/esm/components/PlatformLogo/styles.module.css CHANGED
@@ -7,7 +7,7 @@
7
7
  padding:var(--sn-primitive-dimension-4, 4px);
8
8
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
9
9
  color:var(--sn-theme-color-neutral-onAccent, var(--sn-brand-color-neutral-99, var(--sn-brand-palette-gray-99, #ffffff)));
10
- background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #8b8fa7)));
10
+ background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #222222)));
11
11
  }
12
12
  .root[data-compact]{
13
13
  padding:0;
package/dist/esm/style.css CHANGED
@@ -35,7 +35,7 @@
35
35
 
36
36
  .header{
37
37
  box-sizing:border-box;
38
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
38
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
39
39
  }
40
40
  .header[data-mobile] .top{
41
41
  gap:var(--sn-primitive-dimension-4, 4px);
@@ -58,7 +58,7 @@
58
58
  flex-shrink:0;
59
59
  align-items:center;
60
60
  justify-content:center;
61
- color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
61
+ color:var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
62
62
  }
63
63
  .root{
64
64
  display:flex;
@@ -119,7 +119,7 @@
119
119
  width:100%;
120
120
  height:100%;
121
121
  min-height:0;
122
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
122
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
123
123
  }
124
124
 
125
125
  .left{
@@ -221,7 +221,7 @@
221
221
  flex-shrink:0;
222
222
  box-sizing:border-box;
223
223
  padding:var(--sn-primitive-dimension-16, 16px) var(--sn-primitive-dimension-16, 16px) 0;
224
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
224
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
225
225
  }
226
226
 
227
227
  .scroll{
@@ -259,7 +259,7 @@
259
259
  .drawerMobile{
260
260
  height:100%;
261
261
  min-height:0;
262
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3))) !important;
262
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4))) !important;
263
263
  }
264
264
 
265
265
  .scrollBody{
@@ -303,7 +303,7 @@
303
303
  flex-direction:column;
304
304
  gap:var(--sn-primitive-dimension-4, 4px);
305
305
  padding-bottom:var(--sn-primitive-dimension-4, 4px);
306
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
306
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
307
307
  }
308
308
 
309
309
  .bannersWrap{
@@ -357,7 +357,7 @@
357
357
  .search{
358
358
  flex:1 1 auto;
359
359
  min-width:0;
360
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
360
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
361
361
  }
362
362
  .search input::-moz-placeholder{
363
363
  color:inherit;
@@ -378,7 +378,7 @@
378
378
  box-sizing:border-box;
379
379
  width:100%;
380
380
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
381
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
381
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
382
382
  }
383
383
  .root[data-mobile]{
384
384
  flex-direction:row;
@@ -387,14 +387,14 @@
387
387
  background-color:transparent;
388
388
  }
389
389
  .root[data-mobile][data-open-search]{
390
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
390
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
391
391
  }
392
392
  .root[data-mobile] .searchWrapper{
393
393
  padding:0;
394
394
  }
395
395
 
396
396
  .title{
397
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
397
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
398
398
  }
399
399
 
400
400
  .settingsSectionDivider{
@@ -411,7 +411,7 @@
411
411
 
412
412
  .mobileSearchButton[data-size=m]{
413
413
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
414
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
414
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
415
415
  }
416
416
  @charset "UTF-8";
417
417
  .root{
@@ -428,7 +428,7 @@
428
428
  max-width:100%;
429
429
  padding:var(--sn-primitive-dimension-12, 12px);
430
430
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
431
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
431
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
432
432
  }
433
433
  .root[data-highlight]{
434
434
  --highlight-border-color-from:hsl(155deg 48% 42% / 100%);
@@ -465,14 +465,14 @@
465
465
  }
466
466
 
467
467
  .title{
468
- font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Interface));
469
- font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-600, 600))));
468
+ font-family:var(--sn-regular-title-m-fontFamily, var(--sn-brand-font-fontFamily-regular-title, SB Sans Text));
469
+ font-weight:var(--sn-regular-title-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-title-m, var(--sn-brand-font-fontWeight-light-regular-title-m, var(--sn-primitive-font-fontWeightValue-500, 500))));
470
470
  line-height:var(--sn-regular-title-m-lineHeight, var(--sn-density-typography-roleTitle-lineHeightM, var(--sn-platform-comfort-typography-roleTitle-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
471
471
  font-size:var(--sn-regular-title-m-fontSize, var(--sn-density-typography-roleTitle-fontSizeM, var(--sn-platform-comfort-typography-roleTitle-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
472
472
  letter-spacing:var(--sn-regular-title-m-letterSpacing, var(--sn-primitive-font-letterSpacing-l, 0.15px));
473
473
  paragraph-spacing:var(--sn-regular-title-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize16, 8px));
474
474
  margin:0;
475
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
475
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
476
476
  overflow-wrap:break-word;
477
477
  }
478
478
 
@@ -532,7 +532,7 @@
532
532
  padding:var(--sn-primitive-dimension-4, 4px);
533
533
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
534
534
  color:var(--sn-theme-color-neutral-onAccent, var(--sn-brand-color-neutral-99, var(--sn-brand-palette-gray-99, #ffffff)));
535
- background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #8b8fa7)));
535
+ background:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-50, var(--sn-brand-palette-gray-50, #222222)));
536
536
  }
537
537
  .root[data-compact]{
538
538
  padding:0;