@salutejs/sdds-themes 0.15.0 → 0.15.1-dev.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 (17) hide show
  1. package/css/sdds_dfa.module.css +72 -48
  2. package/css/sdds_dfa__dark.css +36 -24
  3. package/css/sdds_dfa__light.css +36 -24
  4. package/es/themes/sdds_dfa__dark.js +1 -1
  5. package/es/themes/sdds_dfa__dark.js.map +1 -1
  6. package/es/themes/sdds_dfa__light.js +1 -1
  7. package/es/themes/sdds_dfa__light.js.map +1 -1
  8. package/es/tokens/sdds_dfa/index.js +48 -24
  9. package/es/tokens/sdds_dfa/index.js.map +1 -1
  10. package/package.json +2 -2
  11. package/themes/sdds_dfa__dark.js +1 -1
  12. package/themes/sdds_dfa__dark.js.map +1 -1
  13. package/themes/sdds_dfa__light.js +1 -1
  14. package/themes/sdds_dfa__light.js.map +1 -1
  15. package/tokens/sdds_dfa/index.d.ts +48 -24
  16. package/tokens/sdds_dfa/index.js +55 -31
  17. package/tokens/sdds_dfa/index.js.map +1 -1
package/css/sdds_dfa.module.css CHANGED
@@ -189,12 +189,12 @@
189
189
  --surface-negative-minor-active: #410B11FF;
190
190
  --surface-info-minor-hover: #10344CFF;
191
191
  --surface-info-minor-active: #0A2333FF;
192
- --surface-transparent-positive-hover: #1A9E3266;
193
- --surface-transparent-positive-active: #1A9E3238;
194
- --surface-transparent-warning-hover: #FA5F0566;
195
- --surface-transparent-warning-active: #FA5F0538;
196
- --surface-transparent-negative-hover: #FF293E66;
197
- --surface-transparent-negative-active: #FF293E38;
192
+ --surface-transparent-positive-hover: #24B23E52;
193
+ --surface-transparent-positive-active: #24B23E24;
194
+ --surface-transparent-warning-hover: #FF702452;
195
+ --surface-transparent-warning-active: #FF702424;
196
+ --surface-transparent-negative-hover: #FF3D5152;
197
+ --surface-transparent-negative-active: #FF3D5124;
198
198
  --surface-transparent-info-hover: #118CDF66;
199
199
  --surface-transparent-info-active: #118CDF38;
200
200
  --surface-clear: #FFFFFF00;
@@ -212,6 +212,9 @@
212
212
  --surface-transparent-secondary: #FFFFFF1F;
213
213
  --surface-transparent-tertiary: #FFFFFF33;
214
214
  --surface-transparent-deep: #FFFFFFA3;
215
+ --surface-transparent-positive: #24B23E33;
216
+ --surface-transparent-warning: #FF702433;
217
+ --surface-transparent-negative: #FF3D5133;
215
218
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
216
219
  --on-dark-surface-solid-primary-active: #121212FF;
217
220
  --on-dark-surface-solid-secondary-hover: #303030FF;
@@ -256,12 +259,12 @@
256
259
  --on-dark-surface-negative-minor-active: #410B11FF;
257
260
  --on-dark-surface-info-minor-hover: #10344CFF;
258
261
  --on-dark-surface-info-minor-active: #0A2333FF;
259
- --on-dark-surface-transparent-positive-hover: #1A9E3266;
260
- --on-dark-surface-transparent-positive-active: #1A9E3238;
261
- --on-dark-surface-transparent-warning-hover: #FA5F0566;
262
- --on-dark-surface-transparent-warning-active: #FA5F0538;
263
- --on-dark-surface-transparent-negative-hover: #FF293E66;
264
- --on-dark-surface-transparent-negative-active: #FF293E38;
262
+ --on-dark-surface-transparent-positive-hover: #24B23E52;
263
+ --on-dark-surface-transparent-positive-active: #24B23E24;
264
+ --on-dark-surface-transparent-warning-hover: #FF702452;
265
+ --on-dark-surface-transparent-warning-active: #FF702424;
266
+ --on-dark-surface-transparent-negative-hover: #FF3D5152;
267
+ --on-dark-surface-transparent-negative-active: #FF3D5124;
265
268
  --on-dark-surface-transparent-info-hover: #118CDF66;
