@cloud-ru/ds-dropzone 1.0.3 → 1.0.5-preview-b67f9a8d.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 (8) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/cjs/components/PrivateDropZone/styles.module.css +20 -20
  3. package/dist/cjs/style.css +20 -20
  4. package/dist/esm/components/PrivateDropZone/styles.module.css +20 -20
  5. package/dist/esm/style.css +20 -20
  6. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  7. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  8. package/package.json +3 -3
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.0.4 (2026-10-17)
7
+
8
+ **Note:** Version bump only for package @ds/dropzone
9
+
6
10
  ## 1.0.3 (2026-09-28)
7
11
 
8
12
  **Note:** Version bump only for package @ds/dropzone
package/dist/cjs/components/PrivateDropZone/styles.module.css CHANGED
@@ -18,7 +18,7 @@
18
18
  inset:0;
19
19
  border-radius:inherit;
20
20
  visibility:hidden;
21
- background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
21
+ background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
22
22
  }
23
23
 
24
24
  .borderLayer{
@@ -48,7 +48,7 @@
48
48
  font-family:inherit;
49
49
  text-decoration:none;
50
50
  background:transparent;
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
  outline:0;
53
53
  outline-offset:0;
54
54
  }
@@ -57,35 +57,35 @@
57
57
  }
58
58
  .container[data-acrylic-appearance=primary][data-acrylic-level=default] .acrylic{
59
59
  opacity:var(--sn-acrylic-opacityBackground, 1);
60
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
60
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
61
61
  }
62
62
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
63
63
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
64
64
  }
65
65
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .acrylic{
66
66
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
67
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
67
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
68
68
  }
69
69
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
70
70
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
71
71
  }
72
72
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .acrylic{
73
73
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
74
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
74
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
75
75
  }
76
76
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default]{
77
77
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
78
78
  }
79
79
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default] .acrylic{
80
80
  opacity:var(--sn-acrylic-opacityBackground, 1);
81
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
81
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
82
82
  }
83
83
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
84
84
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
85
85
  }
86
86
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .acrylic{
87
87
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
88
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
88
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
89
89
  }
90
90
  .container[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
91
91
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -253,13 +253,13 @@
253
253
  }
254
254
  .container[data-acrylic-appearance=decorTransparent] .acrylic{
255
255
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
256
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
256
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
257
257
  }
258
258
  .container .content{
259
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
259
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
260
260
  }
261
261
  .container:focus-visible{
262
- outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
262
+ outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
263
263
  outline-offset:0;
264
264
  }
265
265
  .container[data-over] .overLayer{
@@ -312,7 +312,7 @@
312
312
  }
313
313
  .container[data-disabled]{
314
314
  cursor:not-allowed;
315
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
315
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
316
316
  }
317
317
  .container[data-disabled] .content{
318
318
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
@@ -323,15 +323,15 @@
323
323
  border-radius:inherit;
324
324
  }
325
325
  .container .borderLayer[data-state=borderOnBackground]{
326
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
326
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
327
327
  border-style:solid;
328
328
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
329
329
  }
330
330
  .container .borderLayer[data-state=emptyNeutralOnBackground]{
331
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
331
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
332
332
  }
333
333
  .container .borderLayer[data-state=activatedOnBackground]{
334
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
334
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
335
335
  }
336
336
  .container .borderLayer[data-state=versionOnColor]{
337
337
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -350,13 +350,13 @@
350
350
  }
351
351
  @media (hover: hover){
352
352
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
353
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
353
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
354
354
  }
355
355
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
356
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
356
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
357
357
  }
358
358
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
359
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
359
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
360
360
  }
361
361
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
362
362
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -377,13 +377,13 @@
377
377
  .container{
378
378
  }
379
379
  .container[data-loading] .borderLayer[data-state=borderOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
380
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
380
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
381
381
  }
382
382
  .container[data-loading] .borderLayer[data-state=emptyNeutralOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
383
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
383
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
384
384
  }
385
385
  .container[data-loading] .borderLayer[data-state=activatedOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
386
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
386
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
387
387
  }
388
388
  .container[data-loading] .borderLayer[data-state=versionOnColor], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
389
389
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
package/dist/cjs/style.css CHANGED
@@ -41,7 +41,7 @@
41
41
  inset:0;
42
42
  border-radius:inherit;
43
43
  visibility:hidden;
44
- background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
44
+ background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
45
45
  }
46
46
 
