@medway-ui/native 1.10.0 → 1.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/setup/tokens.native.css +130 -60
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medway-ui/native",
3
- "version": "1.10.0",
3
+ "version": "1.10.1",
4
4
  "description": "Medway UI components for React Native (iOS/Android via Expo)",
5
5
  "author": "Alekcarvalho",
6
6
  "license": "MIT",
package/setup/tokens.native.css CHANGED
@@ -453,40 +453,68 @@
453
453
  --color-gray-background-soft-muted: var(--color-gray-30);
454
454
 
455
455
  /* === Base green colors === */
456
- --color-green-foreground: var(--color-green-darken-3);
457
- --color-green-foreground-emphasis: var(--color-green-darken-4);
458
- --color-green-foreground-onfill: var(--color-white);
459
- --color-green-stroke: var(--color-green);
460
- --color-green-stroke-emphasis: var(--color-green-darken-2);
461
- --color-green-background-fill: var(--color-green-darken-2);
462
- --color-green-background-fill-emphasis: var(--color-green-darken-3);
463
- --color-green-background-soft: var(--color-green-16);
464
- --color-green-background-soft-emphasis: var(--color-green-12);
465
- --color-green-background-soft-muted: var(--color-green-6);
456
+ --color-green-foreground: var(--color-feedback-success-foreground);
457
+ --color-green-foreground-emphasis: var(
458
+ --color-feedback-success-foreground-emphasis
459
+ );
460
+ --color-green-foreground-onfill: var(
461
+ --color-feedback-success-foreground-onfill
462
+ );
463
+ --color-green-stroke: var(--color-feedback-success-stroke);
464
+ --color-green-stroke-emphasis: var(--color-feedback-success-stroke-emphasis);
465
+ --color-green-background-fill: var(--color-feedback-success-background-fill);
466
+ --color-green-background-fill-emphasis: var(
467
+ --color-feedback-success-background-fill-emphasis
468
+ );
469
+ --color-green-background-soft: var(--color-feedback-success-background-soft);
470
+ --color-green-background-soft-emphasis: var(
471
+ --color-feedback-success-background-soft-emphasis
472
+ );
473
+ --color-green-background-soft-muted: var(
474
+ --color-feedback-success-background-soft-muted
475
+ );
466
476
 
467
477
  /* === Base red colors === */
468
- --color-red-foreground: var(--color-red-darken-2);
469
- --color-red-foreground-emphasis: var(--color-red-darken-3);
470
- --color-red-foreground-onfill: var(--color-white);
471
- --color-red-stroke: var(--color-red);
472
- --color-red-stroke-emphasis: var(--color-red-darken-1);
473
- --color-red-background-fill: var(--color-red-darken-1);
474
- --color-red-background-fill-emphasis: var(--color-red-darken-2);
475
- --color-red-background-soft: var(--color-red-12);
476
- --color-red-background-soft-emphasis: var(--color-red-8);
477
- --color-red-background-soft-muted: var(--color-red-4);
478
+ --color-red-foreground: var(--color-feedback-error-foreground);
479
+ --color-red-foreground-emphasis: var(
480
+ --color-feedback-error-foreground-emphasis
481
+ );
482
+ --color-red-foreground-onfill: var(--color-feedback-error-foreground-onfill);
483
+ --color-red-stroke: var(--color-feedback-error-stroke);
484
+ --color-red-stroke-emphasis: var(--color-feedback-error-stroke-emphasis);
485
+ --color-red-background-fill: var(--color-feedback-error-background-fill);
486
+ --color-red-background-fill-emphasis: var(
487
+ --color-feedback-error-background-fill-emphasis
488
+ );
489
+ --color-red-background-soft: var(--color-feedback-error-background-soft);
490
+ --color-red-background-soft-emphasis: var(
491
+ --color-feedback-error-background-soft-emphasis
492
+ );
493
+ --color-red-background-soft-muted: var(
494
+ --color-feedback-error-background-soft-muted
495
+ );
478
496
 