266
269
  --on-dark-surface-transparent-info-active: #118CDF38;
267
270
  --on-dark-surface-clear: #FFFFFF00;
@@ -279,6 +282,9 @@
279
282
  --on-dark-surface-transparent-secondary: #FFFFFF1F;
280
283
  --on-dark-surface-transparent-tertiary: #FFFFFF33;
281
284
  --on-dark-surface-transparent-deep: #FFFFFFA3;
285
+ --on-dark-surface-transparent-positive: #24B23E33;
286
+ --on-dark-surface-transparent-negative: #FF3D5133;
287
+ --on-dark-surface-transparent-warning: #FF702433;
282
288
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
283
289
  --on-light-surface-solid-primary-active: #F0F0F0FF;
284
290
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
@@ -323,12 +329,12 @@
323
329
  --on-light-surface-negative-minor-active: #FEC3C9FF;
324
330
  --on-light-surface-info-minor-hover: #C7E9FFFF;
325
331
  --on-light-surface-info-minor-active: #A8DCFFFF;
326
- --on-light-surface-transparent-positive-hover: #1A9E3266;
327
- --on-light-surface-transparent-positive-active: #1A9E3238;
328
- --on-light-surface-transparent-warning-hover: #FA5F0566;
329
- --on-light-surface-transparent-warning-active: #FA5F0538;
330
- --on-light-surface-transparent-negative-hover: #FF293E66;
331
- --on-light-surface-transparent-negative-active: #FF293E38;
332
+ --on-light-surface-transparent-positive-hover: #1A9E323D;
333
+ --on-light-surface-transparent-positive-active: #1A9E320F;
334
+ --on-light-surface-transparent-warning-hover: #FA5F053D;
335
+ --on-light-surface-transparent-warning-active: #FA5F050F;
336
+ --on-light-surface-transparent-negative-hover: #FF293E3D;
337
+ --on-light-surface-transparent-negative-active: #FF293E0F;
332
338
  --on-light-surface-transparent-info-hover: #118CDF66;
333
339
  --on-light-surface-transparent-info-active: #118CDF38;
334
340
  --on-light-surface-solid-primary: #F5F5F5;
@@ -346,6 +352,9 @@
346
352
  --on-light-surface-transparent-secondary: #0808080F;
347
353
  --on-light-surface-transparent-tertiary: #0808081F;
348
354
  --on-light-surface-transparent-deep: #080808A3;
355
+ --on-light-surface-transparent-positive: #1A9E321F;
356
+ --on-light-surface-transparent-negative: #FF293E1F;
357
+ --on-light-surface-transparent-warning: #FA5F051F;
349
358
  --inverse-surface-solid-primary-hover: #FAFAFAFF;
350
359
  --inverse-surface-solid-primary-active: #F0F0F0FF;
351
360
  --inverse-surface-solid-secondary-hover: #E8E8E8FF;
@@ -390,12 +399,12 @@
390
399
  --inverse-surface-negative-minor-active: #FEC3C9FF;
391
400
  --inverse-surface-info-minor-hover: #C7E9FFFF;
392
401
  --inverse-surface-info-minor-active: #A8DCFFFF;
393
- --inverse-surface-transparent-positive-hover: #1A9E3266;
394
- --inverse-surface-transparent-positive-active: #1A9E3238;
395
- --inverse-surface-transparent-warning-hover: #FA5F0566;
396
- --inverse-surface-transparent-warning-active: #FA5F0538;
397
- --inverse-surface-transparent-negative-hover: #FF293E66;
398
- --inverse-surface-transparent-negative-active: #FF293E38;
402
+ --inverse-surface-transparent-positive-hover: #1A9E323D;
403
+ --inverse-surface-transparent-positive-active: #1A9E320F;
404
+ --inverse-surface-transparent-warning-hover: #FA5F053D;
405
+ --inverse-surface-transparent-warning-active: #FA5F050F;
406
+ --inverse-surface-transparent-negative-hover: #FF293E3D;
407
+ --inverse-surface-transparent-negative-active: #FF293E0F;
399
408
  --inverse-surface-transparent-info-hover: #118CDF66;
