@cloud-ru/ds-drawer 1.2.6-preview-1298edee.0 → 1.2.6

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 (10) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/cjs/components/DrawerCustom/styles.module.css +8 -8
  3. package/dist/cjs/helperComponents/DrawerBody/styles.module.css +2 -2
  4. package/dist/cjs/style.css +10 -10
  5. package/dist/esm/components/DrawerCustom/styles.module.css +8 -8
  6. package/dist/esm/helperComponents/DrawerBody/styles.module.css +2 -2
  7. package/dist/esm/style.css +10 -10
  8. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  9. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  10. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 1.2.6 (2026-09-30)
7
+
8
+ **Note:** Version bump only for package @ds/drawer
9
+
6
10
  ## 1.2.5 (2026-09-29)
7
11
 
8
12
  **Note:** Version bump only for package @ds/drawer
package/dist/cjs/components/DrawerCustom/styles.module.css CHANGED
@@ -52,7 +52,7 @@
52
52
  flex-grow:1;
53
53
  box-sizing:border-box;
54
54
  width:100%;
55
- box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(0, 0, 0, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(0, 0, 0, 0.0784313725)));
55
+ box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(34, 34, 34, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(34, 34, 34, 0.0784313725)));
56
56
  }
57
57
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-content-wrapper{
58
58
  pointer-events:none;
@@ -219,7 +219,7 @@
219
219
  width:var(--sn-primitive-dimension-4, 4px);
220
220
  height:var(--sn-primitive-dimension-32, 32px);
221
221
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
222
- background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e3e5ed)));
222
+ background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e2e2e2)));
223
223
  transition:height ease-in-out 0.2s;
224
224
  }
225
225
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-resizable-dragger::after{
@@ -280,35 +280,35 @@
280
280
  }
281
281
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level=default] .drawer{
282
282
  opacity:var(--sn-acrylic-opacityBackground, 1);
283
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
283
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
284
284
  }
285
285
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
286
286
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
287
287
  }
288
288
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .drawer{
289
289
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
290
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
290
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
291
291
  }
292
292
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
293
293
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
294
294
  }
295
295
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .drawer{
296
296
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
297
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
297
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
298
298
  }
299
299
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default]{
300
300
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
301
301
  }
302
302
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default] .drawer{
303
303
  opacity:var(--sn-acrylic-opacityBackground, 1);
304
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
304
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
305
305
  }
306
306
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
307
307
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
308
308
  }
309
309
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .drawer{
310
310
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
311
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
311
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
312
312
  }
313
313
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
314
314
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -476,7 +476,7 @@
476
476
  }
477
477
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=decorTransparent] .drawer{
478
478
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
479
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
479
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
480
480
  }
481
481
 
482
482
  .scrollLock{
package/dist/cjs/helperComponents/DrawerBody/styles.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  align-items:flex-start;
10
10
  align-self:stretch;
11
11
  box-sizing:border-box;
12
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
13
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
12
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
13
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
14
14
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
15
15
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
16
16
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
package/dist/cjs/style.css CHANGED
@@ -55,7 +55,7 @@
55
55
  flex-grow:1;
56
56
  box-sizing:border-box;
57
57
  width:100%;
58
- box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(0, 0, 0, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(0, 0, 0, 0.0784313725)));
58
+ box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(34, 34, 34, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(34, 34, 34, 0.0784313725)));
59
59
  }
60
60
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-content-wrapper{
61
61
  pointer-events:none;
@@ -222,7 +222,7 @@
222
222
  width:var(--sn-primitive-dimension-4, 4px);
223
223
  height:var(--sn-primitive-dimension-32, 32px);
224
224
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
225
- background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e3e5ed)));
225
+ background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e2e2e2)));
226
226
  transition:height ease-in-out 0.2s;
227
227
  }
228
228
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-resizable-dragger::after{
@@ -283,35 +283,35 @@
283
283
  }
284
284
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level=default] .drawer{
285
285
  opacity:var(--sn-acrylic-opacityBackground, 1);
286
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
286
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
287
287
  }
288
288
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
289
289
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
290
290
  }
291
291
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .drawer{
292
292
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
293
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
293
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
294
294
  }
295
295
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
296
296
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
297
297
  }
298
298
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .drawer{
299
299
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
300
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
300
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
301
301
  }
302
302
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default]{
303
303
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
304
304
  }
305
305
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default] .drawer{
306
306
  opacity:var(--sn-acrylic-opacityBackground, 1);
307
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
307
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
308
308
  }
309
309
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
310
310
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
311
311
  }
312
312
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .drawer{
313
313
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
314
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
314
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
315
315
  }
316
316
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
317
317
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -479,7 +479,7 @@
479
479
  }
480
480
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=decorTransparent] .drawer{
481
481
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
482
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
482
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
483
483
  }
484
484
 
485
485
  .scrollLock{
@@ -520,8 +520,8 @@
520
520
  align-items:flex-start;
521
521
  align-self:stretch;
522
522
  box-sizing:border-box;
523
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
524
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
523
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
524
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
525
525
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
526
526
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
527
527
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
package/dist/esm/components/DrawerCustom/styles.module.css CHANGED
@@ -52,7 +52,7 @@
52
52
  flex-grow:1;
53
53
  box-sizing:border-box;
54
54
  width:100%;
55
- box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(0, 0, 0, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(0, 0, 0, 0.0784313725)));
55
+ box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(34, 34, 34, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(34, 34, 34, 0.0784313725)));
56
56
  }