479
497
  /* === Base yellow colors === */
480
- --color-yellow-foreground: var(--color-yellow-darken-4);
481
- --color-yellow-foreground-emphasis: var(--color-yellow-darken-5);
482
- --color-yellow-foreground-onfill: var(--color-yellow-darken-5);
483
- --color-yellow-stroke: var(--color-yellow-lighten-1);
484
- --color-yellow-stroke-emphasis: var(--color-yellow);
485
- --color-yellow-background-fill: var(--color-yellow-lighten-2);
486
- --color-yellow-background-fill-emphasis: var(--color-yellow);
487
- --color-yellow-background-soft: var(--color-yellow-24);
488
- --color-yellow-background-soft-emphasis: var(--color-yellow-16);
489
- --color-yellow-background-soft-muted: var(--color-yellow-8);
498
+ --color-yellow-foreground: var(--color-feedback-warning-foreground);
499
+ --color-yellow-foreground-emphasis: var(
500
+ --color-feedback-warning-foreground-emphasis
501
+ );
502
+ --color-yellow-foreground-onfill: var(
503
+ --color-feedback-warning-foreground-onfill
504
+ );
505
+ --color-yellow-stroke: var(--color-feedback-warning-stroke);
506
+ --color-yellow-stroke-emphasis: var(--color-feedback-warning-stroke-emphasis);
507
+ --color-yellow-background-fill: var(--color-feedback-warning-background-fill);
508
+ --color-yellow-background-fill-emphasis: var(
509
+ --color-feedback-warning-background-fill-emphasis
510
+ );
511
+ --color-yellow-background-soft: var(--color-feedback-warning-background-soft);
512
+ --color-yellow-background-soft-emphasis: var(
513
+ --color-feedback-warning-background-soft-emphasis
514
+ );
515
+ --color-yellow-background-soft-muted: var(
516
+ --color-feedback-warning-background-soft-muted
517
+ );
490
518
 
491
519
  /* === Base cm colors === */
492
520
  --color-cm-foreground: var(--color-cm-darken-2);
@@ -840,40 +868,82 @@
840
868
  --color-gray-background-soft-muted: var(--color-gray-700);
841
869
 
842
870
  /* === Dark green colors === */
843
- --color-green-foreground: var(--color-green-lighten-4);
844
- --color-green-foreground-emphasis: var(--color-green-lighten-6);
845
- --color-green-foreground-onfill: var(--color-white);
846
- --color-green-stroke: var(--color-green-darken-2);
847
- --color-green-stroke-emphasis: var(--color-green);
848
- --color-green-background-fill: var(--color-green-darken-3);
849
- --color-green-background-fill-emphasis: var(--color-green-darken-2);
850
- --color-green-background-soft: var(--color-green-8);
851
- --color-green-background-soft-emphasis: var(--color-green-24);
852
- --color-green-background-soft-muted: var(--color-green-16);
871
+ --color-green-foreground: var(--color-feedback-success-foreground);
872
+ --color-green-foreground-emphasis: var(
873
+ --color-feedback-success-foreground-emphasis
874
+ );
875
+ --color-green-foreground-onfill: var(
876
+ --color-feedback-success-foreground-onfill
877
+ );
878
+ --color-green-stroke: var(--color-feedback-success-stroke);
879
+ --color-green-stroke-emphasis: var(
880
+ --color-feedback-success-stroke-emphasis
881
+ );
882
+ --color-green-background-fill: var(
883
+ --color-feedback-success-background-fill
884
+ );
885
+ --color-green-background-fill-emphasis: var(
886
+ --color-feedback-success-background-fill-emphasis
887
+ );
888
+ --color-green-background-soft: var(
889
+ --color-feedback-success-background-soft
890
+ );
891
+ --color-green-background-soft-emphasis: var(
892
+ --color-feedback-success-background-soft-emphasis
893
+ );
894
+ --color-green-background-soft-muted: var(
895
+ --color-feedback-success-background-soft-muted
896
+ );
853
897
 