400
409
  --inverse-surface-transparent-info-active: #118CDF38;
401
410
  --inverse-surface-solid-primary: #F5F5F5;
@@ -413,6 +422,9 @@
413
422
  --inverse-surface-transparent-secondary: #0808080F;
414
423
  --inverse-surface-transparent-tertiary: #0808081F;
415
424
  --inverse-surface-transparent-deep: #080808A3;
425
+ --inverse-surface-transparent-positive: #1A9E321F;
426
+ --inverse-surface-transparent-warning: #FA5F051F;
427
+ --inverse-surface-transparent-negative: #FF293E1F;
416
428
  --background-primary: #171717;
417
429
  --dark-background-primary: #171717;
418
430
  --light-background-primary: #F5F5F5;
@@ -673,12 +685,12 @@
673
685
  --surface-negative-minor-active: #410B11FF;
674
686
  --surface-info-minor-hover: #10344CFF;
675
687
  --surface-info-minor-active: #0A2333FF;
676
- --surface-transparent-positive-hover: #1A9E3266;
677
- --surface-transparent-positive-active: #1A9E3238;
678
- --surface-transparent-warning-hover: #FA5F0566;
679
- --surface-transparent-warning-active: #FA5F0538;
680
- --surface-transparent-negative-hover: #FF293E66;
681
- --surface-transparent-negative-active: #FF293E38;
688
+ --surface-transparent-positive-hover: #24B23E52;
689
+ --surface-transparent-positive-active: #24B23E24;
690
+ --surface-transparent-warning-hover: #FF702452;
691
+ --surface-transparent-warning-active: #FF702424;
692
+ --surface-transparent-negative-hover: #FF3D5152;
693
+ --surface-transparent-negative-active: #FF3D5124;
682
694
  --surface-transparent-info-hover: #118CDF66;
683
695
  --surface-transparent-info-active: #118CDF38;
684
696
  --surface-clear: #FFFFFF00;
@@ -696,6 +708,9 @@
696
708
  --surface-transparent-secondary: #FFFFFF1F;
697
709
  --surface-transparent-tertiary: #FFFFFF33;
698
710
  --surface-transparent-deep: #FFFFFFA3;
711
+ --surface-transparent-positive: #24B23E33;
712
+ --surface-transparent-warning: #FF702433;
713
+ --surface-transparent-negative: #FF3D5133;
699
714
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
700
715
  --on-dark-surface-solid-primary-active: #121212FF;
701
716
  --on-dark-surface-solid-secondary-hover: #303030FF;
@@ -740,12 +755,12 @@
740
755
  --on-dark-surface-negative-minor-active: #410B11FF;
741
756
  --on-dark-surface-info-minor-hover: #10344CFF;
742
757
  --on-dark-surface-info-minor-active: #0A2333FF;
743
- --on-dark-surface-transparent-positive-hover: #1A9E3266;
744
- --on-dark-surface-transparent-positive-active: #1A9E3238;
745
- --on-dark-surface-transparent-warning-hover: #FA5F0566;
746
- --on-dark-surface-transparent-warning-active: #FA5F0538;
747
- --on-dark-surface-transparent-negative-hover: #FF293E66;
748
- --on-dark-surface-transparent-negative-active: #FF293E38;
758
+ --on-dark-surface-transparent-positive-hover: #24B23E52;
759
+ --on-dark-surface-transparent-positive-active: #24B23E24;
760
+ --on-dark-surface-transparent-warning-hover: #FF702452;
761
+ --on-dark-surface-transparent-warning-active: #FF702424;
762
+ --on-dark-surface-transparent-negative-hover: #FF3D5152;
763
+ --on-dark-surface-transparent-negative-active: #FF3D5124;
749
764
  --on-dark-surface-transparent-info-hover: #118CDF66;
750
765
  --on-dark-surface-transparent-info-active: #118CDF38;
751
766
  --on-dark-surface-clear: #FFFFFF00;