57
57
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-content-wrapper{
58
58
  pointer-events:none;
@@ -219,7 +219,7 @@
219
219
  width:var(--sn-primitive-dimension-4, 4px);
220
220
  height:var(--sn-primitive-dimension-32, 32px);
221
221
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
222
- background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e3e5ed)));
222
+ background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e2e2e2)));
223
223
  transition:height ease-in-out 0.2s;
224
224
  }
225
225
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-resizable-dragger::after{
@@ -280,35 +280,35 @@
280
280
  }
281
281
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level=default] .drawer{
282
282
  opacity:var(--sn-acrylic-opacityBackground, 1);
283
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
283
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
284
284
  }
285
285
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
286
286
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
287
287
  }
288
288
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .drawer{
289
289
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
290
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
290
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
291
291
  }
292
292
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
293
293
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
294
294
  }
295
295
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .drawer{
296
296
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
297
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
297
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
298
298
  }
299
299
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default]{
300
300
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
301
301
  }
302
302
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default] .drawer{
303
303
  opacity:var(--sn-acrylic-opacityBackground, 1);
304
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
304
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
305
305
  }
306
306
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
307
307
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
308
308
  }
309
309
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .drawer{
310
310
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
311
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
311
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
312
312
  }
313
313
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
314
314
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -476,7 +476,7 @@
476
476
  }
477
477
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=decorTransparent] .drawer{
478
478
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
479
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
479
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
480
480
  }
481
481
 
482
482
  .scrollLock{
package/dist/esm/helperComponents/DrawerBody/styles.module.css CHANGED
@@ -9,8 +9,8 @@
9
9
  align-items:flex-start;
10
10
  align-self:stretch;
11
11
  box-sizing:border-box;
12
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
13
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
12
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
13
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
14
14
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
15
15
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
16
16
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));
package/dist/esm/style.css CHANGED
@@ -55,7 +55,7 @@
55
55
  flex-grow:1;
56
56
  box-sizing:border-box;
57
57
  width:100%;
58
- box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(0, 0, 0, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(0, 0, 0, 0.0784313725)));
58
+ box-shadow:var(--sn-boxShadow-elevation-level5, var(--sn-theme-effect-shadow-level5-layer1-positionX, 0) var(--sn-theme-effect-shadow-level5-layer1-positionY, 0) var(--sn-theme-effect-shadow-level5-layer1-blur, 16px) var(--sn-theme-effect-shadow-level5-layer1-spread, 0) var(--sn-theme-effect-shadow-layer1Color, rgba(34, 34, 34, 0.0784313725)), var(--sn-theme-effect-shadow-level5-layer2-positionX, 0) var(--sn-theme-effect-shadow-level5-layer2-positionY, 24px) var(--sn-theme-effect-shadow-level5-layer2-blur, 16px) var(--sn-theme-effect-shadow-level5-layer2-spread, 4px) var(--sn-theme-effect-shadow-layer2Color, rgba(34, 34, 34, 0.0784313725)));
59
59
  }
60
60
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-content-wrapper{
61
61
  pointer-events:none;
@@ -222,7 +222,7 @@
222
222
  width:var(--sn-primitive-dimension-4, 4px);
223
223
  height:var(--sn-primitive-dimension-32, 32px);
224
224
  border-radius:var(--sn-density-radius-2xs, var(--sn-platform-comfort-radius-2xs, var(--sn-primitive-dimension-4, 4px)));
225
- background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e3e5ed)));
225
+ background-color:var(--sn-theme-color-neutral-decor, var(--sn-brand-color-neutral-80, var(--sn-brand-palette-gray-80, #e2e2e2)));
226
226
  transition:height ease-in-out 0.2s;
227
227
  }
228
228
  .drawerRoot:global(.cloud-ru-ds-drawer-v1) :global .cloud-ru-ds-drawer-v1-resizable-dragger::after{
@@ -283,35 +283,35 @@
283
283
  }
284
284
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level=default] .drawer{
285
285
  opacity:var(--sn-acrylic-opacityBackground, 1);
286
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
286
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
287
287
  }
288
288
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
289
289
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
290
290
  }
291
291
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .drawer{
292
292
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
293
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
293
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
294
294
  }
295
295
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
296
296
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
297
297
  }
298
298
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .drawer{
299
299
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
300
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
300
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
301
301
  }
302
302
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default]{
303
303
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
304
304
  }
305
305
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level=default] .drawer{
306
306
  opacity:var(--sn-acrylic-opacityBackground, 1);
307
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
307
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
308
308
  }
309
309
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
310
310
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
311
311
  }
312
312
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .drawer{
313
313
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
314
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
314
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
315
315
  }
316
316
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
317
317
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -479,7 +479,7 @@
479
479
  }
480
480
  .drawerRoot:global(.cloud-ru-ds-drawer-v1 .cloud-ru-ds-drawer-v1-content-wrapper)[data-acrylic-appearance=decorTransparent] .drawer{
481
481
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
482
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
482
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
483
483
  }
484
484
 
485
485
  .scrollLock{
@@ -520,8 +520,8 @@
520
520
  align-items:flex-start;
521
521
  align-self:stretch;
522
522
  box-sizing:border-box;
523
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
524
- font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Interface));
523
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
524
+ font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, SB Sans Text));
525
525
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
526
526
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-platform-comfort-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-24, 24px))));
527
527
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-platform-comfort-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px))));