854
898
  /* === Dark red colors === */
855
- --color-red-foreground: var(--color-red-lighten-3);
856
- --color-red-foreground-emphasis: var(--color-red-lighten-4);
857
- --color-red-foreground-onfill: var(--color-white);
858
- --color-red-stroke: var(--color-red-darken-1);
859
- --color-red-stroke-emphasis: var(--color-red);
860
- --color-red-background-fill: var(--color-red-darken-2);
861
- --color-red-background-fill-emphasis: var(--color-red-darken-1);
862
- --color-red-background-soft: var(--color-red-12);
863
- --color-red-background-soft-emphasis: var(--color-red-24);
864
- --color-red-background-soft-muted: var(--color-red-16);
899
+ --color-red-foreground: var(--color-feedback-error-foreground);
900
+ --color-red-foreground-emphasis: var(
901
+ --color-feedback-error-foreground-emphasis
902
+ );
903
+ --color-red-foreground-onfill: var(
904
+ --color-feedback-error-foreground-onfill
905
+ );
906
+ --color-red-stroke: var(--color-feedback-error-stroke);
907
+ --color-red-stroke-emphasis: var(--color-feedback-error-stroke-emphasis);
908
+ --color-red-background-fill: var(--color-feedback-error-background-fill);
909
+ --color-red-background-fill-emphasis: var(
910
+ --color-feedback-error-background-fill-emphasis
911
+ );
912
+ --color-red-background-soft: var(--color-feedback-error-background-soft);
913
+ --color-red-background-soft-emphasis: var(
914
+ --color-feedback-error-background-soft-emphasis
915
+ );
916
+ --color-red-background-soft-muted: var(
917
+ --color-feedback-error-background-soft-muted
918
+ );
865
919
 
866
920
  /* === Dark yellow colors === */
867
- --color-yellow-foreground: var(--color-yellow-lighten-2);
868
- --color-yellow-foreground-emphasis: var(--color-yellow-lighten-4);
869
- --color-yellow-foreground-onfill: var(--color-yellow-darken-5);
870
- --color-yellow-stroke: var(--color-yellow);
871
- --color-yellow-stroke-emphasis: var(--color-yellow-lighten-1);
872
- --color-yellow-background-fill: var(--color-yellow);
873
- --color-yellow-background-fill-emphasis: var(--color-yellow-lighten-2);
874
- --color-yellow-background-soft: var(--color-yellow-8);
875
- --color-yellow-background-soft-emphasis: var(--color-yellow-24);
876
- --color-yellow-background-soft-muted: var(--color-yellow-16);
921
+ --color-yellow-foreground: var(--color-feedback-warning-foreground);
922
+ --color-yellow-foreground-emphasis: var(
923
+ --color-feedback-warning-foreground-emphasis
924
+ );
925
+ --color-yellow-foreground-onfill: var(
926
+ --color-feedback-warning-foreground-onfill
927
+ );
928
+ --color-yellow-stroke: var(--color-feedback-warning-stroke);
929
+ --color-yellow-stroke-emphasis: var(
930
+ --color-feedback-warning-stroke-emphasis
931
+ );
932
+ --color-yellow-background-fill: var(
933
+ --color-feedback-warning-background-fill
934
+ );
935
+ --color-yellow-background-fill-emphasis: var(
936
+ --color-feedback-warning-background-fill-emphasis
937
+ );
938
+ --color-yellow-background-soft: var(
939
+ --color-feedback-warning-background-soft
940
+ );
941
+ --color-yellow-background-soft-emphasis: var(
942
+ --color-feedback-warning-background-soft-emphasis
943
+ );
944
+ --color-yellow-background-soft-muted: var(
945
+ --color-feedback-warning-background-soft-muted
946
+ );
877
947
 
878
948
  /* === Dark cm colors === */
879
949
  --color-cm-foreground: var(--color-cm-lighten-4);