47
47
  .borderLayer{
@@ -71,7 +71,7 @@
71
71
  font-family:inherit;
72
72
  text-decoration:none;
73
73
  background:transparent;
74
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
74
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
75
75
  outline:0;
76
76
  outline-offset:0;
77
77
  }
@@ -80,35 +80,35 @@
80
80
  }
81
81
  .container[data-acrylic-appearance=primary][data-acrylic-level=default] .acrylic{
82
82
  opacity:var(--sn-acrylic-opacityBackground, 1);
83
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
83
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
84
84
  }
85
85
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
86
86
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
87
87
  }
88
88
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .acrylic{
89
89
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
90
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
90
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
91
91
  }
92
92
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
93
93
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
94
94
  }
95
95
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .acrylic{
96
96
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
97
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
97
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
98
98
  }
99
99
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default]{
100
100
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
101
101
  }
102
102
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default] .acrylic{
103
103
  opacity:var(--sn-acrylic-opacityBackground, 1);
104
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
104
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
105
105
  }
106
106
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
107
107
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
108
108
  }
109
109
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .acrylic{
110
110
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
111
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
111
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
112
112
  }
113
113
  .container[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
114
114
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -276,13 +276,13 @@
276
276
  }
277
277
  .container[data-acrylic-appearance=decorTransparent] .acrylic{
278
278
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
279
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
279
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
280
280
  }
281
281
  .container .content{
282
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
282
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
283
283
  }
284
284
  .container:focus-visible{
285
- outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
285
+ outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
286
286
  outline-offset:0;
287
287
  }
288
288
  .container[data-over] .overLayer{
@@ -335,7 +335,7 @@
335
335
  }
336
336
  .container[data-disabled]{
337
337
  cursor:not-allowed;
338
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
338
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
339
339
  }
340
340
  .container[data-disabled] .content{
341
341
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
@@ -346,15 +346,15 @@
346
346
  border-radius:inherit;
347
347
  }
348
348
  .container .borderLayer[data-state=borderOnBackground]{
349
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
349
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
350
350
  border-style:solid;
351
351
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
352
352
  }
353
353
  .container .borderLayer[data-state=emptyNeutralOnBackground]{
354
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
354
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
355
355
  }
356
356
  .container .borderLayer[data-state=activatedOnBackground]{
357
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
357
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
358
358
  }
359
359
  .container .borderLayer[data-state=versionOnColor]{
360
360
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -373,13 +373,13 @@
373
373
  }
374
374
  @media (hover: hover){
375
375
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
376
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
376
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
377
377
  }
378
378
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
379
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
379
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
380
380
  }
381
381
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
382
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
382
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
383
383
  }
384
384
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
385
385
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -400,13 +400,13 @@
400
400
  .container{
401
401
  }
402
402
  .container[data-loading] .borderLayer[data-state=borderOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
403
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
403
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
404
404
  }
405
405
  .container[data-loading] .borderLayer[data-state=emptyNeutralOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
406
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
406
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
407
407
  }
408
408
  .container[data-loading] .borderLayer[data-state=activatedOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
409
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
409
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
410
410
  }
411
411
  .container[data-loading] .borderLayer[data-state=versionOnColor], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
412
412
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
package/dist/esm/components/PrivateDropZone/styles.module.css CHANGED
@@ -18,7 +18,7 @@
18
18
  inset:0;
19
19
  border-radius:inherit;
20
20
  visibility:hidden;
21
- background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
21
+ background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
22
22
  }
23
23
 
24
24
  .borderLayer{
@@ -48,7 +48,7 @@
48
48
  font-family:inherit;
49
49
  text-decoration:none;
50
50
  background:transparent;
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
  outline:0;
53
53
  outline-offset:0;
54
54
  }
@@ -57,35 +57,35 @@
57
57
  }
58
58
  .container[data-acrylic-appearance=primary][data-acrylic-level=default] .acrylic{
59
59
  opacity:var(--sn-acrylic-opacityBackground, 1);
60
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
60
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
61
61
  }
62
62
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
63
63
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
64
64
  }
65
65
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .acrylic{
66
66
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
67
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
67
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
68
68
  }
69
69
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
70
70
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
71
71
  }
72
72
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .acrylic{
73
73
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
74
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
74
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
75
75
  }
76
76
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default]{
77
77
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
78
78
  }
79
79
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default] .acrylic{
80
80
  opacity:var(--sn-acrylic-opacityBackground, 1);
81
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
81
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
82
82
  }
83
83
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
84
84
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
85
85
  }
86
86
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .acrylic{
87
87
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
88
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
88
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
89
89
  }