@@ -763,6 +778,9 @@
763
778
  --on-dark-surface-transparent-secondary: #FFFFFF1F;
764
779
  --on-dark-surface-transparent-tertiary: #FFFFFF33;
765
780
  --on-dark-surface-transparent-deep: #FFFFFFA3;
781
+ --on-dark-surface-transparent-positive: #24B23E33;
782
+ --on-dark-surface-transparent-negative: #FF3D5133;
783
+ --on-dark-surface-transparent-warning: #FF702433;
766
784
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
767
785
  --on-light-surface-solid-primary-active: #F0F0F0FF;
768
786
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
@@ -807,12 +825,12 @@
807
825
  --on-light-surface-negative-minor-active: #FEC3C9FF;
808
826
  --on-light-surface-info-minor-hover: #C7E9FFFF;
809
827
  --on-light-surface-info-minor-active: #A8DCFFFF;
810
- --on-light-surface-transparent-positive-hover: #1A9E3266;
811
- --on-light-surface-transparent-positive-active: #1A9E3238;
812
- --on-light-surface-transparent-warning-hover: #FA5F0566;
813
- --on-light-surface-transparent-warning-active: #FA5F0538;
814
- --on-light-surface-transparent-negative-hover: #FF293E66;
815
- --on-light-surface-transparent-negative-active: #FF293E38;
828
+ --on-light-surface-transparent-positive-hover: #1A9E323D;
829
+ --on-light-surface-transparent-positive-active: #1A9E320F;
830
+ --on-light-surface-transparent-warning-hover: #FA5F053D;
831
+ --on-light-surface-transparent-warning-active: #FA5F050F;
832
+ --on-light-surface-transparent-negative-hover: #FF293E3D;
833
+ --on-light-surface-transparent-negative-active: #FF293E0F;
816
834
  --on-light-surface-transparent-info-hover: #118CDF66;
817
835
  --on-light-surface-transparent-info-active: #118CDF38;
818
836
  --on-light-surface-solid-primary: #F5F5F5;
@@ -830,6 +848,9 @@
830
848
  --on-light-surface-transparent-secondary: #0808080F;
831
849
  --on-light-surface-transparent-tertiary: #0808081F;
832
850
  --on-light-surface-transparent-deep: #080808A3;
851
+ --on-light-surface-transparent-positive: #1A9E321F;
852
+ --on-light-surface-transparent-negative: #FF293E1F;
853
+ --on-light-surface-transparent-warning: #FA5F051F;
833
854
  --inverse-surface-solid-primary-hover: #FAFAFAFF;
834
855
  --inverse-surface-solid-primary-active: #F0F0F0FF;
835
856
  --inverse-surface-solid-secondary-hover: #E8E8E8FF;
@@ -874,12 +895,12 @@
874
895
  --inverse-surface-negative-minor-active: #FEC3C9FF;
875
896
  --inverse-surface-info-minor-hover: #C7E9FFFF;
876
897
  --inverse-surface-info-minor-active: #A8DCFFFF;
877
- --inverse-surface-transparent-positive-hover: #1A9E3266;
878
- --inverse-surface-transparent-positive-active: #1A9E3238;
879
- --inverse-surface-transparent-warning-hover: #FA5F0566;
880
- --inverse-surface-transparent-warning-active: #FA5F0538;
881
- --inverse-surface-transparent-negative-hover: #FF293E66;
882
- --inverse-surface-transparent-negative-active: #FF293E38;
898
+ --inverse-surface-transparent-positive-hover: #1A9E323D;
899
+ --inverse-surface-transparent-positive-active: #1A9E320F;
900
+ --inverse-surface-transparent-warning-hover: #FA5F053D;
901
+ --inverse-surface-transparent-warning-active: #FA5F050F;
902
+ --inverse-surface-transparent-negative-hover: #FF293E3D;
903
+ --inverse-surface-transparent-negative-active: #FF293E0F;
883
904
  --inverse-surface-transparent-info-hover: #118CDF66;
884
905
  --inverse-surface-transparent-info-active: #118CDF38;
885
906
  --inverse-surface-solid-primary: #F5F5F5;