90
90
  .container[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
91
91
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -253,13 +253,13 @@
253
253
  }
254
254
  .container[data-acrylic-appearance=decorTransparent] .acrylic{
255
255
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
256
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
256
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
257
257
  }
258
258
  .container .content{
259
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
259
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
260
260
  }
261
261
  .container:focus-visible{
262
- outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
262
+ outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
263
263
  outline-offset:0;
264
264
  }
265
265
  .container[data-over] .overLayer{
@@ -312,7 +312,7 @@
312
312
  }
313
313
  .container[data-disabled]{
314
314
  cursor:not-allowed;
315
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
315
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
316
316
  }
317
317
  .container[data-disabled] .content{
318
318
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
@@ -323,15 +323,15 @@
323
323
  border-radius:inherit;
324
324
  }
325
325
  .container .borderLayer[data-state=borderOnBackground]{
326
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
326
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
327
327
  border-style:solid;
328
328
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
329
329
  }
330
330
  .container .borderLayer[data-state=emptyNeutralOnBackground]{
331
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
331
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
332
332
  }
333
333
  .container .borderLayer[data-state=activatedOnBackground]{
334
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
334
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
335
335
  }
336
336
  .container .borderLayer[data-state=versionOnColor]{
337
337
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -350,13 +350,13 @@
350
350
  }
351
351
  @media (hover: hover){
352
352
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
353
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
353
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
354
354
  }
355
355
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
356
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
356
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
357
357
  }
358
358
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
359
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
359
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
360
360
  }
361
361
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
362
362
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -377,13 +377,13 @@
377
377
  .container{
378
378
  }
379
379
  .container[data-loading] .borderLayer[data-state=borderOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
380
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
380
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
381
381
  }
382
382
  .container[data-loading] .borderLayer[data-state=emptyNeutralOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
383
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
383
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
384
384
  }
385
385
  .container[data-loading] .borderLayer[data-state=activatedOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
386
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
386
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
387
387
  }
388
388
  .container[data-loading] .borderLayer[data-state=versionOnColor], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
389
389
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));
package/dist/esm/style.css CHANGED
@@ -41,7 +41,7 @@
41
41
  inset:0;
42
42
  border-radius:inherit;
43
43
  visibility:hidden;
44
- background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
44
+ background-color:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
45
45
  }
46
46
 
47
47
  .borderLayer{
@@ -71,7 +71,7 @@
71
71
  font-family:inherit;
72
72
  text-decoration:none;
73
73
  background:transparent;
74
- background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
74
+ background-color:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
75
75
  outline:0;
76
76
  outline-offset:0;
77
77
  }
@@ -80,35 +80,35 @@
80
80
  }
81
81
  .container[data-acrylic-appearance=primary][data-acrylic-level=default] .acrylic{
82
82
  opacity:var(--sn-acrylic-opacityBackground, 1);
83
- background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #edf7f1));
83
+ background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, #f2f2f2));
84
84
  }
85
85
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
86
86
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
87
87
  }
88
88
  .container[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .acrylic{
89
89
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
90
- background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f5fdf8));
90
+ background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, #f8f8f8));
91
91
  }
92
92
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
93
93
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
94
94
  }
95
95
  .container[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .acrylic{
96
96
  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
97
- background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #fbfffc));
97
+ background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, #ffffff));
98
98
  }
99
99
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default]{
100
100
  backdrop-filter:var(--sn-acrylic-backdropFilter, none);
101
101
  }
102
102
  .container[data-acrylic-appearance=neutral][data-acrylic-level=default] .acrylic{
103
103
  opacity:var(--sn-acrylic-opacityBackground, 1);
104
- background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
104
+ background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
105
105
  }
106
106
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
107
107
  backdrop-filter:var(--sn-acrylic-backdropFilter1Level, none);
108
108
  }
109
109
  .container[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .acrylic{
110
110
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
111
- background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #fdfdfd)));
111
+ background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff)));
112
112
  }
113
113
  .container[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
114
114
  backdrop-filter:var(--sn-acrylic-backdropFilter2Level, none);
@@ -276,13 +276,13 @@
276
276
  }
277
277
  .container[data-acrylic-appearance=decorTransparent] .acrylic{
278
278
  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
279
- background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
279
+ background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(136, 146, 170, 0.0784313725)));
280
280
  }
281
281
  .container .content{
282
- color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
282
+ color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #000000));
283
283
  }