@@ -897,6 +918,9 @@
897
918
  --inverse-surface-transparent-secondary: #0808080F;
898
919
  --inverse-surface-transparent-tertiary: #0808081F;
899
920
  --inverse-surface-transparent-deep: #080808A3;
921
+ --inverse-surface-transparent-positive: #1A9E321F;
922
+ --inverse-surface-transparent-warning: #FA5F051F;
923
+ --inverse-surface-transparent-negative: #FF293E1F;
900
924
  --background-primary: #171717;
901
925
  --dark-background-primary: #171717;
902
926
  --light-background-primary: #F5F5F5;
package/css/sdds_dfa__dark.css CHANGED
@@ -189,12 +189,12 @@
189
189
  --surface-negative-minor-active: #410B11FF;
190
190
  --surface-info-minor-hover: #10344CFF;
191
191
  --surface-info-minor-active: #0A2333FF;
192
- --surface-transparent-positive-hover: #1A9E3266;
193
- --surface-transparent-positive-active: #1A9E3238;
194
- --surface-transparent-warning-hover: #FA5F0566;
195
- --surface-transparent-warning-active: #FA5F0538;
196
- --surface-transparent-negative-hover: #FF293E66;
197
- --surface-transparent-negative-active: #FF293E38;
192
+ --surface-transparent-positive-hover: #24B23E52;
193
+ --surface-transparent-positive-active: #24B23E24;
194
+ --surface-transparent-warning-hover: #FF702452;
195
+ --surface-transparent-warning-active: #FF702424;
196
+ --surface-transparent-negative-hover: #FF3D5152;
197
+ --surface-transparent-negative-active: #FF3D5124;
198
198
  --surface-transparent-info-hover: #118CDF66;
199
199
  --surface-transparent-info-active: #118CDF38;
200
200
  --surface-clear: #FFFFFF00;
@@ -212,6 +212,9 @@
212
212
  --surface-transparent-secondary: #FFFFFF1F;
213
213
  --surface-transparent-tertiary: #FFFFFF33;
214
214
  --surface-transparent-deep: #FFFFFFA3;
215
+ --surface-transparent-positive: #24B23E33;
216
+ --surface-transparent-warning: #FF702433;
217
+ --surface-transparent-negative: #FF3D5133;
215
218
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
216
219
  --on-dark-surface-solid-primary-active: #121212FF;
217
220
  --on-dark-surface-solid-secondary-hover: #303030FF;
@@ -256,12 +259,12 @@
256
259
  --on-dark-surface-negative-minor-active: #410B11FF;
257
260
  --on-dark-surface-info-minor-hover: #10344CFF;
258
261
  --on-dark-surface-info-minor-active: #0A2333FF;
259
- --on-dark-surface-transparent-positive-hover: #1A9E3266;
260
- --on-dark-surface-transparent-positive-active: #1A9E3238;
261
- --on-dark-surface-transparent-warning-hover: #FA5F0566;
262
- --on-dark-surface-transparent-warning-active: #FA5F0538;
263
- --on-dark-surface-transparent-negative-hover: #FF293E66;
264
- --on-dark-surface-transparent-negative-active: #FF293E38;
262
+ --on-dark-surface-transparent-positive-hover: #24B23E52;
263
+ --on-dark-surface-transparent-positive-active: #24B23E24;
264
+ --on-dark-surface-transparent-warning-hover: #FF702452;
265
+ --on-dark-surface-transparent-warning-active: #FF702424;
266
+ --on-dark-surface-transparent-negative-hover: #FF3D5152;
267
+ --on-dark-surface-transparent-negative-active: #FF3D5124;
265
268
  --on-dark-surface-transparent-info-hover: #118CDF66;
266
269
  --on-dark-surface-transparent-info-active: #118CDF38;
267
270
  --on-dark-surface-clear: #FFFFFF00;
@@ -279,6 +282,9 @@
279
282
  --on-dark-surface-transparent-secondary: #FFFFFF1F;
280
283
  --on-dark-surface-transparent-tertiary: #FFFFFF33;
281
284
  --on-dark-surface-transparent-deep: #FFFFFFA3;
285
+ --on-dark-surface-transparent-positive: #24B23E33;
286
+ --on-dark-surface-transparent-negative: #FF3D5133;
287
+ --on-dark-surface-transparent-warning: #FF702433;
282
288
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
283
289
  --on-light-surface-solid-primary-active: #F0F0F0FF;
284
290
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
@@ -323,12 +329,12 @@
323
329
  --on-light-surface-negative-minor-active: #FEC3C9FF;
324
330
  --on-light-surface-info-minor-hover: #C7E9FFFF;
325
331
  --on-light-surface-info-minor-active: #A8DCFFFF;
326
- --on-light-surface-transparent-positive-hover: #1A9E3266;
327
- --on-light-surface-transparent-positive-active: #1A9E3238;
328
- --on-light-surface-transparent-warning-hover: #FA5F0566;
329
- --on-light-surface-transparent-warning-active: #FA5F0538;
330
- --on-light-surface-transparent-negative-hover: #FF293E66;
331
- --on-light-surface-transparent-negative-active: #FF293E38;
332
+ --on-light-surface-transparent-positive-hover: #1A9E323D;
333
+ --on-light-surface-transparent-positive-active: #1A9E320F;
334
+ --on-light-surface-transparent-warning-hover: #FA5F053D;
335
+ --on-light-surface-transparent-warning-active: #FA5F050F;
336
+ --on-light-surface-transparent-negative-hover: #FF293E3D;
337
+ --on-light-surface-transparent-negative-active: #FF293E0F;
332
338
  --on-light-surface-transparent-info-hover: #118CDF66;
333
339
  --on-light-surface-transparent-info-active: #118CDF38;
334
340
  --on-light-surface-solid-primary: #F5F5F5;
@@ -346,6 +352,9 @@
346
352
  --on-light-surface-transparent-secondary: #0808080F;
347
353
  --on-light-surface-transparent-tertiary: #0808081F;
348
354
  --on-light-surface-transparent-deep: #080808A3;
355
+ --on-light-surface-transparent-positive: #1A9E321F;
356
+ --on-light-surface-transparent-negative: #FF293E1F;
357
+ --on-light-surface-transparent-warning: #FA5F051F;
349
358
  --inverse-surface-solid-primary-hover: #FAFAFAFF;
350
359
  --inverse-surface-solid-primary-active: #F0F0F0FF;
351
360
  --inverse-surface-solid-secondary-hover: #E8E8E8FF;
@@ -390,12 +399,12 @@
390
399
  --inverse-surface-negative-minor-active: #FEC3C9FF;
391
400
  --inverse-surface-info-minor-hover: #C7E9FFFF;
392
401
  --inverse-surface-info-minor-active: #A8DCFFFF;
393
- --inverse-surface-transparent-positive-hover: #1A9E3266;
394
- --inverse-surface-transparent-positive-active: #1A9E3238;
395
- --inverse-surface-transparent-warning-hover: #FA5F0566;
396
- --inverse-surface-transparent-warning-active: #FA5F0538;
397
- --inverse-surface-transparent-negative-hover: #FF293E66;
398
- --inverse-surface-transparent-negative-active: #FF293E38;
402
+ --inverse-surface-transparent-positive-hover: #1A9E323D;
403
+ --inverse-surface-transparent-positive-active: #1A9E320F;
404
+ --inverse-surface-transparent-warning-hover: #FA5F053D;
405
+ --inverse-surface-transparent-warning-active: #FA5F050F;
406
+ --inverse-surface-transparent-negative-hover: #FF293E3D;
407
+ --inverse-surface-transparent-negative-active: #FF293E0F;
399
408
  --inverse-surface-transparent-info-hover: #118CDF66;
400
409
  --inverse-surface-transparent-info-active: #118CDF38;
401
410
  --inverse-surface-solid-primary: #F5F5F5;
@@ -413,6 +422,9 @@
413
422
  --inverse-surface-transparent-secondary: #0808080F;
414
423
  --inverse-surface-transparent-tertiary: #0808081F;
415
424
  --inverse-surface-transparent-deep: #080808A3;