284
284
  .container:focus-visible{
285
- outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #389f74));
285
+ outline:var(--sn-brand-anatomy-focusLine-field-strokeWeight, var(--sn-primitive-strokeWeight-strokeBold, 3px)) solid var(--sn-theme-color-primary-accent, var(--sn-brand-color-primary-50, #222222));
286
286
  outline-offset:0;
287
287
  }
288
288
  .container[data-over] .overLayer{
@@ -335,7 +335,7 @@
335
335
  }
336
336
  .container[data-disabled]{
337
337
  cursor:not-allowed;
338
- background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #eeeff3)));
338
+ background-color:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-brand-palette-gray-90, #f4f4f4)));
339
339
  }
340
340
  .container[data-disabled] .content{
341
341
  opacity:var(--sn-theme-effect-opacity-disabled, 0.4);
@@ -346,15 +346,15 @@
346
346
  border-radius:inherit;
347
347
  }
348
348
  .container .borderLayer[data-state=borderOnBackground]{
349
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
349
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-default-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(0, 0, 0, 0.1411764706)));
350
350
  border-style:solid;
351
351
  border-width:var(--sn-primitive-strokeWeight-strokeRegular, 1px);
352
352
  }
353
353
  .container .borderLayer[data-state=emptyNeutralOnBackground]{
354
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(120, 123, 138, 0)));
354
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-defaultEmpty-filled, var(--sn-brand-color-state-neutral-forLightMode-default-background, rgba(0, 0, 0, 0)));
355
355
  }
356
356
  .container .borderLayer[data-state=activatedOnBackground]{
357
- background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(56, 159, 116, 0.1019607843)));
357
+ background:var(--sn-theme-color-material-stateLayer-activated-default-filled, var(--sn-brand-color-state-activated-default-background, rgba(128, 128, 128, 0.1607843137)));
358
358
  }
359
359
  .container .borderLayer[data-state=versionOnColor]{
360
360
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-default-filled, rgba(0, 0, 0, 0.0509803922));
@@ -373,13 +373,13 @@
373
373
  }
374
374
  @media (hover: hover){
375
375
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
376
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(159, 166, 198, 0.6509803922)));
376
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-hovered-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-hovered-borderColor, rgba(0, 0, 0, 0.2392156863)));
377
377
  }
378
378
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
379
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(188, 195, 220, 0.1490196078)));
379
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-hovered-filled, var(--sn-brand-color-state-neutral-forLightMode-hovered-background, rgba(0, 0, 0, 0.0784313725)));
380
380
  }
381
381
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
382
- background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(56, 159, 116, 0.2)));
382
+ background:var(--sn-theme-color-material-stateLayer-activated-hovered-filled, var(--sn-brand-color-state-activated-hovered-background, rgba(128, 128, 128, 0.2392156863)));
383
383
  }
384
384
  .container:hover:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
385
385
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-hovered-filled, rgba(0, 0, 0, 0.1019607843));
@@ -400,13 +400,13 @@
400
400
  .container{
401
401
  }
402
402
  .container[data-loading] .borderLayer[data-state=borderOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=borderOnBackground]{
403
- border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(159, 166, 198, 0.8)));
403
+ border-color:var(--sn-theme-color-material-stateLayer-neutral-border-pressed-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-pressed-borderColor, rgba(0, 0, 0, 0.3411764706)));
404
404
  }
405
405
  .container[data-loading] .borderLayer[data-state=emptyNeutralOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=emptyNeutralOnBackground]{
406
- background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(188, 195, 220, 0.3019607843)));
406
+ background:var(--sn-theme-color-material-stateLayer-neutral-onBackground-pressed-filled, var(--sn-brand-color-state-neutral-forLightMode-pressed-background, rgba(0, 0, 0, 0.1215686275)));
407
407
  }
408
408
  .container[data-loading] .borderLayer[data-state=activatedOnBackground], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=activatedOnBackground]{
409
- background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(56, 159, 116, 0.3019607843)));
409
+ background:var(--sn-theme-color-material-stateLayer-activated-pressed-filled, var(--sn-brand-color-state-activated-pressed-background, rgba(128, 128, 128, 0.3411764706)));
410
410
  }
411
411
  .container[data-loading] .borderLayer[data-state=versionOnColor], .container:active:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor], .container[data-pressed=true]:not([data-disabled], [data-loading]) .borderLayer[data-state=versionOnColor]{
412
412
  background:var(--sn-theme-color-material-stateLayer-versionOnColor-pressed-filled, rgba(0, 0, 0, 0.1490196078));