425
+ --inverse-surface-transparent-positive: #1A9E321F;
426
+ --inverse-surface-transparent-warning: #FA5F051F;
427
+ --inverse-surface-transparent-negative: #FF293E1F;
416
428
  --background-primary: #171717;
417
429
  --dark-background-primary: #171717;
418
430
  --light-background-primary: #F5F5F5;
package/css/sdds_dfa__light.css CHANGED
@@ -189,12 +189,12 @@
189
189
  --surface-negative-minor-active: #FEC3C9FF;
190
190
  --surface-info-minor-hover: #C7E9FFFF;
191
191
  --surface-info-minor-active: #9ED8FFFF;
192
- --surface-transparent-positive-hover: #1A9E3233;
193
- --surface-transparent-positive-active: #1A9E3252;
194
- --surface-transparent-warning-hover: #FA5F0533;
195
- --surface-transparent-warning-active: #FA5F0552;
196
- --surface-transparent-negative-hover: #FF293E33;
197
- --surface-transparent-negative-active: #FF293E52;
192
+ --surface-transparent-positive-hover: #1A9E320A;
193
+ --surface-transparent-positive-active: #1A9E3229;
194
+ --surface-transparent-warning-hover: #FA5F050A;
195
+ --surface-transparent-warning-active: #FA5F0529;
196
+ --surface-transparent-negative-hover: #FF293E0A;
197
+ --surface-transparent-negative-active: #FF293E29;
198
198
  --surface-transparent-info-hover: #118CDF33;
199
199
  --surface-transparent-info-active: #118CDF52;
200
200
  --surface-solid-primary: #F5F5F5;
@@ -212,6 +212,9 @@
212
212
  --surface-negative: #FF293E;
213
213
  --surface-warning: #FA5F05;
214
214
  --surface-positive: #1A9E32;
215
+ --surface-transparent-positive: #1A9E321F;
216
+ --surface-transparent-warning: #FA5F051F;
217
+ --surface-transparent-negative: #FF293E1F;
215
218
  --on-dark-surface-solid-primary-hover: #363636FF;
216
219
  --on-dark-surface-solid-primary-active: #0D0D0DFF;
217
220
  --on-dark-surface-solid-secondary-hover: #3B3B3BFF;
@@ -256,12 +259,12 @@
256
259
  --on-dark-surface-negative-minor-active: #380A0FFF;
257
260
  --on-dark-surface-info-minor-hover: #10344CFF;
258
261
  --on-dark-surface-info-minor-active: #091D2AFF;
259
- --on-dark-surface-transparent-positive-hover: #1A9E3233;
260
- --on-dark-surface-transparent-positive-active: #1A9E3252;
261
- --on-dark-surface-transparent-warning-hover: #FA5F0533;
262
- --on-dark-surface-transparent-warning-active: #FA5F0552;
263
- --on-dark-surface-transparent-negative-hover: #FF293E33;
264
- --on-dark-surface-transparent-negative-active: #FF293E52;
262
+ --on-dark-surface-transparent-positive-hover: #24B23E1F;
263
+ --on-dark-surface-transparent-positive-active: #24B23E3D;
264
+ --on-dark-surface-transparent-warning-hover: #FF70241F;
265
+ --on-dark-surface-transparent-warning-active: #FF70243D;
266
+ --on-dark-surface-transparent-negative-hover: #FF3D511F;
267
+ --on-dark-surface-transparent-negative-active: #FF3D513D;
265
268
  --on-dark-surface-transparent-info-hover: #118CDF33;
266
269
  --on-dark-surface-transparent-info-active: #118CDF52;
267
270
  --on-dark-surface-solid-card: #262626;
@@ -279,6 +282,9 @@
279
282
  --on-dark-surface-positive: #24B23E;
280
283
  --on-dark-surface-warning: #FF7024;
281
284
  --on-dark-surface-negative: #FF3D51;
285
+ --on-dark-surface-transparent-positive: #24B23E33;
286
+ --on-dark-surface-transparent-warning: #FF702433;
287
+ --on-dark-surface-transparent-negative: #FF3D5133;
282
288
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
283
289
  --on-light-surface-solid-primary-active: #F0F0F0FF;
284
290
  --on-light-surface-solid-secondary-hover: #EDEDEDFF;
@@ -323,12 +329,12 @@
323
329
  --on-light-surface-negative-minor-active: #FEC3C9FF;
324
330
  --on-light-surface-info-minor-hover: #C7E9FFFF;
325
331
  --on-light-surface-info-minor-active: #9ED8FFFF;
326
- --on-light-surface-transparent-positive-hover: #1A9E3233;
327
- --on-light-surface-transparent-positive-active: #1A9E3252;
328
- --on-light-surface-transparent-warning-hover: #FA5F0533;
329
- --on-light-surface-transparent-warning-active: #FA5F0552;
330
- --on-light-surface-transparent-negative-hover: #FF293E33;
331
- --on-light-surface-transparent-negative-active: #FF293E52;
332
+ --on-light-surface-transparent-positive-hover: #1A9E320A;
333
+ --on-light-surface-transparent-positive-active: #1A9E3229;
334
+ --on-light-surface-transparent-warning-hover: #FA5F050A;
335
+ --on-light-surface-transparent-warning-active: #FA5F0529;
336
+ --on-light-surface-transparent-negative-hover: #FF293E0A;
337
+ --on-light-surface-transparent-negative-active: #FF293E29;
332
338
  --on-light-surface-transparent-info-hover: #118CDF33;
333
339
  --on-light-surface-transparent-info-active: #118CDF52;
334
340
  --on-light-surface-solid-primary: #F5F5F5;
@@ -346,6 +352,9 @@
346
352
  --on-light-surface-positive: #1A9E32;
347
353
  --on-light-surface-warning: #FA5F05;
348
354
  --on-light-surface-negative: #FF293E;
355
+ --on-light-surface-transparent-positive: #1A9E321F;
356
+ --on-light-surface-transparent-warning: #FA5F051F;
357
+ --on-light-surface-transparent-negative: #FF293E1F;
349
358
  --inverse-surface-solid-primary-hover: #363636FF;
350
359
  --inverse-surface-solid-primary-active: #0D0D0DFF;
351
360
  --inverse-surface-solid-secondary-hover: #3B3B3BFF;
@@ -390,12 +399,12 @@
390
399
  --inverse-surface-negative-minor-active: #380A0FFF;
391
400
  --inverse-surface-info-minor-hover: #10344CFF;
392
401
  --inverse-surface-info-minor-active: #091D2AFF;
393
- --inverse-surface-transparent-positive-hover: #1A9E3233;
394
- --inverse-surface-transparent-positive-active: #1A9E3252;
395
- --inverse-surface-transparent-warning-hover: #FA5F0533;
396
- --inverse-surface-transparent-warning-active: #FA5F0552;
397
- --inverse-surface-transparent-negative-hover: #FF293E33;
398
- --inverse-surface-transparent-negative-active: #FF293E52;
402
+ --inverse-surface-transparent-positive-hover: #24B23E1F;
403
+ --inverse-surface-transparent-positive-active: #24B23E3D;
404
+ --inverse-surface-transparent-warning-hover: #FF70241F;
405
+ --inverse-surface-transparent-warning-active: #FF70243D;
406
+ --inverse-surface-transparent-negative-hover: #FF3D511F;
407
+ --inverse-surface-transparent-negative-active: #FF3D513D;
399
408
  --inverse-surface-transparent-info-hover: #118CDF33;
400
409
  --inverse-surface-transparent-info-active: #118CDF52;
401
410
  --inverse-surface-clear: #FFFFFF00;
@@ -413,6 +422,9 @@
413
422
  --inverse-surface-positive: #24B23E;
414
423
  --inverse-surface-warning: #FF7024;
415
424
  --inverse-surface-negative: #FF3D51;
425
+ --inverse-surface-transparent-positive: #24B23E33;
426
+ --inverse-surface-transparent-warning: #FF702433;
427
+ --inverse-surface-transparent-negative: #FF3D5133;
416
428
  --background-primary: #F5F5F5;
417
429
  --dark-background-primary: #171717;
418
430
  --light-background-primary: #F5F5